/*	FOR ALL YOUR DEBUGGING NEEDS USE FIREBUG:
	http://www.getfirebug.com
*/

/**********************/
/*      DEFAULTS      */
/**********************/

html {
	height: 100%;
	margin: 0px 0px 0px 0px;
}

body {
	margin: 0px;
	height: 100%;

	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	color: #333333;

	background-image: url(/wsimages/mainBg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body a {
	color: #FF5A00;
	text-decoration: underline;
}
body a:hover {text-decoration: none;}

form, input, textarea, select {
	margin: 0px;
	padding: 0px;
}

img {border: none;}

.clearDiv {
	clear: both;
}

.noText {
	line-height:1px;
	font-size:1px;
} /* tells IE to use 1px line height and font size */

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

h2 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #AC2600;
}

h3 {
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

h4 {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #2F2F2F;
}

h5 {
	margin: 0px;
	padding: 0px 0px 13px 0px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

h6 {
	margin: 0px;
	padding: 0px 0px 11px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

ul {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 0px 15px;
	
	list-style-type: none;

	font-size: 11px;
	font-weight: normal;
	color: #575757;
}

li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url(/wsimages/internalContentBullet.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#breadCrumbs a {color: #C42000; text-decoration: underline; font-weight: normal;}
#breadCrumbs a:hover {color: #C42000; text-decoration: none; font-weight: normal;}
.breadcrumbsHere {color: #C42000; text-decoration: none;}
.breadcrumbsSeparator {padding: 0px 1px 0px 1px;}

/**********************/
/*     STRUCTURAL     */
/**********************/

div#topSpacer {
	float: left;
	display: block;
	width: 100%;
	height: 30px;
}

div#mainWrapper { 
	/* Position site are in centre of page */
	width: 862px;
	margin: 0px auto 0px auto;	
}

div#mainOutterBorder {
	/* Gray border that surrounds the display area */
	float: left;
	width: 862px;
	padding-bottom: 10px;
	background-color: #818181;
}
	
div#mainInnerBorder {
	/* White border that surrounds the display area */
	float: left;
	display: inline;
	width: 842px;
	margin: 10px 10px 0px 10px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
}

div#main {
	/* Inner white border and display area */
	float: left;
	display: inline;
	width: 834px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 4px 4px 0px 4px;
}

div#headerWrapper {
	float: left;
	display: block;
	width: 834px;
}

	div#hLHS {
		float: left;
		display: inline;
		width: 171px;
		height: 169px;
		margin: 0px 0px 0px 0px;
	}
	
	div#hRHS {
		float: left;
		display: inline;
		width: 659px;
		height: 169px;
		margin: 0px 0px 0px 4px;
	}
	
div#bodyWrapper {
	clear: both;
	float: left;
	width: 834px;
	min-height: 327px;
	height: auto !important;
	height: 327px;
	margin: 4px 0px 0px 0px;
	background-color: #D8D8D8;
}

	div#navMenuWrapper {
		float: left;
		display: inline;
		width: 171px;
		min-height: 327px;
		height: auto !important;
		height: 327px;
	}

		div#searchBox {
			display: block;
			width: 159px;
			height: 23px;
			padding: 6px 6px 0px 6px;
			border-bottom: 4px solid #FFFFFF;
			background-color: #C42000;
		}
		
			div#searchBox .text {
				float: left;
				width: 133px;
				height: 15px;
				margin: 0px 5px 0px 0px;
				padding: 2px 3px 0px 5px;
				border: 0px;
				font-size: 10px;
				color: #515151;
			}
		
			div#searchBox .button {
				float: left;
			}

		div#navMenu {
			width: 171px;
		}
		
		div#navMenu td {
			padding: 4px 0px 5px 12px;
		}
		
		div#navUnderFill {
			display: block;
			width: 171px;
			height: 1px;
			line-height: 1px;
			background-color: #FFFFFF;
		}

	div#contentWrapper {
		float: left;
		border-left: 4px solid #FFFFFF;
		background-color: #EAEAEA;
	}

		div#pageTitle {
			width: 647px;
			height: 23px;
			padding: 6px 0px 0px 12px;
			background-color: #C42000;
		}
	
		div#breadCrumbs {
			width: 647px;
			height: 20px;
			padding: 7px 0px 0px 12px;
			border-bottom: 4px solid #FFFFFF;
			font-size: 11px;
			color: #C42000;
			background-color: #EAEAEA;
		}

		div#bodyLHS {
			float: left;
			width: 414px;
			min-height: 231px;
			height: auto !important;
			height: 231px;
			padding: 10px 12px 26px 12px;
			border-right: 4px solid #FFFFFF;
			background-color: #EAEAEA;
		}
		
		.bodyImg {
			padding: 2px;
			border: 4px solid #BCBCBC;
			background-color: #FFFFFF;
		}

		div#bodyLHS_noRHS {
			float: left;
			width: 631px;
			min-height: 262px;
			height: auto !important;
			height: 262px;
			padding: 10px 16px 26px 12px;
			background-color: #EAEAEA;
		}
		
		div#bodyLHS_Home {
			float: left;
			width: 659px;
			min-height: 288px;
			height: auto !important;
			height: 288px;
			padding: 10px 0px 0px 0px;
			background-color: #EAEAEA;
		}
		
			div#homePageBlurb {
				margin: 0px 0px 12px 12px;
			}
			
		div#bodyRHS {
			float: left;
			width: 217px;
			margin: 0px 0px 0px -4px;
			border-left: 4px solid #FFFFFF;
			background-color: #D8D8D8;
		}

