/********************************* BODY / GENERAL STYLES ********************************/
body {
	margin: 0;
	padding: 0;
	background: rgb(144,144,144) url("/smartnav/images/template/background.gif") repeat;
	font-family: "Verdana", "Geneva", "Arial", sans-serif, "Helvetica", "Trebuchet MS", "Tahoma";
	color: #000000;
}

a:link {text-decoration:none; color:#537fa6;}
a:visited {text-decoration:none; color:#537fa6;}
a:hover {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#537fa6;}

form {
  margin: 0px;
}

.input, .submit {
  margin: 0px 22px 6px 28px;
  font: 11px "Verdana", "Geneva", "Arial", sans-serif, "Helvetica", "Trebuchet MS", "Tahoma";
}

.input {
  background-color: #777777;
  color: #ffffff;
  border: 1px solid #222222;
}

.submit {
	background-color: #2f6486;
  color: #ffffff;
  border: 1px solid #b0bfc6;
}

select {
  padding: 0;
	font: 11px "Verdana", "Geneva", "Arial", sans-serif, "Helvetica", "Trebuchet MS", "Tahoma";
	border: 1px solid #600000; 
}

.hiddenform {
  display: none;
}

.translate, .search {
  margin: 0px 5px 6px 28px;
  font: 11px "Verdana", "Geneva", "Arial", sans-serif, "Helvetica", "Trebuchet MS", "Tahoma";
  background-color: #777777;
  color: #ffffff;
  border: 1px solid #222222;
}

.searchbox {
  margin: 0px 5px 6px 28px;
  font: 11px "Verdana", "Geneva", "Arial", sans-serif, "Helvetica", "Trebuchet MS", "Tahoma";
  background-color: #f1f0f0;
  color: #000000;
  border: 1px solid #222222;
}

select.cart_select {
  margin: 0px 10px 5px 10px;
	background-color: #f1f0f0;
	color: #222222;
}

img {border:0;}
a:link img {border:0;}
a:visited img {border:0;}
a:active img {border:0;}

.notice { padding: 3px 10px }

/************************************ TEMPLATE STYLES ***********************************/
.rightside {
  background-image: url("/smartnav/images/template/rightside.jpg");
  background-repeat: repeat-y;
  background-position: left;
}

.leftside {
  background-image: url("/smartnav/images/template/leftside.jpg");
  background-repeat: repeat-y;
  background-position: right;
}

.titlebar {
	background-color: #ffffff;
  background-image: url("/smartnav/images/template/titlebar.gif");
  background-repeat: no-repeat;
}

.featurebanner {
	background-color: #777777;
  background-image: url("/smartnav/images/banner-bg-90px.jpg");
  background-repeat: repeat-x;
  background-position: right;
}

.redbar {
	background-color: #aa9566;
}

.graybar {
	background-color: #aebfc7;
}

.item_price {
	font-weight: bold;
  color: #8f0000;
}

/************************************* HEADER STYLES ************************************/
.header {
	background-color: #e9e9e9;
  background-image: url("/smartnav/images/template/header.jpg");
  background-repeat: repeat-x;
}

.headertext {
  padding: 4px 12px 0px 0px;
	font-weight: bold;
	font-size: 9px;
	color: #555555;
}

.headertext a:link, .headertext a:visited, .headertext a:active {
	color: #2f6486;
	text-decoration: none;
}

.headertext a:hover {
	color: #555555;
	text-decoration: none;
}

a:link.gray, a:visited.gray, a:hover.gray, a:active.gray {
	color: #555555;
}

/******************************** NAVIGATION MENU STYLES ********************************/
.navmenu {
	background-color: #676767;
  background-image: url("/smartnav/images/template/navmenu.jpg");
  background-repeat: repeat-x;
}

.navmenublank {
	background-color: #ffffff;
  background-image: url("/smartnav/images/template/navmenublank.gif");
  background-repeat: repeat-x;
}

.mt {
  background-color: #ffffff;
  border: 1px solid #adbfcd;
}

.nav {
  font-size: 11px;
  font-family: arial,helvetica,sanserif;
  color: #000000;
  white-space: nowrap;
  line-height: 18px;
}

.nav2 {
  font-size: 11px;
  font-family: arial,helvetica,sanserif;
  color: #333333;
  white-space: nowrap;
  line-height: 18px;
  cursor: pointer;
  background-color: #ecf3ff;
  padding: 2px 6px 2px 6px;
  border-bottom: 1px solid #CCCCCC;
  text-align: top;
}

.navsubposition {
	position: absolute;
	left: 159px;
	margin-top: -19px;
  z-index: 120;
  color: #333333;
  cursor: pointer;
  background-color: #F0F0F0;
  padding: 0px 0px 0px 0px;
  border: 1px solid #adbfcd;
}

.navsubmenuitem {
  font-size: 11px;
  font-family: arial,helvetica,sanserif;
  color: #333333;
  white-space: nowrap;
  line-height: 18px;
  cursor: pointer;
  background-color: #F0F0F0;
  padding: 2px 6px 2px 6px;
  border-bottom: 1px solid #CCCCCC;
  text-align: top;
}

.menu, .menu_on {
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  font-family: arial,helvetica,sanserif;
  color: #FFFFFF;
  white-space: nowrap;
}

.menu_on {
  background-image: url("/smartnav/images/template/navmenu-on.jpg");
  background-repeat: repeat-x;
}

a:link.menutext, a:visited.menutext, a:hover.menutext, a:active.menutext {
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 9px;
}

.free {
  font-size: 10px;
  font-family: arial,helvetica,sanserif;
  color: #CC0000;
  white-space: nowrap;
  line-height: 18px;
  font-weight: bold;
}

a:link.navmenutext, a:visited.navmenutext, a:hover.navmenutext, a:active.navmenutext {
	color: #000000;
	text-decoration: none;
}

#main {position: relative; width: 740px; z-index: 20; visibility: visible;}
/*#home {position: absolute; width: 79px; top: 32px; left: 0px; z-index: 100; visibility: hidden;}*/
#store {position: absolute; width: 92px; top: 32px; left: 76px; z-index: 100; visibility: hidden;}
#products {position: absolute; width: 104px; top: 32px; left: 170px; z-index: 100; visibility: hidden;}
#community {position: absolute; width: 113px; top: 32px; left: 276px; z-index: 100; visibility: hidden;}
#support {position: absolute; width: 104px; top: 32px; left: 391px; z-index: 100; visibility: hidden;}             
#corporate {position: absolute; width: 106px; top: 32px; left: 497px; z-index: 100; visibility: hidden;}

/******************************* BREADCRUMBS / CART STYLES ******************************/
.breadcrumbs {
	background-color: #bfbfbf;
  background-image: url("/smartnav/images/template/breadcrumbs.jpg");
  background-repeat: repeat-x;
}

.breadcrumbstext {
  padding: 0px 0px 0px 23px;
	font-weight: bold;
	font-size: 9px;
	color: #555555;
}

.breadcrumbstext a {
	color: #2f6486;
	text-decoration: none;
}

.shoppingcarttext {
  padding: 0px 19px 0px 0px;
	font-weight: bold;
	font-size: 9px;
	color: #555555;
}

.shoppingcarttext a {
	color: #000000;
	text-decoration: none;
}

td.shoppingcartbutton {
  padding: 0px 0px 0px 0px;
}

td:hover.shoppingcartbutton, .shoppingcartbutton_on {
  padding: 0px 0px 0px 0px;
  background-image: url("/smartnav/images/template/breadcrumbs-on.jpg");
}

.store-visited {
  border: solid #a7a7a7 1px;
  background-color: #E8E8E8;
  color: #575757;
}

.store-active {
  border: solid red 1px;
  color: #000000;
  font-weight: bold;
}

.store-upcoming {
  border: solid #d7d7d7 1px;
  color: #a7a7a7;
}

/******************************** GENERAL CONTENT STYLES ********************************/
.content {
	font-size: 11px;
}

.content td {
	font-size: 11px;
}

.smallcontent {
	font-size: 9px;
}

h1 { 
  background-image: url("/smartnav/images/template/h1-arrow.gif");
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding: 0px 16px 0px 26px;
  margin: 12px 0px 6px 0px;
	font-size: 1.4em;
	color: #3e647e; /* #444444 */
	font-weight: bold;
}

h3 {
  padding: 0px 16px 0px 26px;
  margin: 12px 0px 0px 0px;
	font-size: 1.2em;
	color: #007fca; /* #0084ff */
	font-weight: bold;
}

h5 {
  padding: 0px 16px 0px 26px;
  margin: 12px 0px 0px 0px;
	font-size: 1.0em;
	color: #000000;  
	font-weight: bold;
}

.dividercolumn {
	background-color: #adc0c7;
}

.scrollbox {
  margin: 10px 0px 10px 10px;
  border: solid 1px #adc0c7;
  background: #eeeeee;
  padding: 4px;
  width: 210px; 
  height: 250px;
  overflow: auto;
}

/******************************** HOME FLASH AREA STYLES ********************************/
.homebanner, .homebanner td {
	font-size: 12px;
	color: #ffffff;
  line-height: 18px;
}

.homebanner h1 {
	color: #ffffff;
}

p.areadescription {
	line-height: 20px;
}

/************************************* PROMO STYLES *************************************/
.quest1 {
	font-size: 23pt; 
	color: #0000ff; 
	margin: 0px;
	}
	
.quest2 { 
	font-size: 13pt; 
	color: #0000ff; 
	margin: 0px;
}

.quest2b {
	font-size: 16pt; 
	color: #0000ff; 
	margin: 0px;
}

/************************ CONTENT AREA: LEFT/RIGHT COLUMN STYLES ************************/
.leftcolumn {
	background-color: #ffffff;
	background-image: url("/smartnav/images/template/leftside-bg.gif");
  background-repeat: no-repeat;
}

.rightcolumn {
	background-color: #cad1d9; /*#dbdbdb*/
}

.leftcolumn p, .rightcolumn p, .homebanner p { 
  margin: 0px 22px 0px 28px;
  padding: 10px 0px 10px 0px;
}

.leftcolumn ol, .rightcolumn ol, .leftcolumn ul, .rightcolumn ul {
  margin: 0;
	text-align: left;
}

.leftcolumn ol, .rightcolumn ol {
  padding: 2px 22px 4px 62px;
}

.leftcolumn ul, .rightcolumn ul {
  padding: 4px 22px 0px 46px;
}

.leftcolumn ol li, .rightcolumn ol li, .leftcolumn ul li, .rightcolumn ul li {
  padding: 0px 0px 2px 2px;
}

.leftcolumn ul li a, .rightcolumn ul li a, .leftcolumn ol li a, .rightcolumn ol li a {
	color: #2f6486;
	text-decoration: none;
}

.backgroundwhite {
	background-color: #ffffff;
}

.backgroundlight {
	background-color: #f1f0f0;
}

.backgrounddark {
	background-color: #dbdbdb;
}

/********************************** CONTENT AREA STYLES *********************************/

.w_line {
  background-color: #a6ccf0;
  background-image: url("/smartnav/images/pixel.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

.w_line_yellow {
  background-color: #FEDA66;
  background-image: url("/smartnav/images/pixel.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

.w_line_none {

}

.w_line_grey {
  background-color: #e6e6e6;
  background-image: url("/smartnav/images/pixel.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}

.horizontalrule {
  background-image: url("/smartnav/images/template/hr-w500.gif");
  background-repeat: repeat-x;
	padding: 3px 0px 0px 0px;
  margin: 0;
}

.horizontalrulegray {
  background-image: url("/smartnav/images/template/hr-gray-w500.gif");
  background-repeat: repeat-x;
	padding: 3px 0px 0px 0px;
  margin: 0px 22px 0px 28px;
}

.area, .areawhite, .arealight, .areadark, .areaalternate {
	padding: 12px 0px 10px 0px;
}

.areawhite {
	background-color: #ffffff;
}

.arealight {
	background-color: #fcf7ef; /*#f1f0f0*/
}

.areadark {
	background-color: #ffedbb; /*#dbdbdb*/
}

.areaalternate {
	background-color: #eff4fc; /*#ecf3ff*/
}

.copyrightarea {
	background-color: #cad1d9; /*#dbdbdb*/
	padding: 0px 0px 0px 0px;
}

.leftimage {
  float: left;
  margin: 8px 10px 6px 0px;
  border: none;
}

.rightimage {
  float: right;
  margin: 8px 0px 6px 10px;
  border: none;
}

.blanklist ul, .arrowlist ul, .bulletlist ul {
  margin: 0;
  padding: 10px 0px 0px 0px;
  text-align: left;
}

.blanklist ul li, .arrowlist ul li, .bulletlist ul li {
  padding: 0px 22px 11px 28px;
}

.blanklist li, .arrowlist li, .bulletlist li {
  list-style: none;
	font-size: 9px;
	font-weight: bold;
}

.arrowlist li {
  background-image: url("/smartnav/images/template/list-arrow.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 12px;
  line-height: 1.2;
}

.bulletlist li {
  background-image: url("/smartnav/images/template/list-bullet.gif");
  background-position: 0 2px;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 12px;
  line-height: 1.1;
}

.areasection a:link, .areasection a:visited, .areasection a:active {
	color: #537fa6;
	text-decoration: none;
}

.areasection a:hover {
	color: #000000;
	text-decoration: none;
}

/******************************** OPTIONS/BUTTONS STYLES ********************************/
.buttonprice {
  width: 201px;
  padding: 0;
  margin: 0 auto;
}

.itembutton {
  width: 91px;
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
  text-align: left;
}

.itemprice {
  width: 100px;
  padding: 0;
  margin: 0;
  float: left;
  text-align: left;
  font-weight: bold;
}

div#storePopup{
  position: absolute;
  font-family: Verdana, Arial, Helvetica, San Serif;
  font-size: 8pt;
  width: 340px;
  /* use dynamic width + min instead, padding-right was added to cart_select to ensure a nice border */
  /* min-width: 250px; */
  border: 0;
  /* note - changed padding from 10 to 0 */
  padding: 0;
  margin: 0px 8px 0px 8px;
  text-align: left;
  color:#000
  visibility: hidden;
  z-index: 100;
}

.b1, .b2, .b3, .b4 { font-size:1px; overflow:hidden; display:block; }
.b1 { height:1px; background:#888; margin:0 5px; }
.b2 { height:1px; background:#eee; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px; }
.b3 { height:1px; background:#eee; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px; }
.b4 { height:2px; background:#eee; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px; }
.contentb { background: #eee; border-right:1px solid #888; border-left:1px solid #888; }
.contentb div { margin-left: 5px; }

.optionbox {
  padding: 0;
  margin: 0;
}

.optionbox input {
  background-color: #fefefe;
  color: #000000;
  border: 1px solid #222222;
}

.optionbox select {
  padding: 0;
  background-color: #fefefe;
  border: 1px solid #222222;
  vertical-align: top;
}

.insideoptionbox {
  padding: 6px 0px 0px 0px;
  margin: 0;
}

input.submitbutton {
  padding: 0px 0px 0px 4px;
  margin: 0;
  background-color: transparent;
  border: 0;
}

.optiontable {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 8pt;
}

.optionpopupform {
  margin-bottom: 0;
}

.optionbox span {
  font-weight: bold;
}

.closebutton {
  float: right;
  margin-right: 10px;
}

.cartbuttonclosegray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-close-gray.gif");
  background-repeat: none;
}

.cartbuttonbuynow {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-buynow.gif");
  background-repeat: none;
}

.cartbuttonbuynowgray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-buynow-gray.gif");
  background-repeat: none;
}

.cartbuttonpreorder {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-preorder.gif");
  background-repeat: none;
}

.cartbuttonpreordergray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-preorder-gray.gif");
  background-repeat: none;
}

.cartbuttonoutofstock {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-outofstock.gif");
  background-repeat: none;
}

.cartbuttonoutofstockgray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-outofstock-gray.gif");
  background-repeat: none;
}

.cartbuttoncalltoorder {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-calltoorder.gif");
  background-repeat: none;
}

.cartbuttoncalltoordergray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-calltoorder-gray.gif");
  background-repeat: none;
}

.cartbuttoncomingsoon {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-comingsoon.gif");
  background-repeat: none;
}

.cartbuttoncomingsoongray {
  height: 21px;
  width: 91px;
  background-image: url("/smartnav/images/cart/cart-comingsoon-gray.gif");
  background-repeat: none;
}

/************************************* FOOTER STYLES ************************************/
.footer {
  background-image: url("/smartnav/images/template/footer.jpg");
  background-repeat: repeat-x;
	background-color: #3f3f3f;
	color: #000000;
	font-weight: normal;
	font-size: 9px;
}

.footertext {
  padding: 13px 0px 0px 23px;
	font-weight: bold;
	font-size: 9px;
	color: #777777;
}

.footertext a:link, .footertext a:visited, .footertext a:active {
	color: #e9e9e9;
	text-decoration: none;
}

.footertext a:hover {
	color: #ffffff;
	text-decoration: none;
}


button[disabled],
button[disabled="disabled"] {
	opacity: .35;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	cursor: default }


.tag {
	display: inline-block;
	background: gray;
	padding: 0 5px;
	margin-right: 20px;
	border-radius: 3px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgb(90,90,90) }
.red.tag { background: rgb(122,0,0) }

/* Shopping Cart */
#cart {
	margin-bottom: 27px;
	padding: 10px }
#cart .items {
    margin-top: 27px;
	padding: 0;
    list-style-type: none }
#cart .item {
    position: relative;
	min-height: 18px;
    padding: 10px }
#cart .item form { margin: 0 }
#cart .item fieldset {
	margin: 0;
	padding: 0;
	border: 0 }
#cart .item { border-bottom: 1px solid rgb(222,222,222) }
#cart .moniker {
    position: relative;
    width: 145px }
#cart .moniker h3 {
	margin: 0;
	padding: 0;
	font-size: 11px }
#cart .moniker .part.number {
	font-size: 10px;
	margin-bottom: 6px;
	display: block;
	color: rgb(122,122,122) }
#cart .moniker h4 {
    margin: 0;
 	font-size: 10px;
	font-weight: normal }
#cart .item .more {
	position: absolute;
	top: 1px;
	right: -15px;
	width: 10px;
	height: 10px }
