@charset "utf-8";
/* CSS Document */
body{
	margin:0 auto;
	padding:0px;
	background:#dfdfdf;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#main-wrapp{
	width:1000px;
	margin:0 auto;
}

#header-top{
	float:left;
	width:100%;

}
/*--------- Start Header Top ------------ */
#header-top ul{list-style:none; margin:0px; padding:0px;}
#header-top ul li{display:inline-block; list-style:none;}
#header-top ul li a{text-decoration:none; color:#000; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:10px; display: inline-block;}
#header-top ul li a:hover,#header-top ul li a.active{text-decoration:underline;}
#header-top #ht-right{float:right;}
#header-top #ht-left{float:left;}
/*--------- End Header Top ------------ */

#white-wrapp{
	background: #fff;
	box-shadow: 0px 0px 4px #999;
	-moz-box-shadow: 0px 0px 4px #999;
	-ms-box-shadow: 0px 0px 4px #999;
	-o-box-shadow: 0px 0px 4px #999;
	float:left;
	display: block;
    clear: both;
	padding: 10px;
}
/*--------- Start Header ------------ */
#header{float:left; width:100%;padding-top: 15px;}
.logo,.header-detail,.detail-box,.other-detail{float:left;}
.detail-box1{width: 202px;}
.logo{padding-left: 10px;}
.header-detail{margin-left:40px;margin-top: 25px;}
.search-bar{float:right;}
.detail-box img{ float:left;}
.detail-title,.detail-text{color:#fe5705; font-size:17px; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.detail-text{color:#141414; font-size:16px;text-transform: none; letter-spacing: -1px;}
.other-detail{text-align:center;}
.detail-box2{text-align: center;padding-left: 30px;}
.detail-box2 .detail-text{font-size:14px; letter-spacing: -1px;}

.search-bar{margin-top:25px;}
.search-bar .form-text,.search-bar .search-submit{background: #f6f6f6;font-size: 11px;border: 2px solid #dfdfdf;color: #666; width:150px; padding:10px; float:left; border-right:0px;padding: 12px 10px; outline:none;}
.search-bar .search-submit{text-indent:-9999px; width:40px; border-left:0px;border-right: 2px solid #dfdfdf; background:url(../images/search-icon.png) center center #f6f6f6 no-repeat; outline:none; cursor:pointer;}
/*--------- End Header  ------------ */

/*--------- Start MENU ------------ */
#main-menu{
	background:url(../images/menu-bg.png) repeat-x;
	float:left;
	width:100%;
	margin-top: 15px;
}
#main-menu .mobile-menu{display:none;}
#main-menu ul{list-style:none; margin:0px; padding:0px;}
#main-menu ul li{display:inline-block; list-style:none; background:url(../images/menu-sprt.png) right center no-repeat; padding-right:1px; float: left;}
#main-menu ul li a{font-size:11px; color:#fff; padding:14px 14px 16px ; text-decoration:none; display:inline-block;}
#main-menu ul li a:hover,#main-menu ul li a.active{background:#1d1d1d; text-decoration:underline;}
/*--------- End Menu  ------------ */

/*--------- Start Gray MENU ------------ */
#gray-bg-menu {list-style:none; margin:0px; padding:0px; float:left; width:100%; background:#e7e7e7;}
#gray-bg-menu li{display:inline-block; list-style:none; float:left; width:33%; background:url(../images/gray-sprt.png) right center no-repeat;}
#gray-bg-menu li.last{background:none;}
#gray-bg-menu li a{font-size:11px; color:#000; padding:14px 0px 16px ; text-decoration:none; display:inline-block; width:100%; text-align:center;}
#gray-bg-menu li a:hover{text-decoration:underline;}
#gray-bg-menu li a .orange-dot{background: #fe5705;width: 4px;height: 4px;display: inline-block;border-radius: 8px;margin: 1px 10px;}
/*--------- End Gray MENU ------------ */


/* ============= Start Content Body ================ */

#content-body{float:left; width:100%; margin-top:20px;}

/*--------- Start Right Side ------------ */
#right-side{float:left; width:200px;}
#r-blak-bg{ background:url(../images/black-bg.png) no-repeat left top; padding:10px; font-size:12px; color:#fff;}
#r-blak-bg h2{font-size: 12px;color: #fff;font-weight: bold;margin: 5px 0 10px;}
#r-blak-bg label{ display:block;}
#r-blak-bg select{width: 100%;padding:6px 0; margin:4px 0 11px; border:none;}

#gray-menu{float: left;width: 100%;margin-top: 20px;}
#gray-menu h2{margin:0px; background:#f1f1f1; font-size:11px; font-weight:normal; padding:7px 0 7px 25px;}
#gray-menu ul{background: #e7e7e7;padding: 0px;margin: 0px;list-style: none;color: #141414;font-size: 11px;}
#gray-menu ul.menu{padding-top:3px;}
#gray-menu a{color: #141414;text-decoration: none;display: block; background: url(../images/orange-point.png) no-repeat 10px center;padding: 4px 5px 4px 22px;}
#gray-menu a:hover{color:#fe5705;}
#gray-menu ul ul{padding-left:20px; display:none;}
#gray-menu ul li.active ul{ display:block;}
#gray-menu ul ul li a{color: #454545; background:url(../images/gray-point.png) no-repeat 12px center;padding: 4px 5px 4px 20px;}
#gray-menu ul ul li a:hover{color: #141414; text-decoration:underline;}
#gray-menu a.active{ font-weight:bold;}
#r-blak-bg .form-submit{text-align: center;font-weight: bold;color: #fe5705;background: #fff;border: none;padding: 5px 10px;display: inline-block;margin: -1px 0 0 0; cursor:pointer;}
#r-blak-bg .form-submit:hover{color:#000000;}
.right{text-align:right;}
/*--------- End  Right Side ------------ */

/*--------- Start Content ------------ */
#content{float:left; padding-left:15px; width:765px;}

#banner{float:left; width:100%;}
.slider{float:left; width:342px;}
.slider img{max-width:100%; display:inline-block; width:100%; height:100%;}
.thumbSlider{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.thumbSlider li {
	float: left;
	height: 76px !important;
	width: 76px !important;
border: 1px solid #CCCCCC;
margin: 8px 10px 0 0;
background: #fff;
}
.thumbSlider li.last{margin-right:0px;}
.slider .mainImage{width: 340px;border: 1px solid #eee;text-align: center;height: 340px;vertical-align: middle;}
.slider-data{float: left;padding-left: 15px;width: 405px;}
.slider-data h2{ margin:0px; font-size:16px; color:#141414; font-weight:normal; font-family:Myriad Pro, Arial, Helvetica, sans-serif;}
.slider-data ul{font-size:12px;color:#616161; font-weight:normal; font-family:Myriad Pro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; list-style:none;float: left;
margin: 30px 0 20px;}
.slider-data ul li{ list-style:none; margin:0px; padding-left:20px; background:url(../images/orange-check.png) no-repeat left center; margin-bottom:5px;}
.ask-a-q{background: #515151;padding:6px 10px 8px;color: #fff;font-size: 18px;text-decoration: none;float: right; margin-top:30px;font-family:Myriad Pro, Arial, Helvetica, sans-serif;}
.ask-a-q:hover{background:#000; }

.free-shipping-box{float:left; width:100%;}

.free-shipping-box img{float:left; margin-right:15px;margin-left: -1px;}
.shipping-detail{font-family:Myriad Pro, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.shipping-title{color: #fe5705;font-size: 23px; padding-top:2px; }
.shipping-title2{color: #141414;font-size: 25px;line-height: 20px;}
.shipping-title3{color: #141414;font-size: 22px;}
.shipping-title4{color: #141414;font-size: 13px; text-transform:none; padding-top:5px;}
.qm,.ca{
	float: left;
	width: 100%;
	font-size: 16px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #141414;
	letter-spacing: -0.2px;
	line-height: 15px;
	background:url(../images/qm.png) no-repeat left center;
	padding: 7px 0 8px 40px;
	display: block;
	max-width: 360px;
	margin-top: 6px;
}
.ca{background:url(../images/ca.png) no-repeat left center; color:#fe5705;}
/*--------- End Content ------------ */
/*--------- Start black-gray ------------ */
.black-gray{float: left;margin-top: 20px;}
.black-gray h2{color: #fff;font-size: 12px;font-weight: bold; background:url(../images/title-bar.png) repeat-x;margin: 0px;padding: 12px;}
.black-gray .box-content{display: block;border: 1px solid #e6e5e6;padding:0 10px; padding-top:0px; font-size:11px; color:#141414;line-height: 16px;}
.black-gray .box-content .ups-logo{float: right;margin-top: 10px;}
.black-gray .box-content .orange-heading,.black-gray .box-content h3{color: #fe5705;font-weight: bold;margin-bottom: -8px;}
/*--------- end black-gray ------------ */
/*--------- start footer-menu ------------ */
#footer-menu{float:left; width:100%; background:url(../images/footer-bg.png) no-repeat;}
#footer-menu ul {list-style: none;margin: 0px;padding: 0px;}
#footer-menu ul li {display: inline-block;list-style: none;background: url(../images/menu-sprt.png) right center no-repeat;padding-right: 1px;float: left;}
#footer-menu ul li a {font-size: 11px;color: #f1f1f1;padding:8px 14px 9px;text-decoration: none;display: inline-block;}
#footer-menu ul li a:hover{text-decoration:underline; background:url(../images/footer-ov.png) repeat-x;}

.footer-last{font-size:11px; color:#111111; padding:10px 0; float:left; width:100%;}
/*--------- End footer-menu ------------ */

/*---------------- buyer-table ---------------*/
#buyer-table{float: left;width: 100%;margin-top: 20px; margin-bottom:30px;}
#buyer-table table{border: 10px solid #eee;font-size: 11px;width: 100%;}
#buyer-table table tr.heading-row{background: #eee;font-size: 12px;line-height:20px;}
#buyer-table table tr.heading-row td{padding-left:0px;}
#buyer-table table tr.title-row{background: #eee;}
#buyer-table table tr.title-row td{padding-top:0px; padding-bottom:5PX;}
#buyer-table table tr.customer-data{line-height:18px;}
#buyer-table table tr.customer-data td{padding-top:20px; padding-bottom:20px;}
#buyer-table table tr.customer-data img{padding-top:5px;}
#buyer-table table tr.customer-data .customer-buyer,#buyer-table table tr.customer-data .buy-date{vertical-align:top;}
#buyer-table table tr.customer-data .customer-buyer img{padding-top:0px;}
#buyer-table table tr.customer-data .buy-date a{color:#0022b5;}
#buyer-table table tr.customer-data .buy-date a:hover{text-decoration:none;}
/* ============== End Content Body ================= */

.mu-arrow{display:none;}
/*======================= Responsive ====================*/
@media (max-width:999px){
#main-wrapp{width:740px;}
.logo {padding:0px;}
.logo img{ width:200px;}
.header-detail {margin-top: 0px;float: right;}
#main-menu {background:none;float: left;width: auto;margin-top: -43px;position: relative;margin-bottom: 10px;}
.search-bar {margin-top: 5px;}
#white-wrapp{width:720px;}
#gray-bg-menu li a {font-size: 10px;}
#content {width: 505px;}
#buyer-table table tr.customer-data .customer-buyer, #buyer-table table tr.customer-data .buy-date { min-width:85px;}
.slider {float: none;margin: 0 auto 20px;}
.slider-data {width: 97%;padding-top: 20px;}
#footer-menu{background-repeat:repeat;}
#main-menu .mobile-menu{
display: block;
float: left;
width: 50px;
color: #fff;
font-weight: bold;
padding: 10px 10px 11px 40px;
background: url(../images/nav-icon.png) 8px center no-repeat #111;
cursor: pointer;
}
#main-menu ul{display:none;}
#main-menu ul {
width: 360px;
position: absolute;
float: left;
top: 41px;
background: url(../images/menu-bg.png) repeat;
overflow: hidden;
}
#main-menu ul li {width: 100%;border-bottom: 1px solid #666;}
#main-menu ul li a {display: block;}
#footer-menu ul li a {padding: 8px 8px 9px;}
}


@media (max-width:739px){
#main-wrapp {width:600px;}
#white-wrapp {width:580px;}
#header-top ul li a {padding: 10px 6px;}
.logo {float: left;width: 100%;text-align: center;padding-bottom: 10px;}
.logo img {width: 200px;}
.header-detail {float: none;margin: 0 auto;width: 410px;}
.search-bar {margin-top: 10px;}
#gray-bg-menu li a {font-size: 11px;}
#content {width: 365px;}
.black-gray h2{background-repeat: repeat;}
.qm, .ca{max-width:325px;}
.slider-data{padding-left:0px;}
}


@media (max-width:599px){
#main-wrapp {max-width:460px;}
#white-wrapp {max-width:440px;}
#header-top #ht-right {float: left;}
#content {width: 100%;padding-left: 0px; margin-top:20px;}
#right-side {width:100%;}
#r-blak-bg {width: 180px;float: left;}
#gray-menu {float: right;width: 180px;margin-top: 0px;}
#gray-menu ul.menu,#r-blak-bg .inner-content{display: none;}
#gray-menu h2 {padding: 15px 0 20px 25px;}
.mu-arrow {display: block;float: right;margin-top: -2px;margin-right: 10px; cursor:pointer;}
#r-blak-bg h2 .mu-arrow{ margin-right:0px;}
}
@media (max-width:459px){
#main-wrapp {max-width:320px;}
#white-wrapp {max-width:300px;}
.header-detail {width: 210px;}
.search-bar .form-text{width: 125px;}
#main-menu ul {width: 300px;}
#gray-bg-menu li {
width: 100%;
background: none;
border-bottom: 1px dotted #888;
}
#r-blak-bg {width: 93%;float: left;margin-bottom: 20px; background-repeat:repeat-x;}
#gray-menu {width: 100%;}
.slider {width: 298px;}
.slider .mainImage {width: 100%;height: 280px;}
.thumbSlider li {height: 70px !important;width: 70px !important;border: 1px solid #CCCCCC;margin: 8px 3px 0 0;}
.shipping-title2 {font-size: 22px;}
.shipping-title3 {font-size: 20px;}
.qm, .ca {max-width: 260px;}
.qm br{display:none;}

#buyer-table table tr.customer-data .customer-buyer, #buyer-table table tr.customer-data .buy-date {
max-width: 120px;
}
#buyer-table table tr.customer-data td{width: 280px;float: left;padding: 5px;}
#buyer-table table tr.customer-data{float: left;width: 280px; border-bottom:2px solid #eee;}
#buyer-table table tr.title-row{display:none;}
}