/* Universal website Stylings - June 25, 2005 - affects privacy statements and employment opps*/ .LargeText{font-size:16pt;} A.LargeText:link {font-weight:bold; text-decoration: none} A.LargeText:visited { font-weight:bold; text-decoration: none} A.LargeText:hover {color:#40A0FF; font-weight:bold; text-decoration: underline} .MediumText{font-size:12pt; font-weight:bold;} .employTopic1{font-family:Verdana, sans-serif; font-size:8pt; color:#000044; font-weight:bold;} .employExample1{font-family:Verdana, sans-serif; font-size:8pt; } H2 {font-size:12pt; } /* TrackIR website Stylings - May 16, 2005*/ body { background: black; scrollbar-arrow-color: #CCCCCC; scrollbar-3dlight-color: #111111; scrollbar-highlight-color: #666666; scrollbar-face-color: #444444; scrollbar-shadow-color: #191919; scrollbar-track-color: #111111; scrollbar-darkshadow-color: #191919} p { margin-top: 4px; margin-bottom: 16px;} div.marginLeft {margin-left: 16px} div.marginRight {margin-right: 16px} div.littleMarginLeftRight {margin-left: 5px; margin-right: 5px} div { -moz-box-sizing:border-box; box-sizing:border-box; } td {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000033;} a:link { text-decoration: none; } a:visited { color:533FEB;text-decoration: none; } a:hover {text-decoration: underline} .title { font-size: 15px; } A.linkColorBlueBG2:link {font-family:Arial, sans-serif; color:#FFBA00; font-weight:bold; font-size:12pt; text-decoration: none} A.linkColorBlueBG2:visited {font-family:Arial, sans-serif; color:#FFBA00; font-weight:bold; font-size:12pt; text-decoration: none} A.linkColorBlueBG2:hover {font-family:Arial, sans-serif; color:#FFFFFF; font-weight:bold; font-size:12pt; text-decoration: underline} A.linkColorBlueBG:link {color:#C79613; font-weight:bold; text-decoration: none} A.linkColorBlueBG:visited {color:#C79613; font-weight:bold; text-decoration: none} A.linkColorBlueBG:hover {color:#FFBA00; font-weight:bold; text-decoration: underline} A.productIncludes:link {color:#ffffff; text-decoration: none} A.productIncludes:visited {color:#FFEE90; text-decoration: none} A.productIncludes:hover {color:#FFBA00; text-decoration: underline} A.suggestedAccessories:link {color:#000055; font-size:7pt;text-decoration: none} A.suggestedAccessories:visited {color:#000055; font-size:7pt;text-decoration: none} A.suggestedAccessories:hover {color:#0000ff; font-size:7pt; text-decoration: underline} .contentWhiteText{font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff;} .ContentOrangeText{font-family:Verdana, sans-serif; font-size:8pt; color:#FFA300;} .ProductFeatureText{font-family:Verdana, sans-serif; font-weight:bold; font-style:italic; font-size:9pt; color:#444444;} .ProductIncludesText{font-family:Arial, sans-serif; font-size:10pt; color:#ffffff;} .news-stamp{font-family:Verdana, sans-serif; font-style:italic; font-weight:bold; font-size:8pt; color:#006CFF;} A.newslink:link {color:#014680; font-weight:bold; text-decoration: none} A.newslink:visited {color:#014680; font-weight:bold; text-decoration: none} A.newslink:hover {color:#40A0FF; font-weight:bold; text-decoration: underline} .MediumText{font-size:11pt;} A.MediumText:link { color:#0000FF; font-weight:bold; text-decoration: none} A.MediumText:visited { color:#0000FF; font-weight:bold; text-decoration: none} A.MediumText:hover {color:#40A0FF; font-weight:bold; text-decoration: underline} .navBarText{font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff;} A.navBarText:link {color:#99CCFF; font-weight:bold; text-decoration: none} A.navBarText:visited {color:#99CCFF; font-weight:bold; text-decoration: none} A.navBarText:hover {color:#40A0FF; font-weight:bold; text-decoration: underline} .navBarTextNoDeco{font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff; text-decoration: none;} A.navBarTextNoDeco:link {font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff; text-decoration: none;} A.navBarTextNoDeco:visited {font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff; text-decoration: none;} A.navBarTextNoDeco:hover {font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff; text-decoration:underline;} .dealersText{font-family:Verdana, sans-serif; font-size:6pt; letter-spacing:2px; color:#ffffff;} A.dealersText:link {color:#99CCFF; text-decoration: none} A.dealersText:visited {color:#99CCFF; text-decoration: none} A.dealersText:hover {color:#40A0FF; text-decoration: underline} .PackagesText{font-family:Verdana, sans-serif; font-size:7pt; color:#000000;} A.PackagesText:link {color:#0068D1; text-decoration: none} A.PackagesText:visited {color:#0068D1; text-decoration: none} A.PackagesText:hover {color:#0068D1; text-decoration: underline} .NewProductsText{font-family:Verdana, sans-serif; font-size:8pt; color:#ffffff;} A.NewProductsText:link {color:#99CCFF; text-decoration: none} A.NewProductsText:visited {color:#99CCFF; text-decoration: none} A.NewProductsText:hover {color:#40A0FF; text-decoration: underline} .hotSaleText{font-family:Verdana, sans-serif; font-size:7pt; color:#ffffff;} A.hotSaleText:link {color:#99CCFF; text-decoration: none} A.hotSaleText:visited {color:#99CCFF; text-decoration: none} A.hotSaleText:hover {color:#40A0FF; text-decoration: underline} .hotSaleDateText{font-family:Verdana, sans-serif; font-size:7pt; color:#CDCCCC;} .shoppingCartText{font-family: Helvetica, Verdana, sans-serif; font-size:8pt; color:#ffffff;} .LocationPathText{font-family:Verdana, sans-serif; font-size:7pt; letter-spacing:0px; color:#ffffff;} A.LocationPathText:link {color:#99CCFF; text-decoration: none} A.LocationPathText:visited {color:#99CCFF; text-decoration: none} A.LocationPathText:hover {color:#40A0FF; text-decoration: underline} .footerTrackIR{font-family:Verdana, sans-serif; font-size:7pt; color:#999999;} A.footerTrackIR:link {color:#99CCFF; text-decoration: none} A.footerTrackIR:visited {color:#99CCFF; text-decoration: none} A.footerTrackIR:hover {color:#40A0FF; text-decoration: underline} .ContentWhiteText{font-family:Verdana, sans-serif; font-size:9pt; color:#ffffff; margin-right: 6px} A.ContentWhiteText:link {color:#ccccff; text-decoration: none} A.ContentWhiteText:visited {color:#aaaaff; text-decoration: none} A.ContentWhiteText:hover {color:#ccaaff; text-decoration: underline} .scrollSW{ border : solid 1px #ffffff; background : #BEC2C6; padding : 4px; width : 210px; height : 200px; overflow : auto;} .notice { padding: 3px 10px } /* FAQ */ .faqClicks{font-family:Verdana, sans-serif; font-size:8pt; color:#0000ff;} A.faqClicks:link {color:#0000ff; font-size:8pt; text-decoration: none} A.faqClicks:visited {color:#0000ff; font-size:8pt; text-decoration: none} A.faqClicks:hover {color:#0000aa; font-size:8pt; text-decoration: underline} .faqq1{font-family:Verdana, sans-serif; font-weight:bold; font-size:8pt; color:#0000ff;} .cartNameText{font-family:Verdana, sans-serif; font-weight:bold; font-size:8pt; color:#015BAA;} .storeAccessoriesText{font-family:Verdana, sans-serif; font-size:7pt; color:#555555;} .scrollUPDATES{ border : solid 1px #ffffff; background : #BEC2C6; padding : 4px; width : 210px; height : 250px; overflow : auto;} .scrollFAQ{ border : solid 1px #ffffff; background : #BEC2C6; padding : 4px; width : 230px; height : 550px; overflow : auto;} .scrollFAQ1{position: absolute; background : #BEC2C6; padding : 4px; width : 230px; height : 550px; border: solid #ffffff 1px; visibility: hidden; z-index: 4; overflow : auto;} /* TROUBLE SHOOTING */ .troubleShootingClicks{font-family:Verdana, sans-serif; font-size:8pt; color:#5500ff;} A.troubleShootingClicks:link {color:#5500ff; font-size:8pt; text-decoration: none} A.troubleShootingClicks:visited {color:#5500ff; font-size:8pt; text-decoration: none} A.troubleShootingClicks:hover {color:#5500aa; font-size:8pt; text-decoration: underline} .TroubleShootingIssues1{font-family:Verdana, sans-serif; font-weight:bold; font-size:8pt; color:#0000ff;} .scrollTroubleShooting{ border : solid 1px #aaaaaa; background : #BEC2C6; padding : 4px; width : 230px; height : 350px; overflow : auto;} .scrollTroubleShooting1{position: absolute; background : #BEC2C6; padding : 4px; width : 230px; height : 350px; border: solid #aaaaaa 1px; visibility: hidden; z-index: 4; overflow : auto;} .contentFinePrint1{font-family: Helvetica, Verdana, sans-serif; font-size:8pt;} /* MEDIA KIT */ .scrollMediaKitBlank{ border : solid 1px #aaaaaa; background : #BEC2C6; padding : 4px; width : 440px; height : 550px; overflow : auto;} .scrollMediaKit1{position: absolute; background : #BEC2C6; padding : 4px; width : 440px; height : 550px; border: solid #aaaaaa 1px; visibility: hidden; z-index: 4; overflow : auto;} .MediaKitTitleStyle1{font-family:Verdana, sans-serif; font-weight:bold; font-size:10pt; color:#000099;} .MediaKitTitleStyle2{font-family:Verdana, sans-serif; font-weight:bold; font-size:7pt; color:#336699;} .MediaKitClicks{font-family:Verdana, sans-serif; font-size:8pt; color:#5500ff;} A.MediaKitClicks:link {color:#5500ff; font-size:8pt; text-decoration: none} A.MediaKitClicks:visited {color:#5500ff; font-size:8pt; text-decoration: none} A.MediaKitClicks:hover {color:#5500aa; font-size:8pt; text-decoration: underline} /* RIGHT SIDE SUB MENUS FOR EACH SECTION */ .sectionMenuText1{font-family:HelveticaCondensed, Helvetica, sans-serif; font-weight:bold; font-size:8pt; color:#96DBFA;} A.sectionMenuText1:link {color:#96DBFA; text-decoration: none} A.sectionMenuText1:visited {color:#96DBFA; text-decoration: none} A.sectionMenuText1:hover {color:#96DBFA; text-decoration: underline} .sectionMenuText2{font-family: Arial, sans-serif; font-weight:bold; font-size:10pt; color:#FFA800;} A.sectionMenuText2:link {color:#FFA800; text-decoration: none} A.sectionMenuText2:visited {color:#FFA800; text-decoration: none} A.sectionMenuText2:hover {color:#FFA800; text-decoration: underline} /* Store Section Specific Definitions */ .store-visted {border: solid #000000 1px; background-color: #E8E8E8; font-family:Verdana, Arial, Helvetica, San Serif; font-size:8pt; color:#bbbbbb; } .store-active {border: solid #C2C2C2 1px; font-family: Verdana, Helvetica, San Serif; font-size:8pt; color:#000000; font-weight:bold; } .store-upcoming {border: solid #666666 1px; font-family:Verdana, Helvetica, San Serif; font-size:8pt; color:#666666;} .storeprint1 {font-family:Verdana, Arial, Helvetica, San Serif; font-size:7pt; color:#6A6A6A;} A.storeprint1:link {font-family:Verdana, Arial, Helvetica, San Serif; font-size:7pt; color:#6A6A6A; text-decoration: none} A.storeprint1:visited {font-family:Verdana, Arial, Helvetica, San Serif; font-size:7pt; color:#6A6A6A; text-decoration: none} A.storeprint1:hover {font-family:Verdana, Arial, Helvetica, San Serif; font-size:7pt; color:#0000ff; text-decoration: underline} .storeprint2 {font-family:Verdana, Arial, Helvetica, San Serif; font-size:8pt; color:#16227F;} A.storeprint2:link {font-family:Verdana, Arial, Helvetica, San Serif; font-size:8pt; color:#16227F; text-decoration: none} A.storeprint2:visited {font-family:Verdana, Arial, Helvetica, San Serif; font-size:8pt; color:#16227F; text-decoration: none} A.storeprint2:hover {font-family:Verdana, Arial, Helvetica, San Serif; font-size:8pt; color:#16227F; text-decoration: underline} /* Product Section Specific Definitions */ .backgroundProductXDevice{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-TrackIR.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXDevice4PRO{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-TrackIR-4-PRO.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXLockOn11{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-lockon11.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXBlank{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-blank.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXvectorExpansion{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-vector-expansion.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXvectorPRO{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/primary-content-products/primary-content-products-right-feature-vector-pro.jpg); background-repeat: no-repeat; background-position: top;} .backgroundProductXContents{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/secondary-content-products/secondary-content-products-includes-contents.jpg); background-repeat: no-repeat; background-position: top right;} .backgroundProductXContents4PRO{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/secondary-content-products/secondary-content-products-includes-TrackIR-4-PRO-contents.jpg); background-repeat: no-repeat; background-position: top right;} .backgroundProductXContentsVector{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/secondary-content-products/secondary-content-products-includes-vector-expansion-contents.jpg); background-repeat: no-repeat; background-position: top right;} .backgroundProductXContentsVectorPRO{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/secondary-content-products/secondary-content-products-includes-vector-PRO-contents.jpg); background-repeat: no-repeat; background-position: top right;} .backgroundProductXLockon11Contents{background-image: url(/trackir/00-TrackIR-images/04-TrackIR-boxes/secondary-content-products/secondary-content-products-includes-lockon11-contents.jpg); background-repeat: no-repeat; background-position: top right;} /* Pull Down Menu Definitions */ .pullMenuLev1{position: absolute; top: 111px; padding:0; border: solid #000000 1px; background-color: #ffffff; width=170; color: #000000; visibility: hidden; z-index: 99;} .pullDownSubText1{font-family:Verdana, sans-serif; font-weight:bold; font-size:7pt; color:#FFFFFF;} A.pullDownSubText1:link {color:#FFFFFF; font-weight:bold; text-decoration: none} A.pullDownSubText1:visited {color:#FFFFFF; font-weight:bold; text-decoration: none} A.pullDownSubText1:hover {color:#FFC000; font-weight:bold; text-decoration: none} .pullDownLinkText1{font-family:Verdana, sans-serif; font-size:7pt; color:#FFFFFF;} A.pullDownLinkText1:link {color:#FFFFFF; text-decoration: none} A.pullDownLinkText1:visited {color:#FFFFFF; text-decoration: none} A.pullDownLinkText1:hover {color:#FFC000; text-decoration: none} .pullDownLinkText2{font-family:Verdana, sans-serif; font-size:7pt; color:#033357;} A.pullDownLinkText2:link {color:#033357; text-decoration: none} A.pullDownLinkText2:visited {color:#033357; text-decoration: none} A.pullDownLinkText2:hover {color:#000000; text-decoration: none} /* ... note, define the following 2nd level menu's top and left exactly for each 2nd level menu???? */ .pullMenuLev2products{ position: absolute; left: 150px; width: 170; border: solid #000000 1px; background-color: #000000; color: #FFFF00; visibility: hidden; } .pullMenuLev2{ position: absolute; left: 130px; width: 200; border: solid #000000 1px; background-color: #000000; color: #FFFF00; visibility: hidden; } /* General Site Structure/Layout Definitions */ .leftsidebar{ background: black; background-image: url(/trackir/00-TrackIR-images/00-TrackIR-backgrounds/bg-blocks-left.gif); background-repeat: repeat-y; background-position: right; } .rightsidebar{ background: black; background-image: url(/trackir/00-TrackIR-images/00-TrackIR-backgrounds/bg-blocks-right.gif); background-repeat: repeat-y; background-position: left; } img {border:0;} a:link img {border:0;} a:visited img {border:0;} a:active img {border:0;} /****************************************************************************************/ /******************************** 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("/trackir/images/cart/cart-close-gray.gif"); background-repeat: none; } .cartbuttonbuynow { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-buynow.gif"); background-repeat: none; } .cartbuttonbuynowgray { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-buynow-gray.gif"); background-repeat: none; } .cartbuttonpreorder { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-preorder.gif"); background-repeat: none; } .cartbuttonpreordergray { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-preorder-gray.gif"); background-repeat: none; } .cartbuttonoutofstock { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-outofstock.gif"); background-repeat: none; } .cartbuttonoutofstockgray { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-outofstock-gray.gif"); background-repeat: none; } .cartbuttoncalltoorder { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-calltoorder.gif"); background-repeat: none; } .cartbuttoncalltoordergray { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-calltoorder-gray.gif"); background-repeat: none; } .cartbuttoncomingsoon { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-comingsoon.gif"); background-repeat: none; } .cartbuttoncomingsoongray { height: 21px; width: 91px; background-image: url("/trackir/images/cart/cart-comingsoon-gray.gif"); background-repeat: 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: 1px 5px 2px 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 { padding: 10px } #cart .items { margin: 0 1px; border-bottom: 1px solid rgb(222,222,222); 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:first-child { border-bottom: 1px solid rgb(166,166,166) } #cart .item + .item { border-top: 1px solid rgb(222,222,222); border-bottom: 1px solid rgb(166,166,166) } #cart .moniker { position: relative; width: 150px } #cart .moniker h3 { margin: 0; font-size: 11px } #cart .moniker .part.number { font-size: 10px; margin-bottom: 6px; display: block; color: rgb(90,90,90) } #cart .moniker h4 { margin: 0; font-size: 10px; font-weight: normal } #cart .price { position: absolute; top: 10px; left: 190px; width: 70px; text-align: right } #cart .multiply.sign { position: absolute; top: 10px; left: 265px } #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: 280px; width: 80px;} #cart .update.quantity input { width: 25px; margin: -3px 0 0 0; padding: 2px; text-align: center } #cart .item .more { position: absolute; top: 1px; right: -10px; width: 10px; height: 10px } #cart .item .more .icon:hover { cursor: pointer } #cart .item .more > .icon { display: inline-block; 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: -75px; width: 245px; 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, .ie7 #cart .item .more .options button { width: 205px } .ie7 #cart .item .more .options, .ie8 #cart .item .more .options { padding-top: 36px } #cart .item .more form.add { margin-top: -36px } #cart .item .more legend { color: white; margin: 18px 0 9px 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 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 .item .remove { position: absolute; top: 10px; left: 410px } .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: 55%; margin: 0 0 27px 0 } .checkout .right.column { float: right; width: 40% } .checkout form fieldset { border: 0; padding: 0; text-align: left } .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; text-align: left } .checkout form .shipping.method { margin-top: 27px } .checkout form .credit.card { margin-bottom: 27px } .checkout form .credit.card ul, .checkout form .shipping.method ul { position: relative; padding: 0; list-style: none } .ie7 .checkout form .shipping.method ul { width: 100%; margin: 0 } .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; text-align: right } .checkout form .shipping.method label.error { top: -3px; left: 360px; z-index: 99 } .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 .notice { margin-bottom: 18px } .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(255,255,255,0.5) } #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 } #checkoutStep4 { text-align: left } /* For IE */ .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; 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-bottom: 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: 300px; margin: 0; padding: 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: 135px } .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); 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 h5 { font-size: 14px } .receipt .customer.details h6 { margin: 0 0 9px; font-size: 12px } .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 */