rom1z Posted November 19, 2012 Share Posted November 19, 2012 Bonjour, mon Prestashop 1.5 est désormais au point. J'ai plus q'un problème de position de la description longue de mes articles. Je n'arrive pas la placer comme il faut sur les onglets cela fait 1 semaine que je suis dessus Voici un exemple d'une page: Avez-vous une piste a explorer? Merci Mon GLOBAL.CSS ci dessous /* ################################################################################################## PRESTASHOP CSS ################################################################################################## */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]@import url("grid_prestashop.css");[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* **************************************************************************** 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:none;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-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} a {cursor:pointer}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ struture ************************************************************************************************ */ #page {} #header {z-index:10} #columns {z-index:1} #left_column {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} #center_column {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} #right_column {display: none} #footer {} #page_header { width: 1024px; margin: 0 auto; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_court { background:#363839; margin-bottom: 20px; border-bottom: 40px solid #D0D1D4; -moz-box-shadow: 0px 1px 2px #92999B; -webkit-box-shadow: 0px 1px 2px #92999B; -o-box-shadow: 0px 1px 2px #92999B; -ms-box-shadow: 0px 1px 2px #92999B; box-shadow: 0px 1px 2px #92999B; height: 136px; width: 100% } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#center_column{width:783px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product #center_column{width:783px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ generic style ************************************************************************************************ */ body{ background: url("../img/calceus/page_bg.jpg") repeat #EFEFEF; font:normal 12px/14px Verdana, Arial, sans-serif; color:#444444; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* positionnement ****************************************************************************** */ .hidden {display:none} .f_right {float:right}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* title *************************************************************************************** */ h1 { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-family: Oswald; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 10px 0 20px; text-transform: uppercase; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]h1 span { color: #333333; float: right; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]h2 { padding-bottom:20px; font-size:18px } h3 { height:30px; line-height: 30px; font-size:13px; margin-bottom: 10px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } h4 { height:40px; line-height: 40px; margin-bottom: 20px; font-size:21px; font-weight: normal; text-transform: uppercase; font-family: Oswald, sans sherif, Verdana, Arial; padding-left: 5px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].hide-left-column #left_column {display:none} .hide-left-column #center_column {width:757px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* text **************************************************************************************** */ p {padding-bottom:10px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].warning { margin: 10px 0; padding: 15px; border: 1px solid #CBDDC0; font-size: 13px; background: #E5F3D6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .success { margin: 0 0 20px 0; padding: 15px; border: 1px solid #CBDDC0; font-size: 13px; background: #E5F3D6; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .error { margin: 0 0 20px 0; padding: 15px; border: 1px solid #F2B5B5; font-size: 13px; background: #FFE8E8; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .error ol {margin-left:20px} .error p.lnk { margin-top:20px; padding:0; font-size:11px } .required {color:#EC3E3F}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* link **************************************************************************************** */ a, a:active, a:visited { color:#333; text-decoration:none; outline: medium none } a:hover {color:#84ab3e}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*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 { position:relative; display:inline-block; height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } *: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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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 -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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 -160px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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 { height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #737373; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#ECECEC; background:url(../img/bg_bt_2.gif) repeat-x; cursor:default; } 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')*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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') }*/[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* form **************************************************************************************** */ form.std fieldset { margin:20px 0; border:1px solid #ccc }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* table *************************************************************************************** */ table.std, table.table_block { margin-bottom:20px; width:100%; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } table.std th, table.table_block th { background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-size: 12px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; } table.std tr.alternate_item, table.table_block tr.alternate_item {background-color: #f3f3f3} table.std td, table.table_block td { padding:12px; font-size:12px; vertical-align:middle; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* BLOCK .block ******************************************************************************** */ .block { background-color: #FAFAFA; border: 1px solid white; outline: 1px solid #DDDDDD; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 5px 10px 10px; } #footer .block {margin-bottom:0} .block h4 { padding:15px 11px; margin-bottom: 6px; font-size:18px; font-family: Oswald, Verdana, Arial; color:#333333; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform:uppercase; font-weight: normal; background:none } .block h4 a {color:#333333} .block h4 a:hover {color:#84ab3e} .block ul {list-style-type:none} .block li.last { border:none } .block li a { display:block; color:#333 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* BLOCK .products_block *********************************************************************** */ .products_block {} .products_block li {float:left } .products_block li img { border:1px solid #D8D8D8; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].products_block li img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* BLOCK customer privacy ******************************************************************* */ .account_creation label{ float:left; padding-top:3px; width:95%; text-align:left; cursor:pointer; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* BLOCK .footer_links (cms pages) ************************************************************* */ ul.footer_links { list-style-type:none; margin-bottom:20px } ul.footer_links li { float:left; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul.footer_links li.f_right { float:right; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul.footer_links li .icon { position:relative; top:6px; left:0 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* barre comparaison / tri ********************************************************************* */ .content_sortPagiBar {margin:20px 0;} #center_column .sortPagiBar { padding:10px; font:normal 11px Arial, Verdana, sans-serif; color:#666; background:#eee; } #center_column .sortPagiBar strong {color:#000;} #center_column .sortPagiBar p {padding:0;} #center_column .sortPagiBar form {display:inline-block;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar #productsSortForm {float:left;} .sortPagiBar select#selectPrductSort { margin:0 0 0 10px; color:#000; border:1px solid #ccc }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar #bt_compare { padding:3px 7px; border:none; color:#fff; text-shadow:0 1px 0 #000; background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar #nbrItemPage {margin-left:40px;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar .PrductSort {float:left;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar .nbrProduct { display:inline-block; padding:0 10px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sortPagiBar #nb_item {border:1px solid #ccc}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* pagination ********************************************************************************** */ form.pagination {display:none;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]div.pagination { clear: both; height: 40px; padding: 1em 0; } ul.pagination {list-style-type:none} ul.pagination li {display: inline;} ul.pagination a, ul.pagination span { display:inline-block; } ul.pagination a { height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } ul.pagination a:hover { text-decoration:none; background-position: left -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } ul.pagination .current span { background-color: #DBDDE0; border: 1px solid #BBBCBF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #AAAAAA; font-weight: normal; padding: 12px 18px 0px 18px; height: 26px; width: auto; text-transform: uppercase; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); } ul.pagination li.disabled span { color:#ccc }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]ul.pagination li.disabled { color:#ccc }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagination_previous {float:left; margin-right: 5px;} #pagination_next {float:right} #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { height: 40px; line-height: 40px; padding: 0 20px; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } #pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover { text-decoration:none; background-position: left -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } #pagination_previous span, #pagination_next span { color:#ccc; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* CART steps *********************************************************************** */ ul#order_step { background-color: none; margin-bottom: 30px;} ul.step { list-style-type:none; height:72px; width:1024px } ul.step li { float:left; height:72px; width:200px; text-align:center; text-transform:uppercase; background:url(../img/step_standard.gif) no-repeat center bottom transparent } ul.step li a, ul.step li.step_current span { display:inline-block; padding:18px 20px 22px; color:#333; font-family: Oswald; font-size: 17px; font-weight: normal; background:url(../img/step_current_span.gif) no-repeat center bottom transparent } ul.step li.step_current { font-weight:bold; background:url(../img/step_current.gif) no-repeat center bottom transparent } ul.step li.step_todo span { display:inline-block; padding:18px 10px 16px; color:#999; font-family: Oswald; font-size: 17px; font-weight: normal; -webkit-text-shadow: 0px 1px 0 white; -moz-text-shadow: 0px 1px 0 white; -o-text-shadow: 0px 1px 0 white; -ms-text-shadow: 0px 1px 0 white; text-shadow: 0px 1px 0 white; background:#eee } ul.step li.step_done { font-weight:normal; background:url(../img/step_done.gif) no-repeat center bottom transparent } ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].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 {}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {position:relative; width: 1024px; height: 200px} #header_logo { float:left; display:block; margin-top:55px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right { position:relative; width: 100%; height: 110px; float: right }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { height: 40px; line-height: 25px; font-size:13px; color: #888888; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .breadcrumb .navigation-pipe {margin:0 5px 0 5px} .breadcrumb img { position:relative; top:9px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ FOOTER ************************************************************************************************ */ #footer { color:#fff; margin-top: 12px; height: 412px; background:#363839; width: 1024px; } #page_footer { width: 724px; margin: 0 auto; } #bottom_footer { width: 1024px; float: left; margin: 0 auto; background: #2C2C2C; border-top: 1px solid #6B6B69; height: 39px; } #bottom_footer ul { width: 100%; float: left; list-style-type:none;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} #bottom_footer li { list-style-type: none; line-height: 17px; width: auto; color: #949494; text-shadow: 1px 1px 0 black; float: left; padding: 10px 10px; } #bottom_footer li.footer_link_powered { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]float: right; } #bottom_footer li.footer_link_copyright { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]padding: 10px 10px 10px 0; } #bottom_footer li a { color: #ECECEC; font-size: 12px; text-shadow: 1px 1px 0 black; } #bottom_footer li a:hover { color: #A0CE4E; text-shadow: 1px 1px 0 black; } #bottom_footer span { background: url("../img/calceus/space-bottom-footer.png") repeat-y; float: left; display: block; height: 12px; width: 2px; margin-top: 14px; padding: 0px 0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#footer_court { background: #363839 url(../img/calceus/bg-footer-court.png) repeat-x; height: 465px; width: 100%; margin-top: 20px } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].blockcategories_footer, #footer .myaccount , #block_various_links_footer, #block_contact_infos { float:left; width:auto } #social_block { clear: both; float: left; margin: -110px 0 0 490px; width: auto; } .blockcategories_footer {margin-left:0} #footer h4 { padding-bottom: 10px; text-transform:uppercase } #footer h4, #footer h4 a { font-weight: normal; font-size: 19px; height: 40px; line-height: 50px; font-family: Oswald, Verdana, Arial; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; color: #CCCCCC; padding-left: 0; margin-bottom: 20px } #footer a {color:#ECECEC} #footer a:hover { color: #A0CE4E; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; } #footer ul {list-style-type:none} #footer li { background: url(../img/calceus/space-footer.png) repeat-x scroll 0 0 transparent; padding: 9px 0; } #footer li a { color:#ECECEC; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#footer .loyalty img { display: none } #footer .lnk_wishlist img { display: none }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#footer .myaccount {padding: 15px 10px} #footer .myaccount h4 { padding:0 0 10px 0; background:none; text-shadow:none } #footer .myaccount .favoriteproducts img, #footer .myaccount .lnk_wishlist img {display:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PRODUCT PAGE ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* BLOCK idTabs ******************************************************************************** */ .idTabs { list-style-type: none; margin-top: 20px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]ul.idTabs li { float: left; font-size: 13px; margin-right: 3px } .idTabs a { display:block; padding:10px 15px 7px 15px; font-weight:bold; text-decoration:none; color:#333333; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; background:#DBDDE0; border-top: 1px solid #BBBCBF; border-left: 1px solid #BBBCBF; border-right: 1px solid #BBBCBF; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .idTabs a:hover { color:#84ab3e; } .idTabs .selected { color:#84ab3e; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; background:#DBDDE0; border-top: 1px solid #BBBCBF; border-left: 1px solid #BBBCBF; border-right: 1px solid #BBBCBF; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#more_info_sheets { padding-top:17px; background:#DBDDE0; border: 1px solid #BBBCBF; margin: -1px 0 20px; padding: 17px 15px 15px 15px; } #more_info_sheets p { padding-bottom: 0; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #more_info_sheets ul, #more_info_sheets ol, #more_info_sheets dl {list-style-type: none;} #more_info_sheets ul li { padding-bottom:5px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #more_info_sheets ul li a { color:#333333; font-weight: bold; padding-left: 27px; background: transparent url(../img/icon/download.png) no-repeat -2px; } #more_info_sheets ul li a:hover { color:#84ab3e; background: transparent url(../img/icon/download-hover.png) no-repeat -2px; } #more_info_sheets em {font-style:italic} [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#more_info_sheets ul#idTab4 , #more_info_sheets ol#idTab4 , #more_info_sheets dl#idTab4 { list-style-type: none; } #more_info_sheets ul#idTab4 .block { background-color: transparent; border: none; margin-bottom: 8px; outline: none; padding: 5px 0 10px 0; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#more_info_sheets ul#idTab4 li { float: left; height: 217px; line-height: 23px; margin-right: 8px; text-align: center; width: 190px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#more_info_sheets ul#idTab4 li a { background: none; color: #333333; font-weight: bold; padding-left: 0px; } #more_info_sheets ul#idTab4 li a:hover { color:#84ab3e; background: none; } #more_info_sheets ul#idTab4 li img { height: 180px; width: 180px } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* 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}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].block_hidden_only_for_screen {display:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE AUTHENTIFICATION ************************************************************************************************ */ #authentication #left_column {display:none} #authentication #center_column{width:985px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* nav bottom ********************************************************************************** */ #order #left_column , #order-confirmation #left_column {display:none} #order #center_column, #order-confirmation #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].cart_navigation { margin: 20px 27px; } .cart_navigation .exclusive, .cart_navigation .exclusive_large { float:right } .cart_navigation .button, .cart_navigation .button_large { border-color:#737373; color: #ECECEC; background-image:url(../img/bg_bt_2.gif) }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* step 1 - cart ******************************************************************************* */ .cart_last_product {display:none} p.contains { font-size: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-bottom: 0px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]span.contains { float: right; font-size: 12px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-bottom: 0px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*p.cart_navigation .multishipping-button { margin-right: 10px }*/[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-detail-content {margin-bottom:20px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary th { height: 40px; font-weight: bold; text-transform: uppercase; color: #ECECEC; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; background: #4D4F51 url(../img/calceus/bg-table.gif) repeat-x; } table#cart_summary th.cart_product {text-align:center} table#cart_summary td { padding:12px; font-weight: normal; font-size:12px; vertical-align:middle; text-align: left; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } table#cart_summary td.cart_delete, table#cart_summary td.price_discount_del {border-right:none;text-align: center} table#cart_summary td.last_item { border-bottom: 1px solid #D8D8D8 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]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, table#cart_summary tr.cart_total_tax{ background-color: #fff; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary tr.cart_total_price { margin-top: 20px; } table#cart_summary tr.cart_item.even { background-color: #f3f3f3 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary tr.customization.odd { background-color: #fff } table#cart_summary tr.customization.even { background-color: #f3f3f3 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary tr ul { list-style: none; } table#cart_summary .cart_product { width:80px; text-align:center }table#cart_summary tbody tr:last-child td { border-bottom: 1px solid #999; } table#cart_summary .cart_product img { border: 1px solid #D8D8D8; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } table#cart_summary .cart_product img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } table#cart_summary .cart_description { width:230px; } table#cart_summary .cart_unit {width:130px; text-align: center} table#cart_summary td.cart_unit {text-align: center} table#cart_summary .cart_quantity {width:130px; text-align: center} table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;} .cart_quantity .cart_quantity_input { background-color: whitesmoke; color: #888888; font-weight: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; margin-left: 20px; width: 25px; height: 30px; padding-left: 15px; border:1px solid #B9B9B9 } .cart_quantity .cart_quantity_button {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]margin-right: 30px; margin-left: 10px; margin-top: 2px } table#cart_summary .cart_total {width:120px; text-align: center} table#cart_summary td.cart_total { text-align: center; font-weight: bold; } table#cart_summary .cart_delete { width:64px; text-align:center } table#cart_summary .cart_discount_price {text-align: right} .cart_delete a.cart_quantity_delete, a.price_discount_delete { display:inline-block; padding: 1.5px 5px; font-size: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: 1px solid #89ae48; background: #7CA03A; background: -moz-linear-gradient(#A0CE4E, #7CA03A); background: -webkit-linear-gradient(#A0CE4E, #7CA03A); background: -o-linear-gradient(#A0CE4E, #7CA03A); background: -ms-linear-gradient(#A0CE4E, #7CA03A); background: linear-gradient(#A0CE4E, #7CA03A); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; -ms-transition-property: border-color; transition-property: border-color; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -o-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; text-shadow: none; cursor: pointer; color: white; text-transform: uppercase; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary .cart_discount_price:hover {text-align: right} .cart_delete:hover a.cart_quantity_delete:hover, a.price_discount_delete:hover { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); background: #84ab3e; background: -moz-linear-gradient(#AEDE54, #84ab3e); background: -webkit-linear-gradient(#AEDE54, #84ab3e); background: -o-linear-gradient(#AEDE54, #84ab3e); background: -ms-linear-gradient(#AEDE54, #84ab3e); background: linear-gradient(#AEDE54, #84ab3e);[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].cart_total_price .total_price_container { border-right:none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary .cart_total_price td.cart_voucher { line-height: 70px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary #total_price_container { }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].cart_voucher h4, .cart_voucher p {float:left;} .cart_voucher h4 { margin-right: 12px; font-family: Oswald; padding: 15px 0 0 0; font-size: 18px; font-weight: normal; width: auto } .cart_voucher p {padding-bottom:0;} .cart_voucher #display_cart_vouchers { clear:both; line-height: 16px; color:#666; font-weight:normal; border-top:1px dotted #ccc } .cart_voucher #display_cart_vouchers .title_offers {margin-top:10px} .cart_voucher #display_cart_vouchers span {font-weight:bold} .cart_voucher input.discount_name { margin-top: 5px; width:170px; height: 38px; color: #888888; font-weight: normal; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; } .cart_voucher input.discount_name:focus {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]border:1px solid #89ae48; } .cart_voucher .submit input.button { margin: 5px 0 0 10px; padding: 0 10px; height: 40px; line-height: 40px; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].cart_voucher .submit input.button:hover { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]text-decoration:none; background-position: left -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#cart_summary .price { border-right:none; text-align: right; white-space: nowrap; font-weight: normal; } .total_price_container p {text-align: center}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary .cart_total_price .total_price_container { padding:0;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} .cart_total_price .total_price_container p { display:block; background: #DBDDE0; border: 1px solid #BBBCBF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; font-size:18px; padding:15px; margin-right: 20px; font-weight:normal; color:#5C5C5C; text-transform:uppercase; } .cart_total_price .total_price_container span { color:#5C5C5C; padding-left: 20px; font-family: Oswald; font-weight:normal; font-size:18px; text-align:center }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order_carrier { clear:both; margin-top:20px; border:1px solid #999; background:#fff } #order_carrier h4 { 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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].order_delivery .first_item {margin-right:35px;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].multishipping_close_container { text-align: center; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]table#cart_summary .gift-icon { color: white; background: #0088CC; line-height: 20px; padding: 2px 5px; border-radius: 5px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* step 2 - authentification ******************************************************************* */ #create-account_form, #authentication #login_form { clear: none; float: left; height: 380px; width: 49%; } #create-account_form { margin-right: 19px; height: 345px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#authentication #create-account_form fieldset, #authentication #login_form fieldset { height: 280px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#authentication #create-account_form .form_content, #authentication #login_form .form_content { padding: 15px 25px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#create-account_form h3, #authentication #login_form h3 { background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-size: 12px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; } #create-account_form h4 { font-family: Verdana,Arial,Helvetica; color: #444444; font-size: 13px; font-weight: bold; text-transform: none; line-height: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; margin-bottom: 20px; padding-left: 2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#create-account_form label, #login_form label { color: #444444; margin: 0 0 10px 2px; font-size: 14px; display: inline-block; width: auto; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #login_form_content label { display:block; margin:0 0 10px 0; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#create-account_form #email_create, #login_form #email, #login_form #passwd, #login_form #login_email, #login_form #login_passwd { background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #888888; font-size: 14px; height: 40px; padding: 0 5px; width: 360px;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#create-account_form #email_create:focus, #login_form #email:focus, #login_form #passwd:focus, #login_form #login_email:focus, #login_form #login_passwd:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#create-account_form #SubmitCreate, #login_form #SubmitLogin { font-family: Verdana,Arial,Helvetica; font-weight: normal; font-size: 12px; text-transform: uppercase; color: #464646; float: left; margin-top: 20px; padding: 0 25px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].lost_password { float:left; width:200px } .lost_password a {color:#333333} .lost_password a:hover {color:#84ab3e}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc .lost_password { display: block; float: none; margin: 5px 0 10px; width: auto; font-size: 12px; color: #333333; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc .lost_password:hover {color:#84ab3e}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#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:480px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; } #ordermsg .textarea textarea:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* step 3 - address ************************************************************************** */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].address-form-multishipping { padding: 10px 0px; } #multishipping_mode_box { border: 1px solid #D0D3D8; background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5; margin-bottom: 10px; padding: 5px; } #multishipping_mode_checkbox { vertical-align: middle; margin-right: 5px; } #multishipping_mode_box.on { border: 1px solid #ddd; } #multishipping_mode_box .title { padding: 5px; font-weight: bold; } #multishipping_mode_box .description, #multishipping_mode_box .description_off { padding: 5px; } #multishipping_mode_box .description_off { display: none; padding: 5px; } #multishipping_mode_box .description_off div { margin-bottom: 10px; } #multishipping_mode_box .description_off a, #multishipping_mode_box .description a { display: block; text-align: center; text-decoration: none; padding: 5px 10px; margin: 0 160px; border: 1px solid #ccc; background: #ddd; } #multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover { background: #f3f3f3; border: 1px solid #ccc; } #multishipping_mode_box.on .description_off { display: block; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* step 4 - paiement ************************************************************************** */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].delivery_options { border: 1px solid #BDC2C9; border-top: 0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order .delivery_options_address h3, #order-opc .delivery_options_address h3 { /*background: url("../img/table_header.gif") no-repeat; color: #374853; font-weight: bold; height: 14px; padding: 5px 10px; margin: 10px 0 0 0;*/ padding: 6px 11px; font-size: 12px; margin-bottom: 0px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; background: none repeat scroll 0 0 #383838; } #order .delivery_option_radio, #order-opc .delivery_option_radio { float: left; margin: 21px 12px; } #order .delivery_option label, #order-opc .delivery_option label { display: block; padding-bottom: 5px; padding-top: 5px; } #order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume { height: 46px; width: 685px; } #order .delivery_option.item, #order-opc .delivery_option.item { background: #DBDDE0; } #order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item { border-top: 1px solid #bdc2c9; background: #f1f2f4; border-bottom: 1px solid #bdc2c9; } #order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td { padding: 0 8px; } #order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td { width: 300px; } #order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td { width: 100px; text-align: right; } #order .delivery_option_carrier td {width:200px} #order .delivery_option_carrier td + td {width:280px;} #order .delivery_option_carrier td + td + td {width:200px} #order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo { padding-left:10px; width: 160px; } #order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ } #order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item { padding: 3px 5px 3px 12px; background:url(../img/arrow_right_2.png) no-repeat 3px 7px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].order_carrier_content { padding:25px; font-size:12px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } .order_carrier_content h3 { padding:15px 0 10px 0; font-size:13px; color:#000 } .order_carrier_content h3.carrier_title { padding-top:0; margin-bottom: 0px; } .order_carrier_content input { position:relative; top:2px; margin-right: 5px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].order_carrier_content p.checkbox { margin-bottom: 15px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#carrierTable { border:1px solid #999; border-bottom:none; background:#fff }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#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}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#gift_div { display:none; padding-bottom:10px } #gift_div label { display:block; margin-bottom:5px } #gift_div #gift_message { height:50px; width:720px; border:1px solid #999 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]a.iframe {font-weight:bold}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].hook_extracarrier { margin-top: 5px; padding: 5px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* step 5 - paiement ************************************************************************** */ .paiement_block { padding:25px; font-size:12px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].payment_module { background: #DBDDE0; border: 1px solid #BBBCBF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; position: relative; padding: 15px; text-transform:uppercase; margin-bottom: 15px; font-size: 12px; font-weight: bold; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .payment_module a {display:block;} .payment_module img { float:left; margin-right:10px } /*.payment_module span { position:absolute; top:50px; left:145px }*/[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].payment_module:before, .payment_module:after { content: "."; display: block; height: 0; overflow: hidden } .payment_module:after {clear: both} .payment_module {zoom: 1}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ #order-opc #left_column {display:none} #order-opc #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc h2 { height: 40px; line-height: 40px; font-family: Oswald; font-size: 18px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; font-weight: normal; padding-bottom: 0px; margin-bottom: 10px } #order-opc h2 span { display:inline-block; font-weight: bold; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; text-shadow: none; height: 35px; width: 23px; line-height: 35px; padding: 0 0 0 15px; margin-right: 5px; color:#ECECEC; background:#4D4F51; border: 4px solid #FFFFFF; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #login_form fieldset {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]font-size: 13px; margin: 0 0 10px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } #order-opc #login_form h3 { background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-size: 12px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #login_form fieldset p {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]margin: 20px 0 0 0; font-family: Oswald; font-size: 18px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #login_form fieldset p a { padding:0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #new_account_form p.submit { margin: 20px 30px 0 0; text-align:right } #order-opc #new_account_form p.opc-required { margin-left:20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; color: #EC3E3F }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc .addresses {margin-bottom:20px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods h3 { font-size: 12px; margin-bottom: 0px; background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-weight: bold; text-transform: uppercase; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods h3.carrier_title { font-size: 12px; margin-bottom: 0px; background: none; color: #444444; font-weight: bold; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods h3.gift_title { font-size: 12px; margin-bottom: 0px; background: none; color: #444444; font-weight: bold; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods h3.condition_title { font-size: 12px; margin-bottom: 0px; background: none; color: #444444; font-weight: bold; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods #msg { padding: 25px 25px 25px 18px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods h3.order_message { font-size: 18px; font-family: Oswald; margin-bottom: 0px; background: none; color: #444444; font-weight: normal; text-transform: none; padding: 15px 0 10px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods textarea { height: 60px; width: 99%; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding: 5px; margin-top: 5px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_delivery_methods textarea:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-opc #opc_payment_methods {margin-bottom:20px} #order-opc #opc_payment_methods #opc_payment_methods-content p{}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].delivery_option_carrier td {width:200px} .delivery_option_carrier td + td {width:280px;} .delivery_option_carrier td + td + td {width:200px} .delivery_option_carrier { margin: 5px 0 0 45px; width: 670px; display: none; } .delivery_option_carrier tr td { padding: 5px; } .delivery_option_carrier.selected { display: table; } .delivery_option_carrier.not-displayable { display: none; } .delivery_option_title { font-weight: bold; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form { clear:both; margin-bottom: 20px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } #new_account_form.std fieldset { border: none; margin: 0 0 20px 0; } #new_account_form h3 { background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-size: 12px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_account_form h4 { font-family: Oswald,sans sherif,Verdana,Arial; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 7px 0; padding-left: 2px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#center_column #new_account_form p { margin:0; padding:0 0 10px 0 } #new_account_form p.required {color:#222} #new_account_form p.required sup {color:#990000} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label { display: inline-block; padding: 6px 15px; width: 250px; color: #444444; font-size: 14px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-align: right } #new_account_form p.radio label { float:none; padding-right:10px; width:auto; font-size:14px; } #new_account_form p.checkbox label { float: none; width: auto; font-size: 12px; } #new_account_form p.text input, #new_account_form p.password input, #new_account_form p.select input { background-color: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #888888; font-size: 14px; height: 40px; width: 360px; padding: 0 5px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_account_form p.text input:focus, #new_account_form p.password input:focus, #new_account_form p.select input:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_account_form p.text select, #new_account_form p.password select, #new_account_form p.select select { background-color: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #888888; font-size: 14px; height: 30px; margin-right: 10px; padding: 5px; width: 115px; } #new_account_form p.text select:focus, #new_account_form p.password select:focus, #new_account_form p.select select:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_account_form p.text option, #new_account_form p.password option, #new_account_form p.select option { margin-left: 7px } #new_account_form p.checkbox input { margin-left: 285px; vertical-align: -2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_account_form #submitGuestAccount {float: right}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE PASSWORD ************************************************************************************************ */ #form_forgotpassword fieldset { font-size: 13px; margin: 0 0 10px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } #form_forgotpassword p.email label { display: inline-block; width: auto; font-weight: normal; font-size: 13px; text-align: left } #form_forgotpassword p.text input { padding: 0 5px; height: 40px; width: 360px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #form_forgotpassword p.submit {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]text-align: left; padding-bottom: 0px; margin-top: 10px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#password .icon { position:relative; top:7px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ #addresses #left_column {display:none} #addresses #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#address p.inline-infos { margin:0 0 0 285px !important; font-size:12px; color:#444px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE ADD ADRESS ************************************************************************************************ */ #address #left_column {display:none} #address #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]form#add_adress { margin-top: -10px } #add_adress fieldset { margin-bottom:20px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } #add_adress h3 { background: url("../img/calceus/bg-table.gif") repeat-x scroll 0 0 #4D4F51; color: #ECECEC; font-size: 12px; height: 40px; line-height: 40px; padding: 0 11px; font-weight: bold; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; } #center_column #add_adress p {margin:0; padding:0 0 10px 0} #add_adress p.required { color:#222 } #add_adress p.required sup {color:#990000}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#add_adress p.text label, #add_adress p.password label, #add_adress p.select label, #add_adress p.select span, #add_adress p.textarea label { float: none; display:inline-block; padding:6px 15px; width:250px;/* 260 */ font-size:14px; text-align:right } #add_adress p.text input, #add_adress p.password input, #add_adress p.select input { padding: 0 5px; height: 40px; font-size: 14px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 360px; } #add_adress p.text input:focus, #add_adress p.password input:focus, #add_adress p.select input:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#add_adress p.checkbox input { margin-left: 285px; vertical-align: -2px; } #add_adress p.select select { margin-right:10px; font-size: 14px; height: 30px; width: 115px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding: 5px; } #add_adress p.select select:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 } #add_adress p.textarea label {vertical-align:top} #add_adress p.textarea textarea { height:80px; width:370px; font-size: 14px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #add_adress p.textarea textarea:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 } #center_column #add_adress p.submit2 { margin-top:20px; text-align:right }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#add_adress span.form_info, #add_adress span.inline-infos { display:block; margin:5px 0 0 265px; color:#666 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE ORDER-SPLIP ************************************************************************************************ */ #order-slip #left_column {display:none} #order-slip #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#order-slip #order-list {border-bottom:1px solid #999} #order-slip #order-list td { border-top: 1px solid #ccc; border-bottom:none } #order-slip #order-list td.history_invoice {border-right:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ #discount #left_column {display:none} #discount #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#discount .table_block tr.last_item td {border-bottom:1px solid #999} #discount .table_block td.discount_expiration_date {} #discount .table_block td.discount_value {white-space:nowrap}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} #order-follow #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ #manufacturer h1 span .nbrmanufacturer { color: #333333; float: right; font-family: Verdana,Arial,Helvetica; font-size: 12px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#manufacturer #product_list {margin-top:15px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]ul#manufacturers_list {list-style-type:none} ul#manufacturers_list li { margin-bottom: 14px; padding: 12px 0; } 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 #D8D8D8; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; height: 210px; width: 210px; vertical-align: bottom } ul#manufacturers_list li img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } ul#manufacturers_list li h3 { margin-bottom: 30px; font-size: 14px; color: #333333 } ul#manufacturers_list li h3:hover {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]color: #84ab3e } ul#manufacturers_list li h3 span { float: right; line-height: 15px; margin-top: 1px; background-color: #DBDDE0; border: 1px solid #BBBCBF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #464646; font-size: 10px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#manufacturers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#848484; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#manufacturers_list li .right_side { float: right; margin-top: 35px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].description_box { font-size: 12px; margin-bottom: 10px; } .description_box p { margin-bottom: 10px; padding-bottom: 0px; color:#848484; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .description_box .hide_desc { display: none; } .description_box .lnk_more { display: block; float: right; height: 40px; width: 40px; line-height: 40px; text-align: center; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; cursor: pointer; } .description_box .lnk_more:hover { text-decoration:none; background-position: left -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } .description_box ul { padding-left: 30px; padding-bottom: 0px; color:#848484; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE SUPPLIER ************************************************************************************************ */ #supplier h1 span .nbrmanufacturer { color: #333333; float: right; font-family: Verdana,Arial,Helvetica; font-size: 12px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: none; } ul#suppliers_list {list-style-type:none} ul#suppliers_list li { margin-bottom: 14px; padding: 12px 0; } 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 #D8D8D8; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; height: 210px; width: 210px; vertical-align: bottom } ul#suppliers_list li img:hover { -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); } ul#suppliers_list li h3 { margin-bottom: 30px; font-size: 14px; color: #333333 } ul#suppliers_list li h3:hover { color: #84ab3e } ul#suppliers_list li h3 span { float: right; line-height: 15px; margin-top: 1px; background-color: #DBDDE0; border: 1px solid #BBBCBF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #464646; font-size: 10px; font-weight: normal; padding: 5px 10px; text-transform: uppercase; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#suppliers_list li .description { overflow: hidden; padding: 0; font-size:12px; color:#848484; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } ul#suppliers_list li .right_side { float: right; margin-top: 35px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ 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}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ PAGE 404 ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagenotfound #footer {}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagenotfound #left_column, #pagenotfound #right_column {display:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagenotfound #center_column {width:1024px;}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagenotfound .pagenotfound { padding: 30px 280px 0 0; height: 330px; font-size: 12px; background:url(../img/bg_404.png) no-repeat 100% 0 } #pagenotfound h3 { font-weight:normal; font-size: 12px } #pagenotfound fieldset { margin-bottom:20px; background-color: #ffffff; border: 1px solid #D0D0D0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px; -moz-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.1), 0 0 25px rgba(0, 0, 0, 0.1) inset; } #pagenotfound fieldset label { color:#333; font-size: 12px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #pagenotfound #search_query { height: 40px; width: 300px; margin-left: 5px; color: #888888; background: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; } #pagenotfound #search_query:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 } #pagenotfound .button_small { background: url("../img/bg_bt.gif") repeat-x scroll 0 0 transparent; border: 1px solid #89AE48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #464646; cursor: pointer; display: inline-block; font-weight: normal; height: 40px; line-height: 40px; padding: 0 20px; position: relative; text-transform: uppercase; } #pagenotfound .button_small:hover { text-decoration:none; background-position: left -80px; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); } #pagenotfound .pagenotfound a { font-weight:normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; color:#333333 } #pagenotfound .pagenotfound a:hover {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]color:#84ab3e }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#pagenotfound .pagenotfound .icon { position:relative; top:3px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #left_column {display:none} #module-cheque-payment #center_column{width:1024px} [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#module-cheque-payment #center_column h2 { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: Oswald; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 10px 0 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding-bottom: 0px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#module-cheque-payment #center_column h3 { font-size: 13px; height: 30px; line-height: 30px; margin-bottom: 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-weight: bold }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-bankwire-payment #left_column {display:none} #module-bankwire-payment #center_column{width:1024px} [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#module-bankwire-payment #center_column h2 { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: Oswald; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; margin: 10px 0 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding-bottom: 0px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#module-bankwire-payment #center_column h3 { font-size: 13px; height: 30px; line-height: 30px; margin-bottom: 20px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-weight: bold }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addons google checkout ************************************************************************************************ */ #module-gcheckout-payment #left_column {display:none} #module-gcheckout-payment #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addons paypal ************************************************************************************************ */ #module-payment-submit #left_column {display:none} #module-payment-submit #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addons cashondelivery validation ************************************************************************************************ */ #module-cashondelivery-validation #left_column {display:none} #module-cashondelivery-validation #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ 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{ cursor: pointer; float: left; padding-top: 3px; text-align: left; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; width: 95%; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #module-referralprogram-referralprogram-program #center_column{width:757px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#footer .myaccount li.referralprogram img {display:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#module-referralprogram-referralprogram-program .sheets {padding-top:10px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column {display:none} #module-loyalty-default #center_column{width:1024px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product p#loyalty { clear: both; padding: 0 0 0 30px; background:url(../img/icon/loyalty.png) no-repeat 0 -2px; margin-top: 10px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product p#loyalty b { color: #EC3E3F; font-weight: normal }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product p#loyalty span { color: #EC3E3F }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#footer .myaccount li.loyalty img {display:none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ 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}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ 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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#sendComment p.closeform { float:right; padding:0; height:12px; width:12px; text-indent:-5000px; background:url(../img/icon/delete.gif) no-repeat 0 0 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].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 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ xxxxx ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ guest tracking ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#guest-tracking fieldset p:first-child { padding-top: 10px; } #guest-tracking fieldset p:last-child { padding-bottom: 10px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ bloc top menu ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].sf-contener { clear: both; margin-bottom: 20px } .sf-right { display: none; margin-right: 14px; float: right; width: 7px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { margin: 10px 0; width:1014px;/* 980 */ height: 40px; background-color: #D0D1D4; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ color: black } .sf-menu li { float: left; position: relative; height: 40px; color:#363839; font-size: 14px; background: #D0D1D4; } .sf-menu a { display: block; position: relative; color:#363839; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .sf-menu a:hover { color:black; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 42px; /* match top ul list item height */ z-index: 99; width:auto } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*** DEMO SKIN ***/ .sf-menu { float: left; margin: 26px 0 20px 0; } .sf-menu a { display:block; margin-right:2px; padding: 0 22px 0 20px; line-height:40px; border: 0; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#363839; white-space:nowrap; } .sf-menu a:hover { color: black; } .sf-menu li li { background: #D6D7DB; font-size: 12px; border-bottom: 1px solid #B9C1C4 } .sf-menu li li li { background: #D6D7DB; border-bottom: 1px solid #B9C1C4 } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #D0D1D4; height: 40px } .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: #D0D1D4; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-menu a.sf-with-ul:hover { background: #D0D1D4; color: black; } .sf-sub-indicator { display: none; position: absolute; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('modules/blocktopmenu/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*** shadows for all but IE6 ***/ .sf-shadow ul { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]background: #D0D1D4; border-bottom: 1px solid #D0D1D4; -moz-box-shadow: 0px 1px 2px #B0B8BB; -webkit-box-shadow: 0px 1px 2px #B0B8BB; -o-box-shadow: 0px 1px 2px #B0B8BB; -ms-box-shadow: 0px 1px 2px #B0B8BB; box-shadow: 0px 1px 2px #B0B8BB; } .sf-shadow ul.sf-shadow-off { background: transparent; } li.sf-search { background: inherit; float: right; line-height: 25px; } li.sf-search input { -moz-border-radius: 0 5px 5px 0; padding: 3px 0; padding-left: 20px; margin-top: 4px; background: #fff url(../img/search.gif) no-repeat left center; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* hack IE7 */ .sf-menu a, .sf-menu a:visited {height:40px; color:#363839; !IE;} .sf-menu li li { width:250px; background:#D0D1D4 !IE; } .sf-menu a:hover { color: black; !IE; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ block top search ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right #search_block_top { position:relative; top:68px; left:150px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right #search_block_top label, #header_right #search_block_top input { float: left } #header_right #search_block_top label { display: none; background: transparent url('../img/icon/search.gif') no-repeat 0 2px; float: left; width: 19px; height: 18px; } #header_right #search_block_top input.buttonnier { display: block; margin-left: -0.5px; border: none; color: #888888; background: transparent url('../img/calceus/search-button.png') no-repeat; height: 39px; width: 39px; cursor: pointer; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right #search_block_top .search_query:focus { background: #454545; color: #888888; border: 1px solid #656565 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right #search_block_top .fond-search { float: left; background: transparent; height: 40px; width: 336px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#header_right #search_block_top .search_query { background-color: #454545; width: 23em; height: 35px; border: 1px solid #656565; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; padding-left: 10px; color: #888888; font-style: italic } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* block left column "Quick search" */ #search_block_left input { margin: 2px 0 0 0 } #search_block_left .search_query { width: 11em } #search_button { display: inline }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ block top currencies ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top { background: url('') no-repeat; margin-right: 10px; margin-top: 10px; float: right; height: 20px; width: 70px; text-align: center; } #currencies_block_top li { float: left; margin-left: 10px; margin-top: 2px } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top a { display: block; font-size: 0.8em; background-color: #f1f2f4; border: #595a5e 1px solid; text-decoration: none; min-width: 1em; padding: 0 2px 0 3px; line-height: 1.5em; text-align: center; vertical-align: middle } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top a:hover { background-color: white; color: black }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top .selected a { border: none; background-color: transparent; font-size: 11px; line-height: 1.2em; font-weight: bold; color: black; border: 1px solid white } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top p { clear: left } #currencies_block_top input, textarea, select { height: 25px; padding: 3px; width: 70px; color: #888888; background: #454545; border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top option { padding-left: 0.5em; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top input, textarea, select:focus { background: #454545; color: #888888; border: 1px solid #656565 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top input[type=text] { height: 25px; width: 70px; color: #888888; background: #454545; border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 5px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_block_top input[type=text]:focus { background: #454545; color: #888888; border: 1px solid #656565 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] /* ************************************************************************************************ blocklangcurr ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#currencies_lang_curr { background: url('') no-repeat; margin-top: 10px; float: right; } #currencies_lang_curr option { padding-left: 0.5em; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] /* ************************************************************************************************ Block newsletterfooter ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer { float:left; width: 280px; padding: 20px 0 0 0; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer li { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]background: transparent; padding: 10px 0px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer p {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]color: #EC3E3F; font-size: 12px; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black } #newsletter_footer p.msg_news {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]margin-bottom: 10px; color: #949494; font-size: 12px; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer input[type=text] { padding-left: 5px; height: 30px; width: 270px; font-size: 12px; font-style: italic; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #888888; background: #454545; border: 1px solid #656565; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer input[type=text]:focus { background: #454545; color: #888888; border: 1px solid #656565 } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer select { padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; height: 30px; width: 180px; font-size: 12px; font-style: italic; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #888888; background: #454545; border: 1px solid #656565; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer select:focus { background: #454545; color: #888888; border: 1px solid #656565 } #newsletter_footer option { padding-left: 7px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer input[type="submit"], input.button_news a { display: inline-block; margin-top: 10px; height: 30px; line-height: 30px; padding: 0 20px; border:1px solid #323232; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight: normal; background:url(../img/newsfoot_bt.png) repeat-x; cursor: pointer; color: #AEAEAE; text-transform: none; -webkit-box-shadow: 0 0 1px 1px #2F2F2F; -moz-box-shadow: 0 0 1px 1px #2F2F2F; -o-box-shadow: 0 0 1px 1px #2F2F2F; -ms-box-shadow: 0 0 1px 1px #2F2F2F; box-shadow: 0 0 1px 1px #2F2F2F;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#newsletter_footer input[type="submit"]:hover, input.button_news a:hover { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]text-decoration:none; background-position: left -60px; -webkit-box-shadow: 0 0 1px 1px #2F2F2F; -moz-box-shadow: 0 0 1px 1px #2F2F2F; -o-box-shadow: 0 0 1px 1px #2F2F2F; -ms-box-shadow: 0 0 1px 1px #2F2F2F; box-shadow: 0 0 1px 1px #2F2F2F; border: 1px solid #4c6225; color: #2C2C2C;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ homeslider ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* @override http://localhost/bxslider_v3_plugin/css/styles.css */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* * To change the color scheme of slider change each * background property for each of the five styles below */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-window {margin-bottom:20px;} .bx-wrapper { margin-bottom:20px; height:380px; } /*next button*/ .bx-next { display:none; position:absolute; top:40%; right:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(modules/homeslider/gray_next.png) no-repeat 0 -30px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*previous button*/[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-prev { display:none; position:absolute; top:40%; left:-50px; z-index:999; width: 30px; height: 30px; text-indent: -999999px; background: url(modules/homeslider/gray_prev.png) no-repeat 0 -30px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*pager links*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-pager { position: absolute; bottom: 20px; bottom:40px !ie;/* hack ie7 */ right: 0px } .bx-pager a { display:inline-block; zoom:1; margin-right: 14px; height:100px;/* 19 */ width:100px;/* 19 */ font-weight:bold; font-size: 11px; color:#f1f1f1; text-decoration:none; border: 4px solid #FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].pager-1, .pager-active a { background: url(modules/homeslider/images/1.jpg) no-repeat; height: 100px; width: 100px; color: none; } .pager-2, .pager-active a { background: url(modules/homeslider/images/2.jpg) no-repeat; height: 100px; width: 100px; color: none; } .pager-3, .pager-active a { background: url(modules/homeslider/images/3.jpg) no-repeat; height: 100px; width: 100px; color: none; } .pager-4, .pager-active a { background: url(modules/homeslider/images/4.jpg) no-repeat; height: 100px; width: 100px; color: none; } .pager-5, .pager-active a { background: url(modules/homeslider/images/5.jpg) no-repeat; height: 100px; width: 100px; color: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*auto start button*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-auto .start { background: url(modules/homeslider/gray_auto.png) no-repeat 0 2px; padding-left: 13px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*auto stop button*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-auto .stop { background: url(modules/homeslider/gray_auto.png) no-repeat 0 -14px; padding-left: 13px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* * End color scheme styles */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*next/prev button hover state*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-next:hover, .bx-prev:hover { background-position: 0 0; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*pager links hover and active states*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-pager .pager-active, .bx-pager a:hover { color:#f1f1f1; text-decoration:none; background-position: 0 0; -webkit-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1); }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*captions*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-captions { text-align:center; font-size: 12px; padding: 7px 0; color: #666; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/*auto controls*/ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-auto { text-align: center; padding-top: 15px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].bx-auto a { color: #666; font-size: 12px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ Products Sort Form ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#productsSortForm p { clear: both; float: right; list-style: none outside none; margin: 5px 0 15px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#productsSortForm select { background-color: whitesmoke; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #888888; font-size: 12px; height: 30px; padding: 5px; width: 160px; } #productsSortForm select:focus { background: whitesmoke; color: #888888; border: 1px solid #89ae48 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#productsSortForm option { padding-left: 7px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#productsSortForm label { color: #888888; float: left; margin: 9px 10px 0 0; text-transform: uppercase; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] /* ************************************************************************************************ paypal button product page ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#payment_paypal_express_checkout { cursor: pointer; display: none; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] /* ************************************************************************************************ favorite products lnk product page ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#usefull_link_block li#favoriteproducts_block_extra_add { -ms-display: none; cursor: pointer; padding-right:15px; padding-top: 5px; border-right: 1px solid #CCCCCC }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#usefull_link_block li#favoriteproducts_block_extra_remove { -ms-display: none; cursor: pointer; padding-right:15px; padding-top: 5px; border-right: 1px solid #CCCCCC }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]ul#usefull_link_block li#favoriteproducts_block_extra_added { -ms-display: none; cursor: pointer; padding-right:15px; padding-top: 5px; display: none; border-right: 1px solid #CCCCCC }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]ul#usefull_link_block li#favoriteproducts_block_extra_removed { -ms-display: none; cursor: pointer; padding-right:15px; padding-top: 5px; display: none; border-right: 1px solid #CCCCCC } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] /* ************************************************************************************************ Product comments ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra { padding:40px 0 0 0; font-weight: bold; font-size:12px; line-height:18px } #product_comments_block_extra a {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra a:hover {text-decoration: none}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra .comments_note {margin-bottom:5px} #product_comments_block_extra .comments_note span, #product_comments_block_extra .star_content {float:left} #product_comments_block_extra .star_content {margin-top:2px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra div.star {background: url(../img/star.gif) no-repeat scroll 0 0 transparent}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra div.star_on {background: url(../img/star.gif) no-repeat scroll 0 -12px transparent}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_extra .comments_advices {clear:both; float: right; padding-top: 10px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* pop-in add grade/advice ********************************************************************* */ #fancybox-wrap { width:585px } #fancybox-content { width:585px; border-width:0 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form { width:585px; color: #333; text-align: left; background-color: #fff } #new_comment_form .title { padding: 14px; margin: 0 14px; font-size: 18px; font-family: Oswald; color: #ECECEC; text-transform: uppercase; background: #363839; -webkit-text-shadow: 1px 1px 0 black; -moz-text-shadow: 1px 1px 0 black; -o-text-shadow: 1px 1px 0 black; -ms-text-shadow: 1px 1px 0 black; text-shadow: 1px 1px 0 black; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form ul.grade_content {list-style-type:none} #new_comment_form .grade_content li {width:50%} #new_comment_form .product {padding:15px} #new_comment_form .product img { float:left; border: 1px solid #CDCDCD; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form .product .product_desc { float:left; margin-left:15px; width:300px; line-height:18px; color:#666 } #new_comment_form .product .product_desc .product_name { height: 30px; line-height: 40px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color:#333333; font-family: Oswald; font-size: 18px; font-weight: normal; text-transform: uppercase; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #new_comment_form p { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form p a {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #new_comment_form p a:hover {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]color: #84ab3e; text-decoration: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form p.fr { margin: 15px 20px 0 0 }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form .grade_content {margin:0 0 20px 0} #new_comment_form .grade_content span, #new_comment_form .grade_content span { display:inline-block; padding:0 10px; width:150px;/* 160 */ font-weight:bold } #new_comment_form .grade_content .cancel {margin-right:5px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].new_comment_form_content { padding: 15px; margin: 0 15px 3px 15px; background: #EFEFEF } .new_comment_form_content .intro_form { padding-bottom: 10px; font-weight: bold; font-size: 12px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form label { display: block; margin:12px 0 4px 0; font-weight: bold; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; font-size: 13px; } #new_comment_form input[type=text] { padding: 0 5px; height: 30px; width: 512px; border: 1px solid #B9B9B9; color: #888888; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form input[type=submit] { display:inline-block; height: 40px; line-height: 40px; width: 170px; padding: 0 20px; border:1px solid #89ae48; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-weight:normal; text-transform: uppercase; color:#464646; background:url(../img/bg_bt.gif) repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #new_comment_form textarea { padding: 5px; height: 80px; width: 512px; border: 1px solid #B9B9B9; color: #888888; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form .submit { margin-top:20px; padding:0; font-size:13px; text-align:right } #new_comment_form button { cursor: pointer; display: inline-block; padding: 4px 7px 3px 7px; border: 1px solid #CC9900; border-radius: 3px 3px 3px 3px; font-weight: bold; color: #000; background: url(../img/bg_bt.gif) repeat-x scroll 0 0 #F4B61B }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form #criterions_list { border-bottom: 1px solid #CCC; list-style-type: none; padding-left: 0px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form #criterions_list li { margin-bottom: 15px; background: white; border: 1px solid #B9B9B9; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; padding-left: 20px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form #criterions_list label { display: inline; float: left; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form #criterions_list .star_content { float: left; margin: 12px 10px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#new_comment_form #new_comment_form_footer { margin-top: 20px; font-size: 12px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* TAB COMMENTS ******************************************************************************** */ #product_comments_block_tab {margin:0}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab div.comment { margin:0 0 10px 0; padding: 5px; border-bottom: 1px dotted #ccc }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab div.comment div.comment_author { float: left; padding-right:25px; width: 140px;/* 165 */ line-height:18px } #product_comments_block_tab div.comment div.comment_author span {font-weight:bold;} #product_comments_block_tab div.comment div.comment_author span, #product_comments_block_tab div.comment .star_content { float:left; } #product_comments_block_tab div.comment .star_content {margin: 0 0 0 5px} #product_comments_block_tab div.star, #product_comments_block_tab div.star_on { background: url(../img/star.gif) no-repeat 0 0 transparent } #product_comments_block_tab div.star_on {background-position: 0 -12px} #product_comments_block_tab .comment_author_infos {clear:both} #product_comments_block_tab .comment_author_infos em {color:#999}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab div.comment div.comment_details { float: left; overflow:hidden; width: 360px } #product_comments_block_tab div.comment_details h4 {padding-bottom:10px} #product_comments_block_tab div.comment_details p {padding-bottom:10px} #product_comments_block_tab div.comment_details ul { list-style-type:none; margin:0 } #product_comments_block_tab div.comment_details li { padding:2px 0 2px 12px; background:url(../img/bg_li.png) no-repeat 1px 45% #fff }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab a { height: 40px; line-height: 40px; padding: 10px 0 10px 30px; background: transparent url(../img/comment-extra.png) no-repeat -5px; color: #333333; font-weight: bold } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab a:hover {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]background: transparent url(../img/comment-extra-hover.png) no-repeat -5px; color: #84ab3e; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab button.usefulness_btn { cursor: pointer; margin:0 0 0 5px; display: inline-block; padding: 0 2px; border: 1px solid #CC9900; border-radius: 3px 3px 3px 3px; color: #000; font-weight: bold; background: url("../img/bg_bt.gif") repeat-x scroll 0 0 #F4B61B } #product_comments_block_tab button.usefulness_btn:hover {background-position: left -50px} #product_comments_block_tab button.usefulness_btn:active {background-position: left -100px}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#product_comments_block_tab span.report_btn {cursor: pointer} #product_comments_block_tab span.report_btn:hover {text-decoration:underline}[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].fl { float: left; } .fr { float: right; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ HOOK SHOPPING CART ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]div#HOOK_SHOPPING_CART p#loyalty { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-bottom: 5px; margin: 0 27px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]div#HOOK_SHOPPING_CART span.unvalability { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] font-style: italic } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ CROSSELLING ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#HOOK_SHOPPING_CART #crossselling { display: none }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling h2.productscategory_h2 { clear: both; border-bottom: 1px solid #CCCCCC; color: #333333; font-family: 'Oswald'; font-size: 17px; font-weight: normal; height: 40px; line-height: 40px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; text-transform: uppercase; padding: 0 0 0 5px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]div#crossselling { height: 226px; margin: 1.5em auto 0; width: 100%; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]height: 226px; margin: 1.5em auto; width: 100%; } #crossselling_noscroll { height: 226px; margin: 1.5em auto; width: 100%; margin-bottom: 0px; } #crossselling_list { overflow: hidden; float: left; width: 985px; } #crossselling_list ul { padding-left: 0; list-style-type: none } #crossselling_list li { float: left; cursor: pointer; text-align: center; margin-right: 8px; width: 190px; height: 217px; overflow: hidden; line-height: 23px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling_list li a { margin: auto; color: #333333; font-weight: bold; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; } #crossselling_list li a:hover { margin: auto; color: #84ab3e }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling_list img { border: none; margin-top: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 180px; height: 180px }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling_scroll_left { background: url('img/thumbs_left.png') no-repeat center; text-indent: -3000px; display: block; width: 9px; height: 51px; float: left; margin-top: 70px; margin-right: 10px; } #crossselling_scroll_left:hover { background: url('img/thumbs_left_hover.png') no-repeat center; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling_scroll_right { background-image: url('img/thumbs_right.png'); text-indent: -3000px; display: block; width: 9px; height: 51px; float: left; margin-top: 70px; margin-left: 10px; } #crossselling_scroll_right:hover { background-image: url('img/thumbs_right_hover.png'); }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#crossselling_list li a.lnk_img {display:block} #crossselling_list li a img { border: 1px solid #D8D8D8; margin-top: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } #crossselling_list li a img:hover { margin-top: 3px; -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); } #crossselling_list li p.product_name {text-align:center} /* div#crossselling { padding-top: 10px; clear: both; margin-bottom: 10px } #crossselling { margin: 0 auto 0; height: 170px; width: 100% } #crossselling_noscroll { margin: 0 auto 0; height: 120px; width: 100% } #crossselling_list { overflow: hidden; float: left; width: 96% } #crossselling_list ul { padding-left: 0; list-style-type: none } #crossselling_list li { float: left; margin: 0 3px; cursor: pointer; text-align: center; width: 100px; overflow: hidden } #crossselling_list li a { margin: auto } */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ Block advertising ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].advertising_block { background-color: #FAFAFA; border: 1px solid white; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; list-style: none outside none; outline: 1px solid #DDDDDD; text-align: center; padding: 8px 0; margin-bottom: 8px; } .advertising_block img { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]height: 210px; width: 210px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ Block CMS ************************************************************************************************ */ [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].block-cms ul.bullet { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]list-style-type: none; } .block-cms h4 { font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 13px; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; padding-left: 0px; text-transform: none; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3].block-cms ul.bullet li { [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]-webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white; height: 18px; line-height: 18px; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]/* ************************************************************************************************ Block links ************************************************************************************************ */[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#links_block_left ul { list-style-type: none; padding-bottom: 30px; }[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#links_block_left li { border-bottom: 1px dotted #EEEEEE; } [/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]#links_block_left li a {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3] display: block; color: #646464; padding: 8px 12px; text-decoration: none; -webkit-text-shadow: 1px 1px 0 white; -moz-text-shadow: 1px 1px 0 white; -o-text-shadow: 1px 1px 0 white; -ms-text-shadow: 1px 1px 0 white; text-shadow: 1px 1px 0 white;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} #links_block_left li a:hover {[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]color: #84ab3e; border-bottom: 1px dotted #84ab3e;[/size][/font][/color] [color=#68737F][font=Arial, Helvetica, sans-serif][size=3]} 1 Link to comment Share on other sites More sharing options...
rom1z Posted November 22, 2012 Author Share Posted November 22, 2012 Personne n'a d'idée? Link to comment Share on other sites More sharing options...
Recommended Posts