body
{
	font-size: x-small;
	margin: 0px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	background-color: white;
}

.normalcontent, TD, select
{
	font-size: x-small;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
}
select
{
	font-size: x-small;
}

.hidden
{
	visibility: hidden;
}

.normalcontent a
{
	color: #207acd;
}

/* Base margins & padding 
*
{
	margin:0px;
	padding:0px;
}
*/

/* for cross-browser compatibility of padding & margin*/
div, p, a, td, input
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


h6
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
}

h5
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
}

/*************  LAYOUT STYLES ************/

div#printversion
{
	display: none;
	width: 700px;
	padding: 10px;
	border-bottom: solid 1px black;
}
div#printversion a
{
	color: Black;
}

div#page
{
	background-color: white;
	width: 1024px;
}

div#header
{
	padding: 0px;
	padding-bottom: 2px;
	width: 959px;
	float: left;
	background-image: url(/Site/Resources/Images/blue.png);
	background-repeat: repeat-x;
}

div#flashcontent
{
	border: 0px;
	width: 769px;
	float: left;
	margin: 0px;
}

div#subheader
{
	background-color: #dd1015;
	margin-bottom: 2px;
	font-size: xx-small;
	font-weight: bold;
	width: 959px;
	height: 21px;
	color: #fcd603;
	padding-top: 3px;
	padding-left: 0px;
	position: static;
	vertical-align: bottom;
	text-align: center;
	overflow: hidden;
	float: left;
}
div#subheader a
{
	color: White;
	text-decoration: none;
}

.maindiv
{
	float: left;
	width: 959px;
	background: white url(/Site/Resources/Images/leftbg.gif) repeat-y; /*border:solid 2px orange;*/
	border-right: solid 1px #5c5c5c;
	border-top: solid 1px #5c5c5c;
}



div#navigationcolumn
{
	float: left;
	width: 186px; /*height:100%;*/
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	background: #eeeeee;
	overflow: hidden;
}
.maincolumn
{
	float: left;
	border: 0px;
	width: 772px; /*border:solid 2px blue;*/
	overflow-x: hidden;
	overflow-y: visible;
}


.spacer
{
	width: 1px;
	height: 430px;
	float: right;
}

.clearer
{
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

/* Print styles */

.maindivprint
{
	float: left;
	width: 600px;
}
.maincolumnprint
{
	float: left;
	width: 700px;
	overflow-x: hidden;
	overflow-y: visible;
}

/* Left column styles*/
div#quicksearch
{
	background: #FFFFFF url(/Site/Resources/Images/qsbg.gif);
	height: 125px;
	width: 186px;
	line-height: 10px;
	font-size: 10px;
	vertical-align: text-top;
	padding: 1px 0px 0px 10px;
	border: solid 1px white; /*float:left;*/
}

div#quicksearch a
{
	color: #000000;
}

.quicksearchinput
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	width: 123px;
	height: 17px;
	border-bottom: gray 1px solid;
	font-size: 11px;
}

input
{
	background-color: expression((this.disabled)?  "#666666" : "#ffffff" );
}

/* CTP: This needs to be changed to be browser compatible */
.quicksearchbutton
{
	font-size: xx-small;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-weight: bold;
	vertical-align: top;
	height: 17px;
	color: black;
	text-align: center;
	margin-top: 1px;
	background-color: #c0c0c0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #ffffff;
	text-decoration: none;
}

.navigationotherlinks
{
	padding: 0px 0px 0px 0px;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	padding-top: 0px;
	overflow: hidden;
}

.navigationlinksothera
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding-left: 17px;
	line-height: 16px;
}



/* Navigation menu items*/
.navigationlinks
{
	margin: 0px;
	background: #ffffff; /*border:solid 1px orange;*/ /*float:left;*/
	width: 186px;
}

.navigationlinks h6.navheader1 /* yellow */
{
	font-weight: bold;
	background: #ffffff url(/Site/Resources/Images/menuY.gif) no-repeat;
	width: 186px;
	padding: 0px 0px 0px 17px;
	line-height: 19px;
	height: 19px;
	margin: 0px;
}
.navigationlinks h6.navheader2 /* red */
{
	font-weight: bold;
	background: #ffffff url(/Site/Resources/Images/menuR.gif) no-repeat;
	width: 186px;
	padding: 0px 0px 0px 17px;
	line-height: 19px;
	height: 19px;
	margin: 0px;
}
.navigationlinks h6.navheader3 /* blue */
{
	font-weight: bold;
	background: #ffffff url(/Site/Resources/Images/menuB.gif) no-repeat;
	width: 186px;
	padding: 0px 0px 0px 17px;
	line-height: 19px;
	height: 19px;
	margin: 0px;
}
.navigationlinks h6.navheader4 /* yellow */
{
	font-weight: bold;
	background: #ffffff url(/Site/Resources/Images/menuY.gif) no-repeat;
	width: 186px;
	padding: 0px 0px 0px 17px;
	line-height: 19px;
	height: 19px;
	margin: 0px;
}

.navigationlinks ul
{
	margin: 0px;
	border-right: white 1px solid;
	border-top: white 0px solid;
	border-left: white 1px solid;
	border-bottom: white 0px solid;
	padding: 0px 0px 0px 0px;
	width: 186px;
	overflow: hidden;
}
.navigationlinks div
{
	width: 184px;
	overflow: hidden;
	padding-bottom: 10px;
}
.navigationlinks li
{
	list-style-type: none;
}
.navigationlinks li p
{
	margin-bottom: 1px;
	margin-top: 1px;
}
.navigationlinks li a
{
	display: block;
	width: 184px;
	padding: 0px 0px 2px 20px;
	font-size: 11px;
	line-height: 17px;
	text-decoration: none;
	color: Black;
	background: #eeeeee;
}
.navigationlinks li a:hover
{
	background: #d9d9d9;
}


