/*
Filename: product-styles.css
Description: styles for full page of one product
Author: Renellyn Talabucon
Last edit: 1 July 2009
*/

/*class oneProd is used by
template/product/product.tpl
template/product/category.tpl
*/

.content .oneProd{
margin:20px auto; /* width:495px;  */width:auto; height:auto; text-align:center;
/* background:url(../images/border-latestbg.gif) repeat-y top center;  */
width:auto; height:auto;
}	.content .oneProd:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
.content .oneProd h1.sectionTitle{
padding:10px 0 0 15px; float:left; display:block; 
font:16px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
font-weight:bold; text-align:left; text-transform:uppercase;
}	.content .oneProd h1.sectionTitle:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
/****styles for one product page****/	
.oneProd .prodInfo{ 
margin:0 auto; padding:10px; text-align:center;
/*width:470px*/ width:auto; height:auto;
}
	.oneProd .prodInfo:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	

.oneProd .singleProdImg{ 
padding:10px 0; float:left;  clear:both;
width:260px; height:auto;
}
	.oneProd .singleProdImg a img{ 	
	width:250px; height:auto;
	}
	
	.oneProd .singleProdImg .img-enlarge{ 
	float:left; width:200px; 
	text-align:left; 
	}
	.oneProd .singleProdImg .img-enlarge img{  
	width:135px; height:30px;
	}
	
.oneProd .singleProdData{ 
padding:20px 0;
float:right; width:200px;
}
	.oneProd .singleProdData table{ 
	width:190px;
	}
	.oneProd .singleProdData table tr{ 
	vertical-align:top;
	}
	.oneProd .singleProdData table td{ 
	padding:5px; font-weight:bold; text-align:left;
	font:11px Arial, Verdana, Helvetica, sans-serif; color:#333;
	}	
		.oneProd .singleProdData table td a{ 
		padding:5px; font-weight:bold; text-align:left;
		font:11px Arial, Verdana, Helvetica, sans-serif; color:#333;
		}	
	.oneProd .singleProdData table label{ 
	font:11px Arial, Verdana, Helvetica, sans-serif; color:#0038a7;
	font-weight:bold;
	}		

.oneProd .qty-box{  
background:#F7F7F7; border:1px solid #DDDDDD; padding:10px 5px;
font:11px Arial, Verdana, Helvetica, sans-serif; color:#000;
font-weight:bold;
}	
	.oneProd .qty-box{ 
	
	}
	.oneProd  .qty-box .addCart{
	background:url(../images/icon-basket.gif) no-repeat top left;
	margin:0 5px; padding-left:20px; 
	}
		.oneProd  .qty-box .addCart a:link, 
		.oneProd  .qty-box .addCart a:active, 
		.oneProd .qty-box .addCart a:visited{
		font:11px Arial, Verdana, Helvetica, sans-serif; 
		color:#f60; font-weight:bold;
		}	
		.oneProd  .qty-box .addCart a:hover{
		font:11px Arial, Verdana, Helvetica, sans-serif;
		color:#c00; font-weight:bold;
		}

.oneProd .prodTabs{
	display: block; height:auto; text-align:left;
	/* width:460px; */
}	
	.oneProd .prodTabs:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}	

	.oneProd .prodTabs a{
	float: left; display: block;
	margin-right: 2px; padding: 6px 15px 7px 15px;	
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000; font-weight: bold;	font-size: 13px;
	text-decoration: none; 	z-index: 1;	position: relative;	top: 1px;
	}
	.oneProd .prodTabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
	}
.oneProd  .page {
border: 1px solid #DDDDDD;
background: #FFFFFF; margin-bottom: 10px; padding: 10px;
display: inline-block; clear: both; z-index: 2; text-align:left;
/* width:460px; */
}	
	.oneProd  .page p{ 	margin:5px 0;	}	
	
	.oneProd  .page div .tab-img{
	margin-left: 5px; margin-right: 5px; margin-bottom: 10px;
	display: inline-block; float: left; text-align: center; 
	}
		.oneProd  .page div .tab-img a img{
		margin-bottom: 3px; width:100px; height:100px;
		border: 1px solid #ddd; 
		}

/*applied to category.tpl*/
.oneProd .catgrps{
margin:0 auto; padding:0; clear:both;
border-bottom:1px solid #ccc;
/* width:470px; */ width:95%;
}
	.oneProd .catgrps:after{
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;	
	}
.oneProd .oneCatImg{
display: inline-block; float: left; text-align: center; 
width: 25%; margin:10px 0 15px 15px;
}
	.oneProd .oneCatImg a img{
	margin-bottom: 3px;
	}
	.oneProd .oneCatImg .oneCatName{
	font:12px Arial, Verdana, Helvetica, sans-serif; 
	color:#ce1127; font-weight:bold;	
	}
.oneProd .sort {
margin: 10px 0; padding:5px 0;
width: 100%; height: 30px; 
}
	.oneProd .sort .div1 {
		float: right;
		display: inline;	
	}	
		.oneProd .sort .sortSelect{
		padding-right:15px;
		float:right; display: inline;	
		line-height:20px;
		}
	.oneProd .sort .div2 {
	text-align: right;
	display: inline;	
	}
		.oneProd .sort .sortBy{
		padding:3px 10px 0 10px;	
		float:right; text-align:left;
		display: inline; line-height:20px; 
		font:12px Arial, Verdana, Helvetica, sans-serif; 
		font-weight:bold;
		}
	.oneProd .sort select {
	margin: 0; padding:1px;
	font:12px Arial, Verdana, Helvetica, sans-serif; 	
	}
	.oneProd .sort option{
	margin: 0; padding:1px;
	font:12px Arial, Verdana, Helvetica, sans-serif; 	
	}

.content .pagination {
background: #F8F8F8; border-top:1px solid #ccc;
margin-bottom:10px; /* width:470px; */ width:95%;
display: inline-block; clear:both;
font:11px Arial, Verdana, Helvetica, sans-serif; 
font-weight:bold;
}
	.content  .pagination .links, .content  .pagination .results {
	padding: 7px;
	}
	.content  .pagination .links {
	float: left;
	}
	.content   .pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	}
	.content  .pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
	}
	.content  .pagination .results {
	float: right;
	}
.oneProd table.list {
margin-bottom:10px;
width: 100%;
}
	.oneProd table.list td {
	vertical-align: top;		
	}
	/*inside table.list*/
	.oneProd .prodImg{
	margin:0 auto;
	text-align:center; 
	width:120px;		
	}
	.oneProd .prodImg img{
	margin:0 auto;
	text-align:center; 
	width:90px; height:90px;
	}
	.oneProd .prodData{		
	margin:0 auto;	
	text-align:center; 
	width:120px;
	}	
		.oneProd  .prodData h3{
		margin:0; padding:0;
		font:11px Verdana, Helvetica, sans-serif;		
		}
			.oneProd .prodData h3 a:link,
			.oneProd .prodData h3 a:active,
			.oneProd .prodData h3 a:visited{
			color:#0038a7;	font-weight:bold;
			text-decoration:none;
			}			
				.oneProd .prodData h3 a:hover{
				color:#f60;	font-weight:bold;
				text-decoration:none;
				}
		.oneProd .prodModel{
		font:10px Arial, Verdana, Helvetica, sans-serif; color:#000;
		}			
		.oneProd .extraData{
		font:9px Arial, Verdana, Helvetica, sans-serif; color:#666;	
		clear:both; 
		}
		.oneProd .prodPrice{
		padding:3px 5px;
		font:13px Arial, Verdana, Helvetica, sans-serif; 
		color:#c00; font-weight:bold; 
		}