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

BODY
{
	background-color: #EEEEEE;
	font-family: Verdana, Helvetica, sans-serif;
	color: #999999;
	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: #999999;
}
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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.58em;
	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;
}

A
{
	text-decoration: none;
	color: #666666;
}

A:hover
{
	text-decoration: none;
	color: #669999;
}

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
{
	text-align: left; /*Override effect of centered text-align for Form1 tag (IE6)*/
	background-color: White;
	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
{
	width: 100%;
	float: left;
	background-color: Transparent;
}
#divLogo
{
	float: left;
	width: 150px;
}
#imgLogo
{
	src: url(Images/Logo.gif);
}
#divRightBanner
{
	border: none;
	text-align: right;
	vertical-align: top;
	float: right;
	width: 610px;
}
#divLogin
{
	padding: 5px 5px 5px 0px;
	margin: 0px;
	float: right;
	width: 600px;
}
#divLoginMenu
{
	float: right;
	border: none;
	padding: 1px;
	width: auto;
	white-space: nowrap;
	color: #006666;
	font-size: xx-small;
}
#divLanguage
{
}
#divNav
{
}
.LoginItem
{
	color: #006666;
	font-size: xx-small;
}
A.LoginItem
{
	color: #006666;
}
A:visited.LoginItem
{
	color: #006666;
}
A:hover.LoginItem
{
	color: #006666;
	text-decoration: underline;
}

/* ---------------------------------------------------------
						Toolbar items
------------------------------------------------------------*/
#divToolbar
{
	margin: 0px;
	padding: 5px 10px 0px 10px;
}
#divSearch
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	float: right;
	width: 290px;
	font-size: 10px;
}
#divBar
{
	height: 0px;
	width: 100%;
	text-align: right;
	background-color: #FFFFFF;
}
.Bar
{
	background-color: #FFFFFF;
	width: 100%;
	height: 0px;
	margin-bottom: 8px;
}
/* ---------------------------------------------------------
						Catalogue toolbar
------------------------------------------------------------*/
#divCatalogueToolbar
{
}
#divDepartmentTabs
{
	width: 500px;
	float: left;
}
#divCartButtons
{
	float: right;
	width: 229px;
	text-align: right;
	vertical-align: bottom;
}
/* ---------------------------------------------------------
						Main content div
------------------------------------------------------------*/
#divContent
{
	clear: both;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	width: 740px;
}
.Content
{
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}
.pageCaption
{
	padding: 10px 0px 10px 0px;
}
#divError
{
	padding-top: 10px;
	padding-bottom: 10px;
}
#divCatalogue
{
	clear:both;
	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;
}

/* ---------------------------------------------------------
						Gallery Catalogue layout
------------------------------------------------------------*/

.gallery
{
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 75%;
}
.detailDisplay
{
	width: 25%;
	float: right;
}
.productDetails
{
	text-align: left;
}
.productName
{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
	color: #A3A639;
}
.productDescription
{
	margin-bottom: 10px;
	font-size: 11px;
	color: #6F7997;
}
.productPrice
{
	font-weight: normal;
	margin-bottom: 10px;
}
#divVariant
{
	margin-bottom: 10px;
}
#divPager
{
	width: 100%;
	float: left;
	clear: both;
}
/* ---------------------------------------------------------
						Form layout
------------------------------------------------------------*/
#tblForm
{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}
#colLabel
{
	color: #006666;
	vertical-align: top;
	width: 30%;
}
#colControl
{
	vertical-align: top;
	width: 65%;
}
#colValidator
{
	vertical-align: top;
	width: 5%;
}
/* ---------------------------------------------------------
						Cart summary
------------------------------------------------------------*/
#divCart
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	float: right;
	width: 221px;
	height: 30px;
	vertical-align: middle;
	text-align: right;
}
#divCartTop
{
	background-image: url(Images/CartL.gif);
	background-repeat: no-repeat;
	float: left;
	width: 40px;
	height: 26px;
}
#divCartBody
{
	padding: 5px;
	font-size: xx-small;
	text-align: center;
	border-top: solid 1px #ccff99;
	border-bottom: solid 1px #ccff99;
	float: left;
	width: 130px;
	height: 13px;
}
#divCartBottom
{
	background-image: url(Images/CartR.gif);
	background-repeat: no-repeat;
	float: right;
	width: 40px;
	height: 26px;
}
/* ---------------------------------------------------------
						Sidebar
------------------------------------------------------------*/
#divSideBarHead
{
	width: 150px;
	height: 23px;
	background-image: url(images/news.gif);
}
#divSideBarBody
{
	padding: 5px;
	width: 138px;
	height: 195px;
	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
------------------------------------------------------------*/
DIV.FooterItem
{
	background-color: #BCCBCD;
	clear: both;
	text-align: right;
	padding: 0px 5px 10px 0px;
}
#spanStrapLine
{
	color: #666666;
	font-size: xx-small;
}
HR.FooterItem
{
	background-color: #BCCBCD;
	color: #BCCBCD;
	border: 0;
	height: 2px;
}
A.FooterItem
{
	color: Gray;
}
A:visited.FooterItem
{
	color: Gray;
}
A:hover.FooterItem
{
	color: #666666;
	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: #009999;
}
.label
{
	color: #006666;
	vertical-align:top;
}
.rowSpacer
{
	height: 12px;
}
.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: #009999;
}
.hidden
{
	display: none;
}