/* DECLARE GLOBAL VARIABLE * USING LESS CSS ----------------------------*/ /* COLOR */ @red: #ee2e24; @white:#fff; @darkred: #b5231b; @yellow: #ffff33; @gray: #ccc; @darkgray: #333; @redlink: #fe0000; .pagination a.gray_color{ color:#666; } .fontred{ color:@redlink !important; } /* BORDER */ @solid:solid; @dotted:dotted; /* TYPOGRAPHY */ .font10{ font-size:10px; } .font11{ font-size:11px; } .font12{ font-size:12px; } .font13{ font-size:13px; } .font14{ font-size:14px; } .font16{ font-size:16px; } .font18{ font-size:18px; } .font20{ font-size:20px; } .font24{ font-size:24px; } .font32{ font-size:32px; } .arial{ font-family: arial, verdana, tahoma; } .myriad_pro{ font-family: Myriad Pro, } .text_decoration{ text-decoration:none; } /* MISC */ .margin_auto{ margin:0 auto; } .width972{ width:972px; } .width952{ width:952px; } .width950{ width:950px; } .width210{ width:210px; } .width192{ width:192px; } .border_radius_small (@radius:5px){ border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } .border_gray (@width:1px, @style:solid, @color: #bdbdbd){ border:@width @style @color; } .display_block{ display:block; } .list_type_none{ list-style-type:none; } .unit{ float:left; } .unitExt{ float:right; } .line{ overflow:hidden; } .font_red{ color:@red; } .border_bottom_dotted{ border-bottom:1px dotted #B0B0B0; padding-bottom:5px; margin-bottom:5px; } .border_top_dotted{ border-top:1px dotted #B0B0B0; padding-top:5px; margin-top:5px; } .border_top_dotted_dark{ border-top:1px dotted #333; padding-top:5px; margin-top:5px; } .border_top_solid{ border-top:1px solid #ccc; } .border_bottom_solid{ border-bottom: 1px solid #ccc; } .padding_top10{ padding-top:10px; } .padding_bottom10{ padding-bottom:10px; } .padding_bottom25{ padding-bottom:25px; } .padding_top25{ padding-top:25px; } .padding20600{ padding:20px 40px 0; } .padding30{ padding:30px; } .padding20{ padding:25px; } .padding250{ padding:25px 0; } .padding10{ padding:10px; } .padding010{ padding:0 10px; } .padding0{ padding:0; } .margin_left30{ margin:0 0 0 30px !important; } .margin_left20{ margin:0 0 0 20px !important; } .margin_bottom10{ margin-bottom:10px; } .margin_top20{ margin-top:20px; } a.email_link, a.email_link:visited{ text-decoration:underline; color: @darkgray; } /* END GLOBAL VARIABLE LESS CSS --------------------------------------*/ /* GLOBAL CSS ---------------*/ body{ background: url(../../images/body_bg.jpg) repeat-x; min-height:521px; .arial; margin:0; padding:0; } #title_page{ .font24; margin:0 0 10px; padding:0; color:@red; text-transform: uppercase; } a:visited{ color:#666; } /* DISPLAY IN GRAY TEXT TEMPORARILY */ .gray_temp { color:#999 !important; cursor:default; } a.gray_temp:hover { text-decoration:none !Important; } /* HEADER --------------*/ header{ .border_radius_small; .margin_auto; margin-top:10px; .width952; behavior:url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ } header, nav{ .display_block; /* for ie versions */ } #header_wrap{ background:@red; .display_block; padding:10px; margin-bottom:60px; } #logo{ background: url(../../images/logo.jpg) no-repeat; text-indent:-99999px; } #logo a{ width:201px; height:91px; .display_block; } /* PRIMARY NAV ------------------*/ #primary_wrap { position:absolute; z-index:40; margin-top:110px; width:738px; ul{ top:26px; margin:0; padding:5px; li{ list-style-type:none; } } /* PRODUCT CATALOG */ #product_catalog{ border:1px solid #d7d7d7; padding:0; margin:0; display:inline-block; .unit; .border_radius_small; color:#666; background: #e4e4e4; background-image: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #e4e4e4); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#e4e4e4)); li{ list-style-type:none; padding:0; margin:0; a{ color:#666; .font16; margin:5px; padding:2px 0 0px 5px; .display_block; .font20; .sf-sub-indicator{ background: url(../../images/primary_arrow_icon.png) no-repeat 0 0; text-indent:-99999px; .display_block; .unitExt; width:29px; height:29px; margin: -3px 0 0 5px; position:relative; z-index:20; } } /* SECOND SUB */ ul{ margin:11px 0 0; padding:10px 0; background: #fff; .border_radius_small; width:135px; border:1px solid @gray; li{ background-image:none; border-bottom:1px solid @gray; padding:0; margin:0; a{ .font13; padding:10px 10px 10px 20px; margin:0; } a:hover{ background:#f2f2f2 url(../../images/subnav_arrow.jpg) no-repeat 0 50%; color:#ff3333; } .sf-sub-indicator{ background-image:none; position:absolute; margin:-24px 0 0 -15px ; left:0; z-index:5; } /* THIRD SUB */ ul{ margin:0; padding:0; top:0px; left:137px; .border_radius_small(0); li{ a{ } .sf-sub-indicator{ background-image:none; } } } } li:last-child{ border-bottom:none; } } } } /* PRIMARY NAV */ #primary_nav{ .unitExt; margin-top:8px; li{ margin:0 4px; .unit; /*border-right: 1px dotted #333;*/ padding-right:15px; a{ font-size:16px; color: @darkgray; } } li:first-child{ /*border-left: 1px dotted #333;*/ padding-left:18px; } } } /* SECONDARY NAV -----------------*/ #secondary_nav{ margin-right:20px; ul{ .list_type_none; margin:62px 15px 0 0; padding:0; li{ .unit; background: url(../../images/arrow_nav_icon.jpg) no-repeat 0 6px; margin:0 10px; padding: 0 0 0 10px; a{ color: @white; .font12; .arial; text-decoration:underline; } } } } /* TERTIARY NAV -----------------*/ ul#tertiary_nav{ padding:0; margin:0 0 0 20px; li{ padding:0; margin:5px 0; list-style-type: disc; .font14; color: #8f8f8f; a{ color:@darkgray; .font11; } } li:first-child{ margin:0; padding:0; } } /* CART ----------------*/ #cart_wrapper{ .font14; .line; width:177px; #cart_left{ width:64px; background: @darkred; .border_radius_small (5px 0px / 5px 0px 5px); .display_block; .unit; padding:5px; border-width: 1px 0 1px 1px; border-color: #eb3a31; border-style:solid; text-decoration:none; img{ .unit; margin:0 10px 0 0; } span{ color:@white; text-align:right; margin-top:2px; display:inline-block; } } #cart_right{ width:90px; padding:6px 5px 7px; .unitExt; .display_block; .border_radius_small (0px 5px 5px 0px); background: @darkred; border-width: 1px 1px 1px 0px; border-color: #eb3a31; border-style:solid; margin: 0 0 0 1px; text-decoration:none; span{ color: @yellow; margin-left:10px; } } a#cart_right:hover, a#cart_left:hover{ text-decoration:none; } } /* SEARCH ------------*/ form#search_wrap{ .line; /*margin:15px 0 0;*/ margin: 0; padding:30px 8px 15px 8px; background: url(../../images/search_bg.png) no-repeat 0 16px; width:161px; height:111px; .display_block; position:absolute; input{ padding:5px; width:149px; border:none; background:none; .font12; .display_block; outline: none; } #search_but{ background:url(../../images/search_but.jpg) no-repeat; width:96px; height:23px; display:block; text-indent:-99999px; margin: 10px 0 0 20px; .unitExt; cursor:pointer; } } /* HOMEPAGE ------------*/ /* NIVO JQUERY SLIDES */ #nivo_slider_wrap{ .unit; width:727px; } #slider { position:relative; width:727px; /* Change this to your images width */ height:387px; /* Change this to your images height */ background:url(../../images/preloader.gif) no-repeat 50% 50%; z-index:20; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } #slider .nivo-prevNav, #slider .nivo-nextNav{ width:17px; height:34px; display:block; text-indent: -99999px; } #slider .nivo-prevNav{ background: url(../../images/home/leftarrow_slide.png) no-repeat; margin-left:10px; } #slider .nivo-nextNav{ background: url(../../images/home/rightarrow_slide.png) no-repeat; margin-right:10px; } #slider .nivo-caption{ display:none; } #slider .nivo-controlNav { position: absolute; /*padding: 13px 5px 8px 452px;*/ padding: 13px 5px 8px 325px; /*width:270px;*/ width: 396px; /* hide original css 08012011 padding: 10px 5px 5px; width:715px;*/ z-index: 10; bottom:12px; background:#efefef; border-right:1px solid #afafaf; border-left:1px solid #afafaf; border-bottom:1px solid #afafaf; border-top:none; .border_radius_small; } #slider .nivo-controlNav a{ .unit; z-index:10; margin-right:10px; } #slider .nivo-controlNav a img{ display:block; position:relative; } /* PROMO LEFT */ #promo_left{ .unitExt; width:156px; .border_gray; background: #fff; padding:10px; .border_radius_small; color: @darkgray + 111; height:353px; #title_promo{ margin:0 0 10px; padding:0; font-size:20px; color: @darkgray; } img{ text-align:center; margin:0 auto; .display_block; border:1px solid #ccc; min-width:145px; max-width:145px; width:100%; .line; } p{ margin:10px 0; padding:0 5px; .font12; color: #666; } a{ color: @redlink; .font10; text-decoration:underline; .display_block; } } /* SPECIAL DEALS */ #special_wrap{ width:948px; .border_radius_small; .border_gray; display:block; background: @white; margin:10px 0; #special_title_wrap{ background: @red; .display_block; padding:10px 0 30px; .border_radius_small (5px 5px 0px 0px); .line; h3{ margin:0 0 0 20px; padding:0; color:@white; .font20; .unit; .myriad_pro; } a{ color:@white; .font10; .unitExt; margin: 8px 22px 0 0; text-decoration:underline; } } ul#item_list_wrap{ position:relative; z-index:2; margin:-20px 20px 10px; padding:0; .line; li{ width:156px; .line; .unit; margin:0 32px 0 0; padding:0; list-style-type:none; min-height:220px; /* IMAGE LINK */ a{ .line; .display_block; img{ border:none; } div{ background:@white; padding:10px 5px 5px; .display_block; .border_radius_small; .border_gray; .line; .badge_top{ position:absolute; z-index:10; margin-top:-11px; margin-left:-6px; } img{ text-align:center; margin:0 auto; min-width:124px; max-width:124px; width:100%; } span{ img{ position:relative; z-index:3; margin-top:-5px; min-width:100%; max-width:100%; width:100%; } } } } /* IMAGE DESCRIPTION */ p{ margin:5px 0; padding:0; color:@darkgray; .font11; } } li:last-child{ margin:0; } } } /* FEATURED PRODUCTS */ #featured_products_outerwrap{ background:#e8e8e8; padding: 15px 0; .border_gray; border-style:dotted; border-bottom: none; border-right:none; border-left:none; #featured_products_innerwrap{ .width952; .margin_auto; .border_gray; .border_radius_small; padding:10px; background-color: @white; background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #dddddd); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#dddddd)); /* FEATURED PRODUCT TITLE */ #featured_products_title_wrap{ .line; h3{ margin:0; padding:0; color:@darkgray; .font20; .unit; .myriad_pro; } a{ color:@darkred; .font11; .unitExt; margin: 8px 18px 0 0; text-decoration:underline; } } /* FEATURED PRODUCT LISTING */ #featured_product_list{ margin:10px 0 0; padding:0; .line; .display_block; li{ list-style-type:none; margin:0 23px 0 0 ; padding:0; .unit; .line; a{ background:@white; .border_gray; .border_radius_small; .line; width:198px; .display_block; padding:10px; img{ border:none; text-align:center; min-width:198px; max-width:198px; width:100%; } } } li:last-child{ margin-right:0; } } } } /* CONTENTS -----------------*/ #content{ .border_gray; .border_radius_small; background:@white; margin:0 auto 20px ; /* PRODUCT LISTING LEFT NAV */ #product_left_nav{ .display_block; width:152px; .line; h2{ color:@white; padding:5px 5px 5px 20px; margin:0; background:@red; .border_radius_small(5px 0 0 0); .font16; font-weight:bold; min-height:23px; } ul{ margin:0; padding:0; li{ padding:0; margin:0; list-style-type:none; border-bottom: 1px dotted @gray; a{ padding:10px 0 10px 20px; color: #cc0000; .font14; .display_block; } } li.active{ background: url(../../images/prod_active_bg.png) no-repeat 50% 0; } li.active a{ background:#eaeaea url(../../images/prod_active_bg.png) no-repeat right center; background-image: url(../../images/prod_active_bg.png) no-repeat right center, -moz-linear-gradient(100% 100% 90deg, #dcdcdc, #eaeaea) ; background-image: url(../../images/prod_active_bg.png) no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#dcdcdc)); color:@darkgray; font-weight:bold; .font14; } } /* PRODUCT SUB NAV */ #product_sub_wrap{ background:#ebebeb; padding:10px 10px 10px 20px; margin-bottom:60px; h3, h4{ margin:0; padding:0; .font13; font-weight:bold; color:@darkgray; } h3{ padding-bottom:10px; margin-bottom:10px; border-bottom: 1px dotted #b0b0b0; } ul{ margin:0; padding:0; li{ margin:0; padding:0; background: url(../../images/prod_sub_nav_arrow_icon.png) no-repeat 0 7px; border:none; a{ margin:0; padding:2px 5px 2px 10px; .font12; text-decoration:underline; color:@darkgray; } } } } } #right_content_wrap{ padding:10px; color:#666666; .font13; } /* PRODUCT LANDING */ .prod_landing_item{ width:240px; position:relative; display: block; vertical-align: middle; text-align: center; height:220px; margin:0 auto; a{ position:absolute; bottom:0; width:100%; } } } /* FOOTER ------------*/ footer{ padding:20px 0; background: #f7f7f7; background-image: -moz-linear-gradient(100% 100% 90deg, #e8e8e8, #f7f7f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8)); .border_gray; border-style:dotted; border-color:#b0b0b0; border-bottom: none; border-right:none; border-left:none; .width210{ margin:0 20px 0 0; .font12; color:#666; .border_gray; border-style:dotted; border-color:#000; border-top: none; border-bottom:none; border-left:none; .unit; .but_rounded_link{ padding:5px; margin: 5px 0; .font12; .border_radius_small; display:inline-block; background: @gray; color: @darkgray; } } } /* ICONS ------------*/ .fb_icon{ background: url(../../images/fb_icon.png) no-repeat; width:85px; height:20px; .display_block; text-indent:-99999px; margin: 0 10px 0 0; } .i4_logo{ .unitExt; .font12; color:#333; margin:20px 0 0; text-align:right; span{ text-decoration:underline; } } .i4_logo:hover{ text-decoration:none; } .share_fb, .email_friend{ background:url(../../images/share_fb_email_friend_icon.png) no-repeat; width:166px; height:36px; .display_block; text-indent:-99999px; } .email_friend{ background-position: 0 -46px; } /* STICKY FOOTER -------------------*/ html, body {height: 100%;} #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 150px;} /* must be same height as the footer */ footer{ position: relative; margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; .display_block; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* EQUAL HEIGHT -------------------*/ #equal_height_outerwrap{ clear: left; float: left; width: 100%; overflow: hidden; #equal_height_innerwrap{ float: left; width: 100%; position: relative; left: 152px; .border_radius_small(0 5px 5px 0); border-left:1px solid #CCC; #col1{ float: left; width: 153px; position: relative; left: -153px; overflow: hidden; } #col2{ float: left; width: 799px; position: relative; left: -153px; overflow: hidden; } } } /* BREADCRUMBS ---------------*/ #breadcrumbs{ background:#ebebeb; padding:7px 5px 5px 25px; .border_radius_small(0 5px 0 0); .font13; min-height:22px; a{ color:#000; .font13; } } /* BUTTON LINK -----------------*/ .but_lightgray_link{ .display_block; background:@gray; text-align:center; color:@darkgray; font-weight:bold; padding:5px; .border_radius_small; } .back_shopping_cart{ width:216px; height:33px; .display_block; text-indent:-99999px; background: url(../../images/back_shopping_cart_but.png) no-repeat; .unit; } .review_orders_shipping{ width:272px; height:33px; .display_block; text-indent:-99999px; background: url(../../images/review_orders_shipping_but.png) no-repeat; .unitExt; } .back_to_checkout{ width:216px; height:33px; .display_block; text-indent:-99999px; background: url(../../images/back_checkout_but.png) no-repeat; .unit; } .pay_using_credit_card{ width:205px; height:33px; .display_block; text-indent:-99999px; background: url(../../images/pay_credit_but.png) no-repeat; .unitExt; } /* PAGINATION ----------------*/ .pagination{ text-align:right; padding-right:15px; background: @white; .font12; color:@darkgray; .border_radius_small; a{ .font12; color:@darkgray; text-decoration:underline; } } /* PRODUCTS ---------------------*/ /* PRODUCT LISTING */ #product_wrapper{ .line; width: 100%; /* PRODUCT ITEM */ .product_item { width: 199px; border-right:1px solid @gray; border-bottom:2px solid @gray; float: left; .line; .display_block; padding-bottom:0px; height: 460px; background: #f2f2f2; /* PRODUCT ITEM IMAGE */ .product_image{ display: table-cell; vertical-align: middle; text-align: center; width:160px; padding:19px; background: @white; .badge_top{ position:absolute; z-index:10; margin-top:-19px; margin-left:-19px; min-width:154px; max-width:154px; width:100%; } img{ display:table-cell; } } /* PRODUCT ITEM DETAILS */ .product_details{ background:#f2f2f2 url(../../images/product_details_arrow.jpg) no-repeat 50% 0; padding:20px 10px; .display_block; .line; color:#666; h5{ margin:5px 0 10px; padding:0; .font12; text-decoration:underline; color:#666; } p{ margin:10px 0; padding:0; .font11; color:#666; } .price{ .font12; span{ font-weight:bold; } } .sale_price{ color:@red; .font12; font-weight:bold; span{ color:#666; } } } /* PRODUCT ITEM CART BUTTON ICONS */ .product_cart_wrapper{ background: #f2f2f2; padding:10px 10px 20px; .line; .display_block; .view_details_but{ background: url(../../images/view_details_but_icon.jpg) no-repeat; width:81px; height:19px; .display_block; text-indent:-99999px; .unit; } .cart_but{ background: url(../../images/add_cart_but_icon.jpg) no-repeat; width:77px; height:19px; .display_block; text-indent:-99999px; .unitExt; } } } } /* PRODUCT DETAILS */ #product_details{ .line; margin:20px; padding:10px; /* PRODUCT IMAGE */ #product_image{ .unit; width:400px; margin:0 20px 0 0; img{ min-width:auto; /*max-width:400px;*/ width:100%; .display_block; } .view_larger_image{ background: url(../../images/lens_icon.png) no-repeat; .display_block; margin:20px 0 0 20px; padding:2px 0px 2px 20px; .font11; color:@darkgray; } } /*PRODUCT SPECIFICATION */ #product_specification{ color:@darkgray; .unitExt; width:290px; h5{ margin:5px 0 0; padding:0; .font16; font-weight:bold; color:@darkgray; } #product_model{ .font14; } .badge_detail{ margin:20px 0; .line; span{ color:#ff0000; position:relative; background: url(../../images/prod_sub_nav_arrow_icon.png) no-repeat 0 5px; padding:10px 10px 10px 0; display:block; .unit; } strong{ text-decoration: none; color:#000; } } p{ .font13; line-height:150%; margin:20px 0 30px 0; padding:0; .line; } #product_price{ .font16; margin:20px 0; .line; } #add_shop_cart{ background: url(../../images/add_shopping_cart_icon.png) no-repeat; width:226px; height:33px; .display_block; text-indent:-99999px; margin:20px 0 30px; .line; } a#add_wishlist{ .border_radius_small(5px); background: @red; color:@white; .font12; padding:10px; margin:10px 0; display:inline-block; min-width:145px; text-align:center; text-transform: uppercase; font-weight:bold; } a#add_wishlist:hover{ background: #fc2020; text-decoration:none; } #already_wishlist{ .border_radius_small(5px); background: @gray; color: #666; .font12; padding:10px; margin:10px 0; display:inline-block; min-width:145px; text-align:center; text-transform: uppercase; font-weight:bold; font-style:italic; } #optional_note{ p{ .font12; line-height:100%; } } #social_network{ border-top:1px dotted #ccc; margin-top:10px; padding-top:10px; } .share_fb, .email_friend{ margin:10px 0; .line; } .stores_text_link{ color:@darkgray; .font12; text-decoration:underline; } } } /*SHOPPING CART */ #shopping_cart_wrap{ padding:30px; /* SHOPPING CART TEXT IMAGE */ #shopping_cart{ background: url(../../images/shopping_cart_text.png) no-repeat; width:187px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } /* ITEM WRAP */ #item_wrap{ .line; margin:20px 0; #review_shop_coupon_wrap{ #total_shop{ padding:0 0 20px 578px; } #total_coupon{ padding:0 0 20px 522px; } } /* ITEM TITLES */ #titles{ color:@darkgray; .font14; font-weight:bold; border-bottom:2px solid @gray; padding-bottom:10px; margin-bottom:20px; .line; .item, .product_description, .quantity, .price, .total{ .font14; } } /* ITEM BOX WRAP*/ .item_box{ .line; padding-bottom:30px; margin-bottom:20px; border-bottom:1px dotted @gray; } // ITEM BOX REVIEW .item_box_review{ .line; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted @gray; } .item_img, .product_description, .quantity, .price, .total{ .unit; } .item_img{ width:106px; margin-right:30px; img{ min-width:100px; max-width:100px; width:100%; text-align:center; margin:0 auto; } } // ITEM REVIEW .item_img_review{ width:106px; margin-right:30px; margin-left:30px; .unit; img{ min-width:100px; max-width:100px; width:100%; text-align:center; margin:0 auto; } } .product_description{ width:242px; margin-right:50px; h5{ .font13; color:@darkgray; padding:0; margin:0; font-weight:normal; } p{ .font11; margin:0; padding:0; color:#666; } } // PRODUCT DESCRIPTION REVIEW .product_description_review{ width:316px; margin-right:50px; .unit; h5{ .font13; color:@darkgray; padding:0; margin:0; font-weight:normal; } p{ .font11; margin:0; padding:0; color:#666; } } // SHOPPING CART TOTAL .shop_cart_blank{ .unit; width:250px; margin-right:50px; } .shop_cart_total_text{ width:230px; margin-right:20px; .font13; .unit; text-align:right; color:@darkgray; } .shop_cart_total_value{ width:114px; padding:0 3px; margin-right:36px; .font13; .unit; text-align:right; } // SHIPPING COST .ship_cost_blank{ .unit; width:250px; margin-right:50px; } .ship_cost_text{ width:230px; margin-right:20px; .font13; .unit; text-align:right; color:@darkgray; } .ship_cost_value{ width:114px; padding:0 3px; margin-right:36px; .font13; .unit; text-align:right; } // TOTAL .overall_total_blank{ .unit; width:250px; margin-right:50px; } .overall_total_text{ width:230px; margin-right:20px; .font18; .unit; text-align:right; color:@darkgray; } .overall_total_value{ width:114px; padding:0 3px; margin-right:36px; .font18; .unit; text-align:right; } .quantity{ width:54px; padding:0 3px; margin-right:50px; .font13; input{ width:40px; border:1px solid @gray; text-align:center; margin:0 auto; .display_block; .font13; color:@darkgray; } } // QUANTITY REVIEW .quantity_review{ width:54px; padding:0 3px; margin-right:50px; .font13; .unit; text-align:center; input{ width:40px; border:1px solid @gray; text-align:center; margin:0 auto; .display_block; .font13; color:@darkgray; } } .price{ width:100px; margin:2px 40px 0 0; .font13; color:@darkgray; } .total{ width:110px; .font13; margin:2px 0 0 0; color:@darkgray; } .delete_but{ background: url(../../images/delete_but.png) no-repeat; width:77px; height:23px; .display_block; text-indent:-99999px; margin-left:20px; } /* TOTAL SHOPPING CART */ #total_shop{ .font14; color:#000; .line; padding:0 0 20px 474px; #text{ .unit; margin-right:10px; text-align: right; } #total_amount{ .unit; font-weight:bold; margin-left:60px; } .update_but{ background: url(../../images/update_but.png) no-repeat; width:77px; height:23px; .display_block; text-indent:-99999px; margin-left:20px; } } /* TOTAL COUPON CODE */ #total_coupon{ .font14; color:#000; .line; padding:0 0 20px 418px; #text{ .unit; margin-right:10px; width:183px; text-align:right; } #total_amount{ .unit; font-weight:bold; margin-left:60px; } } .continue_shop, .proceed_checkout{ width:216px; height:33px; .display_block; text-indent:-99999px; } .continue_shop{ background: url(../../images/continue_shop_but.png) no-repeat; .unit; } .proceed_checkout{ background: url(../../images/proceed_checkout_but.png) no-repeat; .unitExt; } } } /* STORE LOCATOR */ #store_locator_page{ div{ margin:0; padding:0; #tabs{ margin:5px 0; padding:0; ul{ margin:10px 0 10px; padding:0; border-bottom: 1px dotted @gray; li{ margin:0 10px; padding:0; a{ margin:0; padding:5px 20px; color:@darkgray; .font14; width:66px; text-align:center; background:#efefef; .border_radius_small(5px 5px 0 0); } a:hover{ color:#666; font-weight:bold; } } li:first-child{ margin-left:0; } li.ui-state-active a{ .border_radius_small(5px 5px 0 0); color:@red; font-weight:bold; } } } div { .line; margin:10px 0; padding:0 0 10px; p{ margin:5px 0; padding:10px 10px; .font13; border-bottom:1px solid @gray; color:#666; .line; } h6{ color:@darkgray; .font16; padding:0; margin:0 10px; font-weight:bold; font-style:normal; } } .ui-tabs .ui-tabs-panel { margin:10px; padding:0; } } } /* STATIC PAGE */ #static_page{ .font13; color: #666; p{ padding:0; margin:10px 0; line-height:14px; } } /* CONTACT US */ .contact_us_form{ .line; .font13; color:#666; div{ margin:10px 0 10px 0; label{ .unit; width:160px; margin:5px 10px 0 0; position:relative; } input{ .unit; width:250px; padding:2px 5px; } textarea{ .unit; width:250px; padding:2px 5px; } select{ border:1px solid #ccc; padding:2px 5px; option{ border:none; margin:5px; } } .submit_but{ .unitExt; width:80px; background:#EE2E24; padding:10px; color:@white; font-weight:bold; border:1px solid #EE2E24; .border_radius_small; cursor:pointer; } .submit_but:hover{ background:#d32017; } } } .submit{ width:80px !important; background:#EE2E24 !important; padding:10px; color:@white !important; font-weight:bold; border:1px solid #EE2E24; .border_radius_small; cursor:pointer; } .submit:hover{ background: #d32017 !important; } /* CAREEERS */ #careers_wrap{ .line; padding:20px 0; margin:20px 0; border-top:1px dotted @gray; border-bottom:1px dotted @gray; #position_wrapper{ padding-right:20px; width:150px; .unit; a{ .display_block; color:@darkgray; .font14; margin:10px 0; background: #efefef; padding:5px 10px; .border_radius_small; border:1px solid #ccc; span{ .unitExt; } } a:hover{ text-decoration:none; background: #ccc; } } #description_wrapper{ border-left:1px solid @gray; padding:20px 40px; .unit; width:650px; .description{ .line; padding-bottom:10px; margin-bottom:30px; .font14; color:#666; border-bottom:1px dotted #666; h3{ margin:0 0 10px; padding:0; color: @red; .font18; font-weight:bold; } .add_this{ .font10; color:@darkgray; padding:4px 10px; background:#efefef; border:1px solid @gray; .border_radius_small; .display_block; width:80px; .unitExt; cursor:pointer; } .add_this:hover{ text-decoration:none; background:@gray; } .add_this_form{ .line; position:absolute; z-index:2; margin:25px 0 0 0; border:1px solid #ccc; padding:8px; .unitExt; width:200px; background:@white; } strong{ color:@darkgray; } p{ padding:0; margin:10px 0; } ul { padding:0; margin:0; li{ margin:0 0 0 20px; padding:0 0 0 20px; } } a.top{ text-decoration:underline; color:@darkgray; .font11; .unitExt; padding:5px 10px; } a.top:hover{ background: #ccc; } } } } /* RETURN POLICY */ #return_policy_form { border-top:1px dotted @gray; border-bottom: 1px dotted @gray; padding:20px 0; margin:10px 0; .line; div{ .line; margin:10px 0; label{ .unit; width:200px; margin-right:10px; margin-top:6px; } input{ .unit; width:200px; padding:2px 5px; } textarea{ .unit; width:200px; padding:2px 5px; } .submit{ width: 80px; background: #EFEFEF; padding: 10px; color: #EE2E24; font-weight: bold; cursor: pointer; margin-left:344px; .border_radius_small; } } } /* PURCHASE HISTORY -----------------------*/ #outstanding_orders{ background: url(../../images/outstanding_order_text.png) no-repeat; width:214px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } #purchase_history{ background: url(../../images/purchase_history_text.png) no-repeat; width:187px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } .product_description{ line-height:20px; p{ line-height:14px !important; } } .per_history_order{ border-top:1px dotted @gray; border-bottom:1px dotted @gray; padding:20px; margin:10px; .line; .per_order{ width:740px; .unit; } a{ .fontred; text-decoration:underline; } } /* REVIEW ORDERS AND SHIPPING DETAILS -------------------------------------------*/ #review_shipping{ background: url(../../images/review_shipping_orders_text.png) no-repeat; width:319px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } /* CHECKOUT ORDERS ---------------------*/ #checkout_orders{ background: url(../../images/checkout_orders_text.png) no-repeat; width:187px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } /* PAYMENT SUCCESSFUL -------------------------------------------*/ #payment_successful{ background: url(../../images/payment_successful_text.png) no-repeat; width:213px; height:39px; .display_block; text-indent:-99999px; position:relative; z-index:2; margin:-10px 0 0 -42px; .line; } /* POP UP FORM */ /* Overlay */ #contact-overlay {background-color:#000; cursor:wait;} /* Container */ #contact-container {font: 16px/22px 'Arial', verdana, tahoma; text-align:left; width:450px;} #contact-container .contact-content {background-color:#333; color:#ddd; height:40px;} #contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;} #contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;} #contact-container .contact-message {text-align:center;} #contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;} #contact-container br {clear:both;} #contact-container form {margin:0; padding:0;} #contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;} #contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;} #contact-container textarea {height:114px;} #contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;} #contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;} #contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;} #contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;} #contact-container .contact-bottom a:hover {color:#888;} #contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} #contact-container .contact-button:hover {background:#f49000;} #contact-container a.modal-close, #contact-container a.modal-close:link, #contact-container a.modal-close:active, #contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;} #contact-container a.modal-close:hover {color:#ccc;} /* PER POST */ .per_post{ margin:10px; padding:10px 0 20px; .line; border-bottom:1px solid #efefef; .per_post_innerwrap{ width:680px; .unit; } .img_thumb{ min-width:150px; width:100%; max-width:150px; margin-right:30px; border:1px dotted #ccc; padding:10px; .unit; } h3.title_post{ margin:0; padding:0; .font24; color:#515151; font-weight:normal; font-family:'Trebuchet MS', Helvetica, sans-serif; } .date{ .font12; color:#666; margin:5px 0 15px; background:#efefef; padding:5px; display:inline-block; } p{ .font13; color:#666; margin:10px 0; padding:0; display:inline; } a.read_more_post{ .font11; color:@red; text-decoration:underline; } } #per_post_detail .per_post{ .img_thumb{ width:100%; min-width:300px; max-width:300px; } } .contact_us_form label.error { margin-left: 10px; width: auto; display: inline; color:red; font-style:italic; vertical-align:middle; line-height: 1.5; } .contact_us_form input.error { border: 1px dotted red; } .contact_us_form textarea.error { border: 1px dotted red; } #return_policy_form label.error { margin-left: 10px; width: auto; display: inline; color:red; font-style:italic; vertical-align:middle; line-height: 1.5; } #return_policy_form input.error { border: 1px dotted red; } #return_policy_form textarea.error { border: 1px dotted red; } /* BROCHURE PAGE ------------------*/ #brochure_detail_wrap{ margin:60px 0 30px; #slider_brochure{ width:550px; height:850px; background:url(../../images/loading.gif) no-repeat 50% 50%; margin:0 auto; border:1px solid #999; .nivo-controlNav{ position:absolute; z-index:20; margin:-30px 0 0; a{ background: #999; color: @white; margin:0 10px 0 0; padding:5px; .font12; font-weight:bold; } a:hover, a.active{ text-decoration:none; background:@red; font-weight:bold; } } .nivo-directionNav{ .nivo-prevNav, .nivo-nextNav{ background-image: url(../../images/arrows-brochure.png); background-repeat: no-repeat; width:24px; height:42px; display:block; text-indent:-99999px; } .nivo-prevNav{ margin:0 0 0 -24px; } .nivo-nextNav{ margin:0 -24px 0 0; background-position: -76px 0; } } } a#fullscreen{ margin-left:507px; background:#ccc; padding:5px; color:#000; border:1px solid #ccc; .font12; } a#fullscreen:hover{ background:#efefef; text-decoration:none; } a#exitfullscreen{ margin-left:623px; background:#ccc; padding:5px; color:#000; border:1px solid #ccc; .font14; } a#exitfullscreen:hover{ background:#efefef; text-decoration:none; } .no-fullscreen{ width:250px !important; height:386px !important; background-size:100% !important; .nivo-slice{ background-size:auto 100%; } } } .resize_img{ width:50%; height:50%; } /* WISHLIST */ #wishlist_page{ padding:10px 0 0; margin-top: 10px; border-top: 1px dotted #ccc; padding:0 10px; .line; .wishlist_box{ .line; padding:10px 0 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; .wishlist_img{ width:106px; margin-right:30px; .unit; img{ min-width: 100px; max-width: 100px; width: 100%; text-align: center; margin:0 auto; } } .wishlist_description{ .unit; width:242px; margin-right:50px; a{ text-decoration:underline; h5{ .font13; color: #333; padding:0; margin:0; font-weight: bold; } } a:visited{ color:#333; } p{ .font11; margin:0; padding:0; color: #666; line-height:14px; } } .wishlist_add{ background: url(../../images/add_but.png) no-repeat; width: 105px; height: 23px; display: block; text-indent: -99999px; margin-left: 20px; .unitExt; } .wishlist_delete{ background: url(../../images/delete_but.png) no-repeat; width: 77px; height: 23px; display: block; text-indent: -99999px; margin-left: 20px; .unitExt; } } } /* COUPON CODE -------------------*/ .coupon_code_wrap{ width:100%; margin: 0 auto; display:block; text-align:center; padding:0 0 20px; span{ color: #333; .myriad_pro; font-weight:bold; } .btn_coupon{ background: #efefef; padding:5px 10px; color:#000; font-family: verdana, tahoma, arial; border:1px solid #ccc; border-radius:3px; cursor:pointer; } } .border_top2{ border-top:2px solid @gray; padding-top:20px; } .border_bottom2{ margin-bottom:30px; border-bottom:2px solid @gray; } /*Disabled Items*/ .none { display:none !important; } #cart_wrapper { height: 31px; } /*#cart_wrapper #cart_left, #cart_wrapper #cart_right { display: none !important; }*/ #product_wrapper .product_item .product_cart_wrapper .cart_but { /*background: url("../../images/disabled_add_cart_but_icon.png") no-repeat scroll 0 0 transparent;*/ } #product_details #product_specification #disabled_add_shop_cart { background: url("../../images/disabled_add_shopping_cart_icon.png") no-repeat scroll 0 0 transparent; display: block; height: 33px; margin: 20px 0 30px; overflow: hidden; text-indent: -99999px; width: 226px; }