/* CSS Document */
.sideboxContent { 
	padding: 15px;
}
/*------------Featured products -----------------*/
.featuredProd {
	clear: both;
	padding: 20px 35px 15px 15px;
}
#leftCol .featuredProd h1{
	margin: 0;
	padding-right: 30px;
}
.featuredProd li{
	list-style-type: disc;
	list-style-position: inside;
	padding-right: 30px;	
}

.new {
	background: url(banner_new.gif) no-repeat center top;
	zoom:1;    
}
.bestseller {
	background: url(banner_bestseller.gif) no-repeat center top;
	zoom:1; 
}
.sale {
	background: url(banner_sale.gif) no-repeat center top;
	zoom:1; 
}
.nospotlight {
	background: url(featured_pro_bg.gif) no-repeat center top;
}

.prodShot {
	float: left;
}
.prodShot-popup {
	float: left;
	/*margin-top: -8px;*/
}
.prodShot-full {
	float: left;
	margin-top: -13px;
}
.prodDescriptor {
	float: right;
	width: 385px;
	margin-left: 15px;
}
.prodTitleSummary{
    height:147px;
    width: 340px;
}
.prodSummary {
	width: 345px;
}
.prodDescriptor ul {
	list-style-position: inside;
	padding-left: 15px;
	text-indent: -15px;	
}
.price-n-button {
	float: right;
	vertical-align:bottom;
	width: 400px;
	height: 27px;
	padding: 0px 0;
}
.price-original {
	float: left;
	margin-right: 5px;
	color: #888874;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: line-through;
	line-height: 27px;	
}
.price-new {
	float: left;
	margin-right: 5px;
	color: #f36702;
	font-size: 1.8em;
	font-weight: bold;	
	line-height: 27px;
}
.price-n-button-full{
    text-align:center;
    padding-top:0px;
    margin-top: -10px;

}
.price-original-full {
	margin-right: 5px;
	color: #888874;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: line-through;
	line-height: 27px;	
}
.price-new-full {
	margin-right: 5px;
	color: #f36702;
	font-size: 1.5em;
	font-weight: bold;	
	line-height: 27px;
}
.price-your-full {
	margin-right: 5px;
	font-size: 1.5em;
	font-weight: bold;	
	line-height: 27px;
}
.prodView{
	float: right; 
	line-height: 27px;	
	padding: 0 10px;
	background: url(arrow_blue.gif) no-repeat 0 50%;
	width:20px;
}
.prodViewLookInside{
	float: right; 
	line-height: 27px;	
	padding: 0 10px;
	background: url(arrow_blue.gif) no-repeat 0 50%;
	width:160px;
}
.prodLookInside{
	float:right; 
	background: url(lookinside-1.gif);
	width:160px;
	height:30px;
	margin-top:-2px;
}
.prodDetails{
	background: url(preview1.gif);
	height:23px;
	width:20px;
	float:right;
	margin-top:2px;
}
.addToCart {
	float: right;
}
/*------------product grid------------------*/
#prod-grid {
	border-top: solid 1px #ccc;
}
#prod-grid ul {
	border-bottom: solid 1px #ccc;
	background: url(line.gif) 50% 0 repeat-y;
	display: block;
}
#prod-grid li {
	float: left;
	display: inline;
	width: 310px;
	padding: 15px 0;
	margin: 0 10px;
}
#prod-grid img {
	float: left;
	margin-right: 10px;
}
html #prod-grid dl dt {
	margin: 0;
}
#prod-grid dd strong {
	color: #f36702;
	font-size: 1.1em;
}
/*------------Store sidebar------------------*/
ul.category-menu {
	
}
ul.category-menu li a{
	color: #333;
	display: block;	
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 20px;
	background: url(arrow_orange_cat.gif) no-repeat 5px 50%;
}
ul.category-menu li a.cat_on{

	background: url(arrow_onwhite_cat.gif) no-repeat 0 50%;
}
ol.top10sellers {
	list-style-position: inside;
	padding-left: 15px;
	text-indent: -16px;	
}
ol.top10sellers li{
	color: #ababab;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 0;
}
ol.top10sellers li a{
	color: #333;
	
}


