/* **************************************************************************** reset **************************************************************************** */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} .ie7 input, .ie7 select{line-height:18px} a {cursor:pointer} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} /* ************************************************************************************************ struture ************************************************************************************************ */ #page {} #left_column { margin-right:22px; width:268px;margin-top:32px;} #center_column {margin-right:0px; width:860px; float:right; margin-bottom:10px;} #product #center_column{float:left;} #index #center_column, #product #center_column {width:100%;} #right_column {width:215px;} #footer {} #header,#columns,#footer{ margin:0 auto; width: 100%; } #columns {z-index:1; margin:85px auto 0;} #index #columns{margin:0 auto;} .ie7 #columns .columns_inner{margin-top:85px;} #columns .columns_inner, #footer .footer_inner{ width:1150px; margin:0 auto;} .header_container { position:relative; } /* ************************************************************************************************ START 2 COLUMNS LEFT STRUCTURE - MEGNOR - TemplateMela.com THIS IS 2-COLUMN LAYOUT STURECURE :BUT YOU CAN ENJOY IT LIKE 3 COLUMN. Here What we have done is, ADDED BOTH - Left Column and Right Column on single LEFT SIDE. Becuase, ON CHECKOUT, MY ACCOUNT and many other pages, you don't need too many unnecessary boxes. You can HOOK both Left and Right Columns on LEFT SIDE. As per CONVERSION experts abd based prestashop default features will be display on right column display on left side, on checkout pages with bestsellers, most viewed contact etc. Here we have hide left column contents on order pages, address pages, and some modules. ************************************************************************************************ */ #index #left_column #right_column_inner{display:none} #index #center_column {} .hide-left-column #left_column #left_column_inner{display:none} .hide-left-column #center_column {} /* PAIMENT - PAGE ORDER */ #order #left_column #left_column_inner, #order-confirmation #left_column #left_column_inner{ display:none} #order #center_column, #order-confirmation #center_column{} /* PAGE ORDER-OPC */ #order-opc #left_column #left_column_inner{ display:none} #order-opc #center_column{} /* paiment - CONFIRMATION */ #orderconfirmation #left_column #left_column_inner{ display:none} #orderconfirmation #center_column{} /* PAGE HISTORY */ #history #left_column_inner{display:none} #history #center_column{} /* PAGE IDENTITY */ #identity #left_column_inner{display:none} #identity #center_column{} /* PAGE WISHLIST */ #module-blockwishlist-mywishlist #left_column_inner{display:none} #module-blockwishlist-mywishlist #center_column{} /* PAGE CHECK PAYMENT */ #module-cheque-payment #left_column_inner{display:none} #module-cheque-payment #center_column{} /* PAGE BANKWIRE PAYMENT */ #module-bankwire-payment #left_column_inner{display:none} #module-bankwire-payment #center_column{} /* PAGE ADRESSES */ #addresses #left_column #left_column_inner{ display:none} #addresses #center_column{} /* PAGE ADD ADRESS */ #address #left_column #left_column_inner{ display:none} #address #center_column{} /* PAGE ORDER-SPLIP */ #order-slip #left_column #left_column_inner{ display:none} #order-slip #center_column{} /* PAGE DISCOUNT */ #discount #left_column #left_column_inner{ display:none} #discount #center_column{} /* PAGE ORDER FOLLOW */ #order-follow #left_column #left_column_inner{ display:none} #order-follow #center_column{} /* addons google checkout*/ #module-gcheckout-payment #left_column #left_column_inner{display:none} #module-gcheckout-payment #center_column{} /* addons paypal */ #module-payment-submit #left_column #left_column_inner{display:none} #module-payment-submit #center_column{} /* addons cashondelivery validation */ #module-cashondelivery-validation #left_column #left_column_inner{display:none} #module-cashondelivery-validation #center_column{} /* addon favoriteproducts*/ #module-favoriteproducts-account #left_column #left_column_inner{display:none} #module-favoriteproducts-account #center_column {} /* addon referralprogram*/ #module-referralprogram-referralprogram-program #left_column #left_column_inner{display:none} #module-referralprogram-referralprogram-program #center_column{} /* addon loyalty*/ #module-loyalty-default #left_column #left_column_inner{display:none} #module-loyalty-default #center_column{} /* ************************************************************************************************ END COLUMNS HIDE - MEGNOR - TemplateMela.com ************************************************************************************************ */ /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ font-weight:normal; color: #949494; background:#fff; font-family: 'Source Sans Pro',sans-serif,Arial,Helvetica; font-size: 15px; line-height: 20px; } body.content_only { background: #fff; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_left {float:left} .f_right {float:right} p.center {text-align:center} .clearBoth {clear:both} /* title *************************************************************************************** */ h1 { margin-bottom:15px; font-size:25px; line-height: 22px; color:#D88528; } h2 { padding-bottom:20px; font-size:19px } h3 { padding-bottom:20px; font-size:17px } .title_block { padding-bottom:20px; font-size:14px } #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a, #featured-products_block_center .lnk_more,#order .delivery_options_address h3, #order-opc .delivery_options_address h3, table.std th, table.table_block th,#form_forgotpassword p.text label ,#add_address p.text input,#add_address p.password input, #add_address p.select input,#add_address p.select select,#add_address p.textarea textarea,.listcomment .titlecomment,#create-account_form .title_block ,.order_carrier_content ,.paiement_block,.description_box { font-size:13px;} /* text **************************************************************************************** */ p {padding-bottom:10px} p em {font-style:italic} .warning { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; background:#ffffe0 } .success { margin:0 0 10px 0; padding:10px; border:1px solid #86AE94; background: #D6F8E2; } .error { margin:0 0 10px 0; padding:10px; border:1px solid #EBBCB5; color:#DF0505; background:#FDE4E1; overflow: hidden; } .error ul, .error ol {margin-left:20px} .error p.lnk { padding:0; float: right; margin-top: 10px; text-transform:uppercase; } .error p.lnk a { padding:5px 10px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #635241; } .error p.lnk a:hover { text-decoration:none;} .required sup {color:#DF0505} .addresses ul.address .address_delete a,#product_comparison .cmp_remove{ color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border:1px solid #cc9900; cursor: pointer; text-transform:capitalize; background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .addresses ul.address .address_update a{ color: #ffffff; border:1px solid #cc9900; cursor: pointer; text-transform:capitalize; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* link **************************************************************************************** */ a, a:active, a:visited { color:#777777; text-decoration:none; outline: medium none } a:hover { color:#D88528;} /* HACK IOS ipad, iphone */ input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="image"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; } /*buttons ************************************************************************************** */ a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled, input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, #new_comment_form button { position:relative; display:inline-block; cursor: pointer; text-transform:capitalize; background:#9A948F; height:30px; line-height:28px; width: auto; overflow: visible; font-weight:normal; outline: 0; color: #fff; padding:0px 11px; border:none; } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled{ height:30px; } /* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { } /* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, #new_comment_form button:hover { background:#D88528; text-decoration:none; } /* exclusive hover button */ /* active button */ input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active, input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active, a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active, a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active, #new_comment_form button:active { background:#D88528; text-decoration:none; } input.button_disabled, input.exclusive_disabled, span.exclusive { cursor: default; opacity: 0.65; filter:alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*==================================*/ /* START FORMALIZE */ /*==================================*/ .input_tiny { width: 50px; } .input_small { width: 100px; } .input_medium { width: 150px; } .input_large { width: 200px; } .input_xlarge { width: 250px; } .input_xxlarge { width: 300px; } .input_full { width: 100%; } .input_full_wrap { display: block; padding-right: 8px; } /* `UI Consistency ---------------------------------------------------------------------------------------------------*/ ::-moz-focus-inner { border: 0; padding: 0; } input[type="search"]::-webkit-search-decoration { display: none; } input, button, select, textarea { margin: 0; vertical-align: middle; z-index:0; position:relative; } button:hover{ transition-duration: 300ms; background:#FF633F;} textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: #fff; border: 1px solid; border-color: #eee #eee #eee; color:#777; outline: 0; padding:5px 5px 5px 3px; z-index:0; position:relative; } /* WebKit's. */ ::-webkit-input-placeholder { color: #555; } input:-moz-placeholder, textarea:-moz-placeholder { color: #555; } input.placeholder_text, textarea.placeholder_text { color: #555; } :invalid { /* Suppress red glow that Firefox adds to form fields by default, even when user is still typing.*/ } button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { /* for Opera */ z-index: 1; } .header .form-search input:focus, .header .form-search input:active{ -moz-box-shadow: #ddd 0 0 0px; -webkit-box-shadow: #ddd 0 0 0px; box-shadow: #ddd 0 0 0px; border:none; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } select[disabled], textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eee; } button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; cursor: default; } textarea, select[size], select[multiple] { height: auto; } /* Tweaks for Safari + Chrome. */ @media (-webkit-min-device-pixel-ratio: 0) { select { background-image: url('../img/megnor/select_arrow.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } select[size], select[multiple] { background-image: none; padding: 0; } ::-webkit-validation-bubble-message { box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000)); border: 1px solid; border-color: #747474 #5e5e5e #4f4f4f; color: #fff; font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif; padding: 15px 15px 17px; text-shadow: #000 0 0 1px; } ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { display: none; } } textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; } optgroup { color: #000; font-style: normal; font-weight: normal; } /*==================================*/ /* END FORMALIZE */ /*==================================*/ /* form **************************************************************************************** */ #send_friend_form .form_container, form.std fieldset { margin:2px 0 15px; /* 20px 0*/ border:1px solid #DFDFDF; background:#F4F4F4; padding:0 0 15px; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #E9E9E9; border-bottom:none; background:white; border-collapse:inherit } table.std th, table.table_block th { padding:14px 12px; color:#fff; text-transform:uppercase; background:#9A948F; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f9f9f9} table.std td, table.table_block td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; vertical-align:top } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:15px} #index .block, .tm_manufacturer {margin:20px 0;clear:both;} #index #cart_block.block{margin:0;} #footer .block {margin-bottom:0} .block .block_content{ position:relative; padding: 10px 0px; } .block .title_block, .block h4 { text-transform:capitalize; color: #D88528; font-size: 20px; padding: 10px 15px; } #left_column .block .title_block, #left_column .block h4{padding: 10px 10px 10px 0px;display: inline-block;background:#fff;} .ie7 #left_column .block .title_block, .ie7 #left_column .block h4{border-bottom:2px solid #f0f0f0;} #left_column .block{background:url("../img/line.png") repeat-x scroll 0 21px transparent;} .block .title_block a, .block h4 a {color:#D88528} .block ul {list-style-type:none} .block li.last { border:none !important;} #center_column .block .block_content{ background:none; border-radius:0; border:none; padding:0; margin:0; } /* BLOCK .products_block FOR LEFT COLUMN LIST **************************** */ .products_block {} .products_block li {float:left; } /*================ Product Grid Start ============================*/ ul#product_list, ul.product_list { list-style-type: none; position:relative; padding:0px; margin:0px; list-style: none; } .ie7 ul#product_list, .ie7 ul.product_list { overflow:hidden;} .grid_default_width{ width:286px; } /* Default Width for Product Grid */ .grid_view li, .product_list li { width:287px; margin-bottom: 14px; padding: 0; margin:0; position:relative; float:left; vertical-align: top; } .ie7 .grid_view li,.ie7 .product_list li { display:inline; zoom:1;} /* Default Width for Product Grid */ .bestseller_default_width, .featured_default_width, .tmnewproduct_default_width { width:287px;} #accessories-carousel .slider-item, #featured-carousel .slider-item, #newproduct-carousel .slider-item, #bestseller-carousel .slider-item{ width:287px;} .cross_default_width, #crossselling_list .product_list li, #crossselling-carousel .slider-item { width:215px;} #product .cross_default_width #product #crossselling_list .product_list li, #product #crossselling-carousel .slider-item{ width:230px;} .productcategory_default_width, #productscategory_list .product_list li, #productscategory-carousel .slider-item { width:230px;} .brand_default_width, #manufacturer_slider .product_list li, #manufacturer-carousel .slider-item { width:150px;} #product_list li .product-block, .product_list li .product-block, .product-carousel .product-block { padding:0; background:#FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0 6px 5px -3px #DDDDDD; clear: both; margin: 10px; overflow: hidden; position:relative; } #product_list li .product-block:hover, .product-carousel .product-block:hover, .product_list li .product-block:hover { overflow:hidden; clear:both; } .ie7 #product_list li .product-block:hover, .ie7 .product_list li .product-block:hover , .ie7 .product-carousel .product-block:hover {} #product_list li .product-block .product-block-inner, .product_list li .product-block .product-inner, .product-carousel .product-block .product-inner { text-align:center; overflow:hidden; background:#F0F0F0;} #product_list.list_view li .product-block .product-block-inner{background:#FFFFFF;} #product_list li .product-block:hover .product-block-inner, .product_list li .product-block:hover .product-inner, .product-carousel .product-block:hover .product-inner {background:#FFFFFF;} .blockproductscategory .product-block:hover .product-inner, #crossselling_productblock .product-block:hover .product-inner, #best-sellers_block_center .product-block:hover .product-inner{background:#F0F0F0 !important;} #product_list li .product-block .product-block-inner{text-align:left;} #product_list li .product-block img, .product_list li .product-block img, .product-carousel .product-block img{text-align:center; margin: 0 auto;display:block; max-width:100%;height:auto;} #accessories-carousel .slider-item a.lnk_img, #featured-carousel .slider-item a.lnk_img, #newproduct-carousel .slider-item a.lnk_img, #bestseller-carousel .slider-item a.lnk_img, #crossselling-carousel .slider-item a.lnk_img, #productscategory-carousel .slider-item a.lnk_img, #productscategory_list li a.lnk_img, #crossselling li a.lnk_img, #product_list li a.lnk_img, .product_list li a.lnk_img, #product_list .product-block a.product_img_link, .product_list li .product-block .product_image, .product-carousel .product-block .product_image{ display:block; position:relative; overflow:hidden; padding-top:20px; background:#fff; } ul#suppliers_list li img , .inline_list li img , #thumbs_list li img, .favoriteproduct a.product_img_link img, table#cart_summary .cart_product img, #cart_block dt img{border:1px solid #eee;padding: 0 5px;} .tm_manufacturer li img { border:none;} #crossselling_productblock li img, #productscategory_productblock li img { max-width:97%; } #product_list li span.new , .product_image span.new{ display: block; background-color: #F0F0F0; border-radius: 20px; color: #777; padding: 10px 5px; position: absolute; right: 5px; text-align: center; text-transform: uppercase; top: 5px; } #product_list li .discount { font-size:12px;} .product_list li.last_item_of_line .product-block{} .grid_view li .left_block .discount, .grid_view li .left_block .on_sale, .list_view .right_block .discount, .list_view .right_block .on_sale, #product_comparison .product_discount .discount, #product_comparison .product_discount .on_sale { background-color: #F0F0F0; color: #777; padding: 1px 4px; text-align: right; text-transform: uppercase; box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); } #product_list .first_item_tm .product-block, .product_list .first_item_tm .product-block { margin-left:0;} .product-carousel .first_item_tm .product-block { margin-left:4px; } #product_list .last_item_tm .product-block, .product_list .last_item_tm .product-block { margin-right:0; } .product-carousel .last_item_tm .product-block { margin-right:4px; } /*================ Product Grid End ============================*/ /* BLOCK customer privacy ******************************************************************* */ .account_creation label { float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ #product-sort-container { /*float:left;*/} .sortPagiBar form.nbrItemPage { float: right; margin-right: 20px;} .content_sortPagiBar {margin:10px 0;} #center_column .sortPagiBar ,.sortPagiBar_bottom { background:#F0F0F0; border-bottom: 1px solid #FFFFFF; box-shadow: 0 13px 5px -11px #E4E4E4; margin-bottom: 10px; padding: 10px; overflow:hidden; } .sortPagiBar_bottom .comapre_form { float:left;} .comapre_form p { padding:0;} #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { color:#000; border:1px solid #ccc } .sortPagiBar .bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url('../img/bg_bt_compare.gif') repeat-x 0 0 #111; } .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ div.pagination { margin:0; float:right; text-align: center } ul.pagination {list-style-type:none} ul.pagination li {margin:0 2px 0 0; float:left;border:1px solid #E8E4E0;} ul.pagination a, ul.pagination span { display:inline-block; height: 23px; padding-top: 4px; width: 24px; color:#635241; background:#fff; } ul.pagination a { text-align:center; } ul.pagination a:hover { color:#fff; background:#D88528; text-decoration:none; } ul.pagination .current span { color:#fff; background:#D88528; cursor:default; } ul.pagination li.disabled span {color:#D88528; cursor:default;} #pagination_next, .pagination_next {float:right} ul.pagination .pagination_previous a,ul.pagination .pagination_previous span, ul.pagination .pagination_next a, ul.pagination .pagination_next span { padding:4px 8px 0; width:auto; } #pagination_previous, .pagination_previous span, #pagination_next, .pagination_next span { color:#555; } /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; margin-bottom:30px; height:35px; width:100%; clear:both; margin-top:15px; } ul.step li { float:left; width:20%; text-align:center; text-transform:uppercase; background:#EEEEEE; line-height:35px; } ul.step li a, ul.step li.step_current span { display:inline-block; color:#fff; } ul.step li.step_current { font-weight:normal; background:#D88528; } ul.step li.step_current_end { font-weight:normal; color:#5D5D5D; } ul.step li.step_todo span { display:inline-block; color:#5D5D5D; font-weight:normal; } ul.step li.step_done { font-weight:normal; background:#9A948F; } .step_current .leftarrow { display:block;} .ie7 .step_current .leftarrow { display:none;} .ie7 #order_step #step_end,.ie8 #order_step #step_end,.ie9 #order_step #step_end { width:19%;} .leftarrow { border-bottom: 16px solid transparent; border-left: 20px solid #D88528; border-top: 18px solid transparent; content: ""; float: right; position: relative; right: -23px; display:none; height:0; } /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url('../../../modules/productcomments/img/delete.gif') no-repeat 0 -16px !important } .star, .star a { background: url('../../../modules/productcomments/img/star.gif') no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: transparent none repeat scroll 0 0 } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {z-index:9; background: none repeat scroll 0 0 rgba(53, 42, 31, 0.5);position:fixed;} #header{background-color:#97928C !IE;} #header_logo {z-index:1;} #header #header_left { float: left; padding: 12px 3% 12px 3%; } #header_right { position:relative; float: right; margin-bottom:8px; width:75%; } .ie7 #header_right { z-index:9;} .tm_permalinkmenu { display:none;} .tm_permalinkmenu li { list-style:none;} .headertoggle_img{ background: url("../img/sprite.png") no-repeat scroll -186px -338px transparent; float: right; height: 20px; margin: 10px 10px 0 15px; width: 30px; } /*************************************************************** MENU *****************************************************************/ /*.sf-contener,.nav-button { clear: both; background:#545F61; height:42px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:500px; } .sf-right { margin-right: 14px; float: right; width: 7px; display:none; visibility:hidden; } .sf-menu ,.sf-menu * { padding:0; list-style: none; } .sf-menu ul ,.primary-nav{ position: absolute; top: -999em; background: none repeat scroll 0 0 #1BC4DE; border-top: 3px solid #1BC4DE; padding: 0 0px 5px 0; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; border-right: 1px solid #777; } .sf-menu a { display: block; position: relative; color:#fff; padding:12px 18px; border: 0; text-decoration:none; font-size:15px; } .sf-menu ul li a,.primary-nav li a { color:#FFF; margin:0; padding:3px 10px;} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 42px; z-index: 99; width:auto } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; top: 0; } .sf-menu li li,.sf-menu li li li { background: #1BC4DE; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #1BC4DE; } .sf-menu ul li a:hover, .primary-nav li a:hover { background: #fff; outline: 0; color:#333 ; } .sf-menu a .sf-sub-indicator { display:none;} .sf-menu ul li a .sf-sub-indicator { position: absolute; display: block; right: 10px; top: 10px; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/icon/arrows-ffffff.png') no-repeat -10px -100px; } a > .sf-sub-indicator { top: 11px; background-position: 0 -100px; } a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; } .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } li.sf-search { background: inherit; float: right; line-height: 25px; border:none; } li.sf-search input { margin:7px 6px 0 0; background: #eee; border:1px solid #777; } .sf-menu li li { width:200px; border-right:none; margin:2px 5px; } */ /*================= Start Responsive Menu =============*/ .nav-container-mobile { display: none; } .sf-contener1{display: none;} .nav-button { cursor: pointer; } .primary-nav { display: block; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; width: 98%; z-index: 9; top:42px; background:#EDEDED; } .primary-nav.open{ border-bottom:1px solid #C0BAB4;} .tm_mobilemenu_text { color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 16px; font-weight: bold; margin: 10px 0 0 15px; } .tm_mobilemenu_img { float:right; background:url("../img/sprite.png") no-repeat scroll -186px -338px transparent; height: 20px; width: 30px; margin:10px 10px 0 15px; } .primary-nav.open li.last { border:none;} .primary-nav ul { padding: 0;margin-left: 20px;} .primary-nav li { display: none;} .primary-nav li a { display: block; padding:5px 5px 5px 15px; text-decoration: none; } .primary-nav.open { padding:1%; } .primary-nav.open li { display: block; margin: 0;padding:0;} .primary-nav li ul a { font-weight: normal; } .primary-nav li ul li ul a {padding: 5px 0 5px 40px;} .primary-nav li ul li ul li ul a {padding: 5px 0 5px 50px;} .primary-nav li:hover ul { display: block; border-top: 0 none; } .nav-container-mobile li .OPEN, .nav-container-mobile li .CLOSE { display:block; float:right; margin:7px 10px 0 0; height:18px; width:18px; background: url('../img/sprite.png') no-repeat scroll -235px -257px transparent; cursor:pointer; } .nav-container-mobile li .CLOSE { background-position:-205px -258px; } /*================= End Responsive Menu =============*/ /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { font-weight: normal; margin-bottom: 10px; margin-left: -290px; padding: 6px 0; text-transform: capitalize; } #product .breadcrumb{margin-left:0px} .breadcrumb a{color:#D88528;} .breadcrumb a:hover{color:#949494;} .breadcrumb .navigation-pipe {margin:0 3px 0 5px} .breadcrumb img { position:relative; top:5px } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { position:relative; border-bottom: 1px solid #D4D4D4; text-align: center; } #footer .footer_inner { padding:0px; margin:30px 0 20px; width:1150px;display: inline-block;text-align:left;position:relative;} .blockcategories_footer, #footer .myaccount , #social_block, #block_contact_infos, .block_footer, #tmcmsblockfooter { float:left; width:23.5%; margin-right:2%; } #tmcmsblockfooter{clear:none;} #block_contact_infos{margin-right:0%;} .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:uppercase } #footer .title_block , #footer .title_block a { color: #D88528; font-size: 20px; font-weight: normal; margin-bottom: 12px; margin-top: 0; text-transform: capitalize; } #footer a {color:#777777;} #footer a:hover {color:#D88528;} #footer ul {list-style-type:none; clear:both; width:100%;} #footer li {padding:3px 0} #footer li a {} #footer .myaccount .block_content { background:none; border:none; padding:0; margin:0;} .blockcategories_footer ul li a, #footer .myaccount ul li a, .block_footer ul li a{ background: url("../img/megnor/footer_icon.png") no-repeat scroll 0 7px transparent; padding-left: 18px; } .blockcategories_footer ul li a:hover, #footer .myaccount ul li a:hover, .block_footer ul li a:hover{ background:url("../img/megnor/footer_icon.png") no-repeat scroll 0 -24px transparent; } #footer .myaccount {padding: 0px;} #footer .myaccount .title_block, #footer .myaccount h4 { background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} #footer .title_block { cursor:pointer; padding:10px 0 0 0; } #footer .myaccount .block_content { clear:both;} .toggle .mobile_togglemenu{ background:url("../img/megnor/toggle-arrow.png") no-repeat scroll right 4px transparent; display:block; cursor:pointer; width:100%; margin-top: -21px !important; overflow: hidden; padding:0 0 10px; } .active .mobile_togglemenu { background-position:right -48px; } .toggle .mobile_togglecolumn{ background:url("../img/megnor/toggle-arrow.png") no-repeat scroll right 2px transparent; display:block; cursor:pointer; width:100%; margin-top: -21px; overflow: hidden; padding:0 0 4px; } .active .mobile_togglecolumn { background-position:right -48px; } #footer .mobile_togglemenu:hover { text-decoration:none;} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; float:left; background:#635241; padding:0 10px; height:50px; } ul.idTabs li { float: left; } .idTabs a { display:block; padding:16px 20px 14px; font-size:16px; text-decoration:none; color:#fff; font-family:Signika, Arial, Helvetica, sans-serif; } .idTabs .selected { background-color:#D88528; padding:16px 20px 25px; } #more_info_sheets {padding: 30px 0 20px; float:left; width:100%;} #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {margin-left:20px} #more_info_sheets em {font-style:italic} #more_info_sheets .product_desc{ margin-top:5px } #more_info_sheets .product_desc .product_image{ float:left } #more_info_sheets .product_desc .block_description{ float:left; margin-left:10px; width:420px } #more_info_sheets .product_desc .clear_product_desc{ clear:both; height:0px; line-height:0px } /* Make sure lists are correctly displayed in tinyMCE BO edition mode too */ #short_description_content ul, #short_description_content ol, #short_description_content dl, #tinymce ul, #tinymce ol, #tinymce dl {margin-left:20px} .block_hidden_only_for_screen {display:none} /* ************************************************************************************************ PAGE COMAPRISION ************************************************************************************************ */ #products-comparison #right_column {} #products-comparison #center_column{} /* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ #authentication #right_column {} #authentication #center_column{} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order-confirmation { } #order-confirmation .icon, #order-confirmation .icon { float: left; margin: -5px 5px 0 0;} .cart_navigation {margin:20px 0} .cart_navigation .button{ float:left; } .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } /* step 1 - cart ******************************************************************************* */ #compare_shipping p label { float:left; width:18%;} .cart_last_product {display:none} /*p.cart_navigation .multishipping-button { margin-right: 10px }*/ #order-detail-content {margin-bottom:20px} #order-detail-content .customizationUploaded li,#order-detail-content .typedText li { list-style: none; } table#cart_summary th { padding:14px 12px; text-transform:uppercase; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; vertical-align:top } table#cart_summary td.cart_delete, table#cart_summary td.price_discount_del {border-right:none;text-align: center} table#cart_summary .last_item td {border-bottom:1px solid #DFDFDF} table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher{ background-color: #fff } table#cart_summary tr.cart_item.even { background-color: #F4F4F4 } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #F4F4F4 } table#cart_summary tr ul { list-style: none; } table#cart_summary .cart_product { width:80px; text-align:center } table#cart_summary tbody tr:last-child td { border-bottom: 1px solid #DFDFDF; } table#cart_summary tbody tr td.cart_discount_delete { padding-left: 34px; } table#cart_summary .cart_description { width:230px; } table#cart_summary .cart_unit {width:130px;text-align: center} table#cart_summary td.cart_unit {text-align: right} table#cart_summary .cart_quantity {width:130px} table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { float:left; margin-left: 5px; width: 20px; border:1px solid #ddd; } .cart_quantity .cart_quantity_button { float:left; position: relative; top: -5px } table#cart_summary .cart_total {width:120px;text-align: center} table#cart_summary td.cart_total {text-align: right} table#cart_summary .cart_delete { width:64px; text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display:inline-block; padding:1px 2px; font-size:0px; color:#666; text-indent:-999px; background:url("../img/icon/delete.gif") no-repeat scroll 0 center; width: 10px; height:10px; margin: 4px 0 0; float:left; } .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #DFDFDF; vertical-align:middle } table#cart_summary #total_price_container { border-bottom:1px solid #DFDFDF; border-right: none; } .cart_voucher .title_block, .cart_voucher h4 .cart_voucher p {float:left;} .cart_voucher .title_block, .cart_voucher h4 { margin-right:12px; padding:5px 0; } .cart_voucher p {padding-bottom:0;} .cart_voucher p.discount_name_block {float:left;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 20px; color:#666; padding-top:2px; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher .title_offers { margin-top:15px; margin-bottom:5px } .cart_voucher #display_cart_vouchers span { font-weight:bold; cursor:pointer; } .cart_voucher input.discount_name { padding:0 5px; height:22px; width:170px;/* 180 */ border:1px solid #ccc; font-weight:normal; background:url('../img/bg_discount_name.png') repeat-x 0 0 #fff } .cart_voucher .submit input.button { margin-left:2px; padding:2px; height:24px; border:1px solid #000; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 #333; background:url('../img/bg_cart_voucher_submit.png') repeat-x 0 0 #000 } #cart_summary .price { border-right:none; text-align: right; white-space: nowrap; } .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container { padding:0; border-bottom:1px solid #DFDFDF; border-right:1px solid #DFDFDF; } .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; text-transform:uppercase; background:#9A948F; color:#fff; } .cart_total_price .total_price_container span { display:block; padding:15px; font-weight:bold; font-size:18px; text-align:center } #order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier .title_block { padding:0 15px; height: 29px; line-height:29px; color:#555; text-transform:uppercase; background:#eee; } #order_carrier span { display:block; padding:15px; font-weight:bold } .order_delivery .first_item {margin-right:25px;} .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #222222; line-height: 20px; padding: 2px 5px; } /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { clear: none; float: left; width: 49%; } #create-account_form {margin-right:9px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { min-height: 200px } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding:15px 10px } #contact h3, #add_address h3, #new_account_form h3, #create-account_form h3, #account-creation_form h3, #authentication #login_form h3{ border-bottom: 1px solid #DFDFDF; margin: 0 0 15px; padding: 13px; text-transform: uppercase; } #create-account_form .title_block { padding-bottom:22px; color:#333 } #create-account_form label, #login_form label { display:inline-block; } #order-opc #login_form_content label { display:block; margin:0 0 10px 0 } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { width:270px;/* 230 */ } #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right; margin-right: 12px; } .lost_password { float:left; width:200px } .lost_password a {color:#D88528;} #order-opc .lost_password { display:block; float:none; margin:5px 0 10px; width:auto; /*font-size:11px;*/ } #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin-right:25px; width:220px } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height:90px; width:475px; } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #DFDFDF; background:#F4F4F4; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; background: #f7f7f7; border: 1px solid #ccc; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { border: 1px solid #ccc; background:#eee; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border: 1px solid #DFDFDF; border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { padding: 6px 11px; text-transform: uppercase; color:#fff; background: none repeat scroll 0 0 #9A948F; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin:2px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: 46px; width: 92%; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #fafafa; } #order .delivery_option .tm-radio, #order-opc .delivery_option .tm-radio { float:left; margin:12px; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #DFDFDF; background: #F4F4F4; border-bottom: 1px solid #DFDFDF; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 50%; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 20%; text-align: right; } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; width: 20%; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url('../img/arrow_right_2.png') no-repeat 3px 7px } .order_carrier_content { padding:15px; border:1px solid #DFDFDF; color:#000; background:#F4F4F4 } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#000 } .order_carrier_content h3.carrier_title {padding-top:0} .order_carrier_content input { position:relative; top:1px } #carrierTable { border:1px solid #999; border-bottom:none; background:#fff } #carrierTable tbody{ border-bottom:1px solid #999; } #carrierTable th { padding:0 15px; height: 29px; line-height:29px; color:#555; text-transform:uppercase; background:#eee; } #carrierTable td { padding:15px; font-weight:bold; border-right:1px solid #e9e9e9 } #carrierTable td.carrier_price {border:none} #gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 } a.iframe {font-weight:bold} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .paiement_block { padding:15px; border:1px solid #DFDFDF; background:#fbfbfb; } .payment_module { position:relative; padding:0px; text-transform:uppercase; } .payment_module a { display:block; position:relative; padding:10px; border:1px solid #DFDFDF; margin:10px 0; text-transform:uppercase; background:#fff; overflow:hidden; font-size:15px; } .payment_module a:hover{ background:#eee; } .payment_module img { float:left; margin-right:10px } .payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc h2 {} #order-opc h2 span { background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #DFDFDF; color: #555555; display: inline-block; padding: 5px 7px; } #order-opc #login_form fieldset{ margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p a {padding:0} #order-opc #login_form fieldset p a:hover{text-decoration:none;} #order-opc #login_form fieldset p a#openLoginFormBlock{ position:relative; display:inline-block; padding:0px 10px; cursor: pointer; text-transform:capitalize; border:1px solid #cc9900; height:28px; line-height:28px; width: auto; overflow: visible; font-weight:normal; outline: 0; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } #order-opc #new_account_form p.submit { margin-right: 120px; text-align:right } #order-opc #new_account_form p.opc-required {margin-left:20px} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 {margin-top:20px;} #order-opc #opc_delivery_methods textarea { height:60px; width:723px; border:1px solid #ccc } #order-opc #opc_delivery_methods #message { width: 99%; } #order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0} .delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 650px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #center_column #new_account_form p { padding:0 0 15px 0 } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; } #new_account_form p.checkbox label { float: none; width: auto; } #center_column #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 20px 10px 10px; margin-top:0px; } #form_forgotpassword p.text { width: 445px; float:left; } #center_column #form_forgotpassword fieldset p.text input { width:210px;} #form_forgotpassword p.submit { margin-right:0px; padding-bottom:5px; text-align:right; float:right; } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ form#add_address {} #center_column #add_address p.submit2 { margin-top:20px; text-align:right } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} #best-sellers_block_center .allbest-seller { float:right; width:100%;} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER AND PAGE SUPPLIER ************************************************************************************************ */ ul#manufacturers_list li h3 ,ul#suppliers_list li h3,.inline_list li .cat_name{ padding: 0 0 5px; font-size: 13px; } ul#manufacturers_list li .description,ul#suppliers_list li .description ,.inline_list li p{ overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side ,ul#suppliers_list li .right_side {float:right;} #manufacturer .nbrmanufacturer,#supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; color: #555; background: none repeat scroll 0 0 #f0f0f0; } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list,ul#suppliers_list {list-style-type:none; margin-top:5px; } ul#manufacturers_list .left_side, ul#suppliers_list .left_side {float:left;width:75%;} ul#manufacturers_list .right_side, ul#suppliers_list .right_side {float:right;} ul#manufacturers_list li,ul#suppliers_list li,.inline_list li{ margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; width:97%; float:left; } ul#manufacturers_list li a.lnk_img,ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img ,ul#suppliers_list li img ,.inline_list li img { display: block; float: left; margin-right: 14px; vertical-align: bottom } .description_box { border: 1px solid #CCCCCC; box-shadow: 0 1px 1px #E2E2E2; padding: 5px; margin-bottom: 20px; } .description_box p { margin: 0; padding: 0 10px 5px; } .description_box .hide_desc { display: none; } .description_box .lnk_more { background: url('../img/arrow_right_2.png') no-repeat scroll 100% 4px transparent; color: #222222; padding: 0 10px; } .description_box ul { padding-left: 30px; padding-bottom: 10px; } /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search .sortPagiBar {} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ #pagenotfound #left_column, #pagenotfound #right_column{display:none} #pagenotfound #center_column {width:1110px;} #pagenotfound .pagenotfound { background: url("../img/bg_404.png") no-repeat scroll 100% 0; padding: 30px 135px 0 0; } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none; background:none;} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { padding: 0 5px; height: 29px; width: 200px; color: #ccc; border:1px solid #ddd; } #pagenotfound .button_small { padding: 4px 7px; border: medium none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color: #fff; text-transform: uppercase; } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:7px } /* ************************************************************************************************ addon RerversoForm ************************************************************************************************ */ #account-creation_form fieldset.reversoform {padding:10px !important} #account-creation_form fieldset.reversoform .text label{ display:block; padding:0 0 10px 0; width:100%; text-align:left; } #account-creation_form fieldset.reversoform .infos-sup { padding:0 !important; font-size:10px; font-style:italic; text-align:right } /* ************************************************************************************************ addon customer privacy ************************************************************************************************ */ #account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{ padding-bottom:0; text-align:left; cursor:pointer } #center_column fieldset.customerprivacy label { padding:0!important } #center_column fieldset.customerprivacy p.required { padding:0 !important} fieldset.customerprivacy .tm-checkbox{float: left; margin: 0 15px 15px;} /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email { padding-left:10px; color: #222222; background:url('../img/arrow_right_2.png') no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: #222222; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #product p#loyalty { padding:8px 0 0 20px; border-top:1px solid #ddd; background:url("../img/sprite_info.png") no-repeat scroll left -321px transparent; margin-top: 10px; } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk { margin:10px 0; text-align: right } #livezilla_lnk a { display:inline-block; padding:6px 8px 8px 8px; font:bold 10px Arial,Verdana,sans-serif; color:#fff; text-shadow: 0 -1px 0 #000; background: url('../img/bg_bt_compare.gif') repeat-x scroll 0 0 #000 } #livezilla_lnk a:hover {text-decoration:none} /* ************************************************************************************************ addons comments products ************************************************************************************************ */ form#sendComment fieldset{ padding:10px; border:1px solid #ccc; background:#eee } form#sendComment h3 {font-size:14px;} #new_comment_form p.text { margin-bottom: 0; padding-bottom: 0; } #sendComment p.text label, #sendComment p.textarea label { display: block; margin: 12px 0 4px; font-weight: bold; font-size: 12px; } #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; background: url('../img/bg_input.png') repeat-x 0 0 #fff; } #sendComment p.textarea textarea { height:80px; width:508px; border:1px solid #ccc; } #sendComment p.submit { padding:0; text-align:right } #sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url('../img/icon/delete.gif') no-repeat 0 0 } .star { position: relative; top:2px; float: left; height: 12px; width: 12px; overflow: hidden; text-indent: -999em; cursor: pointer } .star, .star a { background: url('modules/productcomments/img/star.gif') no-repeat 0 0 } div.star_on a { background-position: 0 -14px } div.star_hover a, div.star a:hover { background-position: 0 -14px } /* guest tracking */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* CSS Modules */ /* Block ADVERTISING */ .advertising_block { margin-bottom: 1em; text-align: center; background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #DFDFDF; margin: 5px 0 0; padding: 5px; margin-bottom:20px; } /*************** Block CATEGORIES ***************/ #categories_block_left li.last { border:none;} #categories_block_left li a {} #categories_block_left li ul {margin-left:15px;} #categories_block_left li ul li {border:none} #categories_block_left li ul li a ,#categories_block_left li ul li ul li a { padding-left:15px; background:url("../img/megnor/subcat_arrow.png") no-repeat scroll 0px -14px transparent; } #categories_block_left li ul li a:hover,#categories_block_left li ul li ul li a:hover{ background:url("../img/megnor/subcat_arrow.png") no-repeat scroll 0px 12px transparent; } #categories_block_left li .OPEN, #categories_block_left li .CLOSE { display:block; float:right; margin:7px 0 0; height:18px; width:18px; background: url('../img/sprite.png') no-repeat scroll -236px -255px transparent; cursor:pointer; } #categories_block_left li .CLOSE { background-position:-206px -256px; } .ie7 #categories_block_left li .OPEN,.ie7 #categories_block_left li .CLOSE, .ie7 #categories_block_left li ul li .OPEN,.ie7 #categories_block_left li ul li .CLOSE{ float:right;} .ie7 #categories_block_left li a ,.ie7 #categories_block_left li ul li {float:left;} .ie7 #categories_block_left li { width:100%; clear:both;} .ie7 #categories_block_left li ul { float:left; clear:both; width:93%;} /* footer */ .blockcategories_footer {} .blockcategories_footer .category_footer {float:left;clear:none;} .blockcategories_footer ul ul {display:none !important} /*************** Block CMS ***************/ /* footer */ #block_various_links_footer { clear:both; margin:10px 0 0 0; float:left; bottom: -77px; position: absolute; z-index: 1; } #block_various_links_footer ul li { background: url("../img/pipe.jpg") no-repeat scroll left center transparent; float: left; margin: 0 2px; padding: 0 5px 0 9px; display:none; } #block_various_links_footer ul li.first_item { background:none; padding:0 5px 0 0;} #block_various_links_footer ul li.last_item { float:left; background:none;display:block;padding:0;margin:0;color:#CFCFCE;font-size:13px;} #block_various_links_footer ul li.last_item a{color:#CFCFCE;} #block_various_links_footer ul li.last_item a:hover{color:#D88528;} #footer .block_various_links h4 { display:none;} /* Block CMS links */ tr.subitem > td:first-child + td { padding-left: 10px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos { clear:right;} #block_contact_infos li {} #block_contact_infos li strong { font-weight:normal; } #block_contact_infos li pre { font-family:'Source Sans Pro',sans-serif,Arial,Helvetica;} /*************** Block MANUFACTURER ***************/ .blockmanufacturer form { margin-top: 10px; text-align: center; } .blockmanufacturer p { padding:0; } /*************** Block LOGO PAYMENT ***************/ .paiement_logo_block { overflow: hidden; padding-top: 20px; text-align: center; width: 100%; } #footer .paiement_logo_block{position:absolute;bottom:-83px;} #left_column .paiement_logo_block {margin-bottom: 15px; padding-top: 0px;} .paiement_logo_block a, .paiement_logo_block a:hover { text-decoration: none } .paiement_logo_block img { margin: 0 0.4em } /*************** Block RSS ***************/ #rss_block_left p { margin:0; padding:10px; } #rss_block_left li {border-bottom:1px dotted #ccc} #rss_block_left li.last { border:none;} /*************** Block SOCIAL ***************/ #social_block {} #social_block h4{display:none;} #social_block li { display: inline; float: left; height: 38px; margin-right: 5px; padding: 0; width: 40px;} #social_block li a { float: left; font-size: 0; height: 38px; width: 40px; } #social_block li.facebook {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 0 6px;} #social_block li.twitter {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 0 -26px;} #social_block li.rss {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 0 -56px;} /*************** Block STORE ***************/ .blockstore img { margin: 10px 0 0 0} .blockstore p.store_image { padding-bottom:10px; text-align:center !important; } /*************** Block SUPPLIER ***************/ .blocksupplier form { margin-top: 10px; text-align: center; } .blocksupplier p { padding:0; } /**************** Left/Right Box Setting ************/ #best-sellers_block_right li a.content_img, #new-products_block_right li a.content_img, #special_block_right li.product_image, #viewed-products_block_left .content_img { width:100px; text-align:center; margin:0px 10px 0px 0; padding:4px 0; float:left; border:1px solid #E8E4E0; text-decoration:none; } #special_block_right li.product_image{margin:0px 10px 15px 0;} #best-sellers_block_right li p, #new-products_block_right li p, .special_detail , #viewed-products_block_left .text_desc { margin-left:110px; padding:0; float:none!important; } /**************** Start Css For List / Grid Image ************/ #view_as { float:left; list-style:none;} #view_as li { float:left;} #view_as li span { display: block; height: 29px; text-decoration: none; width: 31px; float:left; text-indent:-9999px; } #view_as li.grid span { background: url("../img/sprite.png") no-repeat scroll -5px -416px transparent;} #view_as li.list span { background: url("../img/sprite.png") no-repeat scroll -34px -416px transparent;} #view_as li.grid span:hover { background-position: -4px -388px; cursor: pointer; } #view_as li.grid span.active { background-position: -4px -388px; cursor: default;} #view_as li.list span:hover { background-position: -34px -388px; cursor:pointer;} #view_as li.list span.active { background-position: -34px -388px; cursor:default;} /* MOST IMPORTANT FOR ALL FORMS ! - MAHESH - MEGNOR*/ #center_column fieldset p.radio span, #center_column fieldset p.text label, #center_column fieldset p.password label, #center_column fieldset p.select label, #center_column fieldset p.select span, #center_column fieldset p.textarea label { display:inline-block; padding:5px; width:27%; text-align:right; } #center_column fieldset p {padding:0 0 10px 0} #center_column fieldset p.required span sup{ margin-right: 5px;} #center_column fieldset p.required sup {color:#DF280A; font-size: 14px;} #center_column fieldset p.textarea textarea, #center_column fieldset p.text input, #center_column fieldset p.select input, #center_column fieldset p.password input{width:320px;} #center_column fieldset p.textarea textarea { height:80px;} #center_column fieldset p.select select { margin-right:10px; } #center_column fieldset .form_info, #center_column fieldset .inline-infos, #center_column fieldset p.checkbox{ margin-left:222px; margin-right:0;} #center_column fieldset p.checkbox { float:none;width:auto} #create-account_form fieldset p.text label, #create-account_form fieldset p.password label, #login_form fieldset p.text label, #login_form fieldset p.password label { display:inline-block; width:110px; text-align:left; padding-left:0; padding-right:5px; } /* MOST IMPORTANT FOR ALL FORMS ! - MAHESH - MEGNOR*/ /*************** Start Common CSS from all Blocks ***************/ .blocksupplier li.last_item, .myaccount li.favoriteproducts, .blockmanufacturer li.last_item, #categories_block_left li.last, #links_block_left .block_content li { border:none; } .myaccount li a, .blocksupplier li a, .blockmanufacturer li a, #categories_block_left li a, .informations_block_left li a, #sitemap_content div.sitemap_block li a , #links_block_left .block_content li a, #tm_links_block1 li a, #tm_links_block2 li a, #tm_links_block3 li a, #tm_links_block4 li a, #rss_block_left li a { /*background:url("../img/megnor/cat_arrow.png") no-repeat scroll 5px 10px transparent;*/ display: block; padding: 5px 5px 5px 18px; background: url("../img/megnor/cat_arrow.png") no-repeat scroll 0 11px transparent; } .myaccount li a:hover, .blocksupplier li a:hover, .blockmanufacturer li a:hover, #categories_block_left li a:hover, .informations_block_left li a:hover, #sitemap_content div.sitemap_block li a:hover, #links_block_left .block_content li a:hover, #tm_links_block1 li a:hover, #tm_links_block2 li a:hover, #tm_links_block3 li a:hover, #tm_links_block4 li a:hover, #rss_block_left li a:hover { background: url("../img/megnor/cat_arrow.png") no-repeat scroll 0 -30px transparent; } #wishlist_block select#wishlists, .blocksupplier select#supplier_list, .blockmanufacturer select#manufacturer_list { width:238px; cursor:pointer;} #wishlist_block .customSelectInner, .blocksupplier .customSelectInner, .blockmanufacturer .customSelectInner{ width:165px; } .accessories_block .s_title_block, #crossselling li p.product_name, #productscategory_productlist p.product_name, #product_comparison .s_title_block, #best-sellers_block_center .s_title_block, #featured-products_block_center .s_title_block, #newproduct_slider_center .s_title_block {padding:0; margin:20px 0;font-size:17px;} #best-sellers_block_center .s_title_block{margin:15px 0px 5px;} #best-sellers_block_center .product-inner{padding-bottom:15px;} .products_block .text_desc h5{ font-size:13px; } #product_list li .center_block a{} #product_list li a, .products_block .text_desc h5 a, .products_block .s_title_block a, #best-sellers_block_right li p a, #new-products_block_right li p a, #cart_block .cart_block_product_name, #crossselling .product_name a, .products_block .text_desc .s_title_block a{} #product_list li a:hover, .products_block .text_desc h5 a:hover, .products_block .s_title_block a:hover, #best-sellers_block_right li p a:hover, #new-products_block_right li p a:hover, #cart_block .cart_block_product_name:hover, #crossselling .product_name a:hover, .products_block .text_desc .s_title_block a:hover {} .products_block .text_desc p, .products_block .product_desc, #product_list li p.product_desc{ padding-bottom:0; font-size:14px; } .products_block .text_desc p.s_title_block a{font-size:15px;color:#777777;} .products_block .text_desc p.s_title_block a:hover{color:#D88528;text-decoration:underline !important;} .products_block .text_desc p a, .products_block .product_desc a, #product_list li p.product_desc a{ line-height:18px;color: #949494;} .products_block .text_desc p a:hover, .products_block .product_desc a:hover, #product_list li p.product_desc a:hover{text-decoration:none !important;} .block_content .layered_subtitle, #enabled_filters .layered_subtitle{ text-transform:uppercase;} .myaccount li, .blocksupplier li, .blockmanufacturer li, #categories_block_left li, #layered_url_filter_block, .informations_block_left li, #best-sellers_block_right li, .products_block .product_images li, #layered_block_left #enabled_filters, #viewed-products_block_left .products li, #links_block_left .block_content li, #tm_links_block1 li, #tm_links_block2 li, #tm_links_block3 li, #tm_links_block4 li { } .blockspecials .block_content p { clear:both;} #best-sellers_block_right li, .products_block .product_images li, #viewed-products_block_left .products li, #new-products_block_right li { padding:5px 0; float:none; overflow:hidden; width:100%; } #best-sellers_block_right li.first_item, .products_block .product_images li.first_item, #viewed-products_block_left .products li.first_item, #new-products_block_right li.first { padding-top:0;} a.lnk_more { font-size:12px; background: url('../img/arrow_right_2.png') no-repeat scroll 100% 6px transparent; color: #222222; display: inline; padding-right: 10px; } .products_block .price, #cart_block .price, .price_display .price, #product_list li .price { color: #fff; font-size:19px;font-weight:bold;} #product_list.list_view li .price{color:#635241;} .products_block .price_container { padding:0; margin:0;} .products_block.accessories_block .price_container, #product_list.grid_view li .product-block .content_price, #featured-products_block_center .price_container , #newproduct_slider_center .price_display { margin:5px 0; position:absolute; top:219px; right:0px; left:0px; z-index:2; line-height:30px; } .accessories_block .price_container .price, #product_list.grid_view li .product-block .content_price .price, #featured-products_block_center .price_container .price, #newproduct_slider_center .price_display .price { background:#D88528; padding: 4px 25px; } .accessories_block .product-block:hover .price_container .price, #product_list.grid_view li .product-block:hover .content_price .price, #featured-products_block_center .product-block:hover .price_container .price, #newproduct_slider_center .product-block:hover .price_display .price { background:none; padding:0; } .accessories_block .product-block:hover .price_container, #product_list li .product-block:hover .content_price, #featured-products_block_center .product-block:hover .price_container , #newproduct_slider_center .product-block:hover .price_display, #best-sellers_block_center .product-block:hover .price_container { top:160px; } .blockstore p, .block_content p.lnk, .blockspecials .block_content p{text-align:right; padding:5px 0;} .blockstore p, .block_content p.lnk a{ display:block; margin-top:5px;} .block_content p.lnk .button_large { border:none; padding:0; background:none; border:none; color:#777777; font-weight: normal; padding: 0; text-transform:capitalize; } .block_content p .button_large:hover {text-decoration:underline;color:#D88528;} #newproduct_slider_center .product_image { display:block; position:relative; overflow:hidden } .sheets { clear: both; padding-top: 10px;} #tm_topbanner ul,#tm_subbanner ul,#tm_leftbanner ul,#tm_rightbanner ul { list-style:none;} #tm_topbanner ul img,#tm_subbanner ul img,#tm_leftbanner ul img,#tm_rightbanner ul img { max-width:100%;} .editorial_block img { max-width:100%;} .no-products{ display: inline-block; margin: 10px; width: 100%; } .ie7 .no-products { display:inline;} .top_button { background: url("../img/top.png") no-repeat scroll 0 0 transparent; font-size: 0; height: 36px; width: 36px; margin-bottom: 50px; } #HOOK_SHOPPING_CART #loyalty img{ float:left;margin: -5px 5px 0 0;} .block_userinfo{float:right;} .welcome_link{float:right;color:#fff;} .search_toggle{float:right;} #search_block_top{display:none;} /*------------------------------------start all cms--------------------------------*/ /*============================tmcmsblock=============================*/ .tmcmsblock { box-shadow: 0 -4px 9px -8px #000000; position:relative; } .top_cms { background: none repeat scroll 0 0 #F0F0F0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; box-shadow: 0 1px 4px 0 #D2D2D2; overflow: hidden; text-align: center; } .top_cms_container .read { border: 1px solid #D88528; color: #D88528; padding:5px 15px; } .top_cms_container .read:hover { background:#D88528; color: #FFFFFF; } .top_cms_container { margin:35px auto; width: 1150px; padding-bottom: 10px; } .top_cms h1 { background: url("../img/cms_border.png") repeat-x scroll 0 bottom transparent; display: inline-block; font-size: 38px; line-height: 40px; margin-bottom: 0; padding: 0 30px 10px; font-family:'Stint Ultra Expanded', Arial, Helvetica, sans-serif; color:#D88528; } .top_cms .title { color: #6B6B6B; font-size: 20px; margin: 10px 0; } .top_cms .content {margin: 10px 0 20px;} /*============================tmcmsblockhome=============================*/ .CMS_center { float: left; margin-bottom: 20px; } .CMS_center .cms_banner { float: left; position: relative; } .cms_banner img { float: left; } .banner_hover { background: none repeat scroll 0 0 rgba(65, 50, 40, 0.4); bottom: 0; display: none; left: 0; padding: 0; position: absolute; text-align: center; width: 100%; } .banner_hover{background:#8D8277 !IE;} .banner_hover h1 { color: #FFFFFF; font-size: 22px; margin: 10px 15px; } .CMS_text { color: #FFB869; margin: 10px 15px; } .top-shadow { box-shadow: 0 0 6px 1px rgba(46, 46, 46, 0.5) inset; display: none; height: 100%; position: absolute; width: 100%; } .banner_shadow { background: url("../img/banner_shadow.png") no-repeat scroll right bottom transparent; bottom: -22px; height: 100%; position: absolute; right: -25px; width: 100%; } .CMS_center .cms_banner { float: left; position: relative; cursor: pointer; } .cms_banner:hover .banner_hover, .cms_banner:hover .top-shadow { display: block; } .CMS_center .middle { margin: 0 36px; } /*============================tmcmsblockfooter=============================*/ .CMS_bottom { overflow: hidden; width: 1150px; } .CMS_container { margin: 0 auto; overflow: hidden; text-transform: uppercase; padding: 0 20px; } .CMS_container .left_block { background: url("../img/seprator.png") no-repeat scroll right center transparent; float: left; margin-right: 40px; width: 65%; padding: 20px 0; } .CMS_container .left_block .img { background: url("../img/shipping-icon.png") no-repeat scroll -2px -5px transparent; float: left; height: 40px; width: 70px; } .CMS_container .left_block .text_block { float: left; padding: 0 20px; } .CMS_container div { float: left; font-size: 20px; line-height: 38px; transition: all 0.4s ease 0s; } .CMS_container .left_block .shipping { font-size: 40px; font-weight: bold; margin: 0 10px; } .CMS_container .right_block{padding: 20px 0;} .CMS_container .right_block .img { background: url("../img/shipping-icon.png") no-repeat scroll -22px -132px transparent; float: left; height: 40px; margin-right: 25px; width: 35px; } .CMS_container .left_block:hover .img { background-position: -2px -87px; } .CMS_container .left_block:hover div, .CMS_container .right_block:hover div { color: #D88528; } .CMS_container .right_block:hover .img { background-position: -22px -196px; } .CMS_container .no { font-size: 25px; } #tmcmsblock_footer { margin: 10px 0; position: absolute; top: -131px; } /*-----------------------cms on Product Page-----------------------*/ #tmcmscontentproduct_page .flexslider:hover .flex-direction-nav {display:none;} .cms_product_page { background: none repeat scroll 0 0 #F0F0F0; margin-top: 20px; padding: 15px 20px 20px; text-align: justify; } .cms_product_page .title_block { padding-bottom:7px; color:#635241; font-size:20px; } /*---------------------end cms on product page---------------------*/ /*------------------------------------end all cms--------------------------------*/ .title_outer { background: url("../img/line.png") repeat-x scroll 0 center transparent; border: medium none; color: #D88528; font-size: 20px; margin: 20px 60px 20px 0; overflow: hidden; padding: 0; clear:both; } #center_column_inner .block .title_block { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 2px 20px 3px 0; color: #D88528; font-size: 20px; } #center_column_inner .block .title_block a{color:#D88528;} .image_inner { height: 100%; left: 0 !important; position: absolute; top: 0; width: 100%; } #product_list.grid_view li .product-block:hover .image_inner, .product_list .product-block:hover .image_inner, .product-carousel .product-block:hover .image_inner { background: url("../img/product_bg.png") repeat scroll 0 0 transparent; } #product_list .product-block-inner a.exclusive, .product_list .product-inner a.exclusive, .product-carousel .product-inner a.exclusive, span.exclusive, #product input.exclusive, #product input.exclusive_disabled ,#product .accessories_block .exclusive{ background: url("../img/cart.png") no-repeat scroll 0 0 transparent; border: 0 none; font-size: 0; height: 85px; padding: 0; text-indent: -999em; width: 85px; } .ie7 #product_list .product-block-inner a.exclusive, .ie7 .product_list .product-inner a.exclusive, .ie7 .product-carousel .product-inner a.exclusive, .ie7 span.exclusive, .ie7 #product input.exclusive, .ie7 #product input.exclusive_disabled {display:block;} #product_list.list_view .product-block-inner a.exclusive, #product input.exclusive, #product input.exclusive_disabled{background: url("../img/pinfo_cart.png") no-repeat scroll 4px 5px transparent;} #product_list.list_view .product-block:hover .product-block-inner a.exclusive, #product input.exclusive:hover{background: url("../img/pinfo_cart.png") no-repeat scroll 4px -106px transparent;} #product_list.grid_view .product-block:hover .product-block-inner a.exclusive, .product_list .product-block:hover .product-inner a.exclusive, .product-carousel .product-block:hover .product-inner a.exclusive, .product-block:hover span.exclusive { visibility: visible; } #product_list .product-block-inner a.exclusive:hover, .product_list .product-inner a.exclusive:hover, .product-carousel .product-inner a.exclusive:hover, span.exclusive:hover, .product_view:hover{ background: url("../img/cart.png") no-repeat scroll 0 -121px transparent; } .cart-block { position: absolute; text-align: center; visibility: hidden; width: 100%; top: 60px; z-index: 9; left:0px; } .ie7 .cart-block {left:0px;} #product_list.grid_view .product-block .product-block-inner a.exclusive { position: absolute; text-align: center; visibility: hidden; width: 100%; left:35%; top: 60px; z-index: 9; } .products_block .price_container { position:absolute; top:160px; right:0px; left:0px; } .footer_top { background: none repeat scroll 0 0 #F0F0F0; height:100px; border-bottom: 1px solid #FFFFFF; box-shadow: 0 1px 3px 0 #D2D2D2; } .footer_bottom { background:#5C5650; height:75px; margin-top: 3px; } .tm_manufacturer li .product-block{border:none;box-shadow:none;} .flex-direction-nav li a { font-size: 0; height: 38px; position: absolute; top: 50%; width:38px; } .flex-direction-nav {display:none;} .flexslider:hover .flex-direction-nav {display:block;} .flex-direction-nav li a.flex-prev{background:url("../img/sprite.png") no-repeat scroll -1px -456px transparent; left: 10px;} .flex-direction-nav li a.flex-prev:hover{background-position:-41px -456px;} .flex-direction-nav li a.flex-next{background:url("../img/sprite.png") no-repeat scroll -81px -456px transparent; right: 10px;} .flex-direction-nav li a.flex-next:hover{background-position:-122px -456px;} .flexslider{clear:both;} #left_column_inner .price, #right_column_inner .price{color:#635241;font-size:15px;} #left_column_inner .block_content a:hover, #right_column_inner .block_content a:hover{text-decoration:underline;} #tm_leftbanner, #tm_rightbanner{margin-bottom:15px;} #product #left_column{display:none;} .blockproductscategory .price, #crossselling .price, #best-sellers_block_center .price{color:#635241;font-size:20px;} #crossselling li p.product_name, #productscategory_productlist p.product_name{margin-bottom:5px;} .accessories_block p{padding:0px;} select.hasCustomSelect {cursor: pointer;} #cart-buttons a:hover{text-decoration:none;} #products-comparison .products_block .price_container, #best-sellers_block_center .price_container{position:static;margin-bottom: 7px;} #products-comparison .products_block .price_container span{color:#949494;} #cart_block #cart-buttons{padding-bottom:0px;} .ie7 .menu{width:500px;} .ie7 #header_user_info a{line-height:15px;} .ie7 #header_right #header_user{z-index:-1;} /*---------------------override and additonal styles---------------------*/ #index .price {display:none;} td#total_shipping.price {display:none;} .order_carrier_content{color:#ff0000;} div.delivery_option_price {display:none;} #ps_header {padding: 30px;}