/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ @font-face { font-family: helveticaLT; src: url("fonts/helveticaLT.eot") /* EOT file for IE */ } @font-face { font-family: helveticaLT; src: url("fonts/helveticaLT.ttf") /* TTF file for CSS3 browsers */ } @font-face { font-family: 'questrial-regular'; src: url('fonts/questrial-regular.eot'); src: url('fonts/questrial-regular.eot') format('embedded-opentype'), url('fonts/questrial-regular.woff') format('woff'), url('fonts/questrial-regular.ttf') format('truetype'), url('fonts/questrial-regular.svg#RobotoSlabThin') format('svg'); } @font-face { font-family: 'helvetica'; src: url('fonts/helveticaneueltcom-bdcn.eot'); src: url('fonts/helveticaneueltcom-bdcn.eot') format('embedded-opentype'), url('fonts/helveticaneueltcom-bdcn.woff') format('woff'), url('fonts/helveticaneueltcom-bdcn.ttf') format('truetype'), url('fonts/helveticaneueltcom-bdcn.svg#RobotoSlabThin') format('svg'); } @font-face { font-family: 'helveticainserat'; src: url('fonts/helveticainseratltstd-roman.eot'); src: local('?'),url('fonts/helveticainseratltstd-roman.eot') format('embedded-opentype'), url('fonts/helveticainseratltstd-roman.woff') format('woff'), url('fonts/helveticainseratltstd-roman.ttf') format('truetype'), url('fonts/helveticainseratltstd-roman.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneue'; src: url('fonts/helveticaneueltcom-ltcn.eot'); src: url('fonts/helveticaneueltcom-ltcn.eot') format('embedded-opentype'), url('fonts/helveticaneueltcom-ltcn.woff') format('woff'), url('fonts/helveticaneueltcom-ltcn.ttf') format('truetype'), url('fonts/helveticaneueltcom-ltcn.svg#helveticaneueltcom47lightcondensed') format('svg'); } /** Generated by FG **/ /* **************************************************************************** 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%; line-height: 20px; margin: 0; color: #666; font-weight: normal;} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline; top: 0; font-size: 100%;} 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%; width: auto; margin: 0 0 0 7px;} label { display: inline;} .radio input[type="radio"], .checkbox input[type="checkbox"] { float: none; margin: 0;} .ie7 input, .ie7 select{line-height:18px} a {cursor:pointer} dt { font-weight: normal;} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} /* ************************************************************************************************ struture ************************************************************************************************ */ #page {} #header { z-index: 9999;} #columns { position: relative; z-index: 9; clear: both;} #center { } #left_column { } #center_column { } #right_column { } #footer {} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ font:normal 13px/20px arial; color:#666; background:#fff; } body.content_only { background: #FFF; } .main { padding: 25px 0;} /* positionnement ****************************************************************************** */ .hidden {display:none; visibility: visible;} .f_left {float:left} .f_right {float:right} p.center {text-align:center} .clearBoth {clear:both} /* title *************************************************************************************** */ h1 { padding-bottom: 10px; font-size:24px; line-height: 22px } h2 { padding-bottom: 10px; font-size:18px } h3 { padding-bottom: 10px; font-size:16px } .title_block { padding-bottom: 5px; font-size:18px; text-transform: uppercase; } .page-title { margin-bottom: 20px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: normal; text-transform: uppercase; padding: 0 0 3px; font-family: 'helveticaneue';} /* text **************************************************************************************** */ p { padding-bottom: 10px} p em {font-style:italic} li { list-style: none;} .warning { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0; clear: both; } .success { margin:0 0 10px 0; padding:10px; border:1px solid #339900; font-size:13px; background: #d3ffab; clear: both; } .error { margin:0 0 10px 0; padding:10px; border:1px solid #990000; font-size:13px; background:#ffcccc; clear: both; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#007bb7; } .discount { display: none;} /* link **************************************************************************************** */ a, a:active, a:visited { color:#666; text-decoration:none; outline: medium none } a:hover { color: #007bb7; text-decoration: none;} span.new { width: 66px; height:66px; display: none; background: url(../img/icon-new.png) 0 0 no-repeat; position: absolute; top: 20px; right:20px; text-indent: -9999px; } span.sale { width: 66px; height: 66px; display: none; background: url(../img/icon-sale.png) 0 0 no-repeat; position: absolute; top: 20px; right:20px; text-indent: -9999px; } /* 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; -webkit-border-radius:0px; -moz-border-radius:0px border-radius:0px; } /*buttons ************************************************************************************** */ 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, 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,ul.address li.address_update a, ul.address li.address_delete a, #new_comment_form button, #product_comments_block_tab button.usefulness_btn { padding: 6px 10px; color: #fff; background: #007bb7; font-size: 14px; font-weight: normal; text-transform: capitalize; line-height: 20px; border: none; } *:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large, *:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled, *:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large, *:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled { border:none } /* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { /*padding-bottom: 2px*/ } /* 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 { /*background-position: left -36px; cursor: default; color: #888!important*/ } /* exclusive button */ 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, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { /*color: white!important*/ } /* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { /*color: #488c40!important*/ } /* 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, ul.address li.address_update a:hover, ul.address li.address_delete a:hover, #new_comment_form button:hover, #product_comments_block_tab button.usefulness_btn:hover { background: #000; } /* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { /*color: white!important*/ } /* 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 { background-position: left -100px } /* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { /*width: 30px; background-image: url('../img/button-mini.png')*/ } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { /*width: 60px; background-image: url('../img/button-small.png')*/ } input.button_disabled, input.exclusive_disabled, span.exclusive { } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { /*width: 180px; background-image: url('../img/button-large.png')*/ } /* form **************************************************************************************** */ form.std fieldset { margin: 0; border:1px solid #eee; } /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; border:1px solid #eee; border-bottom:none; background:white; border-collapse:inherit; clear: both; } table.std th, table.table_block th { padding: 10px 12px; font-size:12px; font-weight:bold; text-transform:uppercase; color: #333; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } table.std th.last_item, table.table_block th.last_item, table.std td.carrier_price, table.table_block td.carrier_price { border-right: none; } table.std tr.alternate_item, table.table_block tr.alternate_item { } table.std td, table.table_block td { padding:12px; border-right:1px solid #eee; border-bottom:1px solid #eee; font-size:14px; vertical-align:top } #account-creation_form { clear: both;} /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px} #footer .block {margin-bottom:0} .block .title_block, .block h4 { display: block; font-family: 'helveticaneue'; text-transform: uppercase; font-size: 16px; color: #fff; padding: 8px 20px; background: #007bb7; } .block .title_block a, .block h4 a {color:#fff} .block .title_block a:hover, .block h4 a:hover { color: #666;} .block ul {list-style-type:none} .block li.last { border:none} .block li a { display:block; color:#666; font-size: 13px; } .block li a:hover { color: #007bb7;} .block .block_content { padding: 15px; border: 1px solid #f1f1f1; border-top: none;} #shopping_cart a{ padding: 0 0 0 25px; float: right; vertical-align: middle; position: relative; margin: 0; font-size: 13px; z-index: 10; border-radius: 0 !important; text-transform: capitalize; background: url(../img/icon-topcart.png) 0 50% no-repeat; } #shopping_cart a:hover{ color: #007bb7;} #header #cart_block { background: #f0f0f0;} /* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {} .products_block li img { } /* 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; padding: 10px 0; } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top: -3px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin: 0;} .content_sortPagiBar_bottom { margin: 20px 0 0;} #center_column .sortPagiBar { padding:10px; color:#666; height: 30px; border: 1px solid #eee; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form { margin: 0;} #center_column .sortPagiBar form label { display: inline;} .sortPagiBar #productsSortForm {float:right;} .sortPagiBar select#selectPrductSort { margin:0 0 0 10px; color:#000; border:1px solid #ccc; width: auto; } .sortPagiBar .product-compare { float: left; } .sortPagiBar .bt_compare { border:none; color:#fff; } .sortPagiBar .nbrItemPage { float: left; } .sortPagiBar .nbrItemPage #nb_item_bottom { margin: 0 5px 5px; width: auto;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item {border:1px solid #ccc} /* pagination ********************************************************************************** */ form.pagination { } .content_sortPagiBar div.pagination { float: right; margin: 10px 0 0; } #pagination_bottom .page-lable { float: left; line-height: 14px;} .content_sortPagiBar ul.pagination {list-style-type:none; display: inline; border-radius: 0; box-shadow: none; margin: 0;} .content_sortPagiBar ul.pagination li {display: inline; float: left; margin: 0 7px;} .content_sortPagiBar ul.pagination a, .content_sortPagiBar ul.pagination span { color:#666; padding: 0; margin: 0; border: none; border-radius: 0; background: none; line-height: 14px; } .content_sortPagiBar ul.pagination a:hover { background: none; color: #007bb7; text-decoration: underline;} .content_sortPagiBar ul.pagination li.current span { color: #007bb7; } .content_sortPagiBar ul.pagination .pagination_previous span, .content_sortPagiBar ul.pagination .pagination_previous a { background: url(../img/pager_arrow_left.gif) 0 0 no-repeat; display: inline-block; text-indent: -9999px; width: 12px; height: 12px; position: relative; top: 5px;} .content_sortPagiBar ul.pagination .pagination_next a, .content_sortPagiBar ul.pagination .pagination_next span { background: url(../img/pager_arrow_right.gif) 0 0 no-repeat; display: inline-block; text-indent: -9999px; width: 12px; height: 12px; position: relative; top: 5px; } /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; margin-bottom:30px; width: 100%; float: left; } ul.step li { float:left; height:52px; width:19%; margin-right: 1%; text-align:center; text-transform:uppercase; line-height: 52px; text-align: center; border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; } ul.step li#step_end { background-image: none; margin: 0; width: 20%;} ul.step li span { color: #666;} ul.step li.step_current span { } ul.step li a { } ul.step li a:hover { } ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span { } ul.step li.step_current { font-weight:bold; border-bottom: 3px solid #007bb7; border-top: 3px solid #007bb7; } ul.step li.step_current_end { background-color: #007bb7; border-bottom: 3px solid #007bb7; border-top: 3px solid #007bb7; } ul.step li.step_current_end span { color: #fff; } ul.step li.step_todo span { } ul.step li.step_done { border-top: 3px solid #8abd85; border-bottom: 3px solid #8abd85; } /*ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}*/ /* module productcomments ********************************************************************** */ .rating { clear: both; display: block; margin: 2em; cursor: pointer; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { overflow: hidden; float: left; margin:0 1px 0 0; width: 16px; height: 16px; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { margin: 0 0 10px; padding: 10px; border: 1px solid #e6db55; font-size: 13px; background: none repeat scroll 0 0 #ffffe0; } #page .rte { background: transparent none repeat scroll 0 0 } .listcomment { list-style-type:none; margin:0 0 20px 0 !important; } .listcomment li { padding:10px 0; border-bottom:1px dotted #ccc; color:#666 } .listcomment .titlecomment { display:block; font-weight:bold; font-size:12px; color:#333 } .listcomment .txtcomment { display:block; padding:5px 0; color:#333 } .listcomment .authorcomment {} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header { position:relative; } .header-inner { background: url(../img/bg-top.png) 0 0 repeat-x; } .header-content { position: relative;} .header-bottom { padding: 10px 0;} #header_logo { display: block; border-right: 1px solid #f7f7f7; padding: 38px 0 30px; } .top-header { float:right; width: 100%; margin:50px 0 30px;} .top-header .box-header { float: left; width: 100%;} .top-header .header-image { float: left;} .top-header .header-text { float: left; margin: 5px 0 0 7px;} .top-header .header-text h3 { font-weight: normal; color: #666; margin: 0; font-family: 'helveticaneue'; padding: 0;} .top-header .header-text p { font-weight: normal; color: #aaaaaa; margin: 0; font-size: 12px; font-family:arial; padding: 0;} .top-cart-content .product-name { margin: 0; width:130px;} #header_logo img { opacity: 1;} #header_right { position:relative; } #header_right #currencies_block_top p { background: url(../img/arrow.png) 90% 50% no-repeat #fff;} #header_right #languages_block_top p { background: url(../img/arrow.png) 90% 50% no-repeat #fff; } #setCurrency .currencies_ul_hover a:hover, #countries .countries_ul_hover li:hover, #countries .countries_ul_hover li a:hover, #header_right #currencies_block_top p:hover, #header_right #languages_block_top p:hover, #header_links li a:hover{ color: #007bb7;} .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title { padding: 6px 30px 7px 0; font-size: 17px; color: #666; float: left; cursor: pointer; font-family: helvetica; text-transform: uppercase; } .pt_custommenu #pt_menu_home.act .parentMenu a,.pt_custommenu #pt_menu_home.active .parentMenu a, .pt_custommenu .pt_menu.act .parentMenu a,.pt_custommenu #pt_menu_pt_item_menu_custom_menu .parentMenu span:hover,.pt_custommenu .pt_menu.active .parentMenu a, .pt_custommenu .pt_menu .parentMenu a:hover { color: #007bb7; } div.pt_menu .itemMenu h4.level3, div.pt_menu .itemMenu a.level3 { } div.pt_menu .itemMenu h4.level3:hover , div.pt_menu .itemMenu a.level3:hover { color: #007bb7; } .itemSubMenu h4.level4, .itemSubMenu a.level4,div.itemSubMenu a{ background: url(../img/icon-title.png) 0 10px no-repeat; color: #666; padding-left: 20px; text-transform: uppercase; font-weight: 700; font-size: 16px; font-family: 'helvetica'; } .itemSubMenu a.level4:hover, .itemSubMenu h4.level4:hover,div.itemSubMenu a:hover { color: #007bb7; background-position: 0 -20px; } .mobilemenu li.active a, .mobilemenu a:hover { color: #007bb7; } .mobilemenu ul a { color: #666 !important; } .mobilemenu ul a:hover, .mobilemenu ul li.active a { color: #007bb7 !important; } .mobilemenu ul ul a, .mobilemenu ul li.active ul a { color: #666 !important; } .mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a, .mobilemenu ul li.active ul a:hover { color: #007bb7 !important; } .mobilemenu ul ul ul a, .mobilemenu ul ul li.active ul a { color: #666 !important; } .mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a, .mobilemenu ul ul li.active ul a:hover { color: #007bb7 !important; } .mobilemenu ul ul ul ul a, .mobilemenu ul ul ul li.active ul a { color: #666 !important; } .mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a, .mobilemenu ul ul ul li.active ul a:hover { color: #007bb7 !important; } .block-search-top .button { border: 0; height: 36px; padding: 0px; font: 12px/30px Tahoma, Verdana, Arial, sans-serif; color: #fff; width: 40px; background: url(../img/icon-search.png) center no-repeat #ddd; float: right; text-indent: -9999px; margin: 0; } .block-search-top .button:hover { background: url(../img/icon-search.png) center no-repeat #007bb7; } .custom-menu-bottom {margin: 0; padding:25px 0 0; margin: 23px 0 0; border-top: 1px solid #eeeeee;} .menu-bottom h3 { font-size: 15px; color: #007bb7; font-weight: normal; float: left; width: 100%; text-transform: uppercase; font-family: 'helvetica';} .menu-bottom p { font-size: 12px; margin: 5px 0 0; color: #666; float: left; width: 100%; text-transform: capitalize; } .menu-bottom a { font-size: 12px; color: #007bb7; margin: 5px 0 0; float: left; width: 100%; text-transform: capitalize; } .menu-bottom a:hover {color: #666;} .pt_custommenu div.pt_menu .parentMenu a:hover, .pt_custommenu div.pt_menu .parentMenu span.block-title:hover, .pt_custommenu #pt_menu_link ul li a.act, .pt_custommenu #pt_menu_link ul li a:hover { color: #007bb7; } .menu-text { float: left; margin: 8px 0 0; width: 100%; } /*Banner Static*/ .home-banner-contain { clear: both;} /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom: 0; font-size:13px; padding: 0; display: inline-block; width: 100%; background: none; line-height: 30px; color: #007bb7; border-radius: 0; font-family: 'helveticaneue'; } .breadcrumb .navigation-pipe { display: inline-block; margin: 0 7px 0; text-align: center; color: #333; text-indent: -999px; background: url(../img/navigation-pipe.png) 0 50% no-repeat; width: 4px; height: 12px; height: 30px; line-height: 30px; } .breadcrumb img { position:relative; top: -3px } .breadcrumb a, .breadcrumb span { float: left; line-height: 30px;} .breadcrumb span { color: #007bb7;} .breadcrumb a {color: #333; text-transform: capitalize;} .breadcrumb a:hover { color: #007bb7;} /* ************************************************************************************************ Product List ************************************************************************************************ */ .list_view li.ajax_block_product .discount { color: #007bb7;} .grid_view li.ajax_block_product .ajax_add_to_cart_button:hover, .list_view li.ajax_block_product .ajax_add_to_cart_button:hover { background: #007bb7; border: 1px solid #007bb7; color: #fff;} .grid_view li.ajax_block_product:hover .add-to-links li a.add-wishlist { left: 6%;} .grid_view li.ajax_block_product:hover .add-to-links li a.lnk_more {right: 6%; } /*===================Mode View ==================*/ .mode-view { float: left; margin-top: 8px; margin-right: 20px;} #view_as .products_left_grid_button { display: inline-block; margin-right: 10px;} #view_as .products_left_grid_button .products_grid_button_id { height:16px; float:left; background:url(../img/grid.png) 0 0 no-repeat; padding: 0 0 0 24px; cursor: pointer; line-height: 17px; display: block; font-family: 'helveticaneue';} #view_as .products_left_grid_button.active .products_grid_button_id, #view_as .products_left_grid_button .products_grid_button_id:hover { background-position: 0 100%; color: #007bb7;} #view_as .products_right_grid_button { display: inline-block; margin-left: 5px;} #view_as .products_right_grid_button .products_list_button_id { height:16px; float:left; background:url(../img/list.png) 0 0 no-repeat; padding: 0 0 0 24px; cursor: pointer; line-height: 17px; display: block; font-family: 'helveticaneue';} #view_as .products_right_grid_button.active .products_list_button_id, #view_as .products_right_grid_button .products_list_button_id:hover { background-position: 0 100%; color: #007bb7;} #view_as .switch_mode.active span { cursor: default;} /*********************************************Page Product*************************************************** */ #view_scroll_left { height: 27px ; width: 27px; border: 0 !important; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0 #eee; position: absolute; top: 50%; left: -12px; cursor: pointer; text-indent: -9999px; } #view_scroll_right { height: 27px ; width: 27px; border: 0 !important; margin: -13px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 100% 0 #eee; position: absolute; top: 50%; right: -12px; cursor: pointer; text-indent: -9999px; } #view_scroll_right:hover, #view_scroll_left:hover { background-color: #007bb7;} #availability_statut #availability_value, #availability_statut #availability_value.warning_inline { color: #007bb7; } #reduction_percent span, #reduction_amount span { background-color:#007bb7; } .content_prices #add_to_cart .exclusive,.content_prices #add_to_cart .exclusive_disabled { padding: 10px 15px; background: #fff; font-family: 'helvetica'; text-transform: uppercase; font-size: 14px; border: 1px solid #dddddd; color: #666; position: relative; z-index: 10; margin: 0; } .content_prices #add_to_cart .exclusive:hover { background: #007bb7; border: 1px solid #007bb7; color: #fff;} .buttons_bottom_block #wishlist_button { font-weight: normal; padding: 0; display: block; font-size: 12px; text-indent: -9999px; width: 40px; height: 41px; border: 1px solid #ddd; z-index: 9; background: url(../img/bg-wishlist.png) no-repeat 0 0 #fff; margin: 0; left: 50%; } .buttons_bottom_block #wishlist_button:hover { background-position: 0 100%; margin: 0; background-color: #007bb7;} #thumbs_list li a { display: block; border: 1px solid #ddd;} #thumbs_list li a:hover { border: 1px solid #007bb7;} /*********************************************FOOTER*************************************************** */ .footer-banner-container { } #footer { color:#333; padding: 30px 0 0; margin-top: 50px; background: url(../img/bg-footer.png) repeat; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #social_block, #block_contact_infos { } .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:uppercase } #footer .title_block , #footer .title_block a { font-weight:normal; font-size:14px; color:#fff } #footer a:hover {text-decoration: none} #footer ul {list-style-type:none} #footer li { line-height: 25px;} #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} .myaccount .account-inner { padding-left: 30px;} /* **********************************Footer Static **************************************************/ .pos-footer-static .block_various_links ul li, .pos-footer-static .myaccount ul li { padding: 0; cursor: pointer;} .pos-footer-static .block_various_links ul li:hover, .pos-footer-static .myaccount ul li:hover { } .pos-footer-static .block_various_links ul li a, .pos-footer-static .myaccount ul li a { color: #333; font-size: 14px; background: url(../img/icon-title.png) 0 3px no-repeat; padding-left: 15px;} .pos-footer-static .block_various_links ul li a:hover, .pos-footer-static .myaccount ul li a:hover { color: #007bb7; background-position: 0 -27px; } #footer .title_block, #footer .footer-static-title { margin: 0 0 10px; font-size: 20px; font-family: helvetica; font-weight: normal; text-transform: none; text-transform: uppercase; color: #333; padding-bottom: 10px; background: url(../img/bg-title-footer.png) 0 100% repeat-x; } #footer .f-col { margin-top: 30px; } .social li { float: left; margin-right: 10px; margin-bottom: 10px; } .social li.first { } .social a:hover { } .social a { display: block; float: left; height: 51px; width: 51px; } .pos-footer-bottom { padding: 20px 0; background: #f9f6f7; margin-top: 50px;} .pos-footer-bottom .footer-address p { padding: 10px 0 0; color: #666;} .pos-footer-bottom .footer-address a { color: #007bb7; text-decoration: underline;} .pos-footer-bottom .footer-address a:hover { text-decoration: none;} .pos-footer-bottom .payment { text-align: right;} .pos-footer-bottom .payment li { display: inline; margin-left: 10px;} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { margin-top: 20px; } ul.idTabs li { float: left; margin-right: 4px; list-style: none; } .idTabs a { display: block; padding: 10px 15px; font-size: 15px; color: #2f2f2f; text-decoration: none; line-height: 24px; background: #E8E8E8; border: 1px solid #E8E8E8; font-family: helveticaneue; } .idTabs .selected, .idTabs a:hover { font-weight: normal; color: #fff; border: 1px solid #007bb7; background: #007bb7; } #more_info_sheets { border: 1px solid #eee; margin-top: -1px; padding: 10px;} #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 AUTHENTIFICATION ************************************************************************************************ */ #authentication #left_column { } #authentication #center_column{ } /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column { } #order #center_column, #order-confirmation #center_column{ } .cart_navigation {margin:20px 0} .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } .cart_navigation .button, .cart_navigation .button_large { } /* step 1 - cart ******************************************************************************* */ .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; } .pull-right table tr td.price { border-right: 0;} table#cart_summary th { padding: 14px 12px; color:#333; font-weight:bold; text-transform:uppercase; border-right: 1px solid #ddd; text-align: center; } table#cart_summary th.last_item { border-right: none;} table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-weight:bold; font-size:12px; 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 #999} 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 { } table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { } 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 #eee; } table#cart_summary tbody tr td.cart_discount_delete { padding-left: 34px; } table#cart_summary .cart_product img {border:1px solid #ccc} table#cart_summary .cart_description { } table#cart_summary .cart_unit { text-align: center} table#cart_summary td.cart_unit, table#cart_summary td.cart_ref {text-align: center} table#cart_summary .cart_quantity { } table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { float:left; margin: 0 0 0 5px; width: 20px; border:1px solid #eee; } .cart_quantity .cart_quantity_button { float:left; position: relative; top: -6px } table#cart_summary .cart_total { text-align: center} table#cart_summary td.cart_total {text-align: center} table#cart_summary .cart_delete { 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: 0; width: 16px; height: 16px; color:#666; background: url(../img/nav-logout.gif) 0 0 no-repeat; text-indent: -9999px; } #mywishlist td.wishlist_delete a { background: url(../img/nav-logout.gif) 0 0 no-repeat !important; text-indent: -9999px; width: 16px; height: 16px; display: block;} .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher { border-bottom:1px solid #eee; vertical-align:middle } table#cart_summary #total_price_container { border-bottom:1px solid #eee; 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; font-size:13px } .cart_voucher p {padding-bottom:0;} .cart_voucher p.discount_name_block {float:left;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 20px; color:#666; padding-top:2px; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher .title_offers { margin-top:15px; margin-bottom:5px } .cart_voucher #display_cart_vouchers span { font-weight:bold; cursor:pointer; } .cart_voucher input.discount_name { padding:0 5px; height:22px; width:170px;/* 180 */ border:1px solid #ccc; font-weight:normal; background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff } .cart_voucher .submit input.button { margin-left:2px; padding:2px; height:24px; border:1px solid #000; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 #333; background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000; } #cart_summary .price { border-right:none; text-align: right; white-space: nowrap; font-size: 16px; } #cart_summary .price span { font-size: 12px; color: #aaa;} .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container { padding:0; border-bottom:1px solid #eee; border-right:1px solid #eee; } .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; color:#666; text-transform:uppercase; background:#eee; text-align: center; } .cart_total_price .total_price_container span { display:block; padding:15px; font-weight:bold; font-size:18px; text-align:center; border: 1px solid #eee; border-top: 0; } #order_carrier { clear:both; margin-top:20px; border:1px solid #eee; background:#fff } #order_carrier .title_block { padding:0 15px; height: 29px; font-weight: bold; line-height:29px; color:#fff; font-weight:bold; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #order_carrier span { display:block; padding:15px; font-weight:bold } .order_delivery .first_item { } .multishipping_close_container { text-align: center; } table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; } /* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { } #create-account_form { } #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 } #create-account_form h3, #authentication #login_form h3 { padding: 10px; font-weight:bold; font-size:14px; color:#666; text-transform:uppercase; text-align: center; border-bottom: 1px solid #eee; } #create-account_form .title_block { padding-bottom:22px; font-size:11px; color:#333 } #create-account_form label, #login_form label { display:inline-block; width:110px; color:#666 } #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 { padding:0 5px; height:20px; width:200px;/* 230 */ border:1px solid #ccc; color:#666; background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff; line-height:20px; margin: 0; } #create-account_form #SubmitCreate, #login_form #SubmitLogin { float:right } .lost_password { float:left; width:200px } .lost_password a {color:#666} #order-opc .lost_password { display:block; float:none; margin:5px 0 10px; width:auto; font-size:11px; color:#666 } #ordermsg p {padding-bottom:0} #ordermsg p.txt { float:left; margin-right:25px; width:220px } /*#ordermsg .textarea {float:right}*/ #ordermsg .textarea textarea { height: auto; width: 50%; border:1px solid #ccc; } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #eee; } #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; border: 1px solid #ccc; background: #eee; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options { border: 1px solid #BDC2C9; border-top: 0; } #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { /*background: url("../img/table_header.gif") no-repeat; color: #374853; font-weight: bold; height: 14px; padding: 5px 10px; margin: 10px 0 0 0;*/ padding: 6px 11px; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; background: none repeat scroll 0 0 #383838; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px; } #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: 685px; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #fafafa; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #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: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; 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: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px } .order_carrier_content { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; background:#f8f8f8 } .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; font-weight: bold; line-height:29px; color:#fff; text-transform:uppercase; background:url(../img/bg_table_th.png) repeat-x 0 -10px #999 } #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 ************************************************************************** */ #HOOK_PAYMENT { border: 1px solid #eee; padding: 10px;} .paiement_block { padding:15px; border:1px solid #ccc; font-size:12px; color:#000; background:#f8f8f8 } .payment_module { position:relative; padding-top:20px; border-top:1px dotted #ccc; text-transform:uppercase; } #HOOK_PAYMENT [class*="payment_module"]:first-child { border: none;} .payment_module a {display:block;} .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/ .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 #left_column { } #order-opc #center_column{ } #order-opc h2 {} #order-opc h2 span { display:inline-block; padding:5px 7px; color:#fff; background:#333; } #order-opc #login_form fieldset { background: none repeat scroll 0 0 #FFFFE0; border: 1px solid #E6DB55; font-size: 13px; margin: 0 0 10px; padding: 10px; } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #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: 757px; } #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: 670px; 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} #new_account_form h3 { margin-bottom:20px; padding:8px; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898 } #center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; padding: 6px 15px; width: 230px; font-size: 14px; text-align: right } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { height:22px; padding:0 5px; width:360px; border:1px solid #ccc; font-size:12px; color:#666 } #new_account_form p.checkbox input {margin-left: 260px;} #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column { } #orderconfirmation #center_column{ } /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #form_forgotpassword p.text label { display: inline-block; padding-right: 10px; font-weight: bold; font-size: 12px; text-align: right } #form_forgotpassword p.text input { padding: 0 5px; height: 20px; width: 288px; border: 1px solid #ccc; background: url(../img/bg_input.png) repeat-x 0 0 #fff } #form_forgotpassword p.submit { margin-right:25px; padding-bottom:5px; text-align:right } #password .icon { position:relative; top:6px; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column { } #addresses #center_column{ } #address p.inline-infos { margin:0 0 0 265px !important; font-size:12px; color:#666; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column { } #address #center_column{ } form#add_address {} #add_address fieldset { margin:0; } #add_address h3 { margin:0 0 15px 0; padding: 10px; font-size:16px; color:#666; text-transform:uppercase; border-bottom: 1px solid #eee; text-align: center; font-weight: normal; } #center_column #add_address p {margin:0; padding:0 0 10px 0} #add_address p.required {color:#222} #add_address p.required sup {color:#007bb7} #add_address p.text label, #add_address p.password label, #add_address p.select label, #add_address p.select span, #add_address p.textarea label { display:inline-block; padding:6px 15px; width:230px;/* 260 */ font-size:14px; text-align:right } #add_address p.text input, #add_address p.password input, #add_address p.select input { padding:0 5px; height:22px; width:360px;/* 370 */ border:1px solid #ccc; font-size: 12px; color:#666; line-height:22px } #add_address p.checkbox input { margin-left:260px; } #add_address p.select select { margin-right:10px; border:1px solid #ccc; font-size: 12px; color:#666 } #add_address p.textarea label {vertical-align:top} #add_address p.textarea textarea { height:80px; width:370px; border:1px solid #ccc; font-size: 12px; color:#666 } #center_column #add_address p.submit2 { margin-top:20px; text-align:right } #add_address span.form_info, #add_address span.inline-infos { display:block; margin:5px 0 0 265px; color:#666 } /* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column { } #order-slip #center_column{ } #order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column { } #discount #center_column{ } #discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {border-right:1px solid #999} #discount .table_block td.discount_value {white-space:nowrap} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column { } #order-follow #center_column{ } /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } #manufacturer #product_list {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#manufacturers_list li a.lnk_img { display: block; float: left; } ul#manufacturers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#manufacturers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#manufacturers_list li .right_side {float:right;} .description_box { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #E2E2E2; padding: 5px; margin-bottom: 20px; font-size: 12px; line-height: 18px; } .description_box p { margin: 0; padding: 0 10px 5px; } .description_box .hide_desc { display: none; } .description_box .lnk_more { background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent; color: #0088CC; padding: 0 10px; } .description_box ul { padding-left: 30px; padding-bottom: 10px; } /* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size:12px; color: #000; background: none repeat scroll 0 0 #f0f0f0 } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; vertical-align: bottom } ul#suppliers_list li h3 { padding: 0 0 10px; font-size: 13px; color: #000 } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#666 } ul#suppliers_list li .right_side {float:right;} /* ************************************************************************************************ 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, #pagenotfound #footer {display:none} #pagenotfound #left_column, #pagenotfound #right_column, #pagenotfound #footer {display:none} #pagenotfound #center_column { } #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 } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column { } #module-cheque-payment #center_column{ } /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column { } #module-bankwire-payment #center_column{ } /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column { } #module-gcheckout-payment #center_column{ } /* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-payment-submit #left_column {display:none} #module-payment-submit #center_column{ } /* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column { } #module-cashondelivery-validation #center_column{ } /* ************************************************************************************************ 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; font-size:14px; text-align:left; cursor:pointer } /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column { } #module-referralprogram-referralprogram-program #center_column{ } #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: #0088cc; background:url(../img/arrow_right_1.png) no-repeat 0 4px; } #module-referralprogram-referralprogram-program form p.see_email a { color: #0088cc; text-decoration:underline } /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column { } #module-loyalty-default #center_column{ } #product p#loyalty { padding:10px 0 0 20px; border-top:1px solid #ccc; background:url(../img/icon/info.png) no-repeat 0 8px; margin-top: 10px; } #footer .myaccount li.loyalty img {display:none} /* ************************************************************************************************ addon Livezilla ************************************************************************************************ */ #livezilla_lnk { margin:10px 0; text-align: right } #livezilla_lnk a { display:inline-block; padding:6px 8px 8px 8px; -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: 12px; } #sendComment p.text input { padding: 0 5px; height: 28px; width: 498px; border: 1px solid #ccc; background: url(../img/bg_input.png) repeat-x 0 0 #fff; } #sendComment p.textarea textarea { height:80px; width:508px; border:1px solid #ccc; } #sendComment p.submit { padding:0; text-align:right } #sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(../img/icon/delete.gif) no-repeat 0 0 } .star { position: relative; top:2px; float: left; height: 12px; width: 12px; overflow: hidden; text-indent: -999em; cursor: pointer } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } /* ************************************************************************************************ xxxxx ************************************************************************************************ */ /* ************************************************************************************************ guest tracking ************************************************************************************************ */ #guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } /* ************************************************************************************************ CSS Modules ************************************************************************************************ */ /******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/ /*************** Block ADVERTISING ***************/ .advertising_block img { width: 100%;} /*************** Block CATEGORIES ***************/ #categories_block_left ul li {} #categories_block_left li.last { border:none;} #categories_block_left ul li a { display:block; padding:7px 11px 7px 3px; color:#333; text-transform: capitalize; border-bottom: 1px solid #eee; } #categories_block_left ul.dynamized > li.last a { border: none;} #categories_block_left ul li a:hover { color: #007bb7;} #categories_block_left li ul {margin-left: 25px} #categories_block_left li ul li {border:none} #categories_block_left li ul li a { padding-left:0; background:none } #categories_block_left li .OPEN, #categories_block_left li .CLOSE { display:block; float:right; margin:10px 10px 0; height: 15px; width: 15px; background:url(../img/menu_up_down.png) no-repeat 0 -15px; cursor:pointer } #categories_block_left li .CLOSE {background-position:0 0} /* footer */ .blockcategories_footer { padding:15px 10px; } .blockcategories_footer .category_footer {float:left;clear:none;} .blockcategories_footer ul ul {display:none !important} /*************** Block CMS ***************/ /* footer */ #footer .block_various_links {padding: 0;} #footer .block_various_links ul {} /* Block CMS links */ .informations_block_left li {border-bottom:1px dotted #eee} .informations_block_left li.last {border:none;} .informations_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent; } tr.subitem > td:first-child + td { padding-left: 10px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos {padding:15px 0; font-family: arial;} .contact-inner { padding: 25px; background: #fff;} #block_contact_infos li { line-height: 25px; padding: 5px 0 5px 30px; } #block_contact_infos li strong { font-weight:normal; font-size:14px; } #block_contact_infos li.company { background: url(../img/bg-company.png) 0 3px no-repeat;} #block_contact_infos li.address { background: url(../img/bg-address.png) 0 3px no-repeat;} #block_contact_infos li.phone { background: url(../img/bg-phone.png) 0 7px no-repeat;} #block_contact_infos li.email { background: url(../img/bg-email.png) 0 10px no-repeat;} #block_contact_infos li pre { background: none; border: none;} /*************** Block LINK ***************/ #links_block_left .block_content li {border-bottom:1px dotted #eee} #links_block_left .block_contentt li.last {border:none;} #links_block_left .block_content li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent; } /*************** Block MANUFACTURER ***************/ .blockmanufacturer li {border-bottom:1px solid #eee; line-height: 30px; } .blockmanufacturer li.last { border:none;} .blockmanufacturer li a { } .blockmanufacturer form { margin-top: 10px; text-align: center; width: 200px; } .blockmanufacturer p { padding:0; } /*************** Block LOGO PAYMENT ***************/ .paiement_logo_block { width: 191px; text-align: center; margin-bottom: 1.5em } .paiement_logo_block a { text-decoration: none } .paiement_logo_block img { margin: 0 0.5em } /*************** 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;} #rss_block_left li a { display:block; padding:7px 11px 5px 22px; color:#333; background:url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent } /*************** Block SOCIAL ***************/ #social_block {padding:15px 0;} #social_block li {padding-left:22px !important;} #social_block li.facebook {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;} #social_block li.twitter {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;} #social_block li.rss {background:url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;} /*************** Block STORE ***************/ .blockstore img { margin: 10px 0 0 0} .blockstore p { padding-bottom:0; font-weight:bold; text-align: right } .blockstore p.store_image { padding-bottom:10px; text-align:center } /*************** Block SUPPLIER ***************/ .blocksupplier li {border-bottom:1px solid #eee; line-height: 30px;} .blocksupplier li.last { border:none;} .blocksupplier li a, .blockmanufacturer li a { color: #333; font-size: 14px; background: url(../img/icon-title.png) 0 12px no-repeat; padding-left: 15px; } .blocksupplier li a:hover, .blockmanufacturer li a:hover { color: #007bb7; background-position: 0 -18px; } .blocksupplier form { margin-top: 10px; text-align: center; width: 200px; } .blocksupplier p { padding:0; } /*Block Advertising*/ .advertising_block { margin-bottom: 20px;} /*Back To Top*/ .mypresta_scrollup{ width:50px; height:50px; z-index: 999; position:fixed; display:none; text-indent:-9999px; right:20px; bottom:20px; background:url(../img/back-top.png) no-repeat #007bb7; } .mypresta_scrollup:hover { background-color: #000;} #header_links a { } div.popup { border-bottom: 3px solid #8abd85; } .menu-mobile { background:#007bb7 !important; } .product-name { font-family: 'helveticaneue'; font-weight: normal; text-transform: uppercase; font-size: 14px; color: #666; } .product-name:hover { color: #007bb7 !important;} .content_price .special-price { margin-right: 7px;} .special-price { font-size: 22px; font-weight: normal; color: #666; font-family: 'helvetica'; } .old-price { font-size: 18px; font-weight: normal; color: #999; font-family: 'helvetica'; } /*Banner Static*/ .home-banner-contain { overflow: hidden; margin: 0 0 30px 0;} .home-banner-contain .banner-box { position: relative; overflow: hidden} .home-banner-contain .banner-box img { width: 100%;} .home-banner-contain .banner-box a { display: block; position: relative} .home-banner-contain .banner-box5 a img.down { position: absolute; top: 0; right: -100%;} .home-banner-contain .banner-box5 a img.up { background: #007bb7; position: relative; left: 0} .home-banner-contain .banner-box5 a:hover img.up { left: -100%; } .home-banner-contain .banner-box5 a:hover img.down { right: 0;} .home-banner-contain .banner-box .banner-hover{ position: absolute} .banner-hover .bg-top{ height: 43px;} .banner-hover .bg-bottom{ padding: 0 20px 20px; color: #fff} .banner-hover .bg-bottom .title{ font-size: 18px; } .banner-hover .bg-bottom .content{ margin-top: 10px} .home-banner-contain .banner-box4 .banner-hover .bg-top{ background: url(../img/bg_banner_red.png) no-repeat scroll center} .home-banner-contain .banner-box4 .banner-hover .bg-bottom{ background: #007bb7;} .home-banner-contain .banner-box4 .banner-hover{ bottom: -300px} .home-banner-contain .banner-box4:hover .banner-hover{ bottom: 0} .home-banner-contain .banner-box3 .banner-hover .bg-top{ background: url(../img/bg_banner_yellow.png) no-repeat scroll center} .home-banner-contain .banner-box3 .banner-hover .bg-bottom{ background: #f39b13;} .home-banner-contain .banner-box3 .banner-hover{ bottom: -300px} .home-banner-contain .banner-box3:hover .banner-hover{ bottom: 0} .home-banner-contain { padding: 0; text-align: center;} .header-content [class*="home-banner-contain"] + [class*="home-banner-contain"] + [class*="home-banner-contain"]{ padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .home-banner-contain .banner-title{ text-transform: uppercase; font-size: 24px; color: #666; padding-bottom: 100px;} .home-banner-contain .banner-box6,.home-banner-contain .banner-box7 { border-right: 1px dashed #eee;} .home-banner-contain .banner-box3{border-right: none;} .home-banner-contain .banner-box6 .banner-box-container .banner-title{ background: url(../img/free_shipping.png) no-repeat scroll 50% 47px; } .home-banner-contain .banner-box7 .banner-box-container .banner-title{ background: url(../img/money.png) no-repeat scroll 50% 41px;} .home-banner-contain .banner-box8 .banner-box-container .banner-title{ background: url(../img/easy_order.png) no-repeat scroll 50% 40px; } .home-banner-contain .banner-box .banner-box-container{ padding: 10px} .home-banner-contain .banner-box .banner-box-container:hover{ background: #007bb7; color: #fff;} .home-banner-contain .banner-box .banner-box-container:hover .banner-title{ color: #fff;} .home-banner-contain .banner-box6 .banner-box-container:hover .banner-title{ background-position: 50% -150px} .home-banner-contain .banner-box7 .banner-box-container:hover .banner-title{ background-position: 50% -138px } .home-banner-contain .banner-box8 .banner-box-container:hover .banner-title{ background-position: 50% -139px} .home-banner-contain{ margin-top: 30px;} .home-banner-contain .img1{ position: relative; overflow: hidden} .home-banner-contain .img1 .title{ font-size: 13px; font-family: robotoslablight; color: #fff; position: absolute; line-height: 40px; text-align: center; text-transform: uppercase} .home-banner-contain .img1 .title1 { background: #007bb7; top: 57px; right: 100%; width: 190px} .home-banner-contain .img1:hover .title1 {right: 10px;} .home-banner-contain .img1 .title2{ background: #f39b13; top: 100px; right: 100%; width: 250px} .home-banner-contain .img1:hover .title2 {right: 10px;} .home-banner-contain .img2{position: relative; overflow: hidden} .home-banner-contain .img2 .title{ font-size: 20px; color: #e38625; position: absolute; line-height: 55px; text-align: center; text-transform: uppercase} .home-banner-contain .img2 .title { background: #fff; bottom: 10px; right: 100%; width: 280px} .home-banner-contain .img2:hover .title { right: 10px;} /*Banner7*/ .animate-in .title { background: url("../img/bg-h2-banner.png") repeat; } .link.subtitle a { background: #ff4326 !important; } .animate-in .link a { background: #007bb7; } .banner-static { text-align: center;} .banner-static .banner-text h3 { font-size: 32px; line-height: 40px; font-family: 'helvetica'; font-weight: normal; color: #555555; text-transform: uppercase;} .banner-static .banner-text p { color: #555555; font-size: 14px; line-height: 23px;} .banner-static { float: left; width: 100%; margin: 40px 0 0;} .banner-static .banner { background: #eeeeee; padding: 30px 35px;} .banner-static-center { float: left; width: 100%; padding:40px 0; background:url("../img/bg-container-static.png") repeat; margin: 30px 0 0;} .banner-static-center .box-static { } .banner-static-center .static-text h3 { font-size: 25px; line-height: 25px; font-weight: normal; color: #555555; text-align: left; margin:0; text-transform: uppercase; font-family: 'helvetica'; } .banner-static-center .static-text p { text-align: left; margin: 6px 0 0; float: left; width: 100%; color: #666; font-size: 13px;} .banner-static-center .static-text a {float: left; width: 100%; text-align: left; color: #007bb7; margin: 8px 0 0;} .banner-static-center .static-text a:hover { color: #666;} .banner-static-center .static-text { background:#fff; position: relative; padding: 5%; float: left; width: 90%; } .banner-static-center .icon { background: url(../img/bg-left-static.png) no-repeat 0 0; position: absolute; top: 38px; width: 20px; height: 14px; left:-19px; z-index: 10; } .banner-static-center .static-link { float: left; width: 100%; margin: 15px 0 0;} .banner-static-center .static-link a { font-size: 18px; padding:10px 20px; text-transform: uppercase; background: #8abd85; font-family: 'helvetica'; color: #fff;} .banner-static-center .static-link a:hover { color: #fff; background: #007bb7;} .banner-static-contain { overflow: hidden;margin:30px 0 0 0;} .banner-static-contain .banner-box img { width: 100%;} /********************************************* Tabs Product *********************************************/ ul.tabs li { float: left; font-weight: normal; font-size: 15px; text-decoration: none; color: #888888; padding: 12px 22px; background: #efefef; font-family: 'helveticaneue'; text-transform: uppercase; cursor: pointer; margin-left: 5px; } ul.tabs li.active, ul.tabs li:hover { background: #ff442b; color: #fff;} ul.tabs li.first_item { margin: 0; } ul.tabs li.last_item { } ul.tabs li:hover { } ul.tabs li.active{ } .productTabContent li.item a.product_image { display: block; margin: 0; padding: 0; border-bottom: 1px solid #e8e8e8; } .productTabContent li.item .price_container { padding: 15px 0 0;} .productTabContent li.item .price_container .price { font-size: 23px; font-weight: normal; color: #666; font-family: 'helvetica'; } .productTabContent h5.s_title_block { padding: 5px 0;} .productTabContent h5.s_title_block a { font-family: 'helveticaneue'; font-weight: normal; text-transform: uppercase; font-size: 14px; color: #666; } .productTabContent li.item .item-inner { padding: 10px; text-align: left; background-color: #fff; border: 1px solid transparent; border-bottom: none; position: relative; vertical-align: top; text-align: center; border: 1px solid #efefef; cursor: pointer; } .productTabContent li.item:hover .item-inner { border: 1px solid #ccc; } .productTabContent li.item .ajax_add_to_cart_button { padding: 0 16px; height: 41px; display: block; line-height: 43px; background: #fff; font-family: 'helvetica'; text-transform: uppercase; font-size: 14px; border: 1px solid #dddddd; color: #666; position: relative; z-index: 10; } .productTabContent li.item .ajax_add_to_cart_button:hover { background: #007bb7; border: 1px solid #007bb7; color: #fff;} .add-to-links { padding: 0; margin: 10px auto; width: 100%; text-align: center; position: relative; line-height: 40px; } .add-to-links li { float: none; display: inline-block; text-align: center; margin: 0 3px; width: auto; list-style: none; line-height: 43px; } .add-to-links li a { font-size: 13px; padding-left: 20px;} .add-to-links li a.add-wishlist, .add-to-links li a.lnk_more { font-weight: normal; padding: 0; display: block; font-size: 12px; text-indent: -9999px; width: 40px; height: 41px; line-height: 43px; border: 1px solid #ddd; position: absolute; bottom: 0; z-index: 9; } .add-to-links li a.add-wishlist { background: url(../img/bg-wishlist.png) no-repeat 0 0 #fff; margin: 0; left: 50%;} .add-to-links li a.lnk_more { background: url(../img/bg-view.png) 0 0 no-repeat #fff; margin: 0; right: 50%;} .productTabContent li.item:hover .add-to-links li a.add-wishlist { left: 6%;} .productTabContent li.item:hover .add-to-links li a.lnk_more {right: 6%; } .add-to-links li a:hover { background-position: 0 100%; background-color: #007bb7; border: 1px solid #007bb7;} /********************************************* Feadture Slider *********************************************/ .pos-feature-product { clear: both; margin-top: 20px; } .pos-feature-product-title { text-align: left; padding: 0; margin-bottom: 20px; font-family: helvetica; } .pos-feature-product-title h2 { font-weight: normal; font-size: 15px; text-decoration: none; color: #fff; padding: 12px 22px; background: #007bb7; font-family: 'helveticaneue'; text-transform: uppercase; display: inline-block; } .pos-feature-product .flex-direction-nav a { width: 41px; height: 41px; margin: -35px 0 0; display: block; background: url(../img/arrows.png) no-repeat 0 0 #fff; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index: 9; border: 1px solid #ccc; } .pos-feature-product .flex-direction-nav .flex-next { right: -25px; background-position: 100% 0;} .pos-feature-product .flex-direction-nav .flex-prev { left: -25px;} .pos-feature-product .flexslider .flex-prev:hover { background-color: #007bb7; border: #007bb7; background-position: 0 100%; } .pos-feature-product .flexslider .flex-next:hover { background-color: #007bb7; border: #007bb7; background-position: 100% 100%; } .pos-feature-product li.feature-productslider-item a.product_image { display: block; margin: 0; padding: 0; border-bottom: 1px solid #e8e8e8; } .pos-feature-product li.feature-productslider-item .price_container { padding: 15px 0 0;} .pos-feature-product li.feature-productslider-item .price_container .price { font-size: 23px; font-weight: normal; color: #666; font-family: 'helvetica'; } .pos-feature-product h5.s_title_block { padding: 5px 0;} .pos-feature-product h5.s_title_block a { font-family: 'helveticaneue'; font-weight: normal; text-transform: uppercase; font-size: 14px; color: #666; } .pos-feature-product li.feature-productslider-item { padding: 10px 15px; text-align: left; display: inline-block; background-color: #fff; border: 1px solid transparent; border-bottom: none; position: relative; vertical-align: top; text-align: center; border: 1px solid #efefef; cursor: pointer; } .pos-feature-product li.feature-productslider-item .actions { width: 100%; background-color: #fff; border: 1px solid transparent; border-top: none; line-height: 45px; } .pos-feature-product li.feature-productslider-item:hover { border: 1px solid #ccc; } .pos-feature-product li.feature-productslider-item:hover .actions { } .pos-feature-product li.feature-productslider-item .ajax_add_to_cart_button { padding: 0 16px; height: 41px; line-height: 43px; display: block; background: #fff; font-family: 'helvetica'; text-transform: uppercase; font-size: 14px; border: 1px solid #dddddd; color: #666; position: relative; z-index: 10; } .pos-feature-product li.feature-productslider-item .ajax_add_to_cart_button:hover { background: #007bb7; border: 1px solid #007bb7; color: #fff;} .pos-feature-product li.feature-productslider-item:hover .add-to-links li a.add-wishlist { left: 6%;} .pos-feature-product li.feature-productslider-item:hover .add-to-links li a.lnk_more {right: 6%; } /****************************************** Feadtured Logo *****************************************/ .pos-logo-container { position: relative; z-index: 8; margin-top: 20px;} .pos-logo { position: relative;} .pos-logo .bx-controls-direction a { width: 41px; height: 41px; margin: -20px 0 0; display: block; background: url(../img/arrows.png) no-repeat 0 0 #fff; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index: 9; border: 1px solid #ccc; } .pos-logo .bx-controls-direction .bx-next { right: -20px; background-position: 100% 0;} .pos-logo .bx-controls-direction .bx-prev { left: -20px;} .pos-logo .bx-controls-direction .bx-prev:hover { background-color: #007bb7; border: #007bb7; background-position: 0 100%; } .pos-logo .bx-controls-direction .bx-next:hover { background-color: #007bb7; border: #007bb7; background-position: 100% 100%; } /****************************************** Product Category Slider *****************************************/ .blockposproductcategory { margin-top: 30px;} .product-cattegory-title { text-align: left; margin-bottom: 20px; } .product-cattegory-title h2 { color: #2d2d2d; font-size: 19px; font-family: helvetica; font-weight: normal; border: none; text-transform: uppercase; } .blockposproductcategory .flex-direction-nav a { width: 41px; height: 41px; margin: -35px 0 0; display: block; background: url(../img/arrows.png) no-repeat 0 0 #fff; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index: 9; border: 1px solid #ccc; } .blockposproductcategory .flex-direction-nav .flex-next { right: -25px; background-position: 100% 0;} .blockposproductcategory .flex-direction-nav .flex-prev { left: -25px;} .blockposproductcategory .flexslider .flex-prev:hover { background-color: #007bb7; border: #007bb7; background-position: 0 100%; } .blockposproductcategory .flexslider .flex-next:hover { background-color: #007bb7; border: #007bb7; background-position: 100% 100%; } .blockposproductcategory .productcatygory-item { display: block; border: 1px solid #efefef; text-align: center;} .blockposproductcategory .productcatygory-item:hover { border: 1px solid #ccc;} .blockposproductcategory .productcatygory-item .item-inner { padding: 10px 10px 15px;} .blockposproductcategory .productcatygory-item .lnk_img { border-bottom: 1px solid #eee; display: block;} .blockposproductcategory p.product_name { padding: 0; } .blockposproductcategory p.product_name a { font-size: 14px; font-family: 'helveticaneue'; font-weight: normal; text-transform: uppercase; color: #666;} .blockposproductcategory p.product_name a:hover { color: #007bb7;} .blockposproductcategory p.price_display { line-height: 28px; padding: 15px 0 0;} .blockposproductcategory p.price_display .price { font-size: 19px; font-weight: normal; color: #666; font-family: 'helvetica';} /****************************************** Special Products Slider *****************************************/ .pos-special-product-title { color: #666666; font-family: helvetica; font-size: 19px; text-transform: uppercase; padding: 0 0 16px; } .pos-special-product li.ajax_block_product { text-align: center; position: relative;} .pos-special-product li.ajax_block_product .item-inner { border: 1px solid #eee; padding: 10px;} .pos-special-product li.ajax_block_product .product_img_link { display: block; border-bottom: 1px solid #d8d8d8;} .pos-special-product li.ajax_block_product h3 { padding: 6px 0;} .pos-special-product li.ajax_block_product h3 a { font-size: 16px;} .pos-special-product li.ajax_block_product .content_price { padding: 10px 0 0;} .pos-special-product li.ajax_block_product .content_price .reduction { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; background: #ff8549; display: block; color: #fff; text-align: center; line-height: 50px;} .pos-special-product li.ajax_block_product .content_price .price { font-size: 18px; font-weight: bold;} .pos-special-product li.ajax_block_product .availability { display: none;} .pos-special-product .flex-direction-nav a { width: 41px; height: 41px; margin: -50px 0 0; display: block; background: url(../img/arrows.png) no-repeat 0 0 #fff; position: absolute; top: 0; cursor: pointer; text-indent: -9999px; z-index: 9; border: 1px solid #ccc; } .pos-special-product .flex-direction-nav .flex-prev { right: 52px; } .pos-special-product .flex-direction-nav .flex-next {background-position: 100% 0; right: 0; } .pos-special-product .flexslider .flex-prev:hover { background-color: #007bb7; border: #007bb7; background-position: 0 100%; } .pos-special-product .flexslider .flex-next:hover { background-color: #007bb7; border: #007bb7; background-position: 100% 100%; } .pos-special-product .flex-control-nav {width: 100%; position: absolute; top: -20px; left: 0;} .pos-special-product .flex-control-nav li { margin: 0 8px 0 0; display: inline-block;} .pos-special-product .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #aaa; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; } .pos-special-product .flex-control-paging li a:hover { background: #007bb7} .pos-special-product .flex-control-paging li a.flex-active { background: #007bb7; } .fancybox-overlay { z-index: 9999 !important;} .fancybox-opened { z-index: 99999 !important;} /* Fixed Mobile*/ @media (max-width: 1200px) { .animate-in h3.subtitle { font-size: 13px;} .animate-in h3.subtitle-slider3 { font-size: 11px;} .productTabContent li.item:hover .add-to-links li a.add-wishlist, .grid_view li.ajax_block_product:hover .add-to-links li a.add-wishlist { left: -4%;} .productTabContent li.item:hover .add-to-links li a.lnk_more, .grid_view li.ajax_block_product:hover .add-to-links li a.lnk_more { right: -4%;} } @media (max-width: 860px) { } @media (min-width: 767px) and (max-width: 980px) { .productTabContent li.item:hover .add-to-links li a.add-wishlist, .grid_view li.ajax_block_product:hover .add-to-links li a.add-wishlist { left: -25%;} .productTabContent li.item:hover .add-to-links li a.lnk_more, .grid_view li.ajax_block_product:hover .add-to-links li a.lnk_more { right: -25%;} #shopping_cart a { font-size: 12px;} .top-header { margin: 30px 0 0;} .top-header .header-text { margin-left: 0;} .top-header .header-text h3, .animate-in h3.subtitle-slider2 { font-size: 14px;} .block-search-top { top: 230px; right: 65px;} .subtitle { padding: 13px 15px !important;} .animate-in h3.subtitle, .subtitle-slider3 { font-size: 10px; padding: 13px 10px !important;} .animate-in h3.subtitle-slider3 { font-size: 10px;} .title, .title-slider2, .title-slider3 { top: 34%;} .animate-in .model-slider2 { margin: 0 0 0 -360px; bottom: -20px;} .animate-in .model { margin: 0 0 0 -350px;} select { width: auto; margin: 0;} #header_right #header_user { width: 150px; margin: 5px 0; padding: 0;} ul#header_links { margin-left: -120px;} #newsletter_block_left input.inputNew { width: 150px;} .add-to-links, .grid_view li .compare { } #viewed-products_block_left .text_desc, .product_infos { clear: both; padding-top: 10px;} .blocksupplier form, .blockmanufacturer form, #add_address p.text input, #add_address p.password input, #add_address p.select input, #add_address p.textarea textarea{ width: auto;} .product-grid .ajax_block_product h3 { padding-bottom: 5px;} .product-grid .ajax_block_product .content_price { margin: 0;} .product-grid .ajax_block_product .content_price { font-size: 24px;} .product-grid .ajax_block_product h3 a { font-size: 14px;} .pos-special-product-title { font-size: 16px;} } @media (min-width: 680px) and (max-width: 767px) { .product-grid li.ajax_block_product { float: left; width: 31%; margin-left: 22px;} .home-banner-static-top .banner-box { float: left; margin-left: 22px; width: 31%;} .home-banner-static-top .banner-box1 { margin: 0;} .add-to-links li { padding-left: 7px;} } @media (max-width: 767px) { .header-inner { background: none; padding: 0;} .container-inner { padding: 0 15px;} .wrapper_box { left: 30% !important;} .header-content { text-align: center;} .ma-nav-mobile-container { padding-bottom: 0;} .ma-nav-mobile-container { padding: 15px 0 0;} #header_logo { position: static; display: inline-block; text-align: center; margin: 10px 0; padding: 0; border: none;} #header_right { text-align: center; padding: 15px 0 0;} #header_right #currencies_block_top { float: none; margin: 0 1px; display: inline-block;} #header_right #languages_block_top { float: none; display: inline-block; margin: 0 1px;} .list_view li.ajax_block_product h3 { padding: 10px 0;} .block-search-top { position: static; width: 255px; margin: 10px auto; float: none; } #header_right #header_nav { float: none; position: static; margin-top: 2px; } #header_right #header_user { float: none; display: inline-block;} #shopping_cart a { float: none; padding: 5px 0 5px 25px;} #header_user_info { float: none; margin: 0;} #header #cart_block { right: auto; left: 50%; margin-left: -130px; top: 145px; } .top-header { text-align: center; float: none; margin: 10px 0;} .top-header .box-header { float: none; display: inline-block; width: auto;} .top-header .col1,.top-header .col2 { margin-left: -12px;} .productTabContent li.item .item-inner { width: 100%; margin-bottom: 20px; padding: 0;} .productTabContent li.item:hover .add-to-links li a.lnk_more, .grid_view li.ajax_block_product:hover .add-to-links li a.lnk_more { right: 8%;} .productTabContent li.item:hover .add-to-links li a.add-wishlist, .grid_view li.ajax_block_product:hover .add-to-links li a.add-wishlist { left: 8%;} .banner-static-center, .banner-static-center .static-text h3, .banner-static-center .static-text p { text-align: center;} .banner-static-center .static-text a { float: none;} .pos-feature-product .flex-direction-nav .flex-next, .pos-logo .flex-direction-nav .flex-next { right: 0;} .pos-feature-product .flex-direction-nav .flex-prev, .pos-logo .flex-direction-nav .flex-prev { left: 0;} .myaccount .account-inner { padding: 0;} .responisve-container div.teaser { display: none !important;} #right_column, #pb-right-column { margin-top: 20px;} ul#header_links { float: none; margin: 15px 0; position: static; width: 100%; text-align: center;} #header_links li { float: none; display: inline-block; margin-bottom: 5px;} .pos-special-product li.ajax_block_product { margin-right: 10px;} #newsletter_block_left input.inputNew { padding: 0 0 0 7px;} .home-banner img { width: 100%;} #create-account_form, #authentication #login_form { margin-bottom: 20px;} .footer-banner img { width: 100%;} .footer-banner .banner-col { margin-bottom: 20px;} .pos-footer-static .f-col { float: left; clear: both; margin-top: 20px;} .pos-footer-bottom .footer-address p { padding: 10px 0; text-align: center;} .pos-footer-bottom .payment { text-align: center;} //.animate-in h3.subtitle-slider, .animate-in .subtitle-slider, .subtitle-slider, .animate-in h3.subtitle-slider2, .animate-in .subtitle-slider2, .subtitle-slider2, .animate-in h3.subtitle-slider3, .animate-in .subtitle-slider3, .subtitle-slider3, .animate-in .link-slider2 a, .animate-in .link-slider3 a, .animate-in .link a, #sequence .subtitle, .animate-in h3.subtitle, .animate-in .subtitle, .animate-in .title-slider3, .title-slider3, .animate-in .title-slider2, .title-slider2, .animate-in .title, .title { display: none;} .animate-in .model-slider2, #sequence .model, .animate-in .model { left: 70%;} /*FIX SLIDER RESPONSIVO*/ #sequence img.model { display: none;} #sequence h2.title { display: inline-table; width: 92%; left: 0; } #sequence .subtitle { visibility: visible; } } @media (max-width: 680px) { #product_list a.product_img_link img, .products_block li img, #pb-right-column #image-block img { width: 100%; } #featured-products_block_center li { margin-bottom: 20px;} .list_view li.ajax_block_product h3 { padding: 10px 0;} .block-payment, .block-social, .ps-newletter { float: left; clear: both; padding-top: 20px; margin-left: 15px !important;} .count-cart-item { clear: both; padding: 10px 0;} .banner-static-contain { margin-top: -100px;} #index .home-banner-container { padding-bottom: 100px;} ul.step li { width: 145px !important; margin-bottom: 15px; } .model-slider2 { bottom: -150px;} .animate-in .model-slider3 { left: 125%;} } @media (max-width: 500px) { #center_column .sortPagiBar .nbrItemPage { display: none;} #search_block_top { right: 50%; margin-right: -126px;} #identity .std p.text label, #identity .std p.password label, #identity .std p.select label { width: 100px;} #identity .std p.text input, #identity .std p.password input { width: 150px;} #identity .std p.checkbox input { margin: 0;} #identity .std #security_informations { padding: 0;} #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { width: auto;} #account-creation_form span.form_info, #account-creation_form p.inline-infos, #account-creation_form p.checkbox input { margin: 0 0 0 10px;} .banner-static-contain .banner-box { float: left; width: 100%; margin-bottom: 20px;} .banner-static-contain .banner-box img { width: 100%;} #header #cart_block { } .banner-static-center .static-text1 h3 { font-size: 22px;} .banner-static-center .box-static { } .banner-static-center { padding: 25px 0 100px; background-position: 60% 0;} .animate-in .model-slider3 { left: 70%;} } @media (max-width: 380px) { #featured-products_block_center .title_block, .pos-new-product .pos-new-product-title { font-size: 14px;} .nivo-caption, nivo-directionNav { display: none !important;} .sortPagiBar select#selectPrductSort { width: 100px;} #header #cart_block { top: 165px;} .banner-static-center { padding: 10px 0 100px; background-position: 60% 0;} ul.tabs li.last_item { margin: 5px 0 0;} } .block-search-top{top:242px;}