/** Begin reset.css */ * { margin:0; padding:0; } body { background:#fff; font:12px/1.5 "Trebuchet MS", Arial, sans-serif; color:#7C7A70; text-align:center; } img { border:0; vertical-align:top; } a { color: #7c7a70; } a:hover { color: #DA600F; } :focus { outline: 0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.3; } h2 { font-size:18px; font-weight:normal; line-height:1.34; } h3 { font-size:16px; font-weight:bold; line-height:1.375; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* 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:top; } .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; } /** Begin styles.css */ /* Set background image on body */ body { background: #f7f7f5; } /* ggr CMS Home Page */ #home_page_container { float: left; margin-top: 2px; } #home_page_right { float: right; margin-left: 10px; width: 220px; height: 498px; } #slide { float: left; width:702px; height: 480px; border:2px dashed #cccbc9; background-color: #fff; padding:7px; overflow: hidden; } #sale { display:block; width:220px; height:127px; position: relative; top: -2px; background: transparent url(../images/home_page/sale_rollover.png) no-repeat;} #sale:hover { background-position: 0 -127px; } #sale p { display: none; } #design { width:220px; height: 216px; position: relative; top: 4px; background: transparent url(../images/home_page/design-for-ray-rollover.png) no-repeat; } #design a { display:block; width:220px; height:216px; background: transparent url(../images/home_page/design-for-ray-rollover.png) no-repeat; } #design a:hover { background-position: 0 -216px; } #design span { display: none; } #social { width:220px; height: 127px; position: relative; top: -1px; } #callout { height: 42px; width: 148px; position: relative; top: 18px; background: url(../images/home_page/followus.png) no-repeat; } #facebook a { position: relative; top: -19px; left: 150px; display:block; width:30px; height:31px; background: transparent url(../images/indiv_prod/facebook.gif) no-repeat; } #facebook a:hover { background-position: 0 -31px; } #twitter a { position: relative; top: -50px; left: 186px; display:block; width:30px; height:31px; background: transparent url(../images/indiv_prod/twitter.gif) no-repeat; } #twitter a:hover { background-position: 0 -31px; } #signup { height: 55px; width: 217px; position: relative; top: -40px; right: 1px; bottom: 2px; background: url(../images/home_page/signup.png) no-repeat; } #signup:hover { background-position: 0 -55px; } .block-subscribe { position: relative; top: -40px; left: 3px; } .block-subscribe-ie {} .block-subscribe #newsletter { width: 158px; height: 20px; } .block-subscribe .input-box { float: left; width: 170px; } .block-subscribe button { float: right; margin-left: 12px; } /* about-us CMS Page */ #about_us_container { float: left; margin-top: 10px; } #about_left_column { float: left; width:210px; height: 650px; font-size: 14px; background-color:#efeeed; } #about_left_column h2 { font-size: 15px; color:#504F4D; height: 30px; width: 210px; background-color:#dad9d6; } #about_left_column h2 span { position: relative; left: 5px; top: 4px; letter-spacing: 1px; text-transform: uppercase;} #about_left_column ul { padding: 0; margin: 0; } #about_left_column li { width: 210px; list-style: none; padding: 0; margin: 0; } #about_left_column li a { position: relative; left: 15px; text-decoration: none; display: block; width: 210px; } #about_left_column li:hover { background-color:#b9b8b1; } #highlight { background-color:#CDF085; } #about_right_column { float: right; width: 715px; margin-left: 15px; overflow: hidden; } #about_right_column h3 { color:#504F4D; font-size: 20px; margin-top: -3px; letter-spacing: 1px; } #about_right_column p { position: relative; left: 5px; margin-top: 15px; letter-spacing: .25px; } #our_story { height: 90px; width: 715px; background: url(../images/back_end/ourstory.jpg) no-repeat top left; } #our_story span { display: none; } #org_cotton { height: 90px; width: 715px; background: url(../images/back_end/organiccotton.jpg) no-repeat top left; } #org_cotton span { display: none; } #soc_res { height: 90px; width: 715px; background: url(../images/back_end/socialresponsibility.jpg) no-repeat top left; } #soc_res span { display: none; } #meet_ray { height: 90px; width: 715px; background: url(../images/back_end/meetray.jpg) no-repeat top left; } #meet_ray span { display: none; } #sus_biz { height: 90px; width: 715px; background: url(../images/back_end/sustainablebusiness.jpg) no-repeat top left; } #sus_biz span { display: none; } /* size chart CMS Page */ #size_chart_container { float: left; margin-top: 10px; width: 960px; height: 498px; } #size_chart_container h3 { width: 197px; margin-bottom: -12px; padding-left: 3px; font-size: 22px; color:#504F4D; } #size_chart_container p { padding-left: 3px; position: relative; top: 10px; font-size: 14px; } #size_chart_container .row1 { font-size: 17px; background-color:#CDF085; } #size_chart_container .row1 span { font-size: 11px; padding-left: 1px; } #size_chart_container .h_size { padding-left: 3px; margin-top: -10px; width: 33px; } #size_chart_container .h_width { padding-left: 5px; width: 80px; } #size_chart_container .h_length { padding: 0 2px 0 3px; width: 80px; } #size_chart_container td { padding-left: 10px; font-size: 15px; } #size_chart_container .l_w { padding-left: 23px; font-size: 15px; } #size_chart_container .odd { background-color: #DAD9D6; } #size_chart_container .even { background-color:#EFEEED; } #size_chart_left { float: left; width: 312px; height: 498px; } #size_chart_left h2 { position: relative; left: 5px; color:#504F4D; font-size: 24px; } #mens_top { float:left; height: 173px; width: 197px; position: relative; left: 9px; top: 20px; } #mens_bottom { float:left; height: 173px; width: 197px; position: relative; left: 9px; top: 80px; } #mens_bottom h3 span { font-size: 12px; margin-left: 7px; color:#7C7A70; } #size_chart_middle { float: left; width: 356px; height: 498px; background: url(../images/back_end/sizechart.png) top left no-repeat; } #size_chart_right { float: left; width: 277px; height: 498px; } #size_chart_right h2 { position: relative; left: 90px; color:#504F4D; font-size: 24px; } #womens_top { float: right; margin-right: 22px; height: 173px; width: 197px; position: relative; left: 9px; top: 20px;} #womens_bottom { float: right; margin-right: 22px; height: 173px; width: 197px; position: relative; left: 9px; top: 80px; } /* design palette CMS Page */ #design_for_ray { width: 893px; height: 187px; background: transparent url(../images/back_end/lightbulb.png) top left no-repeat; margin: 30px 0 20px 20px; } /* design palette CMS Page */ #palettes ul { margin: 17px 0 0 -20px; } #palettes span { display: none; } #palettes li { list-style: none; float: left; padding: 7px; margin: 3.5px; background-color: #fff; border:2px dashed #CCCBC9; width: 95px; height: 130px; } #black_pal { background: url(../images/color_pal/black.gif) 7px 7px no-repeat; } #gray_pal { background: url(../images/color_pal/gray.gif) 7px 7px no-repeat; } #brown_pal { background: url(../images/color_pal/brown.gif) 7px 7px no-repeat; } #tan_pal { background: url(../images/color_pal/tan.gif) 7px 7px no-repeat; } #blue_pal { background: url(../images/color_pal/blue.gif) 7px 7px no-repeat; } #green_pal { background: url(../images/color_pal/green.gif) 7px 7px no-repeat; } #purple_pal { background: url(../images/color_pal/purple.gif) 7px 7px no-repeat; } #red_pal { background: url(../images/color_pal/red.gif) 7px 7px no-repeat; } /* general CMS Content */ #content { font-size: 14px; letter-spacing: 1px; padding: 3px; } #content h4 { margin: 5px 0; color:#504F4D; } #content p { margin: 10px 0; } #content #bigga { font-size: 18px; color: #DA600F; } #content strong { color:#504F4D; } /* Layout ================================================================================= */ .wrapper { background: url(../images/home_page/strip.gif) top left repeat-x; height: 40px; } .page { width:960px; margin:0 auto; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:220px; } .col-main { float:left; width:700px; } .col-main .note-msg { float: left; padding:0 0 5px; width: 688px; position: relative; left: -31px; } .col-right { float:right; width:220px; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-1 h3 { margin-top: 4px; } .col2-set .col-2 h3 { margin-top: 4px; } .col2-set .col-1 ol li h4 { color:#504F4D; font-size: 13px; margin-top: 5px; border-bottom: 1px solid #ddd; } .col2-set .col-2 ol li h4 { color:#504F4D; font-size: 13px; margin-top: 5px; border-bottom: 1px solid #ddd; } .col2-set .col-1 ol li address { font-size: 13px; margin-top: 5px; } .col2-set .col-2 ol li address { font-size: 13px; margin-top: 5px; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col2-set { color:#7C7A70; } .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,select,textarea,button { font: 12px "Trebuchet MS", Arial sans-serif; vertical-align:middle; color:#7c7a70; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:7px 5px 5px 5px; } 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; } /* 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; } #loginBtn, #onePageLoginBtn { background:url(../images/back_end/login.png) top left no-repeat; width:74px; height: 35px; border:0; cursor:pointer; } #crtAcctBtn { background:url(../images/back_end/createaccount.png) top left no-repeat; width:167px; height: 35px; border:0; cursor:pointer; } #saveAcctInfoBtn, #saveNewsLetrBtn, #saveAddrBtn, #addNewAcctBtn { background:url(../images/back_end/save.png) top left no-repeat; width:69px; height: 35px; border:0; cursor:pointer; } #forgotPwdBtn { background:url(../images/back_end/send.png) top left no-repeat; width:69px; height: 35px; border:0; cursor:pointer; } #addNewAddrBtn { background:url(../images/back_end/addnewaddress.png) top left no-repeat; width:177px; height: 35px; border:0; cursor:pointer; } #addNewAddrBtn span { display: none; } #cntShopBtn, #orderSccsBtn { background:url(../images/back_end/continueshopping.png) top left no-repeat; width:195px; height: 35px; border:0; cursor:pointer; margin-right: 5px; } #cntShopBtn span { display: none; } #udtShopCartBtn { background:url(../images/back_end/updateshoppingcart.png) top left no-repeat; width:221px; height: 35px; border:0; cursor:pointer; } #udtShopCartBtn span { display: none; } #prcdToCheckBtn { background:url(../images/back_end/proceedtocheckout.png) top left no-repeat; width:215px; height: 35px; border:0; cursor:pointer; margin-right: 5px; } #prcdToCheckBtn span { display: none; } #multiShipNewAddrBtn { background:url(../images/back_end/addnewaddress.png) top left no-repeat; width:177px; height: 35px; border:0; cursor:pointer; margin-right: 10px;} #multiShipNewAddrBtn span { display: none; } #multiUpdtQtyAddrBtn { background:url(../images/back_end/updateqtyandaddresses.png) top left no-repeat; width:304px; height: 35px; border:0; cursor:pointer; margin-right: 6px; } #multiUpdtQtyAddrBtn span { display: none; } #multiCntToShipBtn { background:url(../images/back_end/continuetoshipping.png) top left no-repeat; width:213px; height: 35px; border:0; cursor:pointer; margin-right: 5px; } #multiCntToBillBtn { background:url(../images/back_end/continuetobillinginformation.png) top left no-repeat; width:314px; height: 35px; border:0; cursor:pointer; } #multiCntToRevBtn { background:url(../images/back_end/continuetoreviewyourorder.png) top left no-repeat; width:314px; height: 35px; border:0; cursor:pointer; } #onePageBillContBtn, #onePageShipContBtn, #onePageShipMthBtn, #onePagePayBtn, #onePageSetMethodBtn { background:url(../images/back_end/continue.png) top left no-repeat; width:109px; height: 35px; border:0; cursor:pointer; } #onePageOrderBtn, #review-button { background:url(../images/back_end/placeorder.png) top left no-repeat; width:149px; height: 35px; border:0; cursor:pointer; } #searchStoreBtn { background:url(../images/home_page/play.gif) top left no-repeat; position: relative; right: 5px; overflow:visible; width:32px; height: 32px; border:0; padding:0 20px 0 12px; cursor:pointer; -webkit-border-fit:lines; } #nlBtn { background:url(../images/home_page/play.gif) top left no-repeat; position: relative; right: 8px; top: 1px; overflow:visible; width:32px; height: 32px; border:0; padding:0 20px 0 12px; cursor:pointer; -webkit-border-fit:lines; } #sendMailBtn { background:url(../images/back_end/sendemail.png) top left no-repeat; width:149px; height: 35px; border:0; cursor:pointer; margin-right: 5px; } #addRecipBtn { background:url(../images/back_end/addrecipient.png) top left no-repeat; width:149px; height: 35px; border:0; cursor:pointer; margin-right: 5px; } /* Form lists */ .form-list li { margin:0 0 5px; color:#7C7A70; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; color:#7C7A70; } .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 { color:#7C7A70; } .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:262px; height: 27px; margin-left: 1px; } .buttons-set { clear:both; margin:5px 0 0; padding: 5px; border:1px solid #ddd; } .buttons-set span { display: none; } .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:#DA600F; } .validation-failed { border:1px dashed #DA600F !important; background:#faebe7 !important; } .validation-passed {} .required { color:#DA600F; } 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:#DA600F; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .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:14px !important; font-weight:bold !important; } .error-msg { border-color:#DA600F; background-color:#f8e9e0; background-image:url(../images/error_msg_icon.gif); color:#DA600F; } .success-msg { border-color:#7C7A70; background-color:#ebfad1; background-image:url(../images/success_msg_icon.gif); color:#7C7A70; } .note-msg, .notice-msg { border-color:#DA600F; background-color:#F8E9E0; background-image:url(../images/note_msg_icon.gif); color:#DA600F; } .success-msg li { font-size: 14px; padding-bottom: 2px; } .error-msg li { font-size: 14px; padding-bottom: 2px; } /* BreadCrumbs */ .breadcrumbs { padding: 0 10px; margin:0 0 10px; color:#7C7A70; font-size: 11px; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin-top: 20px; color:#504f4d; text-transform: uppercase; } .page-title-search-results { border-bottom:1px solid #ddd; width: 730px; padding:0 0 5px; margin-bottom: 12px; position: relative; left: -31px; color:#504f4d; text-transform: uppercase; } .title-buttons { margin-top: 12px; } .title-buttons h2 { padding-top: 8px; } .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; 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 { color:#DA600F; } /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } /* Data Table */ #hide { border-left-style: hidden; } .data-table { width:100%; } .data-table .odd .hide { border-left-style: hidden; } .data-table .even .hide { border-left-style: hidden; } .data-table .hide { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .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 { background-color:#fff; } .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 { 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; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:193px; height:173px; overflow: hidden; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; position: relative; left: 9px; } .header .logo a { display:block; width:193px; height:173px; } .header .logo:hover { background-position: 0 -173px; } .header .welcome-msg { font-size: 15px; font-weight: bold; float: left; color: #ade73a; letter-spacing: .5px; position: relative; top: 7px; left: 15px; } .header .links { float:right; font-size: 16px; position: relative; right: 35px; } .header .links li { float: left; padding: 5px; } .header .links .first { margin-right: 20px; } .header .links a { color: white; } .header .links a:hover { color:#DA600F; } .header .shopping-links { float:right; clear: right; font-size: 16px; position: relative; top: 20px; right: 35px; } .header .shopping-links li { float: left; padding: 5px; } .header .shopping-links a.top-link-cart { padding: 10px 10px 10px 40px; background: transparent url(../images/home_page/cart.gif) no-repeat 1px 4px; overflow: visible; } .header .search-advanced { float: right; clear: right; } .header .search-advanced li { float: left; padding: 5px; } .header .form-search { float: right; clear: right; text-align:center; position: relative; top: 40px; right: 5px; } .header .form-search .input-text { height: 20px; width: 158px; position: relative; right: 10px; } .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 .button { margin-right: 5px; } .header .form-language { text-align:center; } /********** < Navigation */ #nav { float: left; position: relative; top: 67px; left: 85px; } /* 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; cursor: pointer; } #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; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:0 10px; font-weight:bold; color:#7c7a70; } #nav li a:hover { color:#ade73a; } #nav li.over a, #nav li.active a { color:#ade73a; } /* 2nd Level */ #nav ul { margin: 30px 0 0 0; font-size: 16px; position:absolute; width: 130px; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#ade73a !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#ade73a !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; } .nav-mens a { display: block; background: transparent url(../images/home_page/men.png) top left no-repeat; height: 55px; width: 95px; } .nav-mens a:hover { background-position: 0 -55px; } .nav-mens a span { display: none !important; } #nav .nav-mens.active a { display: block; background: transparent url(../images/home_page/men.png) top left no-repeat; height: 55px; width: 95px; background-position: 0 -55px; } .nav-women a { display: block; background: transparent url(../images/home_page/women.png) top left no-repeat; height: 55px; width: 135px; } .nav-women a:hover { background-position: 0 -55px; } .nav-women a span { display: none !important; } #nav .nav-women.active a { display: block; background: transparent url(../images/home_page/women.png) top left no-repeat; height: 55px; width: 135px; background-position: 0 -55px; } #info { display: block; background: transparent url(../images/home_page/info.png) top left no-repeat; height: 55px; width: 89px; } #info:hover { background-position: 0 -55px; } #info span { display: none !important; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { /*margin-bottom: 10px;*/ } .block-layered-nav .block-title { width: 200px; height: 78px; background:url(../images/search_results/checkit.png) top left no-repeat; position: relative; top: -2px; left: 7px; } #block-title-search-results { display: none; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { position: relative; top: 3px; font-size: 14px; } .block-content { width: 100%; height: 100%; } .block-content a span { display: none; } /*Layered Nav */ #type { float: left; clear: left; position: relative; top: 18px; left: 8px; width: 221px; height: 18px; background: transparent url(../images/search_results/sort-by-type193.gif) top left no-repeat; } #size { float: left; clear: left; position: relative; top: 74px; left: 8px; width: 221px; height: 18px; background: transparent url(../images/search_results/sort-by-size193.gif) top left no-repeat; } #color { float: left; clear: left; position: relative; top: 136px; left: 8px; width: 221px; height: 18px; background: transparent url(../images/search_results/sort-by-color193.gif) top left no-repeat; } #currenttype { float: left; clear: left; margin-left: 8px; width: 100%; height: 80px; padding: 0; background: transparent url(../images/search_results/sort-by-type193.gif) top left no-repeat; } #currentsize { float: left; clear: left; margin-left: 8px; width: 100%; height: 80px; padding: 0; background: transparent url(../images/search_results/sort-by-size193.gif) top left no-repeat; } #currentcolor { float: left; clear: left; margin-left: 8px; width: 100%; height: 180px; padding: 0; background: transparent url(../images/search_results/sort-by-color193.gif) top left no-repeat; } #mTees { float: left; clear: left; position: relative; top: 30px; left: 60px; } #mTees a { cursor: pointer; display: block; width: 66px; height: 43px; background: transparent url(../images/search_results/tees.png) top left no-repeat; } #mTees a:hover { background-position: 0 -43px; } #wTunics { float: left; clear: left; position: relative; top: 30px; left: -3px; } #wTunics a { cursor: pointer; display: block; width: 91px; height: 43px; background: transparent url(../images/search_results/tunics.png) no-repeat; } #wTunics a:hover { background-position: 0 -43px; } #wTees { float: left; position: relative; top: 30px; left: 40px; } #wTees a { cursor: pointer; display: block; width: 66px; height: 43px; background: transparent url(../images/search_results/tees.png) top left no-repeat; } #wTees a:hover { background-position: 0 -43px; } #msmall { float: left; position: relative; top: 30px; } #msmall a { cursor: pointer; display: block; width: 29px; height: 43px; background: transparent url(../images/search_results/S.png) top left no-repeat; } #msmall a:hover { background-position: 0 -43px; } #mmedium { float: left; position: relative; top: 30px; left: 10px; } #mmedium a { cursor: pointer; display: block; width: 48px; height: 43px; background: transparent url(../images/search_results/M.png) top left no-repeat; } #mmedium a:hover { background-position: 0 -43px; } #mlarge { float: left; position: relative; top: 30px; left: 20px; } #mlarge a { cursor: pointer; display: block; width: 34px; height: 43px; background: transparent url(../images/search_results/L.png) top left no-repeat; } #mlarge a:hover { background-position: 0 -43px; } #mx-large { float: left; position: relative; top: 30px; left: 28px; } #mx-large a { cursor: pointer; display: block; width: 59px; height: 43px; background: transparent url(../images/search_results/XL.png) top left no-repeat; } #mx-large a:hover { background-position: 0 -43px; } #wsmall { float: left; position: relative; top: 30px; left: 5px; } #wsmall a { cursor: pointer; display: block; width: 29px; height: 43px; background: transparent url(../images/search_results/S.png) top left no-repeat; } #wsmall a:hover { background-position: 0 -43px; } #wmedium { float: left; position: relative; top: 30px; left: 40px; } #wmedium a { cursor: pointer; display: block; width: 48px; height: 43px; background: transparent url(../images/search_results/M.png) top left no-repeat; } #wmedium a:hover { background-position: 0 -43px; } #wlarge { float: left; position: relative; top: 30px; left: 75px; } #wlarge a { cursor: pointer; display: block; width: 34px; height: 43px; background: transparent url(../images/search_results/L.png) top left no-repeat; } #wlarge a:hover { background-position: 0 -43px; } #mBlacks { float: left; position: relative; top: 30px; left: -5px; } #mBlacks a { cursor: pointer; display: block; width: 93px; height: 43px; background: transparent url(../images/search_results/blacks.png) top left no-repeat; } #mBlacks a:hover { background-position: 0 -43px; } #mGrays { float: left; position: relative; top: 30px; left: 17px; } #mGrays a { cursor: pointer; display: block; width: 81px; height: 43px; background: transparent url(../images/search_results/grays.png) top left no-repeat; } #mGrays a:hover { background-position: 0 -43px; } #mGreens { float: left; clear: left; position: relative; top: 30px; left: -5px; } #mGreens a { cursor: pointer; display: block; width: 91px; height: 43px; background: transparent url(../images/search_results/greens.png) top left no-repeat; } #mGreens a:hover { background-position: 0 -43px; } #mBlues { float: left; position: relative; top: 30px; left: 17px; } #mBlues a { cursor: pointer; display: block; width: 80px; height: 43px; background: transparent url(../images/search_results/blues.png) top left no-repeat; } #mBlues a:hover { background-position: 0 -43px; } #mBrowns { float: left; clear: left; position: relative; top: 35px; left: -7px; } #mBrowns a { cursor: pointer; display: block; width: 106px; height: 43px; background: transparent url(../images/search_results/browns.png) top left no-repeat; } #mBrowns a:hover { background-position: 0 -43px; } #mTans { float: left; position: relative; top: 35px; left: 3px; } #mTans a { cursor: pointer; display: block; width: 72px; height: 43px; background: transparent url(../images/search_results/tans.png) top left no-repeat; } #mTans a:hover { background-position: 0 -43px; } #wBlacks { float: left; clear: left; position: relative; top: 30px; left: -10px; } #wBlacks a { cursor: pointer; display: block; width: 93px; height: 43px; background: transparent url(../images/search_results/blacks.png) top left no-repeat; } #wBlacks a:hover { background-position: 0 -43px; } #wGrays { float: left; position: relative; top: 30px; left: 10px; } #wGrays a { cursor: pointer; display: block; width: 81px; height: 43px; background: transparent url(../images/search_results/grays.png) top left no-repeat; } #wGrays a:hover { background-position: 0 -43px; } #wGreens { float: left; clear: left; position: relative; top: 35px; left: -10px; } #wGreens a { cursor: pointer; display: block; width: 91px; height: 43px; background: transparent url(../images/search_results/greens.png) top left no-repeat; } #wGreens a:hover { background-position: 0 -43px; } #wBlues { float: left; position: relative; top: 35px; left: 10px; } #wBlues a { cursor: pointer; display: block; width: 80px; height: 43px; background: transparent url(../images/search_results/blues.png) top left no-repeat; } #wBlues a:hover { background-position: 0 -43px; } #wPurples { float: left; clear: left; position: relative; top: 43px; left: -15px; } #wPurples a { cursor: pointer; display: block; width: 107px; height: 43px; background: transparent url(../images/search_results/purples.png) top left no-repeat; } #wPurples a:hover { background-position: 0 -43px; } #wBrowns { float: left; position: relative; top: 43px; left: -9px; } #wBrowns a { cursor: pointer; display: block; width: 106px; height: 43px; padding: 0; background: transparent url(../images/search_results/browns.png) top left no-repeat; } #wBrowns a:hover { background-position: 0 -43px; } #wReds { float: left; clear: left; position: relative; top: 47px; left: -15px; } #wReds a { cursor: pointer; display: block; width: 70px; height: 43px; background: transparent url(../images/search_results/reds.png) top left no-repeat; } #wReds a:hover { background-position: 0 -43px; } #currentTees { height: 43px; padding:0; background: transparent url(../images/search_results/tees.png) 7px 4px no-repeat; } #currentTunics { height: 43px; padding:0; background: transparent url(../images/search_results/tunics.png) 7px 4px no-repeat; } #currentsmall{ height: 43px; background: transparent url(../images/search_results/S.png) 8px 4px no-repeat; } #currentmedium{ height: 43px; background: transparent url(../images/search_results/M.png) 8px 4px no-repeat; } #currentlarge { height: 43px; background: transparent url(../images/search_results/L.png) 8px 4px no-repeat; } #currentx-large { height: 43px; background: transparent url(../images/search_results/XL.png) 8px 4px no-repeat; } #currentBlacks { height: 43px; background: transparent url(../images/search_results/blacks.png) 9px 4px no-repeat; } #currentGrays { height: 43px; background: transparent url(../images/search_results/grays.png) 9px 2px no-repeat; } #currentGreens { height: 43px; background: transparent url(../images/search_results/greens.png) 9px 2px no-repeat; } #currentTans { height: 43px; background: transparent url(../images/search_results/tans.png) 9px 4px no-repeat; } #currentBrowns { height: 43px; background: transparent url(../images/search_results/browns.png) 9px 4px no-repeat; } #currentBlues { height: 43px; background: transparent url(../images/search_results/blues.png) 9px 4px no-repeat; } #currentReds { height: 43px; background: transparent url(../images/search_results/reds.png) 9px 4px no-repeat; } #currentPurples { height: 43px; background: transparent url(../images/search_results/purples.png) 9px 4px no-repeat; } .block .actions { float: left; clear: left; text-align:right; width:193px; padding: 2px 0 5px 0; margin-left: 8px; background-color: #eee; } .block .actions h3 { float: left; padding-left: 2px; } .block .actions a { float:right; clear: right; color:#da600f; padding: 0 2px 0 0; position: relative; top: -2px; right: 1px; } /* Block: Account */ .block-account { margin-top: 20px; } .block-account .block-title { padding-bottom: 5px; border-bottom:1px solid #ddd; color: #504f4d; text-transform: uppercase; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently { float: left; width: 193px; background-color: #dedede; margin-bottom: 10px; margin-left: 8px; } .block-layered-nav .currently li { border-top: 1px solid #fff; } .block-layered-nav .currently a { float: right; clear: right; color:#DA600F; font-size: 12px; padding-right: 2px; position: relative; top: -4px; right: 1px; } /* Block: Cart */ .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: 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 li { padding:5px 0; } /* Block: Poll */ .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* 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-content { text-align:center; } /* Block: Checkout Progress */ .block-progress { margin-top: 16px; } .block-progress h2 { color:#504F4D; } .block-progress dt { font-weight:bold; background-color: #ccc; border-top: 2px solid #fff; padding-left: 5px; } .block-progress dt.complete, .block-progress dd.complete { background-color:#cdf085; border-top: 2px solid #fff; padding-left: 5px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-image { display:block; margin:0 auto; } .category-products { width: 726px; position: relative; left: -28px; } products-grid-search-results { margin-left: -14px; } /* View Type: Grid: */ .products-grid { width:100%; } .products-grid td { width:25%; border: 2px dashed #cccbc9; } .products-grid td img { padding: 7px 0 0 7px; } .products-grid td h3 { float: left; padding: 7px; } .products-grid .price-box span { display: none; } /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:100%; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-essential { height: 458px; width: 100%; float: left; } .product-images { float: left; width: 710px; height: 400px; padding: 7px; background-color: #fff; border: 2px dashed #CCCBC9; } .product-images li { float: left; } .product-images #image1 { width: 236px; height: 400px; overflow: hidden; margin-right: 7px; background-color: #000; } .product-images #image2 { width: 467px; height: 400px; overflow: hidden; } .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: 220px; height: 414px; } .product-view .product-name h2 span { display: none; } .product-name span { display: none; } .product-view .short-description { position: relative; top: -25px; left: 6px; font-size: 13px; } /*ID's to add Individual Product title images */ #beeRay { position: relative; top: -4px; width: 117px; height: 41px; background: transparent url(../images/indiv_prod/beeRaytitle.png) top left no-repeat; } #bikeRay { position: relative; top: -4px; width: 128px; height: 41px; background: transparent url(../images/indiv_prod/bikeRaytitle.png) top left no-repeat; } #bottleRay { position: relative; top: -4px; width: 147px; height: 41px; background: transparent url(../images/indiv_prod/bottleRaytitle.png) top left no-repeat; } #breakerRay { position: relative; top: -4px; width: 171px; height: 41px; background: transparent url(../images/indiv_prod/breakerRaytitle.png) top left no-repeat; } #fuelRay { position: relative; top: -4px; width: 128px; height: 41px; background: transparent url(../images/indiv_prod/fuelRaytitle.png) top left no-repeat; } #lotusRay { position: relative; top: -4px; width: 140px; height: 41px; background: transparent url(../images/indiv_prod/lotusRaytitle.png) top left no-repeat; } #matrixRay { position: relative; top: -4px; width: 166px; height: 41px; background: transparent url(../images/indiv_prod/matrixRaytitle.png) top left no-repeat; } #oceanRay { position: relative; top: -4px; width: 144px; height: 41px; background: transparent url(../images/indiv_prod/oceanRaytitle.png) top left no-repeat; } #peaceRay { position: relative; top: -4px; width: 142px; height: 41px; background: transparent url(../images/indiv_prod/peaceRaytitle.png) top left no-repeat; } #skateRay { position: relative; top: -4px; width: 140px; height: 41px; background: transparent url(../images/indiv_prod/skateRaytitle.png) top left no-repeat; } #surfRay { position: relative; top: -4px; width: 128px; height: 41px; background: transparent url(../images/indiv_prod/surfRaytitle.png) top left no-repeat; } #vanRay { position: relative; top: -4px; width: 171px; height: 41px; background: transparent url(../images/indiv_prod/ecovanRaytitle.png) top left no-repeat; } /*ID's to add Catalog Search title images */ #catBeeRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/beeRay.png) top left no-repeat; } #catBikeRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/bikeRay.png) top left no-repeat; } #catBottleRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/bottleRay.png) top left no-repeat; } #catBreakerRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/breakerRay.png) top left no-repeat; } #catFuelRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/fuelRay.png) top left no-repeat; } #catLotusRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/lotusRay.png) top left no-repeat; } #catMatrixRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/matrixRay.png) top left no-repeat; } #catOceanRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/oceanRay.png) top left no-repeat; } #catPeaceRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/peaceRay.png) top left no-repeat; } #catSkateRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/skateRay.png) top left no-repeat; } #catSurfRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/surfRay.png) top left no-repeat; } #catVanRay { float: left; width: 165px; height: 36px; background: transparent url(../images/search_results/ecovanRay.png) top left no-repeat; } /* Rating */ .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 */ #email-link { position: relative; top: -33px; left: 6px; font-size:11px; font-style: italic; letter-spacing: .5px; } #stock-link { float: left; clear: left; margin-left: 5px; } #stock-link a { font-size:11px; font-style: italic; letter-spacing: .5px; } #size-link { position: relative; top: -10px; left: 44px; } #size-select { position: relative; top: -2px; } #cotton { position: relative; top: -37px; left: 6px; font-size: 11px; } .availability { position: relative; top: -45px; left: 169px; } .availability .in-stock { font-weight:bold; color: #da600f; margin-left: 5px; } .availability .out-of-stock { font-weight:bold; color: #da600f; margin-left: 5px; } .products-grid .availability .out-of-stock { margin-right: 5px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { position: relative; top: -34px; left: 173px; font-size: 14px; } .price-box .price { font-weight:bold; } /* Regular price */ .regular-price .price { font-weight:bold; } /* Old price */ .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .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-label { font-weight:bold; white-space:nowrap; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* 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; } /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin: 0 5px 0 -5px; background: transparent url(../images/indiv_prod/quantity.png) top left no-repeat; height: 30px; width: 98px; } .add-to-cart label span { display: none; } .add-to-cart .qty { float:left; width: 40px; font-size: 14px; } .add-to-cart button { float:left; clear: left; margin: 20px 5px 0 40px; border: none; background: transparent url(../images/indiv_prod/buy.png) top left no-repeat; height: 44px; width: 96px; cursor: pointer; } .add-to-cart button span { display: none; } /* Add to Links + Add to Cart */ .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-wrapper { position: relative; top: -15px; width: 95%; height: 45px; border-top: 2px solid #CCCBC9; padding-top: 20px; } .product-options { padding:5px; } .product-options dt { float: left; clear: left; background: transparent url(../images/indiv_prod/size.png) top left no-repeat; height: 30px; width: 51px; } .product-options dt label { display: none; } .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 { float: right; } .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:100%; height:8em; } .product-options dd select { width:130px; height: 22px; margin: 3px 0 0 5px; } .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 a { position: relative; bottom: 0; left: -42px; font-size: 10px; } .product-options-bottom { position: relative; top: -23px; padding:15px 10px 15px 10px; border-top:0; } .product-options-bottom label { font-size: 22px; font-weight: bold; } .product-options-bottom .price-box { margin:10px 0; } .product-options-bottom .price-box span { display: none; } .social-bookmarks { position: relative; top: -25px; border-top: 2px solid #CCCBC9; width: 219px; } .social-bookmarks h2 { margin-top: 20px; background: transparent url(../images/indiv_prod/sharethisdesign.png) top left no-repeat; height: 32px; width: 204px; } .social-bookmarks h2 span { display: none; } .social-bookmarks ul { margin: 5px 0 0 20px; } .social-bookmarks li { float: left; padding: 5px; } .social-bookmarks li span { display: none; } #fb a { display: block; background: transparent url(../images/indiv_prod/facebook.gif) top left no-repeat; height: 31px; width: 30px; } #fb a:hover { background-position: 0 -31px; } #tw a { display: block; background: transparent url(../images/indiv_prod/twitter.gif) top left no-repeat; height: 31px; width: 30px; } #tw a:hover { background-position: 0 -31px; } #dc a { display: block; background: transparent url(../images/indiv_prod/delicious.gif) top left no-repeat; height: 31px; width: 30px; } #dc a:hover { background-position: 0 -31px; } #su a { display: block; background: transparent url(../images/indiv_prod/stumbleupon.gif) top left no-repeat; height: 31px; width: 30px; } #su a:hover { background-position: 0 -31px; } /* Block: Description */ .product-view .description { float: left; clear: both; height: 30px; width: 728px; margin-top: 13px; background-color: #fff; } .product-view .description .std { font-size: 16px; font-weight: bold; padding: 4px 5px 6px 5px; color: #7C7A70; letter-spacing: 2px; } /* Block: Upsell */ .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Add Review */ .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:14px; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* 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; } .cart-table { color:#504F4D; } #shopping-cart-totals-table { color:#504F4D; } /* 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; color:#7C7A70; } .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; color:#504F4D; } .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:40px 0 10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; font-size: 14px; } .checkout-progress li.active { border-top-color:#CDF085; color:#504F4D; font-size: 14px; } .multiple-checkout { position:relative; color:#504F4D; } .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 {} .multiple-checkout h3, h4 { color:#504F4D; } .multiple-checkout .col2-set h3 { margin-top: 5px; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; font-size: 16px; text-transform: uppercase; margin: 5px 0; color:#504F4D; } .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 */ .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 .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* 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 .new-users { color:#7C7A70; } .account-login .registered-users { color:#7C7A70; } /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard { color:#7C7A70; } .dashboard .welcome-msg h3 { color: #DA600F; font-size: 14px; padding: 3px 0 3px 0; } .dashboard .welcome-msg p { margin-bottom: -15px; } .dashboard h4 { color:#504F4D; border-bottom:1px solid #ddd; letter-spacing: 1px; margin-top: 15px; } .dashboard h5 { font-size: 13px; } .dashboard .col2-set a { float: left; } .dashboard .col2-set .col-1 { float: left; clear: left; margin-top: 10px; } .dashboard .col2-set .col-2 { margin-top: 10px; } .dashboard .col2-set .col-1 a { float: left; clear: left; } .dashboard .col2-set .col-2 a { float: left; clear: left; } .dashboard .col2-set .col-1 p { float: left; clear: left; margin-top: 10px; } .dashboard .col2-set .col-2 p { float: left; clear: left; margin-top: 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; } /********** 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 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:2px dashed #cccbc9; margin-top: 17px; padding: 5px 5px 0 5px; font-size: 12px; } .footer ul { float: left; width: 100%; } .footer li { float: left; text-align: center; padding: 10px 0 6px 25px; } .footer address { text-align:center; clear: both; font-size: 10px; margin-top: -5px; } /* ======================================================================================= */ /* Random */ #password-text { color:#7C7A70; } #form-validate h3 { color:#7C7A70; } #change_password { color:#7C7A70; } #no-orders { color:#7C7A70; } #logged-out { color:#7C7A70; font-size: 14px; } #form-validate fieldset h3 { margin-top: 3px; } #form-validate fieldset label { color:#504F4D; } #cart-empty { font-size: 16px; padding: 10px; } #sad { margin-left: 10px; } #sad span{ margin-left: 10px; padding: 2px; background-color:#F8E9E0; border: 1px solid #DA600F;} #happy { float: right; margin-top: -25px; } #happy span { margin: 10px 0 0 10px; padding: 2px; background-color: #EBFAD1; border: 1px solid #7C7A70; } #advice-validate-email-newsletter { width: 170px; } #spam { color: #DA600F; margin-top: 5px; } /** Begin clears.css */ .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-view .tags .form-add-tags: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; }