@charset "utf-8";
/* CSS Document */
body{
	margin:0 auto;
	padding:0px;
}

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

	font-family:Verdana, Arial, Helvetica, sans-serif;

} 
.pdp-wrap{
		background:#ebebeb; width:100%;
}
#main-wrapp:after{content:''; position:absolute; clear:both; float:none;}
#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:Verdana, 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;}


#header > div.header-detail > div.detail-box2.detail-box{ display:none;}
/*--------- 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: 0px;}
.logo,.header-detail,.detail-box,.other-detail{float:left;}
.detail-box1{width: 202px; }
.logo{padding-left: 10px; padding-top:17px;}
.header-detail{margin-left:70px;margin-top: 15px; margin-bottom:10px; line-height:100%;}
.search-bar{float:right;}
.detail-box img{ float:left; display:none;}
.detail-title,.detail-text{color:#f38222; font-size:11px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; font-weight:bold; }
.detail-text{color:#414141; font-size:11px;text-transform: none; letter-spacing: 0px; font-weight:normal;}
.other-detail{text-align:left;}
.detail-box2{padding-left: 45px; padding-top:0px; width:202px;}
.detail-box2 .detail-text{font-size:11px; letter-spacing: 0px; text-align:left; }

.search-bar{margin-top:30px;}
.search-bar .form-text,.search-bar .search-submit{background: #f6f6f6;font-size: 11px;border: 2px solid #dfdfdf;color: #666; width:185px; 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;*/
	background:#414141;
	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 12px 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  ------------ */


#r-blak-bg{display:none;}

/*--------- Start Gray MENU ------------ */
#gray-bg-menu {list-style:none; margin:0px; padding:0px; float:left; width:100%; background:#ebebeb;}
#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:#414141; 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: #f38222;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;}

.leftImageSection ul.bxslider{ margin:0;}

/*--------- 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,#gray-menu_n{float: left;width: 100%;margin-top: 0px;}
#gray-menu h2, #gray-menu_n h2{margin:0px; background:#ebebeb; font-size:11px; font-weight:600; padding:7px 0 7px 5px;}
#gray-menu ul,#gray-menu_n ul{background: #ebebeb;padding: 0px;margin: 0px;list-style: none;color: #141414;font-size: 11px;}
#gray-menu ul.menu, #gray-menu_n ul.menu{padding-top:3px;}
#gray-menu a, #gray-menu_n 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, #gray-menu_n a:hover{color:#f38222;}
#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, #gray-menu_n a.active{ font-weight:bold;}
#r-blak-bg .form-submit{text-align: center;font-weight: bold;color: #f38222;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;}

.dark-backgound{ background:#414141 !important;     margin-top: 15px !important;}
#gray-bg-menu.dark-backgound li a{ color:#ebebeb;}
.right{text-align:right;}
/*--------- End  Right Side ------------ */

/*--------- Start Content ------------ */


#product-description table {
    width: 100%;
    border-collapse: collapse;
}

#product-description table td {padding:0.75em 1.5em;     word-break: keep-all;}


#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%; max-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; display:table-cell;}
.slider-data{float: left;padding-left: 15px;width: 405px;}
.slider-data h2{ margin:0px; font-size:13px; color:#141414; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.slider-data ul{font-size:12px;color:#616161; font-weight:normal; font-family:Verdana, 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: 14px;     text-transform: uppercase; text-decoration: none;float:left; margin-top:15px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.ask-a-q{   
    padding: 6px 10px 8px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
    margin-top: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    vertical-align: top;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #f38222;
    border: 0;
    border-bottom: 2px solid #C17B0C;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #C17B0C;
    box-shadow: inset 0 -2px #C17B0C; border-radius:2px;
	
	}


