HTML
	  { background-image: url("Images/sidebarback.gif"); background-repeat: repeat-y; padding: 0; height: 100% }

BODY
	   { color: #352420; font-size: 11px; margin: 0; padding: 0 }


/* If you change the page header height, remember to update the .sidebar and .main */
.pageheader 
	  { background-repeat: repeat-x; padding: 0; width: 100%; height: 150px }

.pagefooter
	   { background-repeat: repeat-y; padding: 0 0 0 0; position: relative; z-index: -1; right: 17px; width: 100%; float: left }

/* If you change the sidebar width, remember to update the NavBar section */
.Sidebar
	     { font-weight: normal; padding: 0 3px 0 30px; position: absolute; top: 150px; width: 150px }
.header    { background-image: url("Images/headerback.gif"); background-repeat: repeat-x }
.main
	 { margin: 0 5px 15px 180px; padding: 5px 5px 5px 35px; border: 1px #ebebeb }

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

H1
	  { color: #6b3e20; font-size: 18px; font-weight: bold; margin: 0; padding: 0 }

H2
	  { color: #6b3e20; font-size: 14px; font-weight: bold; margin: 0 0 5px; padding: 0 10px 0 0 }

A H2  
	 { text-decoration: none }

A:hover H2
	 { color: #6b3e20; text-decoration: underline }

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

P 
	 { color: #352420; font-size: 11px }

TD
	{ font-size: 10pt; }

A
	 { color: #6b3e20 }

A:hover
	 { color: #6b3e20; text-decoration: underline }

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

A.Copyright
	{ COLOR: #6699CC; 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: "Trebuchet MS" }

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

INPUT.QuantityToAddBox
	{ width:30px !important;
	    color:#184A69; 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:#A8BAC2 #DFE5E7 #DFE5E7 #A8BAC2; }

.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 	
	 { text-align: left; margin-bottom: 10px; padding: 5px; width: 90%; clear: both; border: solid 1px #6b3e20 }

.ViewCategoryFooterTable 
	{ width:100% }

.ProductDetails, 
.ProductPageNavigationControls
	 { border: solid 1px #6b3e20 }

.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
	 { text-align: left; display: inline; margin: 0 5px 10px; padding: 5px 5px 10px; width: 200px; height: 300px; float: left; border: solid 1px #6b3e20 }

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

.ProductGridItemInner
	{ height:155px;}
	
.ProductGridPageNumbers A,
.ProductGridBackNext A
	{ color: #B2CCE5 !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: White;  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: White; 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: White; font-weight: bold;
		 padding-left: 5px; font-size: 12px; letter-spacing: 1px;}
	
TD.CheckoutHeader 
	{ background-color: White; 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: White; padding-right: 5px;}
	
.CheckoutFooterTotal 
 	{ COLOR: #5c5c5c; border-bottom: solid 1px #669acc; }

TD.CheckoutCellLeft
	{ text-align:right; }	

TD.CheckoutCellRight 
	{ text-align:right; background-color: White; 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: White; 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: #6699cc !important; }

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

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

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


/**************************** 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: White; 
		padding:3px; padding-left: 5px; font-size: 12px; letter-spacing: 1px; }

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

.ContactDetailsEntry
	{ background-color:White; }

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


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

.OrderConfirmationDetails
	{ padding:5px;}

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

TD.OrderConfirmationHeader,
TD.OrderConfirmationFooter
	{ background-color: White; 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: White; font-weight: bold;  color: #6699cc !important; }

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

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

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

TD.OrderConfirmationTotalCell 
	{ background-color: White; 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 #669acc; 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 #669acc; 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: White; border-left:0px; FONT-SIZE: 0.9em; padding:3px; }

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

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


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

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

.LoginFooter			
	{ border:solid 1px #B2CCE5; 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 #669acc; 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: #FE9900; 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: #6b3e20; text-decoration: none }

a.BCLink:hover
	 { text-decoration: underline }

.BCSep, .BCHere
	 { color: #6b3e20; font-weight: bold }

.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:#FF9900; }

.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: #FE9900; color: white !important;}

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


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

.NavBar
	  { white-space: normal !important; cursor: default; margin-bottom: 30px; width: 143px; border: solid 1px #57433d } 

.NavBarTopItem,
.NavBarTopItemHover,
.NavBarTopItemActive
	 { color: white; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; text-align: center; cursor: pointer; padding: 4px 5px; border: solid 1px #57433d }

.NavBarTopItem
	 { border: solid 1px #57433d }

.NavBarTopItemHover
	  { color: #352420; background-color: #6b3e20; border: solid 1px #57433d }

.NavBarTopItemActive
	 { background-color: #6b3e20; border: solid 1px #57433d }

.NavBarLevel2Group
	{ background-color:white; }

.NavBarLevel2Item, 
.NavBarLevel2ItemHover,
.NavBarLevel2ItemSelected,
.NavBarLevel2ItemActive
	 { color: white; font-size: 11px; font-family: "Trebuchet MS"; cursor: pointer; padding: 3px 3px 3px 10px }

.NavBarLevel2Item
	 { background-color: #57433d; border: solid 1px #57433d }

.NavBarLevel2ItemHover
	 { color: #352420; background-color: #6b3e20; border: solid 1px #57433d }

.NavBarLevel2ItemSelected
	 { background-color: #6b3e20; border: solid 1px #57433d }


.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:#57433d; color: white; }
.LoginTextBox, .LoginCheckBox
	{ width: 100px; margin-left:10px; margin-bottom: 2px; }
.LoginMessage
	{ color:Red; }
.LoginButtonDiv
	{ text-align: center; }	
.LoginButton
	{ }