/**** Author: Christian Moist Copyright 2009 MCM Electronics ****/ /**** Tan Green dk tan: #928360 dk grn: #6C7A1C tan: #C3AF7E green: #899A23 lt tan: #E1D8C4 lt grn: #A1AF45 ****/ /**** reset ****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} *, html, body {color: #333; font: normal normal 300 12px Arial, Helvetica, Verdana, Sans-Serif} body {line-height: 1;} a:link, a:active, a:visited, a:hover {color: inherit; text-decoration: none;} a:hover {text-decoration: underline;} h1 {font-size: 200%; margin: 10px 0;} p {margin: 8px 0;} ul {list-style-image: none; list-style-position: outside; list-style-type: none;} ol {list-style-position: inside;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} tt, code, pre {font-family: "Courier New", Courier, monospace;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ strong, b {font-weight: 900;} i {font-style: italic;} sub {vertical-align: sub; font-size: smaller; line-height: normal;} sup {vertical-align: super; font-size: smaller; line-height: normal;} select {padding: 1px;} table th {text-align: left; font-weight: 900;} ::selection {background: #1591ad; color: #FFF;} ::-moz-selection {background: #1591ad; color: #FFF;} /**** utility/standard styles ****/ .clearb {clear: both; display: block;} .fleft {float: left;} .fright {float: right;} .dnone {display: none;} .dinline {display: inline;} .dblock {display: block;} .tright {text-align: right;} .tleft {text-align: left;} .tcenter {text-align: center;} .corners5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .corners5top {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;} .corners10 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .error, .confirm, .notice, .shipping-alert {display: block; margin: 10px 2px; padding: 5px; text-indent: 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: left;} .error {background: #FEF1EC url('/images/v4/icons/exclamation-frame.png') no-repeat 8px 5px; border: 1px solid #CD0A0A; color: #CD0A0A;} .confirm {background: #D8FFD3 url('/images/v4/icons/tick-circle-frame.png') no-repeat 8px 5px; border: 1px solid #337C2A; color: #337C2A;} .shipping-alert {background: #d6c398 url('/images/v4/icons/box-alert.png') no-repeat 8px 5px; border: 1px solid #333333; color: #333333; text-indent: 0; padding-left: 30px;} .notice {background: #444 url('/images/v4/icons/tick-circle-frame.png') no-repeat 8px 5px; border: 1px solid #000; color: #FFF;} .inline-error {color: #CD0A0A;} .inline-confirm {color: #337C2A;} .pdf {background: transparent url('/images/v4/icons/pdf-tiny.gif') no-repeat center left; padding: 5px 0 5px 20px;} .error p, .confirm p {margin: 0; color: inherit;} .green, .green * {color: #337C2A;} .red, .red * {color: #CD0A0A;} .body h2 {padding: 0 2px 20px 2px; margin: 0 0 5px 0; font: 300 18px Arial, Helvetica; color: #444; background: transparent url('/images/v4/v-divider.gif') no-repeat bottom left;} .body .heading {padding: 0 2px 20px 2px; margin: 0 0 5px 0; background: transparent url('/images/v4/v-divider.gif') no-repeat bottom left;} small, .small {font-size: 10px;} .border {border: 1px solid red;} .background {background-color: red;} .in-stock {padding-left: 15px; background: transparent url('/images/v4/icons/in-stock.gif') no-repeat 0 1px; color: #3cb301; font-weight: 900;} .not-in-stock {padding-left: 15px; background: transparent url('/images/v4/icons/not-in-stock.gif') no-repeat 0 1px; color: #CD0A0A; font-weight: 900;} .partial-stock {padding-left: 15px; background: transparent url('/images/v4/icons/partial-stock.gif') no-repeat 0 1px; color: #F8C807; font-weight: 900;} .faded {color: #999999;} .transparency {filter: alpha(opacity=25); -moz-opacity: .25; opacity: .25;} .white {color: #FFF;} a.external {background: url('/images/v4/icons/punchout-box.gif') center right no-repeat; padding-right: 13px;} /**** forms ****/ label {font-weight: 900;} .fun-form {background: transparent url('/images/v4/forms/fun-form.png') no-repeat 2px bottom; margin: 0;} .fun-form input {margin-bottom: 6px;} input.swap {color: #444;} input.focus {color: #9a9a9a;} input.submit {cursor: pointer; border: 1px solid #343434; background: #494949 url('/images/v4/forms/submit-bg.gif') repeat-x center center; color: #FFF; font-weight: 900; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} a.submit {cursor: pointer; border: 1px solid #343434; background: #494949 url('/images/v4/forms/submit-bg.gif') repeat-x center center; color: #FFF; font-weight: 900; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 5px; line-height: 22px; text-decoration: none;} input.submit2 {cursor: pointer; border: 1px solid #0c6276; background: #148aa5 url('/images/v4/forms/submit-bg-green.gif') repeat-x center center; color: #FFF; font-weight: 900; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} a.submit2 {cursor: pointer; border: 1px solid #0c6276; background: #148aa5 url('/images/v4/forms/submit-bg-green.gif') repeat-x center center; color: #FFF; font-weight: 900; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 5px; line-height: 22px; text-decoration: none;} input.fright {margin-left: 5px;} input.fleft {margin-right: 5px;} a#feedback_tab {background: #008AA5 url('/images/v4/forms/feedback-tab.png') no-repeat top left; color: #FFF; cursor: pointer; height: 102px; left: 0; margin-left: -7px; overflow: hidden; position: fixed; text-indent: -100000px; top: 25%; width: 34px; z-index: 100000;} a#feedback_tab:hover {margin-left: -3px; background-color: #444} /**** tables ****/ table caption {text-align: left; padding: 0 2px 20px 2px; margin: 0 0 5px 0; font: 300 18px Arial, Helvetica; color: #444; background: transparent url('/images/v4/v-divider.gif') no-repeat bottom left;} .table1 td, .table1 tr, .table1 th, .table2 td, .table2 tr, .table2 th, .table3 td, .table3 tr, .table3 th {padding: 2px;} .table2 td {border-bottom: 1px solid #CCC;} .table2 tr.last td {border-bottom: none;} .table3 {margin-top: 5px;} .table3 th {background-color: #E1D8C4; border-bottom: 1px solid #928360;} .table3 td {border-bottom: 1px solid #E1D8C4;} .table3 tr.last td {border-bottom: none;} .table3 td.pagination {font-weight: 900; text-align: right;} .table3 td.pagination a {font-weight: 300; text-decoration: underline;} /**** image treatments ****/ .image1 {border: 1px solid #444; margin: 4px;} /**** list treatments ****/ .discList {list-style: disc inside none;} /**** grid styles ****/ .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9, .w10, .w11, .w12 {float: left; margin: 0 10px; display: inline;} .hardleft {margin-left: 0;} .hardright {margin-right: 0;} .innertube {padding: 10px;} .w1 {width: 40px;} .w2 {width: 100px;} .w3 {width: 160px;} .w4 {width: 220px;} .w5 {width: 280px;} .w6 {width: 340px;} .w7 {width: 400px;} .w8 {width: 460px;} .w9 {width: 520px;} .w10 {width: 580px;} .w11 {width: 640px;} .w12 {width: 700px;} .w13 {width: 760px;} .w14 {width: 820px;} .w15 {width: 880px;} .w16 {width: 940px;} /**** layout styles ****/ body {background: #FFF url('/images/v4/body-bg.gif') repeat-x top center;} #container, #container-nomenu {position: relative; margin: 0 auto; overflow: hidden;} #header {margin: 0 auto; padding-bottom: 10px; position: relative; z-index: 3;} #container #header, #container-nomenu #header {padding-bottom: 0; position: absolute; top: 0; left: 0; z-index: 3;} #header #logo {margin: 16px 5px 8px 0; float: left; position: relative; width: 122px; height: 58px;} #header #logo a {display: block; background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat 0 0; width: 122px; height: 58px;} #header #logo a:hover {background-position: 0 -58px;} #header #contact {float: left; position: relative; top: 19px; background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat 0 -115px; width: 132px; height: 53px;} #header #head-promo {float: left; position: relative; top: 12px; left: 80px; width: 230px; height: 65px;} #header #head-promo a {display: block; background: transparent url('/images/v4/promo/free-shipping-header200.png') no-repeat center center; width: 230px; height: 65px;} #header #account {float: right; padding-left: 19px; background: transparent url('/images/v4/whtbar.png') no-repeat top left; position: absolute; top: 0; right: -7px; z-index: 4;} #header #account #whtbar-right {display: block; padding: 10px 19px 5px 0; background: transparent url('/images/v4/whtbar.png') no-repeat bottom right;} #header #account #whtbar-right span {background-color: #FFF;} #header #account #whtbar-right * {line-height: 16px;} #header #account .cart-info {text-align: right; padding-top: 5px;} #header #account .cart-info a.cart-description {padding: 0 0 0 22px; background: transparent url('/images/v4/icons/cart.png') no-repeat 0 0; line-height: 16px;} #header #account .cart-info a.view-cart {margin-left: 5px;} #_ctl0_Siteheader1_cart1_cellCheckoutButton a {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -508px -160px; height: 20px; width: 63px; display: block;} #_ctl0_Siteheader1_cart1_cellCheckoutButton a span {display: none;} #header #account .cart-contents {display: none; width: 300px; position: absolute; top: 50px; right: 7px; border: 1px solid #444; background-color: #f2ede3; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0;} #header #account .cart-contents .cart-contents-hide {height: 20px; width: 47px; background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat 0 -291px; position: absolute; top: -24px; right: -1px; padding: 4px 12px 0 0;} #header #account .cart-contents .cart-contents-hide a {color: #EEE;} #header #account .cart-contents-head {padding: 5px; color: #EEE; background-color: #212121; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;} #header #account .cart-contents-head a {padding: 0 0 0 24px; background: transparent url('/images/v4/icons/cart.png') no-repeat 0 0;} #header #account .cart-contents-head div, #header #account .cart-contents-head a {color: #EEE;} #header #account .cart-contents-head div img {cursor: pointer;} #header #account .cart-contents table {width: 100%;} #header #account .cart-contents th, #header #account .cart-contents td {padding: 1px 5px; line-height: auto; font-size: 11px;} #header #account #whtbar-right .user-info {margin-right: 25px;} #header #search-bar, #header #search-bar-mini {padding: 13px 0 13px 20px; background: #212121 url('/images/v4/help-bg.png') no-repeat center right; border: 1px solid #212121; text-align: center; height: 24px; color: #FFF; position: relative;} #header #help {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -360px -212px; height: 23px; width: 90px; display: block;} #header #help span {display: none;} #header #search-bar-mini {width: 678px;} #header #search-bar div, #header #search-bar-mini div {float: left; margin-right: 5px; font-size: 115%;} #header #search-bar div label, #header #search-bar-mini div label {color: #FFF; font-weight: 900;} #header #search-bar div .search-field {width: 485px;} #header #search-bar-mini div .search-field-small {width: 245px;} /*#header #search-bar div .search-field {width: 535px;} #header #search-bar-mini div .search-field-small {width: 295px;}*/ #header #search-bar-mini div select {padding: 1px;} #header #search-bar div #search-submit, #header #search-bar-mini div #search-submit {border: medium none; color: white; vertical-align: middle;} #header #search-bar div #advanced-search, #header #search-bar-mini div #advanced-search {color: #FFF; text-decoration: none; display: block; float: right; width: 50px; text-align: left; line-height: 12px;} /*help button*/ #header #search-bar #help, #header #search-bar-mini #help {float: right;} .body {margin: 0 auto;} #container .body {margin-top: 145px;} #container-nomenu .body {margin-top: 90px;} .body a:link, .body a:active, .body a:visited, .body a:hover {color: inherit; font-weight: inherit; text-decoration: underline;} .body a:hover {text-decoration: none;} .attribute-bar a:link, .attribute-bar a:active, .attribute-bar a:visited, .attribute-bar a:hover {color: inherit; text-decoration: none;} .attribute-bar a:hover {text-decoration: underline;} .attribute-bar #logged-out a:link, .attribute-bar #logged-out a:active, .attribute-bar #logged-out a:visited, .attribute-bar #logged-out a:hover {color: inherit; text-decoration: underline;} .attribute-bar #logged-out a:hover {text-decoration: none;} #footer {margin: 0 auto 10px; padding-top: 10px; position: relative;} #footer #footer-head {height: 27px; border: 1px solid #444; background: transparent url('/images/v4/footer-bg.png') repeat-x center center;} #footer #footer-links {padding: 0; position: relative; top: -22px;} #footer .link-list strong {color: #FFF; text-transform: uppercase; font-size: 110%; display: block; padding-bottom: 10px;} #footer .link-list ul li, #footer .link-list ul li * {line-height: 20px;} #footer .link-list ul li.vcard {margin-top: 10px;} #footer .link-list ul li.first {margin-top: 0;} #footer .link-list ul li a {text-decoration: none;} #footer .link-list ul li a:hover {text-decoration: underline;} #footer #copyright {text-align: center;} #footer #copyright #pf-logo {display: block; float: left; background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0px -276px; text-indent: -9000px; width: 61px; height: 15px; margin-left: 5px;} #footer #business-links {margin: 0 auto; width: 340px;} #footer #business-links a {display: block; float: left; margin: 20px 10px; padding: 0; text-indent: -9000px;} #footer #business-links a#mcafee {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 -168px; height: 44px; width: 124px;} #footer #business-links a#mcafee:hover {background-position: 0 -212px;} #footer #business-links a#verisign {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 -168px; height: 54px; width: 100px;} #footer #business-links a#verisign:hover {background-position: 0 -222px;} #footer #business-links a#bbb {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -103px -168px; height: 58px; width: 35px;} #footer #business-links a#bbb:hover {background-position: -103px -226px;} /**** element styles ****/ /**** category menu ****/ .body #catalog-menu-head {padding: 0; margin: 0; background: transparent url('/images/v4/tan/navbar-sprites-v0512.png') no-repeat 0 -56px; width: 220px;} .body #catalog-menu-head a {display: block; margin: 0; padding: 8px 15px 10px 8px; color: #FFF; text-shadow: 0 -1px 1px #444; text-decoration: none; font-size: 150%;} ul#catalog-menu {padding: 2px 4px 15px 4px; margin: 0; width: 212px; background: transparent url('/images/v4/navbar-bottom.png') no-repeat bottom left;} /**** category menu small ****/ ul#catalog-menu, ul#catalog-menu-small {position: relative;} ul#catalog-menu-small li .shop {height: 52px;} ul#catalog-menu-small li .shop a {height: 36px; background: transparent url('/images/v4/tan/navbar-sprites-v0512.png') no-repeat 0 -56px; display: block; padding: 8px 15px 8px 8px; font-size: 150%; color: #FFF; text-shadow: 0 -1px 1px #444;} ul#catalog-menu-small li.hover .shop a {background-position: 0 -108px;} ul#catalog-menu-small li .shop a:hover {text-decoration: none;} /* L1 of category menu and L2 of category menu small*/ ul#catalog-menu li ul.sub-menu, ul#catalog-menu-small li ul.sub-menu {width: 216px; visibility: hidden; position: absolute; top: 39px; left: 0; background: transparent url('/images/v4/navbar-bottom.png') no-repeat bottom left; padding: 3px 1px 15px 4px;} ul#catalog-menu li, ul#catalog-menu-small li ul li {font-weight: normal; color: #000; float: none; margin-right: 1px; position: relative;} ul#catalog-menu li a, ul#catalog-menu-small li ul li a {width: 205px; text-decoration: none; display: block; height: 21px; background: transparent url('/images/v4/tan/navbar-sprites-v0512.png') no-repeat 0 0; padding: 7px 5px 0 5px; margin-bottom: 3px; font-size: 110%; font-weight: 900;} ul#catalog-menu li a:hover, ul#catalog-menu li.hover a, ul#catalog-menu-small li ul li a:hover, ul#catalog-menu-small li ul li.hover a {background-position: 0 -28px; color: #FFF;} ul#catalog-menu-small li.hovering ul {visibility: visible;} /* L2 of category menu and L3 of category menu small - new categories */ ul#catalog-menu li ul, ul#catalog-menu-small ul ul {z-index: 2; width: 200px; visibility: hidden; position: absolute; top: 0; left: 214px; background-color: #313131; background-image: none; padding: 5px 10px; border: 1px solid #1f1f1f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;} ul#catalog-menu li ul li, ul#catalog-menu-small ul ul li {padding: 3px; border-bottom: 1px solid #000;} ul#catalog-menu li ul li.line-mask, ul#catalog-menu-small ul ul li.line-mask {padding: 0; position: absolute; top: 0; left: -1px; background-color: #313131; height: 26px; width: 1px;} ul#catalog-menu li ul li a, ul#catalog-menu-small ul ul li a, ul#catalog-menu li.hover ul li a, ul#catalog-menu-small ul li.hover ul li a {text-align: left; background: transparent none; width: auto; text-decoration: none; display: block; padding: 2px; color: #444; font-size: 90%; font-weight: 300; height: auto; margin: 0; color: #fff;} ul#catalog-menu li ul li a:hover, ul#catalog-menu-small ul li ul li a:hover {color: #FFF; text-decoration: underline; padding: 2px 2px 2px 5px;} ul#catalog-menu li ul li a.cat-head, ul#catalog-menu-small ul li ul li a.cat-head {font-weight: 300; padding-left: 0; font-size: 110%;} ul#catalog-menu li ul li a.cat-head:hover, ul#catalog-menu-small ul li ul li a.cat-head:hover {font-weight: 300; padding-left: 0; font-size: 110%; text-decoration: underline;} ul#catalog-menu li ul li a.more, ul#catalog-menu-small ul li ul li a.more {font-style: italic;} ul#catalog-menu li ul.promo, ul#catalog-menu-small ul ul.promo {background-image: url('/images/v4/promo/menu-promo-free-ship.gif'); background-repeat: repeat-x; background-position: top left; padding-top: 35px;} #tab_0000001662, #cat_0000001662, #catdd_0000001662 {display: none;} /* category menu and category menu small flyout positioning - new categories */ ul#catalog-menu-small ul ul#menu_0000000001, ul#catalog-menu ul#menu_0000000001, ul#catalog-menu-small ul ul#menu_0000000299, ul#catalog-menu ul#menu_0000000299, ul#catalog-menu-small ul ul#menu_0000000433, ul#catalog-menu ul#menu_0000000433 ul#catalog-menu-small ul ul#menu_0000000497, ul#catalog-menu ul#menu_0000000497 ul#catalog-menu-small ul ul#menu_0000000644, ul#catalog-menu ul#menu_0000000644 ul#catalog-menu-small ul ul#menu_0000000695, ul#catalog-menu ul#menu_0000000695 {top: 0;} ul#catalog-menu-small ul ul#menu_0000000759, ul#catalog-menu ul#menu_0000000759 {top: -23px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000000759 li.line-mask, ul#catalog-menu ul#menu_0000000759 li.line-mask {top: 23px;} ul#catalog-menu-small ul ul#menu_0000000898, ul#catalog-menu ul#menu_0000000898 {top: -108px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000000898 li.line-mask, ul#catalog-menu ul#menu_0000000898 li.line-mask {top: 108px;} ul#catalog-menu-small ul ul#menu_0000001023, ul#catalog-menu ul#menu_0000001023 {top: -58px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000001023 li.line-mask, ul#catalog-menu ul#menu_0000001023 li.line-mask {top: 58px;} ul#catalog-menu-small ul ul#menu_0000001165, ul#catalog-menu ul#menu_0000001165 {top: -143px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000001165 li.line-mask, ul#catalog-menu ul#menu_0000001165 li.line-mask {top: 143px;} ul#catalog-menu-small ul ul#menu_0000001217, ul#catalog-menu ul#menu_0000001217 {top: -120px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000001217 li.line-mask, ul#catalog-menu ul#menu_0000001217 li.line-mask {top: 120px;} ul#catalog-menu-small ul ul#menu_0000001269, ul#catalog-menu ul#menu_0000001269 {top: -383px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000001269 li.line-mask, ul#catalog-menu ul#menu_0000001269 li.line-mask {top: 383px;} ul#catalog-menu-small ul ul#menu_0000001518, ul#catalog-menu ul#menu_0000001518 {top: -225px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul ul#menu_0000001518 li.line-mask, ul#catalog-menu ul#menu_0000001518 li.line-mask {top: 225px;} ul#catalog-menu-small ul li#part-finder ul, ul#catalog-menu li#part-finder ul {top: -235px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} ul#catalog-menu-small ul li#part-finder ul *, ul#catalog-menu li#part-finder ul * {color: #FFF;} ul#catalog-menu-small ul li#part-finder ul a, ul#catalog-menu li#part-finder ul a {background:url('/images/v4/forms/submit-bg-green.gif') repeat-x scroll center center #148AA5; font-weight: 900; padding: 3px 5px;} ul#catalog-menu-small ul li#part-finder ul li, ul#catalog-menu li#part-finder ul li {border-bottom: none;} ul#catalog-menu-small ul li#part-finder ul li.line-mask, ul#catalog-menu li#part-finder ul li.line-mask {top: 235px;} /**** promo types ****/ .body .revolving-promo {height: 200px; margin-top: 8px; border: 1px solid #CCC;} .body .mini-promo {margin-top: 8px;} .body .mini-promo div a span, .body .mini-promo a span {display: none;} .body .mini-promo div, .body .mini-promo a {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 0; height: 35px; width: 220px; display: block;} .body .mini-promo a#rca-promo {background-image: none; height: 114px;} .body .mini-promo div a {background-image: none;} .body .mini-promo a#hotdeals {background-position: -138px 0px;} .body .mini-promo a#clearance {background-position: -138px -35px;} .body .mini-promo a#topsellers {background-position: -138px -70px;} .body .mini-promo a#newarrivals {background-position: -138px -105px;} .body .mini-promo #sociallinks {background-position: -138px -140px; position: relative; height: 35px;} .body .mini-promo #sociallinks a {display: block; position: absolute; width: 29px; height: 29px;} .body .mini-promo #sociallinks a#twitter {left: 50px; top: 3px;} .body .mini-promo #sociallinks a#facebook {left: 90px; top: 3px;} .body .mini-promo #sociallinks a#linkedin {left: 131px; top: 3px;} .body .mini-promo #sociallinks a#youtube {left: 171px; top: 3px;} .body .secondary-promo {background-color: #F3F3F3; border: 1px solid #B3B3B3; margin-bottom: 15px; padding: 15px 0;} .body .secondary-promo label {font-weight: 900; display: block; font-family: Verdana, Arial, Sans-Serif;} .body .secondary-promo input {vertical-align: middle;} .body .secondary-promo p, .body .secondary-promo ul {padding: 5px 12px 0 12px; margin: 0;} .body .secondary-promo ul li {padding: 0 0 10px 0;} .body .secondary-promo ul li b, .body .secondary-promo ul li b a {font-family: Verdana, Arial, Sans-Serif;} /**** specific promo details ****/ .body #email-signup h3, .body #email-signup h4 {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -138px -212px; height: 28px; width: 218px;} .body #print-promo h3, .body #print-promo h4 {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -138px -180px; height: 28px; width: 218px;} .body #print-promo ul li div.image {width: 45px; height: 60px; margin-right: 5px; float: left; background-color: #CCC; border: 1px solid #444;} .body #print-promo ul li div.image img {width: 45px; height: 60px;} .body #quick-buy h3, .body #quick-buy h4 {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -138px -245px; height: 28px; width: 218px;} .body #quick-buy table {margin: 0 15px;} /**** category and search pages ****/ .body .header-bg {background-color: #e1d8c4; border-bottom: 1px solid #928360; position: relative;} .body h1 {z-index: 2; margin: 5px 0 5px 10px; float: left; color: #212121;} .body h1 small, .body h2 small {display: block; font-size: 12px; margin-top: 4px;} .body #breadcrumbs {float: right; padding: 8px;} .body #breadcrumbs li {float: left; margin-left: 20px; list-style-image: url('/images/v4/tan/icons/breadcrumb.gif'); position: relative;} .body #breadcrumbs li ul {display: none; position: absolute; top: 15px; right: 0px; width: 150px; z-index: 2;} .body #breadcrumbs li:hover ul, /* lists nested under hovered list items */ .body #breadcrumbs li.over ul {display: block; background-color: #EEE; border: 1px solid #444; padding: 3px 3px 3px 5px;} .body #breadcrumbs li ul li {text-align: left; clear: left; padding: 0; margin: 0 0 5px 20px; list-style-position: outside;} /* Show list items one per line */ .body #breadcrumbs li ul li a {text-decoration: none;} .body #breadcrumbs li ul li a:hover {text-decoration: underline;} .body ol#breadcrumbs li {margin-left: 10px; list-style-image: none; list-style-type: decimal; list-style-position: inside;} .body #breadcrumbs li.first {list-style-image: none; margin-left: 0;} .body #breadcrumbs li a {text-decoration: underline;} .body #breadcrumbs li a.active {font-weight: bold;} .body .attribute-bar {background-color: #C3AF7E; padding: 10px 0 0 0; border: 2px solid #C3AF7E;} .body .attribute-bar .attributes p {font-size: 12px;} .body .attribute-bar .attributes, .body .attribute-bar .refinements {border: 3px solid #FFF; background-color: #EEE; padding: 6px 5px 25px 5px;} .body .attribute-bar .attributes ul li {margin-left: 15px; list-style-image: url('/images/v4/tan/icons/plus.gif'); list-style-type: square; padding: 2px 0;} .body .attribute-bar .refinements ul li {list-style-image: none; list-style-type: none; margin-left: 5px;} .body .attribute-bar .refinements ul li.active {margin-left: 5px; list-style-image: none; list-style-type: none;} .body .attribute-bar .attributes ul li.active {list-style-image: url('/images/v4/icons/minus.gif');} .body .attribute-bar .attributes ul.subcats {font-weight: 300;} .body .attribute-bar .attributes ul.subcats li {list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 5px;} .body .attribute-bar .attributes ul.subcats li a, .body .attribute-bar .attributes ul li a {text-decoration: none;} .body .attribute-bar .attributes ul li a:hover {text-decoration: underline;} .body .attribute-bar .attributes ul li a.active {padding: 2px; background-color: #999; color: #FFF;} .body .attribute-bar .attribute-selected {color: #636563; padding: 0 2px 20px 2px; margin: 0 5px 5px 0; background: transparent url('/images/v4/v-divider.gif') no-repeat bottom right;} .body .attribute-bar .attribute-selected ul li img {padding-right: 5px;} .body .attribute-bar .refine-button {padding: 14px 0px 0px 4px; margin-bottom: 20px; text-align: right;} .body .attribute-bar #_ctl0_ct1_K {width: 135px;} .body #wide-col {width: 720px;} .body #topbar, .body #topbar-left, .body #topbar-right {position: relative; background: #C3AF7E url('/images/v4/tan/bar-bg.gif') no-repeat top right; text-align: right; padding: 5px 10px; color: #444; line-height: 25px; height: 25px;} .body #topbar-right {background-position: top left; text-align: left;} .body #topbar {background: #C3AF7E none; text-align: left;} .body #topbar-left a, .body #topbar-right a {color: inherit; text-decoration: underline;} .body #topbar-left a:hover, .body #topbar-right a:hover {text-decoration: none;} #category-page #mfr-bar {background: #EEE url('/images/v4/mfr-bar-bg.gif') repeat-x center right; height: 39px; border-right: 1px solid #C1C1C1; padding: 1px;} #category-page #mfr-bar img {float: left; margin-right: 5px;} #category-page #mfr-bar ul, #category-page #mfr-bar ul li {float: left;} #category-page #mfr-bar ul li a.logo {margin: 0 15px; font-weight: 900; line-height: 39px;} #category-page .category-list {padding: 10px 20px;} #category-page .category-list li {width: 160px; margin: 5px 10px 20px 0; float: left;} #category-page .category-list li h4 a {font-weight: 900; padding-top: 90px; background: transparent url('/images/v4/icons/no-image.gif') no-repeat 0 0; display: block;} #category-page .category-list li ul li {float: none; height: auto; margin: 0;} #category-page .category-list li ul li a {display: block; border-top: 1px solid #E4E4E4; margin: 0; padding: 1px 0 1px 3px;} #category-page .category-list li ul li a:hover {background-color: #E4E4E4;} #category-page .category-list li ul li.catSubHidden {display: none;} #category-page .category-list a {text-decoration: none;} #category-page .category-list a:hover {text-decoration: underline;} #category-page #mybuyspagezone1, #category-page .seo-panel {margin: 10px 20px;} #category-page .seo-panel img {margin: 0 10px 10px 0;} #search-page .info-bar, #promo-page .info-bar {background-color: #EEE; height: 39px;} #search-page .info-bar td, #promo-page .info-bar td {vertical-align: middle; text-align: center; padding: 0 5px;} #search-page .info-bar td:first-child, #promo-page .info-bar td:first-child {text-align: left;} #search-page .info-bar td.pagination, #promo-page .info-bar td.pagination {font-weight: 900; text-align: right;} #search-page .info-bar td.pagination a, #promo-page .info-bar td.pagination a {font-weight: 300; text-decoration: underline; padding: 0 2px;} #search-page .info-bar td.pagination a.active, #promo-page .info-bar td.pagination a.active {font-weight: 900; text-decoration: none;} #search-page .info-bar td a.grid-view, #promo-page .info-bar td a.grid-view {padding: 2px 4px 2px 18px; background: transparent url('/images/v4/icons/grid-view.png') no-repeat 3px 3px; margin-right: 8px;} #search-page .info-bar td a.list-view, #promo-page .info-bar td a.list-view {padding: 2px 4px 2px 18px; background: transparent url('/images/v4/icons/list-view.png') no-repeat 3px 3px;} #search-page .info-bar td a.active, #promo-page .info-bar td a.active {background-color: #CCC; font-weight: 900;} #search-page .result-list, #product-page .result-list {width: 710px; text-align: left; margin-left: 10px; font-size: 11px;} #promo-page .result-list {width: 100%;} .result-list th {background-color: #d0cdba; padding: 3px 3px 20px 5px; font-weight: 900; border-left: 1px solid #EEE; text-align: left;} .result-list thead td {padding: 2px;} .result-list tbody td {vertical-align: top; padding: 5px; border-bottom: 1px solid #EEE;} .result-list tbody td p {margin: 0;} .result-list tbody td.image {width: 62px; text-align: center;} .result-list tbody td.image div span {display: none;} .result-list tbody td.image div.gallerycontainer span {display: inline;} .result-list tbody td.description {width: 365px;} .result-list tbody td.description p.title a {font-weight: 900; font-size: 110%;} .result-list tbody td.stocklevel {width: 100px;} .result-list tbody td.pricing {width: 80px; text-align: right;} .result-list tbody td.pricing p {font-weight: 900;} .result-list tbody td.pricing .breaks td {padding: 0 0 0 2px; border: none;} .result-list tbody td.buy {width: 85px;} .result-list tbody td.buy input {vertical-align: middle; margin-left: 2px;} .result-list tbody tr.last td {border-bottom: none;} #promo-page .result-list tbody td.description {width: 565px;} #search-page #no-result-suggestions li {list-style-type: none; background: transparent url('/images/v4/icons/light-bulb.gif') no-repeat center left; padding: 4px 0 4px 20px;} #search-page .seo-panel {padding: 10px;} #search-page .seo-panel img {padding: 5px; background-color: #FFF;} #search-page .seo-panel h2 {background-image: none; font-size: 14px; font-weight: 900; padding-bottom: 5px; border-bottom: 1px solid #444;} /*****Bits for enlarged image in search results******/ .gallerycontainer {position: relative;} .gallerycontainer .thumbnail img {border: 1px solid #FFF; margin: 0; z-index: 1;} .gallerycontainer .thumbnail:hover {background-color: transparent;} .gallerycontainer .thumbnail:hover span {border: 2px solid #444;} .thumbnail span {position: absolute; visibility: hidden; text-decoration: none;} .thumbnail span img.prod-image {border-width: 0;} .thumbnail:hover span {background-color: #FFF; visibility: visible; top: 17px; left: 75px; z-index: 250;} .thumbnail span img.punchout {position: absolute; top: 5px; left: -26px; border: none;} /**** product page ****/ #product-page {background: transparent url('/images/v4/product-bg.gif') repeat-y center right;} #product-page h2 {color: #212121; border-bottom: 1px solid #CCC; font-size: 160%; font-weight: 300; margin: 10px 5px 0 5px; padding: 0 0 0 20px; background: transparent url('/images/v4/icons/tag-arrow.gif') no-repeat scroll 1px 4px;} #product-page h2#description {background-image: url('/images/v4/icons/document-text-arrow.gif');} #product-page h2#reviews {background-image: url('/images/v4/icons/comment-arrow.gif');} #product-page .product-data {padding: 5px 10px; line-height: 18px;} #product-page .product-data table {border-spacing: 2px; border-collapse: separate;} #product-page .product-data table th, #product-page .product-data table td {padding: 4px;} #product-page .product-data table th {font-weight: 900;} #product-page #img-desc {position: relative;} #product-page #img-desc .hot-deal {position: absolute; top: -20px; left: 220px; z-index: 1;} #product-page .product-data ul, #product-page #img-desc p ul {list-style: disc inside none; margin-bottom: 10px;} #product-page .product-data ul ul, #product-page #img-desc p ul ul {margin-bottom: 0;} #product-page .product-data li, #product-page #img-desc li {list-style: disc outside none; margin-left: 15px;} #product-page .product-data li li, #product-page #img-desc li li {list-style-type: circle; padding-left: 10px;} #product-page .product-data a, #product-page #buy-column a {text-decoration: underline;} #product-page .product-data a:hover, #product-page #buy-column a:hover {text-decoration: none;} #product-page .user-id-box {padding: 10px 0 0 5px; font-size: 120%;} #product-page .comment-content .top10, #product-page .comment-content .top25 {padding: 2px 5px 2px 20px; font-size: 80%; float: right; background: #FFF url('/images/icon_star_on_small.gif') no-repeat scroll 3px 1px;} #product-page .comment-content .top10 {border: 1px solid #FF6600;} #product-page .comment-content .top25 {border: 1px solid #CCC;} #product-page .comment-content {padding: 5px 25px 5px 15px; background: transparent url('/images/v4/comment-middle.gif') repeat-y top left;} #product-page .comment-content p {padding: 5px 0; line-height: 16px; background-color: transparent;} #product-page .comment-top {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 -324px; height: 17px;} #product-page .comment-bottom {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 -341px; height: 7px; margin: 0; padding: 0;} #product-page #info-column {padding: 5px 0;} #product-page #info-column #img-desc {background: transparent url('/images/v4/product-image-bg.gif') repeat-x center bottom; padding: 0 10px 10px 10px;} #product-page #info-column #img-desc #main-img, #product-page #info-column #img-desc #main-no-img {background: #FFF url('/images/v4/icons/no-image-large.gif') no-repeat center center; border: 1px solid #444; height: 250px; text-align: left; width: 250px; margin-right: 10px;} #product-page #info-column .printable-image {display: none;} #product-page #img-desc ul#second-images li {background: #FFF url('/images/v4/icons/no-image.gif') no-repeat center center; border: 1px solid #444; float: left; height: 60px; margin: 8px 8px 0 0; width: 60px; list-style-image: none; list-style-position: outside; list-style-type: none;} #product-page #tag-container li {float: left; margin: 18px 15px 10px 0;} #product-page #tag-container li a {padding: 5px 10px 5px 25px; border: 1px solid #CCC; background: #EEE url('/images/v4/icons/magnifier.png') no-repeat 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #product-page #buy-column {padding: 0; width: 300px;} #product-page #single-price {border-bottom: 1px solid #CCC; font-size: 30px; margin-bottom: 10px; padding-bottom: 5px;} #product-page #single-price sup {font-size: 14px;} #product-page #single-price div {font-size: 12px;} #product-page #price-break th, #product-page #price-break td {padding: 3px; font-size: 11px; text-align: left;} #product-page #price-break th {border-bottom: 1px solid #CCC; font-weight: 900;} #product-page #add-to-cart, #product-page #stock-level {margin: 25px 0 10px; padding: 0 15px;} #product-page input.qty {height: 25px; margin: 0 15px 0 0; padding: 5px; width: 60px; font-size: 18px;} #product-page #buy-column #add-to-cart .action-buttons {padding: 8px 0 0 0;} #product-page #buy-column #add-to-cart .action-buttons li {padding: 5px 0 0 0;} #product-page .action-buttons li a {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll 0 0; height: 28px; width: 240px; display: block;} #product-page .action-buttons li a:hover {filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;} #product-page .action-buttons li a span {display: none;} #product-page .action-buttons li a#addreview {background-position: -358px -112px;} #product-page .action-buttons li a#emailthisitem {background-position: -358px -84px;} #product-page .action-buttons li a#addtofavs {background-position: -358px -28px;} #product-page .action-buttons li a#addedtofavs {background-position: -358px 0px;} #product-page .action-buttons li a#printthispage {background-position: -358px -56px;} #product-page .action-buttons li a#viewcatpage {background-position: -358px -239px;} #product-page #stock-level #stock-icon {text-align: center; width: 100px;} #product-page #stock-desc {width: 140px;} #product-page #cust-promo {margin-top: 30px; text-align: center;} #product-page #cust-promo a {margin: 0 5px;} #product-page .spec-data {margin-top: 20px; font-family: Verdana, Arial, Sans-Serif;} #product-page .spec-data th, #product-page .spec-data td {padding: 3px; font-family: inherit;} #product-page .spec-data .spec-data-head {border-bottom: 1px solid #CCC; font-weight: 900; padding-top: 5px;} #product-page .spec-data #pdf-bar a.pdf {display: block; float: left; font-weight: 900; margin: 10px 10px; padding: 30px 0 0; text-align: center; background: transparent url('/images/v4/icons/pdf-small.gif') no-repeat top center; text-indent: 0;} #product-page .spec-data #pdf-bar p {text-align: center;} #product-page .mcm-info {background-color: #FFF; border: 1px solid #444; margin: 15px auto 0; text-align: left;} #product-page .mcm-info h3 {background-color: #CCC; color: #444; font-size: 120%; font-weight: 900; padding: 4px;} #product-page .mcm-info ul li {background: transparent url('/images/v4/icons/li-dot.gif') no-repeat 0 2px; margin: 6px; padding-left: 14px;} #product-page .result-list {width: 620px;} #product-page .result-list td.buy {width: 100px; text-align: right;} #product-page .result-list td.buy a {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -358px -180px; width: 100px; height: 28px; display: block;} #product-page .result-list td.buy a span {display: none;} /**** account page ****/ #account-page ul#my-account, #account-page ul#admin-options, #account-page #account-updates, #account-page .table2, #account-page .table3 {margin-bottom: 20px;} #account-page #account-updates div {margin: 0 5px 5px 0;} #account-page .attributes ul li {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 3px;} #account-page #order-refine div {margin-right: 5px;} #account-page .gallerycontainer {width: 30px; height: 30px; border: 1px solid #444; margin-right: 4px;} #account-page .gallerycontainer .thumbnail:hover span {left: 55px;} #login-page, #forgot-password-page, #view-order-page {padding-bottom: 40px;} #register-page #wide-col {width: 660px;} #account-page input[type="text"], #account-page input[type="password"], #account-page textarea {width: 300px;} #register-page input[type="text"], #register-page input[type="password"], #register-page textarea {width: 300px;} /**** help center pages ****/ #help-page b.head {font: normal normal 900 14px arial, verdana; border-bottom: 1px dashed #444; margin: 10px 0 5px 0; display: block; padding: 0;} /**** checkout pages ****/ #basket-page #wide-col, #shipping-page #wide-col, #billing-page #wide-col, #summary-page #wide-col, #confirm-page #wide-col {width: 660px;} #basket-page .result-list {width: 100%;} #basket-page .result-list tbody td.quantity {width: 80px;} #basket-page .result-list tbody td.description {width: 380px;} #basket-page #shipping-method, #basket-page #source-code, #basket-page #order-details {margin-bottom: 15px;} #basket-page #source-code #applied-codes, #basket-page #source-code #applied-codes ul {margin-top: 5px;} #basket-page .checkout-button, #shipping-page .checkout-button, #billing-page .checkout-button, #summary-page .checkout-button, #confirm-page .checkout-button {margin: 15px 0;} #basket-page #applied-codes li {float: left; padding: 2px 3px; margin: 0 3px 2px 0; list-style-image: none; list-style-type: none; background-color: #CCC; color: #444;} #basket-page #mybuyspagezone1 {margin: 10px;} #shipping-page input[type="text"], #shipping-page select, #shipping-page textarea, #billing-page input[type="text"], #billing-page select, #billing-page textarea {width: 300px;} /**** promo pages ****/ #hotdeals-page .header-bg * {color: #d51907;} #clearance-page .header-bg * {color: #d54807;} #topsellers-page .header-bg * {color: #893908;} #newarrivals-page .header-bg * {color: #4f9d09;} #default-page #mybuyspagezone1 {width: 450px; overflow: hidden;} #default-page #sony-special {background: transparent url('/images/v4/promo/sonyMemorialPromo.png') no-repeat bottom center; width: 460px; height: 200px; position: relative;} #default-page #sony-special div {position: absolute; left: 280px; top: 35px; width: 160px;} #default-page #sony-special table {position: absolute; left: 5px; top: 100px; width: 300px;} #default-page #sony-special table tr td, #default-page #sony-special table tr th {padding: 2px;} #default-page #sony-special table tr th {vertical-align: bottom; text-align: center;} #default-page #sony-special table .learn {vertical-align: bottom;} #default-page #sony-special table .learn a {border: 1px solid #FFF; background-color: #14459f; color: #FFF; padding: 0 2px; text-decoration: none; box-shadow: 0 0 2px #14459f; -moz-box-shadow: 0 0 2px #14459f; -webkit-box-shadow: 0 0 2px #14459f; font-size: 10px;} /**** misc content pages ****/ #contact-page h2 {margin-top: 15px;} #testimonials-page #testimonialBox {border: 1px solid #CCCCCC; padding: 1px; background: #FFFFFF url("/images/v4/top-down-bg.gif") repeat-x top center;} #testimonials-page #testimonialBox ul {margin: 0; padding: 10px;} #testimonials-page #testimonialBox li {list-style-type: none; margin: 0 10px 10px 10px; width: 425px; display: block; float: left;} #testimonials-page #testimonialBox li.underscore {border-bottom: 1px solid #CCCCCC; clear: both; width: 850px;} #testimonials-page #testimonialBox li span.comment {margin: 0; padding: 0 0 0 15px; ; background: transparent url("/images/v4/icons/lquote.gif") no-repeat top left; line-height: 16px;} #testimonials-page #testimonialBox li span span.quote_end {margin: 0; padding: 0 7px; width: 10px; height: 10px; background: transparent url("/images/v4/icons/rquote.gif") no-repeat top right;} #testimonials-page #testimonialBox div.stars {margin: 5px 0; text-align: right;} #testimonials-page #testimonialBox div.date {background: none; color: #444444; margin-bottom: 10px; text-align: right;} #testimonials-page #testimonialBox div.date span {padding: 0; background: none; color: #000000;} #sitemap-page li {font-weight: 900; margin-bottom: 15px; float: left; overflow: hidden; width: 225px; text-decoration: underline;} #sitemap-page li li {font-weight: 300; margin-bottom: auto; padding-left: 10px; float: none; width: auto;} #eproc-page ul li {list-style: disc outside none; margin-left: 15px;} #diy-page {margin: 10px 0;} #diy-page #diy-nav {float: right; width: 20%; border-left: 1px dashed #CCC; padding-left: 20px;} #diy-page #diy-nav * {line-height: 18px;} #diy-page #diy-content {float: left; width: 75%; overflow: hidden;} #diy-page h1 {margin: 0 0 20px 0; float: none;} #diy-page #diy-nav h2 {margin: 25px 0 0 0;} #diy-page h3 {padding: 5px; background: #CCC; margin: 5px 0; font-weight: 900; font-size: 115%;} #diy-page ol li {list-style-position: outside; margin-left: 20px;} #diy-page table td, #diy-page table th {border-bottom: 1px solid #EEE; padding: 5px;} #diy-page table th {background-color: #444; color: #FFF;} #diy-page .solution {padding-left: 15px; margin: 40px 0 0;} /**** feedback form widget ****/ #feedback-form {margin: 20px 30px 0 30px;} #feedback-form li {float: left; margin-right: 5px; cursor: pointer;} #feedback-form label {display: block; margin-bottom: 5px; margin-top: 5px; cursor: inherit;} #feedback-form input, #feedback-form textarea, #feedback-form select {margin-bottom: 10px;} #feedback-form .fancy-radios li {background-color: #CCC; padding: 7px; width: 20%; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #feedback-form .fancy-radios li.selected, #feedback-form .fancy-radios li.selected * {background-color: #444; color: #FFF;} #feedback-form .fancy-radios li.selected {border: 2px solid #000;} #feedback-form .fancy-radios li input {display: block; margin: 0 auto 5px;} /**** plugins, etc ****/ /* ColorBox Core Style - Do Not Change - http://colorpowered.com/colorbox/*/ #colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;} #cboxOverlay {position: fixed; width: 100%; height: 100%;} #cboxMiddleLeft, #cboxBottomLeft {clear: left;} #cboxContent {position: relative; overflow: hidden;} #cboxLoadedContent {overflow: auto;} #cboxLoadedContent iframe {display: block; width: 100%; height: 100%; border: 0;} #cboxTitle {margin: 0;} #cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;} /* ColorBox User Style - May Change */ #cboxOverlay {background: url('/images/v4/plugins/colorbox/overlay.png') 0 0 repeat;} #colorbox {} #cboxTopLeft {width: 21px; height: 21px; background: url('/images/v4/plugins/colorbox/controls.png') -100px 0 no-repeat;} #cboxTopRight {width: 21px; height: 21px; background: url('/images/v4/plugins/colorbox/controls.png') -129px 0 no-repeat;} #cboxBottomLeft {width: 21px; height: 21px; background: url('/images/v4/plugins/colorbox/controls.png') -100px -29px no-repeat;} #cboxBottomRight {width: 21px; height: 21px; background: url('/images/v4/plugins/colorbox/controls.png') -129px -29px no-repeat;} #cboxMiddleLeft {width: 21px; background: url('/images/v4/plugins/colorbox/controls.png') left top repeat-y;} #cboxMiddleRight {width: 21px; background: url('/images/v4/plugins/colorbox/controls.png') right top repeat-y;} #cboxTopCenter {height: 21px; background: url('/images/v4/plugins/colorbox/border.png') 0 0 repeat-x;} #cboxBottomCenter {height: 21px; background: url('/images/v4/plugins/colorbox/border.png') 0 -29px repeat-x;} #cboxContent {background: #fff;} #cboxLoadedContent {margin-bottom: 28px;} #cboxTitle {position: absolute; bottom: 3px; left: 0; text-align: center; width: 100%; color: #949494;} #cboxCurrent {position: absolute; bottom: 3px; left: 58px; color: #949494;} #cboxSlideshow {position: absolute; bottom: 3px; right: 30px; color: #0092ef;} #cboxPrevious {position: absolute; bottom: 0; left: 0px; background: url('/images/v4/plugins/colorbox/controls.png') -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxPrevious.hover {background-position: -75px -25px;} #cboxNext {position: absolute; bottom: 0; left: 27px; background: url('/images/v4/plugins/colorbox/controls.png') -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxNext.hover {background-position: -50px -25px;} #cboxLoadingOverlay {background: url('/images/v4/plugins/colorbox/loading_background.png') center center no-repeat;} #cboxLoadingGraphic {background: url('/images/v4/plugins/colorbox/loading.gif') center center no-repeat;} #cboxClose {position: absolute; bottom: 0; right: 0; background: url('/images/v4/plugins/colorbox/controls.png') -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxClose.hover {background-position: -25px -25px;} /* ColorBox Fix For IE6 - Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/v4/plugins/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} #priorityitemContainer {margin: 5px;} #candyContainer {clear: both; margin: 10px; height: 176px; border: 1px solid #A4A4A4; background: #FFF url('/images/v4/promo/candy/candy-bg.gif') repeat-x bottom left; padding: 0; text-align: left;} #candyContainer .other_item_head {background-color: #C3AF7E; color: #FFF; font-weight: 900; padding: 8px;} #candyContainer ul {list-style-type: none; padding: 0; margin: 0;} #candyContainer li {display: block; width: 24%; height: 40px; float: left; text-align: left;} #candyContainer li div {height: 135px; padding: 5px; background: transparent url('/images/v4/promo/candy/great-deal-seal.png') no-repeat bottom left; font-weight: 300; overflow: hidden;} #candyContainer li div .regPrice {font-family: Arial, Verdana; font-weight: 300; font-size: 11px; display: block; text-align: right;} #priorityitemContainer b.price, #candyContainer b.price {font-family: Arial, Verdana; font-size: 14px; font-weight: 900; clear: right; color: #FF0000; display: block; text-align: right;} #priorityitemContainer b.price sup, #candyContainer b.price sup {font-size: 10px; text-align: left; font-weight: 300;} #priorityitemContainer div.image, #candyContainer div.image {float: left; height: 70px; background: none;} #priorityitemContainer div.image img, #candyContainer div.image img {float: left; margin-right: 5px;} #candyContainer .normal a:link, #candyContainer .normal a:active, #candyContainer .normal a:hover, #candyContainer .normal a:visited {text-align: left; font-weight: 300; color: #000000;} ul.homepage-promo {width: 460px; height: 217px; overflow: hidden; background: transparent url('/images/v4/promo/upsell-bg.gif') repeat-x top left;} ul.homepage-promo li {float: left; width: 142px; height: 217px; text-align: center; padding: 0 5px;} ul.homepage-promo li .image {height: 115px; overflow: hidden; text-align: center;} ul.homepage-promo li .order-number {font-size: 10px;} ul.homepage-promo li div.buy {text-align: center;} ul.homepage-promo li div.buy a {background: transparent url('/images/v4/template-sprites-v0628.png') no-repeat scroll -508px -140px; width: 82px; height: 19px; display: block; margin: 0 auto;} ul.homepage-promo li div.buy a span {display: none;} #hotdeals-page ul.homepage-promo, #clearance-page ul.homepage-promo, #topsellers-page ul.homepage-promo, #newarrivals-page ul.homepage-promo {width: 600px; height: auto; margin-bottom: 15px; overflow: hidden;} #hotdeals-page ul.homepage-promo li, #clearance-page ul.homepage-promo li, #topsellers-page ul.homepage-promo li, #newarrivals-page ul.homepage-promo li {position: relative; width: 180px; height: 300px; background: transparent url('/images/v4/promo/upsell-bg-large.gif') repeat-x top left; padding: 10px 10px;} #hotdeals-page ul.homepage-promo li .image, #clearance-page ul.homepage-promo li .image, #topsellers-page ul.homepage-promo li .image, #newarrivals-page ul.homepage-promo li .image {position: relative; height: 160px;} #hotdeals-page ul.homepage-promo li .hot-deal {position: absolute; top: 0px; right: 10px; z-index: 1;} #ipodPageWrapper {position: relative; margin: 0; padding: 0; background: #FFFFFF url('/images/promo/ipod_battery/ipodPageBG.gif') no-repeat top center;} #ipodPageWrapper #title h1 {font: normal 900 40px "Century Gothic", Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; margin: 0; padding: 0 0 0 140px;} #ipodRefContainer {position: relative; clear: both;} #ipodRefContainer div {margin: 10px 0 0 10px; padding-left: 80px;} #ipodRefContainer div div {margin: 0; padding: 0 15px 0 0; text-align: right;} #ipodRefContainer #ThirdGen {background: transparent url('/images/promo/ipod_battery/3rdGen.gif') no-repeat top left;} #ipodRefContainer #Mini {background: transparent url('/images/promo/ipod_battery/miniGrn.gif') no-repeat top left;} #ipodRefContainer #FourthGen {background: transparent url('/images/promo/ipod_battery/4thGen.gif') no-repeat top left;} #ipodRefContainer #Nano {background: transparent url('/images/promo/ipod_battery/nano.gif') no-repeat top left;} #ipodRefContainer #FifthGen {background: transparent url('/images/promo/ipod_battery/5thGen.gif') no-repeat top left;} #ipodRefContainer #iPhone {background: transparent url('/images/promo/ipod_battery/iPhone.gif') no-repeat top left; height: 130px;} #ipodRefContainer h2 {font: normal 900 24px "Century Gothic", Arial, Verdana, Helvetica, sans-serif; color: #363636; letter-spacing: -.08em; margin: 0; padding: 0; background: none;} #ipodRefContainer span {font: normal 900 12px Arial, Verdana, Helvetica, sans-serif; color: #363636; margin: 0 0 4px 0; padding: 0; display: block;} #ipodRefContainer table {border: 1px solid #CCCCCC; width: 98%;} #ipodRefContainer th, #ipodRefContainer td {color: #363636; font-weight: 300; margin: 0; padding: 2px; background: #EEEEEE; text-align: center; vertical-align: top;} #ipodRefContainer th img, #ipodRefContainer td img {vertical-align: middle;} #ipodRefContainer th {color: #FFFFFF; font-weight: 900; background: #465732 url('/images/promo/ipod_battery/tableHead.gif') repeat-x top center;} #ipodRefContainer .thumbnail {position: relative; z-index: 0;} #ipodRefContainer .thumbnail:hover {background-color: transparent; z-index: 50;} #ipodRefContainer .thumbnail img {border: 0;} #ipodRefContainer .thumbnail span {position: absolute; background-color: #FFFFFF; padding: 5px; left: -1000px; border: 1px solid #363636; visibility: hidden; color: black; text-decoration: none;} #ipodRefContainer .thumbnail span img {border: 0; padding: 15px;} #ipodRefContainer .thumbnail:hover span {visibility: visible; top: 0; left: 18px;} table.tablesorter thead tr .header {background-image: url('/images/v4/icons/tablesorter/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer;} table.tablesorter tbody tr.odd td {background-color: #F0F0F6;} table.tablesorter thead tr .headerSortUp {background-image: url('/images/v4/icons/tablesorter/asc.gif');} table.tablesorter thead tr .headerSortDown {background-image: url('/images/v4/icons/tablesorter/desc.gif');} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #CEC6B5;} /* SLI Styles .autocomplete {visibility: hidden; font-family: Tahoma; font-size: 8pt; background-color: white; border: 1px solid black; position: absolute; cursor: default; overflow: auto; overflow-x: hidden; text-align: left !important;} .autocomplete_item, .autocomplete_item_highlighted {padding: 1px; padding-left: 5px; color: black;} .autocomplete_item_highlighted {background-color: #FEFFAF;} div.autocomplete_footer {margin-top: 2px; padding-left: 4px; border-top: 1px solid gray; padding-top: 1px; padding-bottom: 1px;} div.autocomplete_footer IMG.autocomplete_footer_branding {height: 15px; width: 150px;} img.autocomplete_footer_branding {border: 0px;} */ /* Print Styles */ @media print { * {background-image: none;} body {font-family: Georgia, serif; background: none; color: black;} .body {width: auto; margin: 0 5%; padding: 0; background: none; float: none !important;} #header, #footer {display: none;} /*.body a:after {content: " [" attr(href) "] ";}*/ #printed-article {border: 1px solid #666; padding: 10px;} #product-page #info-column .printable-image {display: block;} #product-page #info-column .image-magnifier {display: none;} .body .attribute-bar {display: none;} }