/*product page */
#container{width:780px;}
.crumb{
	font-size:10px;
	z-index:1;
	padding-top:35px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #000;
	margin-left:15px;
	width:760px;
	}
* html .crumb{padding-top:10px;}

#main_product
{
	float:left;
	margin-left:15px;
	width:348px;
	}
* html #main_product
{
	margin-left:5px;
	}
h1.title, h2.pricing{color:#4E8E2E;}
#cross_sells
{
	float:left;
	text-align:center;
	padding:15px 20px;
	width:180px;
}

#cross_sells span.title
{
	font-size:14px;
	display:block;
	margin:auto;
	padding:0px;
}

#cross_sells img.product_image
{
	margin-top:-10px;
	margin-bottom:3px;
}

* html #cross_sells img.product_image
{
	margin-top:0px;
	margin-bottom:3px;
}


#cross_sells span.price
{
	font-style:italic;
}
	
/* The following prevents cross-sell images wider than 180 pixels from breaking the layout */
#cross_sells a.smalllink img {
	max-width:180px;
	}
/* This does the same for IE6, which doesn't recognize the max-width property */
* html #cross_sells a.smalllink {
	display:block; 
	width:180px; 
	overflow:hidden;	
	}

#order_now
{
	float:right;
	width:185px;
}
#order_now th
{
	text-align:center;  
	background:#4E8E2E; 
	color:#FFF; 
	font-size:110%; 
	font-weight:bold; 
	padding: 3px 0;
}
.vp_copy
{
	text-align:center; 
	font-size:11px; 
	font-weight:bold; 
	background:#fff2cc; 
	padding:5px;
}
a.question {
	position:relative;
	background:url(/Gallery_assets/images/checkout/question_icon.gif) no-repeat;
	z-index:24;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin:3px 5px 50px 3px;
	height:28px;
	width:28px;
	text-decoration:none;
	text-indent:-9000px; 
	}
	