/*------------UPDATED BY SOO AS OF AUG 19------------------*/
.productPopup {
	width: 645px;
	height: 423px;
	position: relative;
	top: 0; 
	left: 0;		
}

.productPopup h1{
	font-size: 18px;
	margin: 0;
	padding-right: 30px;
}
.productPopup .price-n-button {
	clear: both;
	width: 100%;
	height: 27px;
	padding: 10px 0;
	position: absolute; 
	bottom: 0; 
	left: 0;	
}
.productPopup .prodDescription {
	height: 360px;
	overflow: none;
	overflow-x:none;	
}

.prodDescription li {
    text-indent: 0px;
    margin-left:8px;
    padding-left:8px;
    list-style-position: outside;
    list-style-type: disc;   
}

.productPopup li{
	list-style-type: disc;
	list-style-position: inside;
	padding-right: 30px;	
}
.productPopup p{
	margin-bottom: 1.2em;	
}

.productPagerContainer {
    width:100%;
    text-align:center;
    padding-bottom:10px;
}
.productPager{
    height: 20px;
    padding: 6px 6px 4px 6px;
    vertical-align:middle;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;  
}

.productpagerlink
{
    font-size: 14px;
    color: #007BC6;
    padding-right: 2px;
    vertical-align:middle;
    font-weight: bold;
    padding: 4px 6px 4px 6px;
}

.productpagerlink:hover {
	color: #007BC6;
	text-decoration: underline;

}

.productpagertext
{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color:#007BC6;
    padding: 4px 6px 4px 6px;    
    vertical-align:middle;
    text-align:center;
}

productpager.more, a.productpagermore {
	font-size: 14px;
	color: #007BC6;
	text-decoration: none;
	background:  url(arrow_more.gif) no-repeat right center;
	padding-left: 7px;
	padding-right: 11px;
	vertical-align:middle;
}
.productpagermore:hover {
	color: #007BC6;
	text-decoration: underline;

}
.productpagerless, a.productpagerless {
	font-size: 14px;
	color: #007BC6;
	text-decoration: none;
	background: url(arrow_less.gif) no-repeat left center; 
	padding-right: 7px;
	padding-left: 11px;
	vertical-align:middle;
}
.productpagerless:hover {
	color: #007BC6;
	text-decoration: underline;

}

.productpagertextdisabled
{
    font-size: 8pt;
    color: silver;
}

.yourprice {
	float: left;
	margin-right: 5px;
	color: #888874;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 27px;	
}

#subnav ul.cartStatus{
	float: right;
	width: 200px;
	height: 20px;
}
#subnav .cartStatus li{	
	display: block;
	width: auto;
	float: right;
	height: 20px;
	padding: 5px 10px 0 0;
	font-size: 90%;
}	
#subnav .cartStatus li a{
	color: #0078c3;
	font-weight: bold;
	text-decoration: none;
	background: url(icon_cart.gif) no-repeat 100% 50%;
	padding-right: 15px;
}		
#subnav .cartStatus li a:hover{
	color: #0078c3;
	text-decoration: underline;
}

.cartData {
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
}
.cartData .update{
	background: url(icon_update.gif) no-repeat 0 50%;
	display: block;
	text-indent: -3000px;
	width: 20px;
	height: 20px;
	float: right;
}
.cartData .remove{
	background: url(icon_remove.gif) no-repeat 0 50%;
	display: block;
	text-indent: -3000px;
	width: 20px;
	height: 20px;
	margin: auto;
}

