/* netcheckout product */

/**************************************************************************************
/* update the following classes to change the appearance of a netcheckout product
/*************************************************************************************/

/* 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 */
.Netcheckout_Product_Wrapper {
	width: 210px;
	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"> */
.Netcheckout_Product {
	width: 210px;
	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> */
.Netcheckout_Product .ProductPrice {
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* 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;
	width: 210px;
	margin: 0;
	padding: 0;
}

/* 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: 65px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #666;
}

/* 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> */
.Netcheckout_Product .Value {
	display: block;
	float: left;
	width: 115px;
	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 {}

/* 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: none;
	clear: both;
}

/* the container element for the buttons */
/* html example: <div class="Buttons AddToBasketButtons">...</div> */
.Netcheckout_Product .Buttons {}

/* 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 {
	display: none;
}

/* 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> */
.Netcheckout_Product .AddToBasketLink a {}
.Netcheckout_Product .AddToBasketLink a:hover {}

/* 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 {}

/* 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-left: 10px;
	padding-top: 10px;
}

/* the submit button form element */
/* html example: <div class="Button AddToBasketButton"><input type="submit" value="Add To Basket" /></div> */
.Netcheckout_Product .AddToBasketButton input {
	border: 0;
	background-color: #222;
	color: #fff;
	padding: 3px 2px;
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
	width: 90px;
}

/* 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 { width: 200px; } */
.Netcheckout_Product .AttributeRow .RequiredLabel {}
/*.Netcheckout_Product .AttributeRow .Value { float: none; clear: both; width: 200px; padding-left: 10px; } */
.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 {}