@font-face {
    font-family: 'OpenSansRegular';
    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'),
    url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {overflow: -moz-scrollbars-vertical; margin:0; padding:0;}
body {background:#dcdbdb; color:#222; font-family: 'OpenSansRegular'; margin: 0px; padding: 0px; line-height:18px; background-image: none}
body, td, th, input, textarea, select, a {font-size:12px;}
* { margin:0; padding:0; }
#container h1 {color: #222; margin-bottom:18px; font-size:35px; line-height:normal; font-weight: normal; text-rendering:optimizelegibility;}
#container h2 {color: #222; font-size:15px; margin-top: 0px; margin-bottom:15px; line-height:normal; padding:5px 0px; border-bottom:2px solid #ddd; text-transform: uppercase; font-weight:normal; }
p {margin-top:0px; margin-bottom: 20px; line-height:20px;}
a, a b {color:#3e7cb4; text-decoration: none; cursor: pointer;}
a:hover, a b:hover {text-decoration:none; color:#000;}
a img {border:none;}
.clear{clear:both;}
form {padding:0; margin:0; display:inline;}
input[type='text'], input[type='password'], textarea {background:#fff; border:1px solid #ccc; padding:8px 8px; margin-left: 0px; margin-right: 0px; font-size:13px; font-family:'OpenSansRegular'; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width:80%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
input[type='text']:focus, input[type='password']:focus, textarea:focus {border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
select {background:#fff; border: 1px solid #ccc; padding:8px 2px; font-size:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
textarea{line-height:20px;}
select:focus{border:1px solid #bbb; box-shadow:0 0 6px #d3d2d2;}
label {cursor: pointer;}


/********** layout **********/
.wrapper-box{max-width:1220px; margin:0px auto; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.wrapper-wide{max-width:100%; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.08);}

.main-wrapper{max-width:1170px; margin:0px auto; padding:0 25px;}

#container{text-align:left; margin:0 auto;}
#column-left { float:left; width:220px; padding:0px 20px 0 0px;}
#column-right { float: right; width:220px; padding:0px 0px 0 20px;}
#content { min-height: 400px; padding:0px 0px 20px 0px; }
#content:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#column-left + #column-right + #content, #column-left + #content { margin-left:250px; }
#column-right + #content { margin-right:250px; }


/********** header **********/
#header {position: relative; padding:0px;}
#header:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .htop:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#header .header-row{position:relative; margin:0 auto; padding:35px 0;}
#header #logo {float:left; margin:0px; }
#header #logo a img{display:block;}

.left-top{float:left;}
/********** Language & Currency **********/
#language, #currency{float:left; margin:0 0px; border-left:1px dotted #5b9ad4; cursor:default; color:#fff; text-decoration:none; text-transform:capitalize; position:relative;line-height:35px;}
#language span a, #currency span a{color:#fff;}
#language ul, #currency ul{display:none; position:absolute; top:35px; left:0; background:#fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); z-index:1013; padding:10px; }
#language ul li, #currency ul li{ display:block; width:120px; line-height:18px; padding:4px 0;}
#language ul li a, #currency ul li a{display:block; color:#333;}
#language ul li a b, #currency ul li a b{cursor:default; display:block; color:#333;}
#language ul li a:hover, #currency ul li a:hover{color:#3e7cb4;}

#language:hover > span:after, #currency:hover > span:after, #header .links > div.wrap_custom_block:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent  transparent #fff transparent; position:absolute;  border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px;}
#language span b, #currency span b, #header .links > div.wrap_custom_block > a b{clear:both; content:' '; display:inline-block; width:0; height:0; border-style:solid; border-color:#fff transparent  transparent transparent; border-width:4px 5px 0px 5px; margin:0 0 1px 0;}
#language span, #currency span{ position:relative; display:block;  padding:0 10px 0 10px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#language img {cursor: pointer; margin-right:5px;}

/********** Top Links **********/
#header .links { position: relative; float:left; line-height:35px; border-right:1px dotted #7b97b2;}
#header .links > a, #header .links .wrap_custom_block > a {float:left; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4; text-decoration: none; font-size:12px; position:relative;}

#header .links > div.wrap_custom_block{float:left; position:relative;}
#header .links > div.wrap_custom_block > div { display: none; background:#fff; position:absolute; z-index:1015; top:35px; padding:10px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3);}
#header .links > div.wrap_custom_block > a b{margin-left:3px;}
#header .links > div.wrap_custom_block > a:hover{text-decoration:none;}
#header .links > div.wrap_custom_block > div ul li{list-style-type:none;}


#header #welcome {color:#fff; float:right; line-height:35px; border-right:1px dotted #7b97b2;}
#header #welcome a {color:#fff; text-transform:capitalize; display: inline-block; padding:0px 10px; color: #fff; border-left:1px dotted #5b9ad4;}

#header .links a:hover, #header #welcome a:hover{text-decoration:underline;}

.wrapper-box #language{border-left:none;}
.wrapper-box #header #welcome{border-right:none;}
.wrapper-box .htop .main-wrapper{max-width:1220px; padding:0;}

/********** Mini Cart  ***********/
#header #cart { position:absolute; right:335px; top:50%; margin-top:-16px;}
#header #cart .heading {padding:0 0px 0px 0px; position:relative;}
#header #cart .heading h4 {float:left; background:#3e7cb4; width:32px; height:32px; position:relative;}
#header #cart .heading a { text-decoration: none; font-size:14px; height:32px; color:#444; display:inline-block; background:#fff; position:relative; padding:0;}
#header #cart .heading a span {display:inline-block; line-height:32px;}
#header #cart.active .heading a span:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent  transparent #3e7cb4 transparent; position:absolute;  border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1012;}

#header #cart .content { clear: both; display:none; position:absolute; padding:8px; min-height:80px; z-index:1011; background: #FFF; border-top:3px solid #3e7cb4; width:350px; right:0; top:32px; 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);}
#header #cart.active .heading a{color:#000;}
#header #cart.active .content { display: block; }

.mini-cart-info{
    max-height:400px !important;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
}
.mini-cart-info table { border-collapse: collapse; width: 100%; margin-bottom: 5px; }
.mini-cart-info td {color: #000; padding: 10px 5px; border-bottom: 1px solid #EEEEEE; }
.mini-cart-info .image { width: 1px; }
.mini-cart-info .image img { text-align: left; }
.mini-cart-info .name small { color: #666; }
.mini-cart-info .quantity { text-align: right; }
.mini-cart-info td.total { text-align: right; }
.mini-cart-info .remove { text-align: right; }
.mini-cart-info .remove img { cursor: pointer; background:#e9e9e9; padding:3px; border-radius:50%;}
.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; font-size:13px;}
.mini-cart-total td b{padding-right:10px;}
#header #cart .checkout {text-align: right; clear: both; line-height:normal; margin:0 -8px -8px; padding:15px 8px; background:#f5f5f5; border-top:1px solid #EEEEEE;}
#header #cart .empty { padding-top:25px; text-align: center; text-transform:capitalize;}

/********** Search Bar **********/
#header #search { position:absolute; display:inline-block; margin-top:-18px; right:0; top:50%;z-index: 9999;}
#header .button-search { background:url('../image/button-search.png') center center no-repeat; width:38px; height:38px ;position:absolute; right:0; cursor:pointer; float:right;}
#header #search input {background:#FFF; padding:0 10px; width:300px; height:36px; line-height:36px; font-size:13px; color:#333; outline:none; display:block;}

/*style 2*/
#header.style2 #logo{width:450px; text-align:center; position:relative; left:50%; margin-left:-225px;}
#header.style2 #logo a img{display:inline-block; max-width:450px;}
#header.style2 #cart{left:0; right:auto;}
#header.style2 #cart .content{left:0; right:auto;}

#header.style2 #search input{width:150px;}
#header.style2 #search input:focus{width:300px;}

/*style 3*/
#header.style3 #cart{right:0;}
#header.style3 #search{margin-left:-160px; left:50%; right:auto;}

#content #filter_name{width:auto;}
/********** Menu **********/
#menu > span{display:none; }
#menu {margin:0px 0px 15px 0; padding:0px; border-bottom:3px solid #d6d6d6; border-top:1px solid #d6d6d6;}
#menu:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#menu ul { list-style:none; margin:0; padding:0;}
#menu > ul > li { position:relative; float:left; height:40px; padding:0px; }
#menu > ul > li > a { font-size:16px; color: #555; line-height:40px; text-decoration: none; display: block; padding:0px 10px 0px 10px; z-index: 1009; position: relative;}
#menu > ul > li:hover > a {color:#3e7cb4;}
#menu > ul > li > div { display: none; background:#fff; position:absolute; z-index:1010; padding:5px 0 0; border-top:3px solid #3e7cb4; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
/*#menu > ul > li:hover > div.custom_block{display:table;}*/
#menu > ul > li:hover > div.custom_block ul{display:table-cell;}

/*#menu > ul > li:hover > div { display: table;}*/
#menu > ul > li > div > ul { display: table-cell; }



#menu > ul > li.categories_hor > div { display:none; background:#fff; min-width:895px; position:absolute; z-index:1008; padding:10px 10px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
#menu > ul > li.sub:hover > a:after{clear:both; content:' '; display:block; width:0; height:0; border-style:solid; border-color:transparent  transparent #3e7cb4 transparent; position:absolute; border-width:0px 7px 6px 7px; bottom:0px; left:50%; margin:0 0 0 -5px; z-index:1009;}

#menu > ul > li.categories_hor > div > .column a span, #menu > ul > li.categories > div > .column a span, #menu > ul > li > div > ul li a span{float:right; font-size:18px; line-height:13px;}

/*#menu > ul > li:hover > div {display: block;}*/
#menu > ul > li.categories_hor > div > .column {position:relative; display:inline-block; width:160px; margin:0 15px 15px 0px;}
#menu > ul > li > div > ul{position:relative; width:160px;}

#menu > ul > li.categories_hor > div > .column > a{font-weight:bold; font-size:13px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#menu > ul > li.categories_hor > div > .column a, #menu > ul > li > div > ul li a{padding:4px 0; display:block; }
#menu > ul > li > div > ul li a{font-size:12px;}
#menu > ul > li.categories_hor > div > .column:hover > a{color:#3e7cb4;}
#menu > ul > li.categories_hor > div > .column > div{display:block;}
/*#menu > ul > li.categories_hor > div > .column:hover div{display:table; }*/
#menu > ul > li.categories_hor > div > .column > div ul{display:table; padding:0;}
#menu > ul > li.categories_hor > div > .column > div ul li + li{}

#menu > ul > li ul + ul { padding-left: 20px; }
#menu > ul > li ul > li > a {text-decoration:none; padding:4px; display:block; min-width: 160px;}
#menu > ul > li div > ul > li > a {color:#222;}
#menu > ul > li div > ul > li:hover > a {color:#3e7cb4;}

#menu > ul > li.categories > div { display: none; background:#fff; min-width:180px; position:absolute; z-index:1008; padding:5px 0 0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
/*#menu > ul > li:hover > div {display: block;}*/
#menu > ul > li.categories > div > .column, #menu > ul > li > div > ul{position:relative;}
#menu > ul > li.categories > div > .column + .column, #menu > ul > li > div > ul li + li{border-top:1px solid #eee;}
#menu > ul > li.categories > div > .column > a, #menu > ul > li div > ul > li > a{font-size:13px; padding:7px 10px; display:block; color:#444;}

#menu > ul > li.categories > div > .column:hover > a, #menu > ul > li > div > ul li:hover a{color:#3e7cb4;}
#menu > ul > li.categories > div > .column > div{display:none; position:absolute; background:#fff; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); z-index:1010; left:165px; top:0; padding:0; border-top:3px solid #3e7cb4;}



#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}

.submenu {background:#fff; position:absolute; z-index:1008; padding:0px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); min-width:160px; display:none; border-top:3px solid #3e7cb4; left:165px; margin-top:-32px;}
#menu > ul > li.categories_hor > div .submenu{background:#fff; position:absolute; z-index:1008; padding:3px 0; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4); margin-top:-23px; left:155px; min-width:160px; display:none; border-top:3px solid #3e7cb4;}
#menu > ul > li.categories_hor > div .submenu ul li a{padding:4px 10px;}



.menu_brands > div{padding-bottom:0px!important;}
.menu_brands > div.brands_logo6{width:436px;}
.menu_brands > div.brands_logo8{width:582px;}
.menu_brands > div.brands_logo10{width:728px;}
.menu_brands > div > div{display:inline-block; width:70px; text-align:center; margin-bottom:10px; vertical-align:top;}
.menu_brands > div > div a{display:inline-block; line-height:16px;}
.menu_brands > div > div a img{display:block;}

.custom_block p{line-height:18px; margin:0;}
.custom_block a{display:inline-block;}
.custom_block {line-height:normal;}


.breadcrumb{color:#c2c2c2; margin-bottom: 10px;}
.breadcrumb a{color:#999; font-size:11px;}
.breadcrumb a:hover{color:#2f4a90; text-decoration:underline; }
.success, .warning, .attention, .information {padding:10px 10px 10px 33px; margin-bottom:15px; color:#555555;}
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; color:#333;}
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; color:#333;}
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; color:#333;}
.attention a:hover, .success a:hover, .warning a:hover{color:#333; text-decoration:underline;}
.success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border:2px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border:2px solid #F8ACAC; }
.attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border:2px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding:5px; cursor: pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff;}
.success .close{border:1px solid #BBDF8D;}
.warning .close{border:1px solid #F8ACAC;}
.attention .close{border:1px solid #F2DD8C;}



.required { color: #FF0000; font-weight: bold; }
.error { display: block; color: #FF0000; }
.help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; }
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.form tr td:first-child { width: 150px; }
table.form > * > * > td { color: #333; }
table.form td { padding:8px 4px; }
input.large-field, select.large-field { width: 300px; }
table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
table.list thead td { background-color: #EFEFEF; padding: 0px 5px; }
table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; }
table.list tbody td { vertical-align: top; padding: 0px 5px; }
table.list .left { text-align: left; padding: 7px; }
table.list .right { text-align: right; padding: 7px; }
table.list .center { text-align: center; padding: 7px; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td { padding: 5px; vertical-align: top; }
table.radio td label { display: block; }
table.radio tr td:first-child { width: 1px; }
table.radio tr td:first-child input { margin-top: 1px; }
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; }

/*********** Pagination ***********/
.pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px; }
.pagination .links { float: left; }
.pagination .links a { vertical-align:middle; display: inline-block; border: 1px solid #EEEEEE; margin-right:4px; padding: 4px 10px; text-decoration: none; color: #555; }
.pagination .links b {vertical-align:middle; display: inline-block; border: 1px solid #3e7cb4; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #fff; background: #3e7cb4; margin-right:4px;}
.pagination .links a:hover { color:#000; background:#EEEEEE; }
.pagination .results { float: right; padding-top: 3px; }

/*********** button ***********/
a.button, .button {background-color:#f6a929; color:#ffffff; border:0px none; text-transform:uppercase; cursor:pointer; color:#fff; font-size:15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a.button { display: inline-block; text-decoration: none; padding:8px 16px;}
.button { margin:0; padding:8px 16px;}
a.button:hover, .button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }

.htabs {height:30px; line-height: 16px; padding-left:10px; border-bottom:2px solid #ddd; }
.htabs a {padding:7px 15px 6px 15px; float:left; font-size: 13px; font-weight: normal; text-align: center; text-decoration:none; color:#333; display:none;}
.htabs a.selected {color:#111; padding-bottom:7px; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;}
.tab-content{padding:15px 15px 10px; margin-bottom: 20px; z-index:2; border:2px solid #ddd; border-top:0px; }
#tab-description ul {margin-left:20px; margin-bottom:15px;}

.tab-sub{position:absolute; right:70px; top:-46px; border:none; padding:0; height:25px; line-height:25px;}
.tab-sub a{padding:0px 7px; font-size:12px;}
.tab-sub a.selected{padding:0px 10px; position:relative; border-width:2px; line-height:24px;}
.tab-sub a.selected:hover{text-decoration:none; cursor:default;}
.tab-sub a:hover{text-decoration:underline; color:#004B91;}


.category .tabs{position:absolute; right:70px; top:-46px; height:25px; line-height:25px;}
.category .tabs li{float:left; list-style-type:none;}
.category .tabs li a{padding:0px 7px; font-size:12px; display:inline-block; color:#333;}
.category .tabs li.active a{position:relative; line-height:24px; color:#111; background:#FFFFFF; border-top: 2px solid #ddd; border-left:2px solid #ddd; border-right:2px solid #ddd; font-weight: bold;}
.category .tabs li.active a:hover{text-decoration:none; cursor:default;}
.category .tabs li a:hover{text-decoration:underline; color:#004B91;}


.product-tab{margin-bottom:20px;}
.product-tab .tabs{height:30px; line-height:15px; padding-left:10px; border-bottom:2px solid #ddd; margin-bottom:20px;}
.product-tab .tabs li{float:left; list-style-type:none;}
.product-tab .tabs li a{padding:7px 15px 6px 15px; float:left; font-size:18px; font-weight: normal; text-align: center; text-decoration: none; color: #222; margin-right: 2px; opacity:0.7; border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #fff;}
.product-tab .tabs li.active a{opacity:1; padding-bottom:8px; background: #FFFFFF; border-top:2px solid #ddd; border-left: 2px solid #ddd; border-right:2px solid #ddd;}
.product-tab .deactive, .category .deactive {display:none;}
.addthis_default_style > a{padding:0}

/*********** box ***********/
.box { margin-bottom: 20px; }
.box .box-heading, .welcome{position:relative; padding:0px 0px 2px 0px; margin-bottom:20px; height:30px; line-height:30px; font-size:20px; color:#000000; border-bottom:2px solid #ddd;}
.box .box-content { padding:0px; position:relative;}
.box .box-heading a:hover{text-decoration:underline;}

/*********** box products ***********/
.box-product { width: 100%; }
.box-product > .flexslider ul li{vertical-align: top; background:#fff; text-align:center; width:210px;}
.box-product > .flexslider ul.slides{display:inline-block;}
.box-product > .flexslider ul li .slide-inner{padding:10px; position: relative; text-align: center; border:1px solid #D5CDCD;}
.box-product > .flexslider ul li .slide-inner:hover{border:1px solid #E0E0E0; box-shadow:0px 0px 5px #ccc inset;}
.box-product .image { display: block; margin-bottom:5px; }
.box-product .image a { display:block; }
.box-product .image img { padding:0px; }
.box-product .name a {font-size:13px; line-height:18px; text-decoration: none; display:block; margin:0 auto; padding:0px; color:#333;}
.box-product .name a:hover {text-decoration:underline;}

.box-product .price { display: block; font-weight: bold; margin:5px 0; padding:0 8px; color:#3e7cb4; font-size:13px;}
.box-product .price-old { color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.box-product .price-new { font-weight: bold; }
.saving {background:#F00; border-radius: 100% 100% 100% 100%; color: #FFFFFF; display: block; font-size: 15px; font-weight: normal; height: 40px; line-height: 40px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px;}

.box-product .rating { display: block; }
.box-product > .flexslider ul li .cart input, .box-product > .flexslider ul li .cart a{padding:4px 8px; margin-top: 5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.box-product > .flexslider ul li .rating img{ width:auto; display:inline;}

.box-product > .flexslider.style1 ul li .name a{margin:0 0 10px 0;}
.box-product > .flexslider.style1 ul li .name{text-align:left}
.box-product > .flexslider.style1 ul li .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.box-product > .flexslider.style1 ul li .rating{float:left;}
.box-product > .flexslider.style1 ul li .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.box-product > .flexslider.style1 ul li:hover .rating{display:block;}

.box-product > .flexslider.style1 ul li .cart{float:right; }
.box-product > .flexslider.style1 ul li .cart input, .box-product > .flexslider.style1 ul li .cart a{font-size:11px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center center no-repeat; width:35px; height:35px; border-radius:50%;}
.box-product > .flexslider.style1 ul li .cart input:hover, .box-product > .flexslider.style1 ul li .cart a:hover{background-color:#444; border-radius:50% 0%; }
.box-product > .flexslider.style1 ul li .slide-inner{background:#f3f3f4; padding:5px; margin:0 5px; border:0px none;}
.box-product > .flexslider.style1 ul li .slide-inner:hover{border:0px none; box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.1) inset;}

.hover-options .wish, .hover-options .compare {display:inline-block;}

/********** Comented for Right Part Start*******/
.box-product > .flexslider ul li{display:block;}
.box-product > .flexslider ul li .slide-inner{padding:0; padding:10px; }

#column-left .box-product > .flexslider ul li .slide-inner, #column-right .box-product > .flexslider ul li .slide-inner{padding:0px; text-align:left; border:0px none;}
#column-left .box-product .flexslider ul li, #column-right .box-product .flexslider ul li{padding-bottom:8px;}
#column-left .box-product .flexslider ul li + li, #column-right .box-product .flexslider ul li + li {border-top:1px dotted #ccc; padding-top:8px;}
#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:220px;}
#column-left .box-product .image, #column-right .box-product .image { float:left; margin-right:8px;}
#column-left .box-product .name, #column-right .box-product .name { margin-bottom:2px; text-align:left; }
#column-left .box-product .name a, #column-right .box-product .name a { padding:0 0 0 0px; width:auto; font-size:12px; line-height:15px;}
#column-left .box-product .price, #column-right .box-product .price {padding:0; margin:0px 0 2px 0; font-size:12px;}
#column-left .cart, #column-right .cart, #column-left .box-product .saving, #column-right .box-product .saving { display:none; }
#column-left .box-product .rating, #column-right .box-product .rating {margin-top:0px; }
#column-left .box-product > .flexslider ul li .slide-inner:hover, #column-right .box-product > .flexslider ul li .slide-inner:hover{border:0px none; box-shadow:none;}
#column-left .box-product .flexslider, #column-right .box-product .flexslider{margin-bottom:0px;}
#column-left .box-category > ul, #column-left > .list-item, #column-right .box-category > ul, #column-right > .list-item{margin-top:-10px;}
/********** Comented for Right Part End*******/


/*********** Category boxes ***********/
.box-category ul, .list-item { list-style: none; margin: 0; padding: 0; }
.box-category > ul > li, .list-item > li {display: block; position: relative; }
.box-category .down { top:2px; right: 0; position: absolute; cursor: pointer; width:16px; height:24px; background: transparent url(../image/plus.png) 0px 4px no-repeat; opacity: 0.6; -moz-opacity: 0.6; }
.box-category .down:hover { opacity: 1; -moz-opacity: 1;}
.box-category ul li a, .list-item li a {padding:5px 0px 5px 12px; color:#222; display: block; background: transparent url(../image/bullet-dark.png) 0px 10px no-repeat;}
.box-category ul li.double a { display: inline-block; margin: 0; }
#column-right .list-item, #column-left .list-item{margin-top:-10px;}
.box-category ul li {position: relative; }
.box-category ul li ul li + li{border-top:1px dotted #ccc;}
.box-category > ul > li a.active + .down { background-position: 0px -12px; }
.box-category > ul > li > a { color: #333; text-transform: uppercase; }
.box-category > ul > li ul { display: none; padding-left: 10px; margin-bottom:5px;}
.box-category > ul > li a.active { font-weight: bold; }
.box-category > ul > li > a.active { margin-bottom:5px; }
.box-category > ul > li a.active + ul { display: block; }
.box-category a:hover, .list-item a:hover {text-decoration:underline; color:#3e7cb4; }
.box-category > ul > li ul li a { margin-right: 16px; }
.box-category > ul > li ul li a:hover, .list-item a:hover { margin-right: 16px;}
.box-category > ul > li ul > li > a { text-decoration: none; }

/*********** Filter ***********/
.box-filter > li > span{font-size:14px; font-weight:bold; margin-bottom:10px; display:block; color:#444;}
.box-filter > li > ul{margin-bottom:15px;}
.box-filter > li > ul li {margin-bottom:5px;}
.box-filter > li > ul li label{margin-left:5px;}
#button-filter{font-family: Arial,Helvetica,sans-serif; font-size:12px; height:auto; line-height: normal; padding: 5px 7px; text-transform: uppercase;}



/*********** sitemap ***********/
.sitemap{list-style: none; margin: 0; padding: 0; }
.sitemap > li{border-top:1px solid #eee; display:block; position:relative; font-weight:bold; color:#555;}
.sitemap > li:first-child{border-top:0;}
.sitemap li a{color:#555; padding:5px 8px 5px 0px; display:block; font-weight:bold;}
.sitemap li ul{margin-left:30px; }
.sitemap li ul li a{font-weight:normal;}
.sitemap li a:hover{color:#3e7cb4; text-decoration:underline;}

/*********** content ***********/
#content .content {padding:10px; overflow: auto; margin-bottom: 20px; }
#content .content .left { float: left; width: 49%; }
#content .content .right { float: right; width: 49%; }

/*********** category ************/
.category-info { overflow: auto; margin-bottom: 20px; }
.category-info .image { float: left; padding:0px; margin-right: 15px; }
.category-list { overflow: auto; margin-bottom: 20px; }

.category-list > div {text-align: center; margin:0 5px; min-height:130px;	max-width: 100px; display:inline-block; vertical-align:top; margin-bottom:10px;}
.category-list > div img{display:block;}
.category-list ul {	float: left; width:23%; margin-right:12px; list-style: none;}
.category-list .div a {	text-decoration: underline;	font-weight: bold;}


/*********** manufacturer ***********/
.manufacturer-list { overflow: auto; margin-bottom: 20px; }
.manufacturer-heading { border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;}
.manufacturer-content { padding:0px; overflow: auto;  }
.manufacturer-list ul { float:left; width: 25%; margin: 0; padding: 0; list-style: none; margin-bottom: 10px; }

/*********** product ***********/
.product-filter { border:1px solid #EAEAEA; background:#F6F6F6; padding:6px 5px; overflow: auto; line-height:27px; margin-bottom:20px;}
.product-filter .display { margin-right:4px; float: left; color: #333; }
.product-filter .display a { font-weight: bold; }
.product-filter .sort { float: right; color: #333; }
.product-filter .limit { margin-left: 15px; float: right; color: #333; }
.product-filter select{padding:4px; font-size:13px;}
.product-compare {font-weight: bold; float:left; padding-left:10px; border-left:1px solid #EAEAEA; }
.product-compare a { text-decoration: none; font-weight:normal; color: #555;}
.product-compare a:hover{color:#3E7CB4;}
.product-list > div {overflow: auto; position:relative; border:1px solid #fff; padding:20px 10px 20px 10px;}
.product-list > div:hover{border:1px solid #ddd; border:1px solid #E0E0E0; box-shadow:0px 0px 5px #ccc inset;}
.product-list > div + div { border-top: 1px solid #ddd; }
.product-list .image { float: left; margin-right:15px; }
.product-list .name { margin-bottom:8px; }
.product-list .name a { color: #555; font-weight: bold; text-decoration: none; font-size:15px; }
.product-list .name a:hover { color:#3e7cb4; }
.product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; }
.product-list .rating { color: #7B7B7B; margin-top:5px;}
.product-list .price {font-size:14px; font-weight: bold; color:#3e7cb4; }
.product-list .price-old { color: #F00; text-decoration: line-through; font-weight:normal; }
.product-list .price-tax { font-size: 12px; font-weight: normal; color: #aaa; }
.product-list .cart{float:left; margin-right:5px; margin-top:8px;}
.product-list .cart input{margin:0!important;}
.product-list .wishlist, .product-list .compare {float:left; margin-top:8px; padding:3px 6px; display:inline-block;}
.product-list .wishlist a, .product-list .compare a{color: #333333; text-decoration: none; display:inline-block; font-size:10px; text-transform:uppercase; padding-left:20px;}
.product-list .wishlist a{background: url("../image/wishlist.png") 0 0 no-repeat;}
.product-list .compare a {background: url("../image/compare.png") 0 0 no-repeat;}
.product-list .saving{top:25px; left:16px;}


#cloud-zoom-big{background:#fff;}

/*********** Grid-List Icon ***********/
.product-filter .display b { float:left; margin-right:10px;}

.list-icon, .grid-icon, .list1-icon, .grid1-icon{width:17px; height:17px; display:block; text-indent:-9999px; float:left; margin-right:8px; margin-top:5px;}
.list-icon{background:url(../image/list-icon.png) left top no-repeat; }
.grid-icon{background:url(../image/list-icon.png) left -45px no-repeat;}
.list1-icon { background: url(../image/list-icon.png) left -23px no-repeat;}
.grid1-icon { background: url(../image/list-icon.png) left -68px no-repeat;}

/*********** Grid-List Icon ***********/


.product-grid { width: 100%;}
#column-right + #content .product-grid > div, #column-left + #content .product-grid > div{width:282px; height: 390px;}

#column-left + #column-right + #content .product-grid > div{width:199px;}

.product-grid > div {width:170px; display:inline-block; position: relative; height: 360px; text-align:center; vertical-align: top; background:#fff; padding:10px; border:1px solid #D5CDCD; margin-bottom:20px;}
.product-grid > div:hover{border:1px solid #E0E0E0; box-shadow:0px 0px 5px #ccc inset;}
.product-grid .image {display: block; margin-bottom:5px; }
.box-product .image a {display:block; }
.product-grid .image img {padding:0px; height:auto; max-width:100%;}
.product-grid .name a {width:250px; font-size:13px; line-height:18px; text-decoration: none;  margin:0 auto; padding:0px; color:#333;}
.product-grid .name a:hover {text-decoration:underline;}
.product-grid .description {display: none; }
.product-grid .rating {display:block;}
.product-grid .price {display: block; font-weight: bold; margin:5px 0; color:#3e7cb4; font-size:13px;}
.product-grid .price-old {color: #F00; text-decoration: line-through; font-weight:normal; margin-right:5px; font-size:12px;}
.product-grid .price-new { font-weight: bold; }
.product-grid .price .price-tax { display: none; }
/*.product-grid div:hover .cart{float:left;}*/
.product-grid .cart input, .product-list .cart input{padding:4px 8px; margin-top: 5px; margin-right:5px; font-size:11px; height:auto; line-height:normal; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.product-grid .wishlist, .product-grid .compare {display:none; width:28px; height:22px; margin-top:7px; float:left;}
.product-grid div:hover .wishlist{border-right:1px solid #eee;}
.product-grid div:hover .wishlist, .product-grid div:hover .compare{display:inline-block;}
.product-grid .wishlist a, .product-grid .compare a{color:#666; text-decoration:none; font-size:10px; text-transform:uppercase;  text-indent:-99999px; width:28px; height:22px; display:inline-block; opacity:0.6;}
.product-grid .wishlist a{background: url("../image/wishlist.png") center center no-repeat; }
.product-grid .compare a {background: url("../image/compare.png") center center no-repeat;}
.product-grid .wishlist a:hover, .product-grid .compare a:hover, .product-list .wishlist a:hover, .product-list .compare a:hover {color:#3e7cb4; opacity:1;}

.product-grid.style1 .name a{margin:0 0 10px 0;}
.product-grid.style1 .name{text-align:left}
.product-grid.style1 .price{float:left; width:95px; padding:0; margin:0; text-align:left;}
.product-grid.style1 .rating{position:absolute; top:0; right:5px; padding:0 3px; background:#eee; display:none;}
.product-grid.style1 > div:hover .rating{display:block;}
.product-grid.style1 .cart{float:right; }
.product-grid.style1 .cart input{font-size:11px; padding:0 5px; text-indent:-9999px; background:#3e7cb4 url(../image/cart-icon.png) center 2px no-repeat; width:35px; height:35px; border-radius:50%;}
.product-grid.style1 .cart input:hover{background-color:#444; border-radius:50% 0%;}
.product-grid.style1 > div{background:#f3f3f4; padding:5px; margin:0 5px 10px 5px; border:0px none;}
.product-grid.style1 > div:hover{border:0px none; box-shadow:0px 0px 10px  rgba(0, 0, 0, 0.1) inset;}
.product-grid.style1 .wishlist, .product-grid.style1 .compare{position:absolute; display:none; width:100%; bottom:-20px; left:0; background:#eee; padding:0 0 2px 0; z-index:1;}
.product-grid.style1 .compare{bottom:-37px; padding:0 0 4px 0;}
.product-grid.style1 > div:hover .wishlist, .product-grid.style1 > div:hover .compare{display:block}
.product-grid.style1 .wishlist a{margin:0;}

/*********** Product ***********/
.product-info {margin-bottom: 20px;}
.product-info{content:''; display:table; width:100%;}
.product-info > .left {float: left; margin-right: 15px; }
.product-info > .left + .right { margin-left:510px; }
.product-info .image {margin-bottom: 15px; text-align: center; position:relative; border:1px solid #eee;}
.product-info .image_inside { margin:0px; position:relative; z-index:20; padding:0; }
.product-info .image .zoom_btn { position: absolute; bottom:6px; right:0px; width: auto; height: 11px; z-index:21; }
.product-info #zoom-image .zoom_bttn { font-size: 10px; line-height: 11px; color: #ababab; text-transform: uppercase; background: #fff url('../image/zoom-plus.png') 2px 2px no-repeat; padding: 1px 1px 1px 16px; }
.product-info #zoom-image { color: #ababab; }
.product-info .image-additional { width:355px; margin-left: -7px; overflow: hidden; }
.product-info .image-additional img { width:64px; height:auto; display:block; }
.product-info .image-additional a { float: left; display: block; margin-left:7px; margin-bottom: 10px; }
.image-additional a:active { outline: 0; }
.product-info .description {padding:0px 0px 12px 0px; line-height: 20px; color: #4D4D4D; font-size:13px; }
.product-info .description span { font-weight:bold; }
.product-info .description a {text-decoration: none; font-size:13px; }
.product-info .price {background:#F4F3F3; border:1px solid #eee; overflow: auto; padding:10px 5px; margin-bottom:20px; font-size:28px; font-weight: bold; color: #3e7cb4; }
.product-info .price-old {color:#F00; font-size:20px; text-decoration: line-through; font-weight:normal; }
.product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; }
.product-info .price .reward { font-size: 12px; font-weight: normal; color: #999; }
.product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; }
.product-info .options {padding: 0px 5px 0px 5px; margin-bottom:20px; color:#333; border-bottom:1px solid #eee;}
.product-info .options input{width:auto;}
.product-info .option-image { margin-top: 3px; margin-bottom: 10px; }
.product-info .option-image label { display: block; width: 100%; height: 100%; }
.product-info .option-image img { margin-right: 5px; border: 1px solid #CCCCCC; cursor: pointer; }
.product-info .cart { border-bottom: 1px solid #eee; padding:0px 0px 20px; margin-bottom:15px; color: #4D4D4D; overflow: auto; }
.product-info .cart div { vertical-align: middle; float:left;}
.product-info .cart div.text-or{padding:5px 6px 0;}
.product-info .cart div > span { padding-top: 7px; display: block; color: #999; }

.product-info .cart div .wishlist, .product-info .cart div .compare{font-size:11px; display:inline-block;}
.product-info .cart div .wishlist{padding-top:4px;}

.product-info .cart #button-cart{text-transform:uppercase; padding:11px 15px;}

.product-info .cart .minimum { padding-top:5px; font-size: 11px; color: #999; clear: both; }
.product-info .review { color: #999; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #EEEEEE;}
.product-info .review > div {line-height: 20px; overflow:auto; }
.product-info .review > div > span { color: #38B0E3; }
.product-info .review .share { overflow: auto; line-height: normal; }
.product-info .review .share a { text-decoration: none; }
.review-list { padding:0px; overflow: auto; margin-bottom:20px;}
.review-list + .review-list{border-top:1px dotted #D5D5D5; padding-top:20px;}
.review-list .author { float: left; margin-bottom: 20px; font-size:11px;}
.review-list .author b{font-size:14px;}
.review-list .rating { float: right; margin-bottom: 20px; }
.review-list .text { clear: both; }
.attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; }
.attribute thead td, .attribute thead tr td:first-child { color: #333; font-size: 14px; font-weight: bold; background: #F7F7F7; text-align: left; }
.attribute tr td:first-child { color: #333; font-weight: bold; text-align: right; width: 20%; }
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.compare-info { border-collapse: collapse; width: 100%; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; }
.compare-info thead td, .compare-info thead tr td:first-child {padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; text-align:left;}
.compare-info tr td:first-child { color: #333; font-weight: bold; text-align: right; }
.compare-info td { padding: 7px; width: 20%; text-align: center; vertical-align: top;  border-bottom: 1px solid #EAEAEA; }
.compare-info td + td{border-left: 1px solid #EAEAEA;}
.compare-info thead td{padding:10px 7px;}
.compare-info .name a { font-weight: bold; }
.compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; font-weight:normal; }
.compare-info .price-new { font-weight: normal; }

.product-info .cart div .qty{margin-right:20px; float:left;}
.qty strong{margin-right:10px; float:left; padding:12px 0; display:inline-block;}
.qty a{background: url("../image/plus.png") no-repeat 2px 2px #f5f5f5; display: inline-block; height:20px; width:20px; position: relative; text-indent: -9999px;  border:1px solid #ccc; border-width:1px 1px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:0px 3px 0px 0px; -moz-border-radius:0px 3px 0px 0px; -webkit-border-radius:0px 3px 0px 0px;}

.qty a.mines{background-position:2px -13px; border-width:1px 1px 1px 0px; border-radius:0px 0px 3px 0px; -moz-border-radius:0px 0px 3px 0px; -webkit-border-radius:0px 0px 3px 0px;}
.qty a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:#fff;}
.qty input{float:left; height:18px; padding:12px 8px 11px; font-size:15px; border-radius:3px 0px 0px 3px; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px;}

/*********** wishlist ***********/
.wishlist-info table { width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px; }
.wishlist-info td { padding: 7px; }
.wishlist-info thead td {padding:12px 10px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA;}
.wishlist-info thead .image { text-align: center; }
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left; }
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right; }
.wishlist-info tbody td {border-bottom: 1px solid #EAEAEA; }
.wishlist-info tbody .image { text-align: center; }
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left; }
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right; }
.wishlist-info tbody .price s { color: #F00; }
.wishlist-info tbody .action img { cursor: pointer; }

.login-content { margin-bottom: 20px; overflow: auto; }
.login-content .left { float: left; width: 48%; }
.login-content .right { float: right; width: 48% }
.login-content .right b{margin-bottom:3px; display:inline-block;}
.login-content .right a{margin-top:12px; display:inline-block}
.login-content .left .content, .login-content .right .content {min-height: 190px;}

/*********** orders ***********/
.order-list { margin-bottom: 10px; }
.order-list .order-id { width: 49%; float: left; margin-bottom: 2px; }
.order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; }
.order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.order-list .order-content div { float: left; width: 33.3%; }
.order-list .order-info { text-align: right; }
.order-detail { background: #EFEFEF; font-weight: bold; }

/*********** returns ***********/
.return-list { margin-bottom: 10px; }
.return-list .return-id { width: 49%; float: left; margin-bottom: 2px; }
.return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; }
.return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.return-list .return-content div { float: left; width: 33.3%; }
.return-list .return-info { text-align: right; }
.return-product { overflow: auto; margin-bottom: 20px; }
.return-name { float: left; width: 31%; margin-right: 15px; }
.return-model { float: left; width: 31%; margin-right: 15px; }
.return-quantity { float: left; width: 31%; }
.return-detail { overflow: auto; margin-bottom: 20px; }
.return-reason { float: left; width: 31%; margin-right: 15px; }
.return-opened { float: left; width: 31%; margin-right: 15px; }
.return-opened textarea {vertical-align: top; }
.return-captcha { float: left; }
.download-list { margin-bottom: 10px; }
.download-list .download-id { width: 49%; float: left; margin-bottom: 2px; }
.download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; }
.download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; }
.download-list .download-content div { float: left; width: 33.3%; }
.download-list .download-info { text-align: right; }

/*********** cart ***********/
.cart-info table{width: 100%; border-collapse: collapse; border-top:1px solid #EAEAEA; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; margin-bottom: 20px;}
.cart-info td { padding: 7px; }
.cart-info thead td { padding:10px 7px; color:#464646; text-transform:uppercase; font-weight:bold; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; }
.cart-info thead .image { text-align: center; }
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; }
.cart-info thead .price, .cart-info thead .total { text-align: right; }
.cart-info tbody td {border-bottom: 1px solid #DDDDDD; }
.cart-info tbody .image { text-align: center; }
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; }
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; }
.cart-info tbody .price, .cart-info tbody .total { text-align: right; }
.cart-info tbody span.stock { color: #F00; font-weight: bold; }
.cart-module > div { display: none; }
.cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align:right; }

/*********** checkout ***********/
.checkout{margin-bottom:20px;}
.checkout-heading {border:1px solid #EAEAEA; background:#F6F6F6; padding:8px; margin-bottom:15px; font-weight: bold; font-size: 13px; color: #333;}
.checkout-heading a {float: right; margin-top: 1px; font-weight: normal; text-decoration: none; }
.checkout-content { padding:0px; margin-bottom:20px; display: none; overflow: scroll; }
.checkout-content .left { float: left; width: 48%; }
.checkout-content .right { float: right; width: 48%; }
.checkout-content .buttons { clear: both; }
.checkout-product table{width:100%; border-collapse:collapse; border:1px solid #DDDDDD; margin-bottom:20px;}
.checkout-product td { padding: 7px; }
.checkout-product thead td {padding:10px 7px; color: #000; text-transform:uppercase; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; }
.checkout-product thead .name, .checkout-product thead .model { text-align: left; }
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; }
.checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; }
.checkout-product tbody .name, .checkout-product tbody .model { text-align: left; }
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; }
.checkout-product tfoot td { text-align: right; border-right: 1px solid #DDDDDD; }
.contact-info { overflow: auto; }
.contact-info .left { float: left; width: 48%; }
.contact-info .right { float: left; width: 48%; }
.sitemap-info { overflow: auto; margin-bottom: 40px; }
.sitemap-info .left { float: left; width: 48%; margin-right:2%;}
.sitemap-info .right { float: left; width: 48%; }

#back-top{display:none;}
#back-top a{ position:fixed; bottom:0px; right:10px; background-image:url(../image/arrow-backtotop.png); background-color:rgba(0, 0, 0, 0.2); background-position:center center; background-repeat:no-repeat; width:45px; height:30px;text-indent:-9999px; display:block;}
#back-top a:hover { background-color:#3e7cb4; }

/************************* Footer ***********************/

/******* Facebook ********/
#facebook{position:fixed; width:235px; background:#fff; border:3px solid #3b5998; padding:0px;}
#facebook.fb-left{left:-241px;}
#facebook.fb-right{right:-241px;}

#facebook_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/facebook.png); background-position:center center; background-repeat:no-repeat; background-color:#3b5998;}
.fb-left #facebook_icon{right:-33px;}
.fb-right #facebook_icon{left:-33px;}


/******** Twitter *******/
#twitter_footer{position:fixed; width:215px;  background:#fff; border:3px solid #2daae1; padding:5px 10px;}
#twitter_footer.twit-left{left:-241px;}
#twitter_footer.twit-right{right:-241px;}

.twitter_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/twitter.png); background-position:center center; background-repeat:no-repeat; background-color:#2daae1;}
.twit-left .twitter_icon{right:-33px;}
.twit-right .twitter_icon{left:-33px;}

/******** Twitter *******/
#custom_side_block{position:fixed; width:215px;  background:#fff; border:3px solid #ed5f01; padding:5px 10px;}
#custom_side_block.custom_side_block_left{left:-241px;}
#custom_side_block.custom_side_block_right{right:-241px;}
#custom_side_block img{width:100%!important; height:auto!important;}

.custom_side_block_icon{width:30px; height:50px; cursor:pointer; display:block; position:absolute; top:-3px; background-image:url(../image/arrow-block.png); background-position:center center; background-repeat:no-repeat; background-color:#ed5f01;}
.custom_side_block_left .custom_side_block_icon{right:-33px;}
.custom_side_block_right .custom_side_block_icon{left:-33px; background-image:url(../image/arrow-block-prv.png); background-position:center center; background-repeat:no-repeat;}



/******** Footer Links *******/
#footer {clear: both; overflow:auto;}
#footer .fpart-first{background-color:#f3f3f3; color:#444;}
#footer .fpart-first a{color:#888;}
#footer .fpart-first a:hover{color:#3e7cb4; text-decoration:underline;}


#footer .fpart-second{background-color:#fff; color:#666;}
#footer .fpart-second a{color:#3e7cb4;}
#footer .fpart-second a:hover{color:#3e7cb4; text-decoration:underline;}

#footer .fpart-inner{margin:0 auto; padding:47px 0 95px 0; max-width:1170px;}
#footer #powered:after, #footer .fpart-inner:after{visibility:hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


#footer .fpart-second .fpart-inner{padding:25px 0px 0;}
#footer .bottom-row{}
#footer .custom-text{text-align:center; padding:0px 0px 25px;}
#footer .custom-text p{margin:0;}


#footer h3{color:#000; font-size:17px; margin:0px 0 15px 0; padding:0px 0px 7px 0px; font-weight:normal;}
#footer .column { float: right; position:relative; }
#footer .column + .column { margin-left:15px; }
#footer .column ul {width:170px; padding:0px; }
#footer .column ul li { list-style-type:none; }
#footer .column a { text-decoration: none; display:block; padding:3px 0px; line-height:18px; font-size:12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .column a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


/******** Contact Details *******/
#footer .contact{float:left;}
#footer .contact ul{width:260px;}



#footer .contact ul li{font-size:12px; list-style-type:none; padding:0 0 0 32px; line-height:20px; }
#footer .contact ul li + li{margin-top:12px;}
#footer .contact ul li.address{background:url(../image/contact/location.png) 2px 3px no-repeat;}
#footer .contact ul li.mobile{background:url(../image/contact/telephone.png) left 2px no-repeat;}
#footer .contact ul li.email{background:url(../image/contact/mail.png) left 4px no-repeat;}
#footer .contact ul li.email a{text-decoration:underline;}
#footer .contact ul li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .contact ul li a:hover{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none;}


/******** Payments Types *******/
#footer .payments_types{text-align:center; padding:0px 0 25px 0;}
#footer .payments_types img{display:inline-block; margin:0px 3px 3px 3px; vertical-align:middle; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .payments_types img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/******** Social Icon *******/
#footer .social {float:right; margin:0; text-align:right; padding:0px 0 0 0;}
#footer .social a {float:left; margin:0px 0 0px 10px;}
#footer .social a img{display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#footer .social a img:hover{opacity:0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


/******** Powered *******/
#footer #powered {line-height:20px; padding:0px 0 25px; margin-bottom:25px; border-bottom:1px solid #E8E8E8;}
#footer #powered a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer #powered a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

#footer .powered_text{float:left; padding-top:6px;}
#footer .powered_text p{line-height:18px; margin:0;}


/*********** banner ***********/
.banner div { text-align: center; width:100%; display:none; }
.banner div img { margin-bottom: 20px; }

/*********** Extra ***********/
.w30{width:30px!important; text-align:center;}


.contactform{
    position: relative;
    height: 350px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);
}
.col1{
    width: 70%;
    float: left;
}
.col2{
    width: 30%;
    float: left;
}
.field{
    margin-top:5px;
    line-height: 4;
}
.field input, .field textarea{
    width: 600px;
    margin-left: 75px;
}
.fieldname{
    text-align: right;
    font-weight: bold;
    width: 70px;
    position: absolute;
}
.col2 ul {
    list-style: none;
}

.col2 ul li:before {
    content: '✓ ';
    color: #f6a929;
}
.bubble-text{
    position: absolute;
    top: 90px;
    z-index: 9;
    left: 60px;
    color: #FFF;
    text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
}
.bubble-text ul li:before {
    content: '✓ ';
    color: #fff;
}
.rotate{
    -ms-transform: rotate(28deg); /* IE 9 */
    -webkit-transform: rotate(28deg); /* Chrome, Safari, Opera */
    transform: rotate(28deg);
}

#footer #column-order-tracking ul {
    width: 100% !important;

}

#column-order-tracking {
    position: absolute !important; right: 165px; top: 172px
}

#tracking_number {
    float: left; width: 250px; margin-right: 10px
}

#column-order-tracking .button {
    float: right; height: 36px
}
@media screen and (max-width:800px) {

    #column-order-tracking {
        position: relative !important;
        right: auto !important;
        top: auto !important;
    }
    #tracking_number {
        width: 234px !important;
    }
    .xs-hidden{
        display: none;
    }
    #scf-box{
        display: none;
    }
}
iframe, object, embed {
    max-width: 100%;
    max-height: 100%;
}

#header .htop{background-color:#516271;}
.custom_side_block_icon{background-color: #551166;}
#custom_side_block{border-color: #551166;}

/*===== FOOTER =====*/
.box-product .price, .product-info .price, .product-grid .price, .slider_pprice, .product-list .price {color: #516271;}
@media screen and (max-width:800px) {
    .left-top{background-color:#516271;}
}

/*** Custom CSS **/
.f-left{
    float: left;
}
.whatsapp{
    width: 110px;
}
.contactform h2,.contactform h3{
    font-size: 2em !important;
    margin: 0 !important;
    padding: 0 !important;
}
.product-details{
    width: 330px;
    display: inline-block;
    margin-right: 20px;
}
.product-details span.label{
    padding: 3px 5px;
    border: 1px solid rgb(233, 233, 233);
    width: 140px;
    background: rgb(247, 247, 247);
    display: inline-block;
}
.product-details span.value{
    padding: 3px 5px;
    border: 1px solid rgb(233, 233, 233);
    width: 160px;
    display: inline-block;
    text-align: right;
}
ul.ring li{
    margin: 10px 0;
    padding: 0;
    list-style: disc inside;
}
.checkout-content { overflow: initial; }

.bf-layout-id-1 .bf-attr-header{
    background:#f7f7f7;
    color:#000000;
    font-weight: normal;
    padding: 7px 10px;
    z-index: 2;
    position: relative;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #DBDEE1;
}
.bf-layout-id-1 .bf-count{
    background:#cbcbcb;
    color:#ffffff;
}
.bf-layout-id-1 .ui-widget-header {
    background:#f6a828;
}
.bf-layout-id-1 .ui-widget-content {
    background:#dddddd;
    border:1px solid #dddddd;
}
.bf-layout-id-1 .ui-state-default {
    background:#f6f6f6;
    border:1px solid #cccccc;
}
.bf-layout-id-1 .bf-attr-group-header{
    background:#CECBCB;
    color:#000000;
}
.bf-sliding {
    overflow: hidden;
    display: block;
}
.bf-attr-block-cont {
    display: table;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.bf-row {
    display: table-row;
}

.bf-attr-filter {
    position: relative;
}
.bf-cell {
    display: table-cell;
    border-bottom: 1px solid #EEE;
    vertical-align: middle;
    padding: 4px 0;
    height: 20px;
}
.bf-c-1 {
    width: 12px;
    padding-right: 4px;
}

.bf-c-3 {
    width: 1px;
    text-align: right;
}
.bf-attr-filter input[type="checkbox"], .bf-attr-filter input[type="radio"] {
    display: block;
}
.bf-attr-filter input {
    margin: 0;
}
.brainyfilter-panel input {
    text-align: right;
}
.bf-hidden {
    display: none;
}
.bf-cell label {
    display: block;
    /* white-space: pre-wrap; */
    padding-right: 3px;
}
.bf-count {
    float: right;
    background: #F46234;
    color: #fff;
    line-height: 20px;
    padding: 0 3px;
    border-radius: 3px;
    display: block;
    position: relative;
}
.bf-layout-id-1 .bf-count {
    background: #cbcbcb;
    color: #ffffff;
}
.bf-disabled {
    color: #ccc;
}
.bf-arrow {
    background-position: 50% -153px;
    display: inline;
    font-size: 0;
    padding: 8px;
    float: right;
    background: url(../image/sprite.png) no-repeat;
    vertical-align: middle;
    cursor: pointer;
}
.box .box-content.bf-price-container {
    background: transparent;
}
.brainyfilter-panel .box-content {
    border: 0;
    padding: 4px 0px;
    position: relative;
}
.ndash {
    margin-left: 5px;
    margin-right: 5px;
}
.bf-range-max, .bf-range-min, .bf-slider-input {
    width: 43px!important;
    min-width: 43px;
}

.bf-price-slider-container {
    margin: 10px 7px 5px;
}
.ui-slider-horizontal {
    height: .8em;
}
.swal2-popup .swal2-title{
    line-height: 40px!important;
}
.notify {
    position: relative;
    top: -20px;
    right: -10px;
}
.notify .heartbit {
    position: absolute!important;
    top: -16px;
    right: 0px;
    height: 13px;
    width: 13px;
    z-index: 10;
    border: 3px solid #e46a76;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    padding: 0!important;
}

.notify .point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #e46a76;
    position: absolute!important;
    right: 6px;
    top: -10px;
    padding: 0!important;
}
@-moz-keyframes heartbit {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0
    }
    25% {
        -moz-transform: scale(0.1);
        opacity: 0.1
    }
    50% {
        -moz-transform: scale(0.5);
        opacity: 0.3
    }
    75% {
        -moz-transform: scale(0.8);
        opacity: 0.5
    }
    to {
        -moz-transform: scale(1);
        opacity: 0.0
    }
}
@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0
    }
    25% {
        -webkit-transform: scale(0.1);
        opacity: 0.1
    }
    50% {
        -webkit-transform: scale(0.5);
        opacity: 0.3
    }
    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.5
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0.0
    }
}
.swal2-popup {
    width: 19em!important;
}
.typeahead{
    padding: 0px 0 0px 5px;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
    max-height: 325px!important;
    width: 315px!important;
}
.typeahead li {
    margin: 0;
    padding: 5px 5px;
    cursor: default;
    font: menu;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
}
.typeahead li a{
    color:#000;
    padding: 5px;
}
#scrollable-dropdown-menu .dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
}
.mt-3{
    margin-top: 14px;
}
.swal2-container.swal2-shown{
     z-index: 9999999;
}
.product-grid .image img{ height:auto !important;}
.flexslider .slides img {
    height:auto !important;
    width: 100%;
    display: block;
}
.light > span{
    line-height: 34px;
}