#cart .item .more .icon:hover { cursor: pointer }
#cart .item .more > .icon {
	display: inline-block;
	position: absolute;
	right: -15px;
	width: 29px;
	height: 13px;
	background: transparent url('/static/img/badgeEdit.png') no-repeat center }
#cart .edit.item {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: black }
#cart .edit.item,
#cart .edit.item h3,
#cart .edit.item .price { color: white }
#cart .edit.item h4,
#cart .edit.item .update button,
#cart .edit.item .remove,
#cart .edit.item .part.number { visibility: hidden }
#cart .edit.item,
#cart .edit.item + .item { border-color: transparent }
#cart .item .more .options {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 27px;
	right: -80px;
	width: 210px;
	padding: 20px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background: black;
	color: rgb(235,235,235);
	font-size: 11px }
.ie7 #cart .item .more .options,
.ie8 #cart .item .more .options { padding-top: 36px }
.ie7 #cart .item .more .options button { width: 210px }
#cart .item .more form.add { margin-top: -36px }
#cart .item .more legend {
	color: white;
	margin: 9px 0 3px 0;
	font-size: 12px }
#cart .item .more ul {
	margin: 0;
	padding-left: 10px;
	list-style: none }
.ie8 #cart .item .more ul { margin: 3px 0 9px 0 }
#cart .item .more ul li { padding: 0 } 
#cart .item .more input[disabled] + label { color: rgb(122,122,122) }
#cart .item .more button { margin: 9px 0 0 0 }
#cart .item .more button span span { width: 163px }
#cart .price {
    position: absolute;
    top: 10px;
    left: 190px;
    width: 60px;
    text-align: right }
