body { font: .75em Arial, Helvetica, sans-serif; color: #222; background: #eaece4 url("../images/page_bg.gif") repeat-y top center; margin: 0; padding: 0; } /*-------------------------------------------- General and Class */ img {border: 0;} p {margin: 0 0 14px 0; padding: 0;} h1, em.heading {display: block; font: 2em Arial, Helvetica, sans-serif; color: #222; background: url("../images/heading_bg.gif") no-repeat left bottom; margin: 15px 0 10px 0; padding: 0;} h1.no-line {background: none;} body.columns2 h1, body.columns1 h1 {background: url("../images/heading-columns2_bg.gif") no-repeat left bottom;} h2 {font: 1.6em Arial, Helvetica, sans-serif; color: #392f05; font-weight: normal; margin: 15px 0 6px 0;} h3 {font: 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; background: url("../images/secondary-heading_bg.gif") no-repeat bottom left; padding-bottom: 1px; margin: 0 0 8px 0;} h4 {font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; background: url("../images/secondary-heading_bg.gif") no-repeat bottom left; padding-bottom: 1px; margin: 0 0 6px 0;} h5 {font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; background: url("../images/secondary-heading_bg.gif") no-repeat bottom left; padding-bottom: 1px; margin: 0 0 6px 0;} small, .small {font-size: .8em;} form {position: relative; margin: 0; padding: 0;} blockquote {border-left: 2px solid #ccc; font-weight: bold; font-size: .9em; margin: 20px 30px 10px 10px; padding: 0 6px;} hr {background: #ddd; border: 0; color: #ddd; height: 1px; margin: 2px 0 8px 0;} input, textarea {font: 1em Arial, Verdana, Sans-Serif;} dl {margin: 0 0 10px; padding: 0;} dt {font-weight: bold;} dd {margin-left: 0; padding-left: 10px;} a:link, a:visited, a:active {text-decoration:none; color: #bb1009;} #content a:hover { text-decoration:none; color:#ff063b; border-bottom:#ff063b dashed 1px;} .clear {clear: both;} .float-right {float: right; margin-left: 8px; margin-bottom: 8px;} .float-left {float: left; margin-right: 8px; margin-bottom: 8px;} .center {text-align: center;} .bright {color: #990000;} .clear {clear: both;} .quote-author {text-align: right; font-size: .9em;} .groove-logo_mini {background: url("../images/groove-logo_mini.gif") no-repeat left center; padding-left: 22px;} .secondary-text {color: #666;} .featured {background-color: #e6e6e6; padding: 8px; margin: 8px;} .off {display: none;} .on {display: block;} .spacer {clear: both; display: block;height: 40px;} .popout {background-color: #e2e4dd; padding: 4px 4px;} .eco-logo {background: url("../images/icon_eco.gif") no-repeat left center; padding-left: 15px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} img.center { display: block; margin: 0 auto; } input.styled, textarea, select {border: 1px solid #ccc; background: #fff url("../images/input-text_bg.gif") no-repeat top left; padding: 2px;} input.populate {color: #555;} div.hr { /*accessible & crossbrowser method of styling an hr*/ width: 100%; height: 1px; border-top: 1px solid #ddd; margin: 20px 0; } div.hr hr { width: 0; height: 0; border: 0; } body.columns2 div.hr {margin-bottom: 0;} /*button styles - buttons*/ .CartDeleteButton, .MoveToCartButton, #btnChgPwd, .UpdateWishButton, .submit, .UpdateCartButton, .UpdateAccountButton, #btnReturn, #LoginButton, #btnRequestNewPassword, .UdateKitPrice, #btnNewAddress, #btnQuickLogin, #SubmitSearch, #btnSubmit, #btnCheckOut, .EditAddressButton, .RateItButton, .ReviewPageContinueCheckoutButton, .btnLogin { background: #42453c url("../images/input-submit_bg.gif") repeat-x top; font: 1em Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; padding-top: 1px; border: 1px solid #42453c; } /*.AddToCartButton {position: relative; top: 12px;}*/ /*end of: button styles*/ /*fieldsets*/ fieldset.styled {border: 1px solid #ddd; margin: 0;} fieldset.styled legend { font-size: 1.4em; font-weight: bold; color: #9E0803; } fieldset.styled legend span {color: #9E0803;} fieldset.styled h4{margin: 0 0 10px 0;} fieldset.styled .padding {padding: 2px 4px;} fieldset.styled .edit {font: .7em arial, verdana, sans-serif; padding: 0 5px 0 18px; background: url("../images/edit_info.gif") no-repeat left center;} fieldset.styled .no-style input, fieldset.styled .no-style {border: 0;} fieldset.get-answers {font-size: .95em; border: 1px solid #f2f2f2; margin-top: 40px; padding: 4px 8px;} fieldset.get-answers textarea, fieldset.get-answers input.styled {width: 300px;} fieldset.get-answers td {vertical-align: top;} fieldset.OrderSummary {font-size: .8em; display: block; width: 290px; float: right; background-color: #e9e9fc; margin-left: 15px;} fieldset.OrderSummary legend {color: #1c4a76;} fieldset.OrderSummary td {padding: 1px 2px; margin: 0;} fieldset.OrderSummary th {padding: 4px 0; margin: 0;} fieldset.OrderSummary tr {padding: 0; margin: 0;} fieldset.OrderSummary hr {margin: 4px 0 4px 0;} html fieldset.OrderSummary {position: relative; margin-top:1em; padding-top:.75em; } html fieldset.OrderSummary legend{ position:absolute; top: -.5em; left: .5em; } /*end of: fieldsets*/ /* General and Class --------------------------------------------*/ #wrapper { width: 940px; background-color: #fff; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; position:relative; } /*-------------------------------------------- Header */ #header { width: 100%; position: relative; height: 80px; } body.checkout #header {border-bottom: 1px dotted #ccc;} #logo { position: absolute; top: 10px; left: 10px; } #topper { position: absolute; left: 293px; top: 35px; width: 562px; color: #fff; background:url("../images/topper_top.gif") no-repeat top center; } body.checkout #topper { background: none; } #topper .contact-info { width: 170px; font-size: 1.4em; line-height: .9em; padding-left: 36px; padding-top:4px; } #topper .contact-info small {font-size: .6em;} body.checkout #topper .contact-info { font-size: 1.8em; color: #222; text-align: right; width: auto; padding-top: 0; } #topper .item-count {padding-right: 6px;} #topper .cart-info { position: absolute; top: 12px; left: 225px; color: #222; width: 220px; } #topper .cart-info .cart-items {background: url("../images/icon_cart.gif") no-repeat left center; padding-left: 18px;} #topper .account { position: absolute; top: 11px; right: 27px; } #topper .account a {color: #fff;} #topper .account a:hover {color: #eee;} #topper .bottom { width: 562px; height: 6px; background:url("../images/topper_bottom.gif") no-repeat bottom center; } #header .hacker-safe { position: absolute; top: 38px; right: 0; width: 65px; height: 37px; } /* Header --------------------------------------------*/ /*-------------------------------------------- Navigation */ #navigation { width: 100%; background: #585c50 url("../images/navigation_bg.gif") no-repeat top center; } #navigation ul {margin: 0 0 0 26px; padding: 0; list-style: none;} body#landing #navigation ul {margin-left: 8px;} #navigation ul li ul {display: none;} #navigation ul li {display: inline; float: left; margin: 0; padding: 0;} #navigation ul li a { float: left; /* fixes ie6 bug - displays block a-tags at 100% width; */ display: block; height: 28px; font: 1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; text-decoration: none; background: url("../images/tabs/tab_bg.gif") repeat-x top; padding: 10px 20px 0 20px; } body#landing #navigation ul li a {font-size: 1.25em;} #navigation ul li a:hover {color: #fff196; background-position: center -38px; background-repeat: no-repeat;} #navigation ul li.tab-current a {color: #eee; background: url("../images/tabs/tab-current.gif") repeat-x;} #navigation ul li.tab-current a:hover {color: #fff196; background-position: 0 0; background-repeat: repeat-x;} /* Navigation --------------------------------------------*/ /*-------------------------------------------- Searchbar */ #searchbar { position: relative; width: 100%; height: 43px; color: #fff; background: #878D7A url("../images/searchbar_bg.gif") no-repeat bottom center; } #top-search label { font-size: 1.4em; position: absolute; top: 12px; left: 14px; } #top-search input#search-term { font-size: 1.2em; width: 288px; height: 21px; background: #fff url("../images/input-search_bg.gif") no-repeat left top; border: 1px solid #73776d; position: absolute; top: 7px; left: 80px; padding: 6px 4px 0; } #top-search input.go { position: absolute; top: 7px; left: 382px; } #searchbar .advanced-search { width: 100px; font-size: .8em; line-height: 1.3; position: absolute; top: 9px; left: 425px; } #searchbar .advanced-search a { color: #fff; } #searchbar #slogan {position: absolute; top: 0px; right: 20px;} /* Searchbar --------------------------------------------*/ /*-------------------------------------------- Left Sidebar */ #sidebar_left { width: 200px; float: left; background: url("../images/sidebar-left_bg.jpg") no-repeat top left; padding-bottom: 40px; } #sidebar_left h5 {margin-top: 20px;} #sidebar_left h5, #sidebar_left p, #sidebar_left ul {margin-left: 15px;} #sidebar_left ul.sidenav {margin: 0 0 0 15px; padding: 0; list-style: none;} #sidebar_left ul.sidenav li {margin: 2px 0 2px 0; padding: 0;} #sidebar_left ul.sidenav li a { display: block; width: 170px; color: #bb1009; text-decoration: none; } #sidebar_left ul.sidenav li a:hover, #sidebar_left ul.sidenav li.sub_item a:hover {color: #ff564f;} #sidebar_left ul.sidenav li.sub_item a { font-size: .9em; color: #9d0d08; padding-left: 10px; width: 160px; border-bottom: 1px dotted #ccc; } #sidebar_left .ad { margin-top: 15px; } #sidebar_left ul.bullets {list-style: none; margin: 0 0 0 15px; padding: 0;} #sidebar_left ul.bullets li { padding-left: 10px; background: url("../images/bullet_3red.gif") no-repeat left 6px; margin: 2px 0 2px 8px; padding: 0 0 0 10px; } /* Left Sidebar --------------------------------------------*/ /*-------------------------------------------- Content */ #content { /*width: 740px; //pre-padding*/ width: 720px; float: left; padding: 15px 10px; } #content p, #content h2, #content h3, #content h4, #content ul, #content ol {line-height: 1.5; margin-left: 8px; margin-right: 8px;} #content ul, #content ol {padding-left: 25px;} #content ul {margin-left: 0px; padding-left: 23px;} #content ul li { list-style: none; background: url("../images/bullet_3red.gif") no-repeat left 7px; padding-left: 10px; margin-bottom: 2px; } body.columns1 #content { width: 920px; margin: 0 auto; } body.columns2 #content { width: 720px; } #breadcrumb { color: #999; margin: 4px 4px 10px 4px; padding: 2px 0; font-size: .8em; font-weight: normal; background: none; border-bottom: 1px dotted #f2f0e4; } #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:focus {color: #6f6adf;} #breadcrumb a:hover {color: #0f06c9;} .questions-heading {font-weight: bold; font-size: 1.1em; margin: 45px 0 4px 0;} .page-numbers {text-align:center; padding: 2px 8px 10px 0; margin: 10px 0; font: 13px verdana, "Trebuchet MS", arial, verdana, sans-serif;} .page-numbers a.PageNumber, .page-numbers a.page-arrow { padding: 1px 6px; border: 1px solid #bbb; text-decoration: none; background-color: #f8f8f8; } .page-numbers a.page-arrow {padding: 1px 4px;} .page-numbers a.PageNumber:hover, .page-numbers a.page-arrow:hover { border: 1px solid #3585c6;} #content table.bestsellers p.product { margin-bottom: 3px; font-weight: bold; line-height: 1.2; } table.bestsellers {font-size:12px;} table.bestsellers p.product a {color: #232242; text-decoration: none;} table.bestsellers p.product a:hover {color: #6c6fed;} table.bestsellers p.price {font-weight: bold;} /*search*/ tr.SearchAlternateRow {background-color: #eee;} /*end:search*/ .measure-instructions {float:left; padding: 1em 2em; display: block; width: 250px;} .measure-image {float: left;} .reason {padding-left: 37px;} #content ul.reason {padding-left: 60px;} .dropcase-1 {background: url("../images/reason_1.gif") no-repeat top left; padding-left: 37px;} .dropcase-2 {background: url("../images/reason_2.gif") no-repeat top left; padding-left: 37px;} .dropcase-3 {background: url("../images/reason_3.gif") no-repeat top left; padding-left: 37px;} .dropcase-4 {background: url("../images/reason_4.gif") no-repeat top left; padding-left: 37px;} .dropcase-5 {background: url("../images/reason_5.gif") no-repeat top left; padding-left: 37px;} #google-map {width: 420px; height: 350px; float: right; margin-right: 12px;} #google-map iframe {width: 420px; height: 350px; border: 1px dotted #999; background-color: #eee;} #directions ul {margin-top: 0;} table#store-hours {width: 250px;margin: 0 8px 14px 8px;} table#store-hours td {padding: 2px;} table#store-hours td.day {width: 100px;} table#store-hours td.time {text-align: center;} table#store-hours tr.alt {background-color: #eee;} table#store-hours tr.na {background-color: #e5e5e5; color: #555;} #customer-service .col1, #customer-service .col2 { width: 290px; float: left; margin-left: 30px; } #customer-service .col1 ul, #customer-service .col2 ul {margin-top: 0; margin-bottom: 22px; padding-left: 10px;} table.order-history th {background: #ddd url("../images/table-heading_bg.gif") repeat-x;} /*Eco Information*/ table#eco_information {font-size: .95em; border-collapse: collapse; margin: 10px 0 18px 8px; padding: 0;} table#eco_information td.col_products {text-align: right;} table#eco_information td {text-align: center; padding: 2px 6px; height: 25px;} table#eco_information td.spacer {padding: 2px;} table#eco_information th.made {background-color: #d8d8ec; font-size: 1.1em;} table#eco_information th.made, table#eco_information td.made {border: 1px solid #d8d8ec;} table#eco_information th.after {background-color: #a8eca8; font-size: 1.1em;} table#eco_information th.after, table#eco_information td.after {border: 1px solid #a8eca8;} table#eco_information tr.alt td {background-color: #f3f3f1;} table#eco_information tr.alt td.made {background-color: #f0f0f5;} table#eco_information tr.alt td.after {background-color: #e8f5e8;} table#eco_information tr.alt td.spacer {background-color: #fff;} /*end: Eco Information*/ /*Testimonials*/ ul#customer-testimonials { margin: 0; padding: 0; list-style: none; } ul#customer-testimonials li { margin: 0; padding: 20px; display: block; list-style: none; background: #fff; position: relative; } ul#customer-testimonials li.odd { background: #f6f7f2; } #customer-testimonials h3 { font-size: 150%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: normal; color: #563f29; line-height: 1; background: none; } #customer-testimonials h4 { font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: normal; text-transform: uppercase; color: #878d7a; line-height: 1; position: absolute; right: 20px; top: 20px; letter-spacing: 1px; background: none; } #customer-testimonials p { background: transparent url("../images/quotes.gif") no-repeat; padding: 0 0 0 60px; margin: 0; min-height:54px; height:auto !important; height:54px; } /*end: Testimonials*/ /*start: Track Your Order*/ img.ucc-label { float: left; margin: 0 15px 0 15px; } #tracking-box { width: 218px; float: left; padding: 10px; border: 1px solid #c3c4c0; background-color: #eaece4; } #tracking-box input.styled { width: 193px; } .tracking-note { padding-top: 15px; border-top: 1px solid #eee; } /*end: Track Your Order*/ /*start: Email Newsletter--*/ .sample-newsletter { width: 242px; float: right; text-align: right; margin: 0 40px 0 14px; } .sample-newsletter a img { border: 1px solid #adafa9; text-decoration: none; } #action { clear: both; background: url("../images/newsletter-signup/action_bg.jpg") repeat-y top; padding: 12px; } #action .col1 { width: 260px; float: left; padding-left: 20px; } #action .col1 .features { background: url("../images/newsletter-signup/arrow.gif") no-repeat right 25px; } #action .col1 .features h3 { font-weight: bold; background: none; } #action .col1 .features ul { margin-top: 8px; } #action .col2 { width: 300px; float: left; padding-left: 45px; } #action .col2 #save-box { width: 294px; } #action .col2 #save-box .newsletter { width: 294px; background: url("../images/newsletter-signup/newsletter-box_bg.jpg") no-repeat top center; } #action .col2 #save-box .newsletter .inner { padding: 45px 5px 25px 20px; } #action .col2 #save-box .newsletter .inner input.styled { position: relative; top: -7px; width: 178px; } #action .col2 #save-box .newsletter .inner .privacy { padding: 2px 0 0 21px; margin: 0; font-size: 11px; background: url("../images/icon_newsletter-lock.gif") no-repeat 3px 4px; } #action .col2 #save-box .twitter a { display: block; width: 294px; height: 45px; background: url("../images/newsletter-signup/twitter-subscribe_bg.gif") no-repeat top center; } #action .col2 #save-box .twitter a:hover { background-position: 0 -45px; } #action .col2 #save-box .twitter a span { display: block; width: 0; height: 0; overflow: auto; } #bottom-description { clear: both; } #bottom-description .image { width: 300px; float: left; } #bottom-description .data { width: 350px; float: left; padding-top: 20px; } #bottom-description .data h4 { font-weight: bold; line-height: 1.1; background: none; } /*--end: Email Newsletter*/ #popular-mailers { clear: both; } #popular-mailers h3 { font-size: 1.2em; font-weight: bold; background: none; padding-top: 25px; padding-bottom: 10px; } #content #popular-mailers ul { padding: 0; margin: 0; } #content #popular-mailers ul li { float: left; background: none; padding: 0; margin: 0; } #popular-mailers li a { display: block; float: left; width: 240px; height: 103px; margin: 0 0 5px 10px; } #popular-mailers li a span { display: block; width: 0; height: 0; overflow: hidden; } #popular-mailers li.dvd a {background: url("../images/calc-get_dvd.jpg") no-repeat top left;} #popular-mailers li.vhs a {background: url("../images/calc-get_vhs.jpg") no-repeat top left;} #popular-mailers li.cd a {background: url("../images/calc-get_cd.jpg") no-repeat top left;} #popular-mailers li.game a {background: url("../images/calc-get_game.jpg") no-repeat top left;} /* Content --------------------------------------------*/ /*-------------------------------------------- Right Sidebar */ #sidebar_right { width: 200px; float: left; padding-bottom: 40px; } #sidebar_right h5 {margin-top: 20px;} #sidebar_right h5, #sidebar_left p, #sidebar_left ul {margin-left: 5px;} #sidebar_right ul.bullets {list-style: none; margin: 0 0 0 5px; padding: 0;} #sidebar_right ul.bullets li { padding-left: 10px; background: url("../images/bullet_3red.gif") no-repeat left 6px; margin: 2px 0 2px 8px; padding: 0 0 0 10px; } #sidebar_right .ad { margin-top: 20px; } /*mini-cart*/ #mini-cart { width: 200px; background-color: #eaece4; margin: 10px 0 0 0; } #mini-cart em a { display: block; width: 185px; height: 24px; color: #fff; font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif normal; font-weight: bold; text-decoration: none; background: #585c50 url("../images/mini-cart_topper.jpg") no-repeat top; padding: 4px 0 0 15px; } #mini-cart table {width: 90%; text-align: left; border-collapse: collapse; font-size: .9em; margin: 10px auto;} #mini-cart table .col1 {width: 140px;} #mini-cart table .col2 {text-align: center;} #mini-cart table th {border-bottom: 1px dotted #bbb; padding: 2px 4px;} #mini-cart table td {padding: 2px 4px;} #mini-cart table .product-listings td {border-bottom: 1px solid #bbb;} #mini-cart .bottom { height:44px; text-align: center; background: url("../images/mini-cart_bottom.gif") no-repeat bottom; padding-top: 7px; } #mini-cart .bottom-empty { height: 10px; text-align: center; background: url("../images/mini-cart_bottom.gif") no-repeat bottom; padding-top: 1px; } #mini-cart .bottom img {padding-bottom: 2px;} #mini-cart .no-items {width: 85%; background-color: #fffeb1; padding: 4px; margin: 8px auto 0 auto;} /*end of: mini-cart*/ /*testimonials--*/ #testimonial-call {position: relative; margin-top: 20px;} #testimonial-call .inner { width: 200px; background: #f1f2ea url("../images/testimonial-call_bg.gif") no-repeat bottom center; padding-bottom: 34px; } #testimonial-call .inner p { background: url("../images/testimonial-call_bg-top.gif") no-repeat top center; margin: 0; padding: 10px 8px 0 30px; } #testimonial-call p.author { text-align: right; margin: 0; padding: 0 55px 0 0; } #testimonial-call p.see-all { font-size: .9em; text-align: right; margin: 0; padding: 2px; } /*--testimonials--*/ /* Right Sidebar --------------------------------------------*/ /*Errors----------------------------------*/ #error-container { display: block; background-color: #fdfcd1; border: 1px solid #f0d9b5; font-family: "Trebuchet MS", Verdana, Sans-Serif; color: #6f4500; width: 98%; padding: 4px; margin: 2px; } #error-container .errorLg { background: url("../images/error-caution.gif") no-repeat left top; color: #6f4500; font-weight: bold; padding-left: 20px; } #ValSummary.errorLg, #lblErrMsg.errorLg { display: block; width: 95%; color: #885500; font-family: "Trebuchet MS", Verdana, Sans-Serif; color: #6f4500; padding: 2px 2px 2px 21px; background: #fdfcd1 url("../images/error-caution.gif") no-repeat 2px 3px; border: 1px solid #f0d9b5; } #reqFromAddress, #reqToAddress /*Found on: Email to a friend (EMailproduct.aspx) */ { display: block; width: 95%; color: #885500; font-family: "Trebuchet MS", Verdana, Sans-Serif; color: #885500; padding: 2px 2px 2px 21px; background: #fdfcd1 url("../images/error-caution.gif") no-repeat 2px 3px; border: 1px solid #f63a3a; } /*end of: Errors----------------------------------*/ /*Contact Form------------------------------------*/ #phoneNumbers {width: 285px;} #contact-form {width: 500px;} #contact-form .col1 { width: 80px; vertical-align: top; text-align: right; } #contact-form .col2 { width: 350px; vertical-align: top; text-align: left; } /*end of: Contact Form----------------------------*/ /*Account ----------------------------------------*/ #OrderHistory, #AccountInfo, #AddressBook { display: none; } #account-container {display: block; border: 1px solid #ddd; padding: 0 15px 15px;} #content .toggle-links {padding: 6px; background: #ddd url("../images/table-heading_bg.gif") repeat-x;} #content .toggle-links ul {margin: 0 0 0 8px; padding: 0;} #content .toggle-links ul li {margin: 0; padding: 0; background: none;} #content .toggle-links ul li {display: inline;} #content .toggle-links ul li a { margin: 5px 14px 5px 0; font-weight: bold; background: url("../images/bullet_3red.gif") no-repeat left 6px; padding-left: 10px; } .wrong-customer {width: 250px; float: right; text-align: right;} /*end of: Account---------------------------------*/ /*product listings*/ .product-container { clear: both; width: 490px; border-left: 1px solid #ccc; background-color: #eee; margin: 5px 0 15px 0; padding: 5px; } .product-container img {float: left; width: 150px; height: 150px;} .product-container .data { width: 310px; float: left; padding: 5px 15px; } .product-container .data h3 {margin: 0 0 2px 0;} .product-container .data p {margin: 2px 0; padding: 0;} .product-container .data p.price {margin: 12px 0 0 0; padding: 0;} .product-container .data ul {margin: 2px 0 4px 12px; padding: 0;} .product-container a:link, .product-container a:visited, .product-container a:active { border-bottom: 1px solid #d4e0ed; text-decoration: none; } .product-container a:hover { border-bottom: 1px solid #6d66ff; } .product-container .variantprice {font-weight: bold;} .product-container .OldRegularPrice {text-decoration: line-through; color: #666;} .product-container .WholesalePrice {color: #990000; font-weight: bold;} /*end of: product listings*/ /*products*/ #product_image { width: 280px; float: left; text-align: center; } #showlarger {margin: 2px 0; padding: 0;} #showeco {margin: 0 0 6px; padding: 0;} #product_ready-to-buy-container { width: 406px; float: left; background: #FAF9C3 url("../images/ready-to-buy_topper.gif") no-repeat top; margin-left: 16px; } #product_ready-to-buy {padding: 10px 10px 0 10px;} #content #product_ready-to-buy p {margin-left: 0;} #product_ready-to-buy .ProductNameText {line-height: .95; font-size: 1.6em; background: none; margin: 30px 0 0 0; padding: 0;} #product_ready-to-buy .sku {font-size: .9em; color: #555;} #product_ready-to-buy .ProductManText {font-size: 10px; color: #555; line-height: 1.5;} #product_ready-to-buy .variantprice, #product_ready-to-buy .CustomizedPrice, #product_ready-to-buy .WholesalePrice {font-size: 1.4em; color: #9e0803;} #product_ready-to-buy .CustomizedPrice strong {font-size: .7em;} #product_ready-to-buy .BasePrice {font-size: 1.1em; color: #666;} #product_ready-to-buy .OldCustomizedPrice, #product_ready-to-buy .OldRegularPrice {font-size: 1.1em; color: #666; text-decoration: line-through;} #product_ready-to-buy .RegularPrice {font-size: 1em;} #product_ready-to-buy .SalePrice {font-size: 1.8em; padding-top: 2px; font-weight: bold;} #product_ready-to-buy .padding {padding: 2px 6px;} #product_ready-to-buy p { line-height: 1.4; padding: 2px 0 0 0; } #product_ready-to-buy table.quantity-discount {font-size: .9em;} #product_ready-to-buy table.quantity-discount th {padding: 1px 30px; background-color: #e5e6b8;} #product_ready-to-buy table.quantity-discount th.bundle-title {color: #111; background-color: #d7d8ad;} #product_ready-to-buy table.quantity-discount td {padding: 2px 3px; text-align: center;} #product_ready-to-buy table.quantity-discount td.bundle-value {color: #000;} #product_ready-to-buy .AddToCartButton {position: relative; top: 10px;} #product_ready-to-buy #cart-container{background: url("../images/ready-to-buy_bottom.gif") no-repeat bottom;} #product_ready-to-buy-container .bottom {background: #FAF9C3 url("../images/ready-to-buy_bottom.gif") no-repeat bottom;} #product-added { border: 1px dotted #a74f46; color: #4c4732; font-size: .9em; font-weight: bold; text-align: center; background-color: #fffeb1; padding: 4px; margin: 8px 4px; } #product_ready-to-buy table.shipping-rates {font-size: .9em;} #product_ready-to-buy table.shipping-rates tr.methods {text-align: left;} #product_ready-to-buy table.shipping-rates th {padding: 1px 4px;} #product_ready-to-buy table.shipping-rates tr.prices {text-align: center;} /* Deal of the Day --*/ #product_dotd-container { width: 377px; float: left; color: #fff; background: #907348 url("../images/dotd_bottom.gif") no-repeat bottom center; margin-left: 30px; padding-bottom: 10px; } #product_dotd {padding: 0 15px;} #product_dotd h1 { font: 1.5em Arial, Verdana, sans-serif; color: #fff; text-align: right; background: none; margin: 0; padding: 0; } #product_dotd p.sku { text-align: right; margin: 2px 0; } #product_dotd .price-box { width: 250px; font-size: 1.2em; background-color: #a18151; padding: 2px 8px; margin: 18px auto 4px; } #product_dotd .caption {display: block; width: 175px; float: left; text-align: left;} #product_dotd .amount {display: block; width: 75px; float: left; text-align: right;} #product_dotd .price-box p.normal { clear: both; margin: 0; padding: 0; } #product_dotd .shipping {margin: 0; padding: 0;} #product_dotd .description {margin: 14px 0 0 0;} #product_dotd .price-box p.deal { clear: both; color: #ffd800; font-weight: bold; font-size: 1.1em; margin: 0; padding: 0; border-top: 1px solid #e0d5c6; } #product_dotd-container strong.topper { display: block; width: 377px; height: 41px; background: #fff url("../images/dotd_topper.gif") no-repeat top center; } #product_dotd-container strong.topper span {display: block; overflow: hidden; width: 0; height: 0;} #product_dotd #cart-container { text-align: center; } #product_dotd #cart-container .AddToCartButton { position: relative; top: 12px; } #dotd_description { width: 697px; background: #f5e1a5 url("../images/what-is-dotd_bottom.gif") no-repeat bottom; margin: 30px 0 20px; padding-bottom: 5px; } #dotd_description p {margin: 10px 20px 10px;} #dotd_description strong.topper { display: block; width: 697px; height: 32px; background: #f5e1a5 url("../images/what-is-dotd_topper.gif") no-repeat top; } #dotd_description strong.topper span {display: block; overflow: hidden; width: 0; height: 0;} /* -- Deal of the Day*/ div.description {margin-left: 8px; margin-right: 8px;} div.description p {margin-left: 0; margin-right: 0;} /*Product Listings*/ #simpleproductlist #category-heading {width: 520px;} #simpleproductlist #category-heading img {width: 250px; float: left;} #simpleproductlist #category-heading .category-description img {width: auto; float: none;} #simpleproductlist .category-description {width: 260px; padding-left: 10px; float: left;} #simpleproductlist .category-description h1 {font: 1.6em "Trebuchet MS", Arial, Verdana, sans-serif; background: none;} table#product-listing { width: 100%; border-collapse: collapse; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ccc; border-left: 1px solid #ebebeb; } table#product-listing tr {background-color: #f3f3f1; border: 1px solid #ebebeb} table#product-listing tr.AlternateRow {background-color: #fff; border: none;} table#product-listing tr.notice td {background-color: #FEFCD8; font-size: .9em; margin: 1px; padding: 4px;} table#product-listing td.col1 { width: 390px; padding: 10px; } table#product-listing td.col2 { width: 110px; padding: 10px; } table#product-listing tr.headings {background: #8a8d85 url("../images/table-products-th_bg.gif") repeat-x top;} table#product-listing tr.headings th {color: #fff; padding: 3px;} table#product-listing tr.headings th.col1 {text-align: left; padding-left: 8px;} table#product-listing td.col1 h3 {font-size: 1.2em; background: none; margin: 0 0 8px 0; padding: 0;} table#product-listing table.quantity-discount {font: .9em Verdana, Arial, sans-serif; margin: 0 0 0 15px;} table#product-listing table.quantity-discount th {padding: 1px 24px; background-color: #d5d5d5;} table#product-listing table.quantity-discount th.bundle-title {color: #fff; background-color: #9b9292;} table#product-listing table.quantity-discount td {padding: 2px 3px; text-align: center;} table#product-listing table.quantity-discount td.bundle-value {color: #000;} td.subcatcell {padding-bottom: 25px;} /*end: Product Listings*/ /*category*/ .category-heading h1 {margin: 15px 0 0 0;} .subcat-listing { clear: both; background: url("../images/subcat_products-bg.gif") repeat-x top; margin:16px 10px; } .subcat-listing .heading { background: #004b8f; height:28px; } .subcat-listing small { float:right; padding:6px 7px 0pt 0pt; } .subcat-listing h2 { font-weight: normal; margin:0pt; padding:2px 8px; } .subcat-listing h2 a:link, .subcat-listing small a:link, .subcat-listing h2 a:visited, .subcat-listing small a:visited, .subcat-listing h2 a:active .subcat-listing small a:active { color:#fff; text-decoration: none; } .subcat-listing h2 a:hover, .subcat-listing small a:hover {color: #ffed72;} .subcat-listing img { border:1px solid #D3E6ED; float:left; margin:4px; } .subcat-listing .data { display:block; float:left; width:350px; } .subcat-listing .data ul { line-height: 1.6; margin:10px 0pt 0pt 20px; padding:4px; } .subcat-listing .data ul li { } .subcat-listing .data ul li.view-all { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 10px 0 0 0; } /*end: category*/ h3.try-another-search { margin-top: 25px; } .instructions-right { float: right; margin-top: 25px; margin-right: 80px; } table#tblCalc th { text-align: left; font-weight: normal; font: .9em "Trebuchet MS", arial, sans-serif; } table#tblCalc td input.styled { width: 50px; } table#tblCalc td input.required { border: 2px solid #990000; } /*-------------------------------------------- Landing */ body#landing #content { width: 720px; } body#landing #footer {background: none;} body#landing #footer p.copyright {padding: 8px 10px 0 0;} body#landing #topper { background:url("../images/landing/topper_top.gif") no-repeat top center; } body#landing #topper .cart-info { width: 320px; text-align: center; } body#landing #topper a {color: #46493f; margin-right: 10px;} body#landing #topper a:hover {color: #999;} body#landing #topper .bottom { width: 562px; height: 6px; background:url("../images/landing/topper_bottom.gif") no-repeat bottom center; } body#landing #category-heading {width: 720px;} body#landing #category-heading img {width: 250px; float: left;} body#landing #category-heading .category-description img {width: auto; float: none;} body#landing .category-description {width: 460px; padding-left: 10px; float: left;} body#landing .category-description h1 {font: 1.6em "Trebuchet MS", Arial, Verdana, sans-serif; background: none;} body#landing table.grid {width: 100%; clear: both;} body#landing table.grid td {text-align: center; padding-bottom: 20px;} body#landing table.grid td a img {border: 1px solid #d7dadd;} body#landing table.grid td a:hover img {border: 1px solid #acbac5;} body#landing table.grid td a img.get-details {border: 0;} body#landing table.grid td a {color: #1a0e96; text-decoration: none; font-weight: bold;} body#landing table.grid td a:hover {color: #1a0e96;} body#landing table.grid td p.product {margin: 2px 0 0 0;} body#landing table.grid td p.price {font-weight: bold; margin: 2px 0 0 0;} body#landing .landing_page_product_cell{width:239px; float:left; text-align: center; margin: 0px auto; padding: 0px 0px 20px 0px;} body#landing .landing_page_product_cell a img {border: 1px solid #d7dadd;} body#landing .landing_page_product_cell a:hover img {border: 1px solid #acbac5;} body#landing .landing_page_product_cell a img.get-details {border: 0;} body#landing .landing_page_product_cell a {color: #1a0e96; text-decoration: none; font-weight: bold;} body#landing .landing_page_product_cell a:hover {color: #1a0e96;} body#landing .landing_page_product_cell p.product {margin: 2px 0 0 0;} body#landing .landing_page_product_cell p.price {font-weight: bold; margin: 2px 0 0 0;} /* Landing --------------------------------------------*/ /*-------------------------------------------- Footer */ #footer { clear: both; background: url("../images/footer_bg.jpg") no-repeat top center; margin-top: 50px; } body.checkout #footer {background: none; border-top: 1px solid #eee;} #footer .col1, #footer .col2, #footer .col3 { width: 290px; float: left; padding: 10px 0 0 22px; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer ul li { margin: 2px 0; padding: 0; } #footer ul li a { display: block; width: 250px; color: #1a0e96; text-decoration: none; } #footer ul li a:hover { color: #6c6fed; } #footer .assurances {clear: both; width: 100%; padding: 40px 10px 10px;} #footer .assurances img {margin-right: 8px;} #footer p.copyright {width: 380px; float: right; color: #585c50; font-size: .9em; text-align: right; padding: 20px 10px 0 0;} #footer p.copyright a {color: #585c50; text-decoration: none;} #footer p.copyright a:hover {text-decoration: underline;} /* Footer --------------------------------------------*/ #cpproducts{display:block; position:relative; width:518px; height:240px;} #cpproducts ul{list-style-image:none; background:none; margin:0; padding:0; position:relative;} #cpproducts ul li{list-style-image:none; background:none; margin:0; padding:0; position:relative; width:518px; height:240px; overflow:hidden;} #cpproducts img{float:left; padding:5px;} #cpproducts p{text-align:justify;} #controls2{display:block; float:right;} #controls2 a{ text-decoration:none; color:#ff063b; font-size:14px;} #controls2 #prevBtn2, #controls2 #nextBtn2{padding:3px; font-weight:bold; font-style:italic;} #content .catalog a{ text-decoration:none; color:#222;} #content .catalog a:hover{ text-decoration:none; color:#ff063b; border-bottom:#ff063b dashed 1px;} #content .hotnewlink{text-decoration:none; color:#ff063b; font-size:14px; font-weight:bold;} #content .catviewp { position:relative; padding:5px; border: #F3F3F1 solid 1px} #content .catviewp .imglink {display:block; height:100px; width:100px; text-align:center; padding-right:5px; float:left; border:none;} #content a.catimglink:hover {border:none;} #content .catviewp a.title{ text-decoration:none; font-weight:bold; font-size:16px;} #content .stars{ float:right; margin-right:5px; margin-left:5px; display:block; line-height:20px;} #content .catviewp .prodcontrols{ float:right;} #content .catviewp a.moreinfo{ display:block; height:39px; width:130px; background:url("../images/more.jpg") no-repeat; float:left;} #content .catviewp a.moreinfo:hover{ background:url("../images/morehover.jpg") no-repeat; border:none;} #content a.adtobasket{ display:block; height:39px; width:130px; background:url("../images/basket.jpg") no-repeat; float:left;} #content a.adtobasket:hover{ background:url("../images/baskethover.jpg") no-repeat; border:none;} #content .priceclass{ font-weight:bold; color:#ff063b; font-size:18px; padding:5px;} #content .catviewp a.imglink:hover { border:none;} #content .fullproduct em.fullheading{ display:inline; color:#ff063b; border:none; font-size:22px; font-weight:bold; font-style:normal;} #content .dopclass{ font-weight:bold; color:#222; font-size:14px; padding:5px;} .fullproduct { position:relative; padding:5px; border: #F3F3F1 solid 1px}