/**********************/
/*   FORM ELEMENTS    */
/**********************/

/* HEADER MEMBER LOGIN FORM */

div.headerMemberLogin {
	float: left;
	margin: 0px 5px 0px 0px;
}

.curveInputFieldVintage {
	width: 77px;
	height: 12px;
	margin: 0px 0px 1px 0px;
	padding: 2px 0px 0px 4px;
	background-color: #FBF6EF;
	border: 0px;
	font-size: 11px;
	color: #857461;
}

.curveInputFieldBtn {
	padding: 0px 0px 0px 5px;
}

div#top_categorySelect {
	float: left;
	width: 183px;
	height: 32px;
}		

	select#top_categorySelectBox {
		width: 183px;
		margin: 2px 0px 0px 0px;
		padding: 2px 0px 3px 0px;
		border: 1px solid #CDBA97;
		background-color: #FAF6EE;
		font-size: 11px;
		color: #70604E;
	}
	
	select#top_categorySelectBox option {
		color: #55483A;
	}

	select#top_categorySelectBox .selectTitle {
	}

	select#top_categorySelectBox .selectDivider {
	}

div#rhs_categorySelect {
	width: 183px;
	height: 33px;
}		

	select#rhs_categorySelectBox {
		width: 183px;
		margin: 2px 0px 0px 0px;
		padding: 2px 0px 3px 0px;
		border: 1px solid #7F9DB9;
		background-color: #F4E6C2;
		font-size: 12px;
		color: #044C66;
	}
	
	select#rhs_categorySelectBox option {
		color: #013D53;
	}

	select#rhs_categorySelectBox .selectTitle {
		font-weight: bold;
	}

	select#rhs_categorySelectBox .selectDivider {
	}

div#bottom_categorySelect {
	width: 183px;
	height: 33px;
}		

	select#bottom_categorySelectBox {
		width: 183px;
		margin: 2px 0px 0px 0px;
		padding: 2px 0px 3px 0px;
		border: 1px solid #7F9DB9;
		background-color: #F4E6C2;
		font-size: 12px;
		color: #044C66;
	}
	
	select#bottom_categorySelectBox option {
		color: #013D53;
	}

	select#bottom_categorySelectBox .selectTitle {
		font-weight: bold;
	}

	select#bottom_categorySelectBox .selectDivider {
	}

div#insidePanel {
	width: 129px;
	height: 19px;
	border: 1px solid #5C5054;
}

/**********************/
/*     NEWS PAGE      */
/**********************/

div.newsDate {
	font-size: 10px!important;
	color: #F3AA27!important;
}