#cart .multiply.sign {
    position: absolute;
    top: 10px;
    left: 255px }
#cart .item .update.quantity button,
#cart .item .remove button {
    position: absolute;
    height: 18px;
    top: 0;
    right: 5px;
	border: 0;
	background: none;
	padding: 0;
    color: rgb(90,90,90);
    font-size: 10px;
	cursor: pointer }
.ie7 #cart .item .update.quantity button { width: 40px }
#cart .update.quantity {
    position: absolute;
    top: 10px;
    left: 270px;
 	width: 80px;}
#cart .update.quantity input {
    width: 25px;
    margin: -3px 0 0 0;
    padding: 2px;
    text-align: center }
#cart .item .remove {
    position: absolute;
    top: 10px;
    left: 400px }
.ie7 #cart .item .remove { left: 420px }
#cart .line.total {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: bold }
#cart .calculate {
    margin: 27px 1px 0 1px;
    padding: 10px }
#cart .totals { float: right }
#cart .totals .label {
    display: inline-block;
    width: 120px;
    text-align: right }
#cart .totals .amount {
    display: inline-block;
    width: 160px;
    text-align: right }
#cart .totals .order {
    margin-top: 27px;
    font-size: 15px;
    font-weight: bold }
#cart .decision { margin-top: 27px }
#cart .remove.all { float: left }
#cart .remove.all button {
	margin: 0 0 0 10px;
	border: 0;
	padding: 0;
	background: none }
