/* **************************************************************************** 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 {} #columns {z-index:1; margin:15px 0 0 0;} #left_column { margin-bottom:50px; margin-right: 20px; width: 230px; } /*#left_column .block_content{display:none;}*/ #product #left_column { display: none; } #product #center_column { width: 1150px; } #center_column {margin-right:0px; width:900px; float:right; margin-bottom:10px;padding-right:0px;} #right_column {width:215px;} #footer {} #header,#columns,#footer{ margin:0 auto; width: 100%; } #header .header_container, #columns .columns_inner, #footer .footer_inner{ width:1150px; margin:0 auto;} #index #columns .columns_inner{padding:0;margin:0;} #columns .columns_inner{padding-top:140px;} .header_container { position:relative;margin-bottom:10px !important; } /* ************************************************************************************************ 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 {width:1150px;margin-bottom:0;padding:0;position:relative;} .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-size:14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:normal; line-height:20px; color:#876550; background: #fff; } 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; color: #876550; font-size: 15px; margin-bottom: 10px; text-transform: uppercase; line-height: 22px; font-weight:600; } h2 { padding-bottom:20px; font-size:18px } h3 { padding-bottom:20px; font-size:16px } .title_block { padding-bottom:20px; font-size:15px; } #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,.breadcrumb,#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 #339900; background: #d3ffab; } .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: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; 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='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .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:#876550; text-decoration:none; outline: medium none } a:hover { color:#df8b48; transition-duration:300ms;} /* 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:#EFECE8; height:28px; line-height:28px; width: auto; overflow: visible; font-weight:normal; outline: 0; color: #876550; padding:0px 10px; border:none; float:left; } *: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:29px; } /* 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:#4c3729; text-decoration:none; color:#fff; transition-duration:300ms; } /* 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:#666; text-decoration:none; color:#fff; } 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: #EFECE8 #EFECE8 #EFECE8; color:#876550; 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; border:1px solid #DBD9D5; } .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*/ padding:0 0 15px; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #EFECE8; border-bottom:none; background:white; border-collapse:inherit } table.std th, table.table_block th { padding:14px 12px; color:#876550; text-transform:uppercase; background:#EFECE8; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #FBF8F4;} table.std td, table.table_block td { padding:12px; border-right:1px solid #EFECE8; border-bottom:1px solid #EFECE8; vertical-align:top } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:15px} #footer .block {margin-bottom:0} .block .block_content{ position:relative; margin:5px 0 0 0; padding:5px 5px 8px; } #left_column .block_content{margin:0;border-top:2px solid #EAE1D6;} #left_column .block .title_block,#left_column .block h4{ background:none repeat scroll 0 0 #F5EEE8; } .ie7 #left_column .title_block,.ie7 #left_column .block h4{display:inline-block;} .ie7 #left_column .title_block a,.ie7 #left_column .block h4 a{float:left;} #left_column .block{ margin-bottom:25px; border: 2px solid #EAE1D6; } .block .title_block, .block h4 { padding:10px; color:#876550; text-transform:uppercase; font-weight:bold; font-size:15px; cursor:pointer; background:none; } .title_block .title_inner { background:url("../img/right-up.png") no-repeat scroll right center transparent; } .title_block .toggle_active {background:url("../img/right-down.png") no-repeat scroll right center transparent;} .block .title_block a, .block h4 a {color:#876550;} .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:210px; } /* Default Width for Product Grid */ .grid_view li, .product_list li { width:210px; margin-bottom: 14px; padding: 0; margin:0; position:relative; float:left; vertical-align: top; z-index:1; display:inline; /*height:380px;*/ height:280px; } #crossselling li,#productscategory_productblock li{height:440px;} .grid_view li:hover,.product_list li:hover{z-index:2 !important;} .accessories_block .product_list li{height:420px;} .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:220px;} #accessories-carousel .slider-item, #featured-carousel .slider-item, #newproduct-carousel .slider-item, #bestseller-carousel .slider-item{ width:220px;} .cross_default_width, #crossselling_list .product_list li, #crossselling-carousel .slider-item { width:220px;} .productcategory_default_width, #productscategory_list .product_list li, #productscategory-carousel .slider-item { width:220px;} .brand_default_width, #manufacturer_slider .product_list li, #manufacturer-carousel .slider-item { width:150px;} .banner_default_width { width:250px;} #product_list li .product-block, .product_list li .product-block, .product-carousel .product-block { margin:6px; padding:0; border:2px solid #fff; transition-duration:300ms; position:relative; height: auto !important; } .list_view li .product-block{border:1px solid #EAE1D6 !important;margin:6px 0 !important;} .ie7 .list_view li{clear:both;} #product_list li .product-block:hover, .product-carousel .product-block:hover, .product_list li .product-block:hover { border:2px solid #EAE1D6; z-index:1 !important; height:auto !important; background:#fff; } .grid_view li .product-block:hover .exclusive, .grid_view li .product-block:hover a.button, .product-carousel .product-block:hover .exclusive { display:inline-block; transition:all 0.3s ease; } .grid_view li .product-block:hover .left_block p.compare{display:block;} /*.product_bottom{ display: none; } .grid_view li .product-block:hover .product_bottom { display: block; z-index:999 !important; position:relative; }*/ .grid_view .product-block .exclusive,.grid_view .product-block a.button{/*display:none;*/float:left;} .ie7 #product_list li .product-block:hover, .ie7 .product_list li .product-block:hover , .ie7 .product-carousel .product-block:hover {border:2px solid #EAE1D6;display:block;} /*.product_list li .product-block:hover .s_title_block a, .product-carousel li .product-block:hover .s_title_block a, #best-sellers_block_center .product-block:hover .s_title_block a, .product_list li .product-block:hover h3 a, #product_list li .product-block:hover h3 a, .blockproductscategory .product-block:hover .product_name a, #crossselling li .product-block:hover .product_name a{ color: #df8b48; }*/ .blockproductscategory .product_name{margin:5px 0;} #product_list li .product-block .product-block-inner, .product_list li .product-block .product-inner, .product-carousel .product-block .product-inner {padding:3px 7px; text-align:center;overflow:hidden;} #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%;} #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; } ul#suppliers_list li img , .inline_list li img , .products_block li img, #thumbs_list li img, .favoriteproduct a.product_img_link img, table#cart_summary .cart_product img, #crossselling li a img, .products_block .product_image img , #product_list a.product_img_link img, #productscategory_list li a img, #cart_block dt img{} .content_img img, .product_img_link img, .thickbox img, #special_block_right .product_image img, .tm_responsive_container img { border: 1px solid #F5EEE8; } .content_img img:hover, .product_img_link img:hover, .thickbox img:hover, #special_block_right .product_image img:hover, .tm_responsive_container img:hover { border: 1px solid #DCCFBE; } .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; padding: 10px 6px; position: absolute; top: 5px; right: 5px; text-align: center; text-transform: uppercase; background-color:#E0BDA9; color:#fff; font-size:12px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } #product_list li .discount { font-size:13px;} .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:#EFECE8; color: #876550; padding: 3px 4px; text-align: right; text-transform: uppercase; font-size:13px; } #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 { margin-left:155px;} .content_sortPagiBar {margin:10px 0;} #center_column .sortPagiBar ,.sortPagiBar_bottom { padding:5px; 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 { margin:0 0 0 10px; 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;background:none repeat scroll 0 0 #E9E3DA;} ul.pagination li:hover{background:none repeat scroll 0 0 #DF8B48;} ul.pagination a, ul.pagination span { display:inline-block; height: 20px; padding-top: 0px; width: 20px; background: none repeat scroll 0 0 #E9E3DA; border: 1px solid #E9E3DA; color: #876550; } ul.pagination a { text-align:center; } ul.pagination a:hover { color:#fff; text-decoration:none; background: none repeat scroll 0 0 #DF8B48; } ul.pagination .current span { color:#fff; border:1px solid #DF8B48; text-decoration:none; background:none repeat scroll 0 0 #DF8B48; cursor:default; } ul.pagination li.disabled span {color:#999; 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:0 5px; width:9px; } #pagination_previous, .pagination_previous span, #pagination_next, .pagination_next span { color:#666; } ul.pagination .pagination_next a, ul.pagination .pagination_next span,#pagination.pagination li#pagination_next a,#pagination.pagination li#pagination_next span { background:url("../img/sprite.png") no-repeat scroll -236px -21px transparent; font-size:0px; vertical-align:top; } ul.pagination .pagination_previous a, ul.pagination .pagination_previous span,#pagination.pagination li#pagination_previous a,#pagination.pagination li#pagination_previous span { background:url("../img/sprite.png") no-repeat scroll -210px -1px transparent; font-size:0px; vertical-align:top; } #pagination.pagination li#pagination_previous a,#pagination.pagination li#pagination_previous span,#pagination.pagination li#pagination_next a,#pagination.pagination li#pagination_next span { width:14px; } /* CART steps *********************************************************************** */ ul#order_step { border-bottom:1px solid #3A2D25;} 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: #f8f6f4; /* Old browsers */ background: -moz-linear-gradient(top, #f8f6f4 0%, #eeeae6 50%, #eeebe5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f4), color-stop(50%,#eeeae6), color-stop(100%,#eeebe5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f6f4 0%,#eeeae6 50%,#eeebe5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f6f4 0%,#eeeae6 50%,#eeebe5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f6f4 0%,#eeeae6 50%,#eeebe5 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f6f4 0%,#eeeae6 50%,#eeebe5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f4', endColorstr='#eeebe5',GradientType=0 ); /* IE6-9 */ line-height:35px; } ul.step li.step_current span { display:inline-block; color:#fff; } ul.step li.step_current { font-weight:normal; background:#3A2D25; } ul.step li.step_current_end { font-weight:normal; color:#fff; background:#3A2D25; } ul.step li.step_todo span { display:inline-block; color:#5D5D5D; font-weight:normal; } ul.step li.step_done { font-weight:normal; background:#FBF9F6; } .step_current .leftarrow { display:none;} .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 #3A2D25; 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.png') no-repeat 0 -16px !important } .star, .star a { background: url('../../../modules/productcomments/img/star.png') 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: 13px } .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:#746458; } .listcomment .titlecomment { display:block; font-weight:bold; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative; z-index:9;float:left; position: fixed; top: 40px; z-index: 99; background: none repeat scroll 0 0 #FEFAF6; border-bottom: 3px solid #EAE1D6; } #header_logo { position: absolute; left:0; /*top: 15px;*/ z-index:1; } #header_right { position:relative; float: right; margin-bottom:0px; width:100%; height:70px; } .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 -136px -338px transparent; float: right; height: 20px; margin: 10px 10px 0 15px; width: 30px; } /*************************************************************** MENU *****************************************************************/ .sf-contener,.nav-button { clear: both; height:42px; } .sf-contener{ position:absolute; left:230px; right:0; top:0px; width:950px; height:70px; } .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; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } a.sf-with-ul { pointer-events: none; cursor: default; } .sf-menu a { display: block; position: relative; color:#746458; padding:24px 18px; border: 0; text-decoration:none; font-size:15px; text-transform:uppercase; border-top:2px solid #FEFAF6; font-weight:normal; } .sf-menu a:hover{ background: none repeat scroll 0 0 #F5EEE8; border-top: 2px solid #AD9673; } .sf-menu ul li a,.primary-nav li a { color: #746458; font-size: 12px; margin: 0; padding: 6px 10px; border-left:2px solid transparent;border-top:none; text-transform:uppercase; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 70px; /* match top ul list item height */ z-index: 99; /*width:auto;*/ width:500px; background: none repeat scroll 0 0 #FEFAF6; border: 2px solid #EAE1D6; } 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; /* match ul width */ 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; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu li li,.sf-menu li li li { } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#A69885; } .sf-menu a:active,.sf-menu a:focus{ border-top: 2px solid #AD9673;} .sf-menu ul li a:hover, .primary-nav li a:hover { outline: 0; background-color: #F5EEE8; border-left: 2px solid #AD9673; border-top:none; } /*** arrows **/ .sf-menu a .sf-sub-indicator { display:none;} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /*** DEMO SKIN ***/ .sf-menu li li,.sf-menu li li li { color:#999; } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu ul li a:hover, .primary-nav li a:hover,.sf-menu li.sfHover > a { background-color: #F5EEE8; } .sf-menu ul li a:hover, .primary-nav li a:hover { outline: 0; } /*** arrows **/ .sf-menu a .sf-sub-indicator { display:none;} .sf-menu ul li a .sf-sub-indicator { position: absolute; display: block; right: 10px; top: 10px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/icon/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ 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; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .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; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .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; } /* hack IE7 */ .sf-menu li li { width:250px; border-right:none; margin:0; } /*================= Start Responsive Menu =============*/ .nav-container-mobile { display: none; } .nav-button { cursor: pointer; } .primary-nav { display: block; left: 0; margin: 0; overflow: hidden; padding:5px 0; position: absolute; text-align: left; width: 99%; border-radius: 0 0 5px 5px; z-index: 9; top:42px; background: none repeat scroll 0 0 #FEFAF6; border: 2px solid #EAE1D6; } .tm_mobilemenu_text { color:#746458; cursor: pointer; display: block; float: left; font-size: 16px; margin: 10px 0 0 15px; text-transform:uppercase; } .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: block;} .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 -236px -260px transparent; cursor:pointer; } .nav-container-mobile li .CLOSE { background-position:-207px -261px; } /*================= End Responsive Menu =============*/ /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:10px; background:#fff; color:#BAA890; font-weight: normal; padding: 6px 11px 6px 0; text-transform: uppercase; } .breadcrumb a{color:#BAA890;} .breadcrumb a:hover{color:#746458;} .breadcrumb .navigation-pipe {margin:0 3px 0 5px;color: #876550;} .breadcrumb img { position:relative; top:5px } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { color:#A69885; float:left; background:#3A2D25; /*position:fixed;*/ bottom:45px; z-index:9999; left:0; position:initial; /*background-image: url(https://www.horticultura-bellmunt.com/img/Home-Web-plantes-peu-1902px.png);*/ background-repeat: no-repeat; background-size: cover; background-position: right; } #footer .footer_inner {margin-top:10px;width:1150px;position:relative;} .blockcategories_footer, #footer .myaccount , #block_contact_infos { float:left; /*width:18%;*/ margin:15px 15px 15px 0; } #social_block{width:auto;float:right; margin: 10px 0 0; padding: 10px 0 0; } .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:uppercase } #footer .title_block , #footer .title_block a { color:#EAE0D4;font-weight:normal; } #footer a {color:#A69885} #footer a:hover {color:#E5DACA;} #footer ul {list-style-type:none; clear:both; width:100%;} #footer li {padding:3px 0} #footer li a {color:#A69885;font-size:14px;} #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{ padding-left: 0px; } .blockcategories_footer ul li a:hover, #footer .myaccount ul li a:hover, .block_footer ul li a:hover{ } #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:0;margin:10px 0; } #social_block .title_block {display:none;} #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; overflow: hidden; padding:0 0 10px; } .active .mobile_togglemenu { background-position:right -48px; } .toggle .mobile_togglecolumn{ background:url("../img/megnor/toggle-arrow1.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 -50px;transition-duration:300ms; } #left_column .toggle .mobile_togglecolumn{ background: url("../img/sprite.png") no-repeat scroll -108px -535px transparent; cursor: pointer; float: right; height: 17px; margin: 0; overflow: hidden; padding: 0 0 4px; width: 21px; transition:none; } #left_column .active .mobile_togglecolumn {background:url("../img/sprite.png") no-repeat scroll -142px -535px transparent;transition-duration:300ms; } #footer .mobile_togglemenu:hover { text-decoration:none;} .block_footer{ float:left; width:18%; margin:15px 15px 15px 0;border-right:1px dotted;} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; float:left; width:100%; } ul.idTabs li { float: left; margin-right:3px; } .idTabs a { display:block; padding:9px 14px 9px; font-weight:normal; text-decoration:none; background:#FEFAF6; border-left: 1px solid #EAE1D6; border-right: 1px solid #EAE1D6; border-top: 1px solid #EAE1D6; } .idTabs .selected,.idTabs a:hover { color:#746458; background-color:#F5EEE8; border:1px solid #EAE1D6; border-bottom:none; } #more_info_sheets {padding:10px; float:left; width:90%;border:1px solid #EAE1D6;} #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; background:#EFECE8; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; border-right:1px solid #EFECE8; border-bottom:1px solid #EFECE8; 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 #EFECE8} 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: #FBF8F4; } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #FBF8F4; } 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 #EDEDED; } 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: center;} 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: 45px; 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: center;} 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:#746458; text-indent:-999px; background:url("../img/icon/delete.png") no-repeat scroll 0 center; width: 12px; height:12px; margin: 4px 0 0 25px; float:left; } .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #EDEDED; vertical-align:middle } table#cart_summary #total_price_container { border-bottom:1px solid #EDEDED; 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:#746458; 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 #EFECE8; font-weight:normal; } .cart_voucher .submit input.button { background: none repeat scroll 0 0 #EFECE8; border: medium none; border-radius: 0 0 0 0; color: #000000; height: 22px; margin-left: 2px; padding: 0 4px; text-transform: uppercase; } #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 #EDEDED; border-right:1px solid #EDEDED; } .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; text-transform:uppercase; background:#EFECE8; } .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:2%;} .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #222222; line-height: 20px; padding: 2px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: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 #EFECE8; margin: 0 0 15px; padding: 13px; text-transform: uppercase; } #create-account_form .title_block { padding-bottom:22px; color:#876550; } #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:276px;/* 230 */ } #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right; margin-right: 12px; } .lost_password { float:left; width:200px } .lost_password a {color:#876550;} .lost_password a:hover {color:#DF8B48;} #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 #ededed; background:#fbfbfb; 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 #EDEDED; border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { padding: 6px 11px; text-transform: uppercase; background: none repeat scroll 0 0 #EFECE8; } #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: #fff; } #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 #EDEDED; background: #f6f6f6; border-bottom: 1px solid #EDEDED; } #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 { color:#876550; } .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 { color:#876550; } .payment_module { position:relative; padding:0px; text-transform:uppercase; } .payment_module a { display:block; position:relative; padding:10px; border:1px solid #ededed; margin:10px 0; text-transform:uppercase; background:#fff; overflow:hidden; font-size:15px; } .payment_module a:hover{ background:#EFECE8; } .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 #fff; border: 1px solid #ddd; 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 #EFECE8;} #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 #EFECE8;} #discount .table_block td.discount_expiration_date {} #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:13px; 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; 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; border-radius: 3px 3px 3px 3px; 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:940px;} #pagenotfound .pagenotfound { padding:30px 300px 0 0; height:330px; font-size:14px; background:url('../img/bg_404.png') no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #fff !important; border-top: 1px solid #666; padding: 0 5px; height: 24px; width: 200px; color: #ccc; background: url('../../../modules/blocksearch/img/bg_search_input.png') repeat-x scroll 0 0 #fff } #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; background: url('../../../modules/blocksearch/img/bg_search_submit.png') repeat-x scroll 0 0 #101010 } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ 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:10px 0 0 20px; border-top:1px solid #ECE8E2; background:url("../img/sprite_info.png") no-repeat scroll -1px -400px transparent; margin-top: 10px; display:inline-block; } #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; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 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: 13px; } #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.png') 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.png') no-repeat 0 0 } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } /* 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; border:2px solid #EAE1D6; margin: 5px 0 0; padding: 5px; margin-bottom:20px; } /*************** Block CATEGORIES ***************/ #categories_block_left li.last,#categories_block_left li.last a { border:none;} #categories_block_left li a {} #categories_block_left li ul {margin-left:15px;} #categories_block_left li ul li {} #categories_block_left li ul li a ,#categories_block_left li ul li ul li a { background: url('../img/left_cat_bullet.png') no-repeat scroll left center transparent; } #categories_block_left li ul li a:hover,#categories_block_left li ul li ul li a:hover{ background: url('../img/left_cat_bullet.png') no-repeat scroll left center #FEFAF6; } #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 -238px -260px transparent; cursor:pointer; } #categories_block_left li .CLOSE { background-position:-209px -261px; } .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 { float: left; margin: 10px 0 0; padding: 10px 0 0; text-align: center; width: 80%; color:#A69885; } #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; } #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;} #footer .block_various_links h4 { display:none;} /* Block CMS links */ tr.subitem > td:first-child + td { padding-left: 10px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos { border-left:1px solid; padding-left: 25px;} #block_contact_infos li { padding:0 0 0 30px !important; line-height: 20px; } #block_contact_infos li strong { font-weight:normal; font-size:16px; } #block_contact_infos li pre { font: 13px/21px Open Sans;} /*************** Block MANUFACTURER ***************/ .blockmanufacturer form { margin-top: 10px; text-align: center; } .blockmanufacturer p { padding:0; } /*************** Block LOGO PAYMENT ***************/ .paiement_logo_block { clear: both; float: left; margin: 10px 0; padding: 10px 0 0; text-align: left; width: 200px; } #left_column .paiement_logo_block{float:none;} .paiement_logo_block a { text-decoration: none } .paiement_logo_block img { margin: 0 3px; } /*************** 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 li { float: left; height: 20px; width: 26px; } #social_block li a { display: block; font-size: 0; height: 25px; text-indent: -9999px; } #social_block li.facebook {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 0 -113px;} #social_block li.twitter {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 0 -166px;} #social_block li.rss {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 7px -53px ;} #social_block li.gmail {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 6px 0;} #social_block li.p {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 6px -26px ;} #social_block li.v {background:url('../css/modules/blocksocial/img/sprite_pict_social_block.png') no-repeat 6px -77px ;} #social_block li.facebook:hover {background-position:-27px -113px;} #social_block li.twitter:hover {background-position:-27px -166px;} #social_block li.rss:hover {background-position:-20px -140px;} #social_block li.gmail:hover {background-position:-21px 0;} #social_block li.p:hover {background-position:-21px -26px;} #social_block li.v:hover {background-position:-21px -77px;} /*************** Block STORE ***************/ .blockstore img { margin: 10px 0 0 0} .blockstore p.store_image { padding-bottom:10px; text-align:center } /*************** 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:50px; float:left; margin-right:5px; text-decoration:none; } #best-sellers_block_right li p, #new-products_block_right li p, .special_detail , #viewed-products_block_left .text_desc { margin-left:66px; padding:0; float:none!important; } /**************** Start Css For List / Grid Image ************/ #view_as { float:left; list-style:none; background: none repeat scroll 0 0 #FEFAF6; border: 1px solid #EAE1D6; } #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 -419px transparent;} #view_as li.list span { background: url("../img/sprite.png") no-repeat scroll -30px -419px transparent;} #view_as li.grid span:hover { background-position: -5px -388px; cursor: pointer; } #view_as li.grid span.active { background-position:-5px -388px; cursor: default;} #view_as li.list span:hover { background-position:-30px -388px; cursor:pointer;} #view_as li.list span.active { background-position:-30px -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; margin-bottom:5px;} #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; } .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 center transparent; display: block; padding: 5px 5px 5px 18px; line-height:24px; } .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-hover.png") no-repeat scroll 5px center #FEFAF6; } #wishlist_block select#wishlists, .blocksupplier select#supplier_list, .blockmanufacturer select#manufacturer_list { width:185px; 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, #best-sellers_block_center .s_title_block, #product_comparison .s_title_block, #featured-products_block_center .s_title_block, #newproduct_slider_center .s_title_block {font-size:14px!important; padding:0; margin-top:5px;} .products_block .text_desc h5, .products_block .text_desc .s_title_block{ font-size:13px; } .blockproductscategory .product_name a, #product_list .product-block .center_block h3 > 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{ text-transform: uppercase; } .blockproductscategory .product_name a:hover, #product_list .product-block .center_block h3 > 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, #crossselling .product_name a:hover, .products_block .text_desc .s_title_block a:hover, #cart_block .cart_block_product_name:hover { color:#df8b48;} .products_block .text_desc p, .products_block .product_desc, #product_list li p.product_desc{ padding-bottom:0; font-size:13px; } .products_block .text_desc p a, .products_block .product_desc a, #product_list li p.product_desc a{color:#876550; line-height:18px;} .products_block .text_desc p a:hover, .products_block .product_desc a:hover, #product_list li p.product_desc a:hover{text-decoration:none;} .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 {border-bottom:1px solid #EDE3D9; } .blockspecials .block_content p { border-top:1px dotted #ccc; clear:both;} #best-sellers_block_right li, .products_block .product_images li, #viewed-products_block_left .products li, #new-products_block_right li { padding:20px 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:13px; 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: #3A2D25; font-size:16px; } #left_column .products_block .price{font-size:14px;color:#DF8B48;} .products_block .price_container { padding:0; margin:0;} .accessories_block .price_container, #product_list li .content_price, #featured-products_block_center .price_container , #newproduct_slider_center .price_display, #best-sellers_block_center .price_container { margin:5px 0;} .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:#876550; font-weight: normal; padding: 0; text-transform:capitalize; } .block_content p .button_large:hover {color:#DF8B48;} #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/back_to_top.png") no-repeat scroll 0 0 transparent; font-size: 0; height: 40px; width: 40px; } #HOOK_SHOPPING_CART #loyalty img{ float:left;margin: -5px 5px 0 0;} .header_top { height: 40px; width: 100%; background:#4C3729; position:fixed; z-index:99; } .footer_bottom { height: 45px; width: 100%; background:#4C3729; border-top:10px solid #3A2D25; box-shadow: 2px 0 2px rgba(0, 0, 0, 0.59); /*position:fixed;*/ bottom:0; z-index:99; left:0; position:initial; } .footer_inner_inner { height: 45px; width: 100%; background:#2C211B; clear:both; } .footer_top_arrow { background: url("../img/sprite.png") no-repeat scroll -196px -259px; height: 30px; margin: 0 auto; width: 44px; cursor:pointer; float:left; } .footer_top_arrow_active{ background: url("../img/sprite.png") no-repeat scroll -225px -257px; } .tm_subbennerinner li { float: left; } #tmcmscontent { margin: 0 auto; width: 1150px; position:relative; z-index:999; } .dynamic-content_inner { bottom: 0; /*position: fixed;*/ width: 1150px; margin:0 auto; position:initial; } .ie7 .dynamic-content_inner{bottom:10px;} .dynamic-content { /*position: absolute;*/ top: -5px; width: 100%; } #tmcmscontent li{list-style:none;} #tmcmscontent li a{color:#A69885;} #block_various_links_footer ul li.first{background:none;} #subbanner-carousel{ } #tm_subbanner{ top:160px; position:fixed; right: 5px; width: 280px; } .tm_subbannerinner{width:100%;} .sub_active {bottom:300px !important;} #tm_subbanner{display:none;} #subbanner-carousel{background: url("../img/banners_bg.png") repeat scroll 0 0 transparent;padding:5px 0;} #tm_subbanner li .product-block{border:none;} #tm_subbanner li .product-block:hover{box-shadow:none;background:none;} #block_contact_infos li.company {background: url("../img/contact-icon.png") no-repeat scroll -9px -57px transparent;} #block_contact_infos li.phone {background: url("../img/contact-icon.png") no-repeat scroll -9px -284px transparent;} #block_contact_infos li.email { background: url("../img/contact-icon.png") no-repeat scroll -9px -171px transparent;} #footer .btn { background: url("../img/content-bg.png") no-repeat scroll left top transparent; cursor: pointer; font-size:0px; height: 30px; left: 45%; position: absolute; top: -30px; width: 44px; z-index: 3; } #footer .btn_right{ background: url("../img/plus.png") no-repeat scroll 9px 12px #E2704B; cursor: pointer; height: 30px; right:0px; position: fixed; top:125px; width: 125px; z-index: 3; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; transition:all 800ms ease; display:none; } #index #footer .btn_right{display:block;} #footer .footer_right_arrow_active{ background: url("../img/minus.png") no-repeat scroll 9px 12px #E2704B;} .footer_right_arrow { height: 30px; line-height:31px; width: 94px; cursor:pointer; float:right; font-size:12px; color:#fff; } .footer_inner_top {position:relative;width:1150px;margin:0 auto;} .comparison_product_infos .product_discount { padding: 5px 0; } #carriers_list .carrier_price {border-right:none !important;} #tm_rightbanner,#tm_leftbanner{margin-bottom:30px;} .ie7 #center_column fieldset p.radio span,.ie7 #center_column fieldset label.top{float:left;} .ie7 #center_column fieldset p{clear:both;} .ie8 #center_column fieldset p.radio span,.ie8 #center_column fieldset label.top{float:left;} .ie8 #center_column fieldset p{clear:both;} #module-loyalty-default ul.pagination a,#module-loyalty-default ul.pagination span {width:auto;padding:4px 7px 0;} #module-loyalty-default #pagination_next, #module-loyalty-default .pagination_next{float:left;} #module-loyalty-default ul.pagination{margin-bottom:10px;float:right;} #module-loyalty-default form.pagination{float:right;clear:both;} #topcontrol{z-index:99;} table#cart_summary .cart_product img{border:1px solid #EFECE8;} .ie7 #block-order-detail .display_list{display:inline-block;} .megamenu { background:url("../img/menubg.png") repeat scroll 0 0 transparent; height: 200px; padding: 20px 0; position: absolute; top: 72px; width: 1150px; z-index: 95; margin:0 auto; } .hide{display:none;} .active_m{display:block;} #tmcmscontentproduct_page ul li{list-style:none;padding:12px 0 10px 55px;cursor:pointer;border-bottom:1px solid #fff;border-top:1px solid #fff;font-size:14px;line-height:18px;} #tmcmscontentproduct_page ul li:hover{border-bottom:1px solid #E9E4DE;border-top:1px solid #E9E4DE;} #tmcmscontentproduct_page ul li.delivery{background:url("../img/banner_sprite.png") no-repeat scroll 10px -33px transparent;} #tmcmscontentproduct_page ul li.gift{background:url("../img/banner_sprite.png") no-repeat scroll 10px -120px transparent;} #tmcmscontentproduct_page ul li.order{background:url("../img/banner_sprite.png") no-repeat scroll 10px -203px transparent;} #tmcmscontentproduct_page ul li.delivery:hover{background-position:10px 10px;background-color:#F9F6F1;} #tmcmscontentproduct_page ul li.gift:hover{background-position:10px -77px;background-color:#F9F6F1;} #tmcmscontentproduct_page ul li.order:hover{background-position:10px -160px;background-color:#F9F6F1;} #tmcmscontentproduct_page .img { margin-top: 25px; } #tmcmscontentproduct_page ul li span{color:#BEAD97;font-size:13px;} .zoomdiv{border:1px solid #ECE8E2 !important;z-index:1 !important;} #tmcmscontentproduct_page .img li{padding:0 !important;} #tmcmscontentproduct_page .flexslider li:hover ,#tmcmscontentproduct_page .flexslider li {border:none;} #HOOK_SHOPPING_CART > p#loyalty { margin-top: 15px; } .ie7 .accessories_block ul,.ie7 #crossselling ul,.ie7 #productscategory_productblock ul{width:1150px !important;} .ie7 .left_block .tm-checkbox{float:right;} #special_block_right .products{margin-bottom:8px;} #tm_subbanner ul img:hover{opacity:0.8;transition-duration:300ms;} .btn-crea-brw{ padding:10px 20px !important;background: #4c3729 !important;color: #fff !important; } .btn-crea-brw:hover{ background: #3a2d25 !important; } #cart_block .lgclearcart { height: 40px !important; margin-top: 20px !important; } #cart_block .lgclearcart .lgEmptyCart span{ display: inline !important; border: none !important; padding: 0px 10px !important; } #cart_block .lgclearcart span.button{ height: 22px; line-height: 22px; } #cart_block .lgclearcart .lgEmptyCart span:hover{ background: transparent !important; } #header #cart_block a.cart-images img{ max-height: 200px; } #header #cart_block .block_content{ max-height: 376px; } #header #cart_block #cart-buttons a.button_mini{ margin-top: 5px; background: #4c3729; color: #fff; } #header #cart_block #cart-buttons #button_order_cart{ background: #79b825; color: #fff; margin-top: 4px; padding: 5px 34px; font-size: 16px; }