html { margin: 0; padding: 0; min-height:100%; background: #ffffff; }
body { margin: 0; padding: 0; min-height:100%; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 25px; color: #000; }
form { margin: 0; padding: 0; }
ul, menu { margin: 0; padding: 0; list-style-type: none; }
menu li { min-height: 1px; vertical-align: top; }
ul li { margin:0px; padding:0px; }
* html li { height: 1px; }
* {
outline: none;
}
a { text-decoration: underline; outline:none; color: #000; transition: all 0.4s ease; }
a:hover { text-decoration: none; color: #CD1428 }
p { margin: 0 0 13px 0; padding: 0; }
input, textarea, select { margin: 0; padding:0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { padding: 5px; }
object { outline: none; }
.cleaner { clear: both; font-size:0px; line-height:0px; height:0px; float: none; }
.center { display: block; float: left; width:100%; margin:0px auto 0px auto; text-align: center; }
.container {
display: inline-block;
text-align: left;
width: 1018px;
}
.header {
box-sizing: border-box;
display: block;
float: left;
background: #CD1428;
color: #fff;
width: 100%;
height:142px;
padding:0px 20px;
}
.header .logo {
display: block;
float: left;
width: 100%;
max-width: 150px;
margin-top: 50px;
}
.header .logo img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.header .topright { max-width: 320px; float: right; margin: 45px 0px 0px 0px; }
.header .topright .trl { width: 100%; padding: 3px 0px;}
.header .topright .trr { width: 100%;}
.header .topright .trl .lng { width:100%; float: left; margin:0px 0px 8px 0px; text-align: right; }
.header .topright .trl .lng a { text-decoration: none; display: inline-block; }
.header .topright .trl .lng a.selected { font-weight:bold; }
.header .topright .trl form { width:100%; float: right; margin:0px 0px 5px 0px; }
.header .topright .trl form .sfld { width:65%; height:23px; padding:2px 2%; float: left; border:solid 1px #d4d4d4; }
.header .topright .trl form .sbtn { width:29%; height:29px; line-height:29px; float: left; border:solid 1px #d4d4d4; border-left:none; color:#2d2d2d; cursor: pointer; background:url(../images/sbtn.gif) repeat-x left top; }
.header .topright .trl .topsmallmenu { width:100%; float: left; text-align: right; }
.header .topright .trl .topsmallmenu a { display: inline-block; color:#ffc72c; font-weight:bold; margin:0px 0px 0px 10px; text-decoration: none; }
.header .topright .trr .trrow { width:100%; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom: 1px solid #fff; }
.header .topright .trr .trrow:last-child { border-bottom: none; }
.header .topright .trr .trrow a {
text-decoration: none;
/*color: #ffc72c;*/
color: #fff;
}
.header .topright .trr .trrow a:hover {
color: rgba(255, 255, 255, 0.7)
}
.header .topright .trr .trrow .fa { min-width: 30px; font-size: 21px; color: #fff; margin-right: 5px; }
.mbottom15 {
margin-bottom: 15px !important;
}
.row {
display: inline-block;
float: left;
width: 100%;
}
.input_row {
display: inline-block;
float: left;
width: 100%;
margin-bottom: 20px;
}
.input_row:last-child {
margin-bottom: 0;
}
.input_text {
display: inline-block;
width: 100%;
height: 40px;
padding: 0 15px;
background-color: #fff;
border: 1px solid #a5a5a5;
color: #666;
vertical-align: middle;
transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
}
.input_text:hover,
.input_text:focus {
border-color: #CD1428;
}
.input_text[readonly] {
background-color: #ddd;
border: 1px solid #a5a5a5 !important;
}
.error_field {
border-color: #CD1428;
}
.error_msg {
color: #CD1428;
}
.lbl {
display: inline-block;
float: left;
width: 100%;
margin-bottom: 5px;
}
.ch_box_lbl {
display: inline-block;
cursor: pointer;
transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
}
.ch_box {
display: none;
}
.ch_box_lbl .sqr {
display: inline-block;
padding-left: 20px;
background: url(images/ch_box.png) no-repeat 0 50%;
vertical-align: middle;
transition: all 0.15s ease-out;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
}
.ch_box:checked + .sqr {
background: url(images/ch_box_checked.png) no-repeat 0 50%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
select::-ms-expand {
display: none; /* for IE*/
}
.select_field {
padding-right: 25px;
background: #fff url(images/arrow_select.png) no-repeat right center;
}
.btn_sub {
display: inline-block;
float: left;
padding: 10px 15px;
background-color: #CD1428;
border: none;
font-size: 17px;
color: #fff;
text-align: center;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: aall 0.4s ease;
}
.btn_sub:hover {
background-color: #000;
}
.header_links_holder {
position: relative;
display: inline-block;
margin-top: 5px;
}
.header_links_holder * {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header_link {
display: inline-block;
float: left;
margin-right: 30px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.header_link:hover {
color: rgba(255, 255, 255, 0.7)
}
.header_link:last-child {
margin-right: 0;
}
.header_link .fa {
margin-right: 5px;
}
.login_box {
position: absolute;
display: none;
width: 350px;
top: 100%;
left: 0;
margin-top: 10px;
padding: 20px;
background-color: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.login_box .btn_sub {
width: 100%;
font-weight: 700;
text-transform: uppercase;
}
.login_box .forget_pass {
display: inline-block;
float: right;
}
.login_box .forget_pass:hover {
text-decoration: underline;
}
.topmenu .topmenuDropdown { }
.topmenu .topmenuTrigger { display: none; }
.topmenu { display: block; width:100%; height: 55px; float: left; background: #b31123; margin:0px 0px 10px 0px; }
.topmenu .mainmenu { width:100%; height: 55px; float: left; padding:0px; }
.topmenu .mainmenu li.mainli {
position: relative;
float: left;
height: 55px;
z-index: 10;
}
.topmenu .mainmenu > li.mainli:first-child { padding-left:0px; }
.topmenu .mainmenu > li.mainli:first-child a { }
.topmenu .mainmenu > li.mainli.hassub > a::after {
content: '';
display: block;
float: right;
width: 4px;
height: 4px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
margin-left: 12px;
margin-top: 11px;
transform: rotate(45deg);
}
.topmenu .mainmenu > li.mainli a {
box-sizing: border-box;
display: inline-block;
color:#fff;
text-decoration: none;
float: left;
height: 30px;
line-height: 30px;
/*font-family: "Ropa sans", sans-serif;*/
font-size: 15px;
text-transform: uppercase;
padding: 0px 10px;
margin-right: 12px;
margin-top: 12px;
border: 1px solid transparent;
/*border-radius: 5px;*/
}
.topmenu .mainmenu li.mainli:hover > a {
border: 1px solid #fff;
}
.topmenu .mainmenu li.mainli:hover #search_fade {
border-color: transparent;
}
.topmenu .mainmenu > li.mainli.hassub a { /*background:url(../images/whiteArrow.gif) no-repeat right center;*/ }
.topmenu .mainmenu > li.mainli .submenu * {
box-sizing: border-box;
}
.topmenu .mainmenu li.mainli .submenu {
position: absolute;
display: none;
top: 55px;
left: 0;
width: 250px;
text-transform: none;
border-top: 3px solid #000;
color: #000;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}
.topmenu .mainmenu li.mainli .submenu li {
position: relative;
float: left;
width: 100%;
background: rgba(255,255,255, .9);
border-left: 1px solid #ECF0F1;
border-right: 1px solid #ECF0F1;
border-bottom: 1px solid #ECF0F1;
}
.topmenu .mainmenu li.mainli .submenu li a {
width: 100%;
height: auto;
line-height: normal;
padding: 10px 14px;
margin: 0;
border-radius: 0;
border: none;
font-size: 14px;
color: #000 !important;
text-transform: none !important;
}
.topmenu .mainmenu > li.mainli > .submenu > li.hassub > a::after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -3px;
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(-45deg);
}
.topmenu .mainmenu li.mainli .submenu li:hover > a {
background: rgba(0,0,0, .05);
}
.topmenu .mainmenu li.mainli .submenu li ul {
display: none;
position: absolute;
top: 0;
left: 248px;
width: 250px;
padding: 0;
margin: 0;
border-right: 1px solid #ECF0F1;
border-left: 3px solid #000;
box-shadow: 8px 0px 15px rgba(0, 0, 0, 0.1);
z-index: 10;
}
.topmenu .mainmenu li.mainli .submenu li:hover ul { display: block; }
.topmenu .mainmenu li.mainli:hover .submenu { display: block; }
#search_fade_mob,
#search_form_mob {
display: none;
z-index: 10;
}
#search_fade::after, #search_fade_mob::after { font-family: 'FontAwesome'; content: '\f002'; }
#search_fade.active::after, #search_fade_mob.active::after { font-family: 'FontAwesome'; content: '\f00d'; }
#search_form,
#search_form_mob {
box-sizing: border-box;
position: absolute;
display: none;
top: 55px;
left: 0;
width: 250px;
background: #fff;
padding: 10px;
border-top: 3px solid #000;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
#search_form input,
#search_form_mob input {
box-sizing: border-box;
width: 100%;
height: 40px;
border: 1px solid #a5a5a5;
background: #fff;
padding-left: 20px;
padding-right: 40px;
font-size: 15px;
}
#search_form button,
#search_form_mob button {
position: absolute;
top: 15px;
right: 16px;
display: inline-block;
width: 30px;
height: 30px;
border: none;
background: none;
text-align: center;
color: #000;
font-weight: bold;
}
.main { display: block; width: 100%; min-height:500px; float: left; background: #fff; padding-bottom: 40px; }
/* INDEX PAGE */
.index { width:100%; float: left; }
.index .banners { width:100%; height: 400px; float: left; position:relative; /*border-radius: 6px;*/ overflow: hidden; margin-bottom: 20px; }
.index .bannerscon { width:100%; height:400px; float: left; position:relative; z-index:1; }
.index .banners .banner { width:100%; height:400px; float: left; }
.index .banners .banner a { width:100%; height:400px; float: left; background-position:center center; background-repeat: no-repeat; }
.index_msg {
display: inline-block;
float: left;
width: 100%;
font-size: 22px;
line-height: 32px;
}
.banners .bprev .fa,
.banners .bnext .fa {
position: absolute;
top: 50%;
left: 0;
margin-top: -20px;
display: inline-block;
width: 40px;
height: 40px;
background: #000;
border-radius: 10em;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 19px;
z-index: 2;
transition: all 0.2s ease;
}
.banners .bprev .fa { margin-left: 10px; }
.banners .bnext .fa { margin-right: 10px; left: auto; right: 0; }
.banners .bprev .fa:hover,
.banners .bnext .fa:hover {
background: #CD1428;
}
.iStaticBanner { width:32%; height:348px; float: right; background-repeat: no-repeat; background-position:center center; }
.collections { width:100%; float: left; overflow-x: hidden; margin:10px 0px 10px 0px; }
.collections .collection { width: 29.5%; height:95px; padding:10px 1%; float: left; margin:0px 2% 10px 0px; border:solid 2px #e4e4e4; }
.collections .collection:nth-child(3) { margin-right:0px; }
.collections .collection .cthumb { width:30%; float: left; margin:0px 3% 0px 0px; background-position:center center; background-repeat: no-repeat; }
.collections .collection .cthumb img { max-width:100%; }
.collections .collection .cright { width:60%; float: right; }
.collections .collection .clogo { }
.collections .collection .clogo img { border: none; max-width:100%; }
.collections .collection .cviewall { width:82%; height:32px; padding:0px 13% 0px 5%; line-height:32px; vertical-align: middle; color:#fff; font-weight:bold; text-decoration: none; background:url(../images/cviewall.gif) no-repeat right top; float: left; margin:10px 0px 0px 0px; }
#pl .ppEl {
width: 30%;
margin-right: 3%;
}
.ppDescc {
display: block;
text-align: center;
}
.ppEl {
box-sizing: border-box;
width: 22%;
float: left;
margin:0px 3% 30px 0px;
padding: 10px;
/*border-radius: 6px;*/
border: 1px solid #e4e4e4;
/*font-family: 'Ropa Sans', sans-serif;*/
transition: all 0.2s ease-out;
}
.ppEl:hover {
box-shadow: 0px 0px 10px rgba(0,0,0, .1);
}
.ppEl * { box-sizing: border-box; }
.ppEl .ppThumb { display: block; width:100%; height: 180px; position:relative; text-align: center; vertical-align: middle; margin-bottom: 10px; }
.ppEl .ppThumb a { display: block; width: 100%; height: 180px; /*border-radius: 6px;*/ overflow: hidden; background-size: contain; background-repeat: no-repeat; background-position: center;}
.ppEl .ppThumb .ppLabels { position:absolute; z-index:2; top:0px; left:0px; width:64px; }
.ppEl .ppThumb .ppLabels .ppNew { width:44px; height:44px; line-height:44px; float: left; background:url(images/newlabel.png) no-repeat left top; padding:10px; color:#fff; text-align: center; font-weight:bold; }
.ppEl .ppThumb .ppLabels .ppSale { width:44px; height:24px; float: left; background:url(images/onSale.png) no-repeat left top; padding:20px 10px; color:#fff; text-align: center; font-weight:bold; }
.ppEl .ppPrice { width:100%; float: left; text-align: center; color: #CD1428; font-size: 16px; margin: 3px 0px 10px; }
.ppEl .ppPrice b { font-size: 19px; }
.ppEl .ppOldPrice { width:100%; float: left; font-weight:bold; color:#c8102e; font-size:14px; margin:3px 0px; }
.ppEl .ppTitle {
width:100%;
float: left;
height: 50px;
text-align: center;
font-size: 15px;
margin:0px 0px 10px 0px;
text-transform: uppercase;
font-weight: bold;
overflow: hidden;
}
.ppEl .ppTitle a {
text-decoration: none;
}
.ppEl .addToCart,
.ppEl .viewBtn {
display: inline-block;
float: left;
width: 48%;
height: 40px;
line-height: 40px;
margin-right: 4%;
padding:0px 10px;
background: #CD1428;
font-size: 16px;
color: #fff;
text-decoration: none;
text-align: center;
}
.ppEl .addToCart:hover {
background: #000;
}
.ppEl .viewBtn {
float: right;
margin-right: 0;
background: #f7f7f7;
color: #000;
}
.ppEl .viewBtn:hover {
background: #000;
color: #fff;
}
/* FOOTER */
.footer { width:100%; height:225px; float: left; background:#CD1428; padding-top: 40px; }
.footer .fCol { width:31%; margin:0px 3% 0px 0px; float: left; color:#fff; }
.footer .fCol:last-child {
margin-right: 0;
}
.footer .fCol span { color:#fb6400; }
.footer .fCol h3 {
width: 100%;
float: left;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-size: 18px;
/*font-family: 'Ropa Sans', sans-serif;*/
font-weight: lighter;
color: #fff;
}
.footer .fCol p { margin:5px 0px; }
.footer .fCol .fmenu a:hover {
color: rgba(255, 255, 255, 0.7);
}
.footer .fCol .fmenu a::before {
font-family: 'FontAwesome';
content: '\f105';
margin-right: 10px;
color: #fff;
font-size: 13px;
transition: all 0.2s ease-out;
}
.footer .fCol .fmenu a:hover::before {
color: rgba(255, 255, 255, 0.7);
margin-right: 5px;
margin-left: 5px;
}
.footer .fCol a { color: #fff; text-decoration: none; }
.footer .fCol .ffb { width:32px; height:33px; background:url(images/footerIcons.gif) no-repeat left top; float: left; margin:10px 5px 0px 0px; }
.footer .fCol .ftw { width:32px; height:33px; background:url(images/footerIcons.gif) no-repeat -37px top; float: left; margin:10px 5px 0px 0px; }
.footer .fCol .frss { width:32px; height:33px; background:url(images/footerIcons.gif) no-repeat right top; float: left; margin:10px 5px 0px 0px; }
.socs_footer a {
display: inline-block;
margin-right: 7px;
width: 34px;
height: 34px;
border-radius: 10em;
background-color: #fff;
text-align: center;
line-height: 34px;
font-size: 19px;
color: #CD1428 !important;
}
.socs_footer a:hover {
background: rgba(255, 255, 255, 0.7)
}
/* PROD */
.prod { width:100%; float: left; }
.prodMain { width:75%; float: right; }
.prodLeft { width:45%; float: left; margin:0px 0px 20px 0px; }
.prodMain .gallery { width:100%; float: left; }
.prodMain .gallery .bigPic { float: left; border:solid 1px #d3d1d1; }
.prodMain .gallery .bigPic a { display: inline-block; position: relative; width:100%; }
.prodMain .gallery .bigPic a span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0, .5);
opacity: 0;
transition: all 0.3s ease;
}
.prodMain .gallery .bigPic a span .fa {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
font-size: 40px;
color: #fff;
}
.prodMain .gallery .bigPic a:hover span {
opacity: 1;
}
.prodMain .gallery .bigPic a img { border: none; max-width:100%; margin-bottom: -7px; }
.prodMain .gallery .thumbs { width:95%; float: left; margin:10px 0px 0px 0px; }
.prodMain .gallery .thumbs #galPrev { float: left; width:3%; height:82px; margin:0px 1px 0px 0px; background:url(images/galPrev.gif) no-repeat left center; }
.prodMain .gallery .thumbs #galNext { float: left; width:3%; height:82px; margin:0px 0px 0px 1px; background:url(images/galNext.gif) no-repeat right center; }
.prodMain .gallery .thumbs .thumbnails { width:92%; height:82px; float: left; position:relative; overflow:hidden; }
.prodMain .gallery .thumbs .thumbnails0 { position:absolute; top:0px; left:0px; height:82px; }
.prodMain .gallery .thumbs .thumbnails0 a { width:80px; height:80px; float: left; margin:0px 19px 0px 0px; border:solid 1px #d3d1d1; }
.prodMain .gallery .thumbs .thumbnails0 a img { border: none; }
.prodInfo { width:54%; float: right; }
.prodInfo h1.prodTitle { width: 100%; float: left; font-weight: lighter; text-transform: uppercase; /*font-family: 'Ropa Sans';*/ font-size: 23px; border-bottom: 1px solid rgba(0,0,0, .1); margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
.prod_eror_msg {
display: inline-block;
float: left;
width: 100%;
color: #CD1428;
font-weight: 700;
}
.buyForm { width:100%; float: left; padding:15px 0px 15px 0px; margin:0px 0px 15px 0px; }
.buyForm .price { float: left; color:#dc4405; font-size:18px; margin:3px 0px 0px 0px; }
.buyForm .buyFld { float: left; width: 100%; }
.buyForm .buyFld label { float: left; margin:0px 7px 0px 0px; line-height: 44px; }
.buyForm .buyFld select,
.newcartprodtable .amount select {
box-sizing: border-box;
width: 100px;
height: 35px;
border: 1px solid #a5a5a5;
padding-left: 10px;
padding-right: 30px;
margin-right: 7px;
background: #fff url(images/drop_arrow.png) no-repeat right 13px top 50%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
cursor: pointer;
}
.newcartprodtable .amount select {
width: 53px;
height: 25px;
padding-left: 5px;
}
.buyForm .buyFld .fld { width:32px; height:27px; float: left; border:solid 1px #d3d1d1; text-align: center; margin:0px 5px 0px 0px; }
.buyForm .buyFld .btn {
display: inline-block;
float: left;
background: #CD1428;
height: 35px;
line-height: 35px;
padding: 0px 20px;
margin-top: 5px;
margin-bottom: 10px;
/*border-radius: 6px;*/
border: none;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 15px;
/*font-family: 'Ropa Sans', sans-serif;*/
transition: all 0.2s ease;
}
.buyForm .buyFld .btn:hover {
background: #000;
}
.buyForm .buyFld .btn .fa {
margin-right: 10px;
}
.prodDetails { width:100%; float: left; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:solid 1px #d3d1d1; /*font-family: 'Ropa Sans';*/ font-size: 16px; }
.prodDetails .moreDetails { float: left; margin:10px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
.inStock { width:100%; float: left; margin:0px 0px 15px 0px; padding:0px 0px 15px 0px; border-bottom:solid 1px #d3d1d1; color:#222222; font-weight:bold; }
.writeReview { width:100%; float: left; }
.writeReview .wrLabel { width:96%; float: left; background:url(images/blackArrow.gif) no-repeat left center; border-bottom:solid 1px #d3d1d1; margin:0px 0px 10px 0px; padding:3px 0px 3px 4%; color:#222222; font-weight:bold; }
.writeReview .wrSocial { width:100%; float: left; background:url(images/wrSocial.gif) repeat-x left top; border-bottom:solid 1px #d3d1d1; padding:10px 0px; }
.pLeftSocial { width:90%; float: left; border:solid 1px #d3d1d1; margin:12px 0px 0px 0px; padding:10px 4%; }
.pLeftSocial a { float: left; padding:3px 0px 3px 20px; text-decoration: none; }
.pLeftSocial .shareFb { background:url(images/shareFb.gif) no-repeat left center; }
.pLeftSocial .mailBtn { background:url(images/mailBtn.gif) no-repeat left center; }
.pLeftSocial .printBtn { background:url(images/printBtn.gif) no-repeat left center; }
.otherProds { width:100%; float: left; margin:20px 0px 20px 0px; }
.otherProds .opTitle { box-sizing: border-box; background: #CD1428; color: #fff; /*font-family: 'Ropa Sans';*/ font-size: 18px; font-weight: lighter; text-transform: uppercase;
padding: 7px 13px 7px 13px; /*border-radius: 6px 6px 0px 0px;*/ }
.otherProds .opScroll { box-sizing: border-box; width:100%; float: left; border: 1px solid #CD1428; padding: 10px; /*border-radius: 0px 0px 6px 6px;*/ }
.otherProds #opPrev {
float: left;
height:170px;
width:1.3%;
margin:0px 2px 0px 0px;
/*background:url(images/galPrev.gif) no-repeat left center; */
background:url(images/arrow_left_black.png) no-repeat left center;
}
.otherProds #opNext {
float: left;
height:170px;
width:1.3%;
margin:0px 0px 0px 2px;
/*background:url(images/galNext.gif) no-repeat right center; */
background:url(images/arrow_right_black.png) no-repeat left center;
background-size: 100% auto;
}
.otherProds .opScroller0 {
width:95%;
/*height:145px; */
height: 170px;
float: left;
position:relative;
overflow:hidden;
}
.otherProds .opScroller0 .opScroller {
position:absolute;
top:0px;
left:0px;
/*height:170px; */
height: 100%;
}
.otherProds .opEl {
display: inline-block;
width: 115px;
height: 100%;
margin: 0 10px;
overflow: hidden;
vertical-align: top;
}
.otherProds .opEl .opThumb_box {
box-sizing: border-box;
display: block;
width: 100%;
height: 120px;
line-height: 120px;
background-color: #fff;
border: 1px solid #a5a5a5;
/*border-radius: 6px; */
text-align: center;
overflow: hidden;
}
.otherProds .opEl .opThumb { box-sizing: border-box;width: 100%; float: left; background-repeat: no-repeat; background-position:center center; }
.otherProds .opEl .opThumb img {
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
/* border-radius: 6px;
border: 2px solid #5b7f95;*/
}
.otherProds .opEl .opName { width:115px; float: left; text-align: center; text-decoration: none; color: #fff; }
.otherProds .opEl .opName:hover { text-decoration: underline; }
.otherProds .opEl .opPrice { width:115px; float: left; text-align: center; color:#222222; font-size:14px; font-weight:bold; }
.prodTabs { width:100%; float: left; margin:0px 0px 30px 0px; }
.prodTabs .tabs { width:100%; float: left; }
.prodTabs .tabs a { border:solid 1px #d3d1d1; margin:0px 1px 0px 0px; font-weight:bold; color:#888888; height:28px; line-height:28px; float: left; padding:0px 10px; text-decoration: none; position:relative; z-index:1; border-bottom:none; }
.prodTabs .tabs a.selected { background:#f1f1f1; z-index:2; color:#fb7400; }
.prodTabs .tabsInfo { width:99%; float: left; border:solid 1px #d3d1d1; position:relative; top:-1px; z-index:1; }
.prodTabs .tabsInfo .tab { width:94%; float: left; padding:20px 3%; color:#222222; background:#f1f1f1; }
/* Prodlist */
.leftCats { width:23%; float: left; }
.leftCats h3 { width:100%; float: left; margin:0px 0px 15px 0px; padding-top: 10px; padding-left: 11px; font-size: 18px; /*font-family: 'Ropa Sans', sans-serif;*/ font-weight: lighter; text-transform: uppercase; }
.leftCats h3 a { font-size:16px; text-decoration: none; text-transform: uppercase; color:#303030; }
.leftCats h3 a:hover { color:#fb7400; }
.leftCats ul.mainul { width:100%; float: left; }
.leftCats ul.mainul li.mainli { width:100%; float: left; background:url(images/dots.gif) repeat-x left bottom; }
.leftCats ul.mainul li.mainli a {
box-sizing: border-box;
width: 100%;
float: left;
padding: 5px 0px 7px 9px;
background: #fff;
border-left: 3px solid #CD1428;
border-bottom: 1px solid rgba(0,0,0, .1);
text-decoration: none;
}
.leftCats ul.mainul li.mainli a:hover { color:#CD1428; }
.leftCats ul.mainul li.mainli ul {}
.leftCats ul.mainul li.mainli ul li.subli {}
.leftCats ul.mainul li.mainli ul li.subli a { box-sizing: border-box; background:none; padding: 5px 0; width: 100%; padding-left: 13px; }
.leftCats ul.mainul .selected > a { border-left-color: #CD1428 !important; }
.plistRight { width:75%; float: right; margin:0px 0px 20px 0px; }
.path { box-sizing: border-box; width:100%; float: left; border-bottom: 1px solid rgba(0,0,0, .1); padding: 10px; margin:0px 0px 40px 0px; }
.path a { text-decoration: none; }
.path a::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 13px; color: #5b7f95; margin-left: 7px; margin-right: 5px; }
.plTitle { width:100%; float: left; /*font-family: 'Ropa Sans';*/ font-size: 26px; font-weight: lighter; padding: 0px 0px 15px 0px; margin: 20px 0px 10px 0px; border-bottom: 1px solid #a5a5a5; }
.plDesc { width:91%; float: left; background:#f5f5f5; color:#222222; margin:0px 0px 20px 0px; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; padding:15px 4%; }
.plistRight .sort { width:95%; height:24px; float: left; padding:10px 2%; border: solid 1px #d3d1d1; }
.plistRight .sort label { height:24px; line-height:24px; vertical-align: middle; color:#222222; float: left; }
.plistRight .sort select { float: left; margin:0px 0px 0px 10px; padding:2px; border: solid 1px #d3d1d1; width:120px; height:23px; }
.plistRight .sort .right { float: right; }
.plistRight .sort .right a { width:25px; height:24px; float: left; background-image:url(images/styleIcons.gif); background-repeat: no-repeat; }
.plistRight .sort .right .style1 { margin:0px 10px 0px 0px; background-position:left top; }
.plistRight .sort .right .style2 { background-position:left bottom; }
.plistRight .sort .right .style1:hover, .plistRight .sort .right .style1.selected { background-position:right top; }
.plistRight .sort .right .style2:hover, .plistRight .sort .right .style2.selected { background-position:right bottom; }
.subCats { width:100%; float: left; margin:0px 0px 30px 0px; }
.subCats .subTitle { width:100%; float: left; margin:0px 0px 15px 0px; color:#222; font-weight:14px; font-weight:bold; }
.subCats .subcat { width:17%; height:160px; float: left; border:solid 1px #d3d1d1; position:relative; padding:5px; margin:0px 1% 10px 0px; background:#f5f5f5; }
.subCats .subcThumb { width:89%; height:80px; float: left; margin:8px 0px 10px 5%; padding:0px 0px 10px 0px; border:solid 1px #d3d1d1; background-repeat: no-repeat; background-position:center center; }
.subCats .subcTitle { text-decoration: none; text-align: center; display: block; }
.subCats .subcArrow { width:12px; height:12px; position:absolute; right:5px; bottom:5px; background:url(images/subcArrow.gif) no-repeat left top; }
#pl { width:100%; float: left; margin:20px 0px 0px 0px; }
.style1 .plEl { width:27%; height:375px; margin:0px 2% 20px 0px; float: left; padding:20px 2%; border: solid 1px #dddddd; }
.style1 .plEl:nth-child(3) { margin:0px 0px 20px 0px; }
.style1 .plEl .s2left { }
.style1 .plEl .s2right { }
.style1 .plEl .plThumb { width:100%; height:201px; float: left; background-repeat: no-repeat; background-position: center center; }
.style1 .plEl .plName { color:#4c4c4c; width:100%; float: left; height:25px; font-size:15px; text-align: center; text-decoration: none; margin:0px 0px 10px 0px; }
.style1 .plEl .plDescc { color:#222222; width:100%; float: left; height:35px; margin:0px 0px 15px 0px; }
.style1 .plEl .plPrice { width:100%; float: left; font-size:18px; font-weight:bold; color:#414141; margin:0px 0px 15px 0px; }
.style1 .plEl .plCompare { width:100%; float: left; color:#414141; margin:0px 0px 10px 0px; }
.style1 .plEl .plCompare input { float: left; margin:0px 10px 0px 0px; }
.style1 .plEl .plCart { float: left; margin:0px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
.style1 .plEl .plView { background: url(images/viewBtn.gif) repeat-x left bottom; border: medium none; color: #333333; cursor: pointer; float: right; height: 29px; line-height: 29px; margin: 0; padding: 0 5px; text-decoration: none; }
.style2 .plEl { width:91%; min-height:164px; margin:0px 0px 20px 0px; float: left; padding:20px 4%; border: solid 1px #dddddd; }
.style2 .plEl:nth-child(3) { margin:0px 0px 20px 0px; }
.style2 .plEl .s2left { width:70%; float: left; }
.style2 .plEl .s2right { width:25%; float: left; min-height:164px; height:100%; padding:0px 0px 0px 2%; margin:0px 0px 0px 2%; border-left: solid 1px #d3d1d1; }
.style2 .plEl .plThumb { width:38%; margin:0px 3% 0px 0px; max-width:181px; height:181px; float: left; background-repeat: no-repeat; background-position: center center; }
.style2 .plEl .plName { color:#4c4c4c; display: inline-block; font-size:15px; text-align: center; text-decoration: none; margin:0px 0px 10px 0px; }
.style2 .plEl .plDescc { color:#222222; margin:0px 0px 15px 0px; }
.style2 .plEl .plPrice { width:100%; float: left; font-size:18px; font-weight:bold; color:#414141; margin:0px 0px 15px 0px; }
.style2 .plEl .plCompare { width:100%; float: left; color:#414141; margin:0px 0px 10px 0px; }
.style2 .plEl .plCompare input { float: left; margin:0px 10px 0px 0px; }
.style2 .plEl .plCart { float: left; margin:0px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
.style2 .plEl .plView { display:inline-block; clear:both; margin:0px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
/* left catalog + sliders */
.catalog { width:225px; float: left; margin:30px 0px 0px 0px; }
.catalog h3 { margin:0px 0px 20px 0px; text-transform: uppercase; }
.catalog .box { width:225px; float: left; position:relative; margin:0px 0px 15px 0px; }
.catalog .box .close { width:9px; height:9px; position:absolute; top:2px; right:0px; background:url(images/minus.gif) no-repeat left top; }
.catalog .box h4 { float: left; color:#222222; font-size:12px; margin:0px 0px 10px 0px; }
.catalog .box .controls { width:205px; float: left; padding:0px 0px 0px 20px; }
.catalog .box .controls .brow { width:205px; float: left; margin:3px 0px; }
.catalog .box .controls .brow input { float: left; margin:0px 10px 0px 0px; }
.filters { width:205px; float: left; padding:10px; background:#f5f5f5; margin:0px 0px 20px 0px; color:#222222; }
.filters h5 { font-size:11px; margin:0px 0px 10px 0px; }
.filters span { width:205px; float: left; margin:3px 0px; }
.filters .delFilter { width:12px; height:12px; float: right; background:url(images/delFilter.gif) no-repeat left top; }
.controlSlider { width:205px; float: left; }
.controlSlider label { float: left; margin:0px 5px 0px 0px; color:#222222; }
.controlSlider input { float: left; color:#222222; width:80px; margin:0px 0px 0px 0px; }
.ui-slider { width:205px; height:11px; float: left; margin:10px 0px 0px 0px; position:relative; background:#ffffff; border:solid 1px #aaaaaa; }
.ui-slider-range { background:#e2e2e2; height:11px; border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; top:-1px; position:absolute; }
.ui-slider-handle { width:16px; height:16px; position:absolute; top:-3px; background:url(images/ul-handle.gif) repeat-x left top; border:solid 1px #d3d3d3; /*border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;*/ }
/* CONTACTS */
.cform { width:668px; padding:15px 20px; float: left; border: solid 1px #dddddd; margin:0px 0px 20px 0px; }
.cform h4 { border-bottom:solid 1px #dddddd; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; font-size:12px; }
.cform .row { width:668px; float: left; margin:0px 0px 15px 0px; }
.cform .row label { width:165px; padding:0px 10px 0px 0px; float: left; color:#222222; text-align: right; }
.cform .row select { width:100px; float: left; padding:2px; color:#666666; border:solid 1px #dddddd; }
.cform .row input.fld { width:250px; height:22px; padding:0px 10px; float: left; border:solid 1px #dddddd; }
.cform .row .file { }
.cform .row textarea { width:350px; height:206px; padding:10px; float: left; border:solid 1px #dddddd; }
.cform .row .btn { float: left; margin:0px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
/* SITEMAP */
.smCol { width:222px; float: left; margin:0px 0px 30px 20px; }
.smCol h3 { margin:0px 0px 20px 0px; color:#222222; font-size:12px; }
.smCol ul { width:200px; float: left; }
.smCol ul li { width:180px; float: left; margin:1px 0px; padding:2px 0px 2px 20px; background:url(images/circle.gif) no-repeat left center; }
.smCol ul li a { color:#222222; text-decoration: none; }
.smCol2 { width:230px; float: left; margin:0px 0px 30px 20px; }
.smCol2 h3 { margin:0px 0px 20px 0px; font-size:12px; }
.smCol2 .tree { width:230px; float: left; }
.smCol2 .tree span { background:url(images/houseIcon.gif) no-repeat left center; padding:5px 0px 5px 22px; }
.smCol2 .tree span a { text-decoration: none; }
.smCol2 .tree ul { margin:0px 0px 0px 8px; float: left; background:url(images/verticalDash.gif) repeat-y left top; }
.smCol2 .tree ul li { clear:both; padding:5px 0px 5px 21px; background:url(images/longDash.gif) no-repeat left center; }
.smCol2 .tree ul li:last-child { background:url(images/treeLast.gif) no-repeat left center; }
.smCol2 .tree ul li a { text-decoration: none; }
.smCol2 .tree ul li a:hover { text-decoration: underline; }
/* LOGIN PAGE */
.loginpage { width:100%; }
.rlForm {
box-sizing: border-box;
display: inline-block;
width:100%;
max-width: 430px;
margin: 30px 0px 0px 0px;
padding: 15px 20px;
background: #f7f7f7;
overflow: hidden;
}
.rlForm h3 {
box-sizing: border-box;
background: #f7f7f7;
margin: 0;
padding-bottom: 5px;
border-bottom: 1px solid #a5a5a5;
font-size: 16px;
font-weight: 700;
}
.rlForm h3 p {
margin: 0;
}
.rlForm p { margin:20px 0px; }
.loginF { }
.registerF { float: right; }
.rlForm label { display: block; margin:0px 0px 5px 0px; }
.rlForm .fld { margin:0px 0px 15px 0px; }
.rlForm .submit {
display: inline-block;
float: left;
background: #CD1428;
height: 36px;
padding: 0px 20px 2px 20px;
margin-top: 10px;
margin-right: 10px;
border: none;
/*border-radius: 6px;*/
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 15px;
transition: all 0.2s ease;
}
.rlForm .submit:hover {
background: #000;
}
.rlForm a { display: inline-block; margin-top: 14px; font-size: 13px; }
.login_box_inner {
box-sizing: border-box;
display: block;
float: left;
width: 100%;
padding: 15px 0;
}
.fld {
box-sizing: border-box;
width: 100%;
background: #fff;
border: 1px solid #a5a5a5;
/*border-radius: 4px;*/
height: 35px;
padding-left: 13px;
padding-right: 13px;
color: #666;
}
/* LOGIN PAGE 2 */
/*.loginForm2 { width:100%; float: left; margin:0px 0px 30px 0px; }
.loginForm2 .subTTL { margin:0px 0px 20px 0px; color:#222222; font-size:12px; border-bottom:solid 1px #d3d1d1; padding:0px 0px 10px 0px; font-weight:bold; }
.loginForm2 .row { width:80%; float: left; margin:0px 0px 16px 0px; }
.loginForm2 label { width:22%; float: left; text-align: right; color:#555555; margin:0px 3% 0px 0px; }
.loginForm2 label b { font-weight:normal; color:#990000; }
.loginForm2 .fld { width:74%; height:21px; border:solid 1px #d3d1d1; }
.loginForm2 .redText { padding:0px 0px 0px 169px; color:#da0f00; text-align: center; }
.loginForm2 .row select { width:71%; margin:0px 0px 0px 0px; border:solid 1px #d3d1d1; padding:2px 1%; }
.loginForm2 .row select.longSelect { width:71%; }
.loginForm2 .row textarea { width:71%; height:100px; border:solid 1px #d3d1d1; }
.loginForm2 .checkboxes { width:71%; float: left; }
.loginForm2 .checkboxes input { float: left; margin:0px 5px 5px 0px; }
.loginForm2 .agreeCheckbox { float: left; margin:2px 5px 0px 0px; }
.loginForm2 .checkboxText { float:left; width:500px; }
.loginForm2 .btn { float: right; margin:20px 10px 20px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 5px; color:#fff; text-decoration: none; }
.loginForm2 .req { margin:10px 0px; color:#da0f00; }*/
/* PROFILE PAGE */
.profile_form {
display: inline-block;
float: left;
width: 100%;
}
.profile_form * {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.profile_form .lbl {
float: none;
width: 20%;
margin-bottom: 0;
font-weight: 700;
vertical-align: middle;
}
.profile_form .input_text {
width: 78%;
}
.profile_form .btn_sub {
float: none;
}
/* FORGET PASS */
.forget_pass_box {
display: inline-block;
float: left;
width: 100%;
}
.forget_pass_box * {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.forget_pass_box h3 {
font-weight: 400;
}
.forget_pass_box .input_text {
float: left;
width: 40%;
min-width: 220px;
margin-right: 10px;
}
.forget_pass_box .btn_sub {
height: 40px;
padding: 7px 15px;
}
.forget_pass_box .lbl {
font-weight: 700;
}
/* MY ACCOUNT */
.greenMsg { background:#d3ffab; border:solid 1px #5cff74; color:#222222; width:668px; padding:10px 20px; margin:0px 0px 30px 0px; float: left; }
.subTitle { margin:0px 0px 20px 0px; color:#222222; font-size:12px; border-bottom:solid 1px #d3d1d1; padding:0px 0px 10px 0px; font-weight:bold; }
.maIcons { float: left; margin:10px 0px 0px 35px; width:688px; }
.maIcons a { float: left; text-decoration: none; padding:3px 0px 3px 30px; margin:2px 0px; background-image:url(images/myaccountIcons.gif); background-repeat: no-repeat; }
.maIcons .myFaaddress { background-position:left top; }
.maIcons .myHistory { background-position:left -29px; }
.maIcons .myCSlips { background-position:left -56px; }
.maIcons .myAddresses { background-position:left -86px; }
.maIcons .myPInformation { background-position:left -115px; }
.maIcons .myFavProds { background-position:left -146px; }
.maIcons .myHome { background-position:left bottom; margin:10px 0px 0px -20px }
/* MY F ADDRESS */
.backTo { float: left; margin:30px 0px 0px 0px; }
.backtoProfile { background-position:left center; float: left; text-decoration: none; padding:2px 0px 2px 30px; margin:2px 30px 2px 0px; background-image:url(images/personIcon.gif); background-repeat: no-repeat; }
.backtoHome { background-position:left bottom; float: left; text-decoration: none; padding:2px 0px 2px 30px; margin:2px 0px; background-image:url(images/myaccountIcons.gif); background-repeat: no-repeat; }
.fprods { width:708px; float: left; }
.fprods .fprod { width:690px; float: left; padding:12px 8px; margin:0px 0px 14px 0px; position:relative; border:solid 1px #d3d1d1; }
.fprods .fprod .fthumb { width:80px; height:83px; border:solid 1px #d3d1d1; background-repeat: no-repeat; background-position: center center; float: left; margin:0px 10px 0px 0px; }
.fprods .fprodInfo { width:590px; float: right; }
.fprods .fprodTitle { display: block; color:#222222; text-decoration: none; font-weight:bold; font-size:11px; }
.fprods .removeFav { width:11px; height:11px; position:absolute; top:8px; right:8px; background:url(images/removeFav.gif) no-repeat left top; }
/* CART */
.steps { width:100%; height:54px; float: left; padding:1px 0px; margin:10px 0px 0px 0%; }
.steps .step { float: left; width:16.5%; height:50px; padding:4px 0px 0px 3%; position:relative; background:#f5f5f5; border-right:solid 1px #dddddd; color:#a1a1a1; font-size:11px; font-weight:bold; }
.steps .step1 {
/*-moz-border-radius-topleft: 3px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:3px;
border-top-right-radius:0px;
border-bottom-left-radius:3px;
border-bottom-right-radius:0px; */
z-index:10;
}
.steps .step2 { z-index:9; }
.steps .step3 { z-index:8; }
.steps .step4 { z-index:7; }
.steps .step5 {
/*-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:3px;
border-top-left-radius:0px;
border-top-right-radius:3px;
border-bottom-left-radius:0px;
border-bottom-right-radius:3px;*/
width:98px; border-right: none;
z-index:6;
}
.steps .step span { position:absolute; right:-8px; top:22px; width:8px; height:11px; background:url(images/stepArrow.gif) no-repeat left top; }
.steps .step .num { color:#cccccc; font-weight:bold; font-size:22px; }
.steps .selected { background:#333333; color:#ffffff; }
.steps .selected .num { color:#ffffff; }
.steps .selected span { background:url(images/stepArrow2.gif) no-repeat left top; }
.cartTable { width:99%; margin:20px 0px 0px 0px; float: left; border:solid 1px #d3d1d1; border-collapse:collapse; }
.cartTable th { border:solid 1px #d3d1d1; background:#f5f5f5; color:#222222; font-size:11px; font-weight:bold; padding:10px 0px 10px 12px; text-align: left; }
.cartTable td { border:solid 1px #d3d1d1; }
/* COMPARE */
.compare { width:100%; float: left; }
.compare table { border:solid 1px #d3d1d1; border-collapse:collapse; }
.compare table th { border:solid 1px #d3d1d1; background:#f5f5f5; color:#222222; font-size:11px; font-weight:bold; padding:10px 0px 10px 12px; text-align: left; }
.compare table th a { color:#222222; text-decoration: none; }
.compare table th a:hover { text-decoration: underline; }
.compare table td { border:solid 1px #d3d1d1; padding:10px 15px; }
.compare table td p { margin:0px 0px 15px 0px; }
.compare table td .thumb { border:solid 1px #d3d1d1; width:100%; height:200px; display: inline-block; margin:0px 0px 15px 0px; background-repeat: no-repeat; background-position: center center; }
.compare table td .price { color:#414141; font-size:18px; }
.compare table td .somelbl { background:#cccccc; color:#ffffff; display: inline-block; padding:2px 5px; margin:10px 0px 0px 0px; }
.compare table td .remove { color:#ff0000; text-decoration: none; }
.compare table td .btns { }
.compare table td .btns a { float: left; margin:0px 10px 0px 0px; background:url(images/addToCart.gif) repeat-x left top; border: none; cursor: pointer; height:29px; line-height:29px; padding:0px 10px; color:#fff; text-decoration: none; }
/* NEW CART */
.newcart { width:100%; float: left; }
.form-postcode {
color: #333;
padding-left: 15px;
}
.form-postcode .fld {
display: inline-block;
margin-right: 10px;
width: 255px !important;
border: 1px solid #a5a5a5;
}
.form-postcode label {
margin-right: 10px;
}
.newcarttable { width:100%; float: left; margin:20px 0px 20px 0px; }
.newcarttable td { vertical-align: top; }
.newcarttable td td { vertical-align: middle; }
.newcarttable .fldset { width:96%; height:100%; position:relative; padding:10px 2%; }
.fldset.login .login_box_inner {
padding: 10px 20px;
background-color: #f7f7f7;
color: #000;
}
.newcarttable .fldset .legend {
margin: 0;
font-size: 18px;
background: #CD1428;
padding: 8px;
color: #fff;
/*font-family: 'Ropa Sans';*/
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom: solid 1px #CD1428;
}
.newcartprodtable { width:100%; float: left; }
.newcartprodtable td { padding: 7px; background: #fff; border-bottom: 1px solid #a5a5a5; }
.newcartprodtable tr:nth-child(even) td { background: #f7f7f7; }
.newcartprodtable .thumb { width:78px; height:78px; margin:0px 10px 0px 0px; float: left; background-repeat: no-repeat; background-position:center center; background-size: cover; }
.newcartprodtable .color { width:30px; height:30px; padding:2px; border:solid 1px #d9d9d9; float: left; margin:0px 0px 0px 0px; }
.newcartprodtable .color span { width:30px; height:30px; float: left; }
.newcartprodtable .title { text-decoration: none; font-weight:bold; }
.newcartprodtable .amount { }
.newcartprodtable .delMethod td { padding:5px 0px; background:#dedede; }
.newcartprodtable .delMethod td input { margin:0px 0px 0px 10px; }
.newcartprodtable .delMethod td .color { border:solid 1px #999999; }
.newcartprodtable .delMethod td .color span { background:#fff; }
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.newcartForm {
box-sizing: border-box;
width:100%;
float: left;
margin:0px 0px 15px 0px;
color: #000;
}
.newcartFormH3 {
box-sizing: border-box;
float: left;
width:100%;
margin:0;
padding: 10px 20px;
background: #f7f7f7;
border-bottom: 1px solid #a5a5a5;
font-size: 16px;
font-weight: 700;
}
.newcartForm .loginbox { width:100%; float: left; }
.newcartForm .loginbox .lfld { width:47%; margin:0px 3% 10px 0px; float: left; }
.newcartForm .loginbox .lfld label {
width:100%;
float: left;
margin: 0px 0px 5px 0px;
color: #000;
font-size: 16px;
}
.newcartForm .loginbox .lfld .fld {
box-shadow: none;
}
.total_price {
display: inline-block;
float: left;
width: 100%;
font-size: 22px;
color: #000;
font-weight: 700;
}
#fldsetright {
width: 50%;
/*font-family: 'Ropa Sans';*/
}
.newcartForm .loginbox .lbtn { float: right; width:16%; margin:23px 0px 0px 0px; }
.newcartForm .levad { width:48%; margin:0px 1% 0px 0px; float: left; }
.newcartForm .levad .checkbox { margin:20px 0px 0px 0px; }
.levadTxt { width:100%; float: left; margin:30px 0px 0px 0px; }
.levadTxt label { width:100%; float: left; margin:0px 0px 10px 0px; }
.levadTxt textarea { background:#ffffff; width:97%; float: left; padding:0px 1%; margin:0px 0px 10px 0px; height:80px; border:solid 1px #333333; /*border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;*/ }
.levadTxt .btn { background:#2C2C2C; padding:0px 20px; border: 0 solid #000000; color: #FFFFFF; cursor: pointer; float: right; height: 26px; width: 108px; }
.newcartForm .loginbox .lbtn .submit {
width:100%;
float: left;
height:26px;
color:#fff;
/*
color:#4E7530;
background:#B6ED8C; */
background:#2c2c2c;
border:solid 0px #000;
cursor: pointer;
}
.closeX {
color: #FF0000;
font-weight: bold;
position: absolute;
right: 10px;
text-decoration: none;
top: 10px;
}
#levad_form , #levad_form table { width:100%; float: left; }
#levad_form table th { padding:5px; text-align: left; }
#levad_form table td.lbl { width:25%; }
#levad_form table td.ifld { width:75%; }
#levad_form table td.ifld input { width:97%; padding:2px 1%; border:solid 1px #cecece; background:#fff; height:24px; line-height:24px; }
#levad_form table td.submit { }
#levad_form table td.submit input { background:#2C2C2C; border: 0 solid #000000; color: #FFFFFF; cursor: pointer; float: right; height: 26px; width: 108px; }
#levad_form .error { border:solid 1px #ff0000; color:#ff0000; }
#addNewAddress { background:#2C2C2C; border: 0 solid #000000; color: #FFFFFF; cursor: pointer; float: left; margin:20px 0px 0px 0px; text-decoration: none; line-height:26px; vertical-align: middle; height: 26px; padding:0px 20px; }
.newcartForm .amnesiac { display: inline-block; color:#fff; margin-top: 16px; font-size: 13px; }
.newcartForm .loginbox .rfld { width:48%; margin:0px 2% 10px 0px; float: left; }
.newcartForm .loginbox .rfld label { width:100%; float: left; margin:0px 0px 5px 0px; }
.newcartForm .loginbox .rfld .fld { width:95%; float: left; padding:0px 2%; height:26px; vertical-align: middle; line-height:26px; border:solid 1px #333333; /*border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;*/ }
.newcartForm .loginbox .selectrow { width:100%; }
.newcartForm .loginbox .selectrow select { border: 1px solid #999999; padding: 2px 1%; width: 97%; }
.newcartForm .loginbox .submit,
.newcartForm .loginbox .submit2,
.form-postcode .submit {
display: inline-block;
float: left;
background: #CD1428;
height: 36px;
padding: 0px 20px 2px;
margin-top: 10px;
margin-right: 10px;
border: medium none;
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.form-postcode .submit {
float: none;
}
.newcartForm .loginbox .submit:hover,
.newcartForm .loginbox .submit2:hover,
.form-postcode .submit:hover {
background: #000;
}
.shipp { width:100%; float: left; margin:0px 0px 10px 0px; background:#f5f5f5; }
.shipp input { float: left; margin:15px 0px 0px 10px; }
.shipp .shippInfo { float: left; margin:10px 0px 15px 20px; padding:0px 0px 0px 100px; background-position:left center; background-repeat: no-repeat; color:#222222; }
.newcartForm .shipp { width:94%; padding:10px 3%; float: left; color:#999; }
/*
.newcartForm .shipp input { float: left; margin:10px 10px 0px 10px; }
.newcartForm .shipp .shippInfo { float: left; }
.newcartForm .shipp .shippInfo strong { }
*/
.newcartForm .shipp span {
width: 48%;
margin-right: 1%;
float: left;
color: #333;
margin-bottom: 4px;
}
.newcartForm .shipp span:nth-child(odd) div {
border-right: 1px solid rgba(0,0,0, .1);
}
.newcartForm .shipp span:last-child input + div,
.newcartForm .shipp span:nth-last-child(2) input + div {
min-height: 145px;
}
.newcartForm .shipp input {
display: none;
}
.newcartForm .shipp input + div {
box-sizing: border-box;
display: inline-block;
width: 100%;
min-height: 120px;
padding: 10px;
border-radius: 0;
cursor: pointer;
}
.newcartForm .shipp input + div:hover {
background: rgba(0,0,0, .1);
/*border-radius: 6px;*/
border-right: none;
}
.newcartForm .shipp input:checked + div {
background: #CD1428;
color: #fff;
border-right: none;
/*border-radius: 6px;*/
}
.newcartForm .shipp span input { float: left; margin:3px 10px 0px 0px; }
.newcartForm .shipp p { margin:15px 0px; }
#payment_form { width:100%; }
#payment_form label { width:100%; float: left; margin:0px 0px 10px 0px; }
#payment_form .input { background:#FFFFFF; border: 1px solid #333333; width: 57%; float: left; height: 26px; line-height: 26px; padding: 0 1%; vertical-align: middle; }
#payment_form .submit { background:#2C2C2C; border: 0 solid #000000; color: #FFFFFF; cursor: pointer; float: left; height: 28px; width: 20%; }
#payment_form h2 { width:100%; float: left; margin:20px 0px 0px 0px; font-size:14px; }
.addedtocart {
color:#ffffff;
background: #000;
text-align: center;
padding: 20px;
width:180px;
position: fixed;
top:-1px;
/*font-family: 'Ropa Sans';*/
font-size: 18px;
z-index: 20;
}
.index_intro {
display: inline-block;
position: fixed;
top: 50%;
left: 50%;
}
.logo_index {
width: 100%;
max-width: 465px;
margin-bottom: 60px;
}
.index_links {
display: inline-block;
font-size: 47px;
color: #ddd;
padding-left: 15px;
}
.index_links a {
position: relative;
display: inline-block;
padding: 20px;
border-radius: 34px;
background: transparent;
border: 5px solid #CD1428;
color: #CD1428;
margin-left: 5px;
margin-right: 12px;
margin-bottom: 10px;
/*font-family: 'Ropa Sans';*/
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.index_links a:hover {
box-shadow: 0px 0px 20px 40px #CD1428 inset;
}
.index_links a span {
position: relative;
z-index: 10;
color: #fff;
}
.index_links a::before {
content: '';
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #CD1428;
z-index: 5;
transition: all 0.3s ease;
}
.index_links a:hover {
color: #fff;
transform: translateY(-10px);
}
/* CAROUSEL IN PRODUCT PAGE */
.carousel_prod {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100% !important;
padding: 0 20px;
}
.carousel_prod .owl-stage-outer {
text-align: center;
}
.carousel_prod .owl-prev,
.carousel_prod .owl-next {
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
font-size: 0;
color: transparent;
}
.carousel_prod .owl-prev {
background: url(images/arrow_left_black.png) no-repeat center center;
left: 0;
}
.carousel_prod .owl-next {
background: url(images/arrow_right_black.png) no-repeat center center;;
right: 0;
}
/* MEDIA SETS */
@media screen and (max-width: 1265px) {
.header {
position: relative;
}
.header_links_holder {
position: static;
}
.login_box {
left: auto;
right: 2%;
margin-top: 0;
}
}
@media screen and (max-width: 1024px) {
.header {
padding-left: 0;
padding-right: 0;
}
.container {
box-sizing: border-box;
width: 100%;
padding-left: 2%;
padding-right: 2%;
}
.header .logo {
width: 45%;
}
.header .topright .trl .topsmallmenu a { font-size:11px; margin:0px 0px 0px 2px; font-weight:normal; }
.collections .collection { width:29%; }
.login_box {
width: 100%;
max-width: 350px;
}
/* prodlist */
.style1 .plEl .plDescc { height:80px; }
.style2 .plEl { width:93%; padding:20px 3%; }
.style2 .plEl .s2left { width:60%; }
.style2 .plEl .s2right { width:35%; }
.style2 .plEl .plThumb { width:33%; }
.ppEl .addToCart, .ppEl .viewBtn {
padding: 0 5px;
font-size: 14px;
}
/* prod */
}
@media screen and (max-width: 800px) {
.collections .collection { width:30%; margin:0px 0.5% 10px 0px; height:auto; }
.collections .collection .cviewall { height:22px; line-height:22px; background-position:89% center; font-size:11px; font-weight:normal; padding:0px 3% 0px 3%; width:94%; }
.ppEl { width:30%; }
.footer { margin-bottom:0; }
/* prodlist */
.leftCats { width:30%; }
.leftCats h3 a { font-size:14px; }
.plistRight { width:68%; }
#pl .ppEl { width:47% !important; }
.style1 .plEl { width: 43%; }
.style1 .plEl:nth-child(3) { margin:0 2% 20px 0; }
.style2 .plEl:nth-child(3) { margin:0px 0px 20px 0px; }
.style2 .plEl { width:95%; padding:20px 2%; }
.style2 .plEl .s2left { width:100%; }
.style2 .plEl .s2right { width:100%; min-height:1px; border-top:1px solid #D3D1D1; border-left:none; padding:10px 0px 0px 0px; margin:10px 0px 0px 0px; }
.style2 .plEl .plThumb { width:33%; }
/* prod */
.prodMain { width:68%; }
.prodMain .gallery .bigPic { height:auto; }
.prodLeft { width:100%; }
.prodMain .gallery { width:100%; }
.prodMain .gallery .bigPic { float: left; text-align:center; }
.prodMain .gallery .bigPic a { display: inline-block; width: 100%; text-align:center; }
.prodMain .gallery .bigPic a img { width: 100%; }
.prodMain .gallery .thumbs { width:100%; }
.prodInfo { width:100%; }
/* profile */
.profile_form .input_row {
margin-bottom: 10px;
}
.profile_form .lbl {
float: left;
width: 100%;
margin-bottom: 5px;
}
.profile_form .input_text {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.header { height:auto; text-align:center; }
.header .logo { float: none; margin: 25px auto 0; width: 35%; display:inline-block; }
.header .topright { margin: 10px 0px 0px 0px; }
.topmenu .topmenuDropdown { position:relative; float: left; width: 100%; }
.topmenu .topmenuTrigger {
height: 32px;
line-height: 33px;
float: left;
padding: 0px 20px;
margin-top: 10px;
color: #fff;
font-weight: normal;
text-decoration: none;
display: block;
border: 1px solid rgba(255,255,255, .7);
/*border-radius: 6px;*/
}
.topmenu .topmenuUL {
display: none;
width:300%;
max-width:250px;
position:absolute;
left:0px; top:55px;
background:#f7f7f7;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
float: none;
height:auto;
z-index: 10;
}
.topmenu .mainmenu li.mainli {
background:none;
width:100%;
height: 40px;
float: left;
border-top: 1px solid #a5a5a5;
}
.topmenu .mainmenu li.mainli:first-child {
border-top: none;
}
.topmenu .mainmenu li.mainli a {
box-sizing: border-box;
display: inline-block;
height: 40px;
line-height: 40px;
color: #000;
font-size:11px;
width:100%;
float: left;
padding: 0px 5%;
margin-top: 0;
}
.topmenu .mainmenu li.mainli .submenu { top:0px; left:100% }
#search_fade { background: rgba(255,255,255, .2); }
.index .banners { width:100%; }
.iStaticBanner { display: none; }
.collections .collection { width:97%; padding:10px 1%; margin:0px 0% 10px 0px; height:auto; }
.collections .collection .cthumb { max-width:95px; }
.collections .collection .cright { width:auto; float: right; text-align:right; }
.collections .collection .cviewall {
background: url("../images/cviewall.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
color: #FFFFFF;
float: left;
font-weight: bold;
height: 32px;
line-height: 32px;
margin: 10px 0 0;
padding: 0 13% 0 5%;
text-decoration: none;
vertical-align: middle;
width: 82%; text-align:right;
}
.ppEl { width:47% !important; }
.ppEl .ppThumb { height: 180px;}
.promoProdlist .ppEl {
margin: 0px 3% 30px 0px;
}
.footer { height:auto; }
.footer .fCol { width: 47%; }
/* prodlist */
.leftCats { margin-bottom:20px; float: left; }
.plistRight { float: right; }
/* prod */
.prodMain { width: 68%; float: right; }
.path {
margin-bottom: 10px;
}
.prodMain .gallery .bigPic {
max-width: 100%;
}
.index .banners .banner a,
.index .banners .banner,
.index .banners,
.index .bannerscon {
height: 300px !important;
}
#search_fade_mob {
}
#search_form_mob {
display: none;
}
#search_fade_mob {
box-sizing: border-box;
display: inline-block;
width: 40px;
height: 35px;
line-height: 34px;
color: #ffffff;
font-size: 11px;
float: right;
font-size: 14px;
margin-top: 0;
text-decoration: none;
text-align: center;
border: 1px solid rgba(255,255,255, .7);
/*border-radius: 6px;*/
margin-top: 10px;
}
#search_form_mob {
left: auto;
right: 0;
}
.tm_search {
display: none;
}
}
@media screen and (max-width: 568px) {
#fldsetleft {
display: block;
float: left;
width: 100%;
margin-bottom: 20px;
}
#fldsetright {
display: block;
float: left;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.header .container {
text-align: center;
}
.header .topright {
width: 100%;
max-width: 100%;
float: left;
margin-top: 0;
text-align: center;
}
.header .logo {
width: 70%;
margin: 15px auto 0;
}
.header {
position: static
}
.header_links_holder {
position: relative;
}
.login_box {
left: 0;
right: auto;
margin-top: 8px;
}
.collections .collection .cright { width:60%; float: right; text-align:right; }
.collections .collection .cviewall { }
.ppEl { width:100%; margin:0px 0px 30px 0px; }
.footer .fCol { width:100%; margin:0px 0px 10px 0px; }
/* prodlist */
.style1 .plEl { width: 93%; }
.style1 .plEl:nth-child(3) { margin:0 2% 20px 0; }
.style2 .plEl:nth-child(3) { margin:0px 0px 20px 0px; }
.style2 .plEl .s2left .plThumb { width:100%; max-width:100%; margin:0px 0px 10px 0px; }
.style2 .plEl .s2left { }
/* login */
.rlForm { margin:0px 0px 20px 0px; }
/* register */
.loginForm2 .row { width:100%; }
.loginForm2 label { width:100%; text-align: left; margin:0px 0% 5px 0px; }
.loginForm2 .fld { width:99%; }
.loginForm2 .row select { width:97%; padding:2px 1%; }
.loginForm2 .row select.longSelect { width:97%; }
.loginForm2 .row textarea { width:97%; }
.loginForm2 .checkboxes { width:97%; }
#pl .ppEl {
width: 100% !important;
}
}
@media screen and (max-width: 350px) {
.promoProdlist .ppEl {
width: 100% !important;
}
}
@media screen and (max-width: 320px) {
.leftCats ul.mainul li.mainli a {
font-size: 12px;
padding: 5px 0px 5px 9px;
}
.path a {
font-size: 12px;
}
.path a::after {
margin-right: 2px;
}
.non_mobile320 {
display: none;
}
}
.popup{
display: none;
padding: 30px;
/*border-radius: 6px;*/
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
background-color: white;
text-align: center;
}
.popup #prodBuyBtn {
display: inline-block;
background: #CD1428 none repeat scroll 0% 0%;
height: 36px;
padding: 0px 20px 2px;
margin-top: 0px;
margin-right: 10px;
border: medium none;
/*border-radius: 6px;*/
color: #FFF;
text-decoration: none;
text-align: center;
font-size: 15px;
transition: all 0.2s ease 0s;
}
.popup #prodBuyBtn:hover {
background: #000;
}
.popup input{
margin-top:7px;
}
.text-center{
text-align:center;
font-size: 19px;
font-weight: lighter !important;
/*font-family: 'Ropa Sans';*/
}