.ie7 #cart .remove.all button {
	width: 160px;
	text-align: left }
#cart .checkout {
	float: right;
	margin-right: 10px }
#cart .continue.button { margin-right: 10px }

#cart .discount .amount,
.checkout .discount span + span { color: rgb(166,0,0) }


/* Checkout */
#checkout { padding: 0 20px }
.checkout .column {
	position: relative;
	float: left;
	width: 50%;
	margin: 0 0 27px 0 }
.checkout .right.column {
    float: right;
	width: 45% }
.checkout form fieldset {
	border: 0;
	padding: 0 }
.checkout form label:first-child {
	display: block;
	margin-top: 9px;
	font-weight: bold }
.checkout form label em {
	font-size: 10px;
	font-weight: normal }
.checkout form .row:first-child label { margin-top: 0 }
.checkout p {
	margin: 9px 0;
	padding: 0;
	font-size: 10px }
.checkout #country + p { margin: 9px 0 18px 0 }
.checkout p a { text-decoration: underline }
.checkout form input,
.checkout form select.uniformity { width: 200px }
.checkout form input.narrow { width: 75px }
.checkout form button.continue,
.checkout a.continue { float: right }
.checkout form a.back { float: left }
.checkout form .column hr { margin: 21px 0 20px 0 }
.checkout form .right.column .notice {
	margin: 0;
	padding: 10px }
.checkout form .shipping.method { margin-top: 27px }
.checkout form .shipping.method .notice { margin-bottom: 18px }
.checkout form .credit.card { margin-bottom: 27px }
.checkout form .credit.card ul,
.checkout form .shipping.method ul {
	position: relative;
	padding: 0;
	list-style: none }
.checkout form .credit.card li,
.checkout form .shipping.method li { margin-bottom: 9px }
.checkout form .credit.card input,
.checkout form .shipping.method input {
	display: inline;
	width: auto;
	vertical-align: middle }
.checkout form .credit.card label,
.checkout form .shipping.method label { display: inline }
.checkout form .credit.card label .logo {
	display: none;
	float: right;
	vertical-align: middle }
.checkout form .shipping.method label .cost { float: right }
.ie7 .checkout form .shipping.method label .cost {
  position: absolute;
  right: 0 }
.checkout form .shipping.method label .costnondiscount {
  position: absolute;
  right: 70px;
  text-decoration: line-through }
.checkout form .shipping.method label .costdiscounted {
  position: absolute;
  right: 0;
  color: darkRed }
.checkout form .shipping.method label.error {
	top: -4px;
	left: 350px;
	z-index: 99 }
.checkout form .shipping.method label .nondiscountcost {
	color:darkred;
	text-decoration:line-through;
	margin-left:10px; }
