/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5 strong, ol, ul, li { margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline }
header, nav, menu, article, section, aside, footer { display: block }
.clear { clear: both }
img { border: none; overflow: hidden; max-width: 100% }
a { text-decoration: none; color: #e60512; }
a:hover { color: #767676; text-decoration: underline }
p { margin: 0 0 16px; line-height: 18px }
ul { padding: 0 15px; line-height: 18px; list-style: disc }
ol { padding: 0 15px; line-height: 18px; margin-left: 7px }
input {font-size: 13px;font-family:open_sansregular, Arial, sans-serif;color: #6f7a83 }
textarea { font-size: 13px; font-family:open_sansregular, Arial, sans-serif; resize:none; overflow-y:auto ;color: #6f7a83}
input::-moz-focus-inner {
border: 0;
}
@font-face { font-family: 'helvetica_neueregular'; src: url('/fonts/helveticaneue-webfont-webfont.eot'); src: url('/fonts/helveticaneue-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/helveticaneue-webfont-webfont.woff') format('woff'), url('/fonts/helveticaneue-webfont-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansregular'; src: url('/fonts/opensans-regular-webfont.eot'); src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-regular-webfont.woff') format('woff'), url('/fonts/opensans-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'playballregular'; src: url('/fonts/playball-webfont.eot'); src: url('/fonts/playball-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/playball-webfont.woff') format('woff'), url('/fonts/playball-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansbold'; src: url('/fonts/opensans-bold-webfont.eot'); src: url('/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/opensans-bold-webfont.woff') format('woff'), url('/fonts/opensans-bold-webfont.ttf') format('truetype'), url('/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSans-Semibold'; src: url('/fonts/OpenSans-Semibold-webfont.eot'); src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; }
body {-webkit-text-size-adjust: none; background: #000 url(/userfiles/images/graphics/bg.jpg) no-repeat center top; font-family:open_sansregular, Arial, sans-serif; text-align: left; font-size: 13px; display: block; color: #6f6f6f }
#bgStretch { overflow: hidden; z-index: -1; display: block; }
#bgStretch img { background-color: #000; }
.main { margin:0px auto 0px auto; max-width: 1170px; position: relative; display: block }
.content { height: auto; max-width: 1170px; margin: 0 auto; position: relative }
/*=========header=========*/
.out_wrapper { min-width: 1170px; overflow: hidden }
header { width: 100%; display: block; height: auto; /*position:relative;*/ z-index: 9997; padding-bottom:15px; min-height:150px;}
.top { }.mt30 { margin-top:15px;}
.right_top { position: relative; padding-top:30px; padding-bottom:30px; float: right; z-index: 3000; right: 20px; }
.right_top.active_scrolltop { padding-top:0!important; padding-bottom:0px!important; margin-right:270px!important; right:10px!important; top:1px;}
.contentTop { height: auto; max-width: 1170px; margin: 0 auto 0px; position: relative; background: rgba(255, 255,255, 1) }
.logo_mb { display:none}
.logo { width:auto; float: left; padding-left:20px; margin-bottom:10px; position:relative; margin-top:0px; }
.logo img { display: block; margin-top: -25px }
.logo img:hover { opacity: 0.8 }
.search { height: 32px; line-height:32px; position: relative; width: 272px; z-index: 50;float: right; border:1px solid #ebeaea; margin-top:5px }
.search input { border: none; background: none; margin: 0 }
.search input.text { width: 205px; padding:0 11px 0 7px; color: #353535; font-size: 12px; float:right; outline: none; height: 32px; line-height: 32px; font-family: Arial, sans-serif }
.search input.button { float: right; color: #FFF; height: 32px; width: 46px; cursor: pointer; margin: 0; padding: 0; background: #d9d7d7 url(/userfiles/images/graphics/iconSearch.png) no-repeat center center}
.search input.button:hover {background:#656565 url(/userfiles/images/graphics/iconSearchActive.png) no-repeat center center }
.right_top.active_scrolltop .search { position:fixed; top:1px; margin-top:0}
.right_top.active_scrolltop .search input.text { color:#fff}
#menu_mb_ll .search input{color:#fff}
/*=========menu=========*/
/********** Mini Cart ***********/
/********** Mini Cart (common) ***********/
#cart
{
position:relative; padding-left: 22px; float:right;line-height: 25px; z-index: 4000;
}
#cart .heading
{
position: relative;
cursor: pointer;
padding-left: 38px;
float: right;
background: url(/userfiles/images/graphics/card.png) no-repeat 5px 5px;
}
#cart .heading h4
{
background: #fff;
width: 38px;
height: 38px;
float: left;
margin: 4px 0px 0 0;
padding: 0px 0 0 5px;
z-index: 1012;
position: relative;
}
#cart .heading a
{
color: #ff000f;
display: inline-block;
font-family: open_sansregular;
font-size: 14px;
font-weight: bold;
height: 38px;
line-height: 22px;
padding: 0 0 0 10px;
position: relative;
text-decoration: none;
z-index: 1012;
}
#cart .heading a.cart {float:right; height:auto;}
#cart .heading a span
{
padding-right: 12px;
display: inline-block;
color: #000;
font-size: 12px;
background: url(/userfiles/images/graphics/bullet-d.png) right 9px no-repeat;
font-weight: normal;
}
#cart .heading a span:hover
{
color: #ff000f !important;
}
#cart .heading h4:hover, #cart .heading h4 a span:hover, #cart .heading h4 a:hover
{
color: #E45300 !important;
}
#cart .contentCart
{
clear: both;
display: none;
position: absolute;
padding: 8px;
min-height: 150px;
z-index: 1011;
background: #FFF;
width: 350px;
right: 0;
top: 50px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
cursor:default;
}
#cart.active
{
border-left: none;
}
#cart.active .heading
{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
#cart.active .contentCart
{
display: block;
}
#cart .mini-cart-info table
{
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
#cart .mini-cart-info td
{
color: #000;
vertical-align: center;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
#cart .mini-cart-info td a
{
font-size: 12px;
color: #6d6d6d;
height: auto;
font-weight: normal;
}
#cart .mini-cart-info .image
{
max-width: 45px;
}
#cart .mini-cart-info .image a
{
padding:0!important;
}
#cart .mini-cart-info .image img
{
text-align: left;
max-width:55px;
max-height:50px;
}
#cart .mini-cart-info .name small
{
color: #666;
}
#cart .mini-cart-info .quantity
{
text-align: right;
}
#cart .mini-cart-info td.total
{
text-align: right;
line-height:150%;
}
#cart .mini-cart-info .remove
{
text-align: right;
}
#cart .mini-cart-info .remove a{padding:0;}
#cart .mini-cart-info .remove img
{
cursor: pointer;
}
.mini-cart-total
{
text-align: right;
}
.mini-cart-total table
{
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td
{
color: #000;
padding: 2px;
}
#cart .checkout
{
text-align: right;
clear: both;
line-height: normal;
margin: 0;
}
#cart .empty
{
padding-top: 50px;
text-align: center;
}
#cart a.button, #cart input.button
{
-moz-transition: all 0.3s ease-in-out 0s;
background: none repeat scroll 0 0 #e60512;
border: medium none;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
color: #fff;
cursor: pointer;
font-size: 13px;
font-weight: bold;
}
#cart a.button
{
display: inline-block;
padding: 7px 12px;
text-decoration: none;
float:none;
line-height:normal;
height:auto;
}
#cart a.button[disabled="disabled"] { background:#767676;cursor: not-allowed;}
#cart input.button
{
margin: 0;
padding: 7px 12px;
}
#cart a.button:hover, #cart input.button:hover
{
-moz-transition: all 0.3s ease-in-out 0s;
background: none repeat scroll 0 0 #000;
color: #FFFFFF;
}
/* nav */
.mentop { position: relative; display: inline-block; z-index: 2000; float: right; width:auto; padding: 20px 20px 0 0}
.mentop-list {list-style: none; padding: 0; margin: 0; }
.mentop-item { float: left; *display:inline;zoom: 1; position: relative; margin: 0 }
.right { border-right: none; box-shadow: none }
.mentop-item a { display: block; color: #000; font-family: open_sansregular; font-size: 13px; padding: 0px 0px 0 30px; margin-right: 20px; text-align: center; -moz-transition: all 0.3s ease 0s; line-height: 23px }
.mentop-item a.icon1 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -21px }
.mentop-item a.icon1:hover, .mentop-item a.icon1.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 0px }
.mentop-item a.icon2 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -65px }
.mentop-item a.icon2:hover, .mentop-item a.icon2.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -44px }
.mentop-item a.icon3 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -111px }
.mentop-item a.icon3:hover, .mentop-item a.icon3.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -90px }
.mentop-item a.icon4 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -157px }
.mentop-item a.icon4:hover, .mentop-item a.icon4.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -136px }
.mentop-item a.icon5 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -201px }
.mentop-item a.icon5:hover, .mentop-item a.icon5.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -180px }
.mentop-item a.icon6 { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -244px;}
.mentop-item a.icon6:hover, .mentop-item a.icon6.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -223px }
.mentop-item a.icon7 {background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -290px; margin-right: 0 }
.mentop-item a.icon7:hover, .mentop-item a.icon7.active { background: url(/userfiles/images/graphics/icontop.png) no-repeat 0 -268px }
.mentop-item > a:hover, .mentop-item a.active { color: #ff2430; text-decoration: none }
.mentop-item:hover .mentop-submenu { display: block; }
.mentop-item:hover a { color: #ff2430 }
/* Navigation submenu */
.mentop-submenu { display: none; position: absolute; left: 0; width: 220px; list-style: none; padding: 0; margin: 0 }
.mentop-submenu-item { position: relative }
.mentop-submenu-item a { background: #a51d1c !important; border-bottom: 1px solid #902321; display: block; padding: 15px; text-align: left; text-transform: none }
.mentop-submenu-item a:hover { background: #cdcdcd !important; text-decoration: none; color: #212121 }
.mentop-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.mentop-submenu-item:hover .mentop-submenu2 { display: block }
.mentop-submenu-item2 a { background: #b8403f !important; border-bottom: 1px solid #b82a28; display: block; padding: 15px; text-align: left }
.mentop-submenu-item2 a:hover { background: #e6e6e6 !important; text-decoration: none; color: #212121 }
.mentop-mobile { display: none; cursor: pointer; position: absolute; top: 7px; right:0%; background: #e60512 url(/userfiles/images/graphics/nav.png) no-repeat center center; background-size: 18px; height: 30px; width: 30px; z-index: 9999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mentop-click { position: absolute; top: 1px; right: 0; display: none; border-left: 1px solid #75171b; height: 40px; width: 40px; cursor: pointer; }
.mentop-click:hover { background-color: #6a050a; text-decoration: none }
.mentop-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
/*=========end menu=========*/
.navM { background: #00baff; float: left; width: 100%; height:37px; position: relative; float: left }
.navM-list { text-align: left; list-style: none; padding: 0 20px; margin: 0; }
.navM-item { float: left; *display:inline;zoom: 1; position: relative; margin: 0; text-align: center; width:auto; min-width:115px; padding-right:20px; }
.right { border-right: none; box-shadow: none }
.navM-item a { display:block; color: #fff; font-size: 15px; padding: 0px 26px 0 11px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 37px; text-transform: uppercase; background:url(/userfiles/images/graphics/arrow_navM.png) no-repeat left 12px; text-align:left }
.navM-item > a:hover, .navM-item a.active { color: #e60512; background:url(/userfiles/images/graphics/arrow_navM_hover.png) no-repeat left 12px ; text-decoration: none }
.navM-item:hover .navM-submenu { display: block; }
.navM-item:hover a { color: #e60512 }
/* navMigation submenu */
.navM-submenu { display: none; position: absolute; left: 0; width: 220px; list-style: none; padding: 0; margin: 0 }
.navM-submenu-item { position:relative}
.navM-submenu-item a { background: rgba(17,78,139,0.8)!important; display:block;border-bottom: 1px solid #2b85db; padding:10px 15px; text-align: left; text-transform: none; line-height: 20px; color: #fff!important}
.navM-submenu-item a:hover { background: rgba(30,105,177,0.8)!important; text-decoration: none; color: #e60512 !important }
.navM-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.navM-submenu-item:hover .navM-submenu2 { display: block }
.navM-submenu-item2 a { background: rgba(30,105,177,0.6)!important; border-bottom: 1px solid #307dc8; display: block; padding:10px 15px; text-align: left }
.navM-submenu-item2 a:hover { background: rgba(0,143,254,0.6)!important; text-decoration: none; color: #e60512 }
.navM-mobile { display: none; cursor: pointer; position: absolute; top: 10px; right: 20px; background: url(/userfiles/images/graphics/nav.png) no-repeat center center; background-size: 22px; height: 22px; width: 22px; z-index: 9999 }
.navM-click { position: absolute; top: 0px; right: 1%; display: none; height: 40px; width: 40px; cursor: pointer; }
.name-navM-mobile { display: none; position: absolute; top: 0; left: 10px; color: #fff; text-transform: uppercase; font-size: 20px; padding-top: 5px; width:100%; cursor:pointer; line-height:31px; height: 35px; width: 45px}
.navM-click i { display: block; height: 40px; width: 40px; background: url(/userfiles/images/graphics/drop.png) no-repeat center center }
.navM-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
/*--------- /HEADER--------*/
/******************************************************************************/
/************************** Container ********************************/
/******************************************************************************/
.colLeft { width: 280px; float: left; display: block; position: relative; z-index: 110; }
.colLeft .category { width: 100%; height: auto; display: block; float: left }
.colLeft h3 { display: block; background: #e60512 ; padding: 7px 20px; color: #fff; font-size: 18px; font-family: open_sansregular; font-weight: normal; display: block; position: relative }
/* left_card_inner */
.left_card_inner { float: left; padding: 6%; background: rgba(0, 0, 0, .7); width: 88%; margin-bottom: 10px }
.left_card_inner label { float: left; padding: 0px 0px 0 5px; cursor: pointer; color: #fff; font-size: 13px; width: 88% }
.left_card_inner label:hover { color: #e60512}
.check { float: left; width: 15px; height: 16px; margin: 4px 0 0 -3px; padding: 0 }
.chech_box { float: left; width: 100% }
.chech_box input { cursor: pointer; float: left; width: 15px }
/*=========end coloLeft=========*/
/*========colright==============*/
.info_omoss { display: block; min-height: 430px; padding: 20px 2% 20px; background: #fff; width: 95.8%; overflow: hidden; margin-bottom: 20px }
.info_omoss ol{margin-left:0}
.colRight { float: right; position: relative; z-index: 0; width: 880px }
.colRight h2 { background:#e60512 ; font-size: 18px; padding: 7px 2.5%; color: #fff; font-family: open_sansregular; font-weight: normal; margin-bottom: 10px; /*width: 95%;*/}
/*=========product=========*/
.products { position: relative; z-index: 0; width:100%;float:left}
.products .descriptionCate img{max-width:100%;height:auto!important}
.products ul { list-style: none; padding: 0; margin: 0 }
.products ul li { display: inline-block; padding: 0 0 10px; float: left; width: 32.5%; margin: 0 10px 10px 0px; max-width: 100%; background: #fff;position:relative; }
.products ul li:nth-child(3n) { margin-right: 0 }
.products ul li:nth-child(3n+1) { clear: both; }
.products ul li.last + li { clear: both; }
.products ul li.last { margin-right: 0 }
.content_products { float: left; width: 100%; background: #fff }
.content_products2 { float: left; width: 100%; background: #fff; padding-bottom: 34px }
.img_content { float: left; width: 88%; text-align: center; padding: 6% 6% 10px }
.img_content img { opacity: 1; }
.img_content img:hover { opacity: 0.7 }
.img_content a { float: left; height: auto; margin: 0; padding: 0; text-align: center; vertical-align: middle; width:100%;}
.img_content a img{ /*float:left;*/border: 1px solid #cfe1ea!important;}
/*.price_product { line-height: 24px; font-size: 24px; color: #383838 !important; position: absolute; bottom: 0; left: 8%; font-family: playballregular; width: 50% !important; padding: 3% 0; bottom: 0; float: none; margin: 0 !important; text-align: left }*/
.price_product {line-height: 24px; font-size: 24px;overflow: hidden;color: #383838 !important;width: auto; bottom: 0; text-align: left;display: inline-block;font-family: playballregular; }
.text_infor { margin: 0; position: relative; width: 84%; padding: 0 8% 50px 8%; float: left }
.text_infor h4 { font-size: 12px; color: #213c50; font-family: open_sansbold; font-weight: normal; text-transform: uppercase; margin-bottom: 10px }
.text_infor h4 a{color:#000}
.text_infor p { margin: 0px 0 10px 0px; float: left; width: 100%; }
.text_infor .btnLesmer { background: #706262; width: 70px; padding: 5px; text-align: center; color: #fff; margin: auto; font-size: 12px; -moz-transition: all 0.3s ease 0s; /*position: absolute;*/font-family: open_sansbold; text-transform: uppercase }
.ie7 .text_infor .btnLesmer { bottom: 5px }
.text_infor .btnLesmer:hover { text-decoration: none; color: #fff; background: #000 }
.btnLesmerPopup {display: inline-block; float:left;}
.btnLesmerPopup:hover { text-decoration: none; color: #006ca3;}
.btnLesmerPopupDisable { background: none repeat scroll 0 0 #706262 ;color: #dedede !important;cursor: not-allowed;display: inline-block;float: left;font-family: open_sansbold;font-size: 12px;font-weight: bold;margin: auto;padding: 5px;text-align: center;text-transform: uppercase;transition: all 0.3s ease 0s;width: 70px;}
.btnLesmerPopupDisable:hover {text-decoration:none;}
.btnLesmerDetail {float: right;font-family: Verdana,Geneva,sans-serif;font-size: 12px;font-style: italic;height: 28px;padding: 5px 0 ;}
.btnLesmerDetail:hover {color:#000;text-decoration:none;}
/*=========end products=========*/
.out_bottom { position: relative; margin-bottom: 10px }
/* nav */
.contentNav { width: 96%; padding: 30px 2% 1%; background: #fff; border: 1px solid #dbdbdb; margin: auto; font-family: open_sansregular }
/* nav */
.navF { position: relative; display: inline-block; width: 100%; margin-bottom: 0; font-family: open_sansregular }
.navF-list { text-align: left; list-style: none; padding: 0; margin: 0 }
.navF-item { float: left; *display:inline;
zoom: 1; position: relative; margin: 0; width: 16.66% }
.navF-item a { display: block; color: #e60512; font-size: 14px; padding: 0px 0px 20px; text-transform: uppercase; -moz-transition: all 0.3s ease 0s;}
.navF-item > a:hover, .navF-item a.active { text-decoration: none }
.navF-item:hover .navF-submenu { display: block; }
.contentNav .last { width: 183px }
/* navFigation submenu */
.navF-submenu { display: block; position: relative; left: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.navF-submenu-item { position: relative; margin-bottom: 10px }
.navF-submenu-item a.email { color: #e60512; white-space: pre-line !important; display: block }
.navF-submenu-item a.email:hover{color: #6f7a83}
.navF-submenu-item a { display: block; text-align: left; text-transform: none; padding: 0; color: #6f6f6f; font-size: 13px; cursor: pointer; font-weight: normal }
.navF-item:hover a { background: none }
.navF-submenu-item a:hover, .navF-submenu-item a.active { background: none; text-decoration: none; color: #e60512 }
.navF-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.navF-submenu-item:hover .navF-submenu2 { display: block }
.navF-submenu-item2 a { background: none; display: block; padding: 15px; text-align: left }
.navF-submenu-item2 a:hover, .navF-submenu-item2 a.active { background: none; text-decoration: none; color: #212121 }
.navF-mobile { display: none; cursor: pointer; position: absolute; top: 2px; right: 0; background: #152561 url(/userfiles/images/graphics/navF.png) no-repeat center center; background-size: 18px; height: 47px; width: 40px; }
.navF-click { position: absolute; top: 1px; right: 0; display: block; height: 35px; width: 40px; cursor: pointer; }
.name2 { display: none; position: absolute; top: 0; left: 20px; color: #FFF; font-family: oswaldbold; text-transform: uppercase; text-shadow: 0 0 1px #3D3D3B; font-size: 20px; padding-top: 10px }
.navF-click i { display: block; height: 40px; width: 40px; background: url(/userfiles/images/graphics/drop.png) no-repeat center center }
.navF-click:hover { text-decoration: none }
.navF-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
footer { margin: 0 auto; position: relative; color: #fff; z-index: 100; overflow: hidden }
.contentF { max-width: 1172px; margin: auto; background: #706262 ; position: relative; height: 43px; font-size: 13px; color: #fff; font-family: open_sansregular }
.link { float: right; width: 258px; display: block; position: relative; padding-top: 8px; height: 32px }
.link ul { height: 27px; padding: 0; list-style: none; padding: 0; margin: 0 40px 0 0 }
.link li a { display: block }
.link a img { opacity: 1 }
.link a img:hover { opacity: 0.6 }
.link li { float: left; line-height: 18px; padding:0 5px; }
.link li.first { margin-right: 4px }
footer .design_by { padding-left: 2%; width: 40%; float: left; font-size: 12px; padding-top: 11px }
footer .design_by a { color: #fff; text-decoration: underline }
footer .design_by a:hover { color: #e60512; text-decoration: underline }
footer .design_by span { color: #5cab00 }
footer .design_by p.text_footer { float: left; line-height: 22px; margin-bottom: 0px }
/* payment */
.payment { float: right; margin: 30px 0 0px 0px; display: block; width: 271px }
.payment a { float: left }
.payment a img:hover { opacity: 0.8 }
.payment a.last { margin-right: 0 }
#back-top { top: 0; content: ""; display: block; height: 43px; margin-bottom: 0; position: absolute; right: 0; width: 47px; z-index: 3; }
#back-top a { background: none repeat scroll 0 0 #e60512; display: block; }
#back-top span { background: url(/userfiles/images/graphics/up-arrow.png) no-repeat scroll center center transparent; display: block; height: 43px; margin-bottom: 7px; width: 47px; }
#back-top a:hover { background-color: #89ab01 }
/*------ /footer ------*/
/*iframe facebook*/
.linkFace { float: left; width: 100%;margin-bottom:6px; }
.linkFace > iframe {background:#fff}
.linkFace img { width: 100% }
.linkFace > iframe {width: 100% !important;}
.colLeft > iframe{width:100%;min-height:230px;}
.ValidAddToCart {float: left;padding-right: 4px;}
/* ============== SHOW PRICE ================= */
#product-banner{float:right;width:100%;margin-bottom:10px;}
#nav .active-1, #nav .active2 {
color: #e60512;
background:#f0eeee;
}
.listPrice
{
float: left;
width: 100%;
font-size:24px;
line-height:24px;
/*font-weight: bold;*/
font-family:playballregular;
position:relative;
}
.specialPrice
{
float: left;
font-size:24px;
line-height:24px;
width: 100%;
font-family:playballregular;
/*color:#383838!important;*/
}
.ori-price
{
display: block;
font-size: 15px;
color:#899AA3;
line-height: 15px;
text-decoration: line-through;
width: 100%;
font-family:playballregular;
}
.originalPrice
{
display: block;
color:#899AA3!important;
text-decoration: line-through;
font-size: 15px;
line-height: 15px;
width: 100%;
font-family:playballregular;
text-align:left;
}
/* ============== END ================= */
/*countdown*/
.countdownDetail {
font-size: 12px;
text-align:left;
font-weight:bold;
float:left;
/*font-family:playballregular;*/
}
.countdownValueDetail {
font-size: 14px;
}
.countdown {
font-size: 12px;
/*font-family:Verdana,Geneva,sans-serif;*/
}
.countdownValue {
font-size: 14px;
}
.coutdownminheight{/*margin-bottom:10px;border-bottom:1px dashed #c8c2bb;*/font-weight:bold;}
.slider1 .slide{text-align:center}
.slider1 .slide .text_infor .btnLesmer{background:#F37058;color:#fff}
.slider1 .slide .text_infor .btnLesmer:hover{background:#99857A;}
/**----------- End style --------------**/
.nyhetesbrev > iframe {width:100%;min-height:160px;}
.content .iFrameBaner{width:100%;height:120px;}
.detail_view{margin-bottom:0}
.label_validation.NoProductAvailable{/*color:#FFFFFF;*/display:block;background:#fff;padding:20px 2%}
/*fix common responsive*/
@media only screen and (max-width:340px) {
.variantName-grid{margin-bottom:15px!important;}
.left_card_inner label {width:80%;}
}
#boxscroll {width: 100%; overflow-y:none; margin-bottom: 10px; z-index:10000;overflow-y:hidden;color:#000;}
#boxscroll .mini-cart-info .namep{width:35%}
#boxscroll .mini-cart-info .total{width:25%}
.nicescroll-rails{ opacity:1; display:block; overflow-x:none; cursor:pointer !important;z-index:9999 !important}
.nicescroll-rails div{background-color:#a8a8a8!important}
#ascrail2000-hr, #ascrail2000{ display:block; z-index:9999!important}
#ascrail2000-hr { display:none!important;}
.mini-cart-info, .mini-cart-total,.checkout {width:95%;}
.productName { padding:0 2px;}
.span_status{display:none;float:left}
.span_price{display:inline-block;float:left;}
.price_product {min-height:38px;}
.product_name{min-height:37px;}
h1 a{background:url("/userfiles/images/graphics/arrowBreadCumb.png") no-repeat scroll right 3px rgba(0, 0, 0, 0);padding-right:15px;color:#000;text-transform:none}
h1 a:hover{color:#006ca3;text-decoration:none;}
h1 span {text-transform:none;}
/*****************/
/*********fix image resize***************/
@media screen and (max-width: 1300px) {
.products .descriptionCate img{max-width:800px;height:auto!important}
}
@media screen and (max-width: 1200px) {
.products .descriptionCate img{max-width:750px;height:auto!important}
}
@media screen and (max-width: 1100px) {
.products .descriptionCate img{max-width:700px;height:auto!important}
}
@media screen and (max-width: 1000px) {
.products .descriptionCate img{max-width:600px;height:auto!important}
}
@media screen and (max-width: 900px) {
.products .descriptionCate img{max-width:500px;height:auto!important}
}
@media screen and (max-width: 700px) {
.products .descriptionCate img{max-width:400px;height:auto!important}
}
@media screen and (max-width: 500px) {
.products .descriptionCate img{max-width:300px;height:auto!important}
}
@media screen and (max-width: 400px) {
.products .descriptionCate img{max-width:200px;height:auto!important}
}
/*****************/
.slide-page {
float: right;
margin: 0;
padding-bottom: 10px;
text-align: right;
width: 100%;
color:#fff;
}
.currentPage{color:#fff;text-decoration:underline}
.slide-page a{color:#fff}
.slide-page a:hover{color:#fff;}
#bottomProductPage {
float: left;
padding: 0px 0 10px !important;
text-align: right;
width: 100%;
color:#fff;
}
#bottomProductPage a{color:#fff}
#bottomProductPage a:hover{color:#fff;}