/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}	/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}	/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
/*
html{
	color:#000;
	background:#FFF;
}
*/
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}	/* styles/includes/general.css */

/* defaults */
body { font-family:Verdana; }
h1, h2, h3, h4 { font-weight:bold; display:block; }
h1 { font-size:200%; padding:10px 0 5px; }
h2 { font-size:160%; padding:0px 0px 0px; }
h3 { font-size:140%; padding:10px 0 5px; }
h4 { font-size:120%; padding:10px 0 5px; }
p, ul { margin-bottom:10px; }
p { font-size:90%; padding:5px 0 2px; }
li { margin-left:20px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

th, td { border:0; vertical-align:top; }
th { font-weight:bold }
table.basic td, table.basic th { padding:2px 10px 2px 0; }

/* colours */
a, a:visited, a:active { color:#8C7A69; font-weight: bold; }
a:hover { color:#8C7A69; text-decoration:underline; }

/* layout */
#wrapper { width:980px; margin:0 auto; text-align:left; }
#wrapper_middle { }

/* extra rules */
body { background:url(/images/bg2.jpg) center top #a98855 no-repeat; background-attachment: fixed; }

.content_box .top { height:21px; background-image:url('/images/hamerton_content_top.png'); background-repeat:repeat-x; }
.content_box .bottom { height:20px; background-image:url('/images/hamerton_content_bottom.png'); background-repeat:repeat-x; }
.content_box .middle { background-color:#FBF5E3; padding:0 20px; color:#776655; overflow:auto }
.message { margin:10px 0 10px 0; border:1px solid orange; background-color:#ffc; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.flash {
	visibility: hidden;
	letter-spacing: -9px;
	/*font-size: 55px;*/
}

.sIFR-hasFlash h3.flash {
	visibility: hidden;
	letter-spacing: -5px;
	/*font-size: 21px;*/
}

.flash{
padding: 0px;
margin: 0px;
}

h2.flash { font-size:300%; }
.category_title h3.flash_light { font-size:180%; }

h2.flash_news, h2.flash_regular { font-size:220%; }

/*.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/
			/* styles/includes/top.css */

#content_top { clear:both; }
#content_top .logo { float:left; }
#content_top .address { float:right; }
#content_top table.top_banner { width:100%; }
#content_top table.top_banner td { vertical-align:top; }

div.basket { margin-top: 20px; float: left; width: 180px; height:127px; background: url(/images/basket_bk.png); no-repeat; }
div.basket .text { width: 215px; height:107px; margin:15px 0px 0px 10px; padding: 0; float:left }
.p_basket { padding: 0; margin 0; color:#ffffff;  } 

a.basket { padding: 0; margin 0; color:#EFE8DD; } 
a.basket:hover { padding: 0; margin 0; color:#ffffff; } 				/* styles/includes/bottom.css */
#content_bottom { clear:both; margin-top: 20px}
#content_bottom .footer_links { float:right; }

#content_bottom  .content_box { margin:5px 60px; }
#content_bottom p { margin:0; padding:0; }				/* styles/includes/side.css */

#content_left { float:left; width:180px; }
#content_left .menu { background:url(/images/hamerton_menu.png) no-repeat; height:450px; padding: 12px 0 3px; }
#content_left .menu_trans { float:left; height:28px; margin:3px 0 0; padding:2px 0 3px; width:177px; }
				#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}		/* styles/includes/main.css */

#content_main { margin:0 0 0 190px; padding-top:10px; }
#content_main .content { }

#content_main  .content_box { width:719px; }

#content_main .left_menu { width:180px; float:left; clear: left; }

#content_main .left_menu .side_box  { margin:10px 0;  }
.side_box { float:left; margin: 0px 0px 0px 0px  }
.side_box .top_category_header { width:198px; height: 64px;  }
.side_box .top { height:20px; width:198px; background-image:url('/images/hamerton_small_box_brown_top.png'); background-repeat:no-repeat; }
.side_box .bottom { height:20px; width:198px; background-image:url('/images/hamerton_small_box_brown_bottom.png'); background-repeat: no-repeat}
.side_box .middle { width:198px; background-image:url('/images/hamerton_small_box_brown_middle.jpg'); background-repeat:repeat-y; }

.side_box h3 { margin:0; padding:0; font-size:120%; font-family:arial; }
.side_box ul { margin:0; }
.side_box ul li { list-style:none; margin:0; }

#content_main .main_right { margin: 0px 0px 40px 230px; width: 440px; overflow:hidden;  }
#container_box { width: 719px; margin: 30px 0px 0px 190px; }

.latest_news_container { width: 340px; margin: 0px 0px 0px 0px; float:left; }
.latest_news_container .top { height: 24px; width: 340px; background: url(/images/top_latest_news.png) no-repeat; }
.latest_news_container .middle { overflow: auto; width: 340px; min-height:180px; background-color: #7A6957; }
.latest_news_container .bottom { height: 24px; width: 340px; background: url(/images/bottom_latest_news.png) no-repeat; }
.latest_news_container .text { width: 300px; overflow: auto; margin: 0px 20px 0px 20px;}
p.white { font-family: verdana; color: #ffffff; }
a.white { font-family: verdana; color: #ffffff; }
a.white:hover { font-family: verdana; color: #ffffff; text-decoration:underline; }

.regular_visitor_container { width: 340px; margin: 0px 0px 0px 38px; float:left; }
.regular_visitor_container .top { height: 24px; width: 340px; background: url(/images/top_regular.png) no-repeat; }
.regular_visitor_container .middle { overflow: auto; width: 340px; min-height:180px; background-color: #efe8dd; }
.regular_visitor_container .bottom { height: 24px; width: 340px; background: url(/images/bottom_regular.png) no-repeat; }
.regular_visitor_container .text { width: 300px; overflow: auto; margin: 0px 20px 0px 20px;}
.regular_visitor_container .text p { font-family: verdana; color: #8C7A69; }

img.in_text_left { border: 3px solid #8C7A69; margin: 0px 20px 20px 0px; float: left; }
img.in_text_right { border: 3px solid #8C7A69; margin: 0px 20px 20px 0px; float: left; }

input.text {
border: solid 2px #867558;
font-family: arial;
font-size: 14px;
color: #000000;
font-weight: bold;
width: 220px;
height:20px;
margin: 5px 0px 5px 2px;
padding: 5px 5px 5px 5px;
}

select {
border: solid 2px #867558;
font-family: arial;
font-size: 14px;
color: #000000;
font-weight: bold;
width: 233px;
height:30px;
margin: 5px 0px 5px 2px;
padding: 5px 5px 5px 5px;
}

textarea.text {
border: solid 2px #867558;
font-family: arial;
font-size: 14px;
color: #000000;
font-weight: bold;
width: 220px;
height:100px;
margin: 5px 0px 5px 2px;
padding: 5px 5px 5px 5px;
}

input.submit {
border: solid 2px #867558;
font-family: arial;
font-size: 14px;
color: #7A6957;
font-weight: bold;
margin: 5px 0px 5px 5px;
padding: 2px 5px 2px 5px;
background-color: #EDE6DB;
}

a.button {
border: solid 2px #867558;
font-family: arial;
font-size: 14px;
color: #7A6957;
font-weight: bold;
margin: 5px 0px 5px 5px;
padding: 3px 5px 2px 3px;
background-color: #EDE6DB;
text-decoration: none;
}

table.v_middle td {
vertical-align: middle 
}
		div.category_pick {
width: 198px;
height: 178px;
float: left;
margin: 0px 28px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.category {
width: 198px;
height: 178px;
background-repeat:no-repeat;
background-position:top left;
background:url(/images/category_bk.jpg);
float: left;
margin: 0px 28px 0px 0px;
padding: 0px 0px 0px 0px;
}


div.category_icon {
width:176px;
height: 94px;
margin: 0px 11px 0px 11px;
padding: 0px 0px 0px 0px;
text-align:center
}

div.category_title {
width:100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center
}

a.category_links {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fdf6e5;
text-decoration:none;
}

a.category_links:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:underline;
}

a.img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.category_link_wrapper {
width: 160px; height:30px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.category_link_wrapper_a {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
text-align: left;
}

table.basket td.right, table.basket th.right  { text-align:right; }
		div#container {
	margin-top:40px;
	overflow: hidden;
}
div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 400px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 600px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 532px;
	margin-top: 20px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: left;
	
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.caption-container{
margin-top:50px;
}
div.caption-container, span.image-caption {
	width: 270px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
	
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;

	
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 77px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

a.advance-link img {
width:380px;
}	
/* styles/members.css */

div.category_pick {
width: 198px;
height: 178px;
float: left;
margin: 0px 28px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.category {
width: 198px;
height: 178px;
background-repeat:no-repeat;
background-position:top left;
background:url(/images/category_bk.jpg);
float: left;
margin: 0px 28px 0px 0px;
padding: 0px 0px 0px 0px;
}


div.category_icon {
width:176px;
height: 94px;
margin: 0px 11px 0px 11px;
padding: 0px 0px 0px 0px;
text-align:center
}

div.category_title {
width:100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center
}

a.category_links {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fdf6e5;
text-decoration:none;
}

a.category_links:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:underline;
}

a.img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.category_link_wrapper {
width: 160px; height:30px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.category_link_wrapper_a {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
text-align: left;
}

table.basket td.right, table.basket th.right  { text-align:right; }