/* netcheckout product */

/**************************************************************************************
/* update the following classes to change the appearance of a simple e-commerce product
/* drop-in application
/*************************************************************************************/

/* this is the class used on the outside container element for the netcheckout product */
/* html example: <div class="Netcheckout_Product_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product_Wrapper {
	width: 350px;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the netcheckout product */
/* html example: <div class="Netcheckout_Product_Wrapper"><div class="Netcheckout_Product"> */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product {
	width: 350px;
	margin: 0;
	padding: 0;
}

.ProductShort .Netcheckout_Product 
{
	width:214px;
	margin:0;
	padding:0;
}

/* this is the class used on the container element for the netcheckout add to cart loading image */
/* html example: <div class="LoadingImage">...</div> */
.Netcheckout_Product .LoadingImage {
	background: transparent url(/RadControls/Ajax/Skins/Default/Loading4.gif) no-repeat bottom center;
	height: 40px;
}

/* this is the class used on the container element for the netcheckout add to cart loading text */
/* html example: <div class="LoadingImage"><span class="LoadingText">...</span></div> */
.Netcheckout_Product .LoadingText {}

/* this is the class used on the container element for the netcheckout product price */
/* html example: <div class="ProductPrice">...</div> */
/*ProductLong is for Membership / Donation page */
.ProductLong .Netcheckout_Product .ProductPrice {
	font-weight:normal;
	width:70px;
	display:block;
	float: left;
	text-align:right;
	padding-right:10px;
	margin-right:5px;
}

.Netcheckout_Product .ProductPrice 
{
	display:none;
}

/* this is the class used on the container element for each row */
/* html example: <div class="Row"> */
/* each row contains .RequiredStar, .Label (attribute name), .Value (attribute values) and .Spacer */
.Netcheckout_Product .Row {
	display: block;
	margin:0;
	padding:0px 0px 0px 15px;
	margin-left:5px;
	float: left;
	
}

/* this is the class used on the container element for the required * (asterix) symbol displayed for required attributes */
/* html example: <span class="RequiredStar">*</span> */
.Netcheckout_Product .RequiredStar {
	display: block;
	float: left;
	width: 10px;
	margin: 0;
	padding: 0;
	color: #f00;
}

/* this is the class used on the container element for the attribute name */
/* html example: <label for="Label" class="Label">Email: </label> */
.Netcheckout_Product .Label {
	display: block;
	float: left;
	width: 50px;
	margin: 0;
	padding: 0;
	padding-top:3px;
	font-weight: normal;
	font:none none 12px Arial,Helvetica,sans-serif;
	color: #666666;
}

/* this is the class used for changing the formatting of .Label to a required attribute */
/* html example: <label for="Attribute" class="Label RequiredLabel">Email: </label> */
/* overrides .Label */
.Netcheckout_Product .RequiredLabel {}

/* this is the class used on the container element for the attribute values */
/* html example: <span class="Value">...</span> */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product .Value {
	display: block;
	float: left;
	width: 50px;
	margin: 0;
	padding: 0;
}

.Netcheckout_Product .Value {
	display: block;
	float: left;
	width: 35px;
	margin: 0;
	padding: 0;
}
/* the form field for the answer - dropdown */
/* html example: <span class="Value"><select name="Attribute"><option>...</option></select></span> */
.Netcheckout_Product .Value select 
{
	float:left;}
/* this class sets the width of the input for Quantity or Amount */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product .Value input
{
	width:50px;
	float:left;
	}
.Netcheckout_Product .Value input
{
	width:25px;
	float:left;
	}

/* this is the class used on the spacer element that exists after each answer */
/* html example: <div class="Spacer"><img src="/images/shim.gif" width="1" height="1" border="0" alt="" /></div> */
.Netcheckout_Product .Spacer {
	float: left;
	clear: both;
}

/* the container element for the buttons */
/* html example: <div class="Buttons AddToBasketButtons">...</div> */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product .Buttons 
{	float: left;
	background:none;
	padding-left:45px;
	border:0;
	}

/* the container element for the add to basket link */
/** sets size and background image for image-based link **/
/* html example: <div class="Link AddToBasketLink">...</div> */
/** use only .AddToBasketButton or .AddToBasketLink, add display: none; to other **/


