/*	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.jpg);
	
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #D4DAE7;
}

body a {
	color: #D25E00;
	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-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
}

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

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

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

h5 {
	margin: 0px;
	padding: 0px 0px 13px 15px;
	font-family: Arial Bold;
	font-size: 15px;
	color: #BF6001;
}

h6 {}

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

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

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: #828282; text-decoration: underline; font-weight: normal;}
#breadCrumbs a:hover {color: #828282; text-decoration: none; font-weight: normal;}
.breadcrumbsHere {color: #828282; text-decoration: none;}
.breadcrumbsSeparator {padding: 0px 1px 0px 1px;}

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

div#topSpacer {
	display: block;
	width: 100%;
	height: 33px;
}

div#bottomSpacer {
	float: left;
	display: block;
	width: 100%;
	height: 33px;
}

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

	div#frame {
		float: left;
		width: 880px;
		padding: 16px 16px 16px 20px;
		background-color: #FFFFFF;
	}
		
div#header {
	float: left;
	display: block;
	width: 880px;
	border-bottom: 3px solid #D25E00;
}

	div#hLHS {
		float: left;
		width: 188px;
		height: 169px;
	}
	
		div#logo {
			width: 188px;
		}
		
		div#searchBox {
			width: 188px;
		}

			div#searchBox .text {
				float: left;
				width: 139px;
				height: 15px;
				margin: 0px 4px 0px 0px;
				padding: 2px 3px 0px 5px;
				border: 1px solid #CCCCCC;
				font-size: 11px;
				color: #515151;
			}
		
			div#searchBox .button {
				float: left;
			}
	
	div#hRHS {
		float: left;
		width: 692px;
	}
	
div#bodyWrapper {
	clear: both;
	float: left;
	width: 880px;
}

	div#navMenu {
		float: left;
		width: 169px;
		margin: 0px 19px 0px 0px;
	}
		
		div#navMenu td {
			padding: 4px 0px 5px 13px !important;
			border-bottom: 1px solid #CCCCCC;
		}

	div#randomProductWrapper {
		display: inline;
		float: left;
		width: 670px;
		min-height: 186px;
		height: auto !important;
		height: 186px;
		padding: 0px 0px 16px 22px;
		background-image: url(/wsimages/randomProductBg.gif);
		background-position: top left;
		background-repeat: repeat-x;
		background-color: #D7DFEC;
	}
		div#randomProductWrapper h1 {
			padding: 17px 0px 9px 6px;
			color: #D25E00;
		}

div#ajaxTabsWrapper {
	clear: both;
	float: left;
	width: 880px;
	margin: 35px 0px 0px 0px;
}

div#tabsContainerAjaxTabs {
	float: left;
	width: 631px;
	min-height: 175px;
	height: auto !important;
	height: 175px;
	margin: 0px 41px 0px 0px;
	background-image: url(/wsimages/ajaxTabsBg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
	
	div#ajaxTabs {
		float: left;
		width: 169px;
	}
	
		.ajaxTabOff {
			width: 155px;
			margin: 6px 0px 0px 0px;
			padding: 6px 0px 7px 14px;
		}
			div.ajaxTabOff a {
				color: #000000;
				text-decoration: none;
			}

		.ajaxTabOn {
			width: 155px;
			margin: 6px 0px 0px;
			padding: 5px 0px 5px 14px;
			border-top: 1px solid #C9CBCE;
			border-bottom: 1px solid #C9CBCE;
			background-image: url(/wsimages/ajaxTabOnBg.gif);
			background-position: left center;
			background-repeat: no-repeat;
			background-color: #FFFFFF;
		}

			div.ajaxTabOn a {
				font-weight: bold;
				color: #003366;
				text-decoration: none;
			}
		
	.ajaxContent {
		float: left;
		width: 442px;
		min-height: 175px;
		height: auto !important;
		height: 175px;
		padding: 0px 0px 0px 20px;
		border-bottom: 1px solid #C4BEAE;
	}
		div.ajaxContent h1 {
			width: 100%;
			padding: 0px 0px 6px 0px;
			border-bottom: 1px solid #E1D2CC;
			color: #D25E00;
		}
	
div#hpBottomRightContent {
	float: left;
	width: 206px;
}
	div#hpBottomRightContent h1 {
		width: 203px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 6px 3px;
		border-bottom: 1px solid #E1D2CC;
		color: #D25E00;
	}
	div#hpBottomRightContent p {
		margin-bottom: 2px !important;
	}

	div#hpAboutUs {
		margin: 0px 0px 19px 0px;
	}
		
div#contentWrapper {
	float: left;
	width: 692px;
	border-bottom: 1px solid #CFCFCF;
	background-image: url(/wsimages/bodyRHSBg.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

	div#breadCrumbs {
		padding: 15px 0px 0px 0px;
		font-size: 11px;
		color: #828282;
	}

	div#pageTitle {
		padding: 12px 0px;
	}

	div#bodyLHS {
		float: left;
		width: 439px;
		background-color: #FFFFFF;
	}
	div#bodyLHS p,  div#bodyLHS_noRHS p,div#bodyLHS ul,  div#bodyLHS_noRHS ul {
	font-size: 12px;
	}
	div#bodyLHS h2,  div#bodyLHS_noRHS h2 {
		font-size: 14px;
	}
	div#bodyLHS h3,  div#bodyLHS_noRHS h3 {
		font-size: 16px;
	}
	div#bodyLHS h4,  div#bodyLHS_noRHS h4 {
		font-size: 12px;
	}
	
	div#bodyLHS 
	.bodyImg {
		padding: 2px;
		border: 4px solid #BCBCBC;
		background-color: #FFFFFF;
	}

	div#bodyLHS_noRHS {
		float: left;
		width: 692px;
		background-color: #FFFFFF;
	}
	
		div#homePageBlurb {
			margin: 0px 0px 12px 12px;
		}
		
	div#bodyRHS {
		float: left;
		width: 244px;
		margin: 0px 0px 0px 0px;
	}
	
		div#sendToFriendButton {
			display: inline;
			clear: left;
			float: left;
			width: 184px;
			margin-bottom: 18px;
			margin-left: 38px;
			padding-bottom: 8px;
			padding-left: 22px;
			border-bottom: 1px solid #E1D2CC;
			background-image: url(/wsimages/email.jpg);
			background-position: 0px 2px;
			background-repeat: no-repeat;
		}

			div#sendToFriendButton a {
				font-weight: bold;
				color: #003366;
				text-decoration: none;
			}

			div#sendToFriendButton a:hover {
				text-decoration: underline;
			}
			
		div#bodyRHS h3 {
			margin: 0px 0px 9px 0px;
			padding: 0px 0px 7px 0px;
			border-bottom: 1px solid #E1D2CC;
			font-family: Georgia;
			font-size: 13px;
			color: #003366;
		}	
	
		.feedbackButton {
			width: 210px;
			height: 113px;
			
			padding: 5px 0px 0px 34px;
			
			background-image: url(/wsimages/bodyRHSBgTop.jpg);
			background-position: 25px 0px;
			background-repeat: repeat-y;
		}

/**********************/
/*   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: #D25E00;font-size: 11px;}
.newsPaginationLinks a {color: #D25E00;text-decoration:underline;font-size: 11px;}
.newsPaginationLinks a:hover {text-decoration:none;}
.newsPaginationLinksActive  {color: #000000;font-size: 11px;}

/* News Page items */
div.teaserSepNewsPage {
	margin-top: 16px;
	margin-bottom: 12px;
	height: 1px;
	line-height:1px;
	font-size:1px;
	background: transparent url(/wsimages/newsSeparator.gif) repeat-x bottom left;
}
table.teaserNewsPage {border-collapse: collapse;  margin-bottom: 0px;margin-top: 0px;}
td.teaserImageNewsPage {width: 220px; vertical-align: top; padding-right: 0px;padding-top: 0px;}
td.teaserImageNewsPage img {
		float: left;
		border: 5px solid #AAA094 !important;
		margin-right: 0px!important; /* removes 21px margin from standard pagecontent image */
}
td.teaserImageNewsPage div {
	float: left;
	margin-right: 20px;
}
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: #003366;
		font-size: 11px !important;
		margin-top: 0px !important; margin-bottom: 5px !important;
		padding-top: 0px !important; padding-bottom: 5px !important;
	}

