/*===================================================================== * * Filename: global.css * Website: http://www.djwarehouse.com.au * Author: Simon Thenie * Date Created: 01/05/2009 * Media: Screen * * Description * ----------- * General Styling for templates * * *=====================================================================*/ /* Browser Reset ****************************/ * {padding:0; margin:0; border:0;} /* Utility Classes ****************************/ .clear {clear:both;} .left {float:left;} .right {float:right;} .small {font-size:0.95em;} .bold {font-weight:bold;} .nopadding { padding:0; margin:0 } .nomargin { margin:0 } .hide {display:none;} .grey { color:#9e9e9e; } a {text-decoration: none; outline: none; color:#000000; } a:hover {text-decoration: underline;} .morepadding { padding:9px 0 0 0; clear:both; margin:0; } h2 { font-size:22px; color:#2e2e2e } h3 { font-size:20px; color:#2e2e2e } h4 { font-size:18px; color:#2e2e2e } h5 { font-size:14px; color:#2e2e2e } h6 { font-size:12px; color:#2e2e2e } .red { color:#B30301 } p { font-size:0.95em; line-height:1.5em; color:#000 } * { margin:0; padding:0; } body { margin:0 auto; width:986px; background-color:#e2e2e2; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:middle; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /************************************************/ /******************** Styles ********************/ /************************************************/ /* Layout ================================================================================= */ .wrapper {} #page { width:986px; min-height:100%; position:absolute; } #footer { position:relative; bottom:0; z-index:2; width:100%; height:310px; } #homebottom { position:relative; bottom:0; z-index:2; width:100%; height:87px; } #content { float:left; width:100%; margin-right:-100%; min-height:600px; height:auto !important; height:600px; } .column { padding:0; float:left; } #left { width:213px; } #right { width:249px; } #content-inner { float:none; margin-left: 222px; margin-right: 249px; padding-top:9px; padding-right:9px; padding-left:9px; width:495px } #content-wide-inner { float:none; margin-left: 222px; padding-top:9px; padding-right:9px; padding-left:9px; width:746px; } .left { width: 222px; margin-right:-222px; } .right { float:right; width: 249px; } #footer, #homebottom, #header { clear:both; } .bg { position:absolute; bottom:0; height:100%; } #bgleft { left:0; } #bgright { right:0; } #bgcenter { right:0; width:100%; } #content, #left, #right, #header { position:relative; z-index:2; } #left { background-color:#FFFFFF; padding:9px 0 0 9px; } #right { background-color:#FFFFFF; padding:9px 0 0 9px; } #header, #homebottom, #footer { background-color: #FFF; } .cms-home #bgleft { background-image:url(../images/bg_sidebar2.jpg); background-repeat:no-repeat; background-position:left bottom; margin:0 0 330px 9px; background-color:#000000; width:212px; } #bgleft { background-image:url(../images/bg_sidebar2.jpg); background-repeat:no-repeat; background-position:left bottom; margin:0 0 330px 9px; background-color:#000000; width:212px; } .cms-home #bgright { background-image:url(../images/bg_sidebar3.jpg); background-repeat:no-repeat; background-position:left bottom; margin:0 10px 330px 0 !important; margin:0 11px 330px 0; width:239px; background-color:#000000; } .shop-assistant #bgright { background-image:url(../images/bg_sidebar3.jpg); background-repeat:no-repeat; background-position:left bottom; margin:0 10px 330px 0; width:239px; background-color:#000000; } #bgright { background-image:none; background-repeat:no-repeat; background-position:1px bottom; margin:0 0 330px 0; width:249px } #bgcenter { background-color:#FFF; } #header { padding:8px 0 0 0; margin:0; height:258px; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; background-position:left bottom; background-color:#e2e2e2; } #header #logo { width:126px; height:123px; padding:0; margin:70px 0 0 50px; text-indent:-9999px; float:left } #header #headerright { float:right; padding:0; margin:0; width:762px; height:258px; } .slidenav-container { padding:10px 0 0 0; width:700px; float:left } .slidenav { margin:0px; position: relative; } .slidenav a { color: #b2b2b2; font-size:11px; font-weight:bold; text-decoration: none; text-transform: uppercase; } .slidenav a:hover { text-decoration: none; } .slidenav li.active a { color:#c21110 } .slidenav ul, .slidenav ul li { height: 10px; line-height: 10px; padding:0; margin:0; list-style: none; border-left:solid 1px #b2b2b2; } .slidenav ul, .slidenav ul li.first, .subnav ul li.first { border:none; } .subnav ul li, .subnav ul, .slidenav-box { height: 18px; line-height: 18px; list-style: none; } .slidenav ul a { display: block; padding: 0px 10px; } .subnav ul a { display: block; padding: 0px 7px; } .slidenav ul li.first a, .subnav ul li.first a { display: block; padding: 0px 10px 0px 0px; } .subnav li.active a { color:#C21110; } .subnav ul li.nav-shop-by-brand { border:none; } .subnav ul li.nav-shop-by-brand a { display: block; padding:0px 7px 0 0; }*/ .slidenav ul a:hover { color:#c21110; text-decoration:none } .slidenav ul li, .subnav ul li { float: left; } .slidenav ul li ul { display: none; position: absolute; top: 3em; left: 0;} .slidenav ul li:hover ul { display: block; } .subnav ul { font-size: 11px; } .subnav ul a { color: #b2b2b2; font-size:10px; font-weight:normal; text-decoration: none; text-transform: uppercase; } .subnav ul a:hover { color:#c21110; text-decoration:none } .subnav ul li { height: 10px; line-height: 10px; list-style: none; border-left:solid 1px #b2b2b2; } .slidenav-box { margin: 0; padding: 8px 0 2px 0; } .inactive-box { visibility: hidden; } #header #headerright #rightnav { float:right; margin:7px 0 0 0; padding:0; top:8px; position:absolute; right:0; } #header #headerright #rightnav ul { padding:0; margin:0; list-style:none; } #header #headerright #rightnav li { padding:0 20px 0 0; margin:0; float:left; } #header #headerright #rightnav li a { color:#B2B2B2; font-size:11px; } #header #headerright #rightnav li a:hover { text-decoration:none; color:#c21110 } #header #headerright #rightnav li.icon { background-image:url(../images/icon_cart.jpg); background-repeat:no-repeat; background-position:71px 2px; width:110px; } #main .left #search { padding:4px; margin:0 0 9px 0; background-image:url(../images/bg_header2.jpg); background-repeat:no-repeat; height:23px; width:205px; } #main #content .title { padding:0; margin:0 0 9px 0; width:495px; background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; height:31px; } #main #content .title h5 { color:#bbbbbb; padding:7px; float:left } #main #content .title h1 { font-size: 14px; color:#bbbbbb; padding:7px; float:left } #main #content .title img { padding:4px 5px 4px 4px; margin:0; float:right; } #main #content #content-wide-inner .title { padding:0; margin:0; width:746px; background-image:url(../images/bg_header_wide.jpg); background-repeat:no-repeat; height:31px; } #main #content #content-wide-inner .small-title { padding:0; margin:0 0 9px 0; width:495px; background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; height:31px; } #main #content #content-wide-inner .small-title h5 { color:#bbbbbb; padding:7px; float:left } #main #content #content-wide-inner .small-title img { padding:4px 14px 4px 4px; margin:0; float:right; } #main #content .image-content { float:left; padding:0 10px 0 0; } #main #content h4 { padding:0 0 5px 0 } .catalog-category-view #main #content p { padding:0; margin:0; line-height:19px; } #main #content #heading { padding:9px 0 9px 0; width:495px; height:330px; display:block } #main #content #heading img { padding:0; margin:0; } #main #content .cat-box { margin:9px 0 0 0; width:240px; background-color:#000; float:left; } #main #content .cat-box-left { margin:9px 9px 0 3px !important; margin:9px 9px 0 2px; width:240px; background-color:#000; float:left; } #main #content .cat-box img, #main #content .cat-box-left img { padding:0; margin:0; width:240px } #main #content .cat-box div, #main #content .cat-box-left div { text-align:center; width:236px; color:white; padding:2px } #main #content .cat-box div a, #main #content .cat-box-left div a { color:white; } #main #content #recommended { margin:9px 0 0 0; padding:7px; background-image:url(../images/bg_header5.jpg); background-repeat:no-repeat; height:18px; } #main #content #recommended h5 { color:white; } #main #content .recommended-table { padding:10px 0; background-image:url(../images/bg_header7.jpg); background-repeat:no-repeat; background-position:left bottom; } #main #content .product { float:left; margin:18px 0 0 0; padding:10px; border-left:solid 1px #e0e0e0; } #main #content .product a:hover { text-decoration:none } #main #content .first { border:none; } #main #content .product img { display:block } #main #content .product .product-special { display:block; color:#faa400; font-size:11px; padding:0 0 0 10px; } #main #content .product .product-title { display:block; color:#810c00; font-size:11px; padding:0 0 0 10px; } #main #content .product .product-price { display:block; color:#505050; font-size:11px; padding:0 0 0 10px; } #free-delivery { margin-bottom: 15px; } .highlight {padding: 0; text-transform: none; color: #666666; font-weight: normal;} .free-delivery-message { color: green; font-weight: bold; text-transform: uppercase; margin-left: 19px; text-indent: 20px;} #main #content .title2 { padding:0; margin:0; width:495px; background-image:url(../images/bg_header6.jpg); background-repeat:no-repeat; height:31px; } #main #content .title2 h5 { color:white; padding:7px; float:left } #main #content .title3 { padding:0; margin:9px 0 0px 0; width:495px; background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; height:31px; } #main #content .title3 h5 { color:white; padding:7px; float:left } #main .right #newsletter { padding:5px 5px 5px 10px; margin:0; background-image:url(../images/bg_header4.jpg); background-repeat:no-repeat; width:224px; height:21px } #main .right #newsletter span { padding:3px 6px 0 0; color:#838383; font-size:0.95em; float:left } #main .right #title { padding:0; margin:0; background-image:url(../images/bg_header4.jpg); background-repeat:no-repeat; width:239px; height:31px } #main .right #title h5 { color:#bbbbbb; padding:7px; float:left } .home #main .right #shop-assistent-content { margin:9px 0 0 0 !important; margin:9px 0 0 1px; background-image:url(../images/bg_shop_assistant_top.jpg); background-repeat:no-repeat; background-position:left top; } .catalog-category-view #main .right #shop-assistent-content { margin:9px 0 0; background-image:url(../images/bg_shop_assistant_top.jpg); background-repeat:no-repeat; background-position:left top; } #main .right #shop-assistent-content { margin:9px 0 0 0; background-image:url(../images/bg_shop_assistant_top.jpg); background-repeat:no-repeat; background-position:left top; } #main .right #shop-assistent-content h5 { padding:12px; color:#666464 } #main .right #shop-assistent-content ul { padding:0; margin:0 0 0 2px; list-style:none; width:235px; } #main .right #shop-assistent-content li { padding:4px 0 2px 6px; margin:2px 0 0 0; color:#B2B2B2; text-transform: uppercase; background-color:#222222 } #main .right #shop-assistent-content li a { color:#B2B2B2; font-size:10px } #main .right #shop-assistent-content li a:hover { text-decoration:none; color:#FFF } #account_menu { padding:0 0 10px 2px;width:210px; background-image:url(../images/bg_shop_assistant_top.jpg); background-repeat:no-repeat; background-position:left top; } #account_menu h5 { padding:12px; color:#666464 } #account_menu ul { padding:0; margin:0 0 0 4px; list-style:none; width:200px; } #account_menu li { padding:4px 0 2px 6px; margin:2px 0 0 0; color:#B2B2B2; text-transform: uppercase; background-color:#222222; font-size:10px } #account_menu li a { color:#B2B2B2; font-size:10px } #account_menu li a:hover { text-decoration:none; color:#FFF } #account_menu li span { color:#FFFFFF; } #main .right #rotator-commands { padding:0 0 9px 0; width:250px; height:329px; background-image:url(../images/bg_homerotator.jpg); background-repeat:no-repeat; background-position:right top; position:relative; top:9px; left:-11px; } #main .right #rotator-commands ul { padding:7px 0 0 11px; margin:0} #main .right #rotator-commands li { margin:0 0 0 0; padding:0 0 3px 0 !important; padding:0 !important!; padding:0; } #main .right #rotator-commands li a { color:#d3d3d3; display:block; background-color:#222222; height:38px; padding:6px !important; padding:5px 6px 5px 6px; margin:0; width:220px; } #main .right #rotator-commands li a:hover { text-decoration:none; } #main .right #rotator-commands li .rotator-title { font-size:13px; font-weight:bold; padding:2px 0; line-height:1.5em} #main .right #rotator-commands li .rotator-text { font-size:11px; padding:2px 0} #gallery-adv { height:323px; background-image:url(../images/bg_homerotator.jpg); background-repeat:no-repeat; background-position:left top; padding:6px 0 9px 6px; margin:9px 0 0 0; } .cms-home #main .right .title { text-decoration:underline; font-weight:bold; color:white; display:block; padding:10px 0 0 0 } .cms-home #main .right .red { color:#d70909 } .cms-home #main .right p { color:white } #main .right img { margin:9px 0 0 0; /* border:solid 1px #000000; */ } #homebottom { padding:9px 0 0 9px; width:977px; background-color:#FFF} #homebottom .col { margin:0 9px 0 0; padding:4px; background-color:#000; width:227px; float:left; } #homebottom .collast { margin:0 0 0 0; padding:4px; background-color:#000; width:227px; float:left; } #homebottom img { float:right; border:solid 1px #FFF } #homebottom p { color:white; font-weight:bold; font-size:1em; width:134px; text-align:center; padding:30px 0 0 0; } #homebottom a { color:white; font-weight:bold; font-size:1em } #footer { background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat; background-position:9px 9px; padding:10px; width:966px} #footer .col { width:168px; float:left; background-color:#000; padding:25px 36px 0 37px; } #footer .col img { float:left; padding:0 4px 0 0; } #footer .col .title { padding:6px 0 4px 0; color:#838383 } #footer .col p { font-size:11px; color:#838383; text-align:justify; } #footer .col a { color: #fff; text-decoration: underline; } #footer .col a:hover { text-decoration:none; } #footer ul { clear:both; padding:45px 0 0 175px !important; padding:35px 0 0 175px; margin:0; list-style:none; } #footer li { padding:0 0 0 6px; margin:0 0 0 6px; float:left; border-left:solid 1px #000000; font-size:11px; } #footer li.first { border:none } /********** < Navigation */ #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } /* All Levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li li.parent {} /* 0 Level */ #nav li { float:left; } #nav li.active a { color:#2a2824; } #nav a { float:left; padding:5px 12px 6px 8px; color:#898885; font-weight:bold; } #nav li.over a, #nav a:hover { color:#2a2824; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ddd; } #nav ul li.over {} #nav ul li.last { background:#656461; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd leven */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; } /* 3rd+ Level */ #nav ul ul { top:5px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#f6f6f6; color:#898885; } #nav ul li a:hover { background:#ccc; color:#fff !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } #mc_embed_signup input, input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } #mc_embed_signup input, input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /*button::-moz-focus-inner { padding:0; border:0; }*/ button.button { overflow:visible; width:auto; background:#5E5E5E; cursor:pointer; /*-webkit-border-fit:lines;*/ } button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#FFF; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {} .highlight {}*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } #mc_embed_signup input, .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .checkout-onepage-index h4 {color:#666666; font-size:14px; font-weight:bold; padding:0 0 5px 0; } .checkout-onepage-index #checkout-review-table h4 {color:black; font-size:12px; font-weight:bold; padding:0 0 5px 0; } .checkout-onepage-index .group-select .input-box { float:left; width:229px; } .group-select input.input-text, .group-select textarea {width:465px; } .group-select select { width:465px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .checkout-onepage-index .group-select .input-box select { width:217px; } /***Checkout***/ .checkout-onepage-index .side-col h3{margin-bottom:10px;} .one-page-checkout-progress .page-head {margin-bottom:1em;} .one-page-checkout-progress li {background:#EEEEEE none repeat scroll 0 0;border:1px solid #A3AEB3;margin-bottom:6px;} .one-page-checkout-progress h4 {background:#EEEEEE none repeat scroll 0 0;color:#999999;margin:0;padding:2px 8px;text-transform:none;} .one-page-checkout-progress h4.complete {background:#D0DCE1 none repeat scroll 0 0;border-bottom:1px solid #A3AEB3;color:#5E8AB4;} .one-page-checkout-progress h4 a {text-transform:none;} .one-page-checkout-progress .content {padding:8px 13px;} .buttons-set { clear:both; margin:5px 0 0; padding:5px; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; margin:0 0 0 0; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ #newsletter .validation-advice { clear:both; min-height:13px; margin:-30px 0 0 40px; padding:4px 4px 4px 17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 5px 4px no-repeat; color:#f00; position:absolute; background-color:#333333 } .validation-advice { clear:both; min-height:13px; margin:0px 0 0; padding:4px 4px 4px 17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg_up.gif) 5px 4px no-repeat; color:#f00; position:absolute; background-color:#333333 } .validation-failed { border:1px dashed #f00 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; text-align:left; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 0; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { background-image:url(../images/bg_header_wide.jpg); background-repeat:no-repeat; height:31px; margin:0 0 9px 0; padding:0; width:746px; } .checkout-onepage-index .page-title { background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; height:31px; margin:0 0 9px 0; padding:0; width:495px; } .page-title h1 { color:#BBBBBB; float:left; padding:7px; font-size:14px; } .page-title h2 { color:#BBBBBB; float:left; padding:7px; font-size:14px; } /*h3 { font-size:14px; padding:10px 0; }*/ .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0 20px 0; text-align:center; height:20px; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:2px 0 0 192px !important; margin:2px 0 0 -40px !important!; position:absolute; font-size:11px } .pager .pages a { color:#000; } .pager .pages .current { color:#BD0606; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} .pager .sort-by { float:right; font-size:11px } .pager .sort-by select { font-size:11px; } /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { background-image:url(../images/bg_header4.jpg); background-repeat:no-repeat; height:31px; margin:0; padding:0; width:239px; } .block .block-title h2 {color:#BBBBBB; float:left; padding:7px;font-size:14px;} .block .block-title strong { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:9px 0 0 0; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress { width:239px; } .block-progress dt { background-image:url(../images/bg_checkout_progress.jpg); color:#747474; font-size:14px; margin:0 0 1px; padding:10px; text-decoration:none; } .block-progress dt.complete, .block-progress dd.complete { font-size:12px; padding:10px; color:black } .block-progress dt.complete a, .block-progress dd.complete a { color:#747474} .block-progress dt.complete p, .block-progress dd.complete p { line-height:1.5em;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { } .products-grid tr { } .products-grid td { width:33%; border-right:1px solid #ddd; padding:0 5px 0 0; } .products-grid td .product-image { padding:0 0 0 5px; width:100%; display:block } .products-grid td.last { width:33%; border:none } .products-grid td a:hover { text-decoration:none; } .products-grid td.empty {} .products-grid h2 { line-height:10px; padding:0 0 0 19px} /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; text-align:center; } .products-list h2 .product-name, .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Product Images */ .product-view .product-img-box { position:absolute; right:12px; top:51px;width:352px; } .product-view .product-img-box .product-image { border:0px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:4px auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop {} .product-view .title { background-image:url(../images/bg_header_wide.jpg); background-repeat:no-repeat; height:31px; margin:0; padding:0; width:746px; } .product-view .title h5 { color:#BBBBBB; float:left; padding:7px; } .product-view .short-description {} /* Rating */ .ratings { padding:0 0 0 19px; font-size:11px; font-weight:bold; color:#000000} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability { color:#666464; font-size:9px; text-transform:uppercase; } .availability .in-stock { display: none; padding:0 color:#666464; font-size:11px; font-weight:bold; text-transform:uppercase } .availability .out-of-stock { display: none; padding:0 0 0 19px; color:#666464; font-size:11px; font-weight:bold; text-transform:uppercase } #free-delivery .availability .in-stock {display: block;} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {padding: 3px 0 0 19px; line-height:20px; } .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { padding:0; color:#505050; font-size:11px; } #related-products .regular-price .price { padding:0 0 0 0; color:#505050; font-size:11px; } #related-products a { color:#810C00; } .product-view .regular-price .price {color:#A40707; float:left; font-size:24px; font-weight:bold; padding:10px 0 0 10px; text-transform:uppercase;} /* Old price */ .old-price { display:none} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; display:none } .special-price .price { font-weight:bold; color:#FF9900;} .catalog-category-view .special-price .price { font-weight:bold; color:#FF9900; padding:0; } .catalog-product-view .special-price .price { color:#A40707; float:left; font-size:24px; font-weight:bold; padding:17px 0 6px 10px; text-transform:uppercase; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { width:200px; } .product-options dt label { text-transform:uppercase; color:#666464; font-size:12px; font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:2px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; text-transform:uppercase; color:#666464; font-size:12px; font-weight:bold; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { width:190px; } .product-options-bottom .price-box { } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review { padding:10px 0 0 0; } .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:11px; color:#810C00; } #details-heading .product-name { font-size:18px; color:#000000; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { clear:both; float:left } .cart .shipping { float:left; width:50%} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } /*.opc li.section { border:1px solid #ddd; border-bottom:0; }*/ .opc .step-title { cursor:pointer; background-image:url(../images/bg_checkout_heading_nonactive.jpg); background-position:left bottom; background-repeat:no-repeat; color:#000000; font-size:14px; margin:0; padding:7px; text-decoration:none; } .opc .active .step-title .number { float:left; line-height:17px; margin-right:5px; color:#FFF;} .opc .step-title .number { float:left; line-height:17px; margin-right:5px; color:#000000;} .opc .step-title h3 { float:left; padding:0; margin:0; color:#000000; font-weight:bold; font-size:14px; } .opc .active .step-title h3 { float:left; padding:0; margin:0; color:white; font-weight:bold } .opc .allow .step-title { cursor:pointer; background-image:url(../images/bg_checkout_heading_nonactive.jpg); background-position:left top; background-repeat:no-repeat; color:#000000; font-size:14px; margin:0; padding:7px; text-decoration:none;} .opc .active {} .opc .active .step-title { background-image:url(../images/bg_checkout_heading_active.jpg); border:medium none; color:#FFFFFF; font-size:14px; margin:0; padding:7px; text-decoration:none; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; width:475px; margin:0 0 8px 0} .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:left; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { } /* ======================================================================================= */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard { margin:9px 0 0 0; } .dashboard p { margin:9px 0 0 0; } .dashboard a { color:#BD0606;} .dashboard h4 { padding:16px 0 5px 0; } .dashboard .col-1 { padding:10px 0 10px 0; } .dashboard .col-2 { padding:10px 0 10px 0; } .dashboard .welcome-msg {} .dashboard .number {float:left; padding:0 10px 0 0;} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .tags, .dashboard .reviews {padding:10px 0 10px 0;} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .sales-order-print .col-1 {float:left; padding:10px 30px 10px 0; width:300px;} .sales-order-print .col-2 {padding:10px 0 10px 0} /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left; padding:0 20px 0 0; } /* ======================================================================================= */ /************************************************/ /******************** Clears ********************/ /************************************************/ .clearer, .clearer:after, .header:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block-poll li:after, .block-related li:after, .block-related .item:after, .block .actions:after, .mini-products-list li:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .products-list li.item:after, .product-view .product-img-box .more-views ul:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .field-100:after, .group-select li:after, .form-list li:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Accordeon Menu */ #accordeon_menu { padding:14px 0 2px 2px; margin:0; width:210px; background-image:url(../images/bg_sidebar_top.jpg); background-repeat:no-repeat; background-color:#000000; } /* Styles for Example #1 */ .level1 { margin:0; padding:0; width:185px; list-style-type:none; } .level1 a { display:block; width:100%; text-decoration:none; } .level1 ul { margin:0; padding:2px 0 5px 0; list-style: none; } .level1 ul ul { margin:0; padding:0 0 0 10px; list-style: none; } .level1 li { margin:0 0 2px 0; padding:0; } .level1 li.morepadding { margin:20px 0 2px 0; padding:0; } .level1 ul li { margin:0; padding:0; } .morepadding { margin:20px 0 0 0 } .level1 li a { padding:4px 0 2px 6px; height:auto; width:201px; font-size:10px; background-color:#222222; color:#b2b2b2; text-transform:uppercase } .level1 li a:hover { padding:4px 0 2px 6px; height:auto; width:201px; font-size:10px; background-color:#222222; color:#FFFFFF; text-decoration: none; } .level1 a.open { padding:4px 0 2px 6px; height:auto; width:201px; font-size:10px; background-color:#222222; color:#FFFFFF; text-decoration: none; } .level1 ul li a { font-size:10px; padding:2px 0 2px 6px; margin:0; width:auto; height:12px; background-color:#000; color:#ababab; } .level1 ul li a:hover { font-size:10px; padding:2px 0 2px 6px; margin:0; width:auto; height:12px; background-color:#000; color:#FFF; } .level1 ul a.open { font-size:10px; padding:2px 0 2px 6px; margin:0; width:auto; height:12px; background-color:#000; color:#FFF; } .level1 ul li.active a { font-size:10px; padding:2px 0 2px 6px; margin:0; width:auto; height:12px; background-color:#000; color:#bd0606; } #find-us { padding:40px 0 0 10px; } #find-us ul { padding:0; margin:0; list-style:none; } #find-us li { padding:0 6px 0 0; margin:0; float:left; vertical-align:bottom; } #find-us li a { font-size:12px; color:#b2b2b2; font-weight:bold } #find-us li.text { margin:0; padding:12px 0 0 0 } /* product details page */ #details-heading { padding:9px 0 0 0 } #details-heading ul { padding:0; margin:0; list-style:none; } #details-heading li { padding:0; margin:0; float:left; } #details-heading li.product-name { background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; background-position:left top; height:31px; padding:0 0 0 7px; margin:0; } #details-heading li.product-name div { float:left; background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; background-position:right top; padding:7px 7px 0 0; height:24px; font-size:14px; color:#FFF; font-weight:bold } #details-heading li { background-image:url(../images/bg_header6.jpg); background-repeat:no-repeat; background-position:left top; height:31px; padding:0 0 0 7px; margin:0 0 0 4px } #details-heading li div { float:left; background-image:url(../images/bg_header6.jpg); background-repeat:no-repeat; background-position:right top; padding:7px 7px 0 0; height:24px; font-size:14px; color:#FFF; font-weight:normal } .details-price { float:left; text-transform:uppercase; color:#666464; font-size:12px; padding:20px 0 0 0; } .details-dollars { float:left; text-transform:uppercase; color:#a40707; font-size:26px; font-weight:bold; padding:10px 0 0 10px; } #betterprice { margin:0; font-size:14px; font-weight:bold; background-image:url(../images/bg_betterprice.jpg); background-repeat:no-repeat; width:186px; height:34px; padding:7px } #betterprice a { color:#A40707; } #betterprice a:hover { text-decoration:none } #betterprice a span { font-size:12px; font-weight:normal; color:#666464 } #warranty { float:left; text-transform:uppercase; color:#666464; font-size:12px; font-weight:bold; padding:20px 0 0 0; } #warranty ul { padding:0; margin:0; list-style:none } #warranty li { padding:0; margin:0 0 4px 0 !important; margin:0; } #warranty li input { position:relative; top:2px; } #warranty li label { margin:0 0 0 4px !important; margin:0; } ul#add { padding:10px 0 10px 0 !important; padding:10px 0 5px 0; margin:0; list-style:none; clear:both; } ul#add li { padding:0; margin:0; float:left; } a.add-to-cart { margin:5px 0 0 0; background-image:url(../images/bg_btn_add_to_cart.jpg); background-repeat:no-repeat; padding:25px 0 0 0; width:140px; height:41px; display:block; text-transform:uppercase; color:#FFF; font-weight:bold; text-align:center; cursor:pointer; } a:hover.add-to-cart { text-decoration:none; } a.add-to-wishlist { clear:both; margin:0; background-image:url(../images/bg_btn_add_to_wishlist.jpg); background-repeat:no-repeat; padding:4px 0 0 0; width:140px; height:18px; display:block; text-transform:uppercase; color:#FFF; font-weight:bold; text-align:center } a:hover.add-to-wishlist { text-decoration:none; } .tabs { padding:10px 0 0 0; } .tabs ul.tabNavigation { padding:0; margin:0; list-style:none; } .tabs ul.tabNavigation li { padding:0 1px 0 0; margin:0; float:left; } .tabs ul.tabNavigation li a { background-image:url(../images/bg_tabs.jpg); height:20px; background-repeat:no-repeat; background-position:left -24px; display:block; width:118px; color:#6e6e6e; text-align:center; padding:4px 0 0 0; } .tabs ul.tabNavigation li a:hover { text-decoration:none; } .tabs ul.tabNavigation li a.selected { background-position:left top; color:#222222; } div.tab_content { clear:both; margin:0; padding:0; background-image:url(../images/bg_tab_content_top.jpg); background-position:left top; width:744px; color:#222222 } div.tab_content dl { padding:10px 0 10px 0; border-bottom:solid 1px #E5E5E5; } div.tab_content .text { padding:20px 20px 10px 20px; } div.tab_content .tab_content-bottom { background-image:url(../images/bg_tab_content_bottom.jpg); background-position:left bottom; width:34px; padding:0 0 0 710px } div.tab_content .tab_content-bottom a { background-image:url(../images/bg_more.jpg); background-repeat:no-repeat; width:32px; height:32px; display:block; text-indent:-999999px; } div.tab_content ul { list-style:disc; list-style-position:inside; padding:10px 0; } div.tab_content ul.form-list { list-style:none; } div.tab_content ul li { font-size:11px; } #related-products { padding:20px 0 0 0; } #related-products ul { padding:10px 0 0 0; margin:0; list-style:none; } #related-products li { padding:0; margin:0 5px; float:left; width:126px; text-align:center; } /* Shopping Cart */ #shopping-cart-table thead tr th {height:38px; border-bottom: 1px solid #dddddd; background-color:#f4f4f4; text-align:center;} #shopping-cart-table tbody tr td {border-bottom: 1px solid #dddddd; text-align:center;} #main-wide h3 {float:left;} .checkout-types {float:right;padding-top:26px;padding-bottom:0px;} .qty {width:15px;} .shopping-cart-table-product-name {color: #2a2929; font-weight:bold; text-decoration: none; font-family: georgia, arial; font-size:14px;} #shopping-cart-subtotals-table tbody tr td, #shopping-cart-totals-table tbody tr td {height:38px; text-align:right; padding-right:5px;} #shopping-cart-subtotals-container {background-color:#f4f4f4; width:900px;margin: auto;float:left;} #shopping-cart-totals-container {background-color:#f4f4f4; width:900px;min-height:38px;} .shopping-cart-collaterals {} .discount-codes {padding-left: 22px; border-bottom: 1px solid #efefef; } #discount-codes-text, #discount-codes-code, #discount-codes-button, .discount-codes h4{float:left;} #discount-codes-text, #discount-codes-code, #discount-codes-button {padding-top:20px;} #discount-codes-text {padding-left:36px;} #discount-codes-code {padding-left:10px;} #discount-codes-button {padding-left:7px;} .shipping-estimate {padding-left:22px;} #shipping-estimate-header {float:left;width:225px;} #shipping-estimate-form {float:left;padding-left:20px; width:420px;} #shipping-estimate-form-country, #shipping-estimate-form-region, #shipping-estimate-form-city, #shipping-estimate-form-postcode {float:left; padding-right:10px;} #shipping-estimate-form-text {float:left;padding-top:20px; width: 300px;} #country {width:117px;border:solid 1px #ccc; padding:4px;} #region_id {width:166px;border:solid 1px #ccc; padding:4px;} #postcode {width:87px;} #shipping-estimate-result {padding-top:40px;width:200px;float:right;} #shipping-estimate-result-values {} #shipping-estimate-button {float:right;padding-right:20px;} #shipping-estimate-form-result-button {padding-top:10px;} select#country {padding:3px;} /* checkout */ .checkout-header { color:#000; font-size:14px; text-decoration:none; margin:0px; padding:7px; background-image:url(../images/bg_checkout_heading_nonactive.jpg); background-position:left top; background-repeat:no-repeat; } .active .checkout-header {border:none;color:#FFFFFF;background-image:url(../images/bg_checkout_heading_active.jpg);} .a-item {padding:0px 0px 15px 0px; float:left;width:475px; background-image:url(../images/bg_checkout_active.jpg); background-position:left bottom; } .validation-advice {color: #f82e54;text-align:right;} /* checkout login panel */ #checkout-step-login .col2-set .col-1 {float:left; width:227px;padding-top:10px;padding-left:0; margin:0 0 0 10px;} #checkout-step-billing .col2-set .col-1 { float:left; margin:0 0 0 10px; padding-left:0; padding-top:10px; width:227px; } #checkout-shipping-method-load .sp-methods { float:left; margin:0 0 0 10px; padding-left:0; padding-top:10px; width:227px; } #checkout-step-shipping .col2-set .col-1 { float:left; margin:0 0 0 10px; padding-left:0; padding-top:10px; width:227px; } #checkout-step-login .col2-set .col-2 {float:right; width:210px;padding-top:10px;padding-left:18px; padding-right:10px; } #checkout-step-login .col2-set .col-1 h5, #checkout-step-login .col2-set .col-2 h5 {color:#666666;font-size:14px;font-weight:bold;padding-bottom:5px;} #checkout-step-login .col2-set .col-2 h5 { padding-bottom:22px;} .input-box a.left, #login-form p.required {font-size:11px;} #login-email, #login-password {width:190px;} #login-password {float:left;} ul.disc {list-style-image: url(../images/red-circle.jpg); padding-left: 20px;} #checkout-login-button-container {margin-left:0; padding:10px 0 10px 0; float:left;} #checkout-step-login .col2-set .col-2 .button-set input {float:right;} /* checkout billing panel */ #checkout-step-billing #billing-left {float:left; width:209px;padding-top:25px;padding-left:10px;} #checkout-step-billing #billing-right {float:right; width:258px;padding-top:25px;padding-left:18px;} #checkout-step-billing #billing-left h4,#checkout-step-billing #billing-right h4 {color:#666666;font-size:16px;font-weight:bold;border-bottom: 1px solid #eeeeee;padding-bottom:5px;} #checkout-step-billing #billing-left h4 {margin-left:-18px;padding-left:18px;} #checkout-step-billing #billing-right h4 {margin-left:-18px;padding-left:18px;} ul.form-list li { margin-bottom: 2px;} .#billing-right .validation-advice {color: #f82e54;text-align:right;padding-right:18px;} #billing-left li .input-box label {width:76px;float:left;} #billing-right li .input-box label {width:111px;float:left;} #billing-left li .input-box, #billing-right li .input-box {margin-bottom:15px;} #billing\:firstname, #billing\:lastname, #billing\:company, #billing\:email, #billing\:telephone, #billing\:fax {width:206px;} #billing\:street1, #billing\:city, #billing\:region, #billing\:state, #billing\:customer_password, #billing\:confirm_password, #billing\:postcode {width:206px;} #billing\:country_id {width:206px;}/* compensate for the select box rendering smaller */ #billing\:street2 {width:206px;} #shipping\:street2 {width:206px;} #billing-use-for-shipping {float:left;padding-left:18px;} #billing-buttons-container {float:right; padding:0 10px 0 0} /* checkout shipping panel */ #checkout-step-shipping #shipping-left {float:left; width:209px;padding-top:25px;padding-left:10px;} #checkout-step-shipping #shipping-right {float:right; width:258px;padding-top:25px;padding-left:18px;} .#shipping-right .validation-advice {color: #f82e54;text-align:right;padding-right:18px;} #shipping-left li .input-box label {width:76px;float:left;} #shipping-right li .input-box label {width:111px;float:left;} #shipping-left li .input-box, #shipping-right li .input-box {margin-bottom:15px;} #shipping\:firstname, #shipping\:lastname, #shipping\:company, #shipping\:email, #shipping\:telephone, #shipping\:fax {width:206px;} #shipping\:street1, #shipping\:city, #shipping\:region, #shipping\:state, #shipping\:customer_password, #shipping\:confirm_password, #shipping\:postcode {width:206px;} #shipping\:country_id {width:206px;}/* compensate for the select box rendering smaller */ #shipping-use-for-shipping {float:left;padding-left:18px;} #shipping\:back-button {float:left; padding:0 0 0 10px;} #shipping\:continue-button{float:right; padding:0 10px 0 0} /* checkout shipping method panel */ #shipping-method\:back-button {float:left;} #shipping-method\:continue-button {float:right; padding:0 10px 0 0;} #shipping-methods\:available {padding-top:25px;padding-bottom:25px;} .shipping-methods-available-item {padding-top:5px;} /* checkout payment method panel */ #checkout-payment-method-load {padding-left:9px;padding-top:12.5px;} #payment\:back-button {float:left;} #payment\:continue-button {float:right; padding:0 10px 0 0} #payment-form-label {float:left;width:165px;} #payment_form_ccsave {padding-top:15px; padding-bottom:15px;} #payment_form_ccsave li .input-box, #payment_form_ccsave li .input-box {margin-bottom:15px;} #payment_form_ccsave li { margin-bottom: 2px;} #payment_form_ccsave li .input-text {width:203px;} #payment_form_ccsave li select {width:127px;} #payment_form_ccsave li .validate-cc-cvn {width:75px;} #payment_form_ccsave li select#ccsave_expiration_yr {width:85px;} select#ccsave_expiration_yr {width:81px;} /* checkout review panel */ #checkout-review-load {padding-top:10px;margin:0 2px;} #checkout-review-table thead tr th {height:26px; border-bottom: 1px solid #dddddd; text-align:center;} #checkout-review-table tbody tr td {border-bottom: 1px solid #dddddd; text-align:center;} #checkout-review-subtotals-table tbody tr td, #checkout-review-totals-table tbody tr td {height:26px; text-align:right; padding-right: 21px;} #checkout-review-subtotals-container { width:670px;margin: auto;float:left;} #checkout-review-totals-container { min-height:26px; border-top:1px solid #dddddd; background-color:#f2f2f2; } h5.title {font-weight:bold;} /* checkout progress panel */ .one-page-checkout-progress {margin-top:0px;width:239px;} .one-page-checkout-progress h4 {color:#fb3257;margin:0px} .one-page-checkout-progress ol {padding-top:10px;padding-bottom:50px;} .one-page-checkout-progress ol li .progress-header { font-size:14px;text-decoration:none;margin:0px;padding:10px;color:#747474; background-image:url(../images/bg_checkout_progress.jpg); } .one-page-checkout-progress ol li .progress-header label {width:190px;float:left;color:black} .one-page-checkout-progress ol li .progress-header a {display:inline;border:none;color:#747474;font-size:12px;} .one-page-checkout-progress ol li .content {font-size:12px;font-style:none;padding:10px;} address {font-style:normal;} ol.one-page-checkout, .one-page-checkout-progress ol { padding:0; margin:0; list-style:none; width:400px; } #checkout-step-billing ul { padding:0; margin:0; list-style:none; margin-left:6px; } #checkout-step-shipping ul { padding:0; margin:0; list-style:none; margin-left:6px; } #checkout-step-shipping_method ul { padding:0; margin:0; list-style:none } #checkout-step-payment ul { padding:10px 0 0 0; margin:0; list-style:none } #rightbar #accordion { padding:9px 0 0 0; } .one-page-checkout-progress ol li { padding:0 0 1px 0 } ol.one-page-checkout p { font-size:12px; padding:10px 0 0 0; margin:5px 0 5px 11px; } ol.one-page-checkout li { padding:1px 0 0 0 } ul.form-list { list-style:none } .one-page-checkout input.input-text { border:1px solid #CCCCCC; padding:4px; } .one-page-checkout textarea { border:1px solid #CCCCCC; padding:4px; } .one-page-checkout select { border:1px solid #CCCCCC; padding:2px; } .one-page-checkout .login-form { padding:10px 0 0 0; margin:10px 0 0 0; } .one-page-checkout .login-form input.input-text { width:240px; } .one-page-checkout #login-form .buttons-set { margin:0 45px 0 0; } .one-page-checkout { color:#666666; } .one-page-checkout p { color:#666666; } .discount { width:50%; float:left; } #messages_product_view { padding:9px 0 0 0} .blog-index-index #content-wide-inner .title { padding:0 0 9px 0} .blog-index-index #content #content-wide-inner img { } .cms-page-view #content-wide-inner .title { padding:0 0 9px 0} .recommanded-products { width:163px;float:left; } #gallery-adv img { width:487px; height:317px; } .cms-contact-us #main #content p { padding:5px 0; } .more-views ul { padding:0; margin:0; list-style:none; } .more-views li { float:left; padding:0 10px 0 0; } .catalog-category-view #main #right p { padding:0; margin:0; line-height:1em; } .sp-methods dt {padding-top:10px;font-weight:bold;} .flash_blocks {float:left} .flash_blocks embed { margin:9px 0 0 0; padding:0; float:left; } .catalogsearch-result-index #main #content #content-inner .page-title {background-image:url(../images/bg_header3.jpg); background-repeat:no-repeat; height:31px; margin:0 0 9px; padding:0; width:495px;} .blog-index-index #main #content #content-wide-inner .title { margin:0 0 9px 0; } .postContent ul { padding:0; margin:0; list-style:disc; list-style-position:inside; } .postContent li { padding:0; margin:0; font-size:11px; } .cms-page-view #content-wide-inner ul { padding:0; margin:0; list-style:disc; list-style-position:inside; } .cms-page-view #content-wide-inner li { padding:1px 0 1px 0; margin:0; font-size:11px; } .cms-page-view #content-inner ul { padding:0; margin:0; list-style:disc; list-style-position:inside; } .cms-page-view #content-inner li { padding:1px 0 1px 0; margin:0; font-size:11px; } #otherNewsLink {text-decoration:underline;font-weight:bold;} .availability {padding:0 0 3px 19px;} .product-view .availability {padding: 0 0 0 0;} #content-inner #checkout-step-payment #payment-tool-tip { top:0; } /* Exceed Sergei */ /* Search area */ #no-search { padding: 5px; margin-bottom: 10px; } #no-search ul { list-style:disc; list-style-position:inside; font-size:11px; } #behringer-right .right a img { border: none;} #content-inner .cat-box, #content-inner .cat-box-left { background-color: #fff!important; } /* Behringer Category page */ #accordeon_menu .level0.behringer {display: none;} .slidenav-box ul { width: 750px;} .behringer-top-menu { display: none; padding-right: 0; margin-right: 0;} .one-page-checkout .highlight {padding: 0; text-transform: none; color: #666666; font-weight: normal;} /* Exceed - Sergei 100350 */ /* Title: Exceed page Optimisatiop Written by: Sergei Filippov Date: 19 February 2010 */ .short-description p, .tab_content p { font-size: 12px;} .product-image-cont { float: left; width:350px; } .product-action-cont { float:right; width:370px; } .product-action-cont .add-to-box ul#add, { padding: 0!important; height: 100%; width: 100%; float: left; } .product-options-bottom { width: 100%; } .add-to-box { margin-top:15px; } .add-to-box .add-to-cart{ float: none; } .product-action-cont .price-box { padding: 0;} .product-action-cont .price-box p{ margin-bottom: 5px;} .product-action-cont .special-price .price-label, .product-action-cont #product-price-box .regular-price .price-label { display: inline;} .product-action-cont .special-price .price, .product-action-cont #product-price-box .regular-price .price { float: none; padding: 0; } .product-action-cont .old-price .price-label, .product-action-cont .old-price .price, .product-action-cont .special-price .price-label, .product-action-cont .special-price .price { font-size: 13px; font-weight: bold; color: #5D5D66; } .product-action-cont #product-price-box .regular-price .price-label, .product-action-cont #product-price-box .regular-price .price, .product-action-cont .special-price .price-label, .product-action-cont .special-price .price { font-size: 16px; font-weight: bold; color: #37373C; } .availability { color: #39760F; font-size: 12px; } #free-delivery .availability { color: #EDA64A!important; font-size: 11px!important; } #free-delivery { margin-top: 5px; margin-bottom: 0; } p.wishlist { clear: both; padding-top: 10px;} a.add-to-wishlist{ color: #575A6A; text-decoration: underline; text-transform: inherit; background: no-repeat; text-align: right; width: 334px; font-size: 10px; padding: 0; margin: 0; } a.add-to-cart { background-image: url("../images/bg_btn_add_to_cart_exceed.jpg"); height: 26px; width: 163px; padding: 10px 0 0; margin: 0; font-size: 13px; } input.qty { width: 3.2em!important;} #add .add-to-cart-btn { float: right; text-align: center; } #add .add-to-cart-btn p { text-align: center; } #add .qty-amount {float:left;} .secure-note { font-style: italic; font-size: 9px;} /* Related Items */ .box.base-mini.mini-related-items { margin-top: 25px; } #guarantee { text-align: center; border: 1px solid #D5D5D5; border-bottom: 0; font-weight: bold; font-size: 12px; } #guarantee a { color: #0098D8; text-decoration: underline; } #product-price-box { border: 1px solid #D5D5D5; padding-top: 10px; } #product-price-box .price-box .old-price { display: block; } .product-action-cont .product-box { background-color: #F9F9F9; padding: 10px; } .product-action-cont .product-box p { line-height: normal;} .product-action-cont .product-price-box { float: none;} .mini-related-items .content ol { float: left; } .mini-related-items .content li { float: left; display: inline; width: 135px; margin: 0 10px 10px 0; } .mini-related-items .content li .product-images { text-align: center; } .product-details p { text-align: center; margin-top: 10px; height: 45px;} .product-details p.special-price { margin-top: 0; height: auto; } .product-details a { color: #0098D8; text-decoration: underline; } .mini-related-items .content .product-details .price-box { line-height: auto; padding: 0; text-align: center; margin: 5px 0; float: left; overflow: hidden; width: 100%; } .mini-related-items .content .product-details .regular-price, .mini-related-items .content .product-details .regular-price .price, .mini-related-items .content .product-details .special-price, .mini-related-items .content .product-details .special-price .price { font-size: 14px; color: #39760F; padding: 0; text-decoration: none; line-height: auto; width: 135px; } .mini-related-items .content li .check-box { text-align: center; margin-top: 5px; }