body, html
{
	font-family: "Century Gothic";
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #000000;
}

body
{
	background: #C3D4E8 url('/Img/Backgrounds/body_bg.gif') repeat-y scroll center top;
	min-width: 960px;
}

table td
{
	font-family: "Century Gothic";
}

a
{
	color: Black;
}

a:hover
{
	color: #F8931D;
}

div#content a
{
	color: Black;
	text-decoration: none;
}

div#content a:hover
{
	color: Black;
	text-decoration: underline;
}

div#storeSearchLeftColumn a
{
	color: #F8931D;
	text-decoration: underline;
}

div#storeSearchLeftColumn a:hover
{
	color: Black;
}

div#questions a
{
	color: #F8931D;
	text-decoration: underline;
}

div#questions a:hover
{
	color: Black;
}


img
{
	border: 0;
}

.error
{
	color: red;
	font-size: 0.85em;
}

.subscript
{
	color: #444444;
	font-size: 11px;
}

.button
{
	background-color: #ebb030;
	border: 1px solid;
	border-color: #666 #333 #333 #666;
	font-size: 12px;
}

.imagebutton
{
	vertical-align: middle;
}

a.smallLink
{
	color: #444444;
	font-size: 10px;
	text-decoration: none;
}

a:hover.smallLink
{
	color: #ebb030;
	font-size: 10px;
}

#mainContainer
{
	width: 100%;
	background: #C3D4E8 url('/Img/Backgrounds/body_bg.gif') repeat-y scroll center top;
}

#contentContainer
{
	width: 100%;
	background: White url('/Img/Backgrounds/content_bg.gif') repeat-y scroll center top;
}

#contentCenterContainer {
	float:left;
	margin:0;
	padding: 0;
	width: 590px;
}

.container
{
	width: 1016px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	margin: 0 auto;
	text-align: left;
	background-color: white;
}

#columnContainer
{
	overflow: hidden;
	width: 1016px; /* Min-Height Fast Hack */
}

#leftContent
{
	float: left;
	width: 170px;
	background-color: #ebb030;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

#leftContent h2
{
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	margin: 3px 0;
}

#leftContent h3
{
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	margin: 3px 0;
}

#content
{
	margin-left: 170px;
	margin-right: 256px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 570px;
	overflow: hidden;
	font-family: "Century Gothic";
}

#content.withFooter {
	padding-bottom: 285px;
}

#rightContent
{
	float: right;
	width: 256px;
	background-color: white;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}

#contentFooter {
	position: absolute;
	bottom: 0px;
	left: 170px;
	background-image: url('/Img/Backgrounds/bottom_background.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	height: 280px;
	width: 590px;
}

#contentFooter #footerImage {
	position: relative;
	height: 280px;
	width: 400px;
	left: 95px;
	top: 0px;
}

#footer
{
	background-color: #58595d;
	clear: both;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}

#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#header
{
	padding: 0;
	margin: 0;
}

#headerBar
{
	background-color: white;
	width: 1016px;
	height: 30px;
}

#headerSubBar
{
	width: 1016px;
	background-color: #A7A9AC;
	height: 30px;
}

#headerSubBar div
{
	height: 30px;
}

#headerSubBar #headerSubBarLeft
{
	float: left;
	width: 170px;
	background-color: #58595d;
}

#headerSubBar #headerSubBarRight
{
	float: right;
	width: 256px;
	background-color: #58595d;
	text-align: center;
	line-height: 28px;
}

#headerSubBar #headerSubBarCenter
{
	margin-left: 170px;
	margin-right: 256px;
	background-color: #58595d;
}

#headerSubBarCenter h1 
{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	font-size: 160%;
	line-height: 28px;
	color: White;
}

#languageBar
{
	float: left;
	height: 20px;
	width: 90px;
	padding-top: 4px;
	padding-left: 10px;
}

#languageBar a.rolloverNL
{
	background-image: url(../Img/Icons/Languages/nl-bw.gif);
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	margin-right: 15px;
}
#languageBar a.rolloverNL:hover
{
	background-image: url(../Img/Icons/Languages/nl.gif);
}
#languageBar.SelectedCountry-nl-NL a.rolloverNL {
	background-image: url(../Img/Icons/Languages/nl.gif);
}
#languageBar a.rolloverDE
{
	background-image: url(../Img/Icons/Languages/de-bw.gif);
	height: 20px;
	width: 20px;
	display: block;
	float: left;
	margin-right: 15px;
}
#languageBar a.rolloverDE:hover
{
	background-image: url(../Img/Icons/Languages/de.gif);
}
#languageBar.SelectedCountry-de-DE a.rolloverDE {
	background-image: url(../Img/Icons/Languages/de.gif);
}
#languageBar a.rolloverFR
{
	background-image: url(../Img/Icons/Languages/fr-bw.gif);
	height: 20px;
	width: 20px;
	display: block;
	float: left;
}
#languageBar a.rolloverFR:hover
{
	background-image: url(../Img/Icons/Languages/fr.gif);
}
#languageBar.SelectedCountry-fr-BE a.rolloverFR {
	background-image: url(../Img/Icons/Languages/fr.gif);
}

