HTML
	{ height:100%; BACKGROUND-COLOR: #F0F0F0; padding:0px; background-image: url(Images/top_gradient.jpg);
		BACKGROUND-REPEAT:repeat-x; 	text-align:center;}

BODY
	{
	MARGIN: 0px;
	padding:0px;
	FONT-SIZE: 11px;
	COLOR: #24474f;
      BACKGROUND-COLOR: #F0F0F0;
	background-image: url(Images/top_gradient.jpg);
	BACKGROUND-REPEAT:repeat-x;
	text-align:center;
	}

/* If you want a fixed width, you can set the width in the content wrapper, and text-align:center in the body */
.ContentWrapper
	{width:756px; height:100%; text-align:left; margin-left:auto; margin-right:auto; BACKGROUND-COLOR: #F0F0F0;}


/* If you change the page header height, remember to update the .sidebar and .main */
.pageheader 
	{ HEIGHT: 200px; width:100%; BACKGROUND-COLOR: #F0F0F0; padding:0px; }

.pagefooter
	{
	BACKGROUND-REPEAT:repeat-y;
	width:100%;
	float:left;
	z-index:-1;
	padding:0px;
	}

/* If you change the sidebar width, remember to update the NavBar section */
.Sidebar
	{
	WIDTH: 127px;
	top: 220px;
	PADDING: 0px 3px;
	POSITION: absolute;
	font-weight: normal;
	}

.main
	{ MARGIN: 0px 5px 15px 120px; PADDING: 5px 5px 5px 35px; BORDER: 1px none #ebebeb;}

.mainbox
	{ MARGIN: 0px 4px 200px; padding:0px; BACKGROUND-COLOR: #F0F0F0; BORDER: #808080 1px none; FONT-SIZE: 1em; text-align:left;}

H1
	{ FONT-SIZE: 1.4em; MARGIN: 0px; FONT-STYLE: normal; COLOR: #000000; font-weight: bold; padding:0px;}

H2
	{ FONT-SIZE: 1.2em; MARGIN: 0px;  MARGIN-BOTTOM: 5px; FONT-STYLE: normal; COLOR: #000000; font-weight: bold; padding:0px; padding-right: 10px; }

A H2  
	{ text-decoration:none;	color:#000000!important;}

A:hover H2
	{ color:#c63c52!important; }

H3
	{ FONT-SIZE: 1.1em; MARGIN: 0px;  MARGIN-BOTTOM: 5px; FONT-STYLE: normal; COLOR: #000000; font-weight: bold;}

P 
	{ FONT-STYLE: normal; TEXT-DECORATION: none; FONT-SIZE: 11px; COLOR: #24474f; text-align:left;}

TD
	{ font-size: 10pt; }

A
	{ COLOR: #000000; }

A:hover
	{ COLOR: #C63C52; }

.Copyright 
	{ FONT-SIZE: 10px; COLOR: #666666; WORD-SPACING: 2px; LETTER-SPACING: 1px; TEXT-DECORATION: none; }

A.Copyright
	{ COLOR: #666666; font-weight: bold; WORD-SPACING: 2px;	LETTER-SPACING: 1px; TEXT-DECORATION: none }

A.Copyright:hover, A.Copyright:active
	{ COLOR: #0f3890; TEXT-DECORATION: underline}


BODY, P, INPUT, TEXTAREA, SELECT, TD.ContactDetailsDisplayRight, .Copyright, H1, TD, .MiniCart, .icon 
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

/****************** Classes for Product Display on Cat, SubCat, and Product Pages ***************/

INPUT.QuantityToAddBox
	{ width:30px !important;
	    color:#18496B; FONT-SIZE: 0.9em; font-family: verdana, tahoma, arial, sans-serif; 
	    background: white url(images/boxbg.gif) top left repeat-x;
	    border-width:1px; border-style: solid; border-color:#999999; }

.SizePrompt, .ColourPrompt
 { width:50px; }

.SizeDropDown, .ColourDropDown
	{ margin-left: 10px; margin-bottom: 2px; width:100px; }	

.ColourDropDownControl, .ColourDropDownControlTable, 
.SizeDropDownControl, .SizeDropDownControlTable
	{ width:100% }

.SizeDropDownCell, .ColourDropDownCell
	{ text-align:right; }

.ProductVariationItemCell
	{ border-top: solid 1px #EDEDED; font-size:10px;}

TD.ProductVariationItemCell
	{ font-size:10px; }

.ProductVariationListTable 	
	{ width:100%; }
	
.ProductVariationList
	{ width:100%; padding-left:5px;}

/* 	SorryMessageOnProductVariationList - Shown when Qty ordered is not available */
.SorryMessageOnProductVariationList
	{ color: red; font-size:8pt; border-top: solid 1px #EDEDED;}
	
/* NotForSale - Appears when a product is marked not for sale */
.NotForSale
	{ color: red; text-align: center; font-size:8pt; }


/**************************** Product Pages **************************/

.ProductDetails
	{ margin:0px 0px 10px 0px; padding:5px 10px 10px 10px; text-align:center; width:85%;}

TD.ViewProductDetailsCell, .ViewProductDetailsCell
	{ text-align:right; }

.ProductPageHTML
	{ margin:0px 40px 10px 40px; padding-top:5px; width:85%; }

.ProductPageNavigationControls
	{ margin-top: 30px;	padding: 10px; width:85%; }

.DescriptionInsideOfProducts
	{ width:100%; text-align:left;}
	

/**************************** View Category and SubCategory Pages **************************/
.ViewCategoryFooter 	
	{ clear: both; border:solid 1px #999999; width:90%; margin-bottom:10px; text-align:left; padding:5px; }

.ViewCategoryFooterTable 
	{ width:100% }

.ProductDetails, 
.ProductPageNavigationControls
	{ border:solid 1px #999999; }

.LowerDescription
	{ clear: both; display:block }
	

/**************************** Product Grid - View Category and SubCategory Pages **************************/

.ProductGridTable 	
	{ width:100% }
	
.ProductGrid
	{ width:90%; margin-bottom:10px; text-align:left; }
	
.ProductGridItem
	{ border:solid 1px #999999; margin:0px 5px 10px 5px; padding:5px 5px 10px 5px;
	  height:300px; width:200px; float:left; display:inline; text-align:left;}

.ProductGridItemDummy
	{ height:300px;	width:0px;}

.ProductGridItemInner
	{ height:155px;}
	
.ProductGridPageNumbers A,
.ProductGridBackNext A
	{ color: #999999!important; text-decoration:none; font-weight:bold; }

.ProductGridPageNumbers A:Hover,
.ProductGridBackNext A:Hover
	{ text-decoration:underline; }

/**************************** Checkout Page **************************/


.CountryRegionList  
	{ width:100%; padding:5px;}	

.NewsletterOptIn
	{ FONT-SIZE: 1.2em; COLOR: #24474f; }

.MessageTable, .MessageTextbox
	{ width:100% }

/* SorryMessageOnCartContents - Shown when quantities ordered not available  */
.SorryMessageOnCartContents   
	{ color: red; }
	
	
/***** To Confirm Freight - Appears on Checkout Page when country not accepted, or freight can't be determined *******/	
.ToConfirmFreight
	{ color:Red !important; border: solid 1px #669acc; background-color: #EDEDED; text-align:center;
	  font-weight: bold; width:100%; padding: 3px 0px;   margin: 2px 5px; font-size: larger;}


/**************************** Cart Contents - Checkout Page **************************/

.Cart
	{ margin-bottom:20px; width:85%;}

.CartTable 
	{ width:100% }

TD.CartHeader, TD.CartFooter
	{ background-color: #fofofo;  border-bottom: solid 1px #669acc; padding:3px; padding-left: 5px; font-size: 12px; 
		letter-spacing: 1px; font-weight: bold;} 

TD.CartHeader
	{ COLOR: #5c5c5c; }
	
TD.CartFooter
	{ color: Black;  margin-bottom:3px;}
	
TD.CartCell
	{ padding:3px; background-color: #fofofo; padding-left: 5px; border-bottom: solid 1px #EDEDED;}



/************* Checkout Control - Shown on Checkout Page at bottom **************/

.Checkout
	{ margin-bottom:20px; width:85%; }

.CheckoutTable 
	{ width:100% }

DIV.CheckoutMessage
	{ width:85%; }	
	
TD.CheckoutMessage
	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; padding:3px;  background-color: #fofofo; font-weight: bold;
		 padding-left: 5px; font-size: 12px; letter-spacing: 1px;}
	
TD.CheckoutHeader 
	{ background-color: #fofofo; padding:3px; padding-left: 5px; font-size: 12px; letter-spacing: 1px; 
		COLOR: #5c5c5c; border-bottom: solid 1px #669acc; font-weight: bold;}
		
TD.CheckoutFooter 
	{ font-weight: bold;  text-align:right; text-transform: uppercase; padding-right: 5px; }	

TD.CheckoutFooterTotal 
	{ font-weight: bold;  text-align:right; background-color: #fofofo; padding-right: 5px;}
	
.CheckoutFooterTotal 
 	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; }

TD.CheckoutCellLeft
	{ text-align:right; }	

TD.CheckoutCellRight 
	{ text-align:right; background-color: #fofofo; padding-right: 5px;}

.CheckoutCellRight
	{ border-bottom: solid 1px #EDEDED; }

/************* Currency Control - Shown on Checkout Page when billing country not NZ **************/

.Currency 
	{ margin-bottom:20px; width:85%;}

.CurrencyTable
	{ width:100% }

.CurrencyDropDownList
	{ margin-left:5px; }

TD.CurrencyHeader
	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; background-color: #fofofo; font-weight: bold; padding:3px; padding-left: 5px; font-size: 12px; letter-spacing: 1px;}
 
TD.CurrencyFooter
	{ text-align:right; padding-right: 5px; font-weight: bold; text-transform: uppercase; color: #000000!important; }

TD.CurrencyFooterTotal 
	{ text-align:right; padding-right: 5px; background-color: #fofofo; font-weight: bold; }

TD.CurrencyCellLeft 
	{ text-align:right; padding-right: 5px;}	

TD.CurrencyCellRight
	{ text-align:right; padding-right: 5px; background-color: #fofofo;}	


/**************************** Contact Details - Checkout Page **************************/

.CheckoutContactDetailsTable,
.ContactDetailsTable
	{ width:100% }
	
.CheckoutContactDetails
	{ margin-bottom:20px; width:85%; }

TD.ContactDetailsHeader 
	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; font-weight: bold; background-color: #fofofo; 
		padding:3px; padding-left: 5px; font-size: 12px; letter-spacing: 1px; }

TD.ContactDetailsRight
	{ background-color: #fofofo; padding:3px;}
	
TD.ContactDetailsLeft
	{ background-color: #fofofo; padding:3px; padding-right: 10px;}	

.ContactDetailsEntry
	{ background-color:#fofofo; }

INPUT.ContactDetailsEntry, 
TEXTAREA.ContactDetailsEntry, 
SELECT.ContactDetailsEntry
	{ FONT-SIZE: 0.9em; width:150px;}


/**************************** Order Confirmed Page **************************/

.OrderConfirmationDetails
	{ padding:5px;}

TD.OrderConfirmationCell
	{ background-color: #fofofo; padding:3px; padding-right: 5px; padding-left: 5px; }

TD.OrderConfirmationHeader,
TD.OrderConfirmationFooter
	{ background-color: #fofofo; padding:3px; padding-left: 5px; font-size: 12px; letter-spacing: 1px; 
		COLOR: #5c5c5c; border-bottom: solid 1px #669acc; font-weight: bold;}

TD.OrderConfirmationFooterCell, 
TD.OrderConfirmationFooterCellTotal
	{ background-color: #fofofo; font-weight: bold;  color: #000000!important; }

TD.OrderConfirmationFooterCell
	{ text-transform: uppercase; padding-right: 5px;}	

TD.OrderConfirmationFooterCellTotal 
	{ padding-right: 5px;}

.OrderConfirmationFooterCellTotal
	{ border-top: solid 1px #000000; border-bottom: solid 1px #000000; }

TD.OrderConfirmationTotalCell 
	{ background-color: #fofofo; padding-right: 5px;}
	
.OrderConfirmationTotalCell
	{ border-bottom: solid 1px #EDEDED; }
	
#OrderConfirmationDeliveryInstructionsLabel, 
#OrderConfirmationEmailLabel 
	{ font-weight: bold; margin: 5px 0px 20px 40px;	display:inline-block;}

.OrderConfirmationOrderLinesTable, 
.OrderConfirmationDeliveryDetails 
	{ width:100% }	

.OrderConfirmationOrderLines
	{ width:100%; margin-bottom:20px; }	
	
.OrderConfirmationOuterDiv 
	{ width:85%; margin-bottom:20px; }	
	
.OrderConfirmationDetails
	{ width:85%; }

/**************************** Success or Error Display - Order Confirmed Page **************************/

.OrderSuccessful,
.OrderError 
	{ COLOR: #5c5c5c; border: solid 1px #000000; background-color: #EDEDED; font-weight: bold; font-size: larger;
	  padding: 15px 2px; width: 500px;  margin-bottom:25px; text-align:center; }

.OrderConfirmationOrderErrorTable
	{ width:100%; }	

.OrderConfirmationOrderSuccessful, 
.OrderConfirmationOrderError 
	{ width:100%; border: solid 1px #000000; background-color: #EDEDED; font-weight: bold; padding: 15px 0px; font-size: larger; text-align:center;}

.OrderConfirmationOrderSuccessful 
	{ color:#5c5c5c !important; }

.OrderConfirmationOrderError 
	{ color:Red !important; }
	

/**************************** Contact Details Display - Order Confirmed Page **************************/

.ContactDetailsDisplayTable 
	{ width:100% }

.ContactDetailsDisplay
	{ border: none;	margin-bottom: 10px;}

TD.ContactDetailsDisplayRight
	{ background-color: #fofofo; border-left:0px; FONT-SIZE: 0.9em; padding:3px; }

TD.ContactDetailsDisplayLeft 
	{ background-color: #fofofo; border-left:0px;  padding:3px; padding-right: 10px; }

TD.ContactDetailsDisplayHeader
	{ background-color: #fofofo; COLOR: #5c5c5c; border-bottom: solid 1px #000000; font-weight: bold;
		  font-size: 12px; letter-spacing: 1px; padding:3px; padding-left: 5px;}
	


/**************************** Login Page **************************/

.LoginCell, 
TD.LoginCell			
	{ border:solid 1px #cccccc; background-color: White; padding:3px;}

.LoginFooter			
	{ border:solid 1px #cccccc; background-color: White; padding: 3px 3px 3px 6px;}
	
.LoginHeader, 
TD.LoginHeader
	{ font-weight: bold; font-size: 12px; letter-spacing: 1px; background-color: White; 	
	  border-width: 1px; border-style: solid none;	border-color: #FFFFFF; }	

.icon
	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; font-weight: bold; font-size: 19px; letter-spacing: 2px;}

/**************************** Mini Cart **************************/
.MiniCart
	{ margin: 30px 1px 0px 1px; padding-top:3px; border: 1px solid #112044; width: 125px;
	  background-color: white; color: #112044; text-align:center;}

.MiniCartTable 
	{ width:100% }

span.MiniCartTotal
	{ font-size:10pt; text-align:center;}

.MiniCartCellLeft
	{ white-space: nowrap; text-align:right;}

DIV.ViewCartButton 
	{ COLOR: #5c5c5c; border-bottom: solid 1px #000000; border: solid 1px white; margin-top: 7px; vertical-align:middle; text-align:center; }
	
A.ViewCartButton
	{ display: block; text-decoration: none; text-align:center; text-transform: uppercase;  vertical-align:middle !important;
   	  color: #5c5c5c !important; font-weight: bold;	font-size:11px;	background-color:#EDEDED; padding:4px 0px;}

A.ViewCartButton:hover
	{ background-color: #c63c52; color: white !important;}
	 

/**********************************************************************************
General CSS for individual classes
**********************************************************************************/


INPUT.box, TEXTAREA.box, SELECT.box
	{    background: white url(images/boxbg.gif) top left repeat-x;
		 color:#184A69; font-family: verdana, tahoma, arial, sans-serif;  FONT-SIZE: 0.9em;
	   	 border-width:1px; border-style: solid; border-color: #A8BAC2 #DFE5E7 #DFE5E7 #A8BAC2; }

.warning
	{ color: Red !important; }	

A.warning
	{ text-decoration: underline !important; }

.OrderLines
	{ border: solid 1px #dcdcdc; padding: 2px; padding-left:10px; background-color:#f5f5f5; width: 500px;}

.OrderLines TD
	{ padding-right: 10px;}



/********************* BreadCrumbs CSS  - Appear on Cat, Subcat, Product, and Custom Pages *******************/

.BCDiv
	{ padding-bottom:10px; }

a.BCLink
	{ color:#000000; text-decoration:none; }

a.BCLink:hover
	{ color:#c63c52;}

.BCSep, .BCHere
	{ color:#000000;}

.BCLoc
	{ font-weight:bold; }

/*********** AdminCrumbs CSS  - Appear on Cat, Subcat, Product, and Custom Pages when admin logged in ************/

.ACDiv
	{ padding-bottom:5px; }

a.ACLink
	{ color:LightGray; text-decoration:none;}

a.ACLink:hover
	{ color:#c63c52; }

.ACSep, .ACHere
	{ font-weight:bold;	color:LightGray; }


/********************* Volume Discounts Button */

.VolumeDiscountBox 
	{ border:solid 1px #669acc;	background-color: #EDEDED; padding: 1px 5px; margin: 2px; font-size: 10px;}

.VolumeDiscountsButton
	{ COLOR: #5c5c5c; text-align:center; }

A.VolumeDiscountsButton
	{ font-weight: bold; display: block; text-decoration: none;	padding:4px 0px;
	vertical-align:middle !important; color: #5c5c5c !important; font-size:11px; background-color:#EDEDED; }

A.VolumeDiscountsButton:hover
	{ background-color: #c63c52; color: white !important;}

DIV.VolumeDiscountsButton
	{ border: solid 1px #669acc; margin: 7px 5px 3px 7px; vertical-align:middle; }


/**************************** NavBar Styles *********************/

.NavBar
	{ background-color: #CCCCCC; border: 1px solid #666666; cursor: default; width:125px;white-space: normal !important; margin-bottom:30px} 

.NavBarTopItem,
.NavBarTopItemHover,
.NavBarTopItemActive
	{ color:Black; cursor: pointer; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;
		padding-top: 4px;  padding-bottom: 2px;  padding-left: 5px;  }
		
.NavBarTopItem TD,
.NavBarTopItemHover TD,
.NavBarTopItemActive TD
{
  text-align:right !important;
  padding-right: 10px;
}

.NavBarTopItem
	{ border: 1px solid white;  border-right-color:#8C8C8C;  border-bottom-color:#8C8C8C;}

.NavBarTopItemHover
	{ color:White; background-color:#b9132b;  border: 1px solid white;  border-right-color:#8C8C8C;  border-bottom-color:#8C8C8C; }

.NavBarTopItemActive
	{ background-color:#b9132b;  border: 1px solid #8C8C8C;  border-right-color:white;  border-bottom-color:white;}

.NavBarLevel2Group
	{ background-color:white; }

.NavBarLevel2Item, 
.NavBarLevel2ItemHover,
.NavBarLevel2ItemSelected,
.NavBarLevel2ItemActive
	{ font-family: Tahoma, Arial, Helvetica;  font-size: 11px;  padding:3px;  padding-left: 10px; cursor:pointer; }

.NavBarLevel2Item
	{ background-color: #eeeeee; border: 1px solid white; border-right-color:#CCCCCC; border-bottom-color:#CCCCCC;}

.NavBarLevel2ItemHover
	{ background-color:#dddddd; border: 1px solid #eeeeee; border-right-color:#CCCCCC; border-bottom-color:#CCCCCC;}

.NavBarLevel2ItemSelected
	{ background-color: #dddddd; border: 1px solid #999999; border-right-color:white; border-bottom-color:white; }


.NavBarLevel2Item A:LINK, .NavBarLevel2Item A:ACTIVE, .NavBarLevel2Item A:VISITED,
.NavBarLevel2ItemHover A:LINK, .NavBarLevel2ItemHover A:ACTIVE, .NavBarLevel2ItemHover A:VISITED,
.NavBarLevel2ItemSelected A:LINK, .NavBarLevel2ItemSelected A:ACTIVE, .NavBarLevel2ItemSelected A:VISITED
	{ color: #000000; display:block; text-decoration: none; }

.NavBarLevel2Item A:HOVER,
.NavBarLevel2ItemHover A:HOVER,
.NavBarLevel2ItemSelected A:HOVER
	{ color: #000000; display: block; text-decoration: underline; }

.NavBarEmpty
{
}

/**************************** Login Styles *********************/
.LoginDiv
	{ padding: 5px; background-color:#eeeeee; }
.LoginTextBox, .LoginCheckBox
	{ width: 100px; margin-left:10px; margin-bottom: 2px; }
.LoginMessage
	{ color:Red; }
.LoginButtonDiv
	{ text-align: center; }	
.LoginButton
	{ }