@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,300italic,700,900);

body{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#f1f1ee; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#222222;}
a:link{color: #848484; text-decoration:none;}
a:visited{color: #848484; text-decoration:none;}
a:hover{color: #207ac0; text-decoration:none;}
.topbg{background:url(../images/top.png); background-size:100% 100%; height:12px;}
.footbg{background:url(../images/bottom.png); background-size:100% 100%; height:12px;}
.tab{font-size:13px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; background:#515151; font-weight:bold;}
img{border:0;}
.clear{clear:both}

h1{font-size:25px; color:#222222; font-weight:600; padding:0px; margin:0px;}
h1 span{color:#146eb4;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#222222; padding:0px; margin:0px;}
p{ margin-top:0}
strong, b{font-weight:600}

.page-title{ margin:20px 0 10px;}

.fleft{float:left;}
.fright{float:right;}
.main-container{width:1109px; margin:auto; overflow:hidden; margin-top:21px; margin-bottom:21px;}
.top{width:1109px; height:12px; margin:auto;}
.center{background-image:url(../images/center.png); background-size:100%; background-repeat:repeat-y;}
.bottom{height:12px; margin:auto;}

.inner-main{width:1054px; margin:auto; overflow:hidden; }
.header{margin:auto; border-bottom:1px solid #e1e1e1 }
.header-top{margin:auto; }
.top-left{float:left; padding-bottom:6px;}
.top-right{float:right;}

.center-containt{margin:auto; height:auto; overflow:hidden; }
.footer-shadow{width:1099px; margin:auto; background-image:url(../images/top-shadow.jpg); background-repeat:repeat-x; height:11px; }
.footer-content{margin:auto;}

.menu{background:url(../images/menubg.jpg) repeat-x; height:35px; margin-bottom:10px}
.main-menu{list-style:none;margin: 0px;padding:0px 0 0 0}
.main-menu li{float:left; border-right:1px solid #333}
.main-menu li:last-child{border-right:none}
.main-menu li a{float:left;display:block;color:#ffffff;text-decoration:none;line-height:37px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;padding:9px 28px;margin:0px 4px 0 px;}
.main-menu li a:hover{background:url(../images/menubg-hover.jpg) repeat-x;}
.main-menu li.current a{float:left;cursor:pointer;display:block;color:#ffffff;text-decoration:none;height:37px;padding-left: 4px;margin:0px 4px 0 px;background-image: url(../images/menu-left.jpg);background-repeat: no-repeat;background-position: left 0px;}

.title{height:auto; overflow:hidden; padding-top:10px; }
.titletext{height:auto; float:left; }
a.blue{color:#0070b6 !important; text-decoration:none;}

.input-bg {width:210px; height:28px; line-height:28px; padding:0 5px; font-size:10px; color:#666; background:url(../images/input-bg.jpg) #FFFFFF top left no-repeat; border:0px solid #ccc; border-right:1px solid #e1e1e1; margin-bottom:0px; margin-left:0px;}

.sitemap{float:right; font-size:12px; text-align:right; margin-top:8px; padding-right:5px;}
.product-container{width:1052px; height:auto; float:left; border:1px solid #e5e5e5; margin-top:15px; }
.pname{color:#146eb4; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.price{color:#cc2222; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.category{width:215px; margin-right:15px; height:auto; float:left; border:1px solid #e5e5e5; padding:5px;}
.product-detail{width:863px; padding:0px; height:auto; float:left; border:1px solid #e5e5e5;}
.product-detail1{width:730px; padding:0px; height:auto; float:right; border:1px solid #e5e5e5;}
.edit-account{width:610px; margin-left:20px; padding:0px; height:auto; float:right; border:1px solid #e5e5e5;}

.product-tab-detail{width:863px; border:1px solid #e1e1e1; margin-top:0px; padding:0px; height:auto; float:left;  }

.inup-small{border: 1px solid #cccccc; padding:5px; width:200px;}

.inup-big{border: 1px solid #cccccc; padding:5px; width:388px;}
select.inup-big{width:402px;}

.container-left{float:left; width:22%;}
.left-menu{border: 1px solid #e5e5e5; padding:5px}
#vertmenu {font-size:12px; color:#505050; padding: 0px; margin: 0px; margin-left:0px;}
#vertmenu ul {list-style: none; font-size:12px; font-weight:bold; color:#505050; margin: 0px; padding: 0px; border: none;}
#vertmenu ul li {margin: 0px; font-size:12px; font-weight:bold; color:#505050; padding: 0px; }
#vertmenu ul li a {font-size: 80%; display: block; font-size:12px; font-weight:bold; color:#505050; border-bottom:1px solid #d9d9d9; padding: 5px 0px 4px 4px; text-decoration: none;}
#vertmenu ul li:last-child a{border-bottom:none}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {color: #222222; font-size:12px; font-weight:bold; color:#505050; background-color: #eeeeee;}

/*footer-menu*/
#menubottom{ padding:12px 0}
#menubottom ul{margin:0px; padding:0px; height:15px; list-style:none;}
#menubottom ul li{display:inline-block; height:15px; padding-right:10px; padding-left:10px; font-size:11px; text-align:center; text-decoration:none;}	
#menubottom ul li:first-child{padding-left:0} 
#menubottom ul li a{display:block; float:left; height:15px; color:#848484; font-size:11px; text-decoration:none; }	 
#menubottom ul li a:hover{color:#0070b6;}	 
.copyright{ border-top:1px solid #e1e1e1; color:#848484; font-size:11px; padding-top:10px}
/*footer-menu-END*/

/*banner */
.banner{/*height:234px;*/ background:url(../images/banner.jpg) top left no-repeat}
.fl{ float:left;}
.slidepart{ width:100%; height:234px; overflow:hidden; position:relative;}
.slidepart img {position:absolute; height:100%; width:100% }
.sl_paginationpart{width:150px; height:15px; display:block; position:absolute; right:-15px; bottom:0px; padding:6px; margin-right:0px; margin-bottom:15px;}

ul.slpagination{ margin:0px; padding:0px; list-style:none; font-family:arial; }
ul.slpagination li{ margin:0px; padding:0px; list-style:none; float:left; }
ul.slpagination li a.prev{background:url(../images/sl_prev.png) no-repeat; width:13px; height:13px;  display:block; margin-top: 0px; margin-right:2px;}
ul.slpagination li a.next{background:url(../images/sl_next.png) no-repeat; width:13px; height:13px;  display:block; margin-top: 0px; margin-left:2px;}
ul.slpagination li a.number{background:url(../images/list-off.png) top left !important; background: no-repeat; width:22px; height:22px ; display:block; text-align:center; margin:3px 0px; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; }
ul.slpagination li a.select{background:url(../images/list-active.png) no-repeat !important;color:#fff; }

.top-menu{float:right; text-align:right; width:50%}
.top-menu ul{list-style:none; margin:0; padding:0}
.top-menu ul li{display:inline-block; margin-left:10px;}
.top-menu .login{background:url(../images/login.png) no-repeat; padding-left:22px;}
.top-menu .signup{background:url(../images/lock.png) no-repeat; padding-left:20px;}
.top-menu .shopping-cart{background:url(../images/shopping-cart.png) no-repeat; padding-left:20px;}
.top-menu .wish-list{background:url(../images/wish-icon.png) no-repeat 0 5px; padding-left:20px;}
.top-search{float:right; margin-bottom:10px; margin-top:20px; overflow:hidden;}
.top-search .text{display:block; float:left; font-size:15px; font-weight:600; margin:3px 10px 0 0; text-transform:uppercase;}
.top-search .input{background:url(../images/inputbg.jpg) repeat-x; border-radius:4px 0 0 4px; width:234px; height:25px; border:1px solid #cacaca; font-size:11px; color:#888888; padding-left:8px; float:left }
.top-search .btn{background:url(../images/buttonbg.jpg) repeat-x; border-radius:0 4px 4px 0; border:1px solid #ce5d01; color:#fff; cursor:pointer; float:left; font-weight:600; height:29px; text-transform:uppercase; transition:all .7}
.top-search .btn:hover{ opacity:.8}

.logo-section{background-color:#f1f1ee; padding:7px; margin-top:25px;}
.logo-section ul{list-style:none; margin:0; padding:0; text-align:center}
.logo-section ul li{background:#fff; display:block; float:left; margin:7px 1%; padding:1%; width:16%; }
.logo-section ul li .logobox{height:80px; text-align:center; vertical-align:middle;}
.logo-section ul li .clogo{display:table; height:80px; margin:0 auto}
.logo-section ul li .logobox a{ display:table-cell; vertical-align:middle}
.logo-section ul li img{width:100%}
.logo-section ul li .logo-title{font-size:11px; line-height:18px; margin-top:5px;}
.logo-section ul li .logo-title a{ display:block; text-align:center}

.tab-section{ margin-top:25px;}
.tab-box{border:1px solid #e5e5e5; margin-bottom: 1em; padding:10px;overflow:hidden; margin-top:2px;}
.tab-box .country-box{float:left; width:20%}
.tab-box .country-box ul{list-style:none; padding-left:0px; margin:7px 0}
.tab-box .country-box ul li{padding:6px 0; line-height:17px;}
.tab-box .logo-section{background-color:#fff; margin:0; padding:0}
.tab-box .logo-section li{float:left; padding:0; width:17.95%}
.tab-box .logo-section li .logobox{border:1px solid #f1f1f1; height:115px; padding:10px;}
.tab-box .logo-section li .ltitle{font-size: 11px; text-align:center; margin-top:5px; line-height:15px}
.tab-box .logo-section li .ltitle a{display:block}
.tab-box .search-category{float:left; width:33.333%}

.container-right{width:76%; float:right;}
.content-box{border: 1px solid #e5e5e5; padding:10px;}
.content-box p{margin-top:0}

.search-by-price{float:right; margin:10px 0}
.search-by-price span{color:#f06b02; font-size:16px; font-weight:600; margin-right:10px}
.search-by-price select{ border:1px solid #e1e1e1; padding:8px; width:200px;}

.contact-form{}
.contact-form ul{list-style:none; margin:0; padding:0}
.contact-form ul li{margin-bottom:10px}
.contact-form ul li label{display:inline-block; float:left; width:150px;}
.contact-form .star{color:#F00}
.error-msg{color:#F00; font-size:15px}
.success-msg{color:#390; font-size:15px;}

.mt0{margin-top:0}
.pr0{padding-right:0}
.pb0{padding-bottom:0}
.mb0{margin-bottom:0 !important}

.product-list-box{float:left; margin-right:1%; margin-bottom:15px; width:19%;}
.product-list-box .innerbox{border:1px solid #f1f1f1; height:315px; padding:10px 6px; position:relative}
.product-list-box .pname{display:block; font-size:11px; line-height:17px; text-align:center; min-height:50px;}
.product-list-box .pimg{ height:110px; text-align:center; display:table; width:100%}
.product-list-box .pimg .nav{display:table-cell; vertical-align:middle; }
.product-list-box .pprice{color:#f06b02; display:block; font-size:14px; font-weight:600; text-align:center}
.product-list-box .pstock{color:#cc2222; display:block; position:absolute; text-align:center; top:100px; width:100%;}
.product-list-box .pdisc{display:block; font-size:12px; line-height:18px; margin-bottom:10px; min-height:80px; text-align:center}
.product-list-box .pbtn{display:block; text-align:center}

.nofound{ margin:200px 0}

.pagination{ text-align:center}
.pagination span, .pagination a{display:inline-block; padding:0 7px;}
.pagination span{background:#f1f1f1}
.pagination a{background:#1c77bd; color:#fff; transition:all .5s}
.pagination a:hover{background:#f06b02}

.signup-form .star{color:#F00}
.signup-form .heading{background:#505050; border-bottom:1px solid #f1f1f1; color:#fff; font-weight:600; margin:0 0 10px; padding:7px;}
.signup-form ul{margin:0; padding:0; list-style:none; overflow:hidden}
.signup-form ul li{margin-bottom:12px;}
.signup-form label{display:inline-block; width:150px;}
.signup-form .button{ display:inline-block; float:left; margin-left:153px}
.signup-form .retpass{ display:inline-block; float:left; line-height:25px; margin-left:10px;}

.row{clear:both;}
.col2{float:left; width:50%}

.changepassword{float:left; width:38%}
.editaccount{float:right; width:60%}

.heading1{ background:#515151; color:#fff; padding:7px}

.menu_icon{display:none}
.menu_mobile{display:none}

.mob-category{display:none}
.top-search.mobile{display:none}

.addto-cart-btn{ background:#146eb4; border:none; border-radius:5px; color:#fff; cursor:pointer; font-size:12px; margin-bottom:5px; padding:3px 7px; text-transform:uppercase; transition:all .5s}
.addto-wish-btn{ background:#f16900; color:#ffffff !important; border-radius:5px; cursor:pointer; display:inline; font-size:12px; margin-bottom:5px; padding:2.2px 7px; text-transform:uppercase; transition:all .5s}
.addto-cart-btn:hover, .addto-wish-btn:hover{ background:#333; color:#fff}

.wishlist-table{border-collapse:collapse; border:1px solid #f1f1f1;}
.wishlist-table th{ background:#f1f1f1; border:1px solid #e1e1e1; padding:7px; text-align:left}
.wishlist-table td{border:1px solid #e1e1e1; padding:7px; text-align:left}

.notify-me{ display: inline-block; padding: 5px 10px;    vertical-align: middle; text-transform:uppercase; font-weight:400; cursor:pointer; margin-top:-5px; font-size:11px;}
.product-list-box .pbtn .addto-wish-btn{ display:inline; margin-top:-5px; vertical-align: top;}
.product-list-box .pbtn img{ margin-top:2px;}




@media screen and (max-width :1120px) {
	.main-container{margin:8px auto; width:99%}
	.center{background-size:100%; width: 100%;}
	.product-container{width:100%}
	.inner-main{width:97%}
	.menu li a{padding:9px 23px}
	.footer-shadow{height:0}
	.footer-content{ width:100%}
}

@media screen and (max-width :980px) {
	.main-menu{display:none}
	.menu_icon{background: rgba(0, 0, 0, 0) url("../images/menu-icon.png") no-repeat scroll left center;cursor: pointer; display:block; float: right;height: 30px;padding:2px 1%; width:75px;}
	.menu_mobile{display:block; position:fixed; overflow:auto; right:-220px; top:0px; bottom:0px; background:#fafafa; list-style:none; z-index:222; width:220px;}
	.menu_mobile li{list-style:none; position:relative}
	.menu_mobile li a{border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; display:block; padding:9px}
	.submenu{background:#f1f1f1; display:none; list-style:none; margin:0; padding:0}
	.plus_icon{background: rgba(0, 0, 0, 0) url("../images/plus_minus.png") no-repeat scroll 190px 11px;height: 38px;position: absolute;right:0px;top: 1px;width:100%;}
	.plus_icon.current{background:url(../images/plus_minus.png) no-repeat 190px -24px;}
	.overlay_page {position:fixed; top:0; right:0; bottom:0; left:0; background:url(../images/overlay-bg.png) repeat; display:block; z-index:9; cursor:pointer; display:none;}
	.category.left-menu{display:none;}
	.container-left, .container-right{float:none; width:100%}
	.container-left{margin-bottom:15px;}
	.mob-category{background:#f46a00; color:#fff; cursor:pointer; display:block; padding:7px 10px;}
	.left-menu{display:none;}
	.product-list-box{width:24%}
	.changepassword, .editaccount{float:none; margin-bottom:20px; width:100%}
	.slidepart{ height:200px}
}

@media screen and (max-width :768px) {
	.top-left{clear: both; float: none; text-align: center;}
	.top-search.desktok{display:none;}
	.top-search.mobile{display:block; float:left; margin:3px 7px}
	.top-search.mobile .btn{ background:#f37811 url(../images/search-icon.png) no-repeat 6px 6px; font-size:0; height:30px; margin-top:-1px; width:32px}
	.top-search .text{color:#fff}
	.tab-box .country-box{width:33.333%}
	.tab-box .search-category{float:left; width:50%}
	.top-menu{border-bottom:1px solid #f1f1f1; float:none; margin-bottom:7px; padding:0 0 5px; text-align:center; width:100%}
	.product-list-box{width:32%}
	.slidepart{ height:180px}
}

@media screen and (max-width :620px) {
	.top-search .text{display:none;}
	.tab-box .country-box{width:50%}
	.logo-section ul li{width:29%}
	.tab-box .logo-section li{width:31.33%}
	.tab-box .logo-section li .clogo{height:75px}
	.contact-form ul li label, .signup-form label{margin-bottom:5px; width:100%}
	.contact-form ul li label.blank{display:none}
	.inup-big{padding:7px 2%; width:95%}
	.signup-form label.blank{display:none}
	select.inup-big{width:100%}
	.signup-form .button{margin-left:0}
	.product-list-box{margin-right: 1.5%; width:48.5%}
	.col2{float:none; width:100%}
	h1{font-size:20px}
	.titletext{float:none;}
	.sitemap{background:#f5f5f5; float:none; padding:5px; text-align:center}
	.banner img{width:100%}
	.slidepart{ height:120px}
}

@media screen and (max-width :480px) {
	.top-search .input{width:140px}
	#menubottom ul{text-align:center}
	#menubottom ul li{padding:0 5px}
	.shadetabs li, .shadetabs li a{float:none}
	.shadetabs li a span, .shadetabs a.selected span{float:none}
	.shadetabs{height:auto}
	.scart-table{ overflow-x:scroll;}
	.scart-table table{width:480px}
	.slidepart{ height:100px}
	#outerImageContainer, #imageDataContainer{width:300px !important; height:auto !important}
	#imageContainer img{width:100%}
}

@media screen and (max-width :360px) {
	.top-search .input{width:150px}
	.tab-box .country-box, .tab-box .search-category{width:100%}
	.product-list-box{margin-right:0; width:100%}
	.search-by-price{float:none;}
	.content-box.pr0{padding-right:10px}
	#menubottom ul li{padding:0 3px}
	.slidepart{ height:75px}
	.tab-box .logo-section li{width:47.5%}
	.tab-box .logo-section li .logobox{height:130px}
}