/* GLOBAL --------------------------------------------------------------------- */ body { margin: 0; padding: 0; background-color:#333333; } img { border: 0px; } input[type="text"], input[type="password"], textarea{margin:0px 0 2px 0px;} input[type="checkbox"] {position:relative; top:0px;} tbody { vertical-align:top; } #container { border:1px solid #000000; border-top:0px; width:980px; 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;} @font-face { font-family: 'fontello'; src: url('/styles/fonts/fontello.eot'); src: url('/styles/fonts/fontello.eot#iefix') format('embedded-opentype'), url('/styles/fonts/fontello.woff') format('woff'), url('/styles/fonts/fontello.ttf') format('truetype'), url('/styles/fonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-worldwide:before { content: '\e80f'; } .icon-zoom-in:before { content: '\e80e'; } .icon-phone:before { content: '\e804'; } .icon-search:before { content: '\e807'; } .icon-mail:before { content: '\e802'; } .icon-users:before { content: '\e801'; } .icon-help-circled:before { content: '\e806'; } .icon-info-circled:before { content: '\e808'; } .icon-lock:before { content: '\e809'; } .icon-basket:before { content: '\e805'; } .icon-ticket:before { content: '\e800'; } .icon-twitter:before { content: '\e80a'; } .icon-facebook:before { content: '\e80d'; } .icon-gplus:before { content: '\e803'; } .icon-pinterest:before { content: '\e80b'; } .icon-tag:before { content: '\e80c'; } .icon-right-open:before { content: '\e810'; } .icon-left-open:before { content: '\e811'; } .icon-down-open:before { content: '\e812'; } .icon-up-open:before { content: '\e813'; } .icon-logo-a:before { content: '\41'; } .icon-logo:before { content: '\e814'; line-height:inherit; } .icon-scale:before { content: '\e815'; } .icon-scale-open:before { content: '\e816'; } .icon-ok:before { content: '\58'; } .icon-cancel:before { content: '\2d'; } .icon-video:before { content: '\e819'; } #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; border-radius: 6px; -webkit-border-radius: 6px; -moz-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; border-radius: 2px; -webkit-border-radius: 2px; -moz-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; } #shareProduct { position:absolute; right:10px; top:100px; width:170px; } #shareProduct .container { position:relative; width:170px; } #shareProduct #shareButton { position:absolute; left:0px; top:0px; width:170px; display:block; height:25px; background-image:url(/images/interface/global/btnShareProduct.png); background-repeat:no-repeat; z-index:20; } #shareProduct .share-menu { display:none; background-color:#007ad0; color:#FFF; background-image:url(/images/interface/global/navigation/bgBlueSolid.png); z-index:10; position:absolute; top:12px; left:0px; width:170px; height:110px;} #shareProduct .share-button a { display:block; width:170px; height:24px; position:absolute; background-repeat:no-repeat; z-index: 15; } #shareProduct .share-button a:hover { background-position:bottom; } #shareProduct .share-amazon a { top:14px; left:0px; background-image:url(/images/interface/global/btnShareAmazonWishlist.png); } #shareProduct .share-email a { display:none; top:38px; left:0px; background-image:url(/images/interface/global/btnShareEmail.png); } #shareProduct .share-facebook { width:70px; height:20px; position:absolute; top:40px; left:20px; z-index: 15; } #shareProduct .share-twitter { width:70px; height:20px; position:absolute; top:65px; left:20px; z-index: 15; } #shareProduct .share-google { width:70px; height:20px; position:absolute; top:90px; left:20px; z-index: 15; } #shareProduct .share-pinterest { width:70px; height:20px; position:absolute; top:90px; left:90px; z-index: 15; } #shareProduct .footer { background-image:url(/images/interface/global/navigation/ftrblue.png); background-repeat:no-repeat; background-position:bottom; background-color:#007ad0; height:15px; width:170px; position:absolute; left:0px; bottom:-15px; } .progressNumber { background-image:url(/images/interface/global/progressnumbers.png); display:block; width:30px; height:30px; background-repeat:no-repeat; float:left; } .progressNumber.step-1 { background-position:0px 0px; } .progressNumber.step-2 { background-position:-30px 0px; } .progressNumber.step-3 { background-position:-60px 0px; } .progressNumber.step-4 { background-position:-90px 0px; } .progressNumber.step-5 { background-position:-120px 0px; } .progressNumber.step-complete { background-position:-150px 0px; } .progressNumber.step-1.current { background-position:0px -30px; } .progressNumber.step-2.current { background-position:-30px -30px; } .progressNumber.step-3.current { background-position:-60px -30px; } .progressNumber.step-4.current { background-position:-90px -30px; } .progressNumber.step-5.current { background-position:-120px -30px; } .progressNumber.step-complete.current { background-position:-150px -30px; } a.bluebutton { font-family:Helvetica, Arial, Verdana, sans-serif; display:block; background-color:#007cd3; color:#FFFFFF !important; border-radius:12px; -webkit-border-radius:12px; moz-border-radius: 12px; text-decoration:none; font-weight:bold; font-size:12px; text-align:center; padding:0px 20px 0px 20px; line-height:24px; } a.bluebutton:hover { background-color:#0097ff; color:#FFFFFF; text-decoration:none !important; } a.bluebutton.floatright { float:right; margin-left:6px; } a.bluebutton.floatleft { float:left; margin-right:6px; } a.bluebutton.cancel { background-color:#999999; } a.bluebutton.cancel:hover, a.bluebutton.delete { background-color:#cf032a; } a.bluebutton.delete:hover { background-color:#ff0434; } a.bluebutton.invert { background-color:#0097ff; color:#FFFFFF !important; } a.bluebutton.invert:hover { background-color:#FFFFFF; color:#007cd3 !important; } /* HEADER --------------------------------------------------------------------- */ #hdr { margin-bottom:21px; font-family:Helvetica, Arial, Verdana, sans-serif; } #hdrTop { height:51px; position:relative; background: rgb(0,126,215); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,126,215,1) 0%, rgba(0,95,164,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,126,215,1)), color-stop(100%,rgba(0,95,164,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ed7', endColorstr='#005fa4',GradientType=0 ); /* IE6-9 */ } #hdrNav { padding-left:10px; background: rgb(1,80,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,80,136,1) 0%, rgba(1,86,147,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,80,136,1)), color-stop(100%,rgba(1,86,147,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015088', endColorstr='#015693',GradientType=0 ); /* IE6-9 */ position:relative; width:968px; } #hdrNav .separator { display:none; position:absolute; bottom:-6px; height:6px; width:978px; left:0px; background-color:#ff8a00; } #hdrNav.stuck { top:31px; z-index:200; position:fixed; padding-left:0px; width:978px; } #hdrNav.stuck .separator { display:block; } #hdrNav ul { margin:0px; padding:0px; height:30px; list-style-type: none; list-style-image: none; width:920px; } #hdrNav ul li { font-family: Helvetica,Arial,sans-serif; font-size: 14px; color:#FFFFFF; display:inline; margin:0px; padding:0px; height:30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #hdrNav ul li a { text-decoration: none; color:#FFF; float:left; font-weight:bold; height:30px; line-height:30px; text-align:center; padding:0px 12px; } #hdrNav ul li a:hover, #hdrNav ul li a.selected { color: #FFF; background-color:#007ad0; } #hdrNav a.mini-logo { display:none; width:100px; font-size:20px; text-align:left; } #hdrNav.stuck a.mini-logo { display:block; } #hdrNav.stuck a.home { display:none; } #hdrNav a.mini-logo span { display:none; } #hdr .account-nav { background: rgb(102,102,102); /* Old browsers */ background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(153,153,153,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(153,153,153,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(153,153,153,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ color:#333333; padding:0px; line-height:30px; height:30px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; border-bottom:1px solid #FFFFFF; width:978px; } #hdr .account-nav.stuck { position:fixed; top:0; z-index: 200; } #aLogOut { float:left !important; font-weight:bold; background:#666666; color:#DDDDDD !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#888888'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#888888)); /* for webkit browsers */ background: -moz-linear-gradient(top, #555555, #888888); /* for firefox 3.6+ */ } #aLogOut:hover { background:#FF0000; color:#FFFFFF !important; text-decoration:none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820800', endColorstr='#ca0c00'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#820800), to(#ca0c00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #820800, #ca0c00); /* for firefox 3.6+ */ } #hdrNav a.cart span { display:block; float:left; } #hdrNav a.cart span.icon { padding-top:8px; margin-left:3px; } #hdrNav a.cart span.items { display:block; float:right; background-color:#0095ff; color:#FFFFFF; font-weight:normal; font-size:12px; font-weight:bold; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; line-height:14px; min-width:12px; min-height:14px; margin:6px 0px 0px 5px; padding:2px 4px 2px 4px; text-align:center; } #hdr .account-nav a.sitemgr { font-weight:bold; color:#FFFFFF; background: rgb(0,126,215); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,126,215,1) 0%, rgba(0,95,164,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,126,215,1)), color-stop(100%,rgba(0,95,164,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,126,215,1) 0%,rgba(0,95,164,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ed7', endColorstr='#005fa4',GradientType=0 ); /* IE6-9 */ } #hdr .account-nav a.sitemgr:hover { color:#FFFFFF; text-decoration: none; background: rgb(1,80,136); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,80,136,1) 0%, rgba(1,86,147,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,80,136,1)), color-stop(100%,rgba(1,86,147,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,80,136,1) 0%,rgba(1,86,147,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015088', endColorstr='#015693',GradientType=0 ); /* IE6-9 */ } #hdr .account-nav form, #hdr .account-nav span.user { padding-left:10px; } #hdr .account-nav form input { height:18px; width:100px; padding:0px 6px 0px 6px; border:0px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#BBBBBB; } #hdr .account-nav form input:focus { outline:0px; background-color:#fff; } #hdr .account-nav form a { float:none; display:inline; } #hdr .account-nav form a.submit { font-weight:bold; } #hdr .account-nav form a.submit:hover { color:#FFF; text-decoration: none; } #hdr .account-nav form { display:inline; } #hdr .account-nav form input::-webkit-input-placeholder { color:#333; } #hdr .account-nav form input::-moz-placeholder { color:#333; } /* firefox 19+ */ #hdr .account-nav form input:-ms-input-placeholder { color:#333; } /* ie */ #hdr .account-nav form inputinput:-moz-placeholder { color:#333; } #hdr .account-nav form label { color:#FFFFFF; display:none; } #hdr .account-nav form input.btn { width:auto; } #hdr .account-nav a { float:right; display:block; padding:0px 10px 0px 10px; color:#EEEEEE; } #hdr .account-nav a:hover { color:#FFFFFF; } #hdr .account-nav .user { font-weight: bold; color:#FFFFFF; } #hdr .account-nav .user em { font-weight:normal; color:#CCCCCC; font-style: normal; } #hdr .social { position:absolute; right:15px; top:10px; width:150px; } #hdr .social a { overflow:hidden; float:right; margin:2px; display:block; font-size:18px; width:28px; height:23px; padding-top:5px; -moz-border-radius: 14px; border-radius: 14px; background-color:#015088; color:#FFFFFF; text-align:center; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #hdr .social a .youtube { font-size:1.5em; padding-left:3px; } #hdr .social a .newsletter { font-size:1.1em; } #hdr .social a:hover { background-color:#FFFFFF; color:#007ad1; text-decoration: none; } #hdr .social a span { display:none; font-family: Helvetica, sans-serif; font-size:1em; } #hdrNotice { display:block; text-align:center; font-size:16px; font-family: Helvetica, Arial, Verdana, sans-serif; color:#6b2700; width:978px; height:30px; line-height:30px; background: rgb(255,138,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,138,0,1) 0%, rgba(255,98,9,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,0,1)), color-stop(100%,rgba(255,98,9,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#ff6209',GradientType=0 ); /* IE6-9 */ } #hdrNotice small { font-size:13px; } #hdrNotice b { color:#FFF; } #hdrNotice em { color:#6b2700; font-style: normal; } #hdrNotice a { color:#FFF; text-decoration:underline; } #hdrNotice a:hover { color:#6b2700; text-decoration:none; } #hdrNotice a.dark { color:#6b2700; text-decoration:none; } #hdrNotice a.dark:hover { color:#FFF; } #hdrNotice.pink { background:#e94579 !important; } #hdrNotice.pink a.dark { color:#580d25 !important; text-decoration:none; } #hdrNotice.pink a.dark:hover { color:#FFF !important; } #hdrNotice.yellow { background:#f9df07 !important; } #hdrNotice.yellow a.dark { color:#655919 !important; text-decoration:none; } #hdrNotice.yellow a.dark:hover { color:#000 !important; } #hdrNotice.yellow b { font-weight:bold; color:#000; } #hdrLogo { position:absolute; left:20px; top:0px; width:220px; height:51px; } #hdrLogo a { display:block; width:200px; height:51px; font-size:34px; color:#FFF; line-height:51px; } #hdrLogo a span { display:none; } #hdrLogo a:hover { color:#b3d6ef;text-decoration:none; } #hdrTop div.contact { position:absolute; right:130px; top:0px; width:150px; height:45px; color:#FFFFFF; padding-top:6px; border-left:1px solid rgb(1,80,136); padding-left:10px; } #hdrTop div.contact div { float:left; height:20px; width:130px; } #hdrTop div.contact div span { display:block; float:left; height:20px; line-height:20px; font-size:12px; width:100px; } #hdrTop div.contact div span.icon { font-size:18px; padding-top:1px; width:26px; height:19px; } #hdrTop div.contact div a { color:#FFFFFF; display:block; height:20px; width:140px; } #hdrTop div.contact div a:hover { text-decoration: none; color:#b3d6ef; } #hdrTop div.shipping { right:440px; width:140px; } #hdrTop div.newsletter { right:295px; width:140px; } #hdrTop div.descbtn { position:absolute; top:0px; height:51px; overflow:hidden; } #hdrTop div.descbtn a { display:block; width:140px; height:51px; color:#FFFFFF; font-size:14px; } #hdrTop div.descbtn a span { float:left; display:block; height:41px; padding-top:10px; width:85px; } #hdrTop div.descbtn a span.icon { font-size:36px; padding:8px 0 0 0 !important; height:41px; width:45px; margin-right:5px; } #hdrTop div.shipping a span { width:70px; } #hdrTop div.shipping a span.icon { width:55px; } #hdrTop div.descbtn a:hover { text-decoration:none; } #hdrTop div.descbtn a:hover span { color:#b3d6ef; } #hdrSearchBar .icon { display:block; position:absolute; top:2px; right:250px; font-size:16px; color:#999999; height:16px; width:20px; } #hdrSearchBar { position:absolute; top:5px; right:15px; height:18px; padding:0px; } #hdrSearchBar input.search { font-size:12px; font-family: Helvetica, Arial, Verdana, sans-serif; height:16px; padding:2px 10px 2px 22px; width:240px; margin:0px; border:0px; background-repeat:no-repeat; color:#007ed7; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; background-color:#FFFFFF; } #hdrSearchBar input.search:focus { outline:0; } #hdrSearchBar form {position:relative;} .ui-menu-item { list-style-type: none; } .ui-menu-item a { display:block; line-height:50px; height:50px; background-color:#FFF; color:#666666; padding:0px 5px 0px 5px; padding-right:5px; margin-top:-1px; border:1px solid #007ed7; overflow:hidden; } .ui-autocomplete { position:fixed; top:96px; width:230px; z-index:220 !important; padding:2px 10px 0px 10px; max-height: 510px; overflow:hidden; } .ui-menu-item a img { float:left; width:40px; height:40px; margin: 5px 10px 5px 5px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color: #FFFFFF; color: #007ed7; font-weight:bold; } .ui-state-hover a, .ui-state-hover a:hover { color: #007ed7; font-weight:bold; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #FFFFFF; color: #007ed7; font-weight:bold; } .ui-widget :active { outline: none; } .ui-helper-hidden-accessible { display:none; } .ui-menu-item a:hover { cursor:pointer; } /* SIDE NAVIGATION --------------------------------------------------------------------- */ div.side-testimonial > div { position:fixed; padding:10px; top:270px; left:-330px; min-height:180px; width:300px; background:#007ed7;font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; line-height:130%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 2px 2px 6px rgba(0,0,0,0.7); font-style:italic; z-index:100; } div.side-testimonial > div > div { position:relative; } div.side-testimonial > a { padding::0px;text-align:left; font-family: Helvetica, Arial, sans-serif; z-index:90; min-width:100px;position:fixed; left:0px; top:270px; display:block; color:#FFF; font-style:normal; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 2px 2px 6px rgba(0,0,0,0.7); background: rgb(255,138,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,138,0,1) 0%, rgba(255,98,9,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,0,1)), color-stop(100%,rgba(255,98,9,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,138,0,1) 0%,rgba(255,98,9,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#ff6209',GradientType=0 ); /* IE6-9 */ } div.side-testimonial > a span { font-size:14px; white-space: nowrap;display:inline-block;width:59%;padding:6px 0px 6px 10%;line-height:16px;height:32px;vertical-align: middle; } div.side-testimonial > a:hover { background:#FF8A00; } div.side-testimonial span.icon-right-open { font-size:22px; width:25%;padding:6px 5% 6px 0px; } div.side-testimonial span.icon-right-open:before { line-height:32px;margin:0;} div.side-testimonial div a { position:absolute; left:auto; right:0px !important; top:0px !important; width:40px; height:40px; text-align:center; line-height:40px; color:#FFF; font-size:26px; } div.side-testimonial div a:hover { color: rgb(255,138,0); } div.side-testimonial img { width:60%; height:auto; margin:auto; display:block; margin-bottom:10px; } div.side-testimonial em { margin-top:15px; display:block; text-align:right; font-style:normal; } div.side-testimonial a:hover { text-decoration: none; } #bodyMenu em { font-style: normal; } #bodyMenu { background-color:transparent; width: 170px; font-family: Helvetica, Arial, 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; } #leftNav ul { width:145px; font-size:12px; list-style-type: none; margin:0px; padding:0px; clear:both; } #leftNav ul li { font-weight:bold; text-transform: uppercase; text-align:left; text-indent:0px; line-height:24px; border-top-left-radius:12px; border-top-right-radius:12px; } #leftNav ul li ul { background-color:#FFFFFF; border-top:2px solid #007dd0; } #leftNav ul li ul li { border-bottom:0px; font-size:12px; font-weight:normal; text-align:left; text-transform: none; margin:0px; border-top-left-radius:0px; border-top-right-radius:0px; } #leftNav ul li ul li a { display:block; border-bottom:1px solid #CCCCCC; float:left; padding:0px 3px; width:139px; text-decoration:none; background-repeat:repeat-x; background-position:top; line-height:26px; } #leftNav ul li ul li.ftr { margin-bottom:4px; height:15px; clear:both; padding:0px !important; } #leftNav ul li ul li a span { display:none; } #leftNav ul li ul li a:hover { font-weight:bold; background-color:#CCCCCC; color:#333333; font-size:12px; background-position:bottom; } #leftNav ul li a.selected { font-weight:bold; background-color:#007dd0; color:#FFFFFF; font-size:12px; background-position:bottom; } #leftNav ul.email { background-color:#007dd0; display:none; } #leftNav .emailSignup .desc {line-height:15px; padding-top:3px; text-transform: none; font-weight:normal; text-align:left; font-size:11px; } #leftNav .emailSignup {color:white; background-color:#007dd0; padding:2px 5px 5px 5px; line-height:120%} #leftNav .emailSignup h4 {margin:0; font-size:12px; text-align: center;text-transform: uppercase; line-height:30px; background-color:#0062a2; margin:-2px -5px 0 -5px; } #leftNav .emailSignup h5 {font-size: 10px; margin:2px 0 0 0; padding:0;} #leftNav .emailSignup input[type="text"]{width:150px; font-size:12px} #pgEmailFields {display:none} #pgEmailSignupMsg {display:none; color:white; margin:5px 0 5px 0; font-size:12px; padding:3px 5px;} #btnPgEmailSignUp{font-size:12px} #leftNav ul.white li { text-align:center; } #leftNav ul.brands li a { border-bottom:0px !important; display:block; width:145px; height:46px; line-height:46px; overflow:hidden; background-repeat:no-repeat; background-position:top center; padding:0px; color:#666; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #leftNav ul.brands li a:hover, #leftNav ul.brands li a.selected { font-weight:normal;background-color:transparent;background-color:#CCC; } #leftNav ul li a.aquapac:before { content: '\e81e'; font-family: "fontello"; font-size:3em; } #leftNav ul li a.aquapac { color:#00aeef; } #leftNav ul li a.bluelounge:before { content: '\e81d'; font-family: "fontello"; font-size:1.3em; } #leftNav ul li a.bluelounge { color:#00aeef; } #leftNav ul li a.cablejive:before { content: '\e81c'; font-family: "fontello"; font-size:3.6em; } #leftNav ul li a.cablejive { color:#f36523; } #leftNav ul li a.elementcase:before { content: '\e81b'; font-family: "fontello"; font-size:1em; } #leftNav ul li a.elementcase { color:#ed1b2f; } #leftNav ul li a.otterbox:before { content: '\e818'; font-family: "fontello"; font-size:3.2em; } #leftNav ul li a.otterbox { color:#000; } #leftNav ul li a.stm:before { content: '\e817'; font-family: "fontello"; font-size:3.2em; } #leftNav ul li a.stm { color:#b31205; } #leftNav ul li a.lifeproof:before { content: '\e81a'; font-family: "fontello"; font-size:1.1em; } #leftNav ul li a.lifeproof { color:#000; } #leftNav ul li a.seagate { display:none; } #leftNav ul.testimonial li ul li { color:#007ad0; padding:5px 2px 0px 2px; line-height:18px; font-size:14px; font-style:italic; white-space: normal; } #leftNav ul.testimonial #testimonialname { color:#333333; display:block; text-align:right; font-weight:bold; } #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; } #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: Helvetica, Arial,sans-serif; letter-spacing: 2px; } #newsletter form { margin:0px; } #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: Helvetica, Arial, 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 --------------------------------------------------------------------- */ td.locationbar { font: bold 11px/135% Arial,Helvetica,sans-serif; text-decoration: none; color: #BBBBBB; } #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; } /* 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: Helvetica, Arial, sans-serif; font-size:10px; padding-bottom:10px; margin-top:25px; height:90px; background: rgb(143,143,142); /* Old browsers */ background: -moz-linear-gradient(top, rgba(143,143,142,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,143,142,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(143,143,142,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(143,143,142,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(143,143,142,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(143,143,142,1) 0%,rgba(204,204,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8e', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ position:relative; } #footer .bar { width: 100%; height:10px; border-top:1px solid #666; } #footer .badges { width:230px; position:absolute; right:0px; bottom:10px; margin-right:8px; margin-top:10px;} #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:9px; padding-right:10px; border-right:1px solid #666666; } #footer .legal { position:absolute; bottom:20px; left:150px; font-size:10px; color:#555555; line-height:140%;} #footer .copyright #ProdIntro #footer .salenote { color: #222222; display:none; } #footer a { text-decoration:none; color: #222222; padding:2px; margin:-2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-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; } #footer div.contact { position:absolute; left:10px; bottom:15px; width:130px; height:45px; color:#333333; padding-top:6px; border-right:1px solid #666666; } #footer div.contact div { float:left; height:20px; width:140px; } #footer div.contact div span { display:block; float:left; height:20px; line-height:20px; font-size:12px; width:100px; } #footer div.contact div span.icon { font-size:18px; padding-top:1px; width:26px; height:19px; } #footer div.contact div a { color:#333333; display:block; height:20px; width:130px; } #footer div.contact div a:hover { text-decoration: none; color:#FFF; background:none; } a.bbb-badge { display:block; width:132px;height:52px;float:right;margin-left:6px; } a.bbb-badge .updated-date {display:block;font-size:9px;color:#025a78;text-align:center;padding-top:1px;} a.bbb-badge:hover {text-decoration:none;} /* HOMEPAGE --------------------------------------------------------------------- */ #billboard {width:978px;height:390px;position:relative;overflow:hidden;margin-top:-21px;} #billboard ul {position:absolute;left:0px;top:0px;width:6000px;margin:0px;padding:0px;list-style: none;} #billboard ul li a {display:block;float:left;width:978px;height:390px;position:relative;color:#FFF;} #billboard ul li a.blue {color:#007cd3} #billboard ul li a.gray {color:#333} #billboard ul li a b {position:absolute;font-size:50px;} #billboard ul li a span {position:absolute;font-size:16px;line-height:130%;} #billboard ul li a.topleft b {top:55px;left:70px;} #billboard ul li a.topleft span {top:86px;left:70px;} #billboard ul li a.topright b {top:55px;right:70px;} #billboard ul li a.topright span {top:86px;right:70px;} #billboard ul li a:hover {text-decoration: none;} #billboard a.prev, #billboard a.next, #billboard div.all {position:absolute;display:block;font-weight:normal;} #billboard a.prev, #billboard a.next {top:50%;margin-top:-16px;font-size:30px;color:#FFF;text-align:center; width:32px; line-height:32px;border-radius:16px;background-color:transparent;} #billboard a.prev.hover, #billboard a.next.hover {background-color:#FFF;color:#007cd3} #billboard a.prev {left:5px;} #billboard a.next {right:5px;} #billboard a.prev:hover, #billboard a.next:hover {text-decoration:none;color:#FFF;background-color:#007cd3;} #billboard a.prev:before {font-family:fontello;content: '\e811';margin-right:.1em;} #billboard a.next:before {font-family:fontello;content: '\e810';margin-left:.1em;} #billboard div.all {bottom:0px;height:32px;text-align:center;width:978px;} #billboard div.all a { display:inline-block;background-color:#FFF;border-radius:8px;width:12px;height:12px;margin:8px 4px;border:2px solid #FFF; } #billboard div.all a:hover, #billboard div.all a.selected {background-color:#007cd3;} #billboard div.swipearea {position:absolute;top:0px;left:0px;width:978px;height:390px;cursor:pointer;} /* ABOUT US PAGES --------------------------------------------------------------------- */ ul.about-menu { margin:0px;padding:0px; position:absolute; bottom:10px; left:10px; } ul.about-menu li { list-style: none; display:inline-block;padding:0px; } ul.about-menu li a { display:inline-block;padding:6px; margin:1px; background:rgba(255,255,255,0.8); color:#0065AB; font-size:14px; } ul.about-menu li a:hover, ul.about-menu li a.selected { text-decoration:none; background:#0065AB; color:#FFF; } div.about-banner { width:100%;height:340px; position:relative; background:#EFEFEF;margin-bottom:25px; background-repeat:no-repeat; background-position: top center; } div.about-banner.company { background-image:url(/images/interface/about/company-banner.jpg); } div.about-banner.contact { background-image:url(/images/interface/about/contact-banner.jpg); } div.about-banner.security { background-image:url(/images/interface/about/security-banner.jpg); } div.about-banner.privacy { background-image:url(/images/interface/about/privacy-banner.jpg); } div.about-banner.terms { background-image:url(/images/interface/about/terms-banner.jpg); } div.about-banner.trademarks { background-image:url(/images/interface/about/trademarks-banner.jpg); } div.image-block { clear:both; padding-bottom:10px; } div.image-block.left figure { float:right; margin:5px 0px 20px 20px; width:385px; } div.image-block.right figure { float:left; margin:5px 20px 20px 0px; width:385px; } div.image-block figure { font-size:12px; } .half-space { display:block;margin-top:8px; } td.about dl { float:left; width:100%; line-height:140%;margin:0 0 10px 0;} td.about dl dt {display:block;float:left;width:15%;font-weight:bold;margin:0px;} td.about dl dd {display:block;float:left;width:80%;margin:0px 0px 0px 10px;} td.about dl dt a { font-weight:normal; } td.about dl.med dt {width:25%;} td.about dl.med dd {width:70%;} td.about table { font-size:12px; } td.about table tr:nth-child(odd) { background-color:#EFEFEF; } td.about table tr:nth-child(even) { background-color:transparent; } td.about table th {background:#0065AB;color:#FFF;text-transform: uppercase;font-weight:bold;line-height:200%;} td.content.about { font-size:14px; font-family:helvetica, arial, verdana, sans-serif;color:#333;line-height:130%; } td.about h2 { margin:30px 0 0; } td.about p { margin-top:0; } td.about ul.toc { width:90%; margin:auto; } td.about ul.toc li { display:inline-block; width:45%; list-style: none; line-height:160%; } td.about figure { margin:10px auto; } td.about div.photo-gallery { width:720px; } td.about div.photo-gallery figure { position:relative; display:inline-block;margin:0 0.5%; overflow:hidden; height:350px; background-repeat: no-repeat;background-position: bottom center; background-size:cover; margin-bottom:10px; background-color:#EFEFEF; } td.about div.photo-gallery figure.single { width:24%; } td.about div.photo-gallery figure.double { width:49%; } td.about div.photo-gallery figure.triple { width:74%; } td.about div.photo-gallery figure.full { width:99%; } td.about div.photo-gallery figure.third { width:32.2%; } td.about div.photo-gallery figure.half { height: 250px; } td.about div.photo-gallery figure.right { background-position:right bottom;} td.about div.photo-gallery figure.top { background-position:top center;} td.about div.photo-gallery figure.left { background-position:left bottom;} td.about div.photo-gallery figure.center { background-position:center center;} td.about div.photo-gallery figure figcaption { position:absolute; left:-5px; bottom:-5px; background:#FFF; width:100%; line-height:2em; border:5px solid #FFF; } td.about div.photo-gallery h3 { text-align:center; font-size:28px; letter-spacing: 2px; color:#0065AB; margin-top:30px; border-bottom:2px solid #0065AB; padding-bottom:10px; font-weight: normal; } /* PRODUCT PAGES --------------------------------------------------------------------- */ #prodHeader { height:140px; position:relative; border-bottom: 1px solid #BBBBBB; margin-top:-20px; background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(top, #cccccc 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cccccc 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #cccccc 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */} #prodHeader h1 { width:750px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#444; 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:#666; } #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; } #ProdIntro .mot { background-repeat:no-repeat; background-position:0px 0px; display:block; float:left; margin-right:4px; width:26px; height:26px; margin-bottom:4px; } #ProdIntro .mot1 { background-position:0px 0px; } #ProdIntro .mot2 { background-position:-26px 0px; } #ProdIntro .mot3 { background-position:-52px 0px; } #ProdIntro .mot4 { background-position:-78px 0px; } #ProdIntro .mot5 { background-position:-104px 0px; } #ProdIntro .mot6 { background-position:-130px 0px; } #ProdIntro .mot7 { background-position:-156px 0px; } #ProdIntro .mot8 { background-position:-182px 0px; } #ProdIntro .mot9 { background-position:-208px 0px; } #ProdIntro .mot10 { background-position:-234px 0px; } #ProdIntro .mot11 { background-position:-260px 0px; } #ProdIntro .mot12 { background-position:-286px 0px; } #ProdIntro .mot13 { background-position:-312px 0px; } #ProdIntro .mot14 { background-position:-338px 0px; } #ProdIntro .mot15 { background-position:-364px 0px; } #ProdIntro .mot16 { background-position:-390px 0px; } #ProdIntro .mot17 { background-position:-416px 0px; } #ProdIntro .mot18 { background-position:-442px 0px; } #ProdIntro .mot19 { background-position:-468px 0px; } #ProdIntro .mot20 { background-position:-494px 0px; } #ProdIntro .mot21 { background-position:-520px 0px; } #ProdIntro .mot22 { background-position:-546px 0px; } #ProdIntro .mot23 { background-position:-572px 0px; } #ProdIntro .mot24 { background-position:-598px 0px; } #ProdIntro .mot25 { background-position:-624px 0px; } #ProdIntro .mot26 { background-position:-650px 0px; } #ProdIntro .mot27 { background-position:-676px 0px; } #ProdIntro .mot28 { background-position:-702px 0px; } #ProdIntro .mot29 { background-position:-728px 0px; } #ProdIntro .mot30 { background-position:-754px 0px; } div.product-images {width:450px;margin-right:15px;} div.product-images .frame {width:450px;height:425px;position:relative;} div.product-images .frame div {margin:auto;width:400px;height:400px;position:relative;overflow:hidden;cursor:pointer;background:url('/images/interface/global/loading-large.gif') no-repeat center center;} div.product-images .frame div span {display:block;position:absolute;top:0px;left:0px;} div.product-images .frame div span img {width:400px;height:400px;margin:0px;padding:0px;float:left;} div.product-images .frame div span.zoom {width:28px;height:28px;top:374px;left:374px;color:rgba(0,0,0,0.5);padding-left:6px;font-size:15px;line-height:24px;border-top-left-radius:12px; } div.product-images .frame div span.zoom:before { font-family:"fontello"; content: '\e80e'; font-size:14px; } div.product-images .frame div img.preview {position:absolute;top:0px;top:0px;width:400px;height:400px;display:none;} div.product-images .frame div:hover span.zoom {color:#007cd3;background:#FFF;} div.product-images .frame span.caption { font-weight:normal;margin:auto;display:block;line-height:25px;white-space: nowrap;text-align:center;width:400px;color:#666;text-overflow:ellipsis;overflow:hidden; } div.product-images .frame a { display:block;position:absolute;top:0px;width:25px;height:400px;line-height:400px;color:#666;text-decoration:none;text-align:center;font-weight:normal;font-size:25px;} div.product-images .frame a.prev {left:0px;} div.product-images .frame a.prev:before {font-family:"fontello";content:"\e811";} div.product-images .frame a.next {right:0px;} div.product-images .frame a.next:before {font-family:"fontello";content:"\e810";} div.product-images .frame a:hover { color:#007cd3 !important; } div.product-images .thumbs { padding:0px 25px; margin:auto;} div.product-images .thumbs a { display:inline-block;width:30px;height:30px;margin:2px;padding:0px;background-repeat:no-repeat;background-size:contain;border:2px solid #FFF; overflow:hidden; border-radius: 6px; } div.product-images .thumbs a.selected { border-color:#007cd3; } div.product-images .thumbs a span {display:block;width:30px;height:30px;border:0px;margin:0px;} div.product-images .thumbs a.selected span {background:rgba(0,124,211,0.5);} div.product-images .thumbs a:hover {border-color:#007cd3;} div.product-images .thumbs b { display:block;margin-top:5px;color:#007cd3;font-size:12px;font-family:Helvetica, Arial, Verdana, sans-serif; } #lightbox {position:fixed;top:0px;left:0px;z-index:900;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;} #lightbox div.product-images {margin:auto;background:#FFF;position:relative;} #lightbox div.product-images .frame div { cursor:default; } #lightbox div.product-images a.close { display:block; height:50px; text-align:center; line-height:50px; font-size:30px; color:#666;overflow:hidden; } #lightbox div.product-images a.close span.left {float:left;width:50px;} #lightbox div.product-images a.close span.right {float:right;width:50px;} #lightbox div.product-images a.close:hover { color:#007cd3; text-decoration: none;} #lightbox div.product-images a.close.left {position:absolute;left:0px;bottom:0px;width:50px;height:50px;} #lightbox div.product-images a.close.right {position:absolute;right:0px;bottom:0px;width:50px;height:50px;} #lightbox div.product-images a.close span:before,#lightbox div.product-images a.close.left:before,#lightbox div.product-images a.close.right:before { font-family:"fontello"; content: '\2d'; line-height:50px; } #lightbox div.product-images .frame span.caption { font-size:16px; line-height:40px;height:40px; } #lightbox div.product-images .thumbs b { display:inline-block; vertical-align:top;overflow:hidden; text-indent:-999px; width:2px; height:50px; background:#007cd3; margin:4px 10px; } #lightbox div.product-images .thumbs b.first { display:none; } #lightbox div.product-images .thumbs a { width:50px; height:50px; } #lightbox div.product-images .thumbs a span { width:50px; height:50px; } #lightbox div.product-images .thumbs { padding:5px 25px 25px 25px; text-align:center; } #lightbox div.product-images .frame a { width:50px;font-size:50px; } .clear { clear:both } .video-link { display:block; margin:6px 10px 6px 0px; font-family:Helvetica, Arial, Verdana, sans-serif; line-height:30px; width:200px;font-size:14px;color:#007cd3;font-weight:bold;} .video-link span { display:block; float:left; height:25px; width:38px; text-align:center;} .video-link span:before { font-family: "fontello"; content: '\e819'; font-weight:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:30px; line-height:1em; } div.product-images + a.video-link { margin-left:25px; } #badgeSecurityMetrics { position:absolute; right:15px; top:15px; width:98px; height:37px; border:1px solid #16395a; } #badgeSecurityMetrics a { display:block; width:98px; height:37px; background-image:url(/images/interface/global/badgeSecurityMetrics.png); background-repeat:no-repeat; background-position: top; } #badgeSecurityMetrics a:hover { background-position:bottom left; } #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: Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; color: #0065ab; padding:0px; margin:25px 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:#0179d0; font-weight:bold; font-size:12px; font-family:Helvetica, Arial, Verdana, sans-serif; float:left; height:26px; line-height:26px; } .motSpacer { 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; font-family: Helvetica,Arial,sans-serif; } #Copy p { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#333333; margin:15px 0px 10px 0px; } #Copy h2 { color:#0065ab; font-size:18px; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; margin-bottom:0px; padding-bottom:0px; clear:left; } #Copy h2 small { color:#0065ab; font-size:14px; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; } #Copy h3 { color:#0065ab; font-size:14px; font-weight:bold; font-family:Helvetica, Arial, Verdana, sans-serif; margin-bottom:0px; padding-bottom:0px; } .SkuSelector { font-family:Helvetica, Arial, sans-serif; font-size:11px; width:250px; } .SkuSelector .radio { margin-bottom: 1px; background-color: #EEE; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor:pointer; position:relative; } .SkuSelector .radio:hover, .SkuSelector .radio.selected { color: white; background-color: #0065ab; } .SkuSelector .radio.selected span.arrow { position:absolute;display:block;right:-10px;top:2px;line-height:20px;width:15px;text-align:right; font-size:18px; color:#0065ab; } .SkuSelector .radio.selected span.arrow:before { font-family:"fontello"; content: '\e810'; } .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; } .SkuSelector .radio span { display:block; margin-left:20px; padding-bottom:4px; margin-top:-2px; font-size:10px; color:#666666; } .SkuSelector .radio:hover span { color:#80b2d5; } .SkuHelper { display:none; } .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:102px !important; height:22px !important; padding:0px !important; margin:0px; border:0px !important; background:#75b700; border-radius: 11px; font-family:helvetica, arial, sans-serif; color:#FFF;font-weight:bold;line-height:22px;font-size:12px;text-align:center; } a.AddToCart:hover { padding:0px !important; border:0px !important; background:#8bc900 !important; color:#FFF; text-decoration:none; } a.AddToCart:active { padding:0px !important; border:0px !important; background:#588a00 !important; } a.AddToCart span { display:block !important;width:102px;display:inline; } a.AddToCart span:after { font-family:"fontello"; content: ' \e810'; } table.feature-chart { font-size:12px; font-family: Helvetica, Arial, sans-serif; width:100%; border: 1px solid #AAA; border-bottom:0px; color:#333; } table.feature-chart td { padding:5px; border-bottom:1px solid #AAA; text-align:center; } table.feature-chart .left-col { width:200px; text-align:left; } table.feature-chart.short-names .left-col { width:130px; } table.feature-chart .top-col { font-weight:bold; text-align:center; font-size:13px; } table.feature-chart td.volume, table.feature-chart td.weight { color:#666; font-weight:bold; font-size:14px; } table.feature-chart td.check { overflow: hidden; font-family:"fontello"; font-size:18px; font-weight:normal; } table.feature-chart td.orange.check { background-image:url(/images/interface/products/featureCheckOrange.png); } table.feature-chart td.weight span { display:inline-block; width:80px; height:34px; position:relative; padding:32px 0px 0px 1px; font-size:16px; } table.feature-chart td span.icon-scale-open { position:absolute; display:block; top:0px; left:0px; width:80px; height:60px; padding:0px; line-height:60px; } table.feature-chart td span.icon-scale-open:before { font-size:60px; width:auto; margin:0px; margin-top:2px; } table.feature-chart td.green { color:#007dd0; font-weight:bold; } table.feature-chart td.red { color:#666666; } table.feature-chart td.none { color:#FF0000; } table.feature-chart td.subheader { text-align:left; background:#CCC; font-weight:bold; } table.feature-chart th { font-size:13px; background:#0179D0; color:#FFF; padding:5px; } div.volume-diagram span { display:inline-block;width:5px;height:5px;border:1px solid #666; margin:1px; } div.volume-diagram span.fill { display:inline-block;width:5px;height:5px;background:#666; margin:1px; } .green div.volume-diagram span { border:1px solid #0179D0; } .green div.volume-diagram span.fill { background:#0179D0; } div.demonstration-links h3 { float:left;margin:15px 0px 0px 20px; } div.demonstration-links ul { float:left;list-style: none; margin:15px 10px;padding-left:10px; border-left:1px solid #999; } div.demonstration-links a { font-size:12px; } div.demonstration-links a.selected { font-weight:bold; font-size:14px; line-height:150%; } div.demonstration-links a.selected:before { content:"Now Playing: "} div.demonstration-links a.selected.default:before { content:""} figure { font-size:12px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#666; text-align:center; } figure img { margin-bottom:6px; } /* PRODUCT LANDING PAGES --------------------------------------------------------------------- */ #category .columns ul { margin:0; padding:0; } #category .columns ul li { list-style: none; float:left; height:326px; text-align:center; margin:0px 10px 18px; position:relative; cursor:pointer; } #category .columns ul li a { display:block; width: 230px; position:relative; font-size: 16px; color:#333; font-weight:bold; line-height:140%; } #category .columns ul li img { width:200px; height:200px; display:block; margin:auto; margin-bottom:10px; float:none; } #category .columns ul li sup { vertical-align: top; font-size: 0.8em; } #category .columns ul li a span { display:block; color:#666; font-size:12px; font-weight:normal; line-height:140%; } #category .columns ul li a span span { color:#666; font-size:11px; } #category .columns ul li:hover a { text-decoration: none; color: #0065ab; } #category .columns ul li b { font-size:12px; color:#0065ab; } #category .columns ul li div.colors span { display:inline-block; width:12px; height:12px; padding-bottom:0px !important; margin:2px !important; border-radius: 6px; font-size:0px; overflow:hidden; text-align:left; background-color:transparent; } #category .columns ul li div.colors span.optexgray { background-color:#9f9f9f; } #category .columns ul li div.colors span.optexfuchsia { background-color:#ac3653; } #category .columns ul li div.colors span.optexindigo { background-color:#425789; } #category .columns ul li div.colors span.optexgreen { background-color:#63795a; } #category .columns ul li div.colors span.optexgrape { background-color:#5c3e60; } #category .columns ul li div.colors span.optexblack { background-color:#303030; } #category .columns ul li div.colors span.optexshagwire { background-color:#b6986b; } #category .columns ul li div.colors span.optexuv { background-color:#6d4a9a; } #category .columns ul li div.colors span.optexred { background-color:#a92b2c; } #category .columns ul li div.colors span span { width:12px; height:12px; margin:0px !important; border-radius: 0px; } #category .columns ul li div.colors span span.half { display:inline-block; margin:0px !important; width:6px; height:12px; border-radius: 0px; } #category .columns ul li a.more { position:absolute; bottom:0px; left:50px; width:130px; height:24px; line-height:24px; background-color:transparent; text-align:center; color:#999; font-size:12px; border-radius: 12px; } #category .columns ul li a.more:after { font-family:"fontello"; content: ' \e810'; } #category .columns ul li:hover a.more { background-color:#0065ab; color:#FFF } #category .columns h3, #category .columns h2, #category .columns h1 { margin-top: 0; margin-bottom: 0; font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif; color:#0065ab; border-bottom: 1px dotted #0065ab; display:block; font-size: 20px; font-weight: bold; text-align: left; margin-top:15px; margin-bottom:10px; clear:both; width:775px; } /* 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; -webkit-border-radius: 2px; -moz-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: #007ad0; 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; } /* NEWSLETTER SIGNUP --------------------------------------------------------------------- */ #pgEmailMain { font-size:12px; font-family:Helvetica, Arial, Verdana, sans-serif; } #pgEmailMain label { display:block; float:left; width:100px; text-align:right; padding-right:10px; } #pgEmailMain input, #pgEmailMain select { display:block; float:left; } #pgEmailMain br { clear:both; } h1.radclub { min-width:380px; margin-top:24px; height:195px; background-image:url(/newsletter/signup/logo-clubrad.jpg); background-repeat:no-repeat; background-position: top left; text-indent:-9999px; overflow:hidden; } /* 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; } table.SupportNavBar td {line-height:25px;} #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; } div.paymentmethod { margin-bottom:12px; } div.paymentmethod span { color:#000000; } .alert { font-family: Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; color: b12a2a; } .featured { font-family: Helvetica,Arial,sans-serif; font-size: 11px; font-weight: bold; color:#FFFFFF; } .featured a:link { color:#d0d0d0; font-family:Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .featured a:visited{ color:#d0d0d0; font-family:Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .featured a:hover{ color:#006699; font-family:Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } .alertBilling { font-family: Helvetica,Arial,sans-serif; font-size: 1em; font-weight: bold; color: b12a2a; } DIV.caption { font-family: Helvetica,Arial,sans-serif; font-size: 12px; text-align: center; font-weight: bold; color: #5F5F5F; } SPAN.caption { font-family: Helvetica,Arial,sans-serif; font-size: 12px; text-align: center; font-weight: bold; color: #797878; } form { display:inline; } .DealHeader { font-family: Helvetica,Arial,Verdana,sans-serif; color: #0e5aa3; font-size: 16px; font-weight: bold; } .RetailerPageSub { font-family: Helvetica,Arial,Verdana,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; 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: 22pt Helvetica,Arial,Verdana,sans-serif; font-style: normal; text-decoration: none; color: #0065ab; font-weight:normal;} H2 {font: 16pt Helvetica,Arial,Verdana,sans-serif; font-style: normal; text-decoration: none; color: #0065ab; font-weight:normal;} .indent H2 {font: bold 13pt Helvetica,Arial,Verdana,sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #0065ab;} .indent H3 {font: bold 11pt Helvetica,Arial,Verdana,sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #666666;} .indent H3.blue { color: #0065ab; } .indent H4.blue { color: #0065ab; } 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: Helvetica,Arial,sans-serif; font-size: 16pt; color: #285982; margin-left: 30px; font-weight: bold; } TD.fitHdr { font-family: Helvetica,Arial,sans-serif; font-size: 13pt; font-weight: bold; color: #0A53A5; } a { text-decoration: none; color: #0065ab;} a:hover { text-decoration: underline; color: #0065ab} 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.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:#007CD3;} .data td{vertical-align:top} TD.uiTip, FONT.uiTip, DIV.uiTip { font-family: Helvetica,Arial,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; } .uiError{ font-family: Helvetica,Arial,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: Helvetica,Arial,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 Helvetica,Arial,sans-serif;color: black;} .uiDrop{font:normal 12px Helvetica,Arial,sans-serif; color:black;vertical-align:middle} .uiFld{font:normal 12px Helvetica,Arial,sans-serif; color:black;vertical-align:middle} .uiDropSm{font:normal 10px Helvetica,Arial,sans-serif; color:black;vertical-align:middle} .uiFldSm{font:normal 10px Helvetica,Arial,sans-serif; color:black;vertical-align:middle} .uiBox em {font:normal 12px Helvetica,Arial,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;border-collapse:collapse;background-color:#FFFFFF;} tr.uiTblHdr th,td.uiTblHdr, table.uiTbl th {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, table.uiTbl td {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, .fldGrp span, .fldGrp li, .fldGrp label {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 {font-weight:bold; color:#666565} /*RadTech specific*/ .fldGrp p label small {font-size:12px} .fldGrp p label {display:block; position:absolute; left:-100px; top:0; width:98px; text-align:right; margin:3px 2px 0 0; } .fldGrp label.inline {display:inline; position:relative; top:-1px; left:0; text-align:left; width:auto; margin-left:10px; margin-right:3px} .fldGrp label.first[class*="inline"]{margin-left:0} /*supports class="inline first" */ .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; font:13px Arial,Helvetica,sans-serif;} .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 {border-collapse:collapse; } /*RadTech specific*/ .fldGrp table.inline td {white-space:nowrap; padding:0} .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:#666565} .fldGrp table.inline td label.first {margin-left:0} .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:black; margin-top:8px; margin-bottom:2px;} .fldGrp h4 {font:bold 13px Arial,Helvetica,sans-serif; color:#777676; margin-top:8px; margin-bottom:2px;} .fldGrp h3.noTopM, h4.noTopM {margin-top:0px;} .fldGrp .uiTip, .uiTip{font:12px Arial,Helvetica,sans-serif; color: black;} .fldGrp .uiTipSm {font-size:11px} .fldGrp span.disabled {color:#c6c6c6} .fldGrp div.uiError {margin-left:20px; margin-right:20px; width:auto} .fldGrp a:link, .fldGrp a:visited { display:block; text-decoration: none; color:#0065ab;} .fldGrp a:hover { display:block; text-decoration:underline; color:#0065ab; } div.when { padding-top:2px; padding-bottom:2px; width:200px; border:solid 1px #DCDCDC; } div.when p{position:relative; display:block; margin:0 0 1px 75px; vertical-align:middle; color:#555554; font:12px Arial,Helvetica,sans-serif; height:16px} div.when p label{display:block; position:absolute; left:-75px; top:-3px; width:71px; text-align:right; margin:3px 2px 0 0; vertical-align:middle; color:#3B3940; font:12px Arial,Helvetica,sans-serif;} div.when p span {padding-right:1px; line-height:100%} /*IE tweek if edit by blank. padding for IE8 line-height for IE9*/ .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:#FFFFFF; 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: Helvetica, Arial, sans-serif; color:#333333; line-height:130%; } #Copy ul { font-size:11px; } .dotDiv { background-image: url(/images/interface/global/dotsDiv.gif); background-repeat:repeat-x; height:25px; background-position: center; clear:both; } 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; } #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; -webkit-border-radius: 2px; -moz-border-radius: 2px;} 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; } 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; } @media print { #hdrNav.stuck, #hdr .account-nav.stuck { position:relative !important; top:0px; left:0px; margin:0px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { div.side-testimonial { display:none; } }