/* GLOBAL --------------------------------------------------------------------- */ body { margin: 0; padding: 0; background-color:#333333; background-image: url(/Images/Interface/Global/Header/bdyBackground.png); background-attachment: fixed; } img { border: 0px; } input[type="text"], input[type="password"], textarea{margin:0px 0 2px 0px;} input[type="checkbox"] {position:relative; top:2px;} #container { border:1px solid #000000; border-top:0px; width:985px; background-color:#FFFFFF; } #bdy { background-color:#FFFFFF; } ::-moz-selection{ background: #007ed7; color: #fff; } ::selection{ background: #007ed7; color: #fff; } .copy { font: 10pt Verdana,Arial,Helvetica,sans-serif; color: black;} #adKomen { display:none; overflow:hidden; margin-right:-191px; } #adKomen a { position: absolute; top:25px; left:984px; height:309px; width:191px; margin-right:-191px; z-index:0; background-image: url(/Images/Interface/Global/adKomenGloves.png); background-repeat:none; background-position: top left; } #adKomen a:hover { background-position: top right; } #EmailPage { width:475px; height:309px; background-image:url(/Images/Interface/Global/bgEmailToAFriend.jpg); background-repeat:no-repeat; position: fixed; top: 50%; left: 50%; margin-left: -238px; margin-top:-179px; z-index: 100; border:2px solid #FFF; padding-top:50px; color:#FFF; font-family:Helvetica,Arial,sans-serif; font-size:12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #EmailPage .close { float:right; margin-top:-40px; margin-right:10px; } #EmailPage .close a { color:#FFF; font-weight:bold; text-decoration:none; } #EmailPage .close a:hover { color:#84bbe2; } #EmailPage .close a b { background-color:#FFF; color:#006dba; padding:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:10px; } #EmailPage .close a:hover b { background-color:#84bbe2; } #EmailPage .to, #EmailPage .from { float:left; width:205px; height:80px; padding-left:25px; } #EmailPage .message { clear:both; padding-left:20px; } #EmailPage em { font-weight:bold; font-size:16px; line-height:22px; display:block; font-style: normal; } #EmailPage label { float:left; width: 50px; display:block; line-height:25px; color:#84bbe2; font-weight:bold; } #EmailPage input { float:left; width: 140px; height:18px; border:0; color:#FFF; background-color:#66a1ca; } #EmailPage br { clear:both; } #EmailPage textarea { width:420px; height:50px; border:0; color:#FFF; background-color:#66a1ca; margin-left:10px; padding:4px; } #EmailPage .message label { float:none; width:120px; display:inline; } #EmailPage input:focus, #EmailPage textarea:focus { outline: 0; background-color:#FFF; color:#006dba; } #EmailPage .message div { display:inline; width:380px; } #EmailPage .message input { float:none; width:80px; } #EmailPage .error { background-color:#FF0000; color:#FFF; } #EmailPage .send a { display:block; margin-top:10px; } .facebooklike { background-image:url('/Images/Interface/Global/btnFaceBookLike.png'); background-repeat: no-repeat; width:158px; height:20px; position:absolute;right:10px;bottom:10px; padding:1px; } /* HEADER --------------------------------------------------------------------- */ #hdr { background-image: url(/Images/Interface/Global/Header/hdrBackground.png); height:73px; background-repeat:repeat-x; margin-bottom:21px; } #hdrNav { padding-left:10px; } #hdrNav ul { margin:0px; padding:0px; height:18px; list-style-type: none; list-style-image: none; width:818px; } #hdrNav ul li { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color:#FFFFFF; display:inline; margin:0px; padding:0px; height:18px; } #hdrNav ul li a { text-decoration: none; color:#94b9d4; float:left; font-weight:bold; height:18px; line-height:18px; text-align:center; background-image: url(/Images/Interface/Global/Header/hdrMenuBackground.png); background-repeat: no-repeat; background-position: center top; } #hdrNav ul li a:hover { color: #FFFFFF; background-position: center bottom; } #hdrTop { height:51px; position:relative; } #hdrNotice { display:none; width:275px; height:51px; position:absolute; left:280px; top:0px; background-image:url(/Images/Interface/Global/Header/noticeHoliday.jpg); background-repeat:no-repeat; background-position: top; } #hdrLogo { position:absolute; left:0px; top:0px; width:220px; height:51px; } #hdrLogo a { display:block; width:220px; height:51px; background-image:url(/Images/Interface/Global/Header/hdrLogo.png); background-repeat:no-repeat; background-position: top; } #hdrTwitter { position:absolute; right:240px; top:0px; width:155px; height:51px; } #hdrTwitter a { display:block; width:155px; height:51px; background-image:url(/Images/Interface/Global/Header/hdrTwitter.png); background-repeat:no-repeat; background-position: top; } #hdrShipping { position:absolute; right:125px; top:0px; width:115px; height:51px; } #hdrShipping a { display:block; width:115px; height:51px; background-image:url(/Images/Interface/Global/Header/hdrShipping.png); background-repeat:no-repeat; background-position: top; } #hdrSecurityMetrics { position:absolute; right:10px; top:0px; width:115px; height:51px; } #hdrSecurityMetrics a { display:block; width:115px; height:51px; background-image:url(/Images/Interface/Global/Header/hdrSecurityMetrics.png); background-repeat:no-repeat; background-position: top; } #hdrLogo a:hover, #hdrTwitter a:hover, #hdrShipping a:hover, #hdrSecurityMetrics a:hover { background-position: bottom; } #hdrMyAcctInfo {position:absolute; top:9px; left:215px; height:40px; width:360px; text-align:left;} #hdrMyAcctInfo p {margin:0 0 3px 0; padding:0; line-height:13px; font: Bold 12px Arial,Helvetica,sans-serif; color:#adad1c} #hdrMyAcctInfo a {text-decoration: none; color:#94b9d4; font: Bold 10px Arial,Helvetica,sans-serif; margin-left:5px} #hdrMyAcctInfo a:hover{ color:White} #menuPopularProducts { position:relative; width:983px; z-index:-10; } #menuPopularProducts span { display:block; width:983px; height:179px; background-image: url(/Images/Interface/Header/Quicklook/background.jpg); position:absolute; left:0px; top:0px; border-bottom: 2px solid #333333; } #menuPopularProducts span div { margin-top: 43px; width:958px; padding-left:25px; } #menuPopularProducts span div a { position:relative; display:block; float:left; width:100px; height:30px; padding-top:100px; font-size:11px; font-family: Helvetica, arial; color:#CCCCCC; text-decoration: none; text-align: center; background-repeat:no-repeat; margin-right:18px; } #menuPopularProducts span div a em { display:block; font-style: normal; font-weight:bold; color:#AAAAAA; } #menuPopularProducts span div a:hover em { display:block; color:#FFFFFF; } #menuPopularProducts span a.more { line-height:20px; position:absolute; right:0px; bottom:-22px; display:block; width:160px; height:20px; background-color: #494949; color:#FFFFFF; background-image: url(/Images/Interface/Header/Quicklook/backgroundMore.jpg); background-position: top; font-size:10px; font-family: Helvetica, arial; text-align: center; text-transform: uppercase; text-decoration: none; font-weight:bold; border-bottom: 2px solid #333333; border-left: 2px solid #333333; } #menuPopularProducts span a.more:hover { background-position:bottom; } #NoticeBar { display:none; height:34px; border-bottom:1px solid #BBBBBB; margin-top:-20px; margin-bottom:10px; background-image:url(/Images/Interface/Global/noticeFreeHolidayShipping.png); background-repeat:no-repeat; background-position: top left; } #NoticeBar a { display:none; } /* SIDE NAVIGATION --------------------------------------------------------------------- */ #bodyMenu em { font-style: normal; } #bodyMenu { background-color:transparent; width: 170px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: normal; } #bodyMenu ul { margin: 0px; padding:0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;} #bodyMenu ul li { margin: 2px 0 0 0; padding:0px; text-align:left; width:170px; float:left; } #bodyMenu ul li a { display: block; color: #333333; width:100%; height:25px; line-height:25px; text-indent:20px; background-image:url(Images/Interface/Global/sideMenuBackground.png); text-decoration: none; font-weight:normal; background-position:left top; } #bodyMenu ul li a:hover, #bodyMenu ul li b a { background-position:left center; color: #FFFFFF; } #bodyMenu ul li a:active { background-position:left bottom; color: #FFFFFF; } #bodyMenuFooter { background-image:url(Images/Products/sideMenuFooter.png); width:170px; height:16px; } #bodyMenu ul .subtitle { font-size:10px; font-style: italic; font-weight:normal; text-transform: uppercase; color: #FFFFFF; padding-left:10px; width:160px; background-image:url(Images/Interface/Global/sideMenuBackgroundSub.png); height:16px; line-height:16px; } #sideSearch { clear:both; width:170px; padding-top:3px; margin-bottom:3px; } #sideSearch .search { width: 135px; font-size: 10px; padding:0px; padding-left: 20px; padding-right:15px; color: #FFF; background-image: url(/Images/Interface/Global/sideSearchInput.png); border:0px; height:15px; background-repeat:no-repeat; padding-top:4px; } #sideSearch .search:focus { outline: 0; } #sideadvertisement a { height: 150px; display: block; width: 170px; background-position: left top; background-repeat: no-repeat; } #sideadvertisement a:hover { background-position: right top; } #sideadvertisement { display:block; } .sideadvertglobal { display:none; } #newsletter { width: 170px; height: 110px; margin-top:7px; margin-bottom:5px; background-color:#CCCCCC; background-image: url(/Images/Products/sideMenuNewsletter.png); position: relative; } #newsletter div { width:170px; text-align:center; position:absolute; left:0px; bottom:2px; font-size: 16px; font-weight: bold; color: #04315b; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; } #newsletter form { margin:0px; } #stuffbak { margin-top:6px; margin-bottom:5px; } #stuffbak a { display:none; width:170px; height:73px; background-image: url(/Images/Products/sideMenuOmniCleanz.png); background-repeat:no-repeat; } #discount { display:none; width: 170px; height: 150px; background-image: url(/Images/Interface/Global/navSaleHoliday20-Orange.png); position: relative; } #discount div { width:170px; text-align:center; position:absolute; left:0px; top:107px; font-size: 16px; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; } #testimonial div { line-height:130%; color:#0065ab; letter-spacing: -1px; font-style: italic; padding:6px; padding-bottom:0px; padding-top:3px; } #testimonial { display:block; font-family: Helvetica, Arial, sans-serif; font-size:14px; white-space: normal; background-image: url(/Images/Interface/Global/sideTestimonialBackground.png); background-repeat: no-repeat; } #testimonial span { font-size: 12px; font-weight:bold; display:block; text-align: right; color:#666666; padding:6px; padding-top:3px; background-image: url(/Images/Interface/Global/sideTestimonialBottom.png); background-position:left bottom; background-repeat: no-repeat; } #testimonial em { font-weight:bold; color:#FFFFFF; display:block; font-size:11px; padding-left:5px; padding-right:5px; height:27px; line-height:27px; } /* BREADCROMB LOCATION BAR --------------------------------------------------------------------- */ #breadcrumb { margin-top:25px; margin-bottom:-25px; height:30px; line-height:30px; background-image: url(/Images/Interface/Global/breadcrumbBackground.png); color:#FFFFFF; font-family: Helvetica, Arial, sans-serif; border-top:1px solid #999999; } #breadcrumb a { color:#666666; text-decoration: none; font-size:11px; display:block; float:left; height:30px; padding-right:25px; padding-left:20px; background-image: url(/Images/Interface/Global/breadcrumbArrow.png); background-repeat: no-repeat; background-position: top right; } #breadcrumb a:hover { color:#222222; background-position:bottom right; } .locationbar { font: bold 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #BBBBBB; } .locationbar a { text-decoration: none; color: #4A4A4A; } .locationbar a:hover {text-decoration: underline; color: #4A4A4A; } /* FOOTER STYLES --------------------------------------------------------------------- */ #relatedproducts { display:none; position: relative; border-bottom-color: #0065ab; border-bottom-width: 1px; border-bottom-style: solid; border-top-color: #0099ff; border-top-width: 1px; border-top-style: solid; margin-top: 45px; margin-bottom: -25px; background-image:url(/Images/Interface/Products/relatedBackground.png); height:115px; background-repeat: repeat-x; padding-left:15px; padding-top: 15px; font-family: Helvetica, Arial, sans-serif; font-size:12px; } #relatedproducts a { display:block; float:left; height:100px; width:145px; background-repeat: no-repeat; background-position: top left; padding-left:110px; color:#94b9d4; margin-right:50px; text-decoration: none; } #relatedproducts a:hover { color:#FFFFFF; } #relatedproducts a b { display:block; padding-bottom:15px; } #relatedproducts a em { text-transform: uppercase; font-size: 11px; text-align: left; font-style: normal; font-weight: bold; display:block; margin-top:13px; padding:2px; color:#FFFFFF; } #relatedproducts h4 { text-shadow: 0px 0px 0px; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; color: #FFFFFF; margin:0px; padding:0px; position:absolute; top:-22px; left:0px; width:190px; padding:5px; text-align: center; background-image:url(/Images/Interface/Products/relatedBackground.png); -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; } #footer { font-family: Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:10px; margin-top:25px; background-image: url(/Images/Interface/Global/ftrBackground.png); background-position: center center; } #footer .bar { width: 100%; height:10px; border-top:1px solid #666; } #footer .badges { width:220px; float:right; margin-right:8px;} #footer .text { font-size:10px; margin-left:10px; } #footer ul { margin:0px; padding:0px; list-style: none; margin-bottom:10px; } #footer li { font-size:11px; display:inline; padding-left:5px; padding-right:6px; border-right:1px solid #666666; } #footer .legal { font-size:10px; color:#555555; line-height:125%;} #footer .copyright { color: #222222; } #footer .salenote { color: #222222; display:none; } #footer a { text-decoration:none; color: #222222; padding:2px; margin:-2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #footer a:hover { color:#FFF; background-color: #222; } #footer .badges a { text-decoration:none; color: #222222; padding:0px; margin:0px; } #footer .badges a:hover { color:#CCC; background-color: transparent; } /* PRODUCT PAGES --------------------------------------------------------------------- */ #prodHeader { height:140px; position:relative; background-color:#cccccc; background-image: url(/Images/Interface/Global/pageHeader.png); border-bottom: 1px solid #BBBBBB; margin-top:-20px; } #prodHeader h1 { width:750px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#333333; font-size:28px; font-weight:bold; position:absolute; left:20px; top:25px; padding:0px; margin:0px; letter-spacing:-1px; line-height:100%; } #prodHeader h1 small { font-size:18px; font-weight:normal; } #prodHeader ul { width:750px; padding: 0px; margin: 0px; position:absolute; left:20px; top: 60px; color:#666666; } #prodHeader li { width:750px;background-position: left center; background-repeat: no-repeat; background-image: url(/Images/Interface/Products/hdrArrow.png); padding-left: 10px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; list-style-type: none; line-height: 170%; margin: 0px; font-size:12px; font-weight:normal; } #prodHeader .UniBodyMacBooks { display:none; position:absolute; right:28px; top:10px; background-image: url(/Images/Interface/Global/pageHeaderBurstUniBody.png); background-repeat: no-repeat; width: 116px; height:116px; } #prodHeader .iPhone3GS { display:none; position:absolute; right:28px; top:10px; background-image: url(/Images/Interface/Global/pageHeaderBurstiPhone3GS.png); background-repeat: no-repeat; width: 116px; height:116px; } #prodHeader .NewProduct { display:block; position:absolute; right:28px; top:10px; background-image: url(/Images/Interface/Global/pageHeaderBurstNew.png); background-repeat: no-repeat; width: 116px; height:116px; } #buttonBluetoothSupport { width:190px; height:115px; margin-left:20px; } #buttonBluetoothSupport a { display: block; width:190px; height:115px; background-image: url('/Images/Interface/Support/BTSupport.png'); background-position: top left; background-repeat:no-repeat; } #buttonBluetoothSupport a:hover { background-position: top right; } #buttonBluetoothSupport a span { display:none; } td.SideReviewQuote { font: 11px Arial,Helvetica,sans-serif; text-decoration: none; color: #666666; } td.SideReviewSig { font: 11px Arial,Helvetica,sans-serif; text-decoration: none; color: #bc35a3; text-align: right; } a.SideReview { text-decoration: none; font-weight: bold; color: #bc35a3; } a.SideReview:hover { text-decoration: underline; font-weight: bold; color: #bc35a3; } .price { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #0065ab; margin:0px; padding:0px; } .reviewQuote { display:block; float:right; width:200px; color:#cc0099; font-size:14px; padding:20px; text-align:right; font-family:Helvetica, arial, sans-serif; } .reviewQuote span { display:block; text-align:right; padding-top:10px; color:#666666; } .motTitle { background-position:right center; background-repeat:no-repeat; background-image:url(/Images/Interface/Global/motTitleBackground.png); color:#006699; font-weight:bold; font-size:12px; font-family:Helvetica, Arial, Verdana, sans-serif; float:left; height:26px; line-height:26px; } #PoweredByOptex { padding-left: 8px; padding-right: 8px; padding-top: 102px; line-height: 150%; text-align: justify; font-family: Helvetica, Arial, Verdana, sans-serif; color: #666666; font-size: 11px; background-position: center top; background-repeat: no-repeat; background-image: url(/Images/Interface/Global/sideOptexSeal.png); } #Content { width:725px; } .content h1 { color:#0065ab; font-size:24px; margin:0px; margin-bottom:20px; } .SkuSelector { font-family:Helvetica, Arial, sans-serif; font-size:11px; width:250px; } .SkuSelector .radio { margin-bottom: 1px; background-color: #EEE; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor:pointer; } .SkuSelector .radio:hover { color: white; background-color: #0065ab; } .SkuSelector .radio:hover a { color: white; text-decoration:underline; } .SkuSelector h3 { font-size: 13px; padding-bottom: 1px; margin-bottom: 1px; color: #0065ab; } .SkuSelector h2 span { font-size: 15px; } .SkuSelector h2 { margin-top: 5px; font-size: 20px; color: #333333; } .SkuSelector .techspecs { padding: 0px; margin: 0px; list-style-type: none; } .SkuSelector .techspecs li { width: 145px; display: block; padding-left: 3px; float: left; } .SKUtable { font-family: Helvetica, Arial, Verdana; font-size:10px; color:#666666; border:1px solid #999; margin-top:25px; } .SKUtable b { color:#0065ab; } .SKUtable td { padding:4px; } a.AddToCart { display:block; width:89px !important; height:22px !important; background-image:url('/Images/Interface/Global/btnAddToCart-v2.png'); background-position:top left !important; padding:0px !important; margin:0px; border:0px !important; background-color:transparent !important; } a.AddToCart:hover { background-position:center left !important; padding:0px !important; border:0px !important; background-color:transparent !important; } a.AddToCart:active { background-position:bottom left !important; padding:0px !important; border:0px !important; background-color:transparent !important; } a.AddToCart span { display:none !important; } /* PRODUCT MODEL SELECTORS --------------------------------------------------------------------- */ #modelSelectiPod a { padding:0px; text-decoration: none; text-align: center; float: left; margin: 5px; height: 225px; width: 135px; display: block; } #modelSelectiPod h2 { font-size: 20px; margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 20px; padding: 0px; width: 730px; float: left; } #modelSelectiPod a em { padding: 3px; display: block; font-style: normal; font-weight: bold; } #modelSelectiPod { color: #333333; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; width: 730px;} #modelSelectiPod span { color: #666666; font-size: 10px; display: block; } #modelSelectiPod a:hover em { background-color: #333333; color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #modelSelectiPodSmall { background-position: 0 bottom; background-image: url(/Images/Interface/ModelSelector/iPod/backgroundLine.png); background-repeat: repeat-x; font-size: 11px; font-family: Helvetica, Arial, Verdana, sans-serif; } #modelSelectiPodSmall a { padding:0px; text-decoration: none; height: 125px; background-repeat: no-repeat; background-image: url(/Images/Interface/ModelSelector/iPod/backgroundArrow.png); background-position: center top; text-align: center; width: 100px; float: left; display: block; } #modelSelectiPodSmall a em { color: #666666; font-style: normal; font-weight: bold; padding: 3px; display: block; } #modelSelectiPodSmall a:hover em { color: #333333; font-style: normal; font-weight: bold; } #modelSelectiPodSmall a:hover, #modelSelectiPodSmall .selected { background-position: center bottom; } #modelSelectiPodSmall b { padding-bottom: 10px; letter-spacing: -1px; font-size: 14px; color: #666666; float: left; width: 730px; display: block; } table.gelzselectoriPod { background-image: url('/Images/Interface/ModelSelector/iPod/gelzbackground.png'); } td.gelzselectoriPod { font: bold 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #FFFFFF; } a.gelzselectoriPod { text-decoration: none; color: #7dc760; } a.gelzselectoriPod:hover { text-decoration: none; color: #FFFFFF; } table.selectoriPod { background-image: url('/Images/Interface/ModelSelector/iPod/background.png'); } td.selectoriPod { font: bold 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #FFFFFF; } a.selectoriPod { text-decoration: none; color: #7dc760; } a.selectoriPod:hover { text-decoration: none; color: #FFFFFF; } table.selectorStorage { background-image: url('/Images/Interface/ModelSelector/Storage/background.png'); } td.selectorStorage { font: bold 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #FFFFFF; } a.selectorStorage { text-decoration: none; color: #89c3e5; } a.selectorStorage:hover { text-decoration: none; color: #FFFFFF; } table.selectorVoltaicBags { background-image: url('/Images/Interface/ModelSelector/Voltaic/background.png'); } td.selectorVoltaicBags { font: 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #979797; } a.selectorVoltaicBags { text-decoration: none; color: #979797; line-height: 11px; } a.selectorVoltaicBags:hover { text-decoration: none; color: #5F5F5F; } table.selectorUtilityCase { background-image: url('/Images/Interface/ModelSelector/UtilityCases/background.png'); } td.selectorUtilityCase { font: 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #979797; } a.selectorUtilityCase { text-decoration: none; color: #979797; line-height: 11px; } a.selectorUtilityCase:hover { text-decoration: none; color: #5F5F5F; } .selectorGlides { font: 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #979797; } .selectorGlides a { text-decoration: none; color: #979797; line-height: 11px; } .selectorGlides a:hover { text-decoration: none; color: #5F5F5F; } /* CART, CHECKOUT & OTHER --------------------------------------------------------------------- */ table.SupportNavBar { font: 11px Arial,Helvetica,sans-serif; text-decoration: none; background-color:#FFFFFF; color: #666666; } table.SupportNavBar td.selected { color:#355ab8; font-weight: bold; text-decoration: none; } table.SupportNavBar a { color:#355ab8; text-decoration: none; } table.SupportNavBar a:hover { color:#6883ca; text-decoration: underline; } #checkoutProgress { margin-top: 20px; height: 85px;} #checkoutProgress div{ background-repeat: no-repeat; background-image: url(/Images/Interface/Checkout/progressBar.png); width: 160px; height: 81px; float:left; } #checkoutProgress .step1{ background-position: left top; } #checkoutProgress .step2{ background-position: center top; } #checkoutProgress .step3{ background-position: right top; } #checkoutProgress .current{ background-position-y: bottom; font-weight:bold; } #checkoutProgress span { display:none; } #changout1 { font: 11px Arial,Helvetica,sans-serif; text-decoration: none; color: #FFFFFF; float:left; /*position: relative;*/ visibility:visible; z-index: 999; } .alert { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: b12a2a; } .featured { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF; } .featured a:link { color:#d0d0d0; font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .featured a:visited{ color:#d0d0d0; font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .featured a:hover{ color:#006699; font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .alertBilling { font-family: Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; color: b12a2a; } DIV.caption { font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: center; font-weight: bold; color: #5F5F5F; } SPAN.caption { font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: center; font-weight: bold; color: #797878; } form { display:inline; } .DealHeader { font-family: Verdana,Arial,Helvetica,sans-serif; color: #0e5aa3; font-size: 16px; font-weight: bold; } .RetailerPageSub { font-family: Verdana,Arial,Helvetica,sans-serif; color: #FFFFFF; font-size: 14px; } .divStaticMenu { /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ position: fixed; } body > div.divStaticMenu { /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */ position: fixed; } ul.listSpecs { list-style: none; text-indent: -1em; margin: 0em; padding-left: 1.5em; } td.specs { font: 11px/135% Arial,Helvetica,sans-serif; white-space: nowrap; color: #666; } BR.halfHeight{line-height: 50%;} .bolderLink a:link, .bolderLink a:visited { font: bold 11px/135% Arial,Helvetica,sans-serif; color: #333; text-decoration: none; color: #0065ab; } .bolderLink a:hover { font: bold 11px/135% Arial,Helvetica,sans-serif; color: #666; text-decoration: underline; } H1 {font: bold 13pt Arial,Helvetica,sans-serif; color: 004A80; font-style: normal; text-decoration: none; color: #0065ab; font-weight:bold;} .indent H2 {font: bold 11pt Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #0065ab;} .indent H3 {font: bold 9pt Arial,Helvetica,sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #666666;} div.headline{font-family: Helvetica, Arial, sans-serif;font-size: 22pt;color: #0065ab;font-weight:normal; line-height:normal;} DIV.subHeadline { font-family: Trebuchet MS,Helvetica,sans-serif; font-size: 12pt; color: #0065ab; font-weight: bold; } DIV.sectionHead { font-family: Arial,Helvetica,sans-serif; font-size: 16pt; color: #285982; margin-left: 30px; font-weight: bold; } TD.fitHdr { font-family: Arial,Helvetica,sans-serif; font-size: 13pt; font-weight: bold; color: #0A53A5; } TABLE.indent { margin-left: 20px;} DIV.indent { margin-left: 20px;width: 590px; font: 11px/135% Arial,Helvetica,sans-serif; color: #333; background: transparent; } DIV.indent strong { font-weight: bold; color: #0065ab; } DIV.indent big { font: bold 14px Arial,Helvetica,sans-serif; color: #0065ab; } DIV.indent a:link, DIV.indent a:visited { text-decoration: none; color: #0065ab;} DIV.indent a:hover { text-decoration: underline; color: #666;} DIV.topLayer {position:absolute;z-index:99;display:none;border: solid 1px #C0C0C0;padding:10px;background-color:#FCFFE0;layer-background-color:#FCFFE0;color:black;} td.uiSectionBar{font: bold 11pt Arial,Helvetica,sans-serif;background-color: #BBBBBB;color:black;padding:2px 0 2px 5px;border-bottom: 1px solid #333333;} .section {position:relative; margin:0 0 20px 0;} .section .head {position:relative; background-color:#BBBBBB; padding:3px 0 2px 10px;border-bottom: 1px solid #333333;margin:0 0 10px 0;} .section .head h2 { font: bold 15px Arial,Helvetica,sans-serif; color:black;margin:0} .section h3 { font: bold 15px Arial,Helvetica,sans-serif; color:#636363;margin:0 0 5px 0;} .section h4 { font: bold 14px Arial,Helvetica,sans-serif; text-decoration:underline; color:#636363;margin:0 0 5px 0;} /*for inside group box*/ .last {margin-bottom:0} .uiLabel {font: bold 10pt Arial,Helvetica,sans-serif; color:#666565; line-height: 1.2;} TD.uiLabel i, FONT.uiLabel i {color: Red;} TD.uiValue, FONT.uiValue { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; } .data { font: 10pt Verdana,Arial,Helvetica,sans-serif; color: black;} /*to replace uiValue*/ .data a:link, .data a:visited { text-decoration: none; color:#0065ab;} .data a:hover { text-decoration:underline; color:#0065ab; } .data i {color: red; }/*red astricks*/ .data em, .data label { font: bold 10pt Arial,Helvetica,sans-serif; color: #666565; line-height: 1.2;} /*to replace uiLabel*/ .dataLbl{ font: bold 10pt Arial,Helvetica,sans-serif; color: #666565; line-height: 1.2;} /*used with radioButtonLists*/ .data h2 {font: bold 14px Arial,Helvetica,sans-serif; color:#0D5C93;} .data td{vertical-align:top} TD.uiTip, FONT.uiTip, DIV.uiTip { font-family: Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: normal; color: black; } #promoDetails .uiTip { display:block; width:220px; white-space:normal; } .SmallUpdateBtn { font-size: 10px; font-family: Tahoma,Arial,Helvetica,sans-serif; } #cartaddons { height: 120px; padding-top:10px; } #cartaddons a { background-repeat: no-repeat; background-position: 0 top; margin-right: 6px; height: 120px; width: 196px; display:block; float:left; } #cartaddons a:hover { background-position: 0 bottom; } .cartbox { font-family: Helvetica, Arial, Verdana, sans-serif; padding: 10px; } .cartbox em { font-style: normal; font-weight: bold; font-size: 14px; color: black; } .cartcheckout { border:1px solid #cccccc; } .cartlogin { background-position: 0 bottom; background-repeat: repeat-x; background-image: url(/Images/Interface/Cart/bgLogin.png); background-color:#cccccc; width:290px;} .uiError{ font-family: Arial,Helvetica,sans-serif; font-size:13px; font-weight: bold; color: red;} .uiError small {font-size: 8pt;font-family: Tahoma,Arial,Helvetica,sans-serif;} .uiErrorBox{margin:10px 0 10px 0; border:solid 1px #CF4109; background-color:#F2DCAC; padding:5px; font:13px Arial,Helvetica,sans-serif} .uiErrorBox ul {font:13px Arial,Helvetica,sans-serif;margin:5px 0 5px 0} .uiSuccessBox{margin:10px 0 10px 0; border:solid 1px #6c8ac0; background-color:#e6efc2; color:black; padding:5px; font:13px Arial,Helvetica,sans-serif} .simpleDlog{position:absolute; width:300px; height:auto; top:-50px; right:0px; border:solid 2px #6A675E; background:#F8F5E6; padding:10px; text-align:left; z-index:10; display:none;} .simpleDlog h2{font:bold 16px Arial,Helvetica,sans-serif; border-bottom:solid 1px black; padding-bottom:2px; margin:0; } .boxTitle{font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;color: black;} .boxTitle span {font-size: 11px;font-weight: bold;color: #333333; margin-left:5px;} TD.uiBox, DIV.uiBox{border-color:#6c8ac0;border-width:1px;border-style:Solid;font:normal 12px Arial,Helvetica,sans-serif;color: black;} .uiDrop{font:normal 12px Arial,Helvetica,sans-serif; color:black;vertical-align:middle} .uiFld{font:normal 12px Arial,Helvetica,sans-serif; color:black;vertical-align:middle} .uiDropSm{font:normal 10px Arial,Helvetica,sans-serif; color:black;vertical-align:middle} .uiFldSm{font:normal 10px Arial,Helvetica,sans-serif; color:black;vertical-align:middle} .uiBox em {font:normal 12px Arial,Helvetica,sans-serif; color:black;} .mid {vertical-align:middle} /* used to align text with fields*/ .uiBox em.leftPad {margin-left:10px} /*space between last field and this label*/ table.uiTbl{border-color:#6c8ac0;border-width:1px;border-style:Solid;} tr.uiTblHdr th,td.uiTblHdr {vertical-align:bottom;color: black;background-color: #D1D1CF;font:normal 8pt Tahoma,Arial,Helvetica,sans-serif;border-color: #6c8ac0;border-style: solid;border-width: 1px;padding:2px 4px 2px 4px;} tr.uiTblData td,td.uiTblData {vertical-align:middle;color: black;font:normal 8pt Tahoma,Arial,Helvetica,sans-serif;border-color: #6c8ac0;border-style: solid;border-width: 1px; padding:2px 4px 2px 4px;} tr.uiTblFtr td {vertical-align:middle;color: black;font:bold 8pt Tahoma,Arial,Helvetica,sans-serif; border-color: #6c8ac0;border-style: solid;border-width: 1px; padding:4px 4px 0 4px;} .uiTblFont{font-size: 8pt;vertical-align:middle;background-color: white;font:normal 8pt Tahoma,Arial,Helvetica,sans-serif;} td.uiTblLnk a:link, td.uiTblLnk a:visited { display:block; margin:1px 0 1px 0; text-decoration: none; color:#0065ab;} td.uiTblLnk a:hover { display:block; text-decoration:underline; color:#0065ab; } div.postit{border:solid 1px gray;padding:5px;background-color:#FFFFE0;font:normal 8pt Arial,Helvetica,sans-serif;color: black;} HR.dlogTitleLine{ /*this one used for the line below the title of th dialog*/ color : #7f9db9; line-height : 50%; } div.shrinkWrap {float:left; width:auto;} .fldGrp, .fldGrp div, .fldGrp p {font:13px Arial,Helvetica,sans-serif;} .fldGrp p{display:block; margin:0 0 0 100px;vertical-align:middle; position:relative;} .fldGrp i {color: red; margin-right:3px; }/*red astricks*/ .fldGrp .small {font-size:12px} .fldGrp .small label {font-size:12px} .fldGrp label {display:block; position:absolute; left:-100px; top:0; width:98px; text-align:right; margin:3px 2px 0 0; color:#3b3940} .fldGrp label small {font-size:12px} .fldGrp label.inline {display:inline; position:relative; top:0; left:0; text-align:left; width:auto; margin-left:10px; margin-right:3px} .fldGrp span.cb label {display:inline; position:relative; top:0; left:0; text-align:left; width:auto; margin-left:0px;} .fldGrp span { color:#555554; font:13px Arial,Helvetica,sans-serif; margin:0;} .fldGrp span.val{display:block; vertical-align:middle; min-height:18px; margin:1px 0px 4px 0px; padding:2px 3px 0px 2px; border:solid 1px #DEE0E1;} .fldGrp span.val2Min{display:block; min-height:30px; margin:1px 0px 4px 0px; padding:2px 3px 2px 2px; border:solid 1px #DEE0E1; } .fldGrp span.valNoBox{display:block; vertical-align:middle; height:20px; padding:3px 3px 0px 3px; } .fldGrp input[type="text"], .fldGrp input[type="password"], .fldGrp textarea{margin:0px 0 4px 0px; vertical-align:middle; } .fldGrp select{ margin:1px 0 2px 0; height:22px; font:13px Arial,Helvetica,sans-serif;}/*for ddl*/ .fldGrp select.listBox{margin:3px 0 3px 5px; height:auto; vertical-align:middle} .fldGrp table.inline td {white-space:nowrap} .fldGrp table.inline td.lineUp {width:100px; text-align:right} .fldGrp table.inline td label,.fldGrp table.inline td p {display:block; position:relative; left:0; top:0; width:auto;margin:3px 3px 0 10px; color:#3b3940} .fldGrp table.inline td p.tight {margin-left:3px} .fldGrp span.rb label {display:inline; position:relative;top:-1px; left:0; width:auto;} .fldGrp table.inline td.cb label, .fldGrp p.cb label {display:inline; text-align:left; width:auto; position:relative; top:-1px; } .fldGrp h3 {font:bold 12px verdana,Arial,Helvetica,sans-serif; color:#B06547; margin-top:8px; margin-bottom:2px;} .fldGrp h3.noTopM {margin-top:0px;} .fldGrp .uiTip, .uiTip{font:12px Arial,Helvetica,sans-serif; color: black;} .fldGrp a:link, .fldGrp a:visited { display:block; text-decoration: none; color:#0065ab;} .fldGrp a:hover { display:block; text-decoration:underline; color:#0065ab; } .rptHead {font: bold 14pt Arial,Helvetica,sans-serif;color: #0065ab; text-align:center} .rptHead small {font: bold 11pt Arial,Helvetica,sans-serif;color: #0065ab; text-align:center} .rptIndent { margin-left: 10px;width: 800px;} .rptIndent a:link, .rptIndent a:visited { text-decoration: none; color: #0065ab;} .rptIndent a:hover { text-decoration: underline; color: #666;} .rptNotes {font: normal 12px Arial,Helvetica,sans-serif; color:Black; padding-top:10px;} #workingMsg {display:none;position:absolute; z-index:99; left:260px; top:-60px; width:468px;height:auto; padding:0; } #workingMsg .wmContent {position:absolute; top:48px; left:85px;} #workingMsg .wmTitle {font: bold 16px Arial,Helvetica,sans-serif; margin:0; padding:0;color:#444444} #workingMsg .wmText {margin-top:12px; font: normal 14px Arial,Helvetica,sans-serif;color:#444444} #workingMsg .pbIeFix {position:absolute; top:0; left:0; height:151px; width:468px; background:#FFFFF; filter:alpha(opacity=1); opacity:0; } /*to remove black box on fade out*/ .yDlog {display:none;position:absolute; z-index:100; left:260px; top:-60px; width:422px;height:auto; padding:0; } .yDlog .ydTopClip {position:relative; overflow:hidden;} .yDlog .ydContent {margin:38px 45px 20px 45px} .yDlog .ydTitle {position:relative; z-index:1; font: bold 16px Arial,Helvetica,sans-serif; margin:0; padding:0;color:#444444} .yDlog .ydText {position:relative; z-index:1;margin-top:12px; font: normal 14px Arial,Helvetica,sans-serif;color:#444444} .yDlog .ydImgTop {position:absolute; top:0; left:0;} .yDlog .ydImgBot {position:absolute; bottom:0; right:0;} .yDlog .ydBotClip { position:relative;z-index:1; padding:0px 45px 40px 45px; width:332px; text-align:center;overflow:hidden} .yDlog .ydBotClip input {position:relative;z-index:1;} .yDlog .ydCancel {display:none; width:90px; margin-right:10px} .yDlog .ydOk {width:90px} #timeoutDlog .timeoutLogin {margin-top:20px; display:none} #timeoutDlog .ydOk {width:auto} input.smallBtn {font-size: 11px; font-family: Tahoma,Arial,Helvetica,sans-serif } ul { font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:130%; } .dotDiv { background-image: url(/Images/Interface/Global/dotsDiv.gif); background-repeat:repeat-x; height:25px; background-position: center; } fieldset {margin-left:2px; margin-right:2px; margin-bottom:10px; margin-top:6px; border:solid 2px #7F9DB9; padding:7px; padding-top:0px} /*groupbox*/ legend {color: #667E95; font: bold 13px Arial,Helvetica,sans-serif;} span.legandVSpace {display:block;margin-top:8px} /* origSite --------------------------------------------------------------------- */ td.content big { font: bold 14px Arial,Helvetica,sans-serif; color: #0065ab; } td.content small { font: 11px/135% Arial,Helvetica,sans-serif; color: #333; } .content a:link, .content a:visited { padding:1px; margin:-1px; text-decoration: none; color: #0065ab; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .content a:hover { text-decoration:underline; color:#333333; } #ProdIntro a:hover { text-decoration:none; color: #333; background-color: transparent; } #ProdSpecs a:hover { text-decoration:none; background-color: #0065ab; color: #FFF; } #Copy a:hover { text-decoration:none; background-color: #0065ab; color: #FFF; } td.content strong { font-weight: normal; text-decoration: underline; color: #666; } td.content em { font-weight: normal; font-style: normal; color: #0065ab; } td.content em strong { font-weight: bold; font-style: normal; text-decoration: none; color: #0065ab; } p.checkout { white-space: nowrap; } p.pitch { } p.pitch a.product:link, p.pitch a.product:visited { font-weight: bold; text-decoration: none; color: #0065ab; } p.pitch a.product:hover { text-decoration: underline; } .drop { font: 10px/150% Arial,Helvetica,sans-serif; color: #0065ab; } p.checklist { margin-left: 18px; white-space: nowrap; } p.productlist { margin-left: 18px; } p.productlist small { white-space: nowrap; color: #666; } p.priceindent { margin-left: 80px; margin-top: -10px; white-space: nowrap; } p.contactinfo { margin-left: 48px; white-space: nowrap; } p.contactinfo strong { font-weight: bold; text-decoration: none; color: #0065ab; } p.contactdata { margin-left: 72px; margin-top: -10px; white-space: nowrap; } p.specs { margin:0px; } p.specs small { font: 11px/135% Arial,Helvetica,sans-serif; white-space: nowrap; color: #666; } p.specs strong { font-weight: bold; text-decoration: none; color: #333; } p.specs2 small { font: 11px/135% Arial,Helvetica,sans-serif; color: #666; } td.imgdesc { font: 12px/135% Arial,Helvetica,sans-serif; color: #666;} td.sidebar small { text-decoration: none;font: 11px/155% Arial,Helvetica,sans-serif; color: #666666; font-weight: bold; } td.sidebar small a:link, td.sidebar small a:visited { text-decoration: none; font-weight: normal;color: #0065ab; } td.sidebar small a:hover { text-decoration: underline; font-weight: normal; color: #666; } td.sidebar small strong a:link, td.sidebar small strong a:visited { font-weight: bold; text-decoration: underline; color: #666; } td.sidebar small a:hover { text-decoration: underline; color: #666; } td.sidebar strong { font-weight: bold; text-decoration: underline; color: #666; } td.sidebar em { font-size: 10px; line-height: 150%; font-style: normal; color: #999; }