/* Expansys/8a/top20 */

h2 {margin:16px 0;padding:6px 8px;font-size:18px;line-height:18px;color:#fff;background:#5f6a72 url(/j/8a/images/generic/subtitle_bg.png) repeat-x 0 0;clear:both;text-shadow:0 -1px 0 rgba(0,0,0,.3);-moz-border-radius:6px;border-radius:6px;-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}
#top20_grid ul {margin:0;padding:0;list-style:none}
#top20_grid .item {position:relative;float:left;width:233px;height:244px;margin:0 16px 8px 0;text-align:center}
#top20_grid .image {position:relative}
#top20_grid .logo {position:absolute;bottom:6px;right:26px;width:70px;height:70px;background:url(/j/8a/images/pages/category/brand_logo_bg.png) no-repeat 0 0;opacity:.95}
#top20_grid .logo img {display:block;margin:9px 10px;-ms-interpolation-mode:bicubic}
#top20_grid .count {position:absolute;top:104px;left:12px;padding:4px 8px 6px;background:#001722;color:#fff;font-size:30px;line-height:30px;font-weight:bold;text-align:center;-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,.2)}
#top20_grid .title h3 {margin:3px 0 2px;font-size:12px;line-height:15px;max-height:30px;overflow:hidden}
#top20_grid .title a {color:#001722;text-decoration:none;font-weight:bold}
#top20_grid .title a:hover {color:#5f6a72;text-decoration:underline}
#top20_grid  .price {margin:2px 0;font-weight:bold;font-size:12px;color:#55a51c;text-align:center}

#top20_grid  .price sup {position:relative;top:4px;font-size:11px}
body:-moz-last-node #top20_grid .price sup {font-size:10px;top:4px} /*tweak for firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0){#top20_grid  .price  sup {font-size:10px;top:3px}}/*tweak for webkit*/

#top20_grid .c3 {margin-right:0}

/* Videos */
#videos:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#videos ul {float:left;width:130px;margin:0 16px 0 0;padding:0 10px;list-style:none;text-align:center;font-size:11px;line-height:13px}
#videos h4 {margin:2px 0 3px;font-size:11px;max-height:53px;overflow:hidden}
#videos a {text-decoration:none;color:#001722}
#videos a:hover {text-decoration:underline;color:#5f6a72}
#videos .c5 {margin-right:0}
#videos .thb {position:relative;width:120px;height:103px;margin:0 auto}
#videos img {margin:0 0 2px;padding:6px 0}
#videos .image {position:relative;}
#videos .frame {position:absolute;top:0;left:5px;width:120px;height:103px;background:url(/j/8a/images/pages/product/video_frame.png) no-repeat 0 0}
#videos .viewcount, #videos .date {color:#666;font-weight:bold}
#videos .date {margin-bottom:16px}
#videos .videoRow { overflow:hidden; }

/* JB Video Top Panel (vid + prod) */
#mainVidContainer
{
	float: left;
	display: inline;
	margin: 0 0 16px;
}
#mainVidProduct
{
	float: right;
	display: inline;
	width: 484px;
	margin: 0 0 16px;
}

#prodInfo
{
	float: left;
	width: 215px;
	padding: 27px 0 0 5px;
}

#prodInfo .prodPrice
{
	margin: 0 0 13px;
	font-weight: bold;
	font-size: 16px;
	color: #56a61d;
}
#prodInfo .prodPrice span
{
	font-size: 24px;
}

#prodInfo .prodWas
{
	font-size: 11px;
	margin: 0 0 24px;
	color: #333;
}

#prodInfo .delInfo
{
	font-size: 11px;
	margin:0 0 25px;
	color: #333;
	line-height: 1.8;
}
#prodInfo .delInfo strong
{
	color: #56a61d;
}

#mainVidProduct #stock
{
	margin: 12px 0;
	padding: 6px 0;
	color: #56A61D;
}
#mainVidProduct #prodInfo .instock
{
	padding-left: 36px;
	font-size: 13px;
	font-weight: bold;
	background: url(http://beta.expansys.com/j/8a/images/pages/product/tick.png) no-repeat 0 50%;
}

#mainVidProduct #image 
{
	position: relative;
	float:right;	
}
#mainVidProduct #image .mainImage 
{
	display:block;
	padding:26px 41px 27px 42px;
	background:url(http://beta.expansys.com/j/8a/images/pages/product/l_img_bg.png) no-repeat 0 0;
}
#mainVidProduct #image .brandImage
{
	position:absolute;
	top:134px;
	left:10px;
	width:70px;
	height:70px;
	background:url(http://beta.expansys.com/j/8a/images/pages/category/brand_logo_bg.png) no-repeat 0 0;
	opacity:.95;
	-ms-interpolation-mode:bicubic;
}
#mainVidProduct #image .brandImage img
{
	display: block;
	margin: 9px 10px;
}

#moreInfo
{
	clear: both;
	display: block;
	float: right;
	text-align: center;
	width: 245px;
	font-weight: bold;
	font-size: 16px;
	color: #069bdc;
	padding: 10px 0;
}
/* END JB Video Top Panel (vid + prod) */

/* TOP 20 Tabs */
#top20Categories
{
	padding:4px;
	font-size:18px;
	color:#3c474f;
	border:1px solid #a2b1bd;
	background: url(m/j/8a/images/pages/checkout/field_bg.png) repeat-x 0 0;
	width: 250px;
  margin:8px 0;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	
	-moz-box-shadow:0 0 4px rgba(60,71,79,.3);
	-webkit-box-shadow:0 0 4px rgba(60,71,79,.3);
	box-shadow:0 0 4px rgba(60,71,79,.3)
}

.top20Tabs
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}
*+html .top20Tabs
{
	margin-top: 16px;
	margin-bottom: -12px;
}
* html .top20Tabs
{
	height: 36px;
	clear: both;
}
.top20Tabs li
{
	float: left;
	display: inline;
}
.top20Tabs li a
{
	float: left;
	display: inline;
	text-decoration: none;
	margin: 0 2px 0 0;
	height: 36px;
	overflow: hidden;
	outline: none;
}
.top20Tabs li a img
{
	display: block;
	position: relative;
}
.top20Tabs li a.current img,
.top20Tabs li a:hover img
{
	top: -36px;	
}

.top20TabPanes
{
	clear: both;
	overflow: hidden;
	margin: 0 0 16px;
}
* html .top20TabPanes
{
	zoom: 1;
}
.top20TabPane 
{ 
	border-top: 3px solid #079bdc;
	padding: 25px 0;
	overflow: hidden;
}
.top20TabPanes h3
{
	color: #333;
	font-weight: normal;
	background: none;
	margin: 0 0 6px;
	padding: 0;
	font-size: 22px;
	padding: 16px 0 0;
}
/* END TOP 20 Tabs */