/*.ask-a-q:hover{background:#000; }

*/
.ask-a-q:active,.ask-a-q:hover {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.thumbSlider1 { padding:0; list-style:none;}
.thumbSlider1 a{ width:70px; height:70px; float:left; margin:5px; display:inline-block;}
.thumbSlider1 a img{ width:100%; margin:0 auto;}

#large-image-pop{ font-size:11px; text-align:center;}

.free-shipping-box{float:left; width:100%; margin:20px 0px;}

.free-shipping-box img{float:left; margin-right:15px;margin-left: -1px;}
.shipping-detail{font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.shipping-title{color: #f38222;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: 13px; font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #141414;
/*	line-height: 18px;
	background:url(../images/qm.png) no-repeat left center;
*/	padding: 7px 0 8px 0px;
	display: block;
	max-width: 360px;
	margin-top: 0px;
}
.ca{background:url(../images/ca.png) no-repeat left center; color:#f38222; display:none;}
/*--------- End Content ------------ */
/*--------- Start black-gray ------------ */
.black-gray{float: left;margin-top: 0px; width:100%;}
.black-gray h2{color: #fff;font-size: 12px;font-weight: bold; background:#414141; margin: 0px;padding: 12px;}
.black-gray .box-content{display: block;border: 0px solid #e6e5e6;padding:0 10px; padding-top:0px; font-size:12px; color:#141414;line-height: 20px;}
.black-gray .box-content .ups-logo{float: right;margin-top: 10px;}
.black-gray .box-content .orange-heading,.black-gray .box-content h3{color: #f38222;font-weight: bold;margin-bottom: 5px;}
/*--------- end black-gray ------------ */
/*--------- start footer-menu ------------ */
#footer-menu{float:left; width:100%; background:#414141;}
.grey-backgorund{ margin:10px 0px;}
#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: #ebebeb;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 10px; float:left; width:100%;}

.grey-backgorund .footer-last, .grey-backgorund .footer-last a{ color:#ebebeb; }
/*--------- End footer-menu ------------ */

/*---------------- buyer-table ---------------*/
#buyer-table{float: left;width: 100%;margin-top: 20px; margin-bottom:30px; color:#414141;}
#buyer-table table{border: 10px solid #ebebeb;font-size: 11px;width: 100%; color:#414141;}
#buyer-table  .feedbackProductTitle{background: #ebebeb;font-size: 12px;line-height:20px; margin:0; padding:5px 10px; text-transform:capitalize;}
#buyer-table table tr.heading-row td{padding-left:0px;}
#buyer-table table tr.ratingTableHeader{background: #ebebeb;}
#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;}
.tabs{float: left;margin-top: 0px;border: 1px solid #ccc; padding:10px;     width: 100%;     box-sizing: border-box; margin-top:20px; }
#royal-mail-information img{ width:98%; margin:0 auto; height:auto;}
.tabs-btn{float:left; margin-top:20px; width:100%; clear:both;border-bottom: 1px solid #ccc; }
.tabs-btn h3.tab-btn{float: left;
margin: 0px;
border: 1px solid #ccc;
border-bottom: 0px;
padding: 8px 15px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
margin-left: 10px;
color: #333;
font-size: 14px;
background: #eee;
font-weight: normal;
cursor:pointer;}
.tabs-btn h3.tab-btn.active{color: #fff;background: #111;}
.black-gray{display:none;}
#product-description{display:block;}
#product-description p,#product-description span, #product-description table, #product-description div{ font-size:11px !important; font-family:Verdana, Arial, Helvetica, sans-serif !important;}

.commentTD p:first-child{ font-weight:bold;}
.commentTD p{ margin:8px 10px;}
div.FullFeedback{ margin:10px;}
.no-ship{ color:#ff6600;}

.ebayitemid{ margin: 15px 0px;
font-size: 13px;
color: #48aa42;
font-weight: 400;
font-family: Verdana, Arial, Helvetica, sans-serif; float:left;
}
.underlineme{ text-decoration:underline; font-size:18px;}
.lev1 li span, #org-catbot ul li span{ line-height: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
vertical-align: middle;
color: #141414;  }

#royal-mail-information{width:100%;}


@-moz-document url-prefix() { 
  .search-bar .search-submit 
 {
     height:43px;
  }
}

.opening-hours p{ margin:2px 0px; padding:0px; text-align:left;}
.opening-hours span{ display:inline-block; float:left; padding-left:10px;}
#white-wrapp:after{ content:''; display:block; clear:both; float:none;}
#white-wrapp{ float:none; margin:0 auto;}

span.ddy{ width:50%;}


#product-description table tr td:first-child{width:40%;}

/*======================= Responsive ====================*/
@media (max-width:999px){
#main-wrapp{width:740px; }
.logo {padding:0px;}
.logo img{ width:200px; padding-top:15px;}
.header-detail {margin-top: 0px;float: left; margin-left:10px;}
#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 #414141;
cursor: pointer;
}
#main-menu ul{display:none;}
#main-menu ul {
width: 360px;
position: absolute;
float: left;
top: 41px;
background: #414141;
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;}
.detail-box2{ width:140px; padding-left:15px;}
.search-bar .form-text{ width:119px; }
.detail-box1{ width:191px;}
}


@media (max-width:739px){
#main-wrapp {width:600px;}
#white-wrapp {width:580px;}
#header-top ul li a {padding: 10px 3px;}
.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;}
.detail-box1{ width:auto; float:none;}
.detail-box2{ padding-left:0px; padding-top:5px;}
.other-detail{ text-align:center; float:none;}
#main-menu ul li a{ text-align:center;}
#ht-right{ display:none;}
}


@media (max-width:599px){
#main-wrapp {max-width:460px;}
#white-wrapp {max-width:440px;}
#header-top #ht-right {float: left;}
#header-top #ht-left{ margin:0px 4px; text-align:center; float:none;}
#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;}



#gray-menu_n {float: right;width: 180px;margin-top: 0px;}
#gray-menu_n ul.menu,#r-blak-bg .inner-content{display: none;}
#gray-menu_n h2 {padding: 15px 0 20px 25px;}
.mu-arrow {display: block;float: right;margin-top: -2px;margin-right: 10px; cursor:pointer;}

.detail-box2, .detail-box2 .detail-text{ text-align:center;}
.search-bar{ width:210px; margin:0 auto; float:none;}
.search-bar .form-text{width: auto;     margin-right: -5px;}


}


@media (max-width:459px){
#main-wrapp {max-width:370px;}
#white-wrapp {max-width:335px;}
.header-detail {width: 210px; margin-bottom:10px;}

#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%;}

#gray-menu_n {width: 100%;}

.slider {width: 335px;}
.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.feedbackBG td{/*width: 280px;*/float: left;padding: 5px;}
#buyer-table table tr.feedbackBG{float: left;width: 280px; border-bottom:2px solid #eee;}
#buyer-table table tr.title-row,.ratingTableHeader{display:none;}
.tabs-btn h3.tab-btn {padding: 8px 6px;margin-left: 5px;}

.black-gray .box-content{ width:95%; word-break:break-word;}
.detail-box2{ float:left; text-align:left; padding-left:10px; margin-bottom:10px;}
.detail-box2 .detail-text{text-align:left;}

#product-description table tr td:first-child{ width:45%;}
}




@media (max-width:413px){
#main-wrapp {max-width:375px;}
#white-wrapp {max-width:325px;}
.header-detail {width: 210px; margin-bottom:10px;}

#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%;}

#gray-menu_n {width: 100%;}

.slider {width: 325px;}
.slider .mainImage {width: 100%;height: 325px;}
.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.feedbackBG td{/*width: 280px;*/float: left;padding: 5px;}
#buyer-table table tr.feedbackBG{float: left;width: 280px; border-bottom:2px solid #eee;}
#buyer-table table tr.title-row,.ratingTableHeader{display:none;}
.tabs-btn h3.tab-btn {padding: 8px 6px;margin-left: 5px;}

.black-gray .box-content{ width:95%; word-break:break-word;}
.thumWrap,.ask-a-q{display:none;}
}



@media (max-width:320px){
#main-wrapp {max-width:320px;}
#white-wrapp {max-width:285px;}
.header-detail {width: 210px; margin-bottom:10px;}

#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%;}

#gray-menu_n {width: 100%;}

.slider {width: 285px;}
.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.feedbackBG td{/*width: 280px;*/float: left;padding: 5px;}
#buyer-table table tr.feedbackBG{float: left;width: 280px; border-bottom:2px solid #eee;}
#buyer-table table tr.title-row,.ratingTableHeader{display:none;}
.tabs-btn h3.tab-btn {padding: 8px 6px;margin-left: 5px;}

.black-gray .box-content{ width:95%; word-break:break-word;}
}