.cartData th {
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
	padding: 4px 8px;
	color: #fff;
	background: url(header_tan-1.gif) repeat-x;
	font-size: 0.9em;
}
.cartData td {
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
	padding: 4px 8px;
}
.cartRemove {
	width: 45px;
	text-align: center;
}
.cartPrice {
	width: 60px;
	text-align: right;
}
.cartDiscount {
	width: 60px;
	text-align: right;
	color: green;
}
.cartQty {
	width: 55px;
	text-align: center;
}
.cartQty .field{
	width: 30px;
	float: left;
}
.cartCoupon {
	width: 110px;
	text-align: center;
}
.cartCoupon .field{
	width: 85px;
	float: left;
}
.cartHighlight {
	text-align: right;
	font-weight: bold;
	background-color: #f3f3ed;
}
.cartButtons {
	padding: 15px 0;
	width: 100%;
    list-style: none;	
	clear: both;		
}

.cartButtons li{
	float: right;
	margin-left: 10px;
	width: auto;	
}

.cartLeft {
	text-align: left;
}

.cartRight {
	text-align: right;
}

.storePurchaseProducts {
    width: 400px;
	border-collapse: collapse;
	border: none 0px;
	padding: 1px 1px 1px 1px;
	/*margin-left:-7px;*/
}

.storePurchaseProducts td {
	border-collapse: collapse;
	border: none 0px #e1e1d4;
	
	padding: 5px 1px 7px 3px;
	font-size: 1.0em;
	font-weight: bold;
	vertical-align:center;
	/*background-color: rgb(235, 235, 209);*/
}
.prodPricing {
    width: 212px;
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
	padding: 3px 6px;
	margin-left:-7px;
}

.prodPricing th {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 3px 6px;
	color: #fff;
	background: url(header_tan-1.gif) repeat-x;
	font-size: 1.1em;
}
.prodPricing td {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 3px 4px 3px 4px;
	font-size: 0.9em;
	font-weight: bold;
	background-color: rgb(235, 235, 209);
}

.prodPricingPopup {
    width: 212px;
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
	padding: 3px 6px;
	margin-left:-7px;
}

.prodPricingPopup th {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 3px 6px;
	color: #fff;
	background: url(header_tan-1.gif) repeat-x;
	font-size: 1.1em;
}
.prodPricingPopup td {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 3px 5px 3px 5px;
	font-size: 0.8em;
	font-weight: bold;
	background-color: rgb(235, 235, 209);
}

.prodSavings{
    font-size: 1.0em;
	font-style: italic;
	width:200px;
	padding-top: 20px;
}

.prodSavings-Popup{
    font-size: 0.9em;
	font-style: italic;
	width:200px;
	padding-top: 20px;
}

.prodSavings-Popup-Upsell{
    font-style: normal;
    font-size: 1.0em;
}

.checkoutContainer {
    width: auto;
    margin: 10px 10px 10px 10px;
}

.checkoutLeft {
    float:left;
    width:300px;
    margin-left:0px;
}

.checkoutRight {
    float:left;
    width:300px;
    margin-left:15px;
}

.purchasesContainer {
    width: 600px;
    margin: 10px 10px 10px 10px;
}

.storeLogin{
    width: 300px;
	border-collapse: collapse;
	border: solid 1px #e1e1d4;
	padding: 4px 8px;
}

.storeLogin th {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 8px 12px;
	color: #fff;
	background: url(header_tan-1.gif) repeat-x;
	font-size: 1.1em;
}
.storeLogin td {
	border-collapse: collapse;
	border: none 0px;  /*solid 1px #e1e1d4;*/
	padding: 8px 12px;
}
.storeInvoice {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
}    

.grayLineBox {  /*can be any size no larger than 700x700px*/
	float: left;
	background:url(corner_gray_tr.gif) 100% 0 no-repeat;	
	margin: 0 10px 10px 0;
	width: 100%;
	
}
.grayLineBox .BL{
	background:url(corner_gray_bl.gif) 0 100% no-repeat;	
}
.grayLineBox .TL{
	height: 10px;
	text-align: left;
}
.grayLineBox .BR{
	height: 10px;
	text-align: right;	
}