.Netcheckout_Product .AddToBasketLink {
		border:0;
		float:left;
}

/* the add to basket link element */
/** use background image here (and on a:hover for mouseover image) if image-based button desired. **/
/* html example: <div class="Link AddToBasketLink"><a href="...">...</a></div> */
/* ProductLong Deals with Membership / Donation section */
.ProductLong .Netcheckout_Product .AddToBasketLink a {font:14px/3.3ex Arial,Helvetica,sans-serif;color:#B6BA05;font-weight:bold;text-decoration:none;}

.Netcheckout_Product .AddToBasketLink a {font:12px/3.7ex Arial,Helvetica,sans-serif;color:#B6BA05;font-weight:bold;text-decoration:none;}

.Netcheckout_Product .AddToBasketLink a:hover {color:#426BBA; text-decoration:underline;}

/* the container element for the add to basket linked text */
/** set to display: none; if using an image-based button **/
/* html example: <div class="Link AddToBasketLink"><a href="..."><span class="LinkText">...</span></a></div> */
.Netcheckout_Product .AddToBasketLink .LinkText {padding-bottom:5px;}

/* the container element for the add to basket button */
/* html example: <div class="Button AddToBasketButton">...</div> */
/** use only .AddToBasketButton or .AddToBasketLink **/
.Netcheckout_Product .AddToBasketButton {
	padding:0;
}

/* the submit button form element */
/* html example: <div class="Button AddToBasketButton"><input type="submit" value="Add To Basket" /></div> */
.Netcheckout_Product .AddToBasketButton input {display:none;}
/* these classes are used for customizing individuals attributes */
/* html example: <div class="Row QuantityRow"> */
/* another html example: <div class="Row AttributeRow Attribute1Row"> */
/* another html example: <div class="Row AttributeRow Attribute2Row"> */
/* another html example: <div class="Row AttributeRow Attribute3Row"> */
/* another html example: <div class="Row AttributeRow Attribute4Row"> */
/* row number starts at 1  */
.Netcheckout_Product .QuantityRow {}
.Netcheckout_Product .QuantityRow .RequiredStar {}
.Netcheckout_Product .QuantityRow .Label {}
.Netcheckout_Product .QuantityRow .RequiredLabel {}
.Netcheckout_Product .QuantityRow .Value {}
.Netcheckout_Product .QuantityRow .Spacer {}

.Netcheckout_Product .AttributeRow {}
.Netcheckout_Product .AttributeRow .RequiredStar {}
.Netcheckout_Product .AttributeRow .Label {}
.Netcheckout_Product .AttributeRow .RequiredLabel {}
.Netcheckout_Product .AttributeRow .Value {}
.Netcheckout_Product .AttributeRow .Spacer {}

.Netcheckout_Product .Attribute1Row {}
.Netcheckout_Product .Attribute1Row .RequiredStar {}
.Netcheckout_Product .Attribute1Row .Label {}
.Netcheckout_Product .Attribute1Row .RequiredLabel {}
.Netcheckout_Product .Attribute1Row .Value {}
.Netcheckout_Product .Attribute1Row .Spacer {}

.Netcheckout_Product .Attribute2Row {}
.Netcheckout_Product .Attribute2Row .RequiredStar {}
.Netcheckout_Product .Attribute2Row .Label {}
.Netcheckout_Product .Attribute2Row .RequiredLabel {}
.Netcheckout_Product .Attribute2Row .Value {}
.Netcheckout_Product .Attribute2Row .Spacer {}

.Netcheckout_Product .Attribute3Row {}
.Netcheckout_Product .Attribute3Row .RequiredStar {}
.Netcheckout_Product .Attribute3Row .Label {}
.Netcheckout_Product .Attribute3Row .RequiredLabel {}
.Netcheckout_Product .Attribute3Row .Value {}
.Netcheckout_Product .Attribute3Row .Spacer {}

.Netcheckout_Product .Attribute4Row {}
.Netcheckout_Product .Attribute4Row .RequiredStar {}
.Netcheckout_Product .Attribute4Row .Label {}
.Netcheckout_Product .Attribute4Row .RequiredLabel {}
.Netcheckout_Product .Attribute4Row .Value {}
.Netcheckout_Product .Attribute4Row .Spacer {}