/* Tools section */
div#tools
{
	width: 100%;
	float: left;
	border-bottom: solid 1px #eeeeee;
	background: #eeeeee;
	font-size: 10px;
	height: 51px; /*border:solid 3px pink;*/
}

.toolheader
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	background: #d9d9d9;
	border-left: #ffffff 1px solid;
	line-height: 14px;
	border-bottom: #ffffff 1px solid;
	padding-left: 7px;
	font-weight: bold;
	height: 16px;
}
.tool
{
	background: #eeeeee;
	border-left: solid 1px #d9d9d9;
	float: left;
	height: 53px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.tool a
{
	color: #000000;
}
.toolbody
{
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 5px;
}
.toolbodylogin
{
	padding-top: 1px;
}

div#basket, div#account
{
	/*width:160px;*/
	width: 21%;
}

div#login, div#logout
{
	/*width:223px;*/
	width: 28%;
}
div#extratool1
{
	/*width:129px;*/
	width: 18%;
	border-top: solid 1px #ffffff;
}
div#extratool2
{
	/*width:150px;*/
	width: 11%;
	border-top: solid 1px #ffffff;
}
.loginInput
{
	float: left;
	margin-bottom: 1px;
	border: black solid 1px;
	height: 15px;
	width: 82px;
	font-size: 9px;
}
a.loginbutton
{
	vertical-align: top;
	width: 48px;
	height: 15px;
	color: black;
	text-align: center;
	background-color: #c0c0c0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #ffffff;
	text-decoration: none;
}
.tool label
{
	width: 6em;
	float: left;
	text-align: right;
	margin: 0 1em 0px 0;
	clear: both;
}


.remembercheckbox
{
	margin: 0px;
	padding: 0px;
	border: solid 0px black;
	display: inline;
	vertical-align: middle;
}
.ButtonLogin
{
	font-size: 9px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	vertical-align: top;
	height: 15px;
	color: black;
	text-align: center;
	margin-top: 0px;
	background-color: #c0c0c0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #ffffff;
	text-decoration: none;
}

/* Content */
div#content
{
	/*width: 771px;*/
	float: left;
	text-align: left; /*padding:0px 15px 20px 20px;*/
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
	padding-bottom: 0px;
	margin: 0px;
}

/* Footer */
div#copyright
{
	float: left;
	width: 98%;
	vertical-align: bottom;
	text-align: center;
	font-size: xx-small;
	color: #6d6d6d;
	padding-bottom: 4px;
}
div#footer
{
	padding-top: 10px;
	padding-left: 15px;
	width: 959px;
	height: 35px;
	float: left;
	display: block;
	background-color: white;
	color: #7b736c;
	font:Verdana, 11px regular;	
	border-top: solid 1px #079dc4;
	border-right: solid 1px #5c5c5c;
	border-bottom: solid 1px #5c5c5c;
}
div#footer a
{
	color: #7b736c;	
}
div#footer a:hover
{
	text-decoration: underline;
}
.footerleft
{
	float: left;
	line-height: 21px;
}
.footerright
{
	float: right;
	line-height: 21px;
}

div#copyright a
{
	color: #000000;
}

/* Area header*/
.areaheaderyellow
{
	float: left;
	width: 772px;
	margin: 0px;
	background-color: #fcd603;
	border-bottom: solid 1px #f4bb03;
	border-left: solid 1px #f4bb03;
	border-right: solid 1px #fcf303;
	border-top: solid 1px #fcf303;
	color: Black;
}
.areaheaderred
{
	float: left;
	width: 772px;
	margin: 0px;
	background-color: #dd1015;
	border-bottom: solid 1px #a50c10;
	border-left: solid 1px #a50c10;
	border-right: solid 1px #ff282d;
	border-top: solid 1px #ff282d;
	color: White;
}
.areaheaderblue
{
	float: left;
	width: 772px;
	margin: 0px;
	background-color: #4576ba;
	border-bottom: solid 1px #24518f;
	border-left: solid 1px #24518f;
	border-right: solid 1px #6093d9;
	border-top: solid 1px #6093d9;
	color: White;
}
.areaheadergrey
{
	float: left;
	width: 772px;
	margin: 0px;
	background-color: #b3b3b3;
	border-bottom: solid 1px #8c8c8c;
	border-left: solid 1px #8c8c8c;
	border-right: solid 1px #dadada;
	border-top: solid 1px #dadada;
	color: Black;
}
.areaheaderleft
{
	float: left;
	height: 19px;
	padding-left: 20px;
	padding-top: 2px;
	font-size: xx-small;
	margin: 0px;
}

.areaheaderright
{
	float: right;
	text-align: right;
	height: 19px;
	padding-right: 20px;
	padding-top: 2px;
	font-size: xx-small;
	margin: 0px;
}

/* Breadcrumb */
div#breadcrumb
{
	float: left;
	width: 772px;
	overflow: hidden; /*border:solid 1px red;*/
}
div#breadcrumbleft
{
	float: left;
	height: 25px;
	font-size: xx-small;
	padding-left: 20px;
	padding-top: 5px;
	color: #207acd;
	margin: 0px;
}
div#breadcrumbright
{
	float: right;
	height: 25px;
	font-size: xx-small;
	padding-right: 20px;
	padding-top: 5px;
	color: #207acd;
	text-align: right;
	margin: 0px;
}

div#breadcrumbright a
{
	color: #207acd;
}