html, body {
		color: #000;
		border: 0;
		margin: 0;
		font-size: 100%;
		line-height: 1.125em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #000000;
		background-image: url('../ui/background.jpg');
		background-repeat: repeat-y;
		background-position: top;
	}
	
	#content a, #homecenter a { color: #fd7803; text-decoration: none; }
	#content a:hover, #homecenter a:hover { text-decoration: underline; }
	
	#wrapper {
		width: 980px;
		background: #fff;
		font-size: small;
		position: relative;
		margin: 10px auto;
	}
	
	img { border: 0; }

	#header {
		height: 135px;
		background-image: url('../ui/header_bg.gif');
		background-repeat:repeat-x;
	}
	* html #header { margin-bottom: -30px; }

	
	#logo {
		position: relative;
		top: 15px;
		left: 15px;
	}
	
	#footer {
		background-color: #343636;
		height: 30px;
		text-align: center;
		padding-top: 5px;
		font-size: 1.4em;
		color: #FFFFFF;
	}
	#footer a { color: #fd7803; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	h1, h2, h3, h4 { color: #fd7803; }
	h1 { font-size: 1.8em; margin: 10px 0 25px 5px; }
	h3 { text-align: right; }

/* START topnav */

	#navbar {
		position: relative;
		bottom: 30px;
		margin-left: 295px;
	}
	* html #navbar { float: right; margin-left: 0;}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
	 
	#nav a {
		display: block;
	}
	 
	#nav li { /* all list items */
		float: left;
	}
	 
	#nav li ul { /* second-level lists */
		position: absolute;
		background: #242424;
		width: 11em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.5em 0 0 11em;
	padding: 5px;
}

	#nav li ul li a { 
		margin: 0 2px 3px 10px;
		padding: 3px;
		font-size: 1.2em;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
				width: 10em;
	}
	#nav li ul li a:hover { color: #fd7803; }
	 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* END topnav */
	
	#homecenter {
		background-color: #343636;
	}
	#homeimage {
		margin-top: -25px;
	}
	*:first-child+html #homeimage { margin-top: 0; }
	* html #homeimage { margin-top: 0; }
	
	#newsbox {
		padding: 5px 10px;
		color: #ffffff;
		border-bottom: 1px solid #666666;
		margin-bottom: 5px;
	}
	#newsbox h2 { color: #ffffff; font-weight: normal; margin-top: 0; margin-bottom: 10px;}
	.newsdate {
		width: 100px;
		display: inline-block;
	}
	.newsitem {
	
	}
	
	#center-top {
		height: 25px;
		background-image: url('../ui/center_top_bg.gif');
		background-repeat: no-repeat;
	}
	
	#center-content {
		background-color: #ebebeb;
		background-image: url('../ui/center_main_bg.gif') !important;
		background-repeat: no-repeat;
		padding: 10px 0 10px 10px;
	}
	* html #center-content { background-repeat: repeat-x; }
	
	#center-bottom {
		height: 25px;
		background-image: url('../ui/center_bottom_bg.gif');
		background-repeat:no-repeat;
	}

	#contentleft {
		float: left;
		width: 260px;
		padding: 10px 0;
	}
	#contentright {
		width: 710px;
		margin-left: 260px;
	}
	* html #contentright { width: 700px; }

	
	#content {
		padding-right: 5px;
		
		/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.5);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
	}
	#contentblock {
		/* background: transparent; FOR IE? */
		padding: 10px;
	}
	
	#sharebox {
		margin-top: 20px;
		width: 245px;
		padding: 10px 0;
		text-align: center;
		border: 3px solid #c0c0c0;
	}

	#shareprint, #shareemail, #sharefb {
		margin-top: 5px;
		display: block;
		float: left;
		width: 75px;
		text-align: center;
	}
	#sharefb { margin-left: 10px; }
	* html #sharefb { margin-left: 5px; }
	#shareemail { margin-left: 5px; }
	#sharebox a {
		font-size: 0.9em;
		text-decoration: none;
		color: #000000;
	}
	#sharebox a:hover { font-weight: bold; }
	

	#emailfriend {
		visibility: hidden;
		background-color: #ffffff;
		border: 1px solid #e36b27;
		position: absolute;
		z-index: 99;
		width: 300px;
		top: 350px;
		left: 10px;
		padding: 10px;
		text-align: left;
	}
	#ajaxloaderemail {
		margin-left: 100px;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	#formmsg {
		font-weight: bold;
		color: red;
	}


	#brand, #filters {
		text-align: right;
	}
	#filters { padding-top: 5px; }
	#filtertext {
		display: inline;
		font-size: 1.3em;
		margin-right: 10px;
		margin-top: 10px;
		float: left;
	}

	#filters { margin-left: 320px; }
	* html #filters { margin-left: 300px; }
	
	#filterlists, #filterlists ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		display: inline;
	}
	 
	#filterlists li a {
		display: block;
		margin-left: 10px;
	}
	
	#filterlists li ul li a {
		display: block;
		width: 7em;
		color: #ffffff;
		text-decoration: none;
		line-height: 0.9em;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		margin: 5px;
	}
	#filterlists li ul li a:hover { text-decoration: underline; }
	 
	#filterlists li { /* all list items */
		float: left;
		/* width: 7em; /* width needed or else Opera goes nuts */
	}
	
	#filterlists li ul { /* second-level lists */
		position: absolute;
		text-align: left;
		background-color: #878787;
		width: 7em;
		margin-left: 13px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		padding-top: 2px;
	}
	
	#filterlists li:hover ul, #filterlists li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 97;
	}
	
	#thumbnailband { margin-left: 1px; }
	#thumbnailband a { border: 0; }
	.thumbs { margin: 0 1px; }
	
	.classhead {
		font-weight: bold;
		display: block;
		float: left;
		width: 90px;
	}