.checkout form > hr { clear: both }
.checkout #ccnum { width: 120px }
#checkout .notice {
	margin-top: 27px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgb(235,235,235);
	background-color: rgba(0,0,0,0.1) }
#checkout .notice h6 {
	font-size: 10px;
	margin-bottom: 0 }
	
.checkout .customer.details {
	overflow: auto;
	margin: 0 0 27px 0;
	padding: 0 20px }
.customer.details h6 {
	margin: 0 0 9px;
	font-size: 12px }
.checkout .customer.details .column { width: 48% }
.checkout .customer.details .column .details .split {
	position: relative;
	float: none;
	width: 185px;
	margin: 0 }
.checkout .customer.details .details .split.right {
	margin-top: 9px }
.checkout .customer.details .details .split p {
	margin: 0;
	font-size: 12px }

.checkout.step2 form .right.column .notice { margin-top: 9px }
.checkout.step3 form .left.column { position: relative }

.checkout .notice h4 { margin-top: 9px; font-weight: bold }

.checkout .items {
	margin: 27px 0;
	padding: 0 20px;
	list-style-type: none }
.checkout .item {
	min-height: 18px;
	padding: 9px 0;
	border: 1px dotted rgb(202,202,202);
	border-width: 1px 0 0 0 }
.checkout .item:first-child {
	padding-top: 0;
	border: none }
.checkout .item.stripe {
    background-color: rgb(235,235,235);
    background-color: rgba(0,0,0,0.08) }
.checkout .item .primary { position: relative }
.checkout .item .primary h3 {
	max-width: 280px;
	margin: 0;
	padding: 0;
	font-size: 12px }
