body {margin:0; padding:0; background:#000;}
.clearfix:before,.clearfix:after {content: " ";  display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
#listing #customer span {color:#0632ec; font-size:30px; font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif !important}
#listing #topcategories ul li {display:none;}
#listing #topcategories ul li.JA_category {display:block;}
#listing .left {float:left;}
#listing .right {float:right;}
#listing #respMenu {display:none; color:#fff;}
.clear {clear:both;}
#listing .sidebar {float:left; width:200px;}
#listing .rightSide {float:right;}
#listing .itemhead {padding-top:20px;}
#listing #centersidebody .leftSide {width:48%; float:left}
#listing #centersidebody .rightSide {width:48%; float:right;}
#listing #itemright .left,
#listing #itemright .right {width:49%;}
#listing #descr {clear:both;}
#listing .code.rrp {font-size:16px; font-weight:bold;}
#listing .code.price {font-size:24px; font-weight:bold;}
#listing .code span.red {color:red;}
#listing #descrbody {width:100%;}
#itemimage table td.JTI_IW_tmbContainer span {width:70px; height:70px; display:block; border:1px #ccc solid; position:relative; margin:0 5px 5px 0; padding:0;}
#itemimage table td.JTI_IW_tmbContainer span img {position:absolute; left:0; top:0; right:0; border:none; bottom:0; margin:auto; display:block; max-height:68px; max-width:68px;}
#listing #customerbody a {color:#fff !important; text-decoration:none;}
#listing .code {font-size:13px; font-weight:normal;}
#listing #descrhead b {font-size:12px; font-weight:normal;}

#listing .tabcontent {display:none;}
#listing .tabcontent.current {display:block;}

ul.tabs {list-style:none; height:30px; line-height:30px; border-bottom:1px #ccc solid; margin:0; padding:0; display:block; width:100%;}
.tabs li {float:left; margin:0 2px 0 0; height:30px; padding:0; display:block; text-align:center}
.tabs li span {padding:0 17px; height:30px; background:#222; color:#fff; display:block; font-size:14px; font-weight:normal; cursor:pointer; border:1px #222 solid; text-decoration:none;}
.tabs li.current span,
.tabs li:hover span {background:#fff; color:#222; text-decoration:none; border-color:#ccc; border-bottom:1px #fff solid;}

.tabbody {clear:both; margin:0; padding:10px; display:block;}

@media screen and (max-width: 980px){
	body {background:#000 !important; padding:0 5px !important;}
	#listing div {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}	
	#listing #head,
	#listing #topcat,
	#listing #topheader,
	#listing #menuline,
	#listing .pagewidth,
	#listing #topcategories,
	#listing #customerbody  {width:100% !important; max-width:100% !important;}
	#listing #menulinebg,
	#listing .sidebar,
	#listing #footer {display:none;}
	#listing #bodypage {padding:0 0 5px 0; position:relative; z-index:1; background:#fff;}
	#listing #pagebg {background:#000;}
	#listing #page {width:100%; background:#1d1d1d;}
        #listing #topcat,
	#listing #page > form {position:relative; z-index:2;}
	#listing #topheader {height:auto;}
	#listing #centerside {padding:0; margin:5px 0 0 0; width:100%;}
	#listing #centersidebody {padding:0 5px;}
	#listing #centersidebody > img {display:none;}
	#listing .itemhead {width:100%;}
	#listing .rightSide {width:100%;}
	#listing #search,
	#listing #customer {display:block; float:none; margin:0; padding:0;}
	#listing #customer {text-align:center;}
	#listing #customerbody {height:auto;}
	#listing #customer span,
	#listing #customer div {display:inline-block; margin:0 5px; padding:0;}
	#listing #search {height:31px; position:relative; margin:20px 0 10px 0; padding:0; display:block;}
	#listing #searchbody {height:31px; width:100%; display:block;}
	#listing #search input#inpbox {width:100%; height:31px; line-height:31px; padding:0 50px 0 10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	#listing #search #gosrc {position:absolute; top:3px; right:3px;}
	#listing #head {background:#000 !important; height:auto !important}
	#listing #topheader {padding:20px 0 10px 0; text-align:center;}
	#listing #logo {background:url(https://shared1.ad-lister.co.uk/UserImages/e69069bd-8de3-4065-ad07-2e0c1db826f4/Img/_design/small-logo.png) no-repeat !important; width:113px; height:45px; display:block; margin:0 auto; padding:0; float:none;}
	#listing #logo a {width:100%; height:100%; display:block; text-indent:-9999px;}
	#listing #topcat {padding:0; margin:0; background:#000; height:40px; display:block;}
	#listing #respMenu {display:block; background:blue; margin:0; padding:0 10px; height:40px; cursor:pointer; line-height:40px; text-transform:uppercase; font-weight:bold; font-size:14px;}
	#listing #respMenu span {display:none;}
	#listing #respMenu.active span {display:inline-block; float:right; text-align:right;}
	#listing #topcategories {height:auto; background:transparent;}
	#listing #topcategories ul#navmenu {display:none; margin:0; padding:0;}
	#listing #topcategories ul#navmenu.active {display:block;}
	#listing #topcategories ul#navmenu li {float:none; height:30px; line-height:30px; display:block; clear:both; margin:0; padding:0; background:red !important}
	#listing #topcategories ul#navmenu li:hover {background:blue !important;}
	#listing #topcategories ul#navmenu li ul,
	#listing #topcategories ul#navmenu li:hover ul {display:none !important;}
	#listing #topcategories ul#navmenu li a {background:transparent; width:100% !important; display:block; margin:0; padding:0; height:30px; line-height:30px; text-decoration:none;}
	#listing #topcategories ul#navmenu li a:hover {background:transparent; color:#fff !important; text-decoration:none;}

	#listing .tabcontent {width:100%;}
}
@media screen and (max-width: 768px){
	#listing .tabbody {padding:5px;}
	#listing #itembrand {display:none;}
	#listing #descrbody {width:100%;}
}
@media screen and (max-width: 680px){
	#listing #centersidebody .leftSide,
	#listing #centersidebody .rightSide {width:100%; clear:both; float:none;}
	#listing #itemright {padding:0; }

.tabs li {margin:0; width:14.2%;}
.tabs li span {padding:0 2px; font-size:80%;}

	#listing #JTI_IW_photoHolder,
	#listing #JTI_IW_photoHolder img,
	#listing #itemimage {width:100% !important;}
}
@media screen and (max-width: 480px){
	#listing #customer span,
	#listing #customer div {font-size:18px;}

	#listing #itemimage table td.JTI_IW_tmbContainer span {width:50px; height:50px;}
	#listing #itemimage table td.JTI_IW_tmbContainer span img {max-height:48px; max-width:48px;}	
}
@media screen and (max-width: 380px){
	/**/
}