div.newsPagination {color: #F3AA27;}
div.newsPaginationTop {margin-top: 0px; margin-bottom: 16px; padding-left: 2px;}
div.newsPaginationBottom {margin-top: 30px;margin-bottom: 6px;}
.newsPaginationLinks {color: #AC2600;font-size: 11px;}
.newsPaginationLinks a {color: #AC2600;text-decoration:underline;font-size: 11px;}
.newsPaginationLinks a:hover {color: #AC2600;text-decoration:none;}
.newsPaginationLinksActive  {color: #000000;font-size: 11px;}

/* News Page items */
div.teaserSepNewsPage {
	margin-top: 16px;
	margin-bottom: 12px;
	height: 1px;
	background: transparent url(/wsimages/newsSeparator.gif) repeat-x bottom left;
}
table.teaserNewsPage {border-collapse: collapse;  margin-bottom: 0px;margin-top: 0px;}
td.teaserImageNewsPage {vertical-align: top; padding-right: 0px;padding-top: 0px;}
td.teaserImageNewsPage img {
		float: left;
		background-color: #EAEAEA !important;
		border:4px solid #B3B3B3 !important;
		padding: 2px;
		margin-right: 0px!important; /* removes 21px margin from standard pagecontent image */
}
td.teaserImageNewsPage div {
	float: left;
	margin-right: 10px;
}
td.teaserTextNewsPage {vertical-align: top;}
td.teaserTextNewsPage p.teaserDateNewsPage {margin: -4px 0px 3px 0px; padding-top: 0px; font-size: 10px !important; color: #737373!important;}

td.teaserTextNewsPage h4 {
		color: #780102;
		font-size: 11px !important;
		margin-top: 0px !important; margin-bottom: 5px !important;
		padding-top: 0px !important; padding-bottom: 5px !important;
		background: transparent url(/wsimages/teaserLabelBG.jpg) no-repeat bottom left;
	}

td.teaserTextNewsPage h4 a {color: #C42000;text-decoration: underline;font-size: 11px; font-weight: bold;}
td.teaserTextNewsPage h4 a:hover {color: #C42000;text-decoration: none;}
td.teaserTextNewsPage p {font-size: 11px !important; color: #242424; margin: -3px 0px 0px 0px; padding: 0px;}
td.teaserTextNewsPage p a {color: #FF5A00; font-weight: normal; font-size: 11px !important; padding-top: 6px; display: block;padding-bottom: 0px;}


/**********************/
/*     SITE MAP       */
/**********************/
div#siteMap {}

div.level1, div.level2 {
	margin-top: -1px;
	margin-bottom: 4px;
	padding: 4px 7px 5px 7px;
	font-size: 12px;
	background-color: #D4D4D4;
}

div.level2 a, div.level1 a {color: #333333 !important;text-decoration: none !important;font-size: 12px !important;font-weight: bold !important;}
div.level2 a:hover, div.level1 a:hover {color: #333333 !important;text-decoration: underline !important;}
div.level2 a:visited, div.level1 a:visited {}

div.level3 a, div.level4 a {font-size: 11px !important; color: #AC2600 !important;text-decoration: none !important;font-weight: normal !important;}
div.level3 a:hover, div.level4 a:hover {color: #AC2600 !important;text-decoration: underline !important;}
div.level3 a:visited, div.level4 a:visited {}

div.level3 {
	font-size: 11px !important;
	margin-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	margin-bottom: 2px;
	border-bottom: 1px solid #C0C0C0;
}

img.level3 {
	vertical-align: middle !important;
	padding: 0px !important;
	margin: -1px 4px 0px 0px;
	border: 0px solid transparent !important;
	width: 3px !important;
	height: 3px !important;
	background-color: transparent !important;
}

div.level4 {
	font-size: 11px !important;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-top: -1px;
	border-bottom: 0px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #C0C0C0;
}
span.level4 {
	margin-right: 3px;
}

img.level4 {}

/**********************/
/*     FOOTER         */
/**********************/

div#footer {
	float: left;
}

	div#footerWrapper {
		float: left;
		width: 862px;
		height: 70px;
		padding-bottom: 15px;
	}
	
		div#footerText {
			float: left;
			display: inline;
			width: 178px;
			margin: 12px 0px 0px 11px;
			font-size: 11px;
			color: #525252;
		}
	
		div#footerLinks {
			float: left;
			display: inline;
			width: 272px;
			margin: 12px 0px 0px 0px;
			text-align: left;
		}

		div#footerLinks a {
			font-size: 11px;
			font-weight: normal;
			color: #2A2A2A;
			text-decoration: underline;
		}

		div#footerLinks a:hover {
			color: #A2482D;
			text-decoration: none;
		}

		.footerLinksDivider {color: #B7A780;}

		div#footerLogos {
			float: left;
			display: inline;
			width: 390px;
			margin: 12px 11px 0px 0px;
		}
			
			.footerLogo {
				float: right;
				margin-left: 17px;
			}

		a#toTop img {
			vertical-align: middle;
		}