#headerMenu
{
	text-align: left;
	width: 910px;
	float: left;
	padding-top: 0px;
}

#headerMenu ul
{
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 30px;
}

#headerMenu ul li
{
	float: left;
	display: block;
	margin-right: 0px;
	padding-left: 65px;
	height: 30px;
}

#headerMenu ul li *
{
	display: block;
}

#headerMenu ul li a
{
	float: left;
	color: Black;
	height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
}

#headerMenu ul li a:hover
{
	color: #F7BB1E;
	background-image: url('/Img/Buttons/menu_item_background.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#headerMenu ul li.active a
{
	color: #F7BB1E;
	background-image: url('/Img/Buttons/menu_item_background.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#subMenu
{
}

#subMenu h1
{
	display: block;
	height: 26px;
	line-height: 26px;
	padding-left: 5px;
	margin: 0;
	font-size: 110%;
	border-bottom: 2px solid white;
}

.headerCollection 
{
	cursor: pointer;
}

#subMenu h1 img
{
	padding-top: 5px;
}

#subMenu ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subMenu ul.collectionMenu
{
	margin: 0;
}

#subMenu ul.collectionMenu li
{
	margin: 0;
	padding-left: 20px;
}

#subMenu ul.collectionMenu li a
{
	padding-left: 0px;
}


#subMenu ul li
{
	padding-left: 5px;
	border-bottom: 2px solid white;
	height: 26px;
}

#subMenu ul li a
{
	padding-left: 20px;
	color: Black;
	font-size: 13px;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	background-image: none;
}

#subMenu ul li a.active
{
	background-image: url('/Img/Buttons/menu_left_arrow.gif');
	background-position: left center;
	background-repeat: no-repeat;
	color: White;
}


#subMenu ul li a:hover
{
	color: white;
}

#subMenu a
{
	color: Black;
	text-decoration: none;
}

#subMenu a:hover
{
	color: white;
}

#subMenu input
{
	width: 120px;
}

#subMenu select
{
	width: 127px;
}

#content h1
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 140%;
}

#content h2
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 120%;
}

#content h3
{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%;
}

#content h4
{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 90%;
}

.centered
{
	text-align: center;
}

.right
{
	text-align: right;
}

/* Stains */
div#stains table tr td
{
	border: 1px solid #41221D;
	padding: 0 4px;
}

div#stains table
{
	border-collapse: collapse;
}

/* Collection */

div#collection table tr td
{
	height: 146px;
	width: 175px;
	background: url('/Img/Buttons/collection_item_background.gif');
	padding: 0;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
}

div#collection table tr td.large
{
	height: 190px;
	width: 265px;
	background: url('/Img/Buttons/collection_item_background_large.gif');
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}

div#collection table tr td div.text
{
	font-size: 13px;
	height: 38px;
	width: 165px;
}

div#collection table tr td div.largeText
{
	font-size: 13px;
	height: 38px;
	width: 255px;
}

div#collection table
{
}

/* Questions */
p.question
{
}

p.answer
{
	display: none;
	font-weight: bold;
}

/* Store Locator */
.gMapsPopUp h3
{
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.gMapsPopUp a
{
	color: #1E428E;
	text-decoration: none;
}

.gMapsPopUp a:hover
{
	color: #1E428E;
	text-decoration: underline;
}

.storeSearch {
	padding-left: 10px;
}

.storeSearch label
{
	width: 120px;
}

.storeSearch input
{
	width: 120px;
	margin-bottom: 5px;
}

.storeSearch select
{
	width: 125px;
	margin-bottom: 5px;
}

.storeSearch br
{
	clear: left;
}

/* Column */
div#storeSearchLeftColumn
{
}

div#storeSearchLeftColumn ul
{
	margin: 0;
	padding: 0;
}

div#storeSearchLeftColumn li
{
	list-style-type: none;
	list-style-image: none;
}

div#storeSearchRightColumn
{
}

div#backButton {
	margin: 0 0 0 15px;
	padding-top: 5px;
}

div#articleDetailsContainer {
	width: 563px;
	overflow: auto; 
	background-color: White;
	padding: 10px 0;
}

div#articleDetailsInfo
{
	margin-left: 300px;
	width: 230px;
	margin-bottom: 10px;
}

div#articleDetailsInfo table th
{
	text-align: left;
}

div#articleDetailsImage
{
	float: left;
	text-align: center;
	width: 300px;
	margin-bottom: 10px;
}

div#articleDetailsImage a
{
	color: #444444;
	font-size: 11px;
	text-decoration: none;
}

div#articleDetailsImage a:hover
{
	color: #ebb030;
}

div#articleDetailsImage table
{
	width: 300px;
}

#dataPager span.command
{
	display: none;
}

#dataPager
{
	font-family: arial;
	border: 0 none;
	font-size: 11px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px;
	height: 20px;
	padding: 0;
}
div#dataPager a
{
	color: Black;
	border: 1px solid #E0E0E0;
	margin-right: 2px;
	background-color: White;
}
#dataPager .command
{
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: 3px 4px;
}
#dataPager .current
{
	background: #DDAF40 none repeat scroll 0 0;
	color: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: 4px 6px;
}
#dataPager a:link, #dataPager a:visited
{
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}
#dataPager a:hover
{
	border: 1px solid #DDAF40;
	color: black;
}
/* Contact form */
div#contactform label
{
	text-align: right;
	width: 100px;
	line-height: 18px;
	padding-right: 10px;
	margin-bottom: 10px;
}

div#contactform .textbox
{
	width: 200px;
}

div#contactform textarea
{
	width: 350px;
	height: 100px;
}

/* Quotation form */
div#quotationform label
{
	text-align: right;
	width: 100px;
	line-height: 18px;
	padding-right: 10px;
	margin-bottom: 10px;
}

div#quotationform .textbox
{
	width: 200px;
}

div#quotationform .textboxshort
{
	width: 100px;
}

div#quotationform .selectbox
{
	width: 205px;
}

div#quotationform textarea
{
	width: 350px;
	height: 100px;
}


/* Request Catalog */
div#catalogform .textbox
{
	width: 200px;
}

div#catalogform .textboxshort
{
	width: 100px;
}

div#catalogform .selectbox
{
	width: 205px;
}

div#catalogform textarea
{
	width: 350px;
	height: 100px;
}
div#catalogform table tr td
{
	padding-bottom: 5px;
}

div#catalogform table tr td.nopadding table tr td
{
	padding: 0;
}

/* Catalog buttons */

#catalogButtons a
{
	height: 100px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#catalogButtons a:hover
{
	background-position: 0 100px;
}

/* collection search */
.collectionSearch {
	background-color: White;
	border: 1px solid black;
	height: 19px;
	width: 140px;
}

/* News Items */
.newsItem {
	border: 1px solid #A9A7AC;
	padding: 5px;
	width: 550px;
	margin-bottom: 5px;
	overflow: hidden;
}

.newsItem img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}    
	
	
/* Request Workshop */
div#workshopform .textbox
{
	width: 200px;
}

div#workshopform .textboxshort
{
	width: 100px;
}

div#workshopform .selectbox
{
	width: 205px;
}

div#workshopform textarea
{
	width: 350px;
	height: 100px;
}
div#workshopform table tr td
{
	padding-bottom: 5px;
}

div#workshopform table tr td.nopadding table tr td
{
	padding: 0;
}

/* Workshop buttons */

#workshopButtons a
{
	height: 100px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#workshopButtons a:hover
{
	background-position: 0 100px;
}
	
/* Request Newsletter */
div#newsletterform .textbox
{
	width: 200px;
}

div#newsletterform .textboxshort
{
	width: 100px;
}

div#newsletterform .selectbox
{
	width: 205px;
}

div#newsletterform textarea
{
	width: 350px;
	height: 100px;
}
div#newsletterform table tr td
{
	padding-bottom: 5px;
}

div#newsletterform table tr td.nopadding table tr td
{
	padding: 0;
}

/* Newsletter buttons */

#newsletterButtons a
{
	height: 100px;
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#newsletterButtons a:hover
{
	background-position: 0 100px;
}
	
		
/* sdswitch slideshow */

.sdswitch
{
	position:relative;
	height:160px;
}
			
.sdswitch *
{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
			
.sdswitch *.active 
{
	z-index:10;
}
			
.sdswitch *.last-active
{
	z-index:9;
}
			
.sdwindow 
{
	position:absolute;
	top:10px;
	height:20px;
	background: #000;
	color:#fff;
	font-weight: bold;
	z-index: 11;
	opacity: 0.6;
}


#slideshowHendersandHazel
{
	display:none;
}			
	
#slideshowHetH
{
	display:none;
}			

.buttonLandingPages
{
	padding: 5px;
	background-color: #ebb030;
	border: 1px solid;
	border-color: #666 #333 #333 #666;
	font-size: 100%;
	font-weight: bold;
}

div.twoColumnContainer {
	overflow: hidden;
	width: 100%;
}

div.twoColumnLeft {
	width: 47%;
	float: left;
}

div.twoColumnRight {
	width: 47%;
	float: right;
}

div.field 
{
	float: left;
	min-width: 205px;
	margin-right:3px;
}