td.teaserTextNewsPage h4 a {color: #003366;text-decoration: none;font-size: 11px; font-weight: bold;}
td.teaserTextNewsPage h4 a:hover {color: #003366;text-decoration: underline;}
td.teaserTextNewsPage p {font-size: 11px !important; color: #242424; margin: -3px 0px 0px 0px; padding: 0px;}
td.teaserTextNewsPage p a {color: #D25E00; 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: #E6EBF3;
}

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: #D25E00 !important;text-decoration: none !important;font-weight: normal !important;}
div.level3 a:hover, div.level4 a:hover {color: #D25E00 !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 {
	clear: both;
	float: left;
}

	div#footerWrapper {
		float: left;
		width: 699px;
		padding: 0px 0px 9px 177px;
	}
	
		div#footerText {
			float: left;
			display: inline;
			width: 113px;
			margin: 12px 0px 0px 11px;
			font-size: 11px;
			color: #386088;
		}
	
		div#footerLinks {
			float: left;
			display: inline;
			width: 408px;
			margin: 12px 0px 0px 0px;
			text-align: left;
		}

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

		div#footerLinks a:hover {
			color: #386088;
			text-decoration: none;
		}
		.footerLinksDivider {color: #386088;}

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

		a#toTop img {
			vertical-align: middle;
		}
#ajaxTabs {
	border-top: 1px solid #BFC2C6;
	border-right:1px solid #BFC2C6;
	float:left;
	height:175px;
	width:169px;
}	
* html #ajaxTabs {
	width:160px;
	border-right: none;
	background: url("/wsimages/aJaxTabs_bg.gif") bottom right no-repeat;
}

div.ajaxTabOn span.ajaxTabLink {
color:#003366;
font-weight:bold;
text-decoration:none;
}
span.ajaxTabLink , #ajaxTabs div {
	cursor: pointer!important;
}
#ajaxTabs div {
	margin: 0!important;
}
#ajaxTabs div.ajaxTabOn {
	border-right: 1px solid #fff; 
}
#ajaxTabs div.ajaxTabOff {
	border-right: 1px solid #BFC2C6; 
}
* html #ajaxTabs div.ajaxTabOff {
	border-right: 1px solid #BFC2C6; 
}
#AjaxTabs_tab1_text.ajaxTabOn {
	border-top: 1px solid #E7ECF4;
}
.ajaxContent {
	padding:0px 0px 0px 19px;
}
* html .ajaxContent {
	padding:0px 0px 0px 16px;
}