/* LAYOUT */
* {margin:0;padding:0}
html {margin:0; padding:0; width:100%; height:100%;background: #000000 url("/images/body_bg.gif") repeat-x 0 100%;	background-attachment: fixed;}

/* ROLLOVERS */
#vistaroll {position:absolute; visibility:hidden; z-index:200;}


/* LAYOUT - HEADER */
#header {width: 750px; height: 80px; background: #FFFFFF url("/images/template/bg_header.gif") repeat-x 0 100%;margin: 0 10px 10px 5px;padding: 0;}
	#header #site-name {visibility: hidden; position: absolute;}
	#header #site-logo {float: right; margin:0; padding:0;border:none}
	#header #site-strapline {position: relative; float: left; width: 0px; visibility: show; margin: 15px 0px;}
	#header #site-search {position: relative; float: left; width: 250px; left: 10px; top: 40px; color: #eeeeee;font-family: arial,verdana,sans-serif; size: 7px; font-weight: bold; font-variant: small-caps;}

	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 80px 0 20px}
	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("/images/feature_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #cc0000;border-bottom: 3px solid #cc0000}
	#nav li.active ul {border:none;background: #c00 url("/images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#ffffff}
	#nav li.active li a:hover {background: #666666 url("/images/sprites.gif") repeat-x 0 99%;color:#ffffff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#ffffff;font-weight:bold;background: #666666 url("/images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	/* SEARCH */
	#search {color:#ffffff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.formSubmit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}

	/* MEMBERS MENU */
	#membersMenu {	position: absolute;	left:0px;	top:61px;	width:100%;	height:19px;	background: #6E4DA4 url(/images/template/menu/bg_membersMenu.gif);	padding: 5px 0px 5px 0px;	margin: 0px 0px 0px 0px;	font-size:11px;	font-family: arial;	color: #FFFFFF;	}
	#membersMenu ul {	margin-left: 0;	padding-left: 0;	display: inline;	} 
	#membersMenu ul li {	color: #FFFFFF;	list-style: none;	display: inline;	background: url(/images/template/menu/bullet.gif) no-repeat 4px 4px;	padding: 2px 5px 15px 15px;	}
	#membersMenu ul li a {	color: #FFFFFF; 	font-family: verdana; 	font-size: 10px; 	font-weight: normal; 	text-decoration: none; 	}
	#membersMenu ul li a:hover {	color: #B7A6D3; 	}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static;margin:0px;padding:0;}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0; }
	#nav-secondary {padding-top:0;margin-top: 1px;}
	#nav-secondary a {line-height:1.8;padding: 5px 25px 5px 15px;background: #ffffff url("/images/sprites.gif") no-repeat 10px -695px;font: bold 80% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer;border-top: 1px solid #CCCCCC;} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#4F9CD2;} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#4F9CD2} 
	#nav-secondary li {border: 1px none #cccccc}
	#nav-secondary li.highlighted a:link, #nav-secondary li.highlighted a:visited, #nav-secondary li.highlighted a:hover, #nav-secondary li.highlighted a:highlighted {color:#AB312C} 

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 15px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #ffffff url("/images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #4F9CD2}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:140px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}


/* INPAGEMENU SUBMENU */
	#inPageNav {	padding: 4px 0px;margin-left: 0; margin:0; font: bold 96% arial;}
	#inPageNav li { list-style: none;  margin: 0; padding:0px; display: inline; } 

	#inPageNav li a { padding: 4px 8px 4px 5px; margin-left: 0px; background:url("/images/template/menu/inpagemenu_norm_right.gif") no-repeat right top; text-decoration: none; }
	#inPageNav li a:link { color: #FFFFFF; }
	#inPageNav li a:visited { color: #FFFFFF; }

	#inPageNav li a:hover { color: #FFFFFF; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top; } 
	#inPageNav #currentTab a { color: #FFFFFF; font-weight: bold; background:url("/images/template/menu/inpagemenu_right_on.gif") no-repeat right top;}
	#inPageMenu { border: 1px none #000000; }
	#inPageContent { background: #FFFFFF url(/images/template/bg.gif) no-repeat; border: 1px none #929D99; height:100%; padding:10px;}

/* LAYOUT - main body of page */
#wrap {width:770px; margin: 10px auto; padding-top: 10px; position:relative; background-color: #FFFFFF; }
#content-wrap {position:relative;width:770px; clear: both; }
	#utility {position:relative;top:0;left:0px;width:190px; padding-bottom: 5px;float: left;margin: 0; padding: 0; } 
	#sidebar {position:relative;float: right;top:0;right:15px;width:170px;padding-top: 1px;padding-bottom: 40px;}

#content {margin: 10px 10px;}
	#content .breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content .breadcrumb ul {	margin: 0;	padding: 0;	display: inline;	border: none;} 
	#content .breadcrumb ul li {	margin: 0;	padding: 0;	border: none;	list-style: none;	display: inline; background: transparent url("/images/blank.gif") no-repeat 0 0;}
	#content .breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content .breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#ffffff}
	.thumbnail img {border: 1px solid #000}
	
	.featurebox {color:#333333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #FFFFFF url(/images/feature_bg_off.gif) bottom right; border-top:1px solid #929D99;border-left:1px solid #929D99;}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.related {color:#333333;padding: 5px 5px 5px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #FFFFFF url(/images/feature_bg_off.gif) bottom right; border-top:1px solid #929D99;border-left:1px solid #929D99;}
	.related p, .related h1, .related h2, .related h3, .related h4, .related h5, .related h6 {margin: 0 0 .3em;border-bottom: 1px solid #737373;color:#737373;	font-variant: small-caps;}
	.related p {font: .75em 'verdana'; border:none;margin: 0 0 1em;color:#444;}
	.related a {font-weight:bold}
	.relatedtext {font: 10px 'verdana'; border:none;margin: 0 0 1em;color:#444;}

	.related2 {color:#333333;padding: 5px 5px 5px; margin: 0 0 1.5em;background: #FFFFFF; }
	.related2 p, .related2 h1, .related2 h2, .related2 h3, .related2 h4, .related2 h5, .related2 h6 {margin: 0 0 .3em;border-bottom: 1px solid #737373;color:#737373;	font-variant: small-caps;}
	.related2 p {font: .75em 'verdana'; border:none;margin: 0 0 1em;color:#444;}
	.related2 a {font-weight:bold}

/* CARDS */
#cards dl { background: url("/images/template/cards/cardBot.gif") bottom left no-repeat; width: 165px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
	.cards div { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }
	.cards dt { background: url("/images/template/cards/cardTop.gif") top left no-repeat; font-weight: bold;padding: 5px 0px 5px 8px; margin: 0px 0px 0px 0px; }
	.cards dd { padding: 0px 18px 0px 8px; margin: 0px 0px 0px 0px; background: url("/images/template/cards/cardMid.gif") top left repeat-y; }

.az {PADDING-BOTTOM:20px}
.az A {padding:3px 5px 3px 5px;BORDER:1px solid;FLOAT:left;MARGIN:2px;TEXT-DECORATION:none}
.az A:hover {BORDER:1px solid;}
.az P {CLEAR:both}
.az SPAN {LEFT:-500px;POSITION:absolute;TOP:-500px}

/*	.nextPrevious {background: #f2f2f2;color:#666666;border: 1px solid #dddddd;margin: 0}
	.nextPrevious p {position:relative;text-align:right}*/
	.nextPrevious {margin:0 0 6px;}
	.nextPrevious p {margin-bottom:15px;}
	.nextPrevious p a:link, .nextPrevious p a:visited, .nextPrevious p a:hover, .nextPrevious p a:active {font-size:10px;text-decoration:none;background:#ffffff;padding:6px 2px;margin:0;border: 1px solid #CCCCCC; position: relative;} 
	.nextPrevious p .nextimg {border:none !important; padding:0 !important;} /* to stop IE from putting background and borders on pagination images */
	.nextPrevious p a.nextimg:hover {background:#ffffff; border:none; padding:0} 
	.nextPrevious p a:hover {background:#B3C444;color:#ffffff}

	.nextPrevious p span {font-size:10px;text-decoration:none;background:#ffffff;padding:6px 3px;margin:0;border: 1px solid #CCCCCC;color:#CCCCCC; position: relative;}
	.nextPrevious * {margin:0; text-align: center;}
	.nextPrevious h4 {margin-top:-1.45em;padding:0;border:none}
	.nextPrevious h4 {padding:0;border:none}
	.nextPrevious{width:98%}

	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

	#gallery{float:left; padding-bottom: 10px; width:370px;}
	#gallery, #gallery li{list-style:none;margin-bottom:10px;padding:0;font: .9em 'verdana'; }
	#gallery li{background: none; float:left;display:inline;margin: 0 0 10px 10px;width:120px;text-align:center;width:110px;}
	#gallery img{display:block;width:100px;border:0px solid;margin:0 auto 5px}
	#gallery a{display:block;height:160px;padding: 5px 0;background: #FFFFFF url(/images/feature_bg.gif) bottom right; border-top:1px solid #4F9CD2;border-left:1px solid #4F9CD2;text-decoration: none}
	#gallery a:hover{background: #4F9CD2 url(/images/feature_bg_on.gif) bottom right; border-top:1px solid #000000;border-left:1px solid #000000;color: #FFF;}	

	#gallery2 {	margin: 0;	padding: 0;	display: inline;	border: none;	} 
	#gallery2 li {	margin: 0; border: none;	list-style: none;	display: inline;	}

	/* TABLES */
	.table1 {border: 2px solid #3C4542;border-collapse:collapse;width:100%}
		.table1 td {background: #ffffff url("/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #ffffff}
		.table1 thead th {color:#ffffff;font-size:145%;background: #3C4542 url("/images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#ffffff;font-size:115%;background: #3C4542 url("/images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #3C4542;}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link {background: transparent url("/images/sprites.gif") no-repeat 0px -500px;padding-left:21px}
		a.morelink:visited {background: transparent url("/images/sprites.gif") no-repeat 0px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("/images/sprites.gif") no-repeat  0px -400px;padding-left:21px}
		a.morelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -500px;padding-left:21px}

		.morelink span {position:absolute;left:-9999px;width:900px}

	/* side LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		.rangediv {height: 20px}
		a.sidelink, a.sidelinkon {font-weight:normal;font: .75em 'verdana';}
		a.sidelink:link {background: transparent url("/images/sprites.gif") no-repeat 0px -502px;padding-left:21px}
		a.sidelink:visited {background: transparent url("/images/sprites.gif") no-repeat 0px -502px;padding-left:21px}
		a.sidelink:hover {background: transparent url("/images/sprites.gif") no-repeat  0px -402px;padding-left:21px}
		a.sidelink:active {background: transparent url("/images/sprites.gif") no-repeat 0px -502px;padding-left:21px}
		a.sidelinkon {background: transparent url("/images/sprites.gif") no-repeat  0px -402px;padding-left:21px}

	/* 'ENLARGE IMG' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.enlargeImg:link, {background: transparent url("/images/sprites.gif") no-repeat 0px -2015px;padding-left:21px;font-size:92%}
			.enlargeImg span {position:absolute;left:-9999px;width:900px}

/* LAYOUT TYPE B */
	#type-b #content-wrap {background: transparent url("/images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("/images/content_wrap_bg.gif") repeat-y 30px 0;}
	#type-c #content {margin: 0 200px 0 200px; }

/* LAYOUT TYPE FULLPAGE */
	#type-fullpage #content-wrap {background: transparent url("/images/content_wrap_bg.gif") repeat-y 30px 0;}
	#type-fullpage #content {margin: 0 10px 0 210px; padding:0;}

/* LAYOUT TYPE D */
	#type-d {background-color: #FFFFFF; }
	#type-d #wrap {width:500px; margin: 0; padding-top: 10px; position:relative; background-color: #FFFFFF; }
	#type-d #content-wrap {width: 100%; border:}
	#type-d #content {width: 100%; margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background: transparent url("/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-f #content {margin: 0 235px 0 25%}
		#type-f #utility {left:auto;right:25px}
		#type-f #sidebar {right:auto;left:25px}

/* LAYOUT - FOOTER */
#footer {clear:both; background-color: #383A39; border-top: 1px solid #666666;margin: 0;padding: 1px 10px 30px 10px;font-size:86%;color:#FFFFFF;}
	#footer p {margin:0}
	#footer a:link {color:#FFFFFF}
	#copyright {	float: left;	display: inline;	padding: 0px 0px 0px 0px;	margin: 5px 0px 0px 10px;	}
	#footerNav{	float: right;	margin: 5px 0px 0px 0px;}
	#footerNav li {	display: inline;	background: url(/images/template/menu/bullet.gif) no-repeat 4px 4px;	padding: 1px 2px 15px 15px;	}
	#footerNav a:link {	color: #FFFFFF;	font-family: arial; 	font-size: 11px; 	}
	#footerNav a:visited {	color: #FFFFFF;	font-family: arial; 	font-size: 11px; 	}
	#footerNav a:active {	color: #FFFFFF;	font-family: arial; 	font-size: 11px; 	}
	#footerNav a:hover {	color: #FFFFF;	font-family: arial; 	font-size: 11px; text-decoration: none;	}

	.footerFeature { position: relative;font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #616161; line-height: 120%; overflow: hidden; float: left; height: 100px; width: 181px; padding: 5px; background: url(/images/template/footer/bg.gif) bottom left repeat-x; border-top: 1px solid #7F7F7F ;}
	.footerFeatureLink { width: 180px; padding: 0px; font-size: 12px; height: 18px; padding-right: 5px; font-weight: bold; text-align: right; bottom: 2px; position: absolute; }

	/* POWERED BY*/
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

.cart {	padding: 2px 4px 2px 2px;	border-bottom: 1px solid #CDD5D2;	width:100%;}
.cartLabel {	width: 127px;	text-align: right;	padding-right: 20px;	border: 1px none #000000;	}
.cartTotal {	float: right;	text-align: left;	border: 1px none #000000;	}

#categoryForm1 {	width:99%; text-align: right;  margin:0; padding: 0; position: relative;	;	}
#categoryForm2 {	width:100%;	position: relative;	margin: 10px 0px 0px 0px;	padding: 0px 0px 0px 0px;	}

#categoryForm1 form {padding: 0; margin: 0 0 10px 0 ;}

#photoholder {
  float: left; 
  width: 544px; 
  height: 287px; 
  padding: 25px 0;
  background:#000 url('/images/loading.gif') 50% 50% no-repeat;
  cursor: pointer;
}
#thephoto {
  margin: 0px;
  padding: 0px;
  width:544px;
  height:287px;
}

label {
	display:inline;
}
