/* ---------------------------------------------------------
						Tag selectors 
------------------------------------------------------------*/

BODY
{
    BACKGROUND-COLOR: #C2C0B1;
    COLOR: #996600;
	FONT-FAMILY: "Century Gothic";
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #996600;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: "Century Gothic";
	font-size:	12pt;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
	
TABLE
{
	width:100%;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	border:0px;
}	
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

TD
{
	vertical-align: top;
}
A:link	{	
	text-decoration:	none;
	color:	#996600;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#996600;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#996600;
	}	
		
A:hover	{	
	text-decoration:	none;
	color:	#FF9999;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	"Courier New", monospace;
	}	
	
UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
IMG
{
	border:none;
}

/* ---------------------------------------------------------
						Structural elements 
------------------------------------------------------------*/
#divFrame
{
	background-color:FFFFEC;
	text-align:left;	/*Override effect of centered text-align for Form1 tag (IE6)*/
	width:760px;
	border:none;
	padding:0px;
	/*margin:0px;*/
	margin-left:auto;
	margin-right:auto;
}
#Form1
{
	text-align: center;		/*To make IE6 centre page*/
}
#hrFloatHack
{
	display:block;
	visibility:hidden;
	clear:both;
}
/* ---------------------------------------------------------
						Page header
------------------------------------------------------------*/
#divHeader
{
	text-align:right;	
	width:100%;
	height:90px;
	float:right;
	background-color:FFFEDF;
}
#divLogo
{
	background-color:FFFEDF;
	align:right;
	width:760px;
	height:90px;
}
#imgLogo
{
	background-color:FFFEDF;
}
#divRightBanner
{
	border:none;
	text-align:right;
	vertical-align:top;
	float:right;
	width:0px;
}
#divLogin
{
	padding: 5px 5px 0px 0px;
	margin:0px;
	height:50px;
	float:right;
	width:600px;
}
#tblLoginMenu
{
	float:right;
	border: none;
	padding:1px;
	width:auto;
	white-space:nowrap;
}
#divNav
{
}
#divTabs
{
	clear:both;
	padding: 25px 5px 0px 5px;
}
#divBar
{
	height:80px;
	width:100%;
	text-align:right;
	background-color:#FFFFEC;
}
#divBarTwo
{
	padding: 115px 5px 0px 5px;
	height:30px;
	width:750px;
	text-align:right;
	background-color:#FFFFEC;
}
#divBarThree
{
	height:5px;
	width:100%;
	text-align:right;
	background-color:#FFFFEC;
}
#divBarFour
{
	height:20px;
	width:100%;
	text-align:left;
	background-color:#FFFFEC;
}
#divPara
{
	padding: 95px 10px 10px 10px;
	text-align:left;
	background-color:#FFFFEC;
}
.Tab
{
	padding: 10px 0px 0px 0px;
	display:inline;
}
.LinkItem
{
	color:#996600;
}
.LoginItem
{
	color:#996600;
	font-size:x-small;
	letter-spacing: .07em;
}
A.LoginItem
{
	color:#996600;
}
A:visited.LoginItem
{
	color:#996600;
}
A:hover.LoginItem
{
	color:#FF9999;
	text-decoration:none;
}
/* ---------------------------------------------------------
						Toolbar items
------------------------------------------------------------*/
#divToolbar
{
	background-color:FFFFEC;
	margin: 0px;
	padding: 5px 10px 0px 10px;
}
#divSearch
{
	background-color:FFFFEC;
	padding: 0px 0px 0px 10px;
	vertical-align:middle;
	float:left;
	width:300px;
}
.Bar
{
	background-color:FFFFEC;
	padding: 0px 0px 0px 0px;
	width:100%;
	height:0px;
	margin-bottom:0px;
}
/* ---------------------------------------------------------
						Catalogue toolbar
------------------------------------------------------------*/
#divCatalogueToolbar
{
	background-color:FFFFEC;
}
#divDepartmentTabs
{
	height:20px;
	width:500px;
	float:left;
}
#divCartButtons
{
	float:right;
	width:229px;
	text-align:right;
	vertical-align:bottom;
}
/* ---------------------------------------------------------
						Main content div
------------------------------------------------------------*/
#divContent
{
	background-color:#FFFFEC;
	clear:both;
	padding:10px 10px 10px 10px;
	vertical-align:top;	
	width:740px;
}
#divContentTwo
{
	background-color:#FFFFEC;
	clear:both;
	padding:90px 10px 10px 10px;
	vertical-align:top;	
	width:740px;
}
.Content
{
	background-color:FFFFEC;
	padding:10px 10px 10px 10px;
	vertical-align:top;
}
#divPageCaption
{
	padding: 0px 0px 10px 0px;
}
#divError
{
	padding-top:10px;
	padding-bottom:10px;
	color: #996600;
}
#divCatalogue
{
	padding: 10px 0px 0px 0px;
	height:100%;
}
DIV.grid
{
	margin-bottom:10px; 
	clear:both;
	width:100%;
}
#divButtons
{
	clear:both;
	width:100%;
	text-align:center;
	margin-top:10px;
}
/* ---------------------------------------------------------
						Form layout
------------------------------------------------------------*/
#tblForm
{
	background-color:FFFFEC;
	width:100%;
	padding: 0px;
	border-collapse:collapse;
}
#colLabel
{
	color:#996600;
	vertical-align:top;
	width:30%;
}
#colControl
{
	vertical-align:top;
	width:65%;
}
#colValidator
{
	vertical-align:top;
	width:5%;
}
/* ---------------------------------------------------------
						Cart summary
------------------------------------------------------------*/
#divCart
{
	background-color:FFFFEC;
	padding: 5px 15px 5px 5px;
	margin: 0px 0px 0px 5px;
	float:right;
	width:190px;
	height:22px;
	vertical-align:middle;
	text-align:right;
}
#divCartTop
{
	background-image: url(../Images/CartL.gif);
	background-repeat:no-repeat;
	float:left;
	width:40px;
	height:22px;
}
#divCartBody
{
	padding:0px;
	font-size:x-small;
	text-align:center;
	border-top: solid 1px #FFE6E6;
	border-bottom: solid 1px #FFE6E6;
	float:left;
	width:130px;
	height:20px;
}
#divCartBottom
{
	background-image: url(../Images/CartR.gif);
	background-repeat:no-repeat;
	float:right;
	width:19px;
	height:22px;
}
/* ---------------------------------------------------------
						Sidebar
------------------------------------------------------------*/
#divSideBarHead
{
	width:150px;
	height:23px;
	background-image: url(../images/news.gif);
}
#divSideBarBody
{
	padding: 5px;
	width:138px;
	height:135px;
	border-left: solid 1px #ccff99;
	border-right: solid 1px #ccff99;
	font-size:smaller;
}
#divSideBarFoot
{
	width:150px;
	height:23px;
	background-image:url(../Images/PanelB.gif);
}
.SidePanel
{
	padding:5px 5px 5px 5px;
	font-size:xx-small;
	border-left: solid 1px #ccff99;
	border-right: solid 1px #ccff99;
}
UL.SidePanel
{
	margin-left: 10px;
	margin-right: 5px;
	border-left: none;
	border-right: none;
}
/* ---------------------------------------------------------
						Footer
------------------------------------------------------------*/
#divFooter
{
	background-color:#FFE8F3;
	clear:both;
	text-align:right;
	padding: 0px 0px 10px 0px;
}
#spanStrapLine
{
	color:#996600;
	font-size:xx-small;
}
HR.FooterItem
{
	background-color:#FFE8F3;
	color:##FFE8F3;
	border:0;
	height:0px;
}
A.FooterItem
{
	color:Gray;
}
A:visited.FooterItem
{
	color:Gray;
}
A:hover.FooterItem
{
	color:#996600;
	text-decoration:none;
}
/* ---------------------------------------------------------
							Columns
------------------------------------------------------------*/
#divLeft
{
	float:left;
	width:10%;
	height:100%;
	vertical-align:top;
}
#divCentre
{
	padding: 0px;
	float:left;
	width:580px;
	height:100%;
	vertical-align:top;
}
#divRight
{
	padding: 0px 0px 0px 10px;
	float:right;
	width:150px;
	height:100%;
	vertical-align:top;
}
.colLeft80
{
	padding-right:2px;
	padding-top:10px;
	vertical-align:top;
	float:left;
	width: 580px;
}
.colRight20
{
	padding-left:2px;
	padding-top:10px;
	vertical-align:top;
	float:right;
	width: 145px;
}
.colLeft70
{
	padding-right:2px;
	padding-top:10px;
	vertical-align:top;
	float:left;
	width: 515px;
}
.colRight30
{
	padding-left:2px;
	padding-top:10px;
	vertical-align:top;
	float:right;
	width: 220px;
}
.colLeft50
{
	padding-right:2px;
	vertical-align:top;
	float:left;
	width: 368px;
}
.colRight50
{
	padding-left:2px;
	vertical-align:top;
	float:right;
	width: 368px;
}
.colLeft40
{
	padding-right:2px;
	vertical-align:top;
	float:left;
	width: 290px;
}
.colRight60
{
	padding-left:2px;
	vertical-align:top;
	float:right;
	width: 440px;
}
.colLeft30
{
	padding-right:2px;
	padding-top:10px;
	vertical-align:top;
	float:left;
	width: 220px;
}
.colRight70
{
	padding-left:2px;
	padding-top:10px;
	vertical-align:top;
	float:right;
	width: 515px;
}/* ---------------------------------------------------------
						Typography
------------------------------------------------------------*/
.Error
{
	color:Red;
}
.label
{
	color:#996600;
}
.rowSpacer
{
	height:10px;
}
.leftAligned
{
	text-align:left;
}
.rightAligned
{
	text-align:right;
}
.centered
{
	text-align:center;
}

/* ---------------------------------------------------------
							Misc
------------------------------------------------------------*/
.Dialog
{
	background-color: white;
}
.row
{
	margin-bottom:10px; 
	clear:both;
}
A.selected
{
	color:#996600;
}
.hidden
{
	display:none;
}