/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ a:link {color: #A19042; text-decoration: none; text-transform:uppercase; font-size:10px; } a:visited {color: #A19042; text-decoration: none; text-transform:uppercase; font-size:10px; } a:hover {color: #000; text-decoration: none; text-transform:uppercase; font-size:10px; } a:active {color: #A19042; text-decoration: none; text-transform:uppercase; font-size:10px; } body { background-image: url(../images/bg_concrete.jpg); background-attachment:fixed; } html { height:100%; } .std { height:100%; } .page-popup { height:100%;} #popup-window { height:100%; min-height:100%; height:auto !important; background-color:#FFF; padding:10px; } .wrapper { padding:0 0 10px 0; } .page { width:1000px; margin:0 auto; padding:10px 0 10px 0; text-align:left; background:#fff; margin-top:10px; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:10px 0; } .trustwave { margin:20px 0; } /* Base Columns */ .col-left { float:left; width:160px; padding-left:10px; } .col-main { float:left; width:626px; border:1px solid #ddd; padding:5px; margin:0 10px 0 10px; } .col-right { float:right; width:160px; padding-right:10px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding:10px; margin: 0 10px 0 10px; text-align:center; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; width:78%; padding:10px; margin-right:10px; } .col2-right-layout .col-main { float:left; width:78%; padding:10px; margin-right:10px; } /* 3 Columns Layout */ .col3-layout .col-main { width:626px; margin:0 10px 0 10px; } .col3-layout .col-main h3 { color:#fff; background-color:#C5C5C5; padding-left:5px; margin:10px 0 10px 0; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ .input-contribute-telephone { display:none; } .input-contribute-name { } .input-contribute-email { } .input-contribute-comment { } input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } 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.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } button.button span { float:left; padding:0 12px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px 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 { background:#eee; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .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; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; background-color:#fff; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; text-align:right; } /* 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 10px; } .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, .homecrumbs { padding:10px; margin:0 0 10px 0; background:#D4D4D4; border-top:0px; border-left:10px solid #fff; border-right:10px solid #fff; border-bottom:10px solid #fff; text-transform: uppercase; font-size: 10px; } .breadcrumbs li { display:inline; } /* Links Rollovers */ .links-demuto { background:url(../images/linkspage-demuto-hover.gif) no-repeat; float:left; display:block; width:182px; height:65px; margin:4px; } .links-demuto a { display:block; width:182px; height:65px; } .links-demuto img { width:182px; height:65px; } .links-demuto a:hover img { visibility:hidden } .links-demuto span { visibility:hidden } .links-mj { background:url(../images/linkspage-mj-hover.gif) no-repeat; float:left; display:block; width:94px; height:65px; margin:4px; } .links-mj a { display:block; width:94px; height:65px; } .links-mj img { width:94px; height:65px; } .links-mj a:hover img { visibility:hidden } .links-mj span { visibility:hidden } .links-ucascard { background:url(../images/linkspage-ucascard-hover.gif) no-repeat; float:left; display:block; width:113px; height:65px; margin:4px; } .links-ucascard a { display:block; width:113px; height:65px; } .links-ucascard img { width:113px; height:65px; } .links-ucascard a:hover img { visibility:hidden } .links-ucascard span { visibility:hidden } .links-prince-trust { background:url(../images/linkspage-prince-trust-hover.gif) no-repeat; float:left; display:block; width:73px; height:65px; margin:4px; } .links-prince-trust a { display:block; width:73px; height:65px; } .links-prince-trust img { width:73px; height:65px; } .links-prince-trust a:hover img { visibility:hidden } .links-prince-trust span { visibility:hidden } .links-tech-pixel { background:url(../images/linkspage-tech-pixel-hover.gif) no-repeat; float:left; display:block; width:65px; height:65px; margin:4px; } .links-tech-pixel a { display:block; width:65px; height:65px; } .links-tech-pixel img { width:65px; height:65px; } .links-tech-pixel a:hover img { visibility:hidden } .links-tech-pixel span { visibility:hidden } .links-ice-blok { background:url(../images/linkspage-ice-blok-hover.gif) no-repeat; float:left; display:block; width:72px; height:65px; margin:4px; } .links-ice-blok a { display:block; width:72px; height:65px; } .links-ice-blok img { width:72px; height:65px; } .links-ice-blok a:hover img { visibility:hidden } .links-ice-blok span { visibility:hidden } .links-paris { background:url(../images/linkspage-paris-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-paris a { display:block; width:104px; height:65px; } .links-paris img { width:104px; height:65px; } .links-paris a:hover img { visibility:hidden } .links-paris span { visibility:hidden } .links-loaded { background:url(../images/linkspage-loaded-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-loaded a { display:block; width:104px; height:65px; } .links-loaded img { width:104px; height:65px; } .links-loaded a:hover img { visibility:hidden } .links-loaded span { visibility:hidden } .links-gfh { background:url(../images/linkspage-gfh-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-gfh a { display:block; width:104px; height:65px; } .links-gfh img { width:104px; height:65px; } .links-gfh a:hover img { visibility:hidden } .links-gfh span { visibility:hidden } .links-landyachtz { background:url(../images/linkspage-landyachtz-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-landyachtz a { display:block; width:104px; height:65px; } .links-landyachtz img { width:104px; height:65px; } .links-landyachtz a:hover img { visibility:hidden } .links-landyachtz span { visibility:hidden } .links-orangatang { background:url(../images/linkspage-orangatang-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-orangatang a { display:block; width:104px; height:65px; } .links-orangatang img { width:104px; height:65px; } .links-orangatang a:hover img { visibility:hidden } .links-orangatang span { visibility:hidden } .links-abec11 { background:url(../images/linkspage-abec11-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-abec11 a { display:block; width:104px; height:65px; } .links-abec11 img { width:104px; height:65px; } .links-abec11 a:hover img { visibility:hidden } .links-abec11 span { visibility:hidden } .links-rollerderby { background:url(../images/linkspage-rollerderby-hover.gif) no-repeat; float:left; display:block; width:104px; height:65px; margin:4px; } .links-rollerderby a { display:block; width:104px; height:65px; } .links-rollerderby img { width:104px; height:65px; } .links-rollerderby a:hover img { visibility:hidden } .links-rollerderby span { visibility:hidden } .links-mysport4life { background:url(../images/linkspage-mysport4life-hover.gif) no-repeat; float:left; display:block; width:103px; height:65px; margin:4px; } .links-mysport4life a { display:block; width:103px; height:65px; } .links-mysport4life img { width:103px; height:65px; } .links-mysport4life a:hover img { visibility:hidden } .links-mysport4life span { visibility:hidden } .links-nisa { background:url(../images/linkspage-nisa-hover.gif) no-repeat; float:left; display:block; width:65px; height:65px; margin:4px; } .links-nisa a { display:block; width:65px; height:65px; } .links-nisa img { width:65px; height:65px; } .links-nisa a:hover img { visibility:hidden } .links-nisa span { visibility:hidden } /* Brand Rollovers*/ * html a:hover { visibility:visible } .brands-abec11 { background:url(../images/logo_abec11_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-abec11 a { display:block; width:200px; height:125px; } .brands-abec11 img { width:200px; height:125px; } .brands-abec11 a:hover img { visibility:hidden } .brands-abec11 span { visibility:hidden } .brands-bear { background:url(../images/logo_bear_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-bear a { display:block; width:200px; height:125px; } .brands-bear img { width:200px; height:125px; } .brands-bear a:hover img { visibility:hidden } .brands-bear span { visibility:hidden } .brands-bluearth { background:url(../images/logo_bluearth_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-bluearth a { display:block; width:200px; height:125px; } .brands-bluearth img { width:200px; height:125px; } .brands-bluearth a:hover img { visibility:hidden } .brands-bluearth span { visibility:hidden } .brands-code { background:url(../images/logo_code_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-code a { display:block; width:200px; height:125px; } .brands-code img { width:200px; height:125px; } .brands-code a:hover img { visibility:hidden } .brands-code span { visibility:hidden } .brands-element { background:url(../images/logo_element_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-element a { display:block; width:200px; height:125px; } .brands-element img { width:200px; height:125px; } .brands-element a:hover img { visibility:hidden } .brands-element span { visibility:hidden } .brands-gfh { background:url(../images/logo_gfh_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-gfh a { display:block; width:200px; height:125px; } .brands-gfh img { width:200px; height:125px; } .brands-gfh a:hover img { visibility:hidden } .brands-gfh span { visibility:hidden } .brands-jdbug { background:url(../images/logo_jdbug_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-jdbug a { display:block; width:200px; height:125px; } .brands-jdbug img { width:200px; height:125px; } .brands-jdbug a:hover img { visibility:hidden } .brands-jdbug span { visibility:hidden } .brands-khiro { background:url(../images/logo_khiro_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-khiro a { display:block; width:200px; height:125px; } .brands-khiro img { width:200px; height:125px; } .brands-khiro a:hover img { visibility:hidden } .brands-khiro span { visibility:hidden } .brands-lakeplacid { background:url(../images/logo_lakeplacid_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-lakeplacid a { display:block; width:200px; height:125px; } .brands-lakeplacid img { width:200px; height:125px; } .brands-lakeplacid a:hover img { visibility:hidden } .brands-lakeplacid span { visibility:hidden } .brands-landyachtz { background:url(../images/logo_landyachtz_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-landyachtz a { display:block; width:200px; height:125px; } .brands-landyachtz img { width:200px; height:125px; } .brands-landyachtz a:hover img { visibility:hidden } .brands-landyachtz span { visibility:hidden } .brands-loaded { background:url(../images/logo_loaded_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-loaded a { display:block; width:200px; height:125px; } .brands-loaded img { width:200px; height:125px; } .brands-loaded a:hover img { visibility:hidden } .brands-loaded span { visibility:hidden } .brands-micro { background:url(../images/logo_micro_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-micro a { display:block; width:200px; height:125px; } .brands-micro img { width:200px; height:125px; } .brands-micro a:hover img { visibility:hidden } .brands-micro span { visibility:hidden } .brands-orangatang { background:url(../images/logo_orangatang_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-orangatang a { display:block; width:200px; height:125px; } .brands-orangatang img { width:200px; height:125px; } .brands-orangatang a:hover img { visibility:hidden } .brands-orangatang span { visibility:hidden } .brands-paris { background:url(../images/logo_paris_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-paris a { display:block; width:200px; height:125px; } .brands-paris img { width:200px; height:125px; } .brands-paris a:hover img { visibility:hidden } .brands-paris span { visibility:hidden } .brands-poweriser { background:url(../images/logo_poweriser_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-poweriser a { display:block; width:200px; height:125px; } .brands-poweriser img { width:200px; height:125px; } .brands-poweriser a:hover img { visibility:hidden } .brands-poweriser span { visibility:hidden } .brands-renner { background:url(../images/logo_renner_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-renner a { display:block; width:200px; height:125px; } .brands-renner img { width:200px; height:125px; } .brands-renner a:hover img { visibility:hidden } .brands-renner span { visibility:hidden } .brands-rollerderby { background:url(../images/logo_rollerderby_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-rollerderby a { display:block; width:200px; height:125px; } .brands-rollerderby img { width:200px; height:125px; } .brands-rollerderby a:hover img { visibility:hidden } .brands-rollerderby span { visibility:hidden } .brands-seba { background:url(../images/logo_seba_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-seba a { display:block; width:200px; height:125px; } .brands-seba img { width:200px; height:125px; } .brands-seba a:hover img { visibility:hidden } .brands-seba span { visibility:hidden } .brands-target { background:url(../images/logo_target_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-target a { display:block; width:200px; height:125px; } .brands-target img { width:200px; height:125px; } .brands-target a:hover img { visibility:hidden } .brands-target span { visibility:hidden } .brands-urbanblue { background:url(../images/logo_urbanblue_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-urbanblue a { display:block; width:200px; height:125px; } .brands-urbanblue img { width:200px; height:125px; } .brands-urbanblue a:hover img { visibility:hidden } .brands-urbanblue span { visibility:hidden } .brands-xcess { background:url(../images/logo_xcess_HOVER.gif) no-repeat; float:left; display:block; width:200px; height:125px; margin:4px; } .brands-xcess a { display:block; width:200px; height:125px; } .brands-xcess img { width:200px; height:125px; } .brands-xcess a:hover img { visibility:hidden } .brands-xcess span { visibility:hidden } /* Home Rollovers */ .home-advert-starter-pack-banner { background:url(../images/home-advert-starter-pack-banner-hover.gif) no-repeat; float:left; display:block; width:614px; height:150px; margin:7px; } .home-advert-starter-pack-banner a { display:block; width:614px; height:150px; } .home-advert-starter-pack-bannere img { width:614px; height:150px; } .home-advert-starter-pack-banner a:hover img { visibility:hidden } .home-advert-starter-pack-banner span { visibility:hidden } .home-advert-girls-spring-collection { background:url(../images/home-advert-girls-spring-collection-hover.jpg) no-repeat; float:left; display:block; width:300px; height:150px; margin:4px; } .home-advert-girls-spring-collection a { display:block; width:300px; height:150px; } .home-advert-girls-spring-collection img { width:300px; height:150px; } .home-advert-girls-spring-collection a:hover img { visibility:hidden } .home-advert-girls-spring-collection span { visibility:hidden } .home-advert-mens-spring-collection { background:url(../images/home-advert-mens-spring-collection-hover.jpg) no-repeat; float:left; display:block; width:300px; height:150px; margin:4px; } .home-advert-mens-spring-collection a { display:block; width:300px; height:150px; } .home-advert-mens-spring-collection img { width:300px; height:150px; } .home-advert-mens-spring-collection a:hover img { visibility:hidden } .home-advert-mens-spring-collection span { visibility:hidden } .home-advert-rockboard-banner { background:url(../images/home-advert-rockboard-banner-hover.gif) no-repeat; float:left; display:block; width:614px; height:150px; margin:7px; } .home-advert-rockboard-banner a { display:block; width:614px; height:150px; } .home-advert-rockboard-banner img { width:614px; height:150px; } .home-advert-rockboard-banner a:hover img { visibility:hidden } .home-advert-rockboard-banner span { visibility:hidden } .home-advert-two { background:url(../images/home-advert-two-hover.gif) no-repeat; float:left; display:block; width:614px; height:100px; margin:4px; } .home-advert-two a { display:block; width:614; height:100px; } .home-advert-two img { width:614px; height:100px; } .home-advert-two a:hover img { visibility:hidden } .home-advert-two span { visibility:hidden } .home-advert-09 { background:url(../images/home-advert-09-hover.gif) no-repeat; float:left; display:block; width:614px; height:200px; margin:4px; } .home-advert-09 a { display:block; width:614; height:200px; } .home-advert-09 img { width:614px; height:200px; } .home-advert-09 a:hover img { visibility:hidden } .home-advert-09 span { visibility:hidden } .home-advert-micro { background:url(../images/home-advert-micro-hover.jpg) no-repeat; display:block; width:614px; height:100px; margin:4px 4px 8px 4px; } .home-advert-micro a { display:block; width:614px; height:100px; } .home-advert-micro img { width:614px; height:100px; } .home-advert-micro a:hover img { visibility:hidden } .home-advert-micro span { visibility:hidden } .home-advert-pro-scooter { background:url(../images/home-advert-pro-scooter-hover.jpg) no-repeat; display:block; width:614px; height:200px; margin:4px 4px 8px 4px; } .home-advert-pro-scooter a { display:block; width:614px; height:200px; } .home-advert-pro-scooter img { width:614px; height:200px; } .home-advert-pro-scooter a:hover img { visibility:hidden } .home-advert-pro-scooter span { visibility:hidden } .home-advert-02 { background:url(../images/home-advert-02-hover.gif) no-repeat; float:left; display:block; width:300px; height:300px; margin:4px; } .home-advert-02 a { display:block; width:300px; height:300px; } .home-advert-02 img { width:300px; height:300px; } .home-advert-02 a:hover img { visibility:hidden } .home-advert-02 span { visibility:hidden } .home-advert-03 { background:url(../images/home-advert-03-hover.gif) no-repeat; float:left; display:block; width:198px; height:150px; margin:4px 4px 4px 4px; } .home-advert-03 a { display:block; width:198px; height:150px; } .home-advert-03 img { width:198px; height:150px; } .home-advert-03 a:hover img { visibility:hidden } .home-advert-03 span { visibility:hidden } .home-advert-ice-skates { background:url(../images/home-advert-ice-skates-hover.gif) no-repeat; float:left; display:block; width:198px; height:150px; margin:4px 4px 4px 4px; } .home-advert-ice-skates a { display:block; width:198px; height:150px; } .home-advert-ice-skates img { width:198px; height:150px; } .home-advert-ice-skates a:hover img { visibility:hidden } .home-advert-ice-skates span { visibility:hidden } .home-advert-bluearth { background:url(../images/home-advert-bluearth-hover.jpg) no-repeat; float:left; display:block; width:198px; height:150px; margin:4px 4px 4px 4px; } .home-advert-bluearth a { display:block; width:198px; height:150px; } .home-advert-bluearth img { width:198px; height:150px; } .home-advert-bluearth a:hover img { visibility:hidden } .home-advert-bluearth span { visibility:hidden } .home-advert-roller-derby { background:url(../images/home-advert-roller-derby-hover.gif) no-repeat; float:left; display:block; width:198px; height:150px; margin:4px 4px 4px 4px; } .home-advert-roller-derby a { display:block; width:198px; height:150px; } .home-advert-roller-derby img { width:198px; height:150px; } .home-advert-roller-derby a:hover img { visibility:hidden } .home-advert-roller-derby span { visibility:hidden } .home-advert-06 { background:url(../images/home-advert-06-hover.gif) no-repeat; float:left; display:block; width:300; height:150px; margin:4px 5px 4px 5px; } .home-advert-06 a { display:block; width:300px; height:150px; } .home-advert-06 img { width:300px; height:150px; } .home-advert-06 a:hover img { visibility:hidden } .home-advert-06 span { visibility:hidden } .home-advert-07 { background:url(../images/home-advert-07-hover.gif) no-repeat; float:left; display:block; width:300; height:150px; margin:4px 5px 4px 5px; } .home-advert-07 a { display:block; width:300px; height:150px; } .home-advert-07 img { width:300px; height:150px; } .home-advert-07 a:hover img { visibility:hidden } .home-advert-07 span { visibility:hidden } .home-advert-FSAS { background:url(../images/home-advert-FSAS-hover.jpg) no-repeat; float:left; display:block; width:300px; height:150px; margin:4px 5px 4px 5px; } .home-advert-FSAS a { display:block; width:300px; height:150px; } .home-advert-FSAS img { width:300px; height:150px; } .home-advert-FSAS a:hover img { visibility:hidden } .home-advert-FSAS span { visibility:hidden } .home-advert-jd-bug-scooter-pro { background:url(../images/home-advert-jd-bug-scooter-pro-hover.jpg) no-repeat; float:left; display:block; width:300; height:150px; margin:4px 5px 4px 5px; } .home-advert-jd-bug-scooter-pro a { display:block; width:300px; height:150px; } .home-advert-jd-bug-scooter-pro img { width:300px; height:150px; } .home-advert-jd-bug-scooter-pro a:hover img { visibility:hidden } .home-advert-jd-bug-scooter-pro span { visibility:hidden } .home-advert-bluearth-sale { background:url(../images/home-advert-bluearth-sale-hover.jpg) no-repeat; float:left; display:block; width:300; height:150px; margin:4px 5px 4px 5px; } .home-advert-bluearth-sale a { display:block; width:300px; height:150px; } .home-advert-bluearth-sale img { width:300px; height:150px; } .home-advert-bluearth-sale a:hover img { visibility:hidden } .home-advert-bluearth-sale span { visibility:hidden } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; padding:10px; background-color:#fff; } .title-buttons h2 { font:40px; } .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border-bottom:1px solid #ccc; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border-top:1px solid #ccc; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; background-color:#fff; } .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-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 {} dt.odd, dd.odd {} dt.even, dd.even {} /* 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; font-size:16px; margin:0 0 0 5px; } .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; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo {float:left; width:364px; height:132px; overflow:hidden; margin:0 0 0 10px; } .header-container {} .header { padding:10px; background:url(../images/bg_header.gif) } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:364px; height:132px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; text-align:right; font-size:10px; width:380px; padding-top:3px; } .top-link-wishlist { display:none; } .header .form-search { text-align:left; padding-left:27px; } .header .form-search .input-text { font-size:11px; width:105px; height:15px; border:1px solid #ccc; } .header .form-search .button { font-size:0px; background-image:url(../images/btn_search.gif); width:68px; height:21px; } .header .form-search label { display:none; } .header .form-search .button span { display:none; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .flash-banner { margin:10px 10px 0 10px; } .header-social-icons img { margin: 0 10px 20px 10px; } .header2 { border-top: 1px solid #000; padding-top:20px; } .header-newsletter-title { display:block; width:100%; height:20px; background-image:url(../images/header-newsletter-title.gif); margin-bottom:1px;} .newsletter-header button.button { float:right; width:80px; } .newsletter-header .input-text { float:left; width:95px; font-size:11px; } /********** < Navigation */ #nav { border-top: 1px solid #000; font-size:12px; padding:0px; margin:0 10px 0; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent { } #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } #nav .nav-skateboards { display:none; } #nav .nav-mini-longboards-skateboards { display:none; } #nav .nav-longboards { display:none; } #nav .nav-inline-skates { display:none; } #nav .nav-quad-skates { display:none; } #nav .nav-roller-derby { display:none; } #nav .nav-scooters { display:none; } #nav .nav-powerstriders { display:none; } #nav .nav-mountain-boards { display:none; } #nav .nav-skate-shoes { display:none; } #nav .nav-accessories { display:none; } #nav .nav-mens-clothing { display:none; } #nav .nav-girls-clothing { display:none; } #nav .nav-ice-skates { display:none; } #nav .nav-safety-gear { display:none; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:10px; font-weight:bold; text-transform:uppercase; color:#000; height: 50px; background-color: #fff; font-size: 20px; margin-right: 0px; } #nav li a:hover { color:#fff; background-color:#000; } #nav li.over a { color:#fff; background-color:#000; } #nav li.active a { color:#fff; background-color:#000; } #nav li.visited a { color:#fff; background-color:#000; } /* 2nd Level */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; background-color:#fff; margin-top: 45px; width: 102px; } #nav ul li { float:none; border-top:1px solid #999; border-left:1px solid #000; border-right:1px solid #000; } #nav ul li.last { border-bottom:1px solid #000; } #nav ul li a { height: auto; font-size: 10px; float:none; padding:3px 9px; font-weight:normal; background-color:fff; font-color:#000 !important; } #nav ul li a:hover { color:#000; background-color:#fff !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#fff; background-color:#000 !important; } /* 3rd+ leven */ #nav ul ul { top:7px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { background-color:#c5c5c5; color:#fff; padding:0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .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-title { display:none; } .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount { font-size:11px; } .block-cart .subtotal {} .block-cart .button { margin:10px 0 10px 0;} .block-cart h3 { font-size:11px; text-transform:uppercase; } .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 { display:none; 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 .product-name { display:none; } .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; } .block-related .item { padding:5px 0 5px 0; } .block-related .item .product-image { float:left; margin-right:10px; border:1px solid #ccc; } .block-related .item .product-details { } /* Block: Compare Products */ .catalog-product-compare-index .button { font-size:0px; background-image:url(../images/btn_addtocart.gif); width:101px; height:21px; } .catalog-product-compare-index .button span { display:none; } .catalog-product-compare-index .buttons-set .button { font-size:0px; background-image:url(../images/btn_closewindow.gif); width:111px; height:21px; } .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: Misc Site Adverts */ .site-adverts { text-align:center; padding:10px 0 0 0; } /* 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 {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { display: none; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:626px; } .products-grid-recently { width:500px; } .products-grid-recently img { border:1px solid #ccc; } .products-grid-recently .product-image { border:1px solid #ccc; } .products-grid-recently .empty { width:100px; } .products-grid tr { border-top: 30px solid #fff; } .products-grid tr.odd { } .products-grid tr.even { } .products-grid td { width:147px; border:8px solid #fff; text-align:center; color:#fff; } .products-grid td.empty { } .products-grid div { width:147px; background-color:#C5C5C5; display:block; } .products-grid .infobox { display:block; height:60px; } .products-grid .pricebox { display:block; height:40px; padding-top:15px; margin:0 0 10px 0; } .products-grid .old-price { line-height:12px; } .products-grid h3 { border-top:0; } .products-grid p { background-color:#C5C5C5; } .pricebox-sale { display:block; height:auto; padding:25px 0 0 0; } .pricebox-sale .old-price { line-height:0px; } .pricebox-sale .special-price { line-height:0px; color:#f00; } .products-grid .special-price { line-height: 16px; color:#f00; } .products-grid .out-of-stock { display:block; background-color:#C5C5C5; height:26px; width:147px; } .products-grid .buttonsbox { height:31px; } .products-grid img { border:1px solid #ccc; } .products-grid .product-image {} .products-grid .add-to-links {} .products-grid .button { margin-bottom:5px; } .products-grid .button { font-size:0px; background-image:url(../images/btn_view.gif); width:79px; height:21px; } .products-grid .button span { display:none; } .products-grid .product-name a { color:#fff; } .products-grid .ratings { display:none; } /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list { background-color:#fff; } .products-list .product-image { float:left; margin:0 0 0 70px; } .products-list .product-name a { font-size:13px; color:#FFF; } .products-list .special-price { color:#f00; } .products-list .button { font-size:0px; background-image:url(../images/btn_view.gif); width:47px; height:21px; } .products-list .button span { display:none; } .products-list .desc { font-size:10px; font-weight:bolder; font-style:oblique; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral { float:right; width:340px; } /* Product Images */ .product-view .product-img-box { float:left; width:200px; } .product-view .product-img-box p { text-transform:uppercase; font-size:9px; margin: 5px 0 0 6px; } .product-view .product-img-box .product-image { border:1px solid #ccc; } .product-view .product-img-box .product-image-zoom { position:relative; width:200px; 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:0 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 color:#fff; } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; color:#fff; } .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 { float:right; width:340px; } .product-view .product-name { padding:0 0 10px 0; } .product-view .short-description, .desc { float:right; width:340px; padding:20px 0; } /* Rating */ .ratings {} .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 {} .availability .in-stock { font-weight:bold; color:#00CC00; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; font-size:18px; font-style: italic; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price { font-style: italic; } .special-price .price-label { white-space:nowrap; } .special-price .price { font-size:18px; font-weight:bold; } /* 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; font-size:0px; background-image:url(../images/btn_addtocart.gif); width:101px; height:21px; } .add-to-cart .button span { display:none; } /* Add to Links + Add to Cart */ .add-to-box a { } .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 { padding:10px; margin:10px 0 0; } .product-options dt label { 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:10px 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; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .description h2 { font-size: 10px; font-weight: bold;} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .product-name { display:none; } .product-view .up-sell .products-grid tr { border-top:10px; } .product-view .up-sell .products-grid { width:100%; } .product-view .up-sell .products-grid td { width:25%; text-align:center; color:#000; } .product-view .up-sell .price-box { width:72px; margin:2px 0 0 2px; } .product-view .up-sell .price { font-size:14px; } /* Block: Bestsellers */ .bestsellers {} .bestsellers img { border:1px solid #C5C5C5; } .bestsellers .product-name { display:none; } .bestsellers .bestseller-grid tr { border-top:10px; } .bestsellers .bestseller-grid { width:100%; } .bestsellers .bestseller-grid td { width:76px; text-align:center; color:#000; } .bestsellers .price-box { width:72px; margin:2px 0 0 2px; background-color:#C5C5C5; color:#fff } .bestsellers .price { font-size:14px; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; display:none; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:10px 0px 10px 0px; } .product-view .tags .form-add-tags input.input-text { width:250px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; margin:10px 0px 10px 0px; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { line-height:1.5; border-top:#fff 10px solid; margin-top:1px; padding-top:5px; padding-left:5px; padding-right:5px; font-size: 11px; text-transform: uppercase; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } .home-banners { margin:30px 0 0 0; } .seeall { text-align:right; margin: 0 6px 0 0; } .home-banners-flash { margin:4px 0 4px 6px; } .home-banners-ucas { margin:6px 0 12px 0; } .home-xmas-banners { margin:4px 4px 8px 4px; } .aboutus { margin:4px; font-size:10px;} .aboutus h3 { height:50px; } .home-table { table width="614"; border="0"; align="left"; cellpadding="4"; cellspacing="4"; } /* CMS Pages */ .cms ul { margin:15px 0 0 0; font-size:20px; } .cms dt { font-size:16px; margin-top:50px; } .cms dd { } .cms li { } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:200px; } .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 { margin-left:90px; } .cart .shipping {} /* 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 { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .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 dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .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:right; 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 > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard { padding:10px; } .dashboard .welcome-msg { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #fff; } .dashboard h3 { margin-bottom:5px; } .dashboard h4 { margin:20px 0 10px 0; color:#fff; background-color:#ccc; padding:0 5px 0 5px; } .col-main .page-title { margin:0px 10px 10px 10px; } /* 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 .reviews {} /********** 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; } /* 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 .cart-price, .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-top:1px solid #000; margin:10px 10px 0 10px; font-size:10px; } .footer .block-title { display:none; } .footer p {} .footer address { display:none; } .footer .white-links { float:right; } .footer .links { display:none; } .footer .grey-links { float:right; } .footer td { padding:10px 10px 0 10px; } .footer .block-content { padding:0px; } .footer .product-image { border:1px solid #ccc; } .footer .block-recent { border-width:0px; margin-top:5px; } .footer .linkslist { padding:25px 0 25px 0; width:155px; } .social-network-links { padding:0 3px 3px 0; } /* ======================================================================================= */