/* css by digital garden */ /* author: dennis grossmann */ /* last revision: 01-11-2007 */ /* Browser Reset ****************************/ * {padding:0; margin:0; border:0;} /* Fonts ****************************/ html {font-size:12px;} body {font:12px arial, sans-serif; } html > body {font-size:12px;} h1 {font-size:1.3em;} h2 {font-size:1.2em;} h3 {font-size:1em;} h4 {font-size:1em;} h5 {font-size:0.9em;} h6 {font-size:0.8em;} table, td, input, textarea, select {font:1em arial, sans-serif;} /* Main Selectors ****************************/ body {background:#FFF; color:#666; line-height:1.5em; text-align:left;} p {margin:0; padding:5px 0; clear:both} strong {font-weight:bold;} input.input-text { border:solid 1px #ccc; padding:4px; } textarea { border:solid 1px #ccc; padding:4px; } select { border:solid 1px #ccc; padding:2px; } button { border:0; cursor:pointer; padding:0 12px 0 0; text-align:center; background:url(../images/button-right.jpg) right no-repeat; font-size:1em; font-family:Georgia, arial; width:auto; overflow:visible; } button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 14px; height:36px; line-height:36px; background:url(../images/button-left.jpg) left no-repeat; color:#fff; margin-top:0px !important; margin-top:1px; } button.right { text-align:center; } /* Headings ****************************/ h1,h2 {margin:1em 0; color:#ed1c24; font:28px georgia; text-transform:lowercase; } h3 {padding:20px 0 24px 0; color:#ed1c24; font:28px georgia; margin-left:90px; text-transform:lowercase; } h4 {margin:1em 0; color:#666; font:18px georgia; text-transform:lowercase; } h5 {margin:1em 0; color:#666; font:14px georgia; text-transform:lowercase; } h6 {margin:1em 0; color:#666; font:12px georgia; text-transform:lowercase; } h1 { color:#ed1c24; padding-left:90px; text-transform:lowercase; } #main-wide .page-head h3 {padding:30px 0 24px 0; color:#ed1c24; font:28px georgia; margin-left:40px; text-transform:lowercase; } #main-wide .content h4 { clear:both; text-transform:lowercase } #main-wide h1 { padding-left:38px; text-transform:lowercase } #main-wide h2 { padding:15px 0 0 0; margin:0; text-transform:lowercase; font-size:16px; } #main-wide h3 { padding:15px 0 0 0; margin:0; text-transform:lowercase; font-size:14px; color:#ed1c24;} #main-wide a { color:#ed1c24 } .messages { padding:0 0 0 94px; } .sendfriend-product-send h3 { padding:2px 0 24px 0 } .sendfriend-product-send #sender_options, .sendfriend-product-send #recipients_options { width:250px; } .sendfriend-product-send #sender_options .right, .sendfriend-product-send #recipients_options .right { text-align:left; } /* Lists ****************************/ ul, ol { list-style:none; } /* ul, ol {margin:1em 0;} li {margin:0 0 0.3em 0;} ul.unstyled {list-style-type:none;} ul.unstyled li {float:left;} */ /* Utility Classes ****************************/ .clear {clear:both; font-size:0; line-height:0em;} .indent {margin-left:2em;} .right {text-align:right;} .top {vertical-align:top;} .center {text-align:center;} .middle {vertical-align:middle;} .error {color:#AA0000; margin:0 0 1em 0;} .hide {display:none;} .show {display:block;} .img-right {float:right; margin:0 0 1em 1em;} .img-left {float:left; margin:0 1em 1em 0;} .break {padding:0.5em 0; clear:both;} .title {size:16px;} /* global formatting */ body {background:url(../images/bg-body.png) repeat-x #555;} a { color:#666; text-decoration:none; outline:none;} a:hover { color:#ed1c24; } /* layout containers */ #container {width:920px; margin:0 auto;} #header { position:relative; height:105px; padding-top:20px; } #navigation {} #content { background:url(../images/bg-sidebar2.gif) no-repeat bottom right; } #main {width:670px; padding:10px; min-height:534px; height:auto !important; height:534px; float:left; background:url(../images/bg-content.gif) no-repeat top left #fff; } #main-wide {width:762px; padding:0 0 20px 60px; min-height:534px; height:auto !important; height:534px; float:left; background:url(../images/bg-content.gif) no-repeat top left #fff; } #sidebar {float:right; width:210px; padding:85px 10px 10px 10px;} #sidebar-wide {float:right; width:82px; padding:0; background-color:#FFFFFF; height:470px;} #footer {clear:both; position:relative;} /* backgrounds and colors */ #home { min-height:500px; height:auto !important; height:500px; } .pics { height:176px;} #main form { margin-left:0px; } a#logo { position:absolute; left:-70px; top:35px; } #header ul { list-style:none; margin:0; } #header ul { list-style:none; clear:left; } #header ul li { float:left; } #header ul li a { float:left; padding-right:20px; font:14px georgia; color:#666; text-decoration:none; } #header ul li a:hover { color:#ed1c24; } #header #help { position:absolute; right:6px; text-align:right;} #header #help ul li a { padding-right:0; padding-left:20px; } #header ul#navigation { list-style:none; padding-left:100px; position:relative; top:70px; } ul#navigation li { float:left; } ul#navigation li a { float:left; padding-right:20px; font:16px georgia; color:#fff; text-decoration:none; } ul#navigation li a:hover { color:#ed1c24; } ul#navigation li.active a { color:#ed1c24; } #search { position:absolute; top:78px; left:700px;} #search label { font:14px georgia; color:#888; padding:0 5px; } #search input.text { background:#888; padding:3px; font-size:11px; color:#fff; } #search input.search { height:27px; width:27px; position:relative; top:9px; } ul#sortby { list-style:none; } ul#sortby li { float:left; } ul#sortby li a { float:left; color:#666; text-decoration:none; padding:0 10px; line-height:12px; border-left:solid 1px #666; font-size:11px; } ul#sortby li a:hover { color:#ed1c24; } ul#sortby li.first { border:0;float:left; color:#666; text-decoration:none; padding:0 10px; line-height:12px; font-size:11px;} ul#sortby li a.second { border:0; } span.paging { line-height:14px; float:right; padding-right:20px; color:#666; font-size:11px; } span.paging a { color:#666; text-decoration:none; } span.paging a:hover { color:#ed1c24; } ul.products { list-style:none; margin:0; border-right:solid 1px #333; padding:0; border:0; } ul.products li { float:left; border-right:1px solid #eee; margin:0; padding:0 10px; height:275px; } ul.products li p { padding:0; margin:0; font:13px georgia; } ul.products li a { color:#666; text-decoration:none; } ul.products li a:hover { color:#ed1c24; } div#blank { clear:both; height:30px; line-height:30px; } #footer { color:#aaa; padding-right:70px;padding-top:15px;width:920px;float:left;} #footer p { float:left; font-size:11px;padding:0;} #footer a { color:#aaa; text-decoration:none; } #footer a:hover { color:#ed1c24; } #footer ul { float:right; list-style:none;padding-right:60px;} #footer ul li { float:left; } #footer ul li a { float:left; color:#aaa; font-size:11px; text-decoration:none; padding:0 10px; } #footer ul li a:hover { color:#ed1c24; } #footer #footer-nav { position: relative; } #footer #footer-nav #fb-link, #footer #footer-nav #rss-link { display: block; position: absolute; width: 19px; height: 19px; left: -24px; top: -1px; padding: 0; margin: 0; } #footer #footer-nav #rss-link { left: -49px; } #footer #footer-nav #fb-link a, #footer #footer-nav #rss-link a { display: block; width: 19px; height: 19px; background: url(../images/share-links.png) no-repeat; padding: 0; margin: 0; } #footer #footer-nav #fb-link a { background-position: -21px top } #footer #footer-nav #fb-link a:hover { background-position: -21px -21px } #footer #footer-nav #rss-link a { background-position: left top; } #footer #footer-nav #rss-link a:hover { background-position: left -21px; } #sidebar .basic { width:190px; font-family:verdana; } .basic div {} .basic p { padding:10px; } .basic a { background:url(../images/h3-sidebar.png) no-repeat bottom; cursor:pointer; display:block; color:#fff; width:180px; font:14px georgia; padding:5px; border-top:solid 1px #fff; } #sidebar .basic div ul li a.widget-btn { display:inline; font-size:11px; font-family: arial;} #sidebar .basic div a { color:#666; text-decoration:none; font-size:12px; font-family: arial; font-weight:bold; line-height:16px; background:none; padding:0;} #sidebar .basic div a:hover {color:#ed1c24;} /* #sidebar .basic div a:hover { color:#666; text-decoration:underline; } */ #sidebar .basic div ul { list-style:none; margin:0;} #sidebar .basic div ul li { padding:4px 0; border-bottom:solid 1px #eee; } .basic a:hover { background:url(../images/h3-sidebar-hover.png) no-repeat bottom; } .basic a.selected {} /* 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 {text-align:center;} td.remove-row {border-bottom: 1px solid #dddddd;} /*#main-wide h3 {float:left;}*/ .checkout-types {float:right;padding-top:0px;padding-bottom:20px;} .checkout-cart-index #shopping-cart-totals-container { margin:0 0 20px 0; } .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: 42px;} #shopping-cart-subtotals-container {background-color:#f4f4f4; width:762px;margin: auto;float:left;} #shopping-cart-totals-container {background-color:#f4f4f4; width:762px;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:15px;} #discount-codes-text {padding-left:36px;} #discount-codes-code {padding-left:10px;} #discount-codes-button {padding-left:7px;} #discount-codes-button input.search {width:27px; height:28px;} .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:20px;width:218px;float:right;padding-bottom:20px;} #shipping-estimate-result-values {} #shipping-estimate-button {float:right;padding-right:45px;} #shipping-estimate-form-result-button {padding-top:10px;} select#country {padding:3px;} /* checkout */ .checkout-header {background-color:#f4f4f4;border-bottom: 1px solid #dddddd;color:#8f8f8f;font-size:20px;text-decoration:none;margin:0px;padding:7px;} .active .checkout-header {background-color:#fb3257;border:none;color:#FFFFFF;} .a-item {padding:0px 0px 15px 0px; float:left;width:670px;} .validation-advice {color: #f82e54;text-align:left;} /* checkout login panel */ #checkout-step-login .col2-set .col-1 {float:left; width:310px;padding-top:0px;padding-left:18px;} #checkout-step-login .col2-set .col-2 {float:right; width:310px;padding-top:0px;padding-left:18px;} #checkout-step-login .col2-set .col-1 h4,#checkout-step-login .col2-set .col-2 h4 {color:#666666;font-size:16px;font-weight:bold;border-bottom: 1px solid #eeeeee;padding-bottom:5px;} #checkout-step-login .col2-set .col-1 h4 {margin-left:-18px;padding-left:18px;} #checkout-step-login .col2-set .col-2 h4 {margin-left:-18px;padding-left:18px;} .input-box a.left, #login-form p.required {font-size:11px;} #login-email, #login-password {width:164px;} #login-password {float:left;} ul.disc {list-style-image: url(../images/pink-circle.gif); padding-left: 20px;} #checkout-login-button-container {margin-left:18px;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:282px;padding-top:25px;padding-left:18px;} #checkout-step-billing #billing-right {float:right; width:337px;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:88px;float:left;} #billing-right li .input-box label {width:114px;float:left;} #billing-left li .input-box, #billing-right li .input-box {margin-bottom:5px;} #billing\:firstname, #billing\:lastname, #billing\:company, #billing\:email, #billing\:telephone, #billing\:fax {width:182px;} #billing\:street1, #billing\:city, #billing\:region, #billing\:state, #billing\:customer_password, #billing\:confirm_password, #billing\:postcode {width:193px;} #billing\:country_id {width:203px;}/* compensate for the select box rendering smaller */ #billing-use-for-shipping {float:left;padding-left:18px;} #billing-buttons-container {float:right;} /* checkout shipping panel */ #checkout-step-shipping #shipping-left {float:left; width:282px;padding-top:25px;padding-left:18px;} #checkout-step-shipping #shipping-right {float:right; width:337px;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:88px;float:left;} #shipping-right li .input-box label {width:114px;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:182px;} #shipping\:street1, #shipping\:city, #shipping\:region, #shipping\:state, #shipping\:customer_password, #shipping\:confirm_password, #shipping\:postcode {width:193px;} #shipping\:country_id {width:203px;}/* compensate for the select box rendering smaller */ #shipping-use-for-shipping {float:left;padding-left:18px;} #shipping\:back-button {float:left;} #shipping\:continue-button{float:right;} /* checkout shipping method panel */ #shipping-method\:back-button {float:left;} #shipping-method\:continue-button {float:right;} #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;} #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;} #checkout-review-table thead tr th {height:26px; border-bottom: 1px solid #dddddd; background-color:#f4f4f4; 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 {background-color:#f4f4f4; width:670px;margin: auto;float:left;} #checkout-review-totals-container {background-color:#f4f4f4; width:670px;min-height:26px; border-top:1px solid #dddddd;} h5.title {font-weight:bold;} /* checkout progress panel */ .one-page-checkout-progress {margin-top:0px;width:200px;} .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 {background-color:#999999;border-bottom: 1px solid #ffffff;font-size:16px;text-decoration:none;margin:0px;padding:10px;color:#fff;font-family:georgia, arial;} .one-page-checkout-progress ol li .progress-header label {width:150px;float:left;} .one-page-checkout-progress ol li .progress-header a {display:inline;border:none;color:#d3d3d3;font-size:11px;} .one-page-checkout-progress ol li .content {font-size:12px;font-style:none;padding:10px;} address {font-style:normal;} /*hack the navigation*/ .level1 {display:none;} .cms-designers #main-wide ul { padding:0; margin:0; list-style:none; width:730px;} .cms-designers #main-wide li { padding:0 5px 0 10px; margin:0; float:left; background-image:url(../images/red-bullet.jpg); background-repeat:no-repeat; background-position:0 8px; text-transform:lowercase; font-family:georgia;font-size:20px;font-weight:normal;line-height:1.3em;} .cms-designers #main-wide li a{color:#666;} .cms-designers #main-wide li a:hover{color:#ed1c24;} .cms-faq #main-wide ul { padding:0; margin:0; list-style:disc; list-style-position:inside; width:730px;} .cms-faq #main-wide li { padding:1px 0 } .cms-faq #main-wide table { border-collapse:collapse; } .cms-faq #main-wide td { border:solid 1px #ed1c24; padding:4px; margin:0 } .cms-faq #sidebar-wide { height:600px; } .quote-pink {text-align:center;font-weight:bold;padding-bottom:20px;} .quote-pink a {font-size:18px;font-family:georgia, arial;} /*FAQ*/ #dlFAQ p { margin:0; padding:0; margin-bottom:0.5em } #dlFAQ dt, #dlFAQ dd, #dlFAQ dd li.main, #dlFAQ .dlCustomers { margin:0; padding:0; list-style:none} #dlFAQ dd a {font-family:georgia, arial;} #dlFAQ dd a.main { width:750px; display:block; padding:6px; background-color:#dddddd; color:#999; text-transform:uppercase; border-top: 1px solid #fff; border-bottom:0; font-weight:bold} #dlFAQ dd a.last { border-bottom:1px solid #fff!important} #dlFAQ dd a.main:hover { color:#fff!important; background-color:#CCC} #dlFAQ dd a.active, #dlFAQ dd a.active:hover {background-color:#666; color:white} #dlFAQ dd a.active, #dlFAQ dd a.active:hover {border-top:1px solid #fff} #dlFAQ dd a.active.last { border-bottom:0!important} #dlFAQ dd li.main div { background-color:#FFF; padding:15px; border:1px solid #666; width:730px;} #dlFAQ dt { width:750px; color:#FFFFFF; font-size:1em; font-weight:bold; padding:6px; display:block; background-color:#ed1c24; margin-top:6px;font-family:georgia, arial;} #dlFAQ dt.first { margin-top:0} #dlFAQ dl.reset *, #dlFAQ h6 { margin:0!important; padding:0!important } #dlFAQ dl.reset { margin-bottom:10px} #dlFAQ h6 { margin-bottom:5px} .input-box {padding-bottom:5px;} .input-box label {width:136px;float:left;} #register-button {margin-left:137px;} #payment_form_eway_direct li { padding-bottom:5px; clear:both; float:left } #payment_form_eway_direct li .input-box { padding-bottom:0; } #payment_form_eway_direct li .input-box .validation-advice { width:auto; float:left } #payment_form_eway_direct input { width:300px; } #payment_form_eway_direct .v-fix { width:158px; float:left } .product-options-bottom { visibility:hidden; display:none } #product-options-wrapper .required { font-size:11px; padding:0 0 5px 0 } .item-options { font-size:12px; font-family:arial } .mini-cart { padding:0 0 12px 0; } #sidebar .basic div a.link-cart { text-align:right; font-weight:normal; color:#ed1c24; font-family:georgia; background-image:url(../images/bu-arrow.jpg); background-repeat:no-repeat; background-position:184px 4px; padding:0 10px 0 0 } .mini-newsletter { position:absolute; margin:0 0 0 249px; } .mini-newsletter input { background:#888888 none repeat scroll 0 0; color:#FFFFFF; font-size:11px; padding:3px; border:none } .mini-newsletter label { font-family:georgia; color:#666666; padding:0 6px 0 0; } .mini-newsletter button { background-image:url(../images/bu-search3.jpg); background-repeat:no-repeat; height:21px; width:21px; display:block; position:absolute; margin:-20px 0 0 297px !important; margin:0 0 0 12px !important!; margin:-8px 0 0 12px; } .mini-newsletter button:hover { background-image:url(../images/bu-search4.jpg); } .mini-newsletter button span { display:none; } .mini-newsletter .messages { padding:0; } .mini-newsletter .messages .success-msg { color:#666666; } .mini-newsletter .validation-advice { position:absolute; font-size:10px; width:400px; margin:0 !important; margin:30px 0 0 -290px !important!; margin:30px 0 0 -290px; color:#666666; } .bigimg { float:left; width:551px; height:539px; } .bigimg img { float:left; width:551px; height:539px; } .bigimg p { padding:0; margin:0; } .cms-page-view #main-wide img { padding:0 0 0 20px; } .link-feed { color:#ed1c24; } .category-head a.link-feed { padding:0 0 0 90px; }