.checkout .item .primary h4 {
	max-width: 300px;
	margin: 0;
	font-size: 11px;
	font-weight: normal }
.checkout .item .primary .details {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
	margin: 0 }
.checkout .item .primary .details li {
	display: inline-block;
	margin: 0;
	padding: 0 }
.checkout .item .primary .details li:first-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	text-align: right }
.checkout .item .primary .details .quantity {
	position: absolute;
	top: 0;
	left: 150px }
.checkout .item .primary .details .line.total {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: right }

.checkout .calculate {
	clear: both;
	margin: 18px 0;
	padding: 20px;
	background-color: rgb(235,235,235);
	background-color: rgba(0,0,0,0.08);
	overflow: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px }
.checkout .calculate .options { float: left }
.checkout .calculate .options .shipping .zip input[type="text"] { width: 100px } 
.checkout .calculate .totals {
	margin: 0;
	padding: 0 0 0 20px;
	float: right;
	border: 1px solid rgb(166,166,166);
	border-width: 0 0 0 1px;
	list-style-type: none }
.checkout .calculate .totals li { clear: both }
.checkout .calculate .totals li span {
	display: inline-block;
	float: left }
.checkout .calculate .totals li span + span {
	float: right;
	margin-left: 80px }
.checkout .calculate .totals .order {
	padding-top: 9px;
	font-size: 18px;
	font-weight: bold }

.receipt { padding: 0 25px }
.receipt h1 {
	background: none;
	margin: 9px 0;
	padding: 0;
	color: black;
	font-size: 21px }
.receipt h5 { font-size: 14px }
.ie7 .receipt .calculate .totals { width: 300px }


/* Button colors */
button {
	border: 0;
	background: none }
.button {
	display: inline-block;
	border: none;
	background-color: rgb(235,235,235);
	background: -webkit-gradient(linear,left top, left bottom, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0.15)));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.05), rgba(0,0,0,0.15));
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px }
.button > span,
.button > a > span {
	display: inline-block;
	padding: 6px 15px;
	border: 1px solid rgb(235,235,235);
	border: 1px solid rgba(0,0,0,0.1);
	border-top-color: rgb(222,222,222);
	border: 1px solid rgba(0,0,0,0.05);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: rgb(50,50,50);
	font-size: 11px;
	text-align: center }
.red.button {
    background: rgb(135,0,0);
    background: -webkit-gradient(linear,left top, left bottom, from(rgb(122,0,0)), to(rgb(50,0,0)));
    background: -moz-linear-gradient(top, rgb(122,0,0), rgb(50,0,0));
    background: -o-linear-gradient(rgb(122,0,0), rgb(50,0,0))) }
.red.button > span,
.red.button > a > span,
.red.button.on > a > span {
	border-color: rgb(90,0,0);
	border-bottom-color: rgb(35,0,0);
	color: rgb(255,255,255) }
.blue.button {
    background: rgb(66,144,222);
    background: -webkit-gradient(linear,left top, left bottom, from(rgb(150,200,255)), to(rgb(0,100,200)));
    background: -moz-linear-gradient(top, rgb(150,200,255), rgb(0,100,200));
    background: -o-linear-gradient(rgb(150,200,255), rgb(0,100,200))) }
.blue.button > span,
.blue.button > a > span {
	border-color: rgb(100,150,255);
	border-bottom-color: rgb(0,100,200);
	color: rgb(255,255,255) }
.gray.button {
    background: rgb(90,90,90);
    background: -webkit-gradient(linear,left top, left bottom, from(rgb(135,135,135)), to(rgb(66,66,66)));
    background: -moz-linear-gradient(top, rgb(135,135,135), rgb(66,66,66));
    background: -o-linear-gradient(rgb(135,135,135), rgb(66,66,66)) }
.gray.button > span,
.gray.button > a > span,
.gray.button.on > a > span {
	border-color: rgb(102,102,102);
	border-bottom-color: rgb(90,90,90);
	color: rgb(255,255,255) }


/* Form validation errors */
input.error { background-color: rgb(255,235,235) }
.error + label.error {
	display: inline !important;
	white-space: nowrap }
label.error {
	position: absolute;
	margin: 3px 10px;
	padding: 2px 10px 3px 15px;
	background: transparent url('/optitrack/static/img/indicatorRed.png') no-repeat center left;
	color: rgb(255,255,255);
	font-size: 10px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 0 black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px }


/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0 }
* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */