/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ============================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* =============================================================================
Notes:
- Floated elements with applied margin in same direction as float gets DOUBLED - Fix = display:inline;
- Collapsing margins - only the larger margin is used if two adjoining margins meet - use border?
==End=========================================================================== */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background-color:#363636;text-align:center;} /* Text-Align needed for IE5.5 */

/* Links */
a, a:link, a:visited{color:blue;}
a:hover{text-decoration:none;}

/* Buttons */
a.button_blank, a.button_blank:link, a.button_blank:visited{display:block;text-align:center;width:78px;height:22px;line-height:20px;background:url(/images/buttons/btnBlank.png) 0px 0px ;outline:none;color:white;}
a.button_blank:hover{background-position:0px 22px;}

/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{font-size:1.1em;color:#222222;padding-top:5px;padding-bottom:5px;word-spacing:.05em;}
img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;font-weight:normal;color:#d72400;letter-spacing:.07em;padding-top:6px;padding-bottom:6px;}
	h1{font-size:1.4em;}
	h2{font-size:1.2em;}
	h3{font-size:1em;padding-top:2px;padding-bottom:0px;}

ul{list-style-type:disc;margin-left:30px;color:#777777;}
	li{line-height:20px;}
	
.required, .warning, .errortext{color:red;}
.left{float:left;}
.right{float:right;}
.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#555555;}

/* tables */
table{margin-top:5px;margin-bottom:5px;font-size:1em;color:#777777;}
	tr{line-height:1.6em;}
	td{vertical-align:top;color:#333333;}
	td.label{font-weight:bold;width:100px;}
	td.data{}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:left;width:800px;}

/* Navigation */
#navigation{position:relative;text-align:left;width:800px;background:url(/images/general/navigation.jpg) bottom right no-repeat;margin-top:10px;}
		#navigation #tabs{margin-left:65px;}
		#tabs ul{margin:0px;padding:0px;list-style-type:none;}
		#tabs ul li{margin:0px;padding:0px;display:inline;}
			#tabs ul li a{float:left;color:white;width:94px;height:28px;line-height:28px;padding:0px;margin:0px;margin-left:4px;padding-top:18px;text-align:center;text-decoration:underline;background:url(/images/navigation/tabs.jpg) 0px 92px;}
			#tabs ul li a:hover{background-position:0px 46px;text-decoration:none;}
			#tabs ul li a.focus{background-position:0px 0px;text-decoration:none;}
			#tabs ul li a.focus:hover{background-position:0px 0px;text-decoration:none;}
			
/* Banner */
#banner{position:relative;text-align:left;width:800px;height:150px;background:url(/images/banner/banner.jpg) top left no-repeat;}
	#flowersbyalisonjane{position:absolute;top:10px;left:67px;height:70px;width:390px;background:url(/images/banner/flowersbyalisonjane.png) top left no-repeat;}
	#introduction{position:absolute;top:80px;left:67px;width:450px;}
		#introduction p{color:white;font-size:14px;line-height:20px;word-spacing:-1px;}
		#introduction a, #introduction a:link, #introduction a:visited{color:white;}
		#introduction a:hover{text-decoration:none;}
	
/* Content */
#content{position:relative;text-align:left;width:670px;padding-left:20px;padding-right:10px;padding-bottom:20px;margin-left:51px;background:white url(/images/general/title.jpg) top right no-repeat;}
	{position:relative;float:left;width:300px;border:1px solid red;}

#content_narrow{border:0px solid red;margin-top:10px;position:relative;float:left;display:inline;width:350px;background:#e9dae3 url(/images/general/sub_content_bottom.gif) bottom left no-repeat;}
	#content_narrow #sidebar_content{width:300px;padding:15px;padding-bottom:10px;padding-right:35px;background:url(/images/general/sub_content_top.gif) top left no-repeat;}


/* left sidebar */
#sidebar_left{position:relative;float:left;display:inline;width:350px;height:350px;margin-right:20px;margin-top:10px;}
	
/* right sidebar */
#sidebar_right{border:0px solid red;margin-top:10px;position:relative;float:left;display:inline;width:285px;background:url(/images/general/rightcol_bottom.gif) bottom left no-repeat;}
	#sidebar_right #sidebar_content{width:260px;padding:10px;padding-left:15px;padding-bottom:20px;background:url(/images/general/rightcol_top.gif) top left no-repeat;border:0px solid red;}
	#sidebar_content p.narrow{width:220px;}

/* footer */
#footer{position:relative;text-align:left;width:800px;height:182px;background:url(/images/footer/footer.jpg) top left no-repeat;padding-top:110px;}
	#footer p{color:#aaaaaa;text-align:right;margin:0px;padding:0px;margin-right:50px;}
	#footer a, #footer a:link, #footer a:visited{color:#dddddd;}
	#footer a:hover{text-decoration:none;}

/* Inputs */
form{}
input{padding:1px;margin:0px;font-size:.9em;font-family:arial, sans-serif;}
textarea{padding:1px;margin:0px;font-size:.9em;font-family:arial, sans-serif;}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}

/* Litebox */
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(/images/litebox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/litebox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color:#222;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
/* Litebox end*/