/*
Muscle Bulletin Shop CSS

By Indulge Media (www.indulgemedia.com)

*/

.col-left {
	float:left;
	width:755px;
}

.shop-tabs{
	float:left;
	display: inline;
	width:100%;
}

.shop-tabs .shop-tab a, 
.shop-tabs .shop-tab .a {
	float:left;
	display:inline;
	margin-left: 10px;
	height: 26px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #dfdfdf;
	background: #dfdfdf url('/pages/shop/images/main/shop-tab.gif') top left repeat-x;
	color:black;
	opacity:0.5;
	filter: alpha(opacity = 50);
}

.shop-tabs .active a,
.shop-tabs .active .a {
	opacity:1;
	filter: alpha(opacity = 100);
}

.shop-tabs a:hover {
	opacity:0.8;
	filter: alpha(opacity = 80);
}

.shopcontainer {
	float: left;
	display: inline;
	width:100%;
	border: 1px solid #dfdfdf;
	padding-bottom: 13px;
	background: #dfdfdf;
}

.shop-col-left {
	float: left;
	display: inline;
	width: 200px;
	margin: 5px 0px 0px 13px;
	/*
	border: 1px solid #dfdfdf;
	background: white;
	*/
}

.shop-col-left h2 {
	float: left;
	display: inline;
	color: white;
	width: 188px;
	padding:3px 6px 10px 6px;
	margin: 0px;
	height:10px;
	
	background: no-repeat;
	position: relative;
}

.shop-col-left a,
.shop-col-left a:link,
.shop-col-left a:visited{
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.shop-col-left ul {
	float: left;
	display: inline;
	background: white;
	width: 200px;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid white;
}
.shop-col-left li {
	float: left;
	display: inline;
	width: 198px;
	border: 1px solid white;
	border-top: 0px;
}
.shop-col-left li table{
	padding:0;
	margin:0;
	width: 198px;
}
.shop-col-left li td{
	padding:0;
	margin:0;
}
.shop-col-left li.even td{
	background: #f3f3f3;
}

.shop-col-left .product-buy {
	float: left;
	display: inline;
	width: 170px;
	border-right: 1px solid white;
	padding: 2px 0px 2px 5px;
	color: #1111CC;
}
.shop-col-left .no-info .product-buy {
	width: 193px;
	border-right: 0px none;
}
.shop-col-left .product-buy:hover {
	/* background: url('/pages/shop/images/main/list-hover.gif') center left repeat-x; 
	color: white;*/
	text-decoration: underline;
}

.shop-col-left li table td.cell-product-info{
	width:22px;
}
.shop-col-left a.link-product-info {
	height:100%;
	width:100%;
}
.shop-col-left .product-info {
	height:100%;
	width:100%;
	padding: 2px 0 2px 0;
	float: right;
	display: inline;
	text-align: right;
	color: white;
	background: url('/pages/shop/images/main/i-white.gif') center center no-repeat;
}
.shop-col-left .even .product-info {
	background: url('/pages/shop/images/main/i-grey.gif') center center no-repeat;
}
.shop-col-left .cell-product-info:hover {
	background: url('/pages/shop/images/main/list-hover.gif') center left repeat-x;
	color: white;
}
.shop-col-left .cell-product-info:hover .product-info {
	background: url('/pages/shop/images/main/i-green.gif') center left repeat-x;
	color: white;
}


.shop-col-right {
	float: right;
	display: inline;
	border: 1px solid #dfdfdf;
	background: white;
	width: 498px;
	margin: 5px 5px 0px 0px;
	padding:0px 13px 13px 13px;
}
.shop-col-right h2 {
	float: left;
	display: inline;
	width: 480px;
	height:24px;
	padding: 5px 0 0 10px;
	margin: 13px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	background: url('/pages/shop/images/main/bkg-range-blue.png') left center no-repeat;
	color:white;
}
.shop-col-right a {
	text-decoration: none;
	color:inherit;
}

.shop-col-right ul {
	float: left;
	display: inline;
	width:100%;
}

.shopcontainer .shop-col-right li {
	float: left;
	display: inline;
	margin: 13px 0px 0px 13px;
	width: 146px;
	height: 176px;
	
}
.shop-col-right .product-display {
	float: left;
	display: inline;
	width: 144px;
	height: 148px;
	margin: 0;
	padding: 0;
	border: 1px solid #dedede;
	border-bottom: 0px;
}
.shop-col-right .product-image {
	width:100%;
	height: 104px;
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
}
.shop-col-right .product-image img{
	border: 0 none;
	margin-top: 20px;
}
.shop-col-right .product-name {
	width:100%;
	float:left;
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
	
}
.shop-col-right .product-buy {
	font-size: 0px;
	width:72px;
	height:20px;
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	background: url('/pages/shop/images/main/btn-buynow-grey.gif') left center no-repeat;
	background: url('/pages/shop/images/main/btn-buynow-green.gif') left center no-repeat;
}
.shop-col-right .link-product-buy:hover .product-buy {
	background: url('/pages/shop/images/main/btn-buynow-green.gif') left center no-repeat;
}	
.shop-col-right .product-info {
	font-size: 0px;
	color: #dedede;
	width:52px;
	height:21px;
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	background: url('/pages/shop/images/main/btn-info-grey.gif') left center no-repeat;
	background: url('/pages/shop/images/main/btn-info-orange.gif') left center no-repeat;
}	
.shop-col-right .link-product-info:hover .product-info {
	background: url('/pages/shop/images/main/btn-info-orange.gif') left center no-repeat;
}
.shop-col-right .product-no-info {
	font-size: 0px;
	color: #dedede;
	width:74px;
	height:20px;
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	border-top:  1px solid #dedede;
}
.shop-col-right a,
.shop-col-right a:link, 
.shop-col-right a:visited {
	color: #dedede;
	text-decoration: none;
	cursor: pointer;
}

.shop-col-right a .product-name ,
.shop-col-right a:link .product-name,
.shop-col-right a:visited .product-name {
	color: black;
}