/* ################################################################################################## PRESTASHOP CSS ################################################################################################## */ /* **************************************************************************** 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%} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{ font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px 5px; background: rgba(252, 252, 252, 1); } input,button,textarea,select{ font-size: 100%; border: 1px solid #ccc; padding: 5px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } .ie7 input, .ie7 select{line-height:18px} a {cursor:pointer;outline:none;} img {outline:none;} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} /* ************************************************************************************************ FONTS ************************************************************************************************ */ @font-face { font-family: 'latolight'; src: url('../fonts/lato-light-webfont.eot'); src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('../fonts/lato-regular-webfont.eot'); src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('../fonts/lato-bold-webfont.eot'); src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('../fonts/lato-hairline-webfont.eot'); src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-hairline-webfont.woff') format('woff'), url('../fonts/lato-hairline-webfont.ttf') format('truetype'), url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbold'; src: url('../fonts/oswald-bold-webfont.eot'); src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-bold-webfont.woff') format('woff'), url('../fonts/oswald-bold-webfont.ttf') format('truetype'), url('../fonts/oswald-bold-webfont.svg#oswaldbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldlight'; src: url('../fonts/oswald-light-webfont.eot'); src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-light-webfont.woff') format('woff'), url('../fonts/oswald-light-webfont.ttf') format('truetype'), url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldregular'; src: url('../fonts/oswald-regular-webfont.eot'); src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cinzel_decorativeblack'; src: url('../fonts/cinzeldecorative-black-webfont.eot'); src: url('../fonts/cinzeldecorative-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cinzeldecorative-black-webfont.woff') format('woff'), url('../fonts/cinzeldecorative-black-webfont.ttf') format('truetype'), url('../fonts/cinzeldecorative-black-webfont.svg#cinzel_decorativeblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cinzel_decorativebold'; src: url('../fonts/cinzeldecorative-bold-webfont.eot'); src: url('../fonts/cinzeldecorative-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cinzeldecorative-bold-webfont.woff') format('woff'), url('../fonts/cinzeldecorative-bold-webfont.ttf') format('truetype'), url('../fonts/cinzeldecorative-bold-webfont.svg#cinzel_decorativebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cinzel_decorativeregular'; src: url('../fonts/cinzeldecorative-regular-webfont.eot'); src: url('../fonts/cinzeldecorative-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cinzeldecorative-regular-webfont.woff') format('woff'), url('../fonts/cinzeldecorative-regular-webfont.ttf') format('truetype'), url('../fonts/cinzeldecorative-regular-webfont.svg#cinzel_decorativeregular') format('svg'); font-weight: normal; font-style: normal; } /* ************************************************************************************************ struture ************************************************************************************************ */ #page {} #header {z-index:1000} #columns {z-index:1;} #index #columns {z-index:1;margin-top:-20px;} #left_column {margin-top: -20px;} #center_column {} #right_column {} #footer {} /* ************************************************************************************************ generic style ************************************************************************************************ */ body{ font-family: Arial, Verdana, sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased !important; text-rendering: optimizelegibility; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color:#333; background:#fff } body.content_only { background: #FFF; } /* positionnement ****************************************************************************** */ .hidden {display:none} .f_left {float:left} .f_right {float:right} p.center {text-align:center} .clearBoth {clear:both} /* title *************************************************************************************** */ h1 { padding-bottom: 20px; font-size: 16px; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #424242; text-transform: uppercase; margin: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 10px; } h2 { padding-bottom: 20px; font-size: 18px !important; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #424242; text-transform: uppercase; margin: 0px; } /* h3 { padding-bottom:20px; font-size:16px }*/ h3 { padding-bottom: 20px; font-size: 16px; text-decoration: none; font-family: Arial, Verdana, sans-serif; color: #333333; text-transform: uppercase; margin: 0px; } .title_block { padding-bottom:20px; font-size:14px } .hide-left-column #left_column {display:none} .hide-left-column #center_column {} /* text **************************************************************************************** */ p {padding-bottom:20px} p em {font-style:italic} .warning { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } .success { margin:0 0 10px 0; padding:10px; border:1px solid #339900; font-size:13px; background: #d3ffab; } .error { margin:0 0 10px 0; padding:10px; border:1px solid #990000; font-size:13px; background:#ffcccc } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#990000} /* link **************************************************************************************** */ a, a:active, a:visited { color:#333; text-decoration:none; outline: medium none } a:hover {text-decoration:none} /* 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 !important; -moz-border-radius:0px !important; border-radius:0px !important; } /*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 { display: inline-block; position: relative; background-color: rgba(255, 255, 255, 0.65); color: #2E2E2E; padding: 7px; text-transform: uppercase; font-family: 'latoregular', Arial, Verdana, sans-serif; font-size: 10px; border: 1px solid rgb(136, 136, 136); outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); white-space: nowrap; } input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.button_mini_disabled:hover, input.button_small_disabled:hover, input.button_disabled:hover, input.button_large_disabled:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, input.exclusive_mini_disabled:hover, input.exclusive_small_disabled:hover, input.exclusive_disabled:hover, input.exclusive_large_disabled: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, span.button_mini:hover, span.button_small:hover, span.button:hover, span.button_large:hover, span.exclusive_mini:hover, span.exclusive_small:hover, span.exclusive:hover, span.exclusive_large:hover, span.exclusive_large_disabled :hover{ background-color: rgba(53, 53, 53, 0.75); color: #FFFFFF; } *: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*/ float: left; } /* 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 { text-decoration:none; background-position: left -50px } /* 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 {display: none;} 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')*/ } /* exclusive button */ /*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif') }*/ /* form **************************************************************************************** */ form.std fieldset {} /* table *************************************************************************************** */ table.std, table.table_block { margin-bottom: 20px; width: 100%; background: white; border-collapse: inherit; } table.std th, table.table_block th { padding: 5px 12px; font-size: 11px; color: #090909; text-transform: uppercase; background: rgba(241, 241, 241, 1); border: 1px solid white; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding: 8px; font-size: 12px; vertical-align: top; background: rgb(252, 252, 252); border: 1px solid white; } /* BLOCK .block ******************************************************************************** */ .block {margin-bottom:20px;background: url(../img/block_title_bg.png) repeat-x;background-position: 0px 26px;} #footer .block {margin-bottom:0} .block .title_block, .block h4 { text-decoration: none; font-family: 'oswaldlight', Arial, Verdana, sans-serif; font-size: 24px; color: #424242; text-transform: uppercase; padding: 10px 10px 10px 0px; margin: 0px; background-color: #fff; display: inline-block; white-space: nowrap; margin-top: 10px; } .block .title_block a, .block h4 a {} .block ul {list-style-type:none} .block li.last {border:none} .block li a { color:#333 } /* BLOCK .products_block *********************************************************************** */ .products_block { background: url(../img/block_title_bg.png) repeat-x; background-position: 0px 26px; } .products_block li { float:left } .products_block li img { padding-bottom: 9px; width:60px; } #product_list_lview li img { padding-bottom: 9px; } /* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:5px; width:80%; text-align:left; cursor:pointer } /* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li {float:left} ul.footer_links li.f_right {float:right} ul.footer_links li .icon { position:relative; top:6px; left:0 } /* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { border: 1px solid rgba(0, 0, 0, 0.06); padding: 10px; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;} .ie7 #center_column .sortPagiBar form {display:inline;} .sortPagiBar #productsSortForm {} .sortPagiBar select#selectPrductSort { border: 1px solid #ccc; padding: 5px; margin: 0px 5px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } .sortPagiBar .bt_compare { display: inline-block; font-size: 11px; text-transform: uppercase; background: none repeat scroll 0 0 #FFFFFF; border: none; padding: 6px; margin-left: 5px; color: #2E2E2E; font-family: 'latoregular', Arial, Verdana, sans-serif; text-transform:none; -webkit-box-shadow: none; box-shadow: none; } .sortPagiBar_right{float:right;} #center_column .sortPagiBar label {font-weight:normal;margin: 0px;padding: 0px;} .sortPagiBar .nbrItemPage {margin: 0px;} .sortPagiBar .PrductSort {float:left;} .sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; } .sortPagiBar #nb_item { padding: 5px; margin: 0px 5px; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } /* pagination ********************************************************************************** */ form.pagination {display:none;} div.pagination { margin: 0px; text-align: center; padding: 10px 0px 5px 0px; display: block; } .pagination { margin: 0px; border-radius: 0px; } ul.pagination {list-style-type:none} ul.pagination li {display: inline;float:left;color:#ccc;} ul.pagination a, ul.pagination span { display:inline-block; color:#999 } ul.pagination a { text-align:center; color: #ccc; background: none; border: none; } ul.pagination a:hover { color:#333; } ul.pagination .current span { color: #333; border: none; } ul.pagination .current span:hover { background:none; } ul.pagination li.disabled span { color: #ccc; background: none; border: none; } #pagination_previous, .pagination_previous {float:left} #pagination_next, .pagination_next {float:right} .ie7 #pagination_previous, .ie7 .pagination_previous, .ie7 #pagination_next, .ie7 .pagination_next {float:none} ul.pagination .pagination_previous a,ul.pagination .pagination_previous span, ul.pagination .pagination_next a, ul.pagination .pagination_next span { width:auto; background: none; border: none; } #pagination_previous, .pagination_previous span, #pagination_next, .pagination_next span { color:#ccc; } /* CART steps *********************************************************************** */ ul#order_step { background-color: white;} ul.step { list-style-type:none; height: 40px; } ul.step li { float:left; text-transform:uppercase; width: 20%; text-align: center; line-height: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span { display:block; } ul.step li.step_current {background: rgba(241, 241, 241, 1);} ul.step li.step_current_end {background: rgba(241, 241, 241, 1);} ul.step li.step_todo span { display:inline-block; color: rgb(148, 148, 148); } ul.step li.step_done {} /*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_logo {position: absolute;z-index: 1;} .header_background{display:block;background-color:#5a5a5a;border-bottom:3px solid #d9d9d9;position: absolute;width: 100%;} #header_right { position:relative; float: right } /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom: 10px; list-style: none; background: url(../img/block_title_bg.png) repeat-x; background-position: 0px 26px; height: 64px; text-decoration: none; padding: 20px 0px 0px 0px; margin: 0px; display: inline-block; line-height: 33px; width: 100%; text-align: right; color: #3C3C3C; font-family: 'oswaldlight', Arial, Verdana, sans-serif; font-size: 13px; text-transform: uppercase; margin-top: -20px; } .breadcrumb .navigation-pipe {margin: 0 5px;} .breadcrumb img { position: relative; top: -4px; margin-right: -8px; } .breadcrumb a{color: #3C3C3C;} .breadcrumb_inside{ background-color: #fff; display: inline-block; padding: 0px 5px 0px 10px; margin-right: -1px; white-space:nowrap; } /* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { color:#fff; background:#333; background: url(../img/footer_bg.png); margin-top:25px; } .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #social_block, #block_contact_infos, #newsletter_block_left { float:left; font-family: Arial, Verdana, sans-serif; } .blockcategories_footer {margin-left:0} #footer .title_block { padding: 16px 0px 14px 0px; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.16); margin-bottom: 13px; width: 100%; } #footer .title_block , #footer .title_block a { font-weight:normal; font-size:18px; color:#fff } #footer a {color:#fff} #footer a:hover {text-decoration:underline} #footer ul {list-style-type: none;float: left;clear: none;font-family: Arial, Verdana, sans-serif;font-size: 14px;} #footer li {padding: 0px;line-height: 18px;color: #ADADAD;} #footer li a { color: #ADADAD; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer li a:hover {text-decoration:none;color:rgba(255, 255, 255, 0.86)} #footer .myaccount {} #footer .myaccount .title_block, #footer .myaccount h4 { background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none} /* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */ /* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 10px; } ul.idTabs li { float: left; margin-right: 2px; } .idTabs a { display: block; padding: 10px 10px 7px 10px; text-decoration: none; color: #000; background: rgba(238, 238, 238, 0.28); } .idTabs .selected { color: #000; background: rgba(238, 238, 238, 0.94); } #more_info_sheets {padding-top: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 {display:none} #authentication #center_column{} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ /* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column {display:none} #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; } table#cart_summary th {} table#cart_summary th.cart_product {text-align:center} table#cart_summary td {} 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 {} table#cart_summary tr.cart_item.odd, table#cart_summary tr.cart_total_delivery, table#cart_summary tr.cart_total_price, table#cart_summary tr.cart_total_voucher{ background-color: #fff } table#cart_summary tr.cart_item.even { background-color: #f3f3f3 } 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 {} table#cart_summary tbody tr td.cart_discount_delete { padding-left: 34px; } table#cart_summary .cart_description { width:230px; } table#cart_summary .cart_unit {width:130px;text-align: center} table#cart_summary td.cart_unit {text-align: right} table#cart_summary .cart_quantity {width:130px} table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { float: left; margin-left: 10px; border: 1px solid #ccc; padding: 5px; width: 50px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(255, 255, 255, 1); } .cart_quantity .cart_quantity_button { float:left; position: relative; top: -5px } table#cart_summary .cart_total {width:120px;text-align: center} table#cart_summary td.cart_total {text-align: right} table#cart_summary .cart_delete { width:64px; text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display: inline-block; font-size: 9px; padding: 2px 5px; color: #FFF; text-transform: uppercase; background: none repeat scroll 0 0 #686868; } .cart_total_price .total_price_container { border-right:none; } table#cart_summary .cart_total_price td.cart_voucher {} table#cart_summary #total_price_container {} .cart_voucher .title_block, .cart_voucher h4 .cart_voucher p {} .cart_voucher .title_block, .cart_voucher h4 {} .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: 5px; font-weight: normal; border-top: 1px solid rgba(0, 0, 0, 0.06); } .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 { float: left; margin-left: 0px; margin-top: 5px; border: 1px solid #ccc; padding: 5px; width: 200px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(255, 255, 255, 1); } .cart_voucher .submit input.button { float: none; margin-top: 4px; } #cart_summary .price { border-right:none; text-align: right; white-space: nowrap; } .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container {} .cart_total_price .total_price_container p { display:block; padding:8px; font-weight:bold; color:#fff; text-transform:uppercase; background:#333 } .cart_total_price .total_price_container span {} #order_carrier { clear:both; margin-top:20px; border:1px solid #999; 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 {margin-right:35px;} .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 ******************************************************************* */ .auth_form_top{height: 190px;} #create-account_form, #authentication #login_form { clear: none; display: inline-block; width: 540px; } #create-account_form {margin-right: 50px;} #authentication #create-account_form fieldset, #authentication #login_form fieldset { margin-bottom: 50px; } #authentication #create-account_form .form_content, #authentication #login_form .form_content { padding-top: 15px; } #create-account_form h3, #authentication #login_form h3 { font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #424242; text-transform: uppercase; margin: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 10px; } #create-account_form .title_block { padding-bottom: 20px; font-size: 12px; color: #979797; } #create-account_form label, #login_form label { font-weight: normal; } #order-opc #login_form_content label { padding-top: 5px; width: 80%; text-align: left; cursor: pointer; } #create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 100%; display: block; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } #create-account_form #SubmitCreate, #login_form {} .lost_password { width:200px; margin: 0px; } .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:90px; width:475px; border:1px solid #ccc } /* step 3 - address ************************************************************************** */ .address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid rgba(0, 0, 0, 0.06); padding: 10px; } #multishipping_mode_checkbox { margin-left: 0px; margin-right: 10px; top: 2px; position: relative; } #multishipping_mode_box .description label{font-weight:normal !important;} #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding-bottom: 20px; font-size: 16px; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #BEBEBE; text-transform: uppercase; margin: 0px; } #multishipping_mode_box .description, #multishipping_mode_box .description_off {} #multishipping_mode_box .description_off { display: none; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: inline-block; position: relative; background-color: rgba(255, 255, 255, 0.65); color: #2E2E2E; padding: 7px; text-transform: uppercase; font-family: 'latoregular', Arial, Verdana, sans-serif; font-size: 10px; border: 1px solid rgb(136, 136, 136); outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background-color: rgba(53, 53, 53, 0.75); color: #FFFFFF; } #multishipping_mode_box.on .description_off { display: block; } /* step 4 - paiement ************************************************************************** */ .delivery_options {} #order .delivery_options_address h3, #order-opc .delivery_options_address h3 { font-family: 'oswaldlight', Arial, Verdana, sans-serif !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 0 0 10px 0; font-size: 14px !important; margin-bottom: 10px !important; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } #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 { border: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 10px; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 10px; } #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; font-weight: normal; } #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 { border: 1px solid rgba(0, 0, 0, 0.06); padding: 10px; margin-bottom: 40px; } .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; font-weight: normal; } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 } a.iframe {font-weight:bold} .hook_extracarrier { margin-top: 5px; padding: 5px; } /* step 5 - paiement ************************************************************************** */ .paiement_block { border: 1px solid rgba(0, 0, 0, 0.06); padding: 10px; margin-bottom: 40px; } .payment_module { position: relative; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.06); text-transform: uppercase; margin-bottom: 10px !important; } .payment_module a { display: block; text-transform: none; } .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 {display:none} #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 { margin: 0 0 10px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.06); } #order-opc #login_form fieldset p {padding:0} #order-opc #login_form fieldset p a {padding:0} #order-opc #new_account_form p.submit {} #order-opc #new_account_form p.opc-required {} #order-opc .addresses {margin-bottom:20px} #order-opc #opc_delivery_methods h3 { padding-bottom: 20px; font-size: 16px; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #BEBEBE; text-transform: uppercase; margin: 0px; } #order-opc #opc_delivery_methods textarea { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } .order_carrier_content .checkbox{margin-top: 0px;margin-bottom: 0px;} .order_carrier_content .checkbox input { margin-top: 0px; margin-bottom: 0px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } #order-opc #opc_delivery_methods #message { width: 50%; } #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: normal; font-size: 14px; } #gift-price{ font-family: 'latoregular', Arial, Verdana, sans-serif !important; text-transform: none; font-size: 12px; background-color: transparent; color: #333; margin-top: 0px; padding: 0px; float: none; font-weight: bold; } /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #new_account_form h3 {} #center_column #new_account_form p {} #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: block; padding-top: 5px; width: 80%; text-align: left; cursor: pointer; font-weight: normal; font-size: 12px; } .opc_float_margin{margin-right:40px;} #new_account_form p.radio label { float:none; padding-right:10px; width:auto; } #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 { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } .radios { position: relative !important; bottom: -1px !important; float: none !important; margin: 0px !important; } #new_account_form p.checkbox input {} #new_account_form #submitGuestAccount {float: none;margin: 0px;} /* ************************************************************************************************ */ /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{} /* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset {} #form_forgotpassword p.text label { font-weight:normal; } #form_forgotpassword p.text input { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); display:block; } #form_forgotpassword p.submit { margin:0px; text-align:left; } #password submit { margin:0px; text-align:left; float:none; } #password .icon { position:relative; } /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #addresses #center_column{} #address p.inline-infos { display: block; font-size: 12px; color: #979797 !important; position: relative; } /* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{} form#add_address {} #add_address fieldset {} #add_address h3 { margin:0 0 15px 0; padding:8px; font-size:14px; color:#fff; text-transform:uppercase; background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898 } #center_column #add_address p {margin:0; padding:0 0 10px 0} #add_address p.required {color:#222} #add_address p.required sup {color:#990000} #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 { padding-top: 5px; width: 80%; text-align: left; cursor: pointer; font-weight: normal; } #add_address p.text input, #add_address p.password input, #add_address p.select input { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } #add_address p.checkbox input { margin-left:260px; } #add_address p.select select { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); display: block; } #add_address p.textarea label {vertical-align:top} #add_address p.textarea textarea { border: 1px solid #ccc; padding: 5px; margin: 0px; width: 50%; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); background: rgba(252, 252, 252, 1); } #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 {display:none} #order-slip #center_column{} #order-slip #order-list {} #order-slip #order-list td { border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{} #discount .table_block tr.last_item td {} #discount .table_block td.discount_expiration_date {} #discount .table_block td.discount_value {white-space:nowrap} #discount h1 {margin-bottom:20px;} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} #order-follow #center_column{width:757px} /* ************************************************************************************************ 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: 0px 0px 15px 0px; padding: 0px; } #manufacturer #product_list_lview {margin-top:15px} ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 15px 0px; } 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 { text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; font-size: 14px; color: #424242; text-transform: uppercase; margin: 0px; padding-bottom: 5px; } ul#manufacturers_list li .description { overflow: hidden; padding: 0; color: #979797; } ul#manufacturers_list li .description a{color: #979797;} ul#manufacturers_list li .left_side {display:inline-block;vertical-align:top;width: 700px;} ul#manufacturers_list li .right_side {display:inline-block;vertical-align:bottom;width: 144px;text-align:right;} .manu_nproducts{ font-size: 12px; color: rgb(199, 199, 199); font-family: 'oswaldlight', Arial, Verdana, sans-serif; margin-left: 10px; } .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: 0px 0px 15px 0px; padding: 0px; } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 15px 0px; } ul#suppliers_list li a.lnk_img { display: block; float: left; } ul#suppliers_list li img { display: block; float: left; margin-right: 14px; border: 1px solid #ccc; vertical-align: bottom } ul#suppliers_list li h3 { text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; font-size: 14px; color: #424242; text-transform: uppercase; margin: 0px; padding-bottom: 5px; } ul#suppliers_list li .description { overflow: hidden; padding: 0; color: #979797; } ul#suppliers_list li .description a{color: #979797;} ul#suppliers_list li .left_side {display:inline-block;vertical-align:top;width: 700px;} ul#suppliers_list li .right_side {display:inline-block;vertical-align:bottom;width: 144px;text-align:right;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult { margin:0 0 10px 0; padding:10px; border:1px solid #e6db55; font-size:13px; background:#ffffe0 } #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ 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 {width:940px;} #pagenotfound .pagenotfound { padding:30px 300px 0 0; height:330px; font-size:14px; background:url(../img/bg_404.png) no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size:14px } #pagenotfound fieldset {border:none} #pagenotfound fieldset label {color:#333} #pagenotfound #search_query { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #fff !important; border-top: 1px solid #666; padding: 0 5px; height: 24px; width: 200px; color: #ccc; background: url(../../../modules/blocksearch/img/bg_search_input.png) repeat-x scroll 0 0 #fff } #pagenotfound .button_small { padding: 4px 7px; border: medium none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; color: #fff; text-transform: uppercase; background: url("../../../modules/blocksearch/img/bg_search_submit.png") repeat-x scroll 0 0 #101010 } #pagenotfound .pagenotfound a { font-weight:bold; color:#333 } #pagenotfound .pagenotfound .icon { position:relative; top:3px } /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} #module-cheque-payment #center_column{} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{} /* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} #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 {display:none} #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 {display:none} #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 {display:none} #module-loyalty-default #center_column{} #product p#loyalty { padding: 10px 0; margin-top: 10px; font-size: 12px; border-top: 1px solid rgba(0, 0, 0, 0.06); color: #979797; clear: both; } #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 {text-align: center;} /*************** Block CATEGORIES ***************/ #categories_block_left li {border-bottom: 1px solid rgba(0, 0, 0, 0.06);} #categories_block_left li.last { border:none;} #categories_block_left li a { display: block; padding: 7px 10px 7px 15px; color: #333; background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 5px 12px transparent; } #categories_block_left li ul {margin-left: 30px;} #categories_block_left li ul li {border:none} #categories_block_left li ul li a { padding-left: 0; background: none; padding: 0px 10px 10px 0px; } #categories_block_left li .OPEN, #categories_block_left li .CLOSE { display:block; float:right; margin:10px 10px 0; height:9px; width:9px; background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px; cursor:pointer } #categories_block_left li .CLOSE {background-position:0 0} /* footer */ .blockcategories_footer {} .blockcategories_footer .category_footer {float: left;clear: none;font-family: 'latolight', Arial, Verdana, sans-serif;font-size: 14px;} .blockcategories_footer ul ul {display:none !important} /*************** Block CMS ***************/ /* footer */ #footer .block_various_links {} /* Block CMS links */ .informations_block_left li {border-bottom: 1px solid rgba(0, 0, 0, 0.06);} .informations_block_left li.last {border:none;} .informations_block_left li a { display: block; padding: 7px 10px 7px 15px; color: #333; background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 5px 12px transparent; } tr.subitem > td:first-child + td { padding-left: 10px; } /*************** Block CONTACTINFOS ***************/ #block_contact_infos {} #block_contact_infos li strong { color:#ADADAD; font-family: Arial, Verdana, sans-serif; font-weight:normal; } /*************** Block LINK ***************/ #links_block_left .block_content li {border-bottom: 1px solid rgba(0, 0, 0, 0.06);} #links_block_left .block_contentt li.last {border:none;} #links_block_left .block_content li a { display: block; padding: 7px 10px 7px 15px; color: #333; background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 5px 12px transparent; } /*************** Block MANUFACTURER ***************/ .blockmanufacturer li {border-bottom: 1px solid rgba(0, 0, 0, 0.06);} .blockmanufacturer li.last {border:none;} .blockmanufacturer li a { display: block; padding: 7px 10px 7px 15px; color: #333; background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 5px 12px transparent; } .blockmanufacturer form { margin-top: 10px; text-align: center; } .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 {border-bottom: 1px solid rgba(255, 255, 255, 0.16);height:56px;} #social_block li { display:block; width:30px; height:30px; text-indent:-9999px; margin-top: 12px; float: right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 5px; } #social_block ul {float:right;} #social_block li a{display:block; width:30px; height:30px; text-indent:-9999px;} #social_block li.facebook {background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -4px -13px;} #social_block li.twitter{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -48px -13px;} #social_block li.vimeo{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -90px -13px;} #social_block li.googleplus{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -136px -13px;} #social_block li.youtube{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -180px -13px;} #social_block li.facebook:hover {background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -4px -73px;} #social_block li.twitter:hover{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -48px -73px;} #social_block li.vimeo:hover{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -90px -73px;} #social_block li.googleplus:hover{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -136px -73px;} #social_block li.youtube:hover{background:url(../../../modules/blocksocial_zen/img/sprites.png) no-repeat;background-position: -180px -73px;} /*************** 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 rgba(0, 0, 0, 0.06);} .blocksupplier li.last {border:none;} .blocksupplier li a { display: block; padding: 7px 10px 7px 15px; color: #333; background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 5px 12px transparent; } .blocksupplier form { margin-top: 10px; text-align: center; } .blocksupplier p { padding:0; } .ie7 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%} .ie8 #featured-products_block_center .product_image span.new{top:110px;right:0;width:94%} .lt-ie6 #featured-products_block_center .product_image span.new {top:110px;right:0;width:94%} .home_featured_buttons{ opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; position:relative; z-index:3; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0,1.0); height: 30px; } #featured-products_block_center li:hover .home_featured_buttons {opacity:1} #featured-products_block_center li:hover .front_image {opacity:0} #new-products_block_zen_right li:hover .front_image {opacity:0} #product_list_lview li:hover .front_image {opacity:0} .front_image{ position:absolute; z-index:2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .back_image{ position:relative; z-index:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #featured-products_block_center li { margin: 0px; padding: 0px; margin-right: 20px; margin-bottom: 20px; } .imgs_list{width: 139px;display: inline-block;vertical-align: top;} .small_shadow{background-size: 138px 6px !important;padding-bottom: 5px !important;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .flexslider .slides {zoom: 1;} /* Direction Nav */ .flex-direction-nav a {text-indent: -9999px;} .flex-direction-nav .flex-next { background: url(../img/gray_next.png) no-repeat 0 -17px; width: 17px; height: 17px; position:absolute; top: -36px; right: 1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav .flex-prev { background: url(../img/gray_prev.png) no-repeat 0 -17px; right: 19px; top: -36px; width: 17px; height: 17px; position:absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-next:hover{ background-position: 0 0; } .flex-prev:hover { background-position: 0 0; } /* Control Nav */ .flex-control-paging li a {text-indent: -9999px; display:none;} .minic_banner_left{ display:inline-block; } .minic_banner_right{ vertical-align: top; display: inline-block; } .flex-control-nav {display:none;} .infiniteCarousel { position: relative; margin: 0 auto; overflow: hidden; } .new { position: absolute; background-color: rgba(0, 0, 0, 0.65); color: #fff; padding: 7px; text-transform: uppercase; font-family: 'oswaldlight', Arial, Verdana, sans-serif; font-size: 14px; opacity:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:3; margin-left: 5px; margin-top: 5px; } .new_list { position: absolute; background-color: rgba(0, 0, 0, 0.65); color: #fff; padding: 4px; text-transform: uppercase; font-family: 'oswaldlight', Arial, Verdana, sans-serif; font-size: 12px; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 3; margin-top: 5px; margin-left: 5px; } #new-products_block_zen_right li:hover .new_list {opacity: 0.1;} #product_list_lview li:hover .new_list {opacity: 0.1;} .s_title_block, #featured-products_block_center h5 { text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; font-size: 14px; color: #424242; text-transform: uppercase; margin: 0px; padding-bottom: 5px; margin-top: 10px; float: left; white-space:nowrap; } .s_title_block_mobile { text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; font-size: 14px; color: #424242; text-transform: uppercase; margin: 0px; padding-bottom: 5px; margin-top: 10px; float: left; white-space:nowrap; } .product_desc a{color: #979797 !important;} .products_block .price { font-size: 14px; font-family: 'oswaldlight', Arial, Verdana, sans-serif; float: right; background-color: #BDBDBD; padding: 2px 5px; color: #fff; margin-top: 6px; } #product_list_lview .price { font-size: 14px; font-family: 'oswaldlight', Arial, Verdana, sans-serif; float: right; background-color: #BDBDBD; padding: 2px 5px; color: #fff; margin-top: 6px; } .price_hot { font-size: 14px; font-family: 'oswaldlight', Arial, Verdana, sans-serif; float: right; background-color: #CE7373; padding: 2px 5px; color: #fff; margin-top: 6px; } #product_list_lview .price_hot { float: left; } #product_list_lview .price { float: left; } #product_list_lview .price_container { float: none; display:block; height: 29px; } #new-products_block_zen_right .price {float:none !important;} #new-products_block_zen_right .price_hot {float:none !important;} .product_desc{height: 120px; margin-top:10px;overflow: hidden;} #product_list_lview .product_desc{height: 116px; margin-top:10px;} .lnk_more { display: inline-block; position: relative; background-color: rgba(255, 255, 255, 0.65); color: #2E2E2E; padding: 7px; text-transform: uppercase; font-size: 10px; border: 1px solid rgb(136, 136, 136); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); } .lnk_more:hover { background-color: rgba(53, 53, 53, 0.75); color: #FFFFFF; } #oosHook{ text-align: right; margin-top: 5px; } #product_list_lview .compare { background-color: rgba(255, 255, 255, 0.65); color: #000 !important; text-transform: uppercase; font-size: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: right; } #product_list_lview .compare label { font-weight:normal !important; margin-bottom:0px !important; margin-left:2px; } /* #new-products_block_zen_right .lnk_more{padding:4px !important; opacity:0;} #new-products_block_zen_right .ajax_add_to_cart_button{padding:4px !important; opacity:0;} #product_list_lview .lnk_more{padding:4px !important; opacity:0;} #product_list_lview .ajax_add_to_cart_button{padding:4px !important; opacity:0;} #product_list_lview .compare{padding:4px !important; opacity:0;} */ #new-products_block_zen_right .lnk_more{opacity:0;} #new-products_block_zen_right .ajax_add_to_cart_button{opacity:0;} #product_list_lview .lnk_more{opacity:0;} #product_list_lview .ajax_add_to_cart_button{opacity:0;} #product_list_lview .compare{opacity:0;} #new-products_block_zen_right li:hover .lnk_more{opacity:1;} #new-products_block_zen_right li:hover .ajax_add_to_cart_button{opacity:1;} #product_list_lview li:hover .lnk_more{opacity:1;} #product_list_lview li:hover .ajax_add_to_cart_button{opacity:1;} #product_list_lview li:hover .compare{opacity:0.3;margin-top: 6px;} .footer_text{display:block;width:100%;height:81px;background: url(../img/footer_text_bg.png) repeat-x;font-family: 'cinzel_decorativebold';font-size:18px;color:#3d3737;} .footer_bottom{width:100%; display:block;background: rgba(0, 0, 0, 0.38);color: rgba(255, 255, 255, 0.23);line-height:44px;margin-top: 50px;} .footer_payment_logo{float:right;} .footer_payment_logo img{float:right;} .footer_bottom_text{float: left;font-size:12px;} .products_list_data{ width: 685px; margin-left: 20px; display: inline-block; vertical-align: top; } .add_shadow{ background:none !important; } .cat_desc { font-size: 12px; line-height: 18px; margin: 10px 0px; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; color: #979797; } .cat_desc p {padding:0px;margin:0px;} .minic_banner_1{display:inline-block;} .minic_banner_2{display:inline-block;} .minic_banner_3{display:inline-block;} #featured-products_block_center li.last_item_of_line {margin-right:0;} #featured-products_block_center .product_image { display:block; position:relative; overflow:hidden } #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { color: #979797; clear: both; } #featured-products_block_center li:hover .new {opacity:0.1} #featured-products_block_center .price_container { margin-top:10px; padding:0; } #featured-products_block_center li span.exclusive {display:none;} .new_medium{padding: 4px !important;margin-top: -325px;} .imgs_products_category{display: block;height: 330px;width: 212px;} .datas_products_category{width: 212px;margin-top: -10px;display: block;} .products_category_buttons{width:212px !important;} .products_category_carousel{height:490px !important;} .products_category_carousel li{height:400px !important;} .products_category_image{ padding-bottom: 5px; background-size: 212px 5px !important; } /* Block new products */ #new-products_block_zen_right ul {list-style-type:none;} #new-products_block_zen_right li { float:left; margin-right:20px; padding:10px 0; } #new-products_block_zen_right li.first {margin-left:30px;} #new-products_block_zen_right dl { list-style-type:none; } #new-products_block_zen_right dt { padding:10px 0 0 0; font-weight:bold; font-size:12px; color:#333; } #new-products_block_zen_right dd, #new-products_block_zen_right dd a { color:#666; } #new-products_block_zen_right dd { padding:0 0 10px 0; border-bottom:1px dotted #ccc; } #new-products_block_zen_right dd.last_item {border:none;} #new-products_block_zen_right dd a.lnk_more { padding-right: 10px; font-weight:bold; color:#0088cc; background:url(img/arrow_right_1.png) no-repeat 100% 4px; } #new-products_block_zen_right .button_large { padding:0; border:none; background:none; color:#333; } #new-products_block_zen_right .button_large:hover {text-decoration:underline} .new_products_data{ margin-left: 17px; display: inline-block; vertical-align: top; } .account_bottom{ list-style-type: none; border-top: 1px solid rgba(0, 0, 0, 0.06); padding-top: 10px; padding-bottom: 20px; } .account_bottom_home{display: inline-block;top: 3px;position: relative;} .account_bottom_back{float:right;top: 3px;position: relative;} .account_bottom img{ position: relative; left: 0; margin-right: 10px; width: 26px; height: 26px; top: -3px; } .title_block_my_account{ font-weight: normal; padding-bottom: 20px; font-size: 12px; color: #979797 } .auth_form_date{ width: 50%; display: block; } .auth_form_date select{ width: 33% !important; display:inline-block !important; } #order-detail-content .price, #order-detail-content .s_title_block{ font-family: 'latoregular', Arial, Verdana, sans-serif !important; text-transform: none; font-size: 12px; background-color: transparent; color: #333; margin-top: 0px; padding:0px; } .cart_total_price td, .cart_total_delivery td, .cart_total_voucher td, .cart_total_price td, .cart_total_tax td, .cart_total_price td{text-align:right !important;background-color:transparent !important;padding: 8px !important;} #total_price{font-weight:bold;} #total_price_text{font-weight:bold;} .title_block label {font-weight:normal; margin-bottom:0px;font-size: 12px;} #order-opc #loyalty {color: #979797;} #module-cheque-payment h2, #module-bankwire-payment h2, #module-cashondelivery-validation h2, #module-gcheckout-payment h2, #module-payment-submit h2, #module-cashondelivery-validation h2{ padding-bottom: 20px; font-size: 16px !important; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #424242; text-transform: uppercase; margin: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 10px; margin-bottom: 20px; } #order-confirmation h1{ margin-bottom: 20px; } #container_express_checkout{display:none !important;} .bt_compare {float:none !important;} #pb-left-column h1 {margin-top:0px;} .rte h2{padding-bottom: 20px; font-size: 24px !important; text-decoration: none; font-family: 'oswaldregular', Arial, Verdana, sans-serif; color: #424242; text-transform: uppercase; margin: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-top: 10px; margin-bottom: 20px; } #password h1{margin-bottom:20px;} #navigation {display:inline-block;} #navigation a {text-transform: uppercase;font-size: 11px;margin-left:10px;color: #C5C5C5;} .view_active{color: #222 !important;} #product_list_gview li{ display: inline-block; margin: 0px; padding: 0px; margin-right: 14px; list-style-type: none; vertical-align: top; } #product_list_gview .price_container { margin-top: 10px; padding: 0; } #product_list_gview .product_desc, #product_list_gview .product_desc a { color: #979797; clear: both; } #product_list_gview .price { font-size: 14px; font-family: 'oswaldlight', Arial, Verdana, sans-serif; float: right; background-color: #BDBDBD; padding: 2px 5px; color: #fff; margin-top: 6px; } #product_list_gview li:hover .front_image { opacity: 0; } #product_list_gview li:hover .new { opacity: 0.1; } #product_list_gview li:hover .home_featured_buttons { opacity: 1; } #product_list_gview li img { padding-bottom: 9px; } .small_buttons_container{margin-left: 158px;position: absolute;margin-top: -32px;} .small_buttons_container_plist{ position: absolute; width: 685px; margin-top: -34px; margin-left: 161px; } a.header_nav{background: rgba(136, 136, 136, 0.05);} .footernav { width: 100%; background-color: rgba(230, 230, 230, 0.16); font-family: 'oswaldlight', Arial, Verdana, sans-serif; margin-top: 5px !important; } ul.footernav { padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; float: none !important; display: block; width: 100% !important; } ul.footernav li {display: block;} ul.footernav li a { height: 43px; padding: 20px; font-size: 14px; display: block; text-decoration: none; line-height: 5px; } ul.footernav ul { margin: 0; padding: 0; display: none; float: none !important; width: 100% !important; } ul.footernav ul li { margin: 0; padding: 0; clear: both; list-style: none; background-color: #3D3D3D; } ul.footernav ul li a { padding-left: 20px; font-weight: normal; outline:0; border-top: 1px solid rgb(0, 0, 0); } ul.footernav ul li a:hover {background-color: #2C2C2C;} ul.footernav ul ul li a { padding-left: 40px; background-color: #3D3D3D; } ul.footernav ul ul ul li a { padding-left: 60px; background-color: #3D3D3D; } ul.footernav ul ul li a:hover {background-color: #2C2C2C;} ul.footernav span{float:right;} .content_scene_cat img {width:100%} .topnav .sfHoverForce {border-bottom:none !important;} #left_column_respo, .show_respo_tab {display:none;} .opc_log{width:50%;} #cart-prices span {float:none;} .cart_p{width: 95%;margin: 0 auto;padding-bottom: 0px;} .rslides_tabs li{list-style:none;} .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; background-color: #000; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_tabs{ position: relative; z-index: 18; text-align: center; margin-top: -20px; } .rslides_tabs li a{ position:relative; z-index: 19; display:block; } .rslides_tabs li{ list-style: none; display: inline-block; margin-right: 6px; border: 1px solid rgba(111, 111, 111, 0.4); background-color: rgba(255, 255, 255, 0.30); text-indent: -9999px; width: 10px; height: 10px; cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; } .rslides_here{ background-color: #fff !important; } /*** ESSENTIAL STYLES ***/ a.header_nav{background: rgba(136, 136, 136, 0.05);} .topnav { width: 100%; background-color: rgba(230, 230, 230, 0.16); font-family: 'oswaldlight', Arial, Verdana, sans-serif; } ul.topnav { padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } ul.topnav li {display: block;} ul.topnav li a { height: 43px; padding: 20px; font-size: 16px; display: block; text-decoration: none; -webkit-backface-visibility: hidden; } ul.topnav ul { margin: 0; padding: 0; display: none; } ul.topnav ul li { margin: 0; padding: 0; clear: both; list-style: none; } ul.topnav ul li a { padding-left: 20px; font-weight: normal; outline:0; border-top: 1px solid rgb(255, 255, 255); } ul.topnav ul li a:hover {background-color: #F3F3F3;} ul.topnav ul ul li a { padding-left: 40px; background-color:#f9f9f9; } ul.topnav ul ul ul li a { padding-left: 60px; background-color: #f9f9f9; } ul.topnav ul ul li a:hover {background-color:#e4e4e4;} ul.topnav span{float:right;} .sf-contener { position: absolute; width: 100%; height: 45px; background: rgba(255, 255, 255, 1); } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu img { max-width: 100%; padding:5px; } .sf-menu { margin: 0 auto; } .sf-menu ul { position: absolute; z-index: 20; width: 200px; display: none; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; margin-right: 25px; } .sf-menu a { display: block; position: relative; } .sfHoverForce{ border-bottom: 1px solid black; margin-bottom: -1px; } .sf-menu li ul li.sfHoverForce{ border-bottom: none; margin-bottom: 0px; } .sfHover{ border-bottom: 1px solid black; margin-bottom: -1px; } .sf-menu a { display: block; line-height: 43px; text-decoration: none; font-family: 'oswaldlight', Arial, Verdana, sans-serif; font-size: 20px; color: #424242; text-transform: uppercase; } .sf-menu a, .sf-menu a:visited {} .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { border-bottom: 1px solid black; margin-bottom: -1px; } .sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active { background: #F7F7F7; outline: 0; border-bottom:none; margin-bottom: 0px; } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.38); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.38); margin-top: 1px; display:none; } .sf-shadow ul.sf-shadow-off { background: transparent; } .sf-sub-indicator{display:none;} li.sf-search {display: none;} li.sf-search input {display: none;} .sf-menu ul li a {font-size: 15px;padding: 0px 10px;border-bottom:1px solid #fff;text-transform: uppercase;} .sf-menu li ul li {margin-right: 0px;line-height: 33px;} .sf-menu li ul li .sf-sub-indicator{float:right;display: block;} .sf-menu li ul li a{line-height: 35px;height: 35px;font-family:'oswaldlight', Arial, Verdana, sans-serif;} .sf-menu li ul li ul{margin-left: 200px;margin-top: -35px;} #enabled_filters { background: #F7F7F7; padding: 10px; } #enabled_filters .layered_subtitle { font-size: 12px; text-transform: uppercase; } #enabled_filters ul li {padding:2px 0} #enabled_filters li a { float: right; display: inline-block; height: 12px; width: 12px; text-indent: -5000px; /*background: url(../../../img/icon/delete.gif) no-repeat 0 0 transparent;*/ background: url(./delete.gif) no-repeat 0 0 transparent; cursor: pointer; } #layered_block_left .layered_close { float: right; padding-right: 5px; } #layered_block_left span.layered_close a, #layered_block_left span.layered_close a { display:block; height:13px; width:13px; text-decoration: none; text-indent:-5000px; background:url(../img/icon/less.gif) no-repeat 2px 2px; } #layered_block_left span.closed a { background:url(../img/icon/more.gif) no-repeat 2px 2px; } #layered_block_left .layered_subtitle { text-align: left; color: rgba(202, 202, 202, 1); display: inline-block; } #layered_block_left ul { clear: both; padding: 5px 0; } #layered_block_left ul li {padding:2px 0} #layered_block_left ul li label {cursor: pointer;font-weight: normal;} #layered_block_left div.block_content { } #layered_block_left ul { padding-left: 0; } #layered_block_left ul li { list-style-type: none; } #layered_block_left div > form > div > div { margin-top: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 10px; } #layered_block_left #enabled_filters , #layered_url_filter_block{ padding-bottom: 10px; margin-top: 0px; color: rgb(121, 121, 121); } #layered_block_left #enabled_filters ul li { margin-left: 0; padding-left: 0; } /* Style moved form the template to the css */ #layered_block_left #enabled_filters ul li:hover { background: inherit; color: inherit; } #layered_block_left #enabled_filters a { text-decoration: none; color: red; } #layered_block_left ul li:hover { } #layered_block_left ul li input.checkbox { vertical-align: middle; margin: -2px 3px 0px 3px; display: inline-block; -webkit-box-shadow: none; box-shadow: none; border:none; } #layered_block_left ul li .disabled { color: #666; } #layered_block_left .color-option { border: 1px solid #666666; height: 16px; margin-left: 0; padding: 0; width: 16px; } #layered_block_left .color-option.disable { opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; } #layered_block_left .nomargin a { display: inline; color: #333; } #layered_form .select { width: 165px; } #layered_form .color-option { margin-left: 0; width: 16px; height: 16px; padding:0; border: 1px solid #666; -webkit-box-shadow: none; box-shadow: none; } #layered_form .color-option.on { border: 1px solid red; } #layered_form input[type=radio] { margin-left: 2px; vertical-align: middle; } .layered_price_range { margin-left: 7px; } .layered_price_range_unit { margin-right: 7px; } .layered_slider_container { margin: 6px 0 6px 7px; width: 91%; } .layered_slider { margin-top:5px; } .layered_input_range_min { width:30px; } .layered_input_range_max { width:40px; } .layered_list_selected { font-weight: bold; } .layered_list { display: block; cursor: pointer; } .layered_list:hover { font-weight: bold; } .layered_ajax_loader p { margin: 20px 0; text-align: center; } .hide-action { text-align: center; text-align: right; display: block; cursor: pointer; } .hide-action:hover { font-weight: bold; } #layered_form div div ul { max-height: 200px; overflow-x: auto; } .selectboxit-arrow-container{ float: none !important; margin-bottom: 0 !important; margin-left: 0 !important; } .footer_content{ display: table-cell; vertical-align: middle; height: 80px; } .rslides_nav{ z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; overflow: hidden; text-decoration: none; height: 59px; width: 32px; margin-top: -25px; background:url(../img/slider_sprite.png) no-repeat; text-indent:-9999px; } .rslides_container .prev { background-position: left top; left: -50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rslides_container .next { background-position: right top; right: -50px; left: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rslides_container:hover .prev {left: 20px;} .rslides_container:hover .next {right: 20px;} .rslides_container { position: relative; width: 100%; overflow:hidden; z-index:5; } #topmenu_logo{display:none;} #index .footer_text{ -webkit-box-shadow: none; box-shadow: none; } .footer_text{ -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.11); box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.11); display:none; } #product_list_lview img, #product_list_gview img { /* opacity: 0; transition: opacity .8s ease-in;*/ } #product_list_lview .back_image img, #product_list_gview .back_image img{ /* opacity: 0; transition: opacity 2.5s ease-in;*/ } .socialsharing_product{display:none;} .panel-title{text-transform: uppercase;} /*Blog images to be responsive*/ .ph_simpleblog img{max-width:100%;height:auto;} /*Home page tag line text*/ .editorial_block > h1{font-weight: 700;font-family: 'Buenard', serif;text-align: center;border-bottom: none;font-size:28px;} #center_column .editorial_block{margin-bottom:0!important;} /*Pre-wedding tips*/ #contentBox h2{font-weight: 700;font-family: 'Buenard', serif;font-size: 28px!important;margin-bottom: 10px;padding-bottom: 0px;} #contentBox #mc_embed_signup{display:inline-block;vertical-align:top;} /*Header Telephone number*/ #headerTel{position:relative;} /*zen homebanner*/ #zen_homebanners_bottom{padding: 10px 0px 10px 0px!important;} /*Rev Slider*/ .rev_slider_wrapper{margin-top: 20px!important;box-shadow: 0px 1px 15px 2px #DDD;background: #fff;padding: 10px!important;border: 1px solid #ccc;} .fullwidthbanner-container{height: auto!important;} .rev_slider iframe{border:none;} /*MailChimp*/ #mailChimp{display: block;float: right;} #mailChimp #mc_embed_signup{background:transparent;} #mailChimp #mc_embed_signup label{text-transform: uppercase;font-weight: normal;} #mc_embed_signup .button{font-size:12px!important;} /*Home page changes*/ .zen_homebanners_bottom_slide .s_title_block{display:none;} /*abia header area*/ .abia{float: right;position: relative;margin-top: 65px;margin-right: 30px;} .abia img{width:80px;} #header_user_info{display:none;} /*testimonail page bottom padding*/ .nobtmMargin{padding-bottom:0px;} /*last menu item*/ #topmenu ul.sf-menu li:last-child{float:right;} #topmenu ul.sf-menu li a.greenBox{background: #9bd5cd;padding: 0 10px;border-radius: 8px;color: #ffffff;font-weight: 600;} #topmenu ul.sf-menu li a.greenBox:hover,#topmenu ul.sf-menu li a.greenBox:focus, #topmenu ul.sf-menu li a.greenBox:active{border-bottom:none!important;background:#76a7a0;} #cms ul#product_list_gview{margin-left:0px!important;} #cms #product_list_gview li{margin-right:9px;} @media (max-width: 991px) and (min-width: 768px){ #mailChimp{float:none;} #mailChimp #mc_embed_signup{margin:0 auto;} .abia{margin-top:93px;} } @media (max-width: 767px){ #mailChimp{float:none;} #mailChimp #mc_embed_signup{margin:0 auto;} .abia{display:none;} }