/* Contact form */
	input, textarea {
		border: 1px solid #cccccc;
		margin: 2px 0;
		font-size: 1.1em;
	}
	#contactpanel { width: 310px; }
	#txtname, #txtnumber { width: 300px; }
	#txtemail { width: 300px; }
	#txtcomment { width: 298px; }
	#contactmsg { color: red; font-weight: bold; }
	
	/* Email friend form */
	#txtfriendemail, #txtfriendemailyours, #txtfriendemailname {
		width: 300px;
	}
	
	.button { float: right; margin-right: 2px;}

	#emailfriend {
		visibility: hidden;
		background-color: #ffffff;
		border: 1px solid #e36b27;
		position: absolute;
		z-index: 99;
		width: 300px;
		top: 300px;
		right: 10px;
		padding: 10px;
		text-align: left;
	}
	#ajaxloaderemail {
		margin-left: 100px;
		margin-top: 30px;
		margin-bottom: 40px;
	}
	#formmsg {
		font-weight: bold;
		color: red;
	}
	
	#contactclose, #toursclose {
		position: relative;
		float: right;
	}
	#contactclose a, #toursclose a { text-decoration: none; font-size: 0.9em; }

	.smalltext { font-size: 0.85em; }
	

	/* Stockist page */

	.totop {
		display: block;
		text-align: right;
		padding-right: 12px;
		background-image: url('../ui/arrow-up.gif');
		background-repeat: no-repeat;
		background-position: right center;
	}

	.stockistlink {
		display: inline-block;
		padding: 5px 10px;
		margin: 2px;
		background-color: #efefef;
		border: 1px solid #999999;
		width: 107px;
	}
	.stockistlink:hover {
		border: 1px solid #666666; 
	}
	
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	clear: right;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #ffffff;
	padding: 4px;
	background-color: #666666;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter tbody td + td {
 	background-color: #999999;
	color: #3D3D3D;
	text-align: center;
}

table.tablesorter tbody td + td  + td {
 	background-color: #f0f0f0;
	color: #3D3D3D;
	text-align: center;
}

a img.thumbs {
filter:alpha(opacity=80);
-moz-opacity: 0.8; 
opacity: 0.8;
-khtml-opacity: 0.8;}

* html a img.thumbs { width: 142px; }

a img:hover.thumbs {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0; }

/* JS Thumbnail viewer */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px 10px 10px 10px;
padding-bottom: 0;
background-color: #FFFFFF;
border: 2px solid #999999;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font-size: 0.85em;
color: #000000;
padding: 0 0 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


.clearer { clear: both; height: 1px; line-height: 1px; }