a.question:hover { z-index:25; color:#000; background-color:#fff }
a.question span { display: none }
		  
a.question:hover span { /*the span will display just on :hover state*/
	display:block;
	font-size:10px;
	position:absolute;
	top:2em; left:0em; width:150px;
	border:1px solid #0cf;
	background-color:#cff; color:#000;
	text-indent:0;
	text-align: center; 
 }
td.crosssells
{
	
}

td.ordernow
{
	padding-top:15px;
}

#main_pricing
{
	margin-top:10px; 
	height:155px; 
	border: 1px solid #529231; 
	border-top-color:#9c9; 
	border-left-color:#9c9; 
	padding:5px;
}

#main_pricing h2
{
	margin:0 0 5px;
}
a.standard_shipping
{
	color:#529231; 
	display:block; 
	float:right; 
	font-size:11px; 
	margin:0 5px 0 0;
}

#special_offer
{
	float:right; 
	width:45%; 
	background:#cfe8cf; 
	border:1px dotted #9c9; 
	padding:5px; 
	margin:0 5px; 
	font-size:11px;
}

#special_offer p{margin:0; padding:5px 0 0;}
#special_offer a{color:#529231; font-weight:bold;}
#description{padding:10px 5px; background:#cfe8cf;}
img.ezcallout{margin:10px 0px 10px 12px;}
.DefaultPrice
{
	color:Red;
	text-decoration: line-through;
}
.ExtendedPrice
{
	
}

.product-pricing em {
	color:#C73522;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

/* Tabbed Description, Pricing and Value Pack. Intelligent Offer.  asg 7-1-09*/

.product-pricing {
font-weight: bold;
}
a.btnViewShippingRates {
	background:transparent url(/gallery_assets/images/checkout/btn-shipping-rates.gif) no-repeat scroll center top;
	display:block;
	height:20px;
	margin:8px auto 0;
	text-indent:-9999px;
	width:183px;
}
.productDetailsTabs{
		width:344px;
		margin:5px 0px;
		padding:0px;

	}
	
	.productDetailsTabs p{
		background:url(/gallery_assets/checkout/product-tabs-bg.gif) repeat-y;
		margin:10px 0 0 0;
		padding:0 10px;
		color:#535353;
	}
	
	.productDetailsTabs em
	{
		font-weight:bold;
		font-style:normal;
		font-size:13px;
	}
	
	
	.productDetailsTabs a{color:#4E8E2E;}
	.productDetailsTabs .promotionTitle strong{display:block; margin:0 0 -8px 0; color:#4E8E2E;}
	
	.productDetailsTabsBottom{background: url(/gallery_assets/images/checkout/product-tabs-bottom.gif) bottom left no-repeat; height:6px; width:344px;}
	
	* html .productDetailsTabsBottom {margin:-10px 0 0 0;}

	/*--------------------------------------------------
	 REQUIRED to hide the non-active tab content.
	 Do not hide them in the print stylesheet!
	 --------------------------------------------------*/
	.tabberlive .tabbertabhide {display:none;}
	
	/*--------------------------------------------------
	 .tabber = before the tabber interface is set up
	 .tabberlive = after the tabber interface is set up
	 --------------------------------------------------*/
	.tabber {}
	.tabberlive {margin-top:1em;background:url(/gallery_assets/images/checkout/product-tabs-bg.gif) repeat-y;}
	
	/*--------------------------------------------------
	 ul.tabbernav = the tab navigation list
	 li.tabberactive = the active tab
	 --------------------------------------------------*/
	ul.tabbernav
	{
		margin:0;
		padding: 0 0 25px 0px;
		border-bottom: 1px solid #579439;
		border-left: 1px solid #fff;
		border-right:1px solid #fff;
	}
	
	ul.tabbernav li
	{
		list-style: none;
		margin: 0 0px 0 -1px;
		background:#579439 url(/gallery_assets/images/checkout/product-tab-on.gif) left top no-repeat; height:25px; width:110px;
		float:left;
		text-align:center;
		font: bold 12px Arial;
	}
	
		* html ul.tabbernav li{margin-left:0px;}
	
	ul.tabbernav li a
	{
		margin:5px;
		display:block;
		text-decoration: none;
	}
	
	ul.tabbernav li a:link, ul.tabbernav li a:visited{color: #666;}
	ul.tabbernav li a:hover{color: #000;}
	
	/* active tab styles */
	ul.tabbernav li.tabberactive{background:url(/gallery_assets/images/checkout/product-tab.gif) left top no-repeat; height:25px; width:110px;border-bottom: 1px solid #fff;}
	ul.tabbernav li.tabberactive a{color:#535353;}
	ul.tabbernav li.tabberactive a:hover{color: #000; border-bottom: 1px solid #fff;}
	
	/*--------------------------------------------------
	 .tabbertab = the tab content // Add style only after the tabber interface is set up (.tabberlive)
	 --------------------------------------------------*/
	.tabberTab{padding-bottom:10px;}  
	 
	.tabberlive .tabbertab {
		padding:5px 0 10px 0;
		border:1px solid #579439;
	/* height:px; */ 	/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
	/* overflow:auto; */	/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
	}
	
	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive h2 {display:none;}
	.tabberlive h3 {display:none;}
	
	/* Example of using an ID to set different styles for the tabs on the page 
	.tabberlive#tab1 {}
	.tabberlive#tab2 {}
	.tabberlive#tab2 .tabbertab {height:200px; overflow:auto;
	}*/
	
	
	.cl{clear:left;}
	
	.intelliOffer{
	background:url(/gallery_assets/images/checkout/intelli-offer-bg.gif) repeat-y;
	width:772px;
	margin:0 auto;	
}

.intelliOfferHeader{
	background:url(/gallery_assets/images/checkout/intelli-offer-header.gif) no-repeat top left;
	width:772px;
	height:23px;
	text-align:center;
}

.intelliOfferHeader h4{
	color:#535353;
	text-align:left;
	font: bold 12px Arial;
	padding:3px;
	margin:0 0 0 3px;
	text-align:center;
}

.intelliOfferFooter{
	background:#fff url(/gallery_assets/images/checkout/intelli-offer-bottom.gif) no-repeat top left;
	width:772px;
	height:7px;
	clear:both;
}

div.ioProductContainer{
	width:740px;
	float:none;
	margin:15px auto 5px;
	text-align:center;
}

.ioProductContainer p strong{color:#000;} 
.ioProductContainer em{color:#c73522; font:bold 14px Arial; font-style:normal;}
.ioProductContainer p{
	color:#797979;
	margin:0;
	padding:0;
}

.ioProductImg {margin:0 0 10px 0;}