@import url("grid_prestashop.css"); /* ************************************************************************************************ GENERAL STYLE * { margin:0; padding:0; } ul, ol { list-style:none; margin:0;} html {margin: 0;padding: 0; outline: 0!important;} body {font:13px/1.6 Arial, Helvetica, sans-serif; color:#7a7a7a;margin: 0;padding: 0;background-color:#cfccc4;} body{ min-width:320px; position: relative;} h1 {font-size: 24px;line-height:1.5;margin-bottom: 14px;color:#1c1c1c; } h2 {font-size: 20px;line-height:1.5;margin-bottom: 12px;color:#1c1c1c;} h3 {font-size: 18px;line-height:1.5;margin-bottom: 10px;color:#1c1c1c;} h4 {font-size: 14px;line-height:1.5;margin-bottom: 8px;color:#1c1c1c;} h5 {font-size: 12px;line-height:1.5;margin:0px;color:#1c1c1c;} h6 {font-size: 11px;line-height:1.5;margin-bottom: 4px;color:#1c1c1c;} p {font-size: 12px; margin:0 0 20px 0;} a, a:visited,a:active,a:link, a:focus {cursor: pointer;text-decoration: none;color:#333;outline:none;} a:hover {text-decoration: none;color:#ff553d;} a.btn { color:#fff;} .btn i{ margin-right:7px;} ol {counter-reset: item;list-style-type: none;margin: 0 0 0 15px;} ol li:before {content: counter(item, decimal) " ";counter-increment: item;} legend {color:#000} sup{ color:#F00;font-size:100%;top: -4px;} .clearfix:before, .clearfix:after {content:".";display:block;height:0;overflow:hidden} .clearfix:after {clear:both} .clearfix {zoom:1} html {width: 100%;} body{color:#000;background:#cfccc4;font-size:0.75em;font-family:"Trebuchet MS";} html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,button{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img{vertical-align:bottom;} em,th{font-style:normal;font-weight:normal;} li{list-style:none; overflow:hidden;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} input, textarea, select{font-size:0.75em; outline:medium; } a{color:#4b4b4b;text-decoration:none;outline:none;} a:hover{text-decoration:underline;} .left{float:left;display:inline;} .right{float:right;display:inline;} header,footer,section,article,nav,aside{display:block;} .clear{clear:both;} ************************************************************************************************ */ /* WL added this line html {background-color:#cfccc4;} and removed */ body{color:#FFF;background-color:#000;font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;}/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,button{/*margin:0;padding:0;*/} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} img{vertical-align:bottom;} em,th{font-style:normal;font-weight:normal;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} input, textarea, select{font-size:1em; outline:medium; } /*WL changed the font-size from 0.75em to 0.85em*/ a{color:#5b5b5b;text-decoration:none;outline:none;} /*WL changed color from #4b4b4b*/ a:hover{text-decoration:underline; color: #000;}/*WL added color*/ /*.left{float:left;display:inline;}*/ /*.right{float:right;display:inline;}*/ header,footer,section,article,nav,aside{display:block;} .clear{clear:both;} .fixed{position:fixed;} /* ************************************************************************************************ STRUCTURE ************************************************************************************************ */ #wrapp{background-color:#FFFFFF; position:relative; overflow:hidden; width:100%;}/*background-color:#cfccc4;*/ /*WL >> change background color from #fff to #cfccc4* and removed background element > url(../img/bg-main.jpg) left top repeat-x */ #wrapp_2{ margin:0 auto; padding: 0;text-align: left;} #right_column{padding:31px 0px 0px 0px;} #product #right_column {padding:35px 0 0 0;} #left_column{ display:none;} body#index #right_column{ display:none;} body#index .instant + #right_column{ display:block;} #center_column{ padding-bottom:30px;} #product #center_column{ padding-bottom:30px;} body#index #center_column {padding-bottom:0px;} /* ************************************************************************************************ MAIN STYLE STORE ************************************************************************************************ */ h1 {color:#1c1c1c; font-size:17px; text-transform:uppercase;font-weight:bold;padding:15px 0px 5px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 20px 0; border-bottom:3px solid #000000;} h1 span{ padding-right:5px;} h1 strong{float:right;padding:5px 0 0 0;font-size:14px; line-height:20px;font-weight:normal;color:#333; font-style:italic; display:block;white-space:nowrap;} .notification {font-sise:16px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:1px;padding: 20px 20px 20px 60px;border-radius: 4px;} .notification strong {margin-right: 5px;} .notification p {font-size: 11px;padding: 0px;margin: 0px;color: #333333;} .notification_warning {background-image: url(../img/error.png);background-position: 15px center;background-repeat: no-repeat;border: 2px solid #FFC237;background-color: #FFEAA8;color: #826200;} /*a.product_link {font-size:13px;color:#ff553d;font-weight:bold; text-transform:uppercase;} a.product_link:hover{color:#1c1c1c;}*/ /******WL removed this class*****/ span.price {color:#5b5b5b;font-weight:bold;font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .columns .bordercolor, #columns .bordercolor {border-color: #ccc;} #carouselproduct .price, #carouselproductcross .price { font-size:16px;} /* ************************************************************************************************ ERRORS ************************************************************************************************ */ div.error {margin:20px 0 20px 0; padding:20px;} div.error p {padding:0; margin:0 0 0px 50px; font-size:14px; text-transform:uppercase;} div.error ol{ margin:0px 0 0 0} div.error p.lnk{ float:right; margin-top:7px;} div.error p.lnk .btn{ color:#fff; font-weight:normal;} div.error li {padding:0px 0 0 50px;list-style-position:inside;list-style-type:decimal;} p.warning {background:#d4eeff;border: 1px solid #34acf9;margin:20px 0 20px 0;padding:12px 20px;font-size:14px;color:#0473b9;text-indent:20px; } p.warning i{ font-size:25px; vertical-align:-3px; margin-right:20px;margin-left:10px;} p.warning a{ color:#0C0} p.warning a:hover{ color:#333;} .warning_inline {color:#ff0000;font-weight:bold; font-size:13px;} .alert-error,div.error {background:url(../img/warning.png) 20px center no-repeat #fde4e1; padding-left:70px; font-size:14px; font-weight:bold; border:1px solid #ebbcb5; font-size:12px; font-weight:bold; color:#df0505;} .modal.notification.notification_warning{margin-left: -321px;} /* ************************************************************************************************ SUCCESS CNFIRMATION ************************************************************************************************ */ p.success, p.confirmation {width:91.5%; margin:20px 3% 0 3%;padding:12px 10px 12px 20px;font:bold 12px "Arial";color:#95bc01; background:#f7fde1; border:1px solid #dfebb5; border-radius:5px;} p.success i{ font-size:25px; vertical-align:-3px; margin-right:20px;} .success_inline {color:#33a33b;font-weight:bold;} .required {color:#FF0000; font-size:1em;}/*Add a font-size here*/ #order-confirmation p.success{ margin-bottom:20px;} a.cus-suport{ margin-left:10px; color:#FF553D;} a.cus-suport:hover{ color:#333;} .cus-suport i { margin-right:5px; font-size:13px;} /* ************************************************************************************************ CMS PAGE ************************************************************************************************ */ #cms #center_column div.rte {padding:0 0px 0px 0px;} #cms #center_column h1{ margin-bottom:2px;} #cms #center_column h2{ padding-bottom:9px;} #cms #center_column .titled_box p{ margin-bottom:4px;} #cms #center_column .titled_box.titled_box_center p{ margin-bottom:20px;} #cms #center_column .titled_box h2{ margin-top:6px;} #cms #center_column .titled_box.titled_box_center h2{ margin-top:0; text-align:center;} #cms #center_column .titled_box.titled_box_center h2 span { padding:4px 10px 0px 10px; display:inline-block;} .center_column .rte ul {margin:-15px 0 -3px 0px;padding:0px 0 0 0; list-style:none;} #cms #center_column .titled_box .img_cms{ margin-bottom:9px;} /* ************************************************************************************************ BUTTONS ************************************************************************************************ */ input.button_mini, input.button_small, input.button, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, a.button_mini, a.button_small, a.button, a.exclusive_mini, a.exclusive_small, a.exclusive, span.button_mini, span.button_small, span.button, span.exclusive_mini, span.exclusive_small, span.exclusive, input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover{background:url(../images/btn_bg_s.png) no-repeat;} input.button_mini, input.button_small, input.button, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, a.button_mini, a.button_small, a.button, a.exclusive_mini, a.exclusive_small, a.exclusive, span.button_mini, span.button_small, span.button, span.exclusive_mini, span.exclusive_small, span.exclusive {font-weight:bold;font-size:13px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#2d2d2d;line-height:15px;border:1px solid #d4d4d4; border-bottom:1px solid #a5a5a5; border-right:1px solid #a5a5a5;display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;cursor: pointer;*border: 0;*zoom: 1; background-position:0 -31px;text-transform:uppercase;cursor:pointer;width:138px;height:31px; color:#312f2c; text-align:center; line-height:30px; border:0; font-weight:bold; margin-right:50px; font-weight:bold; font-size:14px;}/*WL removed padding:8px 12px; background:url(../images/pic19.gif) no-repeat 0 0; background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /*WL add this style in this class*/*/ 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, span.button_mini, span.button_small, span.button, span.exclusive_mini, span.exclusive_small, span.exclusive{cursor:default;color:#7c7c7c;background:#ccc;} input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover {/*WL add this style in this class*/ text-decoration:none; color:#fcb61f; background-position:0 0; }/*background:url(../images/pic29.gif) no-repeat 0 0; background: rgb(235,235,235);background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); */ /*******************WL seperate this from above tag using different background-image for large button**************************/ 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, input.button_large:hover, a.button_large:hover, input.exclusive_large:hover, a.exclusive_large:hover, span.exclusive_large, span.button_large, input.exclusive_large_disabled{background:url(../images/btn_bg_l.png) no-repeat;} 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{font-weight:bold;font-size:13px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#2d2d2d;line-height:15px;border:1px solid #d4d4d4; border-bottom:1px solid #a5a5a5; border-right:1px solid #a5a5a5;display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;cursor: pointer;*border: 0;*zoom: 1;text-transform:uppercase;cursor:pointer;width:195px;height:31px; color:#312f2c; text-align:center; line-height:30px; border:0; font-weight:bold; margin-right:50px; font-weight:bold; font-size:14px; background-position:0 -31px;} /*background:url(../images/pic20.gif) no-repeat 0 0*/ input.button_large:hover, a.button_large:hover, input.exclusive_large:hover, a.exclusive_large:hover, span.exclusive_large, span.button_large, input.exclusive_large_disabled{text-decoration:none; color:#fcb61f; background-position:0 0;}/*background:url(../images/pic52.gif) no-repeat 0 0;*/ /*********************************************/ a.btn_add_cart{ border:1px solid #464646; border-right:1px solid #262626; border-bottom:1px solid #262626; color:#fff; margin-right:2px;padding:7px 14px 6px 14px;background: rgb(70,70,70);background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(38,38,38,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,70,1)), color-stop(100%,rgba(38,38,38,1)));background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -o-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#262626',GradientType=0 );} a.btn_add_cart span{background:url(../img/btn-marker.png) left 1px no-repeat; line-height:18px;padding:2px 0 2px 20px;} a.btn_add_cart:hover{ border:1px solid #fc381d; border-right:1px solid #fc381d; border-bottom:1px solid #fc381d;background:#ff553d;} .btn-img{padding:2px 12px 1px 3px!important;} .sp-btn {background-color:#000; border:2px solid #4c4c4c; margin-left:10px; height:30px; top:5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .sp-btn a{margin-top:-7px;/*color:#fcb61f!important;*/} /*.sp-btn a i.icon-groupeople-s{font-size:20px; line-height:20px; vertical-align:middle;}*/ .sp-btn:hover {color:#fcb61f;background-color:#000;border:2px solid #fcb61f;} .groupeople-s{background:url(../images/icon-groupeople-s.png) no-repeat 0px 0px;border:0;outline:none; width:30px;height:30px; background-size:90px 30px;display:block; float:left; margin-top:-5px; padding-right:2px;} .sp-btn:hover .groupeople-s{background-position:-60px 0px;} a.button-pg {background:url(../images/btn_bg_s.png) no-repeat 0 -31px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#2d2d2d;border:1px solid #d4d4d4; border-bottom:1px solid #a5a5a5; border-right:1px solid #a5a5a5;display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;cursor: pointer;*border: 0;*zoom: 1;text-transform:uppercase;cursor:pointer;width:138px;height:31px; color:#312f2c; text-align:center; line-height:30px; border:0; font-weight:bold; font-size:14px;} a.button-pg:hover{background-position:0 0; color:#fcb61f!important; text-decoration:none;} .amp-btn{border:2px solid #FF3EA9;color:#FF3EA9;} .amp-btn:hover{border:2px solid #FF3EA9;color:#FF3EA9;} #menu-custom > .amp-btn > a, #menu-custom > .amp-btn > a:hover{color:#FF3EA9;} /* ************************************************************************************************ FORM ************************************************************************************************ */ form {margin: 0 0 20px 0;padding: 0;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius: 0px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance: none;color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear;outline:none;} input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; box-shadow:none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd;box-shadow:none; } textarea {height: auto;resize: none; } select,select:focus,select:focus {width: 100%;outline:0;} select {background:#FFFFFF;border-color: #cccccc #cccccc #cccccc #cccccc;border-radius:0px 0px 0px 0px;border-style: solid;border-width: 1px;height: auto;padding: 6px 6px 6px 2px;width: auto;} .product_sort .btn{ width:177px; text-align:left;} .btn{ border-radius:0;} .product_sort .dropdown-menu .active > a,.product_sort .dropdown-menu .active > a:hover{ background:#333;} select.btn-mini {height: auto;line-height: 14px;} select.btn {-webkit-appearance: button;-moz-appearance: button;appearance: button;padding-right: 16px;} select.btn-mini + .caret {margin-left: -20px;margin-top: 9px;} input[type=submit],input[type=button] {-webkit-border-radius:0px;} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {color: #fcb61f;}/*WL added this over-ride the style*/ .modal-footer input[type=submit]{-webkit-border-radius:3px; line-height:23px;} label{font-size:13px;display:inline-block;color:#333;margin-bottom:5px;cursor: default;} input, textarea, select{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;} /*input:before, textarea:before, select:before,input:after, textarea:after, select:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/ input, textarea, select, .uneditable-input {margin-bottom: 0;} .radio input[type="radio"], .checkbox input[type="checkbox"] {float: left;margin-left:0px;} input[type="radio"], input[type="checkbox"] {line-height:normal;margin:2px 4px 0 0;} .checkbox label, .radio label {display:inline-block;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: 0 none;} form p.id_state {display:none;} form.std fieldset,form fieldset { border:none;} form.std .text label,form.std .password label,form.std .textarea label,form.std .select label{ display:block;} form.std .select span,form.std .radio span,form.std .checkbox span {text-align:left;padding:4px 0px 0 0; color:#333;} form.std span.inline-infos {display:block;margin:0 0 -3px 0;padding:2px 0 0 157px;font:normal 11px "Arial";color:#3a3a3a;} span.editable {padding:0 0 0 7px;font:normal 12px "Arial";color:#3a3a3a; margin:0; float:none;} span.form_info {padding:0 0 0 5px;color:#333; font-style:italic;} form.std .text,form.std .password,p.textarea {margin:0;} form.std .text input,form.std .password input {width:400px;} select#days {width:94px;margin:0 8px 10px 0;} select#months {width:95px;margin:0 8px 10px 0;} select#years {width:95px;margin:0 0px 10px 0;} input:focus{ outline:none;} form.std p.checkbox, form.std p.radio {margin:0;padding:15px 0 0 0;overflow:hidden;} #identity form.std p.checkbox input{ margin-right:7px;} form.std p.submit {margin:0;padding:20px 0 0 0px;} form.std .required_desc {margin:0 0 -3px 0;padding-left:157px;} #order-detail-content-table td:first-child{ padding-left:10px;} #block-order-detail .adresses_bloc ul /*WL re-edit on this style*/ { width:44% ;list-style:none; padding:20px; border:1px solid #ccc; background:#fefefe; display:inline-block; margin-right:9px; margin-left:9px; margin-bottom:20px; font-size:1.15em;} #block-order-detail p span{margin-left:10px; color:#6b6b6b;} .tit-ord{ margin-bottom:7px; font-size:1.25em;} /*WL added font-size*/ #order-detail-content-table input{ text-align:center; width:50px;} #order-detail-content-table tfood td strong{ margin-right:10px;} /* Time css */ #pagenotfound #right_column,#pagenotfound #left_column{ padding:0;} #pagenotfound form{ margin-bottom:0;} #pagenotfound form #search_query{ margin-bottom:20px;} #pagenotfound h2{ margin-bottom:10px;} #authentication form.std .text input,#authentication form.std .password input, #identity input[type="text"], #identity input[type="password"] {width:100%;} #add_address h2{} /* WL removed margin-bottom:20px;*/ #add_address .submit2{ padding:0; margin:10px 0 0 0} #add_address input[type="text"],#add_address input[type="password"],#add_address input[type="date"],#add_address input[type="datetime"],#add_address input[type="email"],#add_address input[type="number"],#add_address input[type="search"],#add_address input[type="tel"],#add_address input[type="time"],#add_address input[type="url"]{ width:100%;} #add_address textarea{ margin-bottom:20px; height:100px;} #add_address .inline-infos.required{ margin-bottom:5px;} .order_qte_input + label{ float:left; margin-left:5px;} #add_address p.select{margin-bottom:10px;} #order-detail-content td{ padding:10px;} #res_or_bus span input{width:20px;margin:0px;} #res_or_bus span{display:block;} /* ************************************************************************************************ TABLE ************************************************************************************************ */ div.table_block {padding:20px 0 0 0;} table.std th, table.std td {vertical-align:middle;} table.std th {white-space:nowrap; background:#cfccc4;}/*WL changed the background-color:#f5f5f5;*/ table.std tfoot td {color:#6b6b6b;text-align:right;white-space:nowrap;} table,table.std{/*background:#e1dac7;*/border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width:100%;}/*WL changed the background-color:#fdfdfd*/ table th { border: 1px solid #e9e5db;color: #7a7a7a;font-size: 1.15em;font-weight:bold;padding:10px;text-align: center;vertical-align: middle;text-transform: uppercase;}/*WL changed the border-color:#fdfdfd*/ table td {border: 1px solid #e9e5db;padding:10px;font-size: 1.1em;color:#5b5b5b;text-transform:none;}/*WL changed the bordercolor:#fdfdfd*/ .delivery_option table td{ text-align:center;} /* ************************************************************************************************ FOOTER LINK PAGE ************************************************************************************************ */ ul.footer_links {margin-top:40px; padding:20px 0 0px 0; list-style:none; border-top:1px solid #bbb8af; width:100%;} ul.footer_links li {float:left;margin:0 25px 0 0; } ul.footer_links li img.icon {margin:-3px 5px 0 0;} ul.footer_links li a{ font-size:13px;} ul.footer_links li a:hover{text-decoration:none;}/*WL added this tag and background*/ ul.footer_links li a i{ font-size:25px; vertical-align:-3px;} .footer_link_bottom i{ font-size:25px; vertical-align:-3px;} .footer_link_bottom a{ font-size:14px;} ul.list-footer li ul{display:none;} /* ************************************************************************************************ PRODUCT SORT ************************************************************************************************ */ .sortPagiBar .btn,.sortPagiBar .btn-group > .btn:first-child{ padding-right:27px;border-radius:0;} .sortPagiBar .caret{position: absolute;right: 10px;} .sortPagiBar{ padding:20px 0 10px 0;} .sortPagiBar p{padding:0;margin:0} .nbrItemPage{ float:left;} .nbrItemPage label{ float:left;} .dropdown-menu li > a{ padding:6px 10px 6px 10px;} .dropdown-menu li > a:hover{ background:#333;} .dropdown-menu{ padding:0; border-radius:0;min-width:215px;} #itempage{float:left; margin:0;} .nbrItemPage label { padding:8px 10px 0 0;} .nbrItemPage.nbr_page{ margin:0 0 10px 0; position:relative;} .nbrItemPage.nbr_page .b-core-ui-select{ width:50px;} .product_sort form{ margin:0 20px 0 0;} .product_sort {float:left; margin-right:50px;min-width:210px;} .product_sort #productsSortForm label {float:left;padding:5px 10px 0 0;} .product_sort #productsSortForm select {width:190px;margin:0px 0 0 0;padding: 4px 6px 5px 2px; position:absolute; z-index:5;} .product_view {float:right; margin-top:2px;} .product_view li {width:20px;height:19px;float:left;background: url(../img/sprite_clothes.png) no-repeat -38px -50px;cursor:pointer; } .product_view li#product_view_grid {background-position:-38px 7px;} .product_view li#product_view_grid:hover,.product_view li#product_view_list:hover{-webkit-box-shadow:1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow:1px 1px 9px rgba(178, 178, 178, 0.3);} .product_view li#product_view_grid.current {background-position:-38px -22px; cursor:default; border: 1px solid #000;} .product_view li#product_view_list, .product_view li#product_view_grid{ cursor: pointer;-webkit-box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3); border:1px solid #b2b2b2;width:31px;height:29px;} .product_view li#product_view_list { margin-left:10px;} .product_view li#product_view_list.current {background-position:-38px -77px; cursor:default; border: 1px solid #000;} #productsSortForm{ float:left; margin-right:30px; margin-bottom:10px; position:relative;} #productsSortForm .dropdown-toggle{ float:left;} /* ************************************************************************************************ PAGINATION AND COMPARE ************************************************************************************************ */ .bottom_pagination{ padding:20px 0 20px 0; margin-top:20px;} .bottom_pagination > form > p{ margin:0;} .bottom_pagination > form{ float:right;margin:0;} #pagination {padding:0px 0 0 0;float:left;border-radius: 0px 0px 0px 0px;} #pagination_form {float:left;} #pagination_form select {float:left;margin:0px 0 0 0;} #pagination_form label {display:inline-block;float:left;padding:3px 12px 0 20px;} #pagination li.disabled {cursor:default;} #pagination li { float:left; margin-right:10px;} .pagination{list-style-type:none; float:left;margin:0;} .pagination ul {border-radius:0px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0);} .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-radius:0px;} .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {border-radius:0px;} .pagination ul > li > a, .pagination ul > li > span {background-color:transparent;border:none;line-height: 30px;padding: 0 10px;border-color: #D4D4D4 #A5A5A5 #A5A5A5 #D4D4D4;border-style: solid;border-width: 1px;} /* ************************************************************************************************ SUBCATEGORIES ************************************************************************************************ */ .center_column .cat_desc {margin:0px 0px 0px 0px;padding:0px; font-size:13px; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal;position:relative;} .row_category .category_image{ float:left; margin-right:20px;} .row_category{ padding-bottom:20px; margin-bottom:0px;} .center_column .cat_desc .lnk_more{ margin-left:10px; font-size:13px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal;} #subcategories { margin:0px 0 0px 0; padding:8px 0px 15px 0px;border-top: 1px dotted #B2B2B2;} #subcategories h2 {color:#7a7a7a;font-weight:bold; font-size:13px; background:none;padding:10px 0px 0px 0px; margin:0;} #subcategories h2 span{ background:#fff; padding-right:5px;} #subcategories ul{ margin-bottom:0px;} #subcategories ul li {margin:15px 20px 0px 0px;width:158px; float:left; border:none;} #subcategories ul li.product_list_5{ margin-right:0;} #subcategories ul li a{ display:block;} #subcategories ul li.product_list_6{ margin-right:0;} #subcategories ul li .lnk_more_sub{ margin:12px 0 0px 0; font-size:13px; display:inline-block; font-weight:bold; font-style:italic; padding-left:12px; color:#FF604A;background: url(../img/sprite_clothes.png) no-repeat 0 -925px;} #subcategories ul li .lnk_more_sub:hover{ color:#000; background-position:0 -895px;} .center_column .cat_desc .lnk_more_cat{ font-weight:bold; font-style:normal;background:url(../img/sprite_clothes.png) 0 -1091px no-repeat; padding-left:22px; color:#000; margin-left:5px; } .center_column .cat_desc .lnk_more_cat:hover{ color:#FF604A; background-position:0 -1115px} .center_column .cat_desc .lnk_more_cat.close_cat{background-position:0 -1143px} .center_column .cat_desc .lnk_more_cat.close_cat:hover{background-position:0 -1175px} /* ************************************************************************************************ HEADER ************************************************************************************************ */ #header {/*position:relative;z-index:101;padding:0px 0px 0px 0px;background:#000;width:100%;min-width:1260px;*/} #header_logo {display:block;position:absolute;left:50px;top:41px;} #header-inner{ padding:120px 0px 0px 0px; position:relative; margin:0 auto 0px auto;}/*max-width:1260px;*/ /*****WL modified padding:170px 0 0 0 ;*****/ /*---WL REMOVED JAN23 #header .headercon{width:86%;margin:0 auto 30px auto; }--*/ /*****WL added the above line for select language*****/ /*#header .country{background-color:#2d2b28; width:90%; margin:auto; padding:20px 50px; border:none;} #header .country p{font-size:14px;color:#999999;font-weight:bold;margin-bottom:5px;} #header .country a{color:#ccc; text-transform:uppercase;} #header .country a:hover{color:#fcb61f; text-decoration:none;} #header .country ul{overflow:hidden;zoom:1; margin:10px 0px;} #header .country ul li{float:left;display:inline; margin-bottom:5px; width:270px;line-height:0.9em; margin:10px 0px 10px 0px; color:#777; text-transform:uppercase; font-size:1.15em;} #header .countryul li:nth-child(3) .selet{background:url(../images/pic02.gif) no-repeat 100% 4px; padding-right:15px;} #header .country ul li img, .countryul li img{margin-right:8px;} #header .country b{display:block; color:#fbb61f; font-size:18px;} WL removed Jan23*/ /*****WL added the following class for login and cart*****/ #infomenu {position:absolute; top:0px; right:40px; text-align:right; padding-top:4px;} #infomenu section {display:inline-block; color:#fff;} .cart-prices-block span{color:#5B5B5B;float:left;} #infomenu section > div:after{content:"|";padding:0 5px; } .login{/*float:right;display:inline;color:#cccccc;font-size:13px;*/ }/*margin-top:20px;*/ .login p{/*margin-bottom:8px;*//* text-align:right;*/} .login a{/*color:#cccccc; margin-right:20px;*/} .login a:hover{/*text-decoration:none; color:#fcb61f;*/} /*.login a.bton{padding:0 20px 0 0;background:url(../images/pic06.gif) no-repeat 100% 5px; margin:0 8px 0 0;}*/ /* ************************************************************************************************ HEADER - COPIES from ANTEC/STYLE.CSS - added by WL ************************************************************************************************ */ header{/*background:#000;width:100%;*/} /*--- WL REMOVED JAN23 header .headercon{width:1260px;margin:0 auto 30px auto;} header .headercon .country{overflow:hidden;zoom:1;} .country { border: 1px solid black; display: none; } *//*This hidden the list of country and language*/ /*.countryul{color:#999999;float:right;display:inline; min-width:310px;height:31px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:#2d2b28;padding-left:5px; padding-right:10px;} .countryul li{float:left;display:inline;margin:5px 0 0 10px;height:18px; line-height:18px;} .countryul li a{color:#999999;text-decoration:none;margin-bottom:0;} ---*/ /*****hover add this to replace the .countryul li img{} .tpl{background:url(../images/pic02.gif) no-repeat 100% 4px; padding-right:15px;}****/ .tps{background:url(../images/pic05.gif) no-repeat 100% 4px; padding-right:15px; outline:none;} /****hover add this to replace the .countryul li img{}*****/ /****.countryul li img{ }****/ /*.countryul li:nth-child(5) .selet{background:url(../images/pic02.gif) no-repeat 100% 4px; padding-right:15px; outline:none;} WL removed Jan23*/ /******* header .all{overflow:hidden;zoom:1;background:#2d2b28;padding-left:69px;visibility:hidden;position:absolute;} header .all .left{margin-top:15px;width:270px;padding-bottom:17px;} header .all .left .spec{margin-top:40px;} header #all{width:550px;} header .all .left p{font-size:14px;color:#999999;font-weight:bold;margin-bottom:5px;} header .all .left a{color:#fff;} header .all .left a:hover{color:#fcb61f;} header .all .left ul{overflow:hidden;zoom:1;} header .all .left ul li{float:left;display:inline;margin-bottom:5px; width:270px;line-height:17px;} header .all b{display:block; color:#fbb61f; font-size:18px;margin:20px 0 0 -40px;} *******/ /* ************************************************************************************************ BLOCKPERMANENTLINKS ************************************************************************************************ */ .blockpermanentlinks-header {position:absolute;right:200px;top:8px; } #header_links li {float:left; padding:0px 15px 0px 0px; margin:0;} #header_links li a {color:#7a7a7a;text-decoration:none;font-size:17px;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.2em;text-transform: uppercase;} #header_links li a:hover, body#index a.header_links_home, a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store{color:#fcb61f; text-transform:uppercase; } .mobile-link-top{ display:none;} /* ************************************************************************************************ LANGUAGES AND CURRENCIES ************************************************************************************************ */ #currencies_block_top,#languages_block_top{position:absolute;right:80px;top:5px;width:100px;} #currencies_block_top form{ margin-bottom:0;} #languages_block_top:hover,#currencies_block_top:hover,.mobile-link-top h4{ cursor:pointer;} #countries_2 .countries_ul,#setCurrency .currencies_ul{display:none;z-index:999;width:140px;position:absolute;right:0px;top:33px; list-style:none;} #countries_2 .countries_ul{ right:-11px;} #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {color:#7a7a7a;font-size:17px;position:relative;font-weight:bold;text-transform: uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:0;} #countries_2 .countries_ul li.selected{ padding:8px 0 8px 10px; cursor: default;} #countries_2 .countries_ul li.selected span{ cursor: default; font-weight:bold;} #currencies_block_top p.inner-carrencies:hover, #languages_block_top p:hover, .mobile-link-top h4:hover { color:#ff553d} .arrow_header_top{background:url(../img/sprite_clothes.png) 0 -77px no-repeat; width:13px; height:7px; position:absolute; right:4px; top:11px;} #currencies_block_top.mobile-open .arrow_header_top, #languages_block_top p.mobile-open .arrow_header_top, .mobile-link-top h4.act .arrow_header_top{ background-position:0 -84px;} #currencies_block_top p.inner-carrencies.mobile-open, #languages_block_top p.mobile-open, .mobile-link-top h4.act {color:#ff553d;} /* languages */ #languages_block_top { right:101px;} #languages_block_top .arrow_header_top{right:-10px;} #countries_2 .countries_ul li img{ float:left;margin:2px 10px 0px 0px} #countries_2 .countries_ul li span .firstWord{ display:none;} #countries_2 .countries_ul li span {display:block;} /* currencies */ #currencies_block_top {right:39px;} #setCurrency .currencies_ul li span{ padding-right:10px; display:inline-block; font-weight:bold} #setCurrency .currencies_ul li.selected{ padding:8px 5px 8px 10px;font-weight:bold; cursor:default} /* ************************************************************************************************ BLOCK HEADER USER INFO LOGIN/LOGOUT ************************************************************************************************ */ /*.header-box{position:absolute; top:0px; right:50px; width:300px;}*/ .blockuserinfo {/*position:absolute; top:0px; right:240px; height:24px; color:#FFF;*/ } .blockuserinfo a span{/*display:inline-block;*/} /**WL add a hover class here**/ .blockuserinfo a span:hover, .blocksupport a:hover{/*color:#fcb61f; text-decoration:none;*/} /*.blockuserinfo a span i{ font-size:25px;}*/ .blocksupport{/*position:absolute; top:0px; right:50px; height:24px; color:#FFF; margin-left:10px;*/} .blocksupport a{/*padding-left:10px;color:#ccc; */} #myNewHook {overflow:hidden;zoom:1;height:41px;color:#cccccc;background:#2d2b28;margin:109px 0 10px 0;} #myNewHook #body_userinfo {width:400px; margin-top:10px;} #myNewHook #body_userinfo a span{display:inline-block;margin-left:25px;color:#CCC;font-size:13px; } #myNewHook #body_userinfo a span i{ font-size:25px;} #myNewHook #body_shopping_cart{float:right;padding:17px 45px 19px 65px; display:inline;background:url(../img/bg-cart.png) left top no-repeat;} #myNewHook #body_shopping_cart .shopping_cart_title{ font-size:17px;padding:0 0px 0 0;color:#CCC; font-weight:bold;display: inline-block;text-transform:uppercase;float:left;} #myNewHook #body_shopping_cart span{color:#FFF;font-size:17px;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-right:3px;} #myNewHook #body_shopping_cart .ajax_cart_total{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;} #myNewHook #body_shopping_cart .opancart{background:url(../img/sprite_clothes.png) 0 -77px no-repeat;width:13px;height:7px;position:absolute;top:27px;right:0px;display:block;} #myNewHook.close-cart #body_shopping_cart .opancart{background-position:0 -84px;} #myNewHook:hover span, #myNewHook:hover #body_shopping_cart .shopping_cart_title, #myNewHook:hover #body_shopping_cart span, #myNewHook.close-cart #body_shopping_cart span, #myNewHook.close-cart #body_shopping_cart .shopping_cart_title, #myNewHook:hover{cursor:pointer;color:#FFF;text-decoration: underline;} /* ************************************************************************************************ BLOCK HEADER USER INFO SHOPPING CART AND STORE ************************************************************************************************ */ #header_user {/*position:absolute; right:110px;top:0px;z-index:99;*/}/*WL modified top:74px; modified top:24px to 0px*/ #header_user #shopping_cart{/*padding:0px 10px 0px 10px; display:inline-block;*//* background:url(../images/icon-cart.png) no-repeat; background-position:0 0;*/} #header_user #shopping_cart .icon-shopping-cart, .blockstoreinfo .icon-shopping-cart{margin-right:5px; /*margin-left:20px;*/} #header_user #shopping_cart .shopping_cart_title{/* font-size:13px;*/ padding:0 10px 0 0;color:#ccc; display: inline-block; float:left;}/*WL modified font size from 17px*/ #header_user #shopping_cart span{color:#ccc;/*font-size:13px;font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ margin-right:0px;}/*WL modified font size from 17px*/ #header_user #shopping_cart .ajax_cart_total{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;} /*#header_user #shopping_cart .opancart{background:url(../img/sprite_clothes2.png) 0 -77px no-repeat;width:13px;height:7px; position:absolute; top:25px;right:0px;display:block;} WL removed this jan23*/ #header_user.close-cart #shopping_cart .opancart{background-position:0 -84px;} #header_user:hover span, #header_user:hover #shopping_cart .shopping_cart_title, #header_user:hover #shopping_cart span, #header_user.close-cart #shopping_cart span, #header_user.close-cart #shopping_cart .shopping_cart_title{cursor:pointer;color:#fcb61f;text-decoration:none;}/*WL modified AND removed ",#header_user:hover" on July252014*/ /**#header_user:hover #shopping_cart .opancart {background:url(../img/sprite_clothes2.png) 0 -84px no-repeat; position:absolute; top:25px;right:0px;display:block;} WL removed this jan23**/ .hidden{ display:none;visibility:inherit;} #blockstore-menu ul{margin: 0; padding: 0; list-style: none;} #blockstore-menu ul li{ margin:auto; border-bottom:1px dashed #CCC; padding:10px;} #blockstore-menu ul li:last-child{border-bottom:0px;} #blockstore-menu ul li img{width:80px;} .blockstoreinfo #blockstore-menu ul:after{border:4px solid #fcb61f;} .blockstoreinfo #blockstore-menu > ul{margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 8px; right: 6%; z-index: 1; background: #fff; /*background: linear-gradient(#fff, #ccc);*/ box-shadow: 0 -1px 0 rgba(255,255,255,.3); border-radius: 3px; transition: all .2s ease-in-out;} /*.blockstoreinfo #blockstore-menu a:before{content: ''; position: absolute; top: -8px;left: 18px;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fcb61f;}*/ .blockstoreinfo #blockstore-menu a:after { content: ''; position: absolute; left: 20px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } #blockstore-menu:hover > ul{ opacity: 1; float: none; display: block; visibility:visible; _line-height: 0; /*IE6 only*/ -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 52, 0.48); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 52, 0.48); box-shadow: 0px 0px 5px 0px rgba(50, 50, 52, 0.48);border:0px solid #fcb61f;} #blockstore-menu:hover > a{color: #fcb61f;} .blockstoreinfo ul:before {content:" "; display:none;} .blockstoreinfo a, .blocksupport a, .blockuserinfo a, .login a{color:#ccc;} .blockstoreinfo a:hover, .blocksupport a:hover, .blockuserinfo a:hover, .blockuserinfo a span:hover, .login a:hover{text-decoration:none; color:#fcb61f;} /* ************************************************************************************************ SEARCH ************************************************************************************************ */ #search_block_top{display:block; position:absolute;right:50px;top:122px; background:url(../images/bg-search.png) no-repeat 0 0; width:210px;height:38px;padding:0px/*4px 0 0 12px*/; /*overflow:hidden;zoom:1;*/} #search_block_top form{display:inline;} #search_block_top .searchbox {border:0px; /*important*/ background-color:transparent; /*important*/ position:absolute; /*important*/ top:2px; left:9px; width:192px; height:38px;color:#7a7a7a; font-weight:normal;} #search_block_top .searchbox:focus {color:#f2f2f2;} #search_block_top input.search_query{position:absolute;left:176px;top:8px;background-color:transparent; /*important*//*background:url(../images/research2-yang.png) no-repeat 0 0; */border:0px; cursor:pointer;/*margin-top:6px;*/} /*Above searchbox has been edited by WL*/ .ac_results { width:225px!important;border:1px solid #ddd!important;} .ac_over {background:#333!important;} #instant_search_results .title_shop{ float:right;color:#ff553d;opacity:1;} #instant_search_results .title_shop:hover{ color:#000; } /*********************ORIGNAL SEARCH STYLE*****************************/ /*#search_block_top {display:block;position:absolute;left:250px;top:41px;background:url(../images/research.png) no-repeat 0 0;width:192px;height:28px;padding:4px 0 0 12px; overflow:hidden;zoom:1;} #search_block_top input.search_query{float:left;display:inline;height:23px;width:165px;line-height:24px;font-size:14px;border:0; color:#afaca2;} #search_block_top input{float:right;width:14px;height:14px;background:url(../images/research2.png) no-repeat 0 0;border:0;cursor:pointer;margin-top:6px;} .ac_results { width:225px!important;border:1px solid #ddd!important;} .ac_over {background:#333!important;} #instant_search_results .title_shop{ float:right;color:#ff553d;opacity:1;} #instant_search_results .title_shop:hover{ color:#000; }*/ /*************************ORIGNAL SEARCH STYLE ENDS*************************/ /* ************************************************************************************************ COUNTRY LINKS PAGE ************************************************************************************************ */ /*.countrybottom{padding-bottom:100px;}*/ .countryselection {list-style-type:none; padding:1.5% 1.5% 200px 1.5%;} .countryselection li{float:left; width:30%; padding:1em; margin-left:0.8em; line-height:37px; font-size:1.1em;} .countryselection li img{background:url(../images/flags.png) no-repeat top left; padding:14px 16px; -webkit-background-size: 200px; /* Safari 3.0 */ -moz-background-size: 200px; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: 200px; /* Opera 9.5 */ background-size: 200px; } .countryselection li a:hover{text-decoration:none;} /*1st row*/ .countryselection li img.flag-au{background-position: -2px 0px;}/*1st column 1st row*/ .countryselection li img.flag-be{background-position: -52px 0px;} .countryselection li img.flag-ca{background-position: -106px 0px;}/*3rd column 1st row*/ .countryselection li img.flag-cn{background-position: -160px 0px;} /*4th column 1st row*/ /*2nd row*/ .countryselection li img.flag-eu{background-position: -2px -40px;}/*1st column 2nd row*/ .countryselection li img.flag-fr{background-position: -52px -40px;} /*2nd column 2nd row*/ .countryselection li img.flag-hk{background-position: -108px -40px;} /*2nd column 2nd row*/ .countryselection li img.flag-it{background-position: -160px -40px;} /*4th column 2nd row*/ /*3rd row*/ .countryselection li img.flag-jp{background-position: -2px -80px;} .countryselection li img.flag-tw{background-position: -52px -80px;} /*2nd column 3rd row*/ .countryselection li img.flag-uk{background-position: -108px -80px;} /*3rd column 3rd row*/ .countryselection li img.flag-us{background-position: -160px -80px;} /*4th row*/ .countryselection li img.flag-ru{background-position: -2px -120px;} .countryselection li img.flag-es{background-position: -52px -120px;} .countryselection li img.flag-de{background-position: -108px -120px;}/*3rd column 4th row*/ .countryselection li img.flag-in{background-position: -160px -120px;} /*5th row*/ .countryselection li img.flag-kr{background-position: -2px -160px;} .countryselection li img.flag-kp{background-position: -52px -160px;} .countryselection li img.flag-amp{background-position: -108px -160px;}/*3rd column 5th row*/ .countryselection li img.flag-antec{background-position: -160px -160px;} /* ************************************************************************************************ MAIN STYLE BOX COLUMN ************************************************************************************************ */ .column .block {margin:0 0 0px 0;} .column .block h4 {color:#1c1c1c; font-size:17px; text-transform:uppercase;font-weight:bold;padding:15px 0px 5px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 20px 0; border-bottom:3px solid #000000;} .column .block h4 span{ background:#fff;padding-right:5px;color:#333333;font-weight:bold;} .column .block h4 a:hover {color:#8b12a0;} .column .block .block_content .button_large {margin:20px 0px 0px 0;} .column .block h4 span.column_icon_toggle{ display:none;} .column .block.myaccount ul li a img{ display:none;} #layered_block_left h4.toggle{ margin-bottom:18px;} .column .block .store_list{ margin-top:-11px;} .column .block form p{ margin-bottom:12px;} .column .block form { margin-bottom:2px;} .column .block .store_list form p{ margin-bottom:9px;} /* ************************************************************************************************ CATEGORIES ************************************************************************************************ */ #categories_block_left .block_content {padding:0 0px 0px 0px;} #categories_block_left ul.tree {padding:0px 0 0 0; list-style:none;} #categories_block_left ul.tree li {position:relative;} #categories_block_left ul.tree li a:hover,#categories_block_left ul.tree a.selected {color:#666;} #categories_block_left ul.tree li ul li a { padding-left:32px;background:url(../img/icon-style.png) 20px 13px no-repeat;} #categories_block_left ul.tree li ul li ul li a { padding-left:42px;background:url(../img/icon-style.png) 30px 13px no-repeat;} #categories_block_left span.grower {width:13px;height:13px;display:block;cursor:pointer;position:absolute;right:8px;top:11px;} #categories_block_left span.OPEN {background:url(../img/plus_minus.png) 0px -13px no-repeat;} #categories_block_left span.CLOSE {background:url(../img/plus_minus.png) 0px 0px no-repeat;} /* ************************************************************************************************ CATEGORIES LISTING - COPY FROM CATEGORY_LISTING.CSS ************************************************************************************************ */ ul.category{width:80%; margin:auto; padding:2% 10%; margin:0px;} #newfaces h1{margin-left:20px;} .category{overflow:hidden;zoom:1;} .category li{float:left;display:inline;margin:18px 10px 0 0;background:#FFFFFF; border:1px solid #FFFFFF; width:300px;color:#97958f;} /*WL added width:300px*//*background:#cfccc4; */ .category li:hover{background:#efece4;} .category li a {color:#97958f; text-decoration:none;} .category li a img{ padding:15px 10px 30px 10px ;width: 280px; outline:none;}/*Original >> width:267px; height:200px | WL added outline:none | padding:15px 0 30px 0;width: 300px; outline:none;*/ .category li a p{padding-top:10px; height:52px;font-size:17px;color:#97958f;border-top:1px solid #97958f; text-align:center; width:100%; vertical-align:central;}/*Original >> width:270px; height:200px; */ .category li a:hover p, .category li a img:hover + p, .category li a p:hover{color:#000; border-color:#000;} .category li.no{ margin-right:0;} .category li em{ display:none;} #subcategory h2{margin-left:20px;} #subcategory h1 {} /* ************************************************************************************************ Filter ************************************************************************************************ */ #layered_block_left ul {padding: 5px 0;} #layered_block_left ul li .disabled {color: #666;} #layered_block_left h2{ background:none;color:#8B12A0; padding:0px 0 0px 0; margin:0;} #layered_block_left h2 span{ padding:0 10px 5px 0px; font-size:13px; color:#7a7a7a; font-weight: bold; background:#fff; text-transform:uppercase;} #layered_block_left input{ margin:-1px 10px 0 0; text-align:center;} #layered_block_left span.layered_close {float: right;margin:2px -1px 0px 10px; padding:0 0 0 13px;} #layered_block_left .layered_price span.layered_close{ margin-top:10px;} #layered_block_left .layered_price{ margin-top:-10px; margin-bottom:5px;} #layered_block_left .layered_price ul{ padding-bottom:11px; padding-top:13px;} #layered_block_left .hide-action {display: block;text-align: right;padding-right: 5px;} #layered_block_left .hide-action:hover {text-decoration: underline;} #layered_block_left .layered_close {float: right;padding-right: 5px;} .center_column .cat_desc .lnk_more_cat{ font-weight:bold; font-style:normal;background:url(../img/sprite_clothes.png) 0 -1091px no-repeat; padding-left:22px; color:#000; margin-left:5px; } .center_column .cat_desc .lnk_more_cat:hover{ color:#FF604A; background-position:0 -1115px; cursor:pointer;} .center_column .cat_desc .lnk_more_cat.close_cat{background-position:0 -1143px} .center_column .cat_desc .lnk_more_cat.close_cat:hover{background-position:0 -1175px;cursor:pointer;} #layered_block_left span.layered_close a{display:block;height:14px;width:14px;text-indent:-5000px;background: url(../img/sprite_clothes.png) no-repeat 0 -1143px;outline:none;} #layered_block_left span.layered_close a:hover{background: url(../img/sprite_clothes.png) no-repeat 0 -1175px;} #layered_block_left span.closed a { background: url(../img/sprite_clothes.png) no-repeat 0 -1091px;} #layered_block_left span.closed a:hover{background: url(../img/sprite_clothes.png) no-repeat 0 -1115px;} #layered_block_left .nomargin a {display: inline; font-size:14px; font-style:italic;} #layered_block_left div.radio {margin-right: 11px;margin-top: 1px;} #layered_block_left div.checker {margin-right: 12px;} #layered_block_left .nomargin a span{ color:#ff604a; font-weight:bold;} #layered_block_left .color-option {border: 1px solid #666666;height: 16px;margin-left: 0;padding: 0;width: 16px;} #layered_block_left .color-option.disable {opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5; } .layered_slider {margin-top:5px;} .layered_price_range {margin-left: 7px;} .layered_price_range_unit {margin-right: 7px;} .layered_slider_container {margin: 6px 0 6px 6px; width: 93%;} .layered_input_range_min {width:30px;} .layered_input_range_max {width:40px;} .layered_list_selected {font-weight: bold;} .layered_ajax_loader p {margin: 20px 0;text-align: center;} .hide-action {text-align: center;text-align: right;display: block;cursor: pointer;} .layered_list {display: block;cursor: pointer; background: url(../img/marker-footer.png) left 6px no-repeat; padding:0 0 5px 12px;} .layered_list:hover{ color:#333;} #layered_form .b-core-ui-select__dropdown__list ul{ padding:0;} #layered_form div div ul{ padding:16px 0 0 0;} #layered_form .b-core-ui-select{ width:248px; color:#000; background-color:#CFCCC4;border:1px black solid;} #layered_form #enabled_filters{ margin-top:-15px; margin-bottom:16px;} #enabled_filters h2{ text-align:center; background: url(../img/line-bg.gif) repeat-x left 20px; font-style:italic; color:#333; padding:13px 0 10px 0;} #enabled_filters h2 span{ padding:0 10px 0 10px} #layered_form #enabled_filters ul{ padding-bottom:15px; padding-top:0; border-bottom:1px dotted #ccc; margin-bottom:8px;} #enabled_filters ul li {padding:5px 0; color:#333; line-height:24px; font-style:italic;} #enabled_filters ul li.enabled_filters_extra{ color:#FF553D;} #enabled_filters li a {float: right; width:19px; height:24px;display:block;text-indent: -5000px;background:url(../img/sprite_clothes.png) -76px 0px no-repeat; margin:0px 0px 0 10px;outline:none; font-size:13px; } #enabled_filters li a:hover{ background-position:-76px -24px;} #layered_form .color-option {margin-left: 0;width:25px;height:25px;padding:0; border-radius:25px; border:none;} #ul_layered_id_attribute_group_2 li{ float:left; padding:0px 0 8px 0;} #layered_block_left #ul_layered_id_attribute_group_2{ padding-bottom:0;} #ul_layered_id_attribute_group_2 li label { display:none;} #ul_layered_id_attribute_group_2 li input{ margin-right:20px;} #ul_layered_id_attribute_group_2 li:first-child{ } #layered_form .color-option.on { box-shadow:0px 0px 5px 0px #FF743D; } #layered_form > div > div { margin-bottom:9px;} #layered_form > div > div .b-core-ui-select__dropdown ul{ padding:0;} #layered_form > div{ margin-bottom:-6px; } #layered_form div div ul {padding:15px 0px 8px 0px;} #layered_form input[type=radio] {} #layered_form .select {width:270px; height:32px; color:#FFF;background-color:#2A2929;} /* removed opacity:0;filter:alpha(opacity=0); */ .store_list_filter{/*background-color:#CFCCC4;*/ display:inline-block;} #layered_form .titled_box{display:inline-block;} #layered_block_left .color-option.disable {opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5; } #product_list .warning {margin-top: 13px;} #layered_price_range_min,#layered_price_range_max{ display:inline-block; float:left; width:50px;} #ul_layered_price_0 span{ float:left; color:#333; margin:5px 10px 0 0} .layered_price_range_unit{ float:left;} .layered_price ul{ width:100%;} #ul_layered_id_attribute_group_3 li:first-child{ padding-bottom:10px;} /* ************************************************************************************************ TAGS BLOCK ************************************************************************************************ */ #tags_block_left p {text-align: justify;font-size: 0.9em; margin-bottom:4px; padding-right:30px;} #tags_block_left p a {margin: 0 0.1em;line-height: 1.5em;padding:2px 2px 5px 2px;} a.tag_level3 {font-size:1.5em;font-weight:bold} a.tag_level2 {font-size:1.4em} a.tag_level1 {font-size:1em;} #tags_block_left p a i{ margin-right:7px;} /* ************************************************************************************************ BLOCK PRODUCT COLUMN ************************************************************************************************ */ .products_block ul { padding-top:0px; } .products_block .block_content{padding-bottom:9px;} .products_block ul li:first-child{margin-top:0px;} .products_block ul li {padding:0px 0px 20px 0px;margin-top:20px;} .products_block ul li a.products_block_img {width:80px;display:block;float:left; margin-right:12px;} .products_block ul li > div {width:177px;float:left;padding:0 0px 0 0px; margin-top:-4px;} .products_block ul li > div .more_lnk i{ vertical-align:-1px; margin-left:4px;} .products_block ul li p {padding:7px 0 0 0; margin-bottom:6px;} .products_block ul li .reduction{ color:#ff604a;font-style:italic; margin-left: 14px; margin-right: 15px;} .products_block ul li span.price-discount {text-decoration:line-through;margin-top:0px; display:inline-block;} .products_block ul li .price{ font-size:14px; float:left;} #special_block_right h5 {padding:12px 0 9px 0;} #special_block_right span.price-discount {text-decoration:line-through;} /* ************************************************************************************************ BLOCK NEWSLETTER ************************************************************************************************ */ #newsletter_block_left{/*height:68px; */width:100%; /*background:#fcb620;*/text-transform:uppercase;/*margin:8px 0px 20px 0px;*/)} /****************WL****** original >> no width is set. and margin:8px 0 0 0; **********/ #newsletter_block_left h4{font-size:14px;/*font-weight:bold;*/ float:left; display:inline;margin: 24px 0 0 34px; color:#000;} #newsletter_block_left p, #newsletter_block_left p.inputemail{float:left;display:inline;width:202px;height:30px; margin:18px 0 0 40px;}/* background:url(../images/pic16.gif) no-repeat 0 0; */ /*#newsletter_block_left .inputNew{margin: 3px 0 0 10px; font-size:12px;width:178px; color:#cccccc; border:0; height:25px;color:#000;}*/ #newsletter_block_left .button_form {float:left;display:inline; margin:18px 0 0 30px;background:url(../images/pic17.gif) no-repeat 0 0;width:118px;font-weight:normal;height:30px;line-height:30px;font-size:13px;text-align:center;color:#fcb61f; border:0px;} #newsletter_block_left .button_form:hover {color:#f9cb67;} #newsletter_block_left .warning_inline{ padding-top:10px;} #newsletter_block_left p.success_inline {color: #418B19;text-align: center;font-weight: bold;} #newsletter_block_left p.warning_inline {color: #DA0F00;text-align: center;font-weight: bold;} #newsletter-input{ border: 1px solid #000; padding: 0px 10px; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #000; color:#FFF; height:30px; width:200px; font-size:12px; margin: 0px 0 0 10px; behavior: url(pie/PIE.htc); } /* ************************************************************************************************ WL added this for NEWSLETTER BLOCK ************************************************************************************************ */ #errshow, #succshow{/* this class is used if JS is disabled */ position: relative; top:58px; margin: 54px 0 0 -400px; padding:10px; text-align:center; width:180px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25); box-shadow: 0px 0 3px rgba(0,0,0,0.25); } #errshow{background-color:#C00;color:#FFF;} #succshow{background-color:#333;color:#FC0;} #succshow:after, #errshow:after{ position: absolute; display: block; content: ""; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top:-20px; left:1em;} #errshow:after{border-color: transparent transparent #c00 transparent;} #succshow:after{border-color: transparent transparent #333 transparent;} /* ************************************************************************************************ BLOCK STORE ************************************************************************************************ */ #stores_block_left div.block_content { padding-bottom:20px;} #stores_block_left p {text-align:left; margin:0;} #stores_block_left p a img {margin:0 0 20px 0;} /* ************************************************************************************************ BLOCK MANUFACTURE AND SUPPLIER ************************************************************************************************ */ .blockmanufacturer select, .blocksupplier select {width:100%;margin:10px 0 0 0;} .blockmanufacturer li.last{ border:none;} /* ************************************************************************************************ HOMEFEATURED and Home Block best sellers .homefeatured{overflow:hidden;zoom:1;width:1100px;margin:0 auto;text-transform:uppercase;} .homefeatured h4{ padding:0; margin:0 0 10px 0;} .homefeatured:before, .homefeatured:after {content:"";display:table;} .homefeatured:after {clear:both} .homefeatured ul {overflow:hidden;zoom:1;} .homefeatured ul li {float:left;display:inline;margin:18px 9px 0 0;background:#cfccc4; border:1px solid #FFFFFF;} .homefeatured img {margin:15px 0 30px 0;} .homefeatured p {height:72px;line-height:72px;font-size:18px;color:#97958f;border-top:1px solid #97958f; text-align:center; width:305px;} .homefeatured .price {display:block;padding-bottom:1em} .homefeatured .label {margin-left:20px} ************************************************************************************************ */ /************************************************************************************************* SOCIAL BLOCK on index page(add requested by patrick) ************************************************************************************************* */ #social_block{padding:11px 0;width:100%;margin:0px auto;} /*#social_block.icon {float:right; width:50%;}*/ #social_block ul{text-align:center;} #social_block ul li, #social_block .icon ul li{position:relative;display:inline-block;list-style: none;} #social_block img{margin:0px 6px;} /************************************************************************************************* SOCIAL BLOCK on other page(added by winnie) ************************************************************************************************* */ /*icon #social_block .icon{padding:11px 0;text-align:center;} .icon img{ margin:0 6px;} #icon{overflow:hidden;zoom:1;padding:11px 90px 11px 77px;text-transform:uppercase;} #icon span{float:right; display:inline;} #icon em{ float:left; display:inline;color:#707775; margin-top:8px; font-weight:bold;} #icon em a{ color:#707775;font-size:13px;margin:0 5px}*/ /************************************************************************************************* NEWFACE - PART OF CONTENT ************************************************************************************************* */ #newface h1, #view h1{text-align:left;font-size:28px; line-height:34px; font-weight:bold; color:#000;padding:30px 40px 15px 40px;} #newface h1 p, #newface h1 span, #view h1 p, #view h1 span{font-size:14px; line-height:20px; font-weight:normal;color:#7d8583;text-transform:uppercase; padding:0px; display:block;} #newface .bd{ padding:0;} .newface{overflow:hidden;zoom:1;width:100%;margin: auto;text-transform:uppercase; border:0px solid #bbb8af;background-color:#FFFFFF; margin-top:10px; margin-bottom:20px; padding-bottom:30px;}/*background-color:#e6e2d8; */ /*WL added border and background-color here*/ .newface h1{font-size: 18px;color: #7d8583; padding: 30px 0; font-weight: normal;text-align: center; margin: auto; border-bottom: 0px; border-bottom:2px solid #cfccc4; /*background-image: url(../images/pic11.gif); background-repeat: no-repeat; background-position: center 100%;*/} /*WL modified from background-position: 0 100% and added a border-bottom:0px here*/ .newface .bd{overflow:hidden;zoom:1; width:81.5%; margin:auto; padding:2% 1%;}/*padding-left:68px;*/ .newface .bd ul{zoom:1;}/*WL removed overflow:hidden;*/ .newface .bd ul li{float:left;display:inline;} .newface .bd .promotional{/*margin-top:22px;*/} .newface .bd .promotional li{width:465px;background:#2d2c2c;text-align:center;height:236px;margin-right:1.25%; margin-left:0.6%; margin-top:10px;}/*WL modified from margin-right:10px here*/ .newface .bd .promotional li:last-child{margin-left:0.1%; margin-right:0%;}/*WL added this line here*/ .newface .bd .promotional li p b{font-size:24px;color:#eae8e4;font-weight:bold; margin-top:75px;} .newface .bd .promotional li b{display:block;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;color:#eae8e4;font-weight:bold; margin-top:15px;} /****************************************************** WL SLIDING CAPTION PRODUCT LIST ON INDEX *******************************************************/ .newface .bd .products li{width:306px;margin:2% 0.6%;position:relative;height:236px;overflow: hidden;} /*WL modified from margin:20px 11px 0px 0; here*/ .newface .bd .products li img{width:100%; position: absolute; top: 0; left: 0; border: 0;}/*WL removed width:306px; height:236px;*/ .newface .bd .products li .boxcaption{float: left; position: absolute; bottom:0; background: #000; height: 50px; width: 100%; border-top:3px #fcb61f solid; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";cursor:pointer;} .newface .bd .products li .boxcaption h3{display:block; font-size:18px; color:#fcb61f; margin-top:5px ; padding:0 15px;} .newface .bd .products li .boxcaption p{display:block;font-size:13px;color:#ccc;line-height:18px; padding:5px 15px;/*margin:20px 0 25px 0;*/} /*.newface .bd .products li .boxcaption a{color:#fcb61f; padding-top:5px;} */ .newface .bd .products li .boxcaption span {width:30%; display:inline-block;color:#fcb61f;} .newface .bd .products li .boxcaption a:hover{text-decoration:none;color:#ccc;} /****************************************************** WL Information page starts *******************************************************/ #infowrapper{margin:30px 3%;} /*#infowrapper .left{padding-bottom:100px;}*/ #infowrapper p{ display:block; font-size:14px; color:#3e4745; line-height:24px; margin:20px 28px 36px 28px;} /****************************************************** WL Account Creation starts *******************************************************/ /*#view h1{text-align:left;font-size:28px; background:none;font-weight:bold; color:#000;padding:30px 0 20px 0;} #view .infoh1{ background:url(../images/pic11.gif) no-repeat 0 100%;} #view h1 p{font-size:14px; font-weight:normal;color:#7d8583;text-transform:uppercase;}*/ .contentcontainer{background-color:#FFFFFF; width:90%; padding:1% 2% 2% 2%; margin:auto; margin-top:10px; margin-bottom:10px;}/*WL use this for wrapper to contain information*//*background:#f0ece2;*/ /*#view .bd{padding:0px;}*/ #view .account h2{background:url(../images/pic11.gif) no-repeat 0 100%; padding:20px; color:#3e4745; font-size:18px; margin:0 10px;} .delivery_options_address h3{ font-size:14px; line-height:14px; padding:5px 15px; color:#5b5b5b; margin:0px; }/*WL added this tag*/ /*#view h2 p{font-size:14px; line-height:20px; font-weight:normal;color:#7d8583;text-transform:uppercase; padding:0px; display:block;}*/ /*#view .changeul{overflow:hidden;zoom:1;} #view .changeul li{float:left; display:inline;text-transform:uppercase; font-weight:bold; text-align:center;background:url(../images/pic24.gif) repeat-x 0 0; border:1px solid #cfccc4;border-right:0; color:#777777; cursor:pointer; font-size:24px;padding:15px 98px 0 98px;height:44px;} #view .changeul li:first-child{border-left:0;} #view .changeul li.on{color:#000;} #view .account h1{ background:url(../images/pic11.gif) no-repeat 0 100%; padding:20px; color:#3e4745; font-size:18px; margin:0 10px;} #view .account p{font-size:14px; text-transform:none; color:#3e4745;} #view .account p em{ color:#FF0000;} #view .account .pact p em{ color:#3e4745;}*/ /*account*/ .contentinnerwrapper{width:94%; overflow:hidden;zoom:1; padding-bottom:60px; text-transform:none;} /*.account{zoom:1;} .account span{display:block;color:#fc1c1b; font-size:14px; text-transform:none; margin-bottom:20px;}*/ .contentinnerwrapper .left{/*width:780px;*/width:70%; background:#f0ece2; margin-left:0px; margin-right:2%; padding-bottom:20px;} .contentinnerwrapper .left img{margin:13px 0 0px 0 !important; width:100%; margin:auto;} .infosection {padding:0 1.5%;} .contentinnerwrapper .left h1,.contentinnerwrapper .left h3{background:url(../images/pic46.gif) no-repeat center 100%;} .contentinnerwrapper .left h1{ color:#3e4745 !important; font-size:18px !important; text-indent:-12px;} .contentinnerwrapper .left h3{height:60px; padding-left:23px; line-height:60px; font-size:18px; color:#3e4745; text-transform:uppercase; margin:20px 0 30px 0;} .colwrapper {width:94%; padding:0 2%; margin:auto;} .contentinnerwrapper .left .conleft{ float:left; display:inline; width:50%; } .contentinnerwrapper .left b{display:block; font-size:14px; font-weight:bold; color:#3e4745; margin-bottom:5px;} .contentinnerwrapper .left p{ color:#666 !important; font-size:14px; line-height:20px; font-weight:normal;} .contentinnerwrapper .left p.backtop, .contentinnerwrapper .left .backtop{background-color:#cfccc4; color:#3b3b3b; font-size:13px !important; text-align:right; padding:5px 10px;} .contentinnerwrapper .left p.backtop a:hover{font-size:13px;} .contentinnerwrapper .right{width:24%;} .contentinnerwrapper .right h2 {color:#3e4745; font-size:18px;text-transform:uppercase; line-height:22px;padding:20px 0px;} .contentinnerwrapper .right h2 + ul {margin-bottom:20px;} .contentinnerwrapper .right ul + h2, .contentinnerwrapper .right p + h2{background:url(../images/pic32.gif) repeat-x 0 0;} .contentinnerwrapper .right p {margin:0px !important; font-size:13px !important;} .contentinnerwrapper .right ul {margin:0px 0 0 15px;} .contentinnerwrapper .right ul li {font-size:14px;font-size:14px;color:#3e4745;line-height:25px;} .contentinnerwrapper .right ul li a{text-transform:none; font-size:14px;} .contentinnerwrapper .right ul li a:hover, .contentinnerwrapper .left p a:hover{color:#000; font-size:14px;} /*.contentinnerwrapper .left em{ display:block;}*/ /*.infosection p{font-size:14px!important;}*/ /*.account .accountbd .left .showimg{ margin:13px 0 0px 0;border:1px solid #930;} .contentinnerwrapper .right{width:28%;} .contentinnerwrapper .right div{ background:url(../images/pic32.gif) repeat-x 0 0;padding:25px 0;} .account .accountbd em{font-size:14px;text-transform:none; color:#3e4745; line-height:23px; margin:0;} .account .accountbd .right div:first-child{ background:none;} .account .accountbd .right div h2{ font-size:18px; color:#3e4745; font-weight:bold;} .account .accountbd .right div ul{margin:10px 0 0 15px;} .account .accountbd .right div ul li{background:url(../images/pic31.gif) no-repeat 0 10px; padding-left:18px; width:100%;} .account .accountbd .right div ul li a{font-size:14px;color:#3e4745;line-height:25px; text-transform:none; font-size:14px;} .account .accounttab{margin:30px 0 0 30px;} .account .accounttab th{font-weight:bold;text-align:left;font-size:14px;background:#cfccc4;color:#6b6b6b; height:32px; line-height:32px; padding-left:25px;} .account .accounttab tr td:first-child{padding-left:60px; color:#6b706c;} .account .accounttab td{height:45px;line-height:45px; text-transform:none; font-size:14px; } .account .accounttab td em{ display:inline;color:#FF0000;} .account .accounttab td input{border:1px solid #cfccc4;background:#fbfaf8;width:200px; height:25px; line-height:25px;} .account .accounttab select{ font-size:14px; width:155px;} .account .pact{background:url(../images/pic11.gif) no-repeat 0 0;margin:0 10px; font-size:14px; color:#3e4745; text-transform:none; padding:30px 0 50px 38px;} .account .pact input{width:15px; margin:0px 15px 0px 0;} .account .pact p{ margin-bottom:10px;} .account .pact span{display:inline;} .account .pact div{font-size:12px; color:#3e4745; width:612px; text-transform:none; margin:5px 0 50px 30px; color:#3e4745;} .account .pact p em{text-decoration:underline;} .account .pact input.sub{margin:0;background:url(../images/pic19.gif) no-repeat 0 0;text-transform:uppercase;cursor:pointer;width:138px;height:31px; color:#312f2c; text-align:center; line-height:30px; border:0; font-weight:bold; float:right; display:inline;font-size:14px; margin-right:80px;} .account .pact a{ float:right; display:inline;border:0; font-size:14px;font-weight:bold;background:url(../images/pic30.gif) no-repeat 0 0;text-align:center;height:31px;line-height:30px;width:138px;text-transform:uppercase;cursor:pointer;color:#312f2c; margin-right:23px;} .account .pact a:hover{text-decoration:none;background:url(../images/pic29.gif) no-repeat 0 0; color:#fcb61f;} .account .pact input.sub:hover{text-decoration:none;background:url(../images/pic29.gif) no-repeat 0 0; color:#fcb61f;}*/ /****************************************************** WL Information page ends *******************************************************/ /****************************************************** WL SLIDING CAPTION PRODUCT LIST ON INDEX END *******************************************************/ /****************************************************** ORIGINAL SLIDING CAPTION PRODUCT LIST ON INDEX - CAN BE REMOVED LATER *******************************************************/ /*.newface .bd .products li{width:306px;margin:2% 0.6%;position:relative;height:236px;}*/ /*WL modified from margin:20px 11px 0px 0; here*/ /*.newface .bd .products li img{width:306px;height:236px;} .newface .bd .products li div{position:absolute;bottom:0px;left:0px;} .newface .bd .products li div p{background-color:rgba(0,0,0,0.7);filter:alpha(opacity=70);background-color:#000\9;width:306px;border-top:4px solid #fcb61f;height:51px;cursor:pointer;} .newface .bd .products li div em{display:block;position:relative;padding:0 15px;} .newface .bd .products li div em b{display:block;font-size:18px;color:#fcb61f; margin-top:15px;} .newface .bd .products li div em span{display:block;font-size:13px;color:#c0bdb5;line-height:18px; height:110px; margin:20px 0 25px 0;} .newface .bd .products li div em a{display:block;text-align:right;color:#fcb61f;font-size:13px;}*/ /****************************************************** ORIGINAL SLIDING CAPTION PRODUCT LIST ON INDEX END - CAN BE REMOVED LATER *******************************************************/ #viewed-products_block_left ul li.last{ border:none; padding-bottom:0;} /******WL add this for the homeslider style******/ /****************************************************** WL BANNER STYLING PAGE *******************************************************/ /******WL add this for the homeslider style /*box*/ .box{overflow:hidden;zoom:1;border:1px solid #bbb8af;background:#e6e2d8; margin-bottom:78px;} /*show*/ .show{overflow:hidden;zoom:1;background:#000;max-width:1170px; width:100%;display:block;/*height:420px*/;position:relative;margin-top:8px;} .show .showleft{position:absolute;top:0px;left:0px;width:395px;height:420px;} .show .showright{position:absolute;top:0px;right:0px;width:420px;height:395px;} .show .leftbutton{background:url(../images/bannerbtn.png) no-repeat 0 -99px;cursor:pointer;position:absolute;left:0px;top:40%;width:32px;height:98px;z-index:99;}/*WL added background image and removed the image on the tpl*/ .show .leftbutton:hover{background-position: 0 0;} .show .rightbutton{background:url(../images/bannerbtn.png) no-repeat 0 -198px; cursor:pointer;position:absolute;right:0px;top:40%;width:32px;height:98px;z-index:99;} .show .rightbutton:hover{background-position:0 -297px;} /* .show .leftbutton{background:url(../images/leftbutton.png) no-repeat 0 0;cursor:pointer;position:absolute;left:0px;top:43%;width:27px;height:60px;z-index:99;} .show .leftbutton:hover{background:url(../images/leftbutton2.png) no-repeat 0 0;} .show .rightbutton{background:url(../images/rightbutton.png) no-repeat 0 0; cursor:pointer;position:absolute;right:0px;top:43%;width:27px;height:60px;z-index:99;} .show .rightbutton:hover{background:url(../images/rightbutton2.png) no-repeat 0 0;} */ .show .showproduct{position:relative;list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;} .show .showproduct li{-webkit-backface-visibility: hidden;width:100%;text-align:center;position:absolute;top:0px;left:0px; display:none; list-style:none;} .show .showproduct li b{display:block;font-family:"Myriad Pro","Trebuchet MS"; font-size:52px; font-weight:300;color:#f0f0f0;position:absolute;top:180px;left:95px;z-index:80;}/*WL top:200px change to top:180px*/ .show .showproduct li p{font-size:22px;color:#6c6c6c; line-height:24px;position:absolute;top:230px;left:95px;z-index:80; width:24%; text-align:left; display:block;}/*WL top:266px change to top:230px*/ /******The following is adjust the circular dot at the banner bottom******/ .show .selectimg{overflow:hidden;zoom:1;position:absolute;bottom:30px;left:0;width:100%;text-align:center;z-index:500; margin:auto;} /*WL added margin:auto; width:1260px change to width:100%;*/ .show .selectimg a{display:inline-block;background:url(../images/circle.png) no-repeat 0 0;width:12px;height:12px;margin:0 5px;cursor:pointer; } .show .selectimg a.on{background:url(../images/circle2.png) no-repeat 0 0;} .show .selectimg a:hover{background:url(../images/circle2.png) no-repeat 0 0;} /*.show .showproduct li.ono{ display:block;}*/ .show .showproduct li img{ display: block; height: auto; float: left; width: 100%; border: 0;}/*max-width:1170px;*/ .show .showproduct li.ono{ position: relative; display: block; float: left; } /*registe*/ .registe{overflow:hidden;zoom:1;margin:40px 0 20px 0; background:#f0ece2; padding-bottom:30px;} .registe .colcontent{width:48%; /*height:305px;*/}/*WL changed width from 545px to 48% here; changed the class name from .left to .leftcontent*/ /*****.registe .rightcontent{width:48%; background:#f0ece2; height:305px;}*****/ /*****Removed by WL and rename the .leftcontent to .colcontent as shown above*****/ /*WL changed width from 545px to 48% here; changed the class name from .right to .rightcontent */ .registe .hd{background:#f4f0e8; padding:0 10px;} .registe .hd h2{background:url(../images/pic11.gif) no-repeat 0 100%;text-align:left;font-size:18px; line-height:22px;font-weight:bold; color:#3e4745;padding:30px 0 20px 3%;}/*WL added an line-height:22px ; padding:30px 0 20px 25pxhere*/ .registe .hd h2 span{display:block;font-size:14px; line-height:16px; color:#7d8583; text-transform:none; margin-top:3px; font-weight:normal;}/*WL added an font-weight here*/ .registe p{width:70%; margin:auto; display:block; font-size:14px; color:#6b706c; text-transform:none; margin-top:20px;}/*WL added width, margin, margin-top here >> referencing to the original*/ .registe p input { border:1px solid #cfccc4; color:#000; height:30px; line-height:25px; width:90%;/*width:180px; padding:0 10px; margin-left:36px; */} /*.registe .leftcontent p{display:block; font-size:14px; color:#6b706c; text-transform:none; margin:30px 0 0 75px;} .registe .leftcontent p input{border:1px solid #cfccc4;color:#cfccc4; height:25px; line-height:25px; width:180px; padding:0 10px; margin-left:36px; } .registe p.pw{ margin:17px 0 0px 75px;} .registe p.pw input{ margin:0 0 25px 60px;}*/ .registe p em{float:left; display:inline;margin:-4px 10px 0px 0; } .registe em input, .registe em input:hover{background:url(../images/btn_bg_s.png) no-repeat;} .registe em input{background-position:0 -31px;text-transform:uppercase;cursor:pointer;width:138px; height:31px; color:#312f2c; text-align:center; line-height:30px; border:0; font-weight:bold; margin-right:20px;}/*background:url(../images/pic19.gif) no-repeat 0 0*/ .registe em input:hover{background-position:0 0; color:#fcb61f;}/*background:url(../images/pic29.gif) no-repeat 0 0*/ .registe .lost_password{font-size:13px;} /*.registe em a{ display:block;font-size:13px; color:#444444; font-weight:bold; text-transform:none; margin-top:8px;} .registe .right b{margin:25px 0 0 31px;} .registe .right em{ float:none; display:block; text-align:center;margin:30px 0px 0px 0;}*/ .registe {margin-top:30px;} .registe .nonregister em input, .registe .nonregister em input:hover{background:url(../images/btn_bg_l.png) no-repeat} .registe .nonregister em input{background-position:0 -31px; width:195px; }/*background:url(../images/pic20.gif) no-repeat */ .registe .nonregister em input:hover{background-position:0 0; width:195px; }/*background:url(../images/pic52.gif) no-repeat */ .social-login{margin:auto;} .breakline{text-align:center;border-bottom:1px dashed #cfccc4;} .breakline span {display:inline-block; font-size:1.25em; color:#7d8583; position:relative; top:10px; background:#e6e2d8; padding:0 14px;} /* ************************************************************************************************ BLOCK HEADER CART ************************************************************************************************ */ #header #cart_block h4 { display:none;} #header #cart_block {z-index:999;display:none;position:fixed;right:0px;top:20%;width:260px; max-height:70%; padding:0px 10px 10px 10px; border:1px solid #ccc;background:#fff;overflow-x:hidden; overflow-y:auto !important;} #close-bag{ background: url("../img/icon/delete.gif") no-repeat scroll 0 0 transparent; position:relative; width:10px; height:10px; padding:4px;margin:5px 0 0 2px;cursor:pointer;} a#usps_shipping_rates_button_cart {float:right!important;margin-right:0px!important; border:1px solid red;} /* ************************************************************************************************ BLOCK CART ************************************************************************************************ */ #cart_block.cart_block_hover {display:block} #cart_block #cart_block_no_products {padding:15px 0 5px 0px;color:#333; margin:0;} #cart_block #cart_block_no_products.cart_no_products + .cart-prices,#cart_block #cart_block_no_products.cart_no_products + .cart-prices + #cart-buttons{ display:none;} #cart_block #cart_block_summary {padding:10px 0 0 0; display:none;} #cart_block #cart_block_summary span {color:#000;} #cart_block #cart_block_summary span.ajax_cart_total {margin:0 0 0 5px;font-weight:bold;} #cart_block .quantity-formated {display:inline-block;margin-right:5px;float:left; line-height:16px;color:#343336; margin-top:20px;font-size:150%;} #cart_block #cart_block_list dl { margin:0;} #cart_block #cart_block_list dt:first-child{ border:none;} #cart_block .cart-images{ width:70px; margin-right:10px;} #cart_block #cart_block_list dt {padding:10px 0 0px 0;border-top:1px dotted #ccc; position:relative; clear:both; } #cart_block #cart_block_list dt a{ display:inline-block; float:left; line-height:17px;} #cart_block #cart_block_list dt a img{ display:inline-block; margin-right:10px;margin:0px 0 10px 0;} #cart_block #cart_block_list dd {position:relative; margin:0px 0 10px 0px;} #cart_block #cart_block_list dd a{ font-style:italic;} #cart_block .remove_link {position:absolute; right:7px; top:15px;height:24px;width:19px;} #cart_block .remove_link a{background:url(../img/sprite_clothes.png) -76px 0px no-repeat;z-index:9;display:block;height:24px;width:19px; margin-top:5px; margin-left:5px;} #cart_block .remove_link a:hover{ background-position:-76px -24px;} #cart_block .products .price{ display:inline-block; padding:15px 0 5px 0; width:150px; font-size:17px;} #cart_block table#vouchers {clear: both;width:100%; position:relative;} #cart_block table#vouchers tr td{padding: 2px;} #cart_block table#vouchers tr td.quantity{margin-right:5px;min-width:18px} #cart_block table#vouchers tr td.delete a{padding:0;width:9px; height:9px; position:absolute; right:0; top:7px; } #cart_block ul.cart_block_customizations {padding:0 0 0 13px; list-style:none;} #cart_block ul.cart_block_customizations li {font:11px/15px "Arial";} #cart_block ul.cart_block_customizations li .quantity-formated{ line-height:14px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct {width:9px;height:9px;position:absolute; right:3px; top:3px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {background:url(../img/icon/delete.gif) no-repeat 0 0;display:block;height:9px;width:9px;} #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a:hover{ } #cart_block .cart-prices div{ border-top:1px dotted #b2b2b2; padding:7px 0px 7px 0px; height:15px;} #cart_block #cart_block_shipping_cost,#cart_block #cart_block_total {float:right} #cart_block #cart-buttons { display:block;} #cart_block #cart-buttons #button_order_cart{padding-left:0px!important; margin-right:0px;} #cart_block #cart-buttons #button_order_cart span {} p.buttons_bottom_block{float:left;padding:0px!important; margin-top:10px;} p.buttons_bottom_block_right{float:right;padding:0px!important; margin-top:10px;} .ups_preview_container p.buttons_bottom_block #ups_shipping_rates_button .exclusive{float:right;} #cart_block p#cart-buttons {padding:10px 0 0 0px; margin:0;border-top:1px dotted #b2b2b2;} #cart_block p#cart-buttons a.button_mini {float:left;margin-right:10px;} .page_product_box > h3{background-color:#7c7971;color:#ddd; margin-top:0px; padding:10px; font-size:1.25em; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .page_product_box.blockproductscategory h3{ margin-top:17px;} .page_product_box.accordion h3.active{background:#000} .page_product_box.accordion h3 .icon-toggle{width:26px; height:26px; position:absolute; right:12px; top:10px;background: url(../img/sprite_clothes.png) no-repeat 0 -797px;} .page_product_box.accordion h3.active .icon-toggle{background: url(../img/sprite_clothes.png) no-repeat 0 -749px;} .mousetrap{ width:100%!important; height:100%!important;} .footnote{background-color:#bebbb3; color:#000; padding:2px 5px; text-align:center; margin-top:10px;} /* ************************************************************************************************ CROSSELING AND CATEGORY PRODUCTS ************************************************************************************************ */ .page_product_box #idTab4{} .page_product_box #idTab4 li{display:block; padding:10px;} .page_product_box #idTab4 li{background: -moz-linear-gradient(top, rgba(242,238,232,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,238,232,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,238,232,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,238,232,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,238,232,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,238,232,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2eee8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */} .page_product_box #idTab4 li img, .page_product_box #idTab4 li .accessories_productdesc,.page_product_box #idTab4 li .accessories_price{display:inline-block;} .page_product_box #idTab4 li img{ width:8%;padding:1%;} .page_product_box #idTab4 li .accessories_productdesc{width:70%;min-height:100px; vertical-align:middle!important; } .page_product_box #idTab4 li h5 a{font-size:1.35em; color:#000; font-weight:bold;} .page_product_box #idTab4 li .accessories_productdesc > p{text-transform:lowercase;} .page_product_box #idTab4 li .accessories_price:before{height:100%; min-height:100px; vertical-align:middle!important; } .page_product_box #idTab4 li .accessories_price{width:10%; padding:2%; border-left:1px solid #ddd;} .crossselling.page_product_box h3, .tab-video.page_product_box h3{ margin-top:10px;} .page_product_box .carusel-inner li.item{ float:left;display: block; text-align:center;} #carouselproduct{width:100000px;} #row-2-extra{} #carouselproductcross{ width:100000px;} .page_product_box .carusel-inner{ padding:20px 0 0px 0; position: relative; margin:0 0 -10px -20px;display:block;} .page_product_box .carusel-inner .caroufredsel_wrapper{ cursor:pointer!important;} .page_product_box{ overflow:hidden; margin:0;} .page_product_box .carousel-ul { display: block; padding:0; margin:0; width:10000px;} .page_product_box{ position:relative; } .page_product_box .carusel-inner li a{ display:block;} .page_product_box .carusel-inner li {display:block; float:left; margin-left:20px; height:270px; width:146px;} .page_product_box .carusel-inner li .price_display{ margin:0;} .page_product_box .carusel-inner .product_link{ display:block; margin:5px 0px -1px 0px} .page_product_box a.prev,.page_product_box a.next {background: url(../img/slider-arrow.png) no-repeat transparent;width: 27px;height: 27px;display: block;position: absolute;top:105px;display:none; opacity:0; filter:alpha(opacity=0); -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease; transition: opacity 300ms ease, left 300ms ease, right 300ms ease;} .page_product_box .carusel-inner:hover,.page_product_box .carusel-inner img:hover{ cursor:move; cursor: pointer;} .page_product_box .carusel-inner:hover a.prev{opacity:1;filter:alpha(opacity=100); left:40px;} .page_product_box .carusel-inner:hover a.next{opacity:1;filter:alpha(opacity=100); right:22px;} .page_product_box a.prev {left:-27px;background-position: 0 0; } .page_product_box a.prev:hover { background-position: 0 -27px;} .page_product_box a.next {right:-27px;background-position: -27px 0; } .page_product_box a.next:hover { background-position: -27px -27px; } .page_product_box a.next.disabled,.page_product_box a.prev.disabled {opacity:0.2;} .page_product_box a.prev.disabled,.page_product_box a.next.disabled {cursor: default;} /* ************************************************************************************************ BREADCRUMB (modified by wl) ************************************************************************************************ */ .breadcrumb {margin:5px 0px; display:block; background-color:#FFFFFF; padding:6px 0 0px 0; width:1170px; font-size:14px; }/*background-color:#cfccc4;*/ .breadcrumb span{ display:inline;} .breadcrumb a {font-size:14px;line-height:22px; color:#707775;} .breadcrumb a i{ vertical-align:-4px;} .breadcrumb-home{ } .breadcrumb-home i{ font-size:25px;} .breadcrumb-home:hover { } .breadcrumb .navigation-pipe {margin:0 10px 0 10px;font-size:14px;line-height:36px;} .breadcrumb .navigation_page{font-size:14px;line-height:36px;} .breadcrumb_inset{ padding-left:10px; width:76%; float:left; text-transform:uppercase;} .breadcrumb #social_block.icon{width:22.5%; padding:0px 0px 0px 0px;} .breadcrumb #social_block.icon ul{text-align:right;} /* ************************************************************************************************ PROMOTION PAGE ************************************************************************************************ */ .gradient-bottom-top{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,238,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(242,238,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(242,238,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(242,238,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(242,238,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(242,238,232,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2eee8',GradientType=0 ); /* IE6-9 */} .bundle-wrapper {} .bundle-wrapper h2{font-size:1.75em; background:#000; color:#fcb61f; padding:4px 10px;} .bundle-wrapper > .icon-plus {font-size:2.5em; color:#6b6b6b;} .bundle_product {display:inline-block; width:30%!important; float:none!important;padding:2%; margin:auto; text-align:center;min-height:160px; vertical-align:middle;} .bundle-discount{display:inline-block;width:26%; vertical-align:top; padding-top:10%;} .bundle_product a, .bundle_product a:hover, .bundle_product a:active{outline:none; border:0;} .bundle_product a > img {width:70%;} .bundle_product h3 {font-size:1.25em; padding:10px 5px;} .original_price, .discount_price{display:block;} .original_price{font-size:22px;color:#000000;text-decoration:line-through;} .discount_price{font-size:28px;color:#ed0904; margin-top:10px; font-weight:bold;} .bundle-discount > .discount_price{margin-bottom:10px;} .tri-top{ position:relative; padding:15px; bottom:-20px; left:10px; color:#312f2c; background:#cfccc4!important; /* default background for browsers without gradient support */ /* css3 */ border:2px solid #312f2c; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;z-index:1000;} .tri-top:after{ content:""; position:absolute; bottom:45px; /* value = - border-top-width - border-bottom-width */ left:40px; /* controls horizontal position */ border-width: 0 10px 10px; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#312f2c transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } /* ************************************************************************************************ CONTACT PAGE ************************************************************************************************ */ #contact_form p#desc_contact0,#contact_form p#desc_contact1,#contact_form p#desc_contact2 {padding:0; margin-bottom:10px; color:#09F} #contact_form p.file_input label {padding-top:3px;} #contact_form {padding:0px 0px 20px 0px;margin:0px 0 0 0;} #contact_form p{ margin-bottom:20px;} #contact_form p.textarea{margin:0;} #contact_form h2 { margin-bottom:10px;} #desc_contact0 {display:none;} #contact_form textarea#message { height:150px; margin:0;} #contact_form .select select {width:400px;} #contact_form .text input, #contact_form .password input {width:400px;} #contact-form .submit {padding-top:15px;} .title-pagecontact{ padding:0; margin:0 0 5px 0;display:inline-block;} .title-pagecontact i { margin-right:7px;} /* ************************************************************************************************ HISTORY ************************************************************************************************ */ #order-list th{color:#6b6b6b; background:#cfccc4;border:1px solid #e9e5db} /*WL added this line*/ #order-list td{ text-align:left;border:1px solid #e9e5db} #order-list td.history_invoice i{ font-size:25px; vertical-align:-1px;} .myaccount ul{ padding-bottom:10px;} .favoriteproducts img{ width:16px; height:16px;} div#block-history { padding:0px;} div#block-history textarea {height:100px; margin-bottom:20px;} table#order-list{margin-top:20px; margin-bottom:0; border:none;} table#order-list td.history_link a {font-weight:bold; color:#6b6b6b;}/*WL change color:#ff553d*/ table#order-list td.history_link a:hover {font-weight:bold; color:#000;}/*WL added this tag*/ table#order-list td.history_detail .btn /*WL override this style*/ {display:block; font-size:13px; border:1px solid #6e6555; text-transform:uppercase; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff; background-color: #6e6555; background-image: -webkit-gradient(linear, left top, left bottom, from(#6e6555), to(#000000)); background-image: -webkit-linear-gradient(top, #6e6555, #000000); background-image: -moz-linear-gradient(top, #6e6555, #000000); background-image: -ms-linear-gradient(top, #6e6555, #000000); background-image: -o-linear-gradient(top, #6e6555, #000000); background-image: linear-gradient(to bottom, #6e6555, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6e6555, endColorstr=#000000);} /*table#order-list td.history_detail .btn:hover{ border:1px solid #4a4b4a; background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828)); background-image: -webkit-linear-gradient(top, #646464, #282828); background-image: -moz-linear-gradient(top, #646464, #282828); background-image: -ms-linear-gradient(top, #646464, #282828); background-image: -o-linear-gradient(top, #646464, #282828); background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);}*/ table#order-list td.history_detail .btn-info { color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background-color: #000000; background-image: #ababab; background-repeat: repeat-x; border-top-color: rgba(0, 0, 0, 0.1); border-right-color-value: rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.25); border-left-color-value: rgba(0, 0, 0, 0.1); } table#order-list td.history_detail .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fcb61f; } .btn-success /*WL override this style*/ {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} table#order-list td.history_detail .btn + a{ margin-top:10px;} table#order-list td.history_detail a.details_link {text-transform:capitalize;} #block-history #block-order-detail table.std td.inputs input.order_qte_input {height:15px;padding:1px;float:left;} #block-history #block-order-detail table.std td.inputs label {display:block;float:left;padding:2px 0 0 7px;font-weight:bold;} #block-history h3 {padding:17px 0 0 0;} #block-history #block-order-detail {padding:3px 0 0 0;} #block-history #block-order-detail h4 {overflow:hidden;} div#order-detail-content table.std th {padding:15px 12px;} form#sendOrderMessage p.submit {padding:0px 0 0 0;} #sendOrderMessage{ margin-bottom:0;} #sendOrderMessage label{ display:block; padding-bottom:6px;} #sendOrderMessage select{ width:300px;} .info-order strong{ color:#333} .addresses #sendOrderMessage label{ display:block; padding-bottom:4px;} .addresses .address_delivery label{ display:block; padding-bottom:4px;} .addresses .address_delivery,.addresses .addressesAreEquals{ padding:20px 0 0 0; margin:0;} .addresses .address_delivery select,.addresses #address_invoice_form select{ width:416px;} .addresses .addressesAreEquals input{ margin:3px 7px 0 0} table.discount {margin:17px 0 0 0;} table.discount td{text-align:center; padding:20px 5px;} table.discount td.discount_code {font-weight:bold;} table.discount td.discount_value {white-space:nowrap;} body#discount div.center_column sup {vertical-align:top;} .delivery_options{ padding-top:20px;} .delivery_options_address .delivery_option_radio{ margin:0px auto 0px auto;} .delivery_options_address table td:first-child{ text-align:center; padding-left:12px; width:20%;} .delivery_options_address table td:last-child{ text-align:center; padding-left:12px; width:40%;} .delivery_options_address label{ display:block;} table.delivery_option_carrier{ background:#D9EDF7; border:1px solid #BCE8F1;} table.delivery_option_carrier td{border:1px solid #BCE8F1; color:#3A87AD; text-transform:none; font-size:12px;} .order_carrier_content .carrier_title{ text-align:center; margin-bottom:20px;} .carrier_title span{ padding-left:10px; padding-right:10px;} .addresses #address_delivery{ padding:20px; border:1px solid #ccc; background:#F8F8F8; margin-bottom:20px;} .addresses #address_invoice{ padding:20px; border:1px solid #ccc; background:#F8F8F8; margin-bottom:20px;} #order-detail-content-table .td-3 { text-align:center;} #order-detail-content-table tbody td:first-child{ padding-left:40px;} .cart_total_price.cart_last_tr .price{ font-size:17px; color:#000;} /*WL changed color from #FF553D*/ /* ************************************************************************************************ MY ACCOUNT ************************************************************************************************ */ body#my-account ul.footer_links li{ float:none;} body#my-account div#center_column ul.myaccount_lnk_list {padding:20px 0 0 0; list-style:none;} body#my-account div#center_column ul.myaccount_lnk_list li {margin-top:6px; padding:14px 0 0 0; font-size:1.15em; line-height:1.2em;} body#my-account div#center_column ul.myaccount_lnk_list li img {margin:0px 5px 0 0;display:inline-block; width:16px;} sup {color:#f00;}/***********WL added this class**********/ .account_creation .select span{ display:block; margin-bottom:7px;} .account_creation .after-box{ padding:20px 0 0 0;} #account-creation_form #passwd{ float:left; margin-right:20px;} #account-creation_form fieldset h2{margin:10px 0 15px 0;} #account-creation_form fieldset:first-child h2{ margin:0;} #center_column #account-creation_form .titled_box p {margin:0; padding:0 0 20px 0} #center_column #account-creation_form .account_creation.customerprivacy p{ padding:0; float:left;} #center_column #account-creation_form .titled_box p input{ margin-right:10px;} #account-creation_form p.radio span, #account-creation_form p.select span,#identity p.radio span{display:block;margin-bottom:7px; padding:6px 0px;text-align:left; font-size:13px;} /*WL added font-size here*/ #account-creation_form p.radio label {padding-right:10px;} #center_column #account-creation_form p.cart_navigation {margin:0; padding:20px 0 0 0;} form#account-creation_form p.radio input,#identity p.radio input,#new_account_form p.radio input { margin:2px 6px 0 0;float:left;} form#account-creation_form p.radio label,#identity p.radio label,#new_account_form p.radio label {padding:0px 25px 0 3px; float:left;display:inline-block;} form#account-creation_form textarea {width:210px;max-width:563px;} #identity p.radio { padding:0;} /* ************************************************************************************************ Product Comparison ************************************************************************************************ */ #product_comparison { margin-top:20px;} #product_comparison span.price{ font-size:17px; padding-bottom:0px; display:block;} .comparison_product_infos{ padding-top:10px;} #product_comparison #availability_label{ font-weight:bold; color:#333;} #product_comparison #availability_value{ color:#0C6;} #product_comparison .comparison_availability_statut{ padding:0px; margin:0; display:none;} #product_comparison.breakpoint .comparison_product_infos,#product_comparison.breakpoint .comparison_product_infos .product_link,#product_comparison.breakpoint .comparison_product_infos .row-compare-button { text-align:left;} #product_comparison .product_image_div{ position:relative; margin-bottom:13px;} #product_comparison .product_image_div a{ display:block;} #product_comparison th:first-child, #product_comparison td:first-child{ text-align:left; padding:5px 10px 5px 10px; font-weight:bold;} #product_comparison .product_image_div a.product_image{ position:relative; display:inline-block;} .shop_table .title_compare{ font-size:13px;color:#333;} #product_comparison .comparison_header .price{ font-size:32px; font-weight:normal;} #product_comparison .on_sale, #product_comparison .discount{width:54px; height:48px; display:block; position:absolute; left:-26px; top:-7px;} #product_comparison .product_link { padding:0 0 0px 0; display:block; text-align:center;} #product_comparison .comparison_product_infos a.cmp_remove {background:url(../img/sprite_clothes.png) -76px 0px no-repeat; width:19px; height:24px; display:block; position:absolute; right:-8px; top:0; z-index:5;} #product_comparison .comparison_product_infos a.cmp_remove:hover{ background-position:-76px -24px;} #product_comparison .product_desc{ margin:0 0 9px 0; } #product_comparison .row-compare-button{ text-align:center;margin-top:-9px;} #product_comparison .comparison_product_infos a.button { margin-right:8px; margin-bottom:20px;} #product_comparison .comparison_product_infos .exclusive {margin:0px 0 20px 0;} #product_comparison td:first-child{ background:#F5F5F5; color:#888;} #product_comparison td.ajax_block_product{ padding-bottom:0;} .shop_table td.comparison_feature_even.comparison_infos,.shop_table td.comparison_feature_odd.comparison_infos{ text-align: center;} #product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product{ padding:10px 20px} /* ************************************************************************************************ Identity ************************************************************************************************ */ form.identity p.radio input {top:3px;} form.identity p.radio label {padding:0 15px 0 3px;line-height:19px;display:inline-block;} form.identity p.required_desc {padding:20px 0 0 157px;} p#security_informations {padding:20px 0 0 0px; font-style:italic; margin:0;} /* ************************************************************************************************ Orderopc ************************************************************************************************ */ #orderopc #left_column {display:none} #orderopc #center_column{width:757px} #orderopc #left_column h2 {margin-top:20px} #opc_account_choice {padding:0 15px;} #opc_account_choice .opc_float {float:left;width:350px} #opc_account_choice .opc_float ul {margin:0 0 20px 30px} form#new_account_form { padding-top:10px; } form#new_account_form h4{ margin-bottom:10px;} #new_account_form fieldset {padding:0 0 15px 0;} #center_column #new_account_form p {margin:0; padding:0 0 10px 0;} #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label {display:inline-block;padding:6px 15px;width:230px;text-align:right} #new_account_form p.textarea textarea {height:80px;width:205px;} #new_account_form span.form_info,#new_account_form span.inline-infos {display:block;margin:5px 0 0 0px;color:#666} /* ************************************************************************************************ PDODUCT PAGE ************************************************************************************************ */ /* pb-left-column*/ #pb-left-column {} #pb-left-column h1{font-size:28px; color:#000000; font-weight:bold; text-transform:uppercase; border-bottom:0px!important; background:none; line-height:28px;padding:20px 0;} #pb-left-column h1 p, #pb-left-column h1 span{font-size:14px; color:#7d8583; display:block; font-weight:normal;} /*#pb-left-column h1,*/ .pb-right-colum-h {background:none;border:none;color:#333333;font-size: 23px;margin:-6px 0 15px 0;padding: 0 0px 0 0;text-transform: none; line-height:27px;} .pb-right-colum-h { display:none;} #pb-left-column #short_description_block #short_description_content {margin-top:2px;margin-bottom:-2px; color:#3e3e3e;} #pb-left-column #short_description_block #short_description_content p > strong{text-transform:uppercase; font-size:1.5em; line-height:1.5em; color:#3e3e3e; border:0px; font-weight:bold;} #pb-left-column #short_description_block #short_description_content p{ margin-bottom:20px; text-transform:none; font-size:14px; line-height:26px;} /* buy_block */ #buy_block{ margin-bottom:10px; padding-top:5px; margin-top:10px;} .extra-box-product{} #product p#loyalty {border-top: 1px dotted #ccc;margin-top:4px;padding:16px 0 14px 0px; margin-bottom:0;} #product p#loyalty em{ display:inline;} #product p#loyalty i{ font-size:25px; float:left; margin-right:10px; margin-top:7px;text-align:left;} #order #loyalty{ margin:20px 0 12px 0; font-size:13px;padding:20px 0 20px 0;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;} #order #loyalty img{ margin-right:10px;} #buy_block p{margin:0;padding:0;} #buy_block #product_reference{ padding-bottom:5px;} #buy_block span.online_only {font-weight:bold; color:#ff553d; padding:0px 0 14px 0; display:block;} #buy_block #product_reference label { font-weight:bold; color:#333;} #buy_block #product_reference span{ font-weight:bold; color:#00CC00} #primary_block .buttons_bottom_block a.exclusive{ border:1px solid #464646; border-right:1px solid #262626; border-bottom:1px solid #262626; color:#fff; margin-right:2px;padding: 10px;background: rgb(70,70,70); background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(38,38,38,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,70,70,1)), color-stop(100%,rgba(38,38,38,1))); background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -o-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: -ms-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(38,38,38,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#262626',GradientType=0 );} #primary_block .buttons_bottom_block a.exclusive span{background:url(../img/btn-marker.png) left top no-repeat; line-height:18px;padding:2px 0 2px 20px;} #primary_block .buttons_bottom_block a.exclusive:hover{ border:1px solid #fb5f49; border-right:1px solid #f82b0f; border-bottom:1px solid #f82b0f;background:#ff553d;} .list-radio{ margin-right:25px; float:left;} .row_1 {overflow:hidden;text-align:left;padding: 20px 0;border-top: 1px dotted #dadad9;border-bottom: 1px dotted #dadad9;} .row_1 p {float:right;padding:0;} .row_1 p.our_price_display{padding-top:13px;display:inline-block; float:left; padding-bottom:3px;} .row_1 p.our_price_display span{font-size:24px;line-height:18px; color:#333;padding-top: 13px; display:inline-block;} .row_1 p#quantity_wanted_p {padding-right:12px; padding-top:7px;} .row_1 p#quantity_wanted_p input {float:right;height:28px;padding:5px;text-align:center;width:40px; margin:0;} .row_1 p#quantity_wanted_p label {float:right;padding:4px 10px 0 0;text-align:right;} .row_1 input#add2cartbtn {display: none;} .row_1 span.exclusive {float:right;} #buy_block .row-2 {overflow: hidden;text-align: left; margin-top:1px; padding-top:10px; border-top:1px dotted #ccc;} #buy_block .row-2 .on_sale_img{ float:right; margin-bottom:8px;} #buy_block .row-2.bordered {border-top: 1px dotted #ccc; padding-top:20px;} #buy_block .row-2 span.on_sale,#buy_block .row-2 span.discount {display:block;float:left;color:#333;padding:7px 6px 0px 30px;font-size:18px; font-style:italic;font-weight:normal;color:#ff743d;} #buy_block .row-2 #reduction_percent,#buy_block .row-2 #reduction_amount {padding:12px 0 0px 0; float:left; margin-right:12px; font-size:14px;font-style:italic;font-weight:normal; color:#333;} #buy_block .row-2 #reduction_percent span,#buy_block .row-2 #reduction_amount span {display: block;float:right;font-size:14px;font-style:italic;font-weight:normal;color:#333;} #buy_block .row-2 #old_price {padding:12px 0 0px 0;font-size:14px; display:inline-block; font-style:italic;font-weight:normal;color:#333;float:left; margin-right:7px;} #buy_block .row-2 #old_price .price{ font-size:14px;font-style:italic;font-weight:normal; color:#333;} #buy_block .row-3 {overflow: hidden;text-align:left;} #buy_block .row-3 #pQuantityAvailable {padding-bottom:7px;} #buy_block .pack_price{ padding:0 0 10px 0;margin:0;} #buy_block p#old_price {/*padding-bottom: 15px;*/font-size:16px; text-decoration:line-through;} #buy_block #pQuantityAvailable/*, #buy_block #quantityAvailable*/ {font-weight:bold; color:#6b6b6b; font-size:13px; padding:10px; background-color:#cfccc4; }/*WL has changed color:#0C0 to color:#6b6b6b*/ #view_scroll_right,span.view_scroll_spacer{ top:70px;} #thumbs_list li + li {margin-right: 9px;} /*atributes*/ .product_attributes #attributes {padding:10px 0px;}/*WL has removed border-top: 1px dotted #ccc;*/ .product_attributes #attributes label {vertical-align:top;/*position:relative;*/ display:block; padding-bottom:6px; font-weight:bold; color:#333; padding-top:5px;} .product_attributes #color_to_pick_list {list-style-type: none;} .product_attributes #color_to_pick_list li {float: left; margin: 0 20px 0px 0;border-radius:25px;} .product_attributes #color_to_pick_list li.selected { box-shadow:0px 0px 5px 0px #fff; } .short_description_pack{padding:10px 0px 0px 0;} .short_description_pack h3{padding:5px 0 0 0;margin:0;} .short_description_pack p{padding:5px 0 0 0;} .short_description_pack .pack_content {padding: 10px 0 0 0;} .pack_content {margin:5px 0 5px 0;} #blockpack{ padding-top:10px; padding-bottom:10px;} #pb-left-column #color_picker p {padding-bottom: 5px;font-weight: bold;} #attributes fieldset { padding-bottom:11px;} #attributes label{text-transform:uppercase;} /*WL added this to control */ #attributes .attribute_list {display:block;color:#333; font-style:italic;} #attributes .attribute_list .attribute_radio{ margin:-1px 5px 0 0;} .attribute_list #color_to_pick_list a.color_pick {display: block;height:25px;width:25px;border-radius:25px; cursor:pointer;} .attribute_list #color_to_pick_list a.color_pick img{ border-radius:25px;} .product_attributes {padding:10px 0 0 0;} #attributes select {width:100%; display:block;} #availability_statut {padding-top:10px; padding-bottom:10px;background-color:#cfccc4;}/*WL removed float:left;*/ #availability_statut span#availability_label{font-weight:bold; color:#333; text-transform:uppercase;margin-left:7px;} #availability_statut span#availability_value{display:inline-block; margin-right:7px; padding-left:7px;color:#6b6b6b; font-weight: normal;} /*WL changed color:#00CC00 to color:#6b6b6b*/ span.reg_price_display{padding-top:7px;font-size:24px;line-height:18px;display:inline-block;} *:first-child + html .content_prices #add_to_cart .exclusive {padding: 4px 3px 4px 11px;} /*send_friend_form*/ #send_friend_form .modal-body img{float:left; margin:7px 14px 8px 0; padding:4px; border:1px solid #fff;-moz-box-shadow: 0px 0px 9px #ddd;-webkit-box-shadow:0px 0px 7px #ddd;box-shadow:0px 0px 7px #ddd;} #send_friend_form h1 {color:#333;font-weight:normal;padding:15px 0px 0px 0px; margin:0;background:url(../img/line-bg.gif) left 38px repeat-x;} #send_friend_form h1 span{ background:#fff; padding-right:5px;} #send_friend_form .modal-header { border:none; padding:10px 20px 0px 20px} .modal-body { padding:10px 20px 20px 20px; margin-top:10px;} #send_friend_form .product_desc{text-align:left;} #send_friend_form_error{color:#F00} #send_friend_form .product_name{ margin-bottom:10px;} #send_friend_form label { display:block; padding-bottom:4px;} #send_friend_form .txt_required{ padding-top:7px; display:block;} #send_friend_form .form_container{ margin-top:0px;} .form_container .intro_form{ font-weight:bold; padding-top:10px; color:#333} /* usefull links */ #usefull_link_block {margin:0px 0 0 0;padding:0px ;border-top:0px dotted #DADAD9;}/*WL removed padding: 18px 0 13px 0px*/ #usefull_link_block li {padding:2px 0 0 0px;float:left;margin:0 30px 16px 0;} #usefull_link_block li.sendtofriend a i, #usefull_link_block #left_share_fb a i, #usefull_link_block li.print a i{ font-size:25px; vertical-align:-4px; margin-right:5px;} #usefull_link_block li.view-size {background:url(../img/view-size.png) 0px 1px no-repeat;padding-left:19px;} #usefull_link_block li a,#usefull_link_block span.span_link {display:inline-block; line-height:22px;font-size:14px;} /* ************************************************************************************************ FOOTER .block.blockcms_footer{ margin-left:0;} footer .modules{ position:relative; padding-bottom:70px;border-top:6px solid #000000; margin:0;} footer .block h4{ font-size:17px; color:#1c1c1c; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0; margin:25px 0 15px 0; border-bottom:3px solid #000000} footer .block h4 a{color:#1c1c1c; font-weight:bold;} footer .block a{color:#7a7a7a;} footer .block a:hover{color:#ff5b44;} footer .block .list-footer li{padding:0px 0 4px 0; width:50%; float:left;} footer .block .list-footer li a {font-size:13px; font-weight:bold; text-transform:uppercase; padding-right:5px;} footer .block .list-footer li img{ display:none;} footer .footer-text{ padding:0px 0 0 0;} .bottom_footer {color:#7a7a7a;position:absolute;bottom:22px;left:0px; font-size:13px; font-weight:bold; border-top:1px solid #cccccc; width:100%; padding-top:15px;} .bottom_footer a {color:#494949;} .bottom_footer a:hover{color:#ff553d;} .block.block_category_footer{ clear:both;} .block.block_category_footer ul ul{ margin-left:20px;} .blocksocial li a{ display:inline-block; font-size:14px;} .blocksocial li {vertical-align:middle; padding-top:0px;} .blocksocial li.facebook a{background:url(../img/sprite_pict_social_block.png) no-repeat 0 0px;padding:6px 0 0px 40px;height:40px;} .blocksocial li.twitter a{background:url(../img/sprite_pict_social_block.png) no-repeat 0 -61px;padding:6px 0 0px 40px;height:40px;} .blocksocial li.rss a{background:url(../img/sprite_pict_social_block.png) no-repeat 0 -121px;padding:6px 0 0px 40px;height:40px;} ************************************************************************************************ */ .footer-bg-mob{ overflow:hidden;zoom:1;background:#000;color:#FFF;} #footer .sub{height:68px;background:#fcb620;text-transform:uppercase;margin-top:8px;} #footer .sub span{font-size:16px;font-weight:bold; float:left; display:inline;margin:24px 0 0 34px;} #footer .sub .inp{float:left;display:inline;width:202px;height:30px; background:url(../images/pic16.gif) no-repeat 0 0; margin:21px 0 0 40px;} #footer .sub .inp input{margin:6px 0 0 10px; font-size:13px;width:178px; color:#cccccc; border:0;} #footer .sub .inp2{float:left;display:inline;margin:20px 0 0 30px;background:url(../images/pic17.gif) no-repeat 0 0;width:118px;font-weight:bold;height:30px;line-height:30px;font-size:13px;text-align:center;color:#fcb61f;} #footer .subbor{width:1260px; margin:0 auto;} .footer-bg-mob{overflow:hidden;zoom:1;width:100%;margin:0 auto; padding-bottom:10px;}/****************WL*************** Change the width from 1260px to 100% */ .footer-bg-mob.block{width:200px; margin-top:45px;} .footer-bg-mob .block:first-child{ margin-left:80px; } .footer-bg-mob .block h4{color:#fcb61f;font-size:14px; margin-bottom:25px;text-transform:uppercase;} .footer-bg-mob .block ul li{line-height:25px; font-size:13px; list-style-type:none;} /****************WL**** original >> font:12px ************/ .footer-bg-mob .block ul li a{color:#aeaba1;} .footer-bg-mob .block ul li a:hover{color:#fcb61f; text-decoration:none;} .wlrowshift {margin-left:0px;} /****************WL****************/ .footer-bg-mob .blocksocial{width:276px; color:#ffffff; /*margin-top:20px; margin-bottom:20px;*/} /****************WL********** Removed float:right;******/ .footer-bg-mob .blocksocial ul li {display:inline-block;} /****************WL******** added a inline block here *******/ .footer-bg-mob .blocksocial img{margin-right:10px;} .footer-bg-mob .blocksocial h4{display:block;font-size:14px;margin-bottom:16px; font-weight:normal;} .footer-bg-mob .copyright{ /*margin-left:20px;*/text-align:right; color:#ffffff; font-size:1em;} .footer-bg-mob .selectlang{display:inline-block; width:63%; margin-left:10px; padding:10px 30px 0px 20px;} .topborderline{border-top:1px solid #666;} .footer-bg-mob .selectlang a{color:#fff;} .footer-bg-mob .selectlang a:hover{color:#fcb61f; text-decoration:none;} #footer { color:#fff; background:#333; margin-top:20px;} .blockcategories_footer, #footer .myaccount , #block_various_links_footer, #block_contact_infos { float:left; width:175px } /****WL removed #social_block, ****/ .blockcategories_footer {margin-left:0} #footer .title_block { padding-bottom: 10px; text-transform:uppercase } #footer .title_block , #footer .title_block a { font-weight:normal; font-size:14px; color:#fff } #footer a {color:#fff} #footer a:hover {text-decoration:none;} #footer ul {list-style-type:none;} #footer li {padding:7px 0} #footer li a {color:#fff} /* ************************************************************************************************ PAIMENT - PAGE ORDER ************************************************************************************************ */ #order .p-cart{ font-size:13px; text-transform:uppercase; color:#535353; padding-bottom:15px; border-bottom:1px solid #e5e5e5;} .ordercart-title{ font-weight:bold; color:#5b5b5b; margin:0; padding:6px 0 14px 0; font-size:1.25em;} /*WL added font-size here and chanage color:#333;*/ .ordercart-title #summary_products_quantity{ color:#000;}/*WL has changed color:#95bc01*/ #order_steps {overflow:hidden;margin:20px 0 10px 0px;} #order_steps{list-style:none;} /*WL added this tag*/ #order_steps li.even:first-child{background:#9c9c9c;} #order_steps li.even.step_current:first-child { background:#fcb61f;}/*WL has changed from background:#ff604a*/ #order_steps li.even{ background:url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;} #order_steps li.odd{background:url(../img/marker-order.png) 0px 29px no-repeat #777777;} #order_steps li {width:20%;float:left; text-align:center;} #order_steps li span {display:block;padding:5px 0 5px 0px;} #order_steps li span {color:#fff; font-weight:bold;} #order_steps li span span{color:#fff; font-weight:bold; font-size:27px; line-height:27px;} #order_steps li.step_current { background:#fcb61f;}/*WL has changed from background:#ff604a*/ #order_steps li.step_current span, #order_steps li.step_current span span{color:#000;}/*WL added this tag*/ #order_steps li a {font-weight:bold;color:#ccc;text-decoration:none;} #order_steps li a:hover {color:#fff;} /* step 1 - cart ******************************************************************************* */ #cart_summary { background:none; border:none; margin-bottom:0;} #order #HOOK_SHOPPING_CART{padding-bottom:0px; margin-bottom:10px;} table#cart_summary h5{display:block; font-size:1.25em; font-weight:bold;}/*WL added font-size*/ table#cart_summary .cart-atr{ padding-bottom:5px; display:inline-block;} #order-detail-content .title-th{ float:left;padding-right:10px; display:inline-block; font-weight:bold;color:#333} table#cart_summary tr{ border-width:0px 0px 1px 0px; border-style:dotted; border-color:#ccc} table#cart_summary tr.cart_last_tr{ border:none;} #seperated_packag{ padding:0;} #seperated_packag input{ margin:-3px 10px 0 0;} table#cart_summary .insset-bottom{ padding-bottom:16px; padding-top:0px;} .cart_quantity_title{ padding:3px 10px 0 0;} table#cart_summary tbody tr{border-top:1px dotted #ccc;} table#cart_summary td {padding:20px 0 20px 0; border:none; vertical-align:top; text-align:center;} table#cart_summary .customization{ border-color:#ccc} table#cart_summary td.cart_product{ width:30%; padding:2%;} table#cart_summary tr ul {list-style: none;} table#cart_summary .customizationUploaded{ margin-bottom:10px; text-align:left;} table#cart_summary .cart_quantity .cart_quantity_down{ float:left;} table#cart_summary .cart_discount_name{ color:#333; text-transform:uppercase; vertical-align:middle;} table#cart_summary .cart_discount{ border-width:1px 0 1px 0; border-style:solid;} table#cart_summary .cart_discount_price .div_cart_quantity_delete{ float:none; margin-left:7px; display:inline-block;} table#cart_summary .div_cart_quantity_delete{ float:left;} table#cart_summary .div_cart_quantity_delete a{ width:19px; height:24px; display:block;background:url(../img/sprite_clothes.png) -76px 0px no-repeat; margin:5px 0 0 10px} table#cart_summary .div_cart_quantity_delete a:hover{ background-position:-76px -24px;} table#cart_summary .customization .cart_quantity {padding:20px 0px 20px 0; border:none; margin-bottom:0;} table#cart_summary .cart_quantity .cart_quantity_input {float:left;border-left:none;border-right:none;display: inline-block;height:24px;text-align: center;width: 40px; margin:0;} table#cart_summary .cart_quantity .cart_quantity_button {float:left;} table#cart_summary a.price_discount_delete { margin-top:3px} table#cart_summary .cart_total_price .total_price_container {border-right:none;} table#cart_summary .cart_total_price td.cart_voucher {vertical-align:middle} table#cart_summary #total_price_container { vertical-align:middle;} #cart_summary tfoot{ font-weight:bold} #cart_summary .cart_last_tr #total_price{ font-size:22px; font-weight:normal;} table#cart_summary tfoot td {padding:16px 0 14px 0; border:none; text-align:left;} table#cart_summary tfoot td + td{ text-align:right;} #total_price_container{ vertical-align:middle;} #cart_summary .price {border:none;white-space: nowrap; text-align:right;} .total_price_container p {text-align: left} table#cart_summary .cart_total_price .total_price_container {padding:0;} .cart_total_price .total_price_container p {display:block;padding:8px;} .cart_total_price .total_price_container span {display:block; font-weight:bold;font-size:18px;text-align:right;padding:0 0px;} table#cart_summary .gift-icon {color: white;background: #0088CC;line-height: 20px;padding: 2px 5px;border-radius: 5px;} table#cart_summary .min-with-td {display: inline-block;font-weight: normal;min-width:50px;} table#cart_summary #cart_quantity_button .cart_quantity_down {background:url(../img/quantity_down_mob.png) 0 0px no-repeat ;height:43px;width:45px;} table#cart_summary #cart_quantity_button .cart_quantity_up {background:url(../img/quantity_up_mob.png) 0 0px no-repeat ;height:43px;width:45px; float:left;} table#cart_summary #cart_quantity_button .cart_quantity_up img,table#cart_summary #cart_quantity_button .cart_quantity_down img,.address-form-multishipping{ display:none;} table#cart_summary #cart_quantity_button span {line-height:43px;} table#cart_summary .cart_quantity .cart_quantity_input {height:43px;} .cart_quantity_title {padding: 11px 10px 0 0;} .tcenter{text-align:center!important;} table#cart_summary .div_cart_quantity_delete a { margin-top:9px; margin-left:20px;} table#cart_summary .cart_discount_price .div_cart_quantity_delete a { margin-top:3px;} table#cart_summary th.cart_product{width:40%;} table#cart_summary th.cart_unit{width:20%;} table#cart_summary th.cart_quantity{width:20%;} table#cart_summary th.cart_total{width:20%; text-align:center!important;} table#cart_summary td.cart{text-align:left;} /*cart_voucher******************************************************************************* */ form#voucher fieldset {padding:25px 0px 0px 0px; border-top:2px solid #3a3a3a;} form#voucher fieldset h4 { padding:6px 10px 0 0; margin:0; float:left;} form#voucher fieldset h4.title_offers {float:left; padding:6px 10px 0px 10px;} form#voucher fieldset p {float:left;margin:0;padding:0px 0px 0 0;} form#voucher fieldset p.submit {padding:0px 0 0 0;} form#voucher fieldset p label {float:left;text-align:right;padding:2px 7px 0 0;} form#voucher fieldset p input.discount_name {width:330px; margin-bottom:0;} #cart_voucher{ padding-top:9px;} #cart_voucher .btn.btn-inverse{ padding-top:6px; padding-bottom:7px; line-height:1.25em;} form#voucher fieldset div#display_cart_vouchers {padding:6px 10px 0 0; float:left;color:#5b5b5b;} form#voucher fieldset div#display_cart_vouchers h4 {margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #eee;} form#voucher fieldset div#display_cart_vouchers div {padding:4px 0 0 0;} form#voucher fieldset div#display_cart_vouchers span.voucher_name {font-weight:bold;cursor:pointer;text-decoration:underline; color:#930; font-size:1.25em;} form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {text-decoration:none;} #order_carrier {clear:both;margin-top:20px;border:1px solid #999;} #carrier_area .checkbox a{ color:#ff553d;} #carrier_area a:hover{} #carrier_area .checkbox{ margin:0; padding:12px 0 0 0} #carrier_area .checkbox input{ margin:3px 7px 0 0;} #carrier_area .checkbox label{ display:inline;} #order_carrier h4 {padding:0 15px;} #order_carrier span {display:block;padding:15px;font-weight:bold} .order_delivery{ padding-top:7px; padding-bottom:20px; } .order_delivery .first_item {margin:0 20px 20px 0; float:left; width:48%;} /*WL added width here*/ .address_select{ width:100px;} .multishipping_close_container {text-align: center; padding-top:10px;} /* ————— carriercompare.tpl ————— */ #compare_shipping_form p {margin:0;} #compare_shipping #availableCarriers{} #compare_shipping ul#carriercompare_errors_list li{ background: url("../img/warning.png") no-repeat 20px center #FDE4E1;border: 1px solid #EBBCB5;color: #DF0505;font-size: 12px;font-weight: bold;padding-left: 70px; margin-left:0!important; margin-bottom:0px; margin-top:20px;} #compare_shipping_form p label {padding:5px 7px 5px 0; display:block;} #compare_shipping_form p select{ margin-bottom:10px; width:395px;} #compare_shipping_form p input{ margin-bottom:2px; width:394px; margin-right:10px;} #compare_shipping_form{padding:16px 0px 0px 0px; border-top:1px solid #000; margin-top:20px; margin-bottom:10px;} #compare_shipping_form #compare_shipping{ padding:0;} #compare_shipping_form #compare_shipping h3{ padding-top:0; border-bottom:3px solid #000; text-transform:uppercase; color:#000; font-weight:bold; padding-bottom:4px; font-size:17px; margin-bottom:10px;} /*WL added margin-bottom*/ #compare_shipping_form #compare_shipping p{ padding:0;} #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard{ padding-top:20px;} #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input{ width:auto; margin-bottom:0; margin-right:16px;} /* nav bottom ********************************************************************************** */ .cart_navigation {margin:20px 0} .cart_navigation .exclusive,.cart_navigation .exclusive_large {float:right} /* order carrier */ div#order_carrier {margin:20px 0 0 0;padding:10px;border-width:1px;border-style:solid;} div#order_carrier h4 {float:left;padding:0 10px;} /* cart navigation */ #order p.cart_navigation.inner-top{border-top: 1px dotted #ccc;} p.cart_navigation {clear:both;margin:0;padding:25px 0 0px 0;overflow:hidden;} p.cart_navigation .button, p.cart_navigation .button_large {float:left;background:#333; border:1px solid #000; color:#fff;} p.cart_navigation .button_large{width:160px; padding-right:10px; padding-left:10px;}/*WL added this tag > width:160px; padding-right:10px; padding-left:10px;*/ p.cart_navigation .button:hover, p.cart_navigation .button_large:hover{ color:#fcb61f;} p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {float:right; background:#333; border:1px solid #000; color:#fff; margin-right:0px!important;} p.cart_navigation .exclusive_large{ width:160px; padding-right:10px; padding-left:10px;}/*WL added width:160px; padding-right:10px; padding-left:10px; and margin-right:0px!important;*/ p.cart_navigation .exclusive:hover,p.cart_navigation .exclusive_large:hover{color:#fcb61f;} /*WL removed background:#666; and added color:#fcb61f*/ #compare_shipping_form #availableCarriers {padding:15px 0 0 0; margin:0!important;} #compare_shipping_form #noCarrier {margin:12px 0 0;padding:10px 13px;text-align:center;} #availableCarriers_table {width:100%; text-align:center;} #availableCarriers_table th{ text-align:center;border:1px solid #CCC;} #carriercompare_errors_list li {margin:0;padding:10px 0 10px 0;} #availableCarriers_table td.radio{ padding:0 5px 0 5px; text-align:center; border:none;} #availableCarriers_table td input{ float:none; margin-top: 15px;} /********************************************************************************************** LOGIN PAGE ***********************************************************************************************/ #create-account_form .text input, #create-account_form .password input,#login_form .text input, #login_form .password input {width:100%; margin-bottom:0px;} #authentication #create-account_form .title_block{ text-transform:none; font-size:13px; font-weight:bold;color:#7a7a7a;} #authentication #create-account_form .title_block,#authentication #login_form .title_block {margin:0;padding:13px 0 0 0;} #authentication #create-account_form p.text, #authentication #login_form p.text {padding:14px 0 0 0;} #authentication #login_form p.submit {padding:20px 0 0 0; float:left;} #authentication #create-account_form p.submit{padding:20px 0 0 0;} #authentication #create-account_form label, #authentication #login_form label {display:block;clear:both;text-align:left;padding:0 0 5px 0;} #authentication #login_form p.lost_password {padding:20px 0 0 0; float:right;} #opc_account_form .shop_box{ padding:10px 0 10px 0;} .cart_total{ text-align:right;} #create-account_form div#create_account_error{width:90%; margin:auto;} /* ————— password.tpl ————— */ .forgot_password #restore_password label {width:170px;} .forgot_password p.submit {padding-left:177px;} #password #center_column h1 + p{ margin:3px 0 17px 0;} #password #center_column p.text input{ margin:0;} /* step 3 - address ************************************************************************** */ div.order_address p.select label {float:left;text-align:right;padding:2px 7px 0 0;} div.order_address p#address_invoice_form a.button_large {margin:0 auto;} div.order_address p.address_add {padding:20px 0 0 0;margin:0;} p.address_add .btn-success{background-color:#cfccc4; color:#312f2c; background-image:none;} p.address_add .btn-success:hover{color:#fcb61f; background-color:#312f2c;} div.order_address #ordermsg p {margin:0;} div.order_address #ordermsg textarea {height:100px;} #multishipping_mode_box h2{ text-align:center; margin-bottom:12px;} #multishipping_mode_box .btn{ color:#333;} #multishipping_mode_box h2 span{ padding-left:10px; padding-right:10px;} #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; color:#333} #multishipping_mode_box .description, #multishipping_mode_box .description_off {} #multishipping_mode_box .description .button{ margin:0 auto; display:inline-block;} #multishipping_mode_box .description_off {display: none;padding: 5px;} #multishipping_mode_box .description_off div {margin-bottom: 10px;} #multishipping_mode_box.on .description_off {display: block;} table.multishipping-cart td{ padding:12px!important;} table.multishipping-cart th{ border-width:0 0 1px 0;} .multishipping-cart .cart_quantity .cart_quantity_input{ float:left; margin:0; height:22px; line-height:22px; border-left:0; border-right:0; text-align:center;} .multishipping-cart .cart_quantity a{ float:left;} .multishipping-cart .cart_quantity{ width:140px;} #order-detail-content #cart_summary.multishipping-cart{ border:1px solid #ccc; margin-bottom:20px;} #order-detail-content #cart_summary.multishipping-cart td.cart_product {width: auto;} #order-detail-content{ padding-top:0;} #order-detail-content #cart_summary.multishipping-cart td { border:1px solid #ccc} /* step 4 - paiement ************************************************************************** */ table#carrierTable {margin:17px 0 0 0;} table#carrierTable tr td.radio input {background:none;border:none;position:relative;top:1px;left:0;} p#gift_div {display:none;clear:both;margin:0;} p#gift_div label {display:block;} p#gift_div textarea {height:100px;margin:12px 0 10px 0;} /* step 5 - paiement ************************************************************************** */ p.payment_module {display:block;padding:20px 0 0px 0; margin:0;} .payment_module img {vertical-align:middle;margin:0 10px 0 0; float:left; } .payment_module a {display:block;background:#fafafa;border:1px solid #ccc;padding:15px;color:#333;text-decoration:none; text-align:left;overflow:hidden; font-weight:bold;} .payment_module a:hover,.payment_module a:focus,.payment_module a:active {background:#fefefe;border:1px solid #fcb61f;color:#000;} /* ************************************************************************************************ PAGE ORDER-OPC ************************************************************************************************ */ div#order-opc h2.bordercolor {margin:20px 0 0 0;padding:17px 0 0 0;border-width:1px 0 0 0;border-style:solid;} div#order-opc table#carrierTable {margin:17px 0 0 0;} div#order-opc textarea#message {height:100px;} /* ************************************************************************************************ express checkout ************************************************************************************************ */ #new_account_form {clear:both;margin-bottom: 20px} #new_account_form h3 { margin-bottom:20px;} #center_column #new_account_form p {margin:0;padding:0 0 10px 0} #center_column #new_account_form p input{ margin-right:10px;} #new_account_form p.required {color:#222} #new_account_form p.radio span,#new_account_form p.text label,#new_account_form p.password label,#new_account_form p.select label,#new_account_form p.select span,#new_account_form p.textarea label {display:block;padding: 6px 0px 6px 0;font-size: 12px;text-align:left} #new_account_form #submitGuestAccount {float: right} /* ************************************************************************************************ paiment - CONFIRMATION ************************************************************************************************ */ #orderconfirmation #left_column {display:none} #orderconfirmation #center_column{width:757px} .orderconfirmation{ border:1px solid #ccc; padding:20px; margin:30px 0 0 0; background:#f8f8f8} .orderconfirmation a{ color:#0C0;} .orderconfirmation a:hover{ color:#333;} /* ************************************************************************************************ PAGE ADRESSES ************************************************************************************************ */ .bloc_adresses .address { margin-bottom:20px;} ul#address_invoice{margin:0px 0 0 0;padding:0 0 17px 0; float:left; width:43%} ul#address_delivery{ float:left; margin-right:30px;width:43%} .addresses .address_add.submit{ padding:0; margin:0px 0 20px 0} .bloc_adresses ul.address li{font-size:1.15em;} ul.address {list-style:none; border:1px solid #cfccc4; background-color:#f1efea; padding:0px 0px 10px 0px;}/*WL added this*/ ul.address li {margin:0px 0px 0 0px;} ul.address li{line-height:25px; color:#333; padding-left:10px;text-transform:none;}/*WL added padding-left:10px;text-transform:none; and font-size*/ ul.address li.address_delete, ul.address li.address_update{ float:left;} ul.address li.address_update .btn-success{background-color:#312f2c; color:#ccc; background-image:none;} ul.address li.address_update .btn-success:hover{color:#fcb61f;} ul.address li .btn{ color:#fff; margin-top:10px;} ul.address li.address_title {margin:0px 0px 8px 0px;font-size:1.15em; text-transform:uppercase; font-weight:bold; background-color:#cfccc4; padding:4px 10px;}/*WL changed color:#ff553d and added background-color, width and padding*/ ul.address li.address_title h3 {margin:0;} ul.address li.address_delete{ margin-left:10px;} .bloc_adresses{ margin-top:20px;} .addresses #id_address_delivery{ width:417px;} /* ************************************************************************************************ PAGE DISCOUNT ************************************************************************************************ */ table.discount {margin:17px 0 0 0;} table.discount td.discount_code {font-weight:bold;} table.discount td.discount_value {white-space:nowrap;} body#discount div.center_column sup {vertical-align:top;} /* ************************************************************************************************ PAGE ORDER FOLLOW ************************************************************************************************ */ #order-follow #left_column {display:none} /* ************************************************************************************************ PAGE NEW-PRODUCTS ************************************************************************************************ */ #newproducts .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE BEST SALES ************************************************************************************************ */ #bestsales .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE PRICES DROP SALES ************************************************************************************************ */ #pricesdrop .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE MANUFACTURER ************************************************************************************************ */ .mnf_sup_list {margin:0px 0 0 0;padding:0px; list-style-type:none;} .title_manuf{ padding:14px 0 24px 0; margin:0; width:100%; overflow:hidden; display:block; text-align:right;} .mnf_sup_list li {padding:0px 0px 20px 0px; margin-bottom:20px;} .mnf_sup_list li.last_item{} .mnf_sup_list li .logo {display:block;float:left;} .mnf_sup_list li .logo a{display:block;} .mnf_sup_list li .logo img{ vertical-align:middle; margin-top:24px;} .mnf_sup_list li .left_side {width:532px;float:left;padding:0 20px 0 20px;border-right:1px dotted #cccccc; } .mnf_sup_list li .left_side div {padding:7px 0 0 0; display: inline-block;} .mnf_sup_list li .left_side div p { padding:0; margin:0;} .mnf_sup_list li .left_side h3 {padding:0px 0 0 0;color:#7a7a7a;text-transform: uppercase; font-size:13px; margin:-4px 0 5px 0; display:inline-block;} .mnf_sup_list li .right_side {width:120px;float:right;position:relative;padding-left:20px; } .mnf_sup_list li .right_side p {padding:10px 0 0 0; margin:0;} .mnf_sup_list li .right_side p span{} .mnf_sup_list li .right_side p a {text-decoration:none;} .mnf_sup_list li .right_side a.button {margin:12px 0 0 0;} .mnf_sup_list li .des-small { display:none;} .mnf_sup_list li .left_side h3{ margin-top:10px;} .mnf_sup_list li .left_side h3 a{ display:block; margin-top:-4px;} /* ************************************************************************************************ PAGE SEARCH ************************************************************************************************ */ #search h3.nbresult {margin:10px 0 10px 0;padding:10px;border:1px solid #e6db55;font-size:13px;background:#ffffe0} #search .sortPagiBar {margin-bottom:20px} /* ************************************************************************************************ PAGE 404 ************************************************************************************************ */ p.error404 {border:2px solid #dd0000;background:#f5f5f5;margin:20px 0 0 0;padding:10px;line-height:32px;} p.error404 img {margin:0 10px 0 0;} /* ************************************************************************************************ addons payment cheque ************************************************************************************************ */ #module-cheque-payment #columns h1{ text-align:left; margin:0 0 14px 0;} #module-cheque-payment #columns h2{ margin-bottom:20px; text-align:center;} #module-cheque-payment #columns h2 span{ padding-left:10px; padding-right:10px;} #module-cheque-payment #columns p { margin:0; padding:0;} #module-cheque-payment #columns .cart_navigation a,#module-cheque-payment #columns .cart_navigation input{ margin-top:20px;} #module-cheque-payment #columns form img{ float:left; margin:0 20px 2px 0;} #module-bankwire-payment form img {} #module-cheque-payment #columns form{ font-size:13px;} #module-bankwire-payment #columns form{ margin-top:15px; font-size:13px;} #module-cheque-payment form select,#module-bankwire-payment form select{ margin:20px 0 20px 0;} .box-payment-style{ padding:20px; border:1px solid #ccc; color:#333; font-size:13px; background:#F8F8F8} .box-payment-style i{ margin-right:7px;} .box-payment-style ul li{ margin-bottom:5px;} .box-payment-style ul { padding-top:7px;} /* ************************************************************************************************ addons payment bankwire ************************************************************************************************ */ #module-gcheckout-payment aside,#module-payment-submit aside,#module-payment-submit aside {display:none} /* ************************************************************************************************ 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{padding-bottom:0;font-size:12px;text-align:left;cursor:pointer; display:inline;} #account-creation_form fieldset.customerprivacy p{ padding:0; margin:0;} /* ************************************************************************************************ addon referralprogram ************************************************************************************************ */ #module-referralprogram-referralprogram-program #left_column {display:none} #module-referralprogram-referralprogram-program #center_column{width:757px} #footer .myaccount li.referralprogram img {display:none} #module-referralprogram-referralprogram-program .sheets {padding-top:10px} #module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold} #module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline} #module-referralprogram-referralprogram-program form p.submit {text-align:right} #module-referralprogram-referralprogram-program form p.see_email {padding-left:10px;color: #0088cc;background:url(../img/arrow_right_1.png) no-repeat 0 4px;} #module-referralprogram-referralprogram-program form p.see_email a {color: #0088cc;text-decoration:underline} /* ************************************************************************************************ addon loyalty ************************************************************************************************ */ #module-loyalty-default #left_column {display:none} #module-loyalty-default #center_column{} /* ************************************************************************************************ 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} /* ************************************************************************************************ guest tracking And TIME CSS ************************************************************************************************ */ #guest-tracking fieldset p:first-child {padding-top: 10px;} #guest-tracking fieldset p:last-child {padding-bottom: 10px;} #address_invoice_form { margin-bottom:20px;} #address_invoice_form label{ display:block; padding-bottom:4px;} #order #fancybox-content h2 { font-size:14px; text-transform:uppercase; color:#3a3a3a} .popup-extra h3 { color:#ed038a; font-size:14px; padding-bottom:7px;} #module-favoriteproducts-favoriteproducts-account #left_column {display:none} #module-favoriteproducts-favoriteproducts-account #center_column {width:757px} #favoriteproducts_block_account .favoriteproduct {position:relative;margin-bottom: 14px; margin-top:15px;} .favoriteproduct a.product_img_link {display: block;float: left;margin-right: 14px;overflow: hidden;position: relative;} .favoriteproduct h3 {color: #000000;font-size: 13px;padding: 0 0 10px;} .favoriteproduct p.product_desc {line-height: 16px;overflow: hidden;padding: 0;} .favoriteproduct .remove {position:absolute;top:3px;right:3px} .favoriteproduct .remove .icon {cursor:pointer} /* lnk fiche produit */ #usefull_link_block li#favoriteproducts_block_extra_add {padding-left:20px;background:url(../img/add_favorite.gif) no-repeat 0 4px;cursor:pointer;line-height:22px;color:#3A3A3A;text-decoration:underline;} #usefull_link_block li#favoriteproducts_block_extra_remove:hover, ul#usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, ul#usefull_link_block li#favoriteproducts_block_extra_added:hover{ text-decoration:none; color:#535353; } #usefull_link_block li#favoriteproducts_block_extra_remove {padding-left:20px;background:url(../img/del_favorite.gif) no-repeat 0 5px;cursor:pointer; line-height:20px;color:#3A3A3A; text-decoration:underline;} ul#usefull_link_block li#favoriteproducts_block_extra_added {padding-left:20px;background:url(../img/del_favorite.gif) no-repeat 0 4px;cursor:pointer;display:none;line-height:20px; color:#3A3A3A;text-decoration:underline;} ul#usefull_link_block li#favoriteproducts_block_extra_removed {padding-left:20px;background:url(../img/add_favorite.gif) no-repeat 0 4px;display:none;line-height:20px;color:#3A3A3A;text-decoration:underline;} /* ************************************************************************************************ module productcomments ************************************************************************************************ */ #product_comments_block_extra { padding:0px 0 19px 0;overflow:hidden; border-bottom:1px dotted #ccc;} #product_comments_block_extra ul li:first-child{ margin-left:0;} #product_comments_block_extra ul li{overflow:hidden;float:left;margin-bottom:5px; margin-left:20px;} #product_comments_block_extra ul li .open-comment-form{background: url(../img/icon-review.png) left 0px no-repeat; padding-left:22px; display:inline-block; line-height:16px;} #product_comments_block_extra ul > li + li a{background: url(../img/icon-review-read.png) left 0px no-repeat; padding-left:22px; display:inline-block; line-height:16px;} #product_comments_block_extra .comments_note {display:block; padding-top:15px;} #product_comments_block_extra .comments_note span, #product_comments_block_extra .star_content {float:left; font-weight:bold; color:#333;} #product_comments_block_extra .star_content {margin-top:3px; margin-left:10px;} #product_comments_block_extra div.star {background: url(../img/star.png) no-repeat scroll 0 0 transparent} #product_comments_block_extra div.star_on {background: url(../img/star.png) no-repeat scroll 0 -12px transparent} #product_comments_block_extra .comments_advices {clear:both; padding-top:19px;} #product_comments_block_extra .comments_advices a.open-comment-form{ font-size:14px;background: url(../img/sprite_clothes.png) no-repeat 0px -449px; padding-left:30px; line-height:25px; display:inline-block;} #product_comments_block_extra .comments_advices span{ margin-right:20px; display:inline;border-left:1px dotted #ccc; width:1px; line-height:25px;} #product_comments_block_extra .comments_advices a.open-comment-form:hover{ background-position:0px -491px;} #product_comments_block_extra .comments_advices a.read_rew{ font-size:14px;background: url(../img/sprite_clothes.png) no-repeat 0px -540px;padding:0 0px 0 30px;line-height:25px; display:inline-block;margin-right:16px;} #product_comments_block_extra .comments_advices a.read_rew:hover{ background-position:0 -601px;} #new_comment_form_footer p{ margin-bottom:0;} .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 } .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} .star {position: relative;top:2px;float: left;height: 12px;width: 12px;overflow: hidden;text-indent: -999em;cursor: pointer} .star, .star a { background: url(../img/star.png) no-repeat 0 0 } div.star_on a { background-position: 0 -12px } div.star_hover a, div.star a:hover { background-position: 0 -12px } .confirmation {margin: 0 0 10px;padding: 10px;border: 1px solid #e6db55;font-size: 13px;background:#ffffe0;} #main .rte { background:0 0 } .listcomment {list-style-type:none;margin:0 0 20px 0 !important;} .listcomment li {padding:10px 0;border-bottom:1px dotted #ccc;color:#666} .listcomment .titlecomment {display:block;font-weight:bold;font-size:12px;color:#333} .listcomment .txtcomment {display:block;padding:5px 0;color:#333} 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;} #new_comment_form .btn{ margin-bottom:15px; color:#fff;} #new_comment_form .modal-footer { padding-bottom:0;} #sendComment p.text label, #sendComment p.textarea label {display: block;margin: 12px 0 4px;font-weight: bold;font-size: 12px;} #sendComment p.text input {padding: 0 5px;height: 28px;width: 498px;border: 1px solid #ccc;background: url(../img/bg_input.png) repeat-x 0 0 #fff;} #sendComment p.textarea textarea {height:80px;width:508px;border:1px solid #ccc;} #sendComment p.submit {padding:0;text-align:right} #sendComment p.closeform {float:right;padding:0;height:16px;width:12px;text-indent:-5000px;background:url(../img/icon/delete.gif) no-repeat 0 0} #new_comment_form .modal-header { border:none; padding:10px 20px 0px 20px;} #new_comment_form .modal-body { padding:0px 20px 20px 20px; margin-top:15px;} #new_comment_form .product img {float:left; margin:7px 14px 10px 0; padding:4px; border:1px solid #fff; -moz-box-shadow: 0px 0px 9px #ddd;-webkit-box-shadow:0px 0px 7px #ddd;box-shadow:0px 0px 7px #ddd;} #new_comment_form .product .product_desc { text-align:left;} #new_comment_form .product .product_desc .product_name {padding-bottom:5px;font-size:13px;color:#000} #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;font-weight:bold} #new_comment_form .grade_content .cancel {margin-right:5px} .new_comment_form_content .intro_form {padding-bottom: 10px;font-weight: bold;font-size: 12px} #new_comment_form label {display: block;margin:12px 0 4px 0;font-weight: bold;font-size: 12px;} #new_comment_form textarea {height: 80px;} #new_comment_form .submit {margin-top:20px;padding:0;font-size:13px;text-align:right} #new_comment_form #criterions_list {border-bottom: 1px solid #CCC;padding-bottom: 15px;list-style-type: none;} #new_comment_form #criterions_list li {margin-bottom:5px; padding-top:5px;} #new_comment_form #criterions_list label {display:block;margin: 0 0px 0 0px; padding-bottom:5px;} #new_comment_form #criterions_list .star_content {float:left;} #new_comment_form #new_comment_form_footer {margin-top:0px;font-size: 12px;} #new_comment_form .modal-body {} #new_comment_form p.required{ float:left; margin:0;} #new_comment_form form{ margin:0;} /* TAB COMMENTS ******************************************************************************** */ #product_comments_block_tab {margin:0 0 0px 0} #product_comments_block_tab div.comment {margin:0 0 15px 0;padding:17px 0 0px 0px; border-top:1px dotted #ccc;} #product_comments_block_tab div.comment.last{ margin-bottom:0;} #product_comments_block_tab div.comment:first-child{ border:none; padding:0;} #product_comments_block_tab div.comment div.comment_author {float:left;padding:0 20px 0 0;width:140px;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; color:#ff604a; text-transform:uppercase;} #product_comments_block_tab div.comment .star_content {margin:0px 0 0 5px} #product_comments_block_tab div.star,#product_comments_block_tab div.star_on {background: url(../img/star.png) 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;padding-top:10px;} #product_comments_block_tab .comment_author_infos em {color:#000} #product_comments_block_tab .comment_author_infos strong{ color:#000; margin-bottom:10px; display:inline-block;} #product_comments_block_tab div.comment div.comment_details {float: left;overflow:hidden;width:495px} #product_comments_block_tab div.comment_details h4 { padding:0; margin:-1px 0 7px 0; color:#7a7a7a; font-size:13px; text-transform:uppercase; font-weight:bold;} #product_comments_block_tab div.comment_details p {padding-bottom:0px; margin-bottom:0;} #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} #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} #product_comments_block_tab span.report_btn {cursor: pointer} #product_comments_block_tab span.report_btn:hover {text-decoration:underline} .fl{float:left;} .fr{float:right;} /* ************************************************************************************************ POPUP COMPARE ************************************************************************************************ */ #cluetip-close img {border: 0;} #cluetip-title {overflow: hidden;} #cluetip-title #cluetip-close {float: right;position: relative;} #cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url('../img/loader.gif');} .cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;} #cluetip-extra {display: none;} #cluetip {background-color: transparent;} #cluetip #cluetip-outer {border:1px solid #ccc;position: relative;background-color: #fff; text-align:left!Important;} #cluetip #cluetip-inner .comment{text-align:left!Important;} #cluetip h3#cluetip-title {margin: 0px;padding:0px 0px;font-size: 12px;font-weight: normal;color: #333;} #cluetip #cluetip-inner {padding: 0 5px 5px;display: inline-block;} #cluetip div#cluetip-close { text-align: right;margin: 0 5px 5px;color: #900;} #cluetip div#cluetip-close a{} /* ************************************************************************************************ WHERE TO BUY ************************************************************************************************ */ #wt_buy_form h3{font-size:1.35em!important; color:#3e4745;!important;} #wt_buy_form > .button{margin-top:20px;} .wheretobuytab > span {padding:4px 1%; background:#f0ece2; color:#3e3e3e; display:block; width:98%;} .wheretobuytab {border:1px solid #cfccc4;} .wheretobuytab > table{border:0px; background:none; margin-bottom:0px;} .wheretobuytab > table th {background-color:#cfccc4; color:#6b6b6b;} .wheretobuytab > table tr:nth-child(odd){background-color:#f4f1e9;} .wheretobuytab > table tr:nth-child(even){background-color:#fff;} .wheretobuytab > table td {/*background-color:#fff; */border:0px; border-top:1px dashed #cfccc4;} .wheretobuytab > table tr td:first-child{text-align:left; font-weight:bold;} .wheretobuytab > table td img{vertical-align:middle; width:100px; padding-right:50px; padding-left:20px;} /* ************************************************************************************************ SHOWS or OFF in MOBILE and DESKTOP ************************************************************************************************ */ .shows_desktop{} .shows_mobile{display:none;} /* ************************************************************************************************ TIME OTHER GLOBAL CSS ************************************************************************************************ */ .shop_box{border-bottom:1px dotted #cccccc;} .titled_box h2, .account_creation h3 {text-transform:uppercase; font-weight:bold; font-size:18px;color:#3e4745;padding:30px 0 20px 0;line-height:22px; border-bottom:1px solid #cfccc4;text-align:left; margin-bottom:20px;} .titled_box h2 p{font-size:14px; line-height:20px; font-weight:normal;color:#7d8583;text-transform:none; padding:0px; display:block;}/*WL added*/ /*.titled_box h2 span, .account_creation h3 span{ background:#fff; padding-right:5px;} WL removed this--*/ /* original --- WL .titled_box h2, .account_creation h3 {color:#ff604a; text-transform:uppercase; font-weight:bold; font-size:13px;padding:10px 0px 5px 0px; margin:0;background:url(../img/line-bg.gif) left 22px repeat-x;} .titled_box_header h2{background: rgb(249,249,249);background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );-webkit-box-shadow:inset 0 0 7px rgba(5,5,5,0.1);-moz-box-shadow:inset 0 07px rgba(5,5,5,0.1);box-shadow:inset 0 0 7px rgba(5,5,5,0.1); padding:12px 10px 12px 20px;margin:0;font-size:16px;font-weight:normal;color:#333;font-family: 'Open Sans', sans-serif;text-shadow: 1px 1px 1px #d5d5d5;filter: dropshadow(color=#d5d5d5, offx=1, offy=1);} */ .icon-style{ width:16px; height:16px;background:url(../img/icon-style.png) center center no-repeat;} .shop_box_row{border-bottom:1px dotted #b2b2b2;border-top:1px dotted #b2b2b2;} .shop_box_row.shop_box_row_other{ border-top:none; padding-top:0;} .title_shop{color:#000;font-size:13px; font-style:italic;font-weight: bold;} .shop_box_info{background: rgb(255,255,255);background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 );-webkit-box-shadow: inset 0px 0px 20px 1px rgba(1, 1, 1, 0.1);box-shadow: inset 0px 0px 20px 1px rgba(1, 1, 1, 0.1);} .lnk_more{ font-size:13px;color:#ff553d;padding-right:12px; line-height:18px;height:15px;display:inline-block;background: url(../img/icon-style.png) right 6px no-repeat;font-style:italic;font-weight:bold; position:relative; z-index:1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .lnk_more:hover{color:#ff553d; background-image:inherit; padding-right:12px;} .lnk_more:before{id:'test';z-index:2;position:absolute;width:4px;height:7px;right:0px;top:0px;content: url(../img/icon-style.png);opacity:0;} .lnk_more:hover:before{right:0px;opacity:1;color:#ff553d;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;content: url(../img/icon-style.png);} .store_list{ padding:0; margin:0; list-style-type:none;} .store_list li:first-child a{ border:none;} .store_list li {padding:0px 0 0px 0px; margin:0;} .store_list li a{padding:7px 0 7px 0px; display:block; border-top:1px dotted #b2b2b2; } .store_list li a i{ margin-right:10px;} .store_list li a:hover{ background-position:0 -918px } .list_header{ background:#444;} .list_header li:first-child{ border:none;} .list_header li{border-top:1px solid #555;} .list_header li.selected a{color:#979797; cursor:default;} .list_header li a{color:#fff;text-decoration:none;font-size:13px;padding:8px 5px 8px 10px; display:block;font-weight:bold;} .list_header li a:hover{color:#979797;} .shop_table {background:#cfccc4;border-spacing: 0;margin-bottom: 20px;vertical-align: middle;border: 1px solid #ccc;width:100%;} /*.shop_table th{border: 1px solid #e9e5db;}*/ .shop_table th {background-color:#cfccc4;border: 1px solid #e9e5db;color: #6b6b6b;font-size: 13px;font-weight:bold;padding: 15px 20px;text-align: center;vertical-align: middle;text-transform: uppercase;} .shop_table td {border: 1px solid #e9e5db;padding: 10px 20px;color:#5b5b5b; background:#e1dac7;} /*.shop_table tr:hover td{background-color:#e6e2d8;} WL add this tag*/ .shop_table td .footable-row-detail-inner strong{ font-size:14px; font-weight:normal; margin:0 10px 10px 0; display:inline-block; color:#333;} .footable.breakpoint > tbody > tr > td.expand {background:url(../img/u.png) 7px center no-repeat;padding-left: 40px;} .footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background:url(../img/uu.png) 7px center no-repeat;padding-left: 40px;} .footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand{ cursor:pointer;} .footable > tbody img {vertical-align:middle;} /* Global Declaration */ div.checker span, div.radio span, div.uploader, div.uploader span.action { background: url(../img/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .radio, .checker, .uploader, .radio *, .checker *, .uploader *{ margin: 0; padding: 0; } /* Checkbox */ div.checker { width: 19px; height: 19px; float:left; } div.checker input { width: 19px; height: 19px; } div.checker span { background-position: 0px -260px; height: 19px; width: 19px; } div.checker:active span, div.checker.active span { background-position: -19px -260px; } div.checker.focus span, div.checker:hover span { background-position: -38px -260px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -57px -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -114px -260px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -133px -260px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { width: 18px; height: 18px; float:left; } div.radio input { width: 18px; height: 18px; } div.radio span { height: 18px; width: 18px; background-position: 0px -279px; } div.radio:active span, div.radio.active span { background-position: -18px -279px; } div.radio.focus span, div.radio:hover span { background-position: -36px -279px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px; } div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px; } div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0px -353px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px; } div.uploader.disabled { background-position: 0px -325px; } div.uploader.disabled span.action { background-position: right -381px; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ #contact_form div.uploader { width:300px; cursor: pointer; } div.uploader span.action { width:110px; text-align: center; display:block; background-color: #fff; color:#333; } div.uploader span.filename { width:167px; border-right: solid 1px #ccc; color:#333; } div.uploader input { width: 120px; color:#333; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ccc; } /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } /* Checker */ div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; text-align: center; } div.checker input { opacity: 0; margin: 0!important; filter: alpha(opacity:0); display: inline-block; background: none; } /* Radio */ div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; text-align: center; } div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none; } /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default; } div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer; } div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } div.uploader input { -moz-box-sizing:0!important; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default; } #product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer { background: url(../img/icon/warning.png) no-repeat 10px 15px #D4EEFF;color:#fff;opacity:.85;filter:alpha(opacity = 85);margin-top:5px;margin-bottom:5px;text-align:left;display:none;padding:10px 10px 6px 45px;border: 1px solid #34ACF9;color: #0473B9;font: 13px "Arial"; border-radius:5px;} #product div.jGrowl div.jGrowl-notification div.close {font-size:18px;color:#34ACF9;margin-top:7px;opacity:.99;filter:alpha(opacity = 99);} .b-core-ui-select { position: relative; float:left; width:150px; padding:6px 10px 6px 10px; font-size: 12px; line-height: 18px; color: #333; cursor: pointer; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .b-core-ui-select__select { position: static; width: 80%; padding: 10px; font-size: 12px; line-height: 18px; } .b-core-ui-select__value { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px; } .b-core-ui-select__select_state_hide { margin: 0; padding: 0; position: absolute; text-indent: -9999px; overflow: hidden; opacity: 0; z-index: -1; } .b-core-ui-select:HOVER { color: #333333; } .b-core-ui-select.focus { outline: 0; } .b-core-ui-select.disabled, .b-core-ui-select.disabled:ACTIVE{ opacity: .5; color: #333333; background-color: #e6e6e6; background-position: 0 -15px; transition: background-position 0.1s linear; } .b-core-ui-select__button { position: absolute; right: 10px; top: 10px; display: block; width: 0; height: 0; border-top: 5px solid black; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; margin-top: 3px; margin-left: 2px; } .b-core-ui-select__dropdown { display: none; position: absolute; top: 0; color: #333; margin-top: -1px; max-height: 200px; font-size: 12px; border: 1px solid #ccc; background-color: whiteSmoke; background-image: -ms-linear-gradient(top, white, #E6E6E6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, white, #E6E6E6); background-image: -o-linear-gradient(top, white, #E6E6E6); background-image: linear-gradient(top, white, #E6E6E6); background-image: -moz-linear-gradient(top, white, #E6E6E6); background-repeat: repeat-x; } .b-core-ui-select__dropdown.hide { display: none; } .b-core-ui-select__dropdown.show { display: block; } .b-core-ui-select__dropdown__wrap { max-height: 200px; overflow: auto; outline: none; } .j-scroll-pane .b-core-ui-select__dropdown__item { } .b-core-ui-select__dropdown__list { overflow: hidden; margin: 0!important; } .b-core-ui-select__dropdown__item { padding: 5px 10px; min-height: 18px; list-style-type: none; cursor: pointer; } .b-core-ui-select__dropdown__label { padding: 10px; min-height: 18px; font-style: italic; list-style-type: none; border-bottom: 1px solid #ccc; } .b-core-ui-select__dropdown__item.disabled, .b-core-ui-select__dropdown__item.disabled:HOVER { color: #ccc; background: none; } .b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:HOVER { background: #999; color: #fff; } .b-core-ui-select__dropdown__item:HOVER { background: #ccc; } .sortPagiBar select { float:left; display: block; width: 222px; height:33px; right:0!important; top:0!important; left:inherit!important; opacity:0;filter:alpha(opacity=0); } .b-content { margin: 60px; padding: 80px 80px 80px 140px; width: 60%; font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; background: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset; } .b-content__title { margin: 0 0 40px; font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; } .b-content P { margin: 0 0 20px; } .b-content H2, .b-content H3 { margin: 15px 0 30px; } .b-content OL, .b-content UL { margin: 0 0 40px; } .b-row { margin: 15px 0 45px -60px; padding: 30px 0 30px 59px; border: 1px solid #ccc; } .b-code-block { background: none repeat scroll 0 0 #E6E6E6; border-left: 1px solid #D9D4D3; clear: both; color: #533D3A; counter-reset: code; font: 12px/20px Consolas,monospace; margin: 0 0 15px -60px; padding: 12px 0 12px 59px; white-space: normal; } .b-code-block CODE:before { color: #B3A9A7; content: counter(code, decimal-leading-zero) "."; counter-increment: code; margin-left: -35px; position: absolute; } .b-code-block CODE { display: block; padding: 0; white-space: pre-wrap; } .jspContainer { overflow: hidden; position: relative; outline: none; width: 100% !important; } .jspPane { position: absolute; width: 100% !important; outline: none; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; z-index: 100; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; border-radius: 5px; background-color: #E5E5E5; background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202, 202, 202, 0.07)),color-stop(100%,rgba(229, 229, 229, 0.07))); background: -webkit-linear-gradient(left,rgba(202, 202, 202, 0.07) 0%,rgba(229, 229, 229, 0.07) 100%); -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset,0 1px 0 0 white; } .jspDrag { position: relative; top: 0; left: 0; cursor: pointer; border-radius: 4px; border: solid 1px #A6A6A6; background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233, 233, 233, 0.05)),color-stop(100%,rgba(221, 221, 221, 0.05))); background: -webkit-linear-gradient(left,rgba(233, 233, 233, 0.05) 0%,rgba(221, 221, 221, 0.05) 100%); -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05); background-color: #E9E9E9; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { position: relative; display: block; width: 0; height: 4px; } .jspVerticalBar .jspArrow.jspArrowDown { top: 4px; border-top: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent; } .jspVerticalBar .jspArrow.jspArrowUp { top: -4px; border-bottom: 4px solid #ccc; border-right: 4px solid transparent; border-left: 4px solid transparent; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } @media (max-width: 480px) { .modal {height: 500px;position: fixed;overflow-y: scroll;-webkit-overflow-scrolling: touch;} .modal.fade.in{top: 5px;} .modal-body{max-height: 2400px;} } @media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}} @media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}} @media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}} @media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}} @media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}} @media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}} @media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}} @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } }