body { 
	font: 8pt verdana; 
	color: #000000; 
	margin: 10px 0;
	background-color: #FFFFFF; 
	text-align: center;
}

a 	{ color:#0000FF; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:none; }
a img {border: none; }

#container {
	position: relative;
	width: 750px;
	left: 0px; top: 0px; 
	margin: 0px auto;
	background-color: #FFFFFF;
	text-align: left;
}
#pageheader {
	position: relative; 
	width: 750px; height: 116px; 
	left: 0px; top: 0px; 
	background-color: #0074B6;
}

#pageheader h1 {
	position: absolute;
	width: 250px; height: 116px;
	left: 0px; top: 0px;
	background: url(../_img/logo_shedshop.gif) center no-repeat; 
	display: block;
	text-indent: -5000px;
	margin: 0; padding: 0;
}
#pageheader h2 { display: none; }
#pageheader #details { 
	position: absolute;
	right: 12px; bottom: 10px;
	text-align: right;
	color: #FFFFFF;
	font-style: italic;
}
#pageheader #details b { font-style: normal; margin-left: 5px;}

#contentpane {position: relative; width: 750px; background: #FFFFFF url(../_img/bg_content.gif) top left repeat-y;}

#content {position: relative; width: 455px; top: 0px; left: 0px; margin: 15px 15px 15px 265px; min-height: 222px}
div.product {position: relative; width: 499px; height: 246px; top: 1px; left: 0px; margin: 0px 0px 0px 251px; }
div.home    {position: relative; width: 500px; height: 247px; top: 0px; left: 0px;  margin: 0px 0px 0px 250px; }
  div.product img {float: left; margin-right: 5px;}
  div.product span.productname { padding-top: 10px; display: block; font-weight: bold; text-transform: uppercase;}
#holder {position: relative; width: 750px; top: 1px; clear: both;}
  #holder h3#moresheds {width: 750px; height: 29px; background: #FFE46B url(../_img/hd3_sheds.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }
  #holder h3#morecarports {width: 750px; height: 29px; background: #FFE46B url(../_img/hd3_carports.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }
  #holder h3#moreaviaries {width: 750px; height: 29px; background: #FFE46B url(../_img/hd3_aviaries.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }
  #holder h3#moresunshades {width: 750px; height: 29px; background: #FFE46B url(../_img/hd3_sunshades.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }
  #holder h3#moreaccessories {width: 750px; height: 29px; background: #FFE46B url(../_img/hd3_accessories.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }
##column1 {position: relative; width: 250px; background-color: #F5F2ED;}
#column2 {position: relative; width: 250px; background-color: #FFFFFF;}
#column3 {position: relative; width: 250px; background-color: #F5F2ED;}
#column1 h3 { width: 250px; height: 29px; background: url(../_img/hd3_sheds.gif) top left no-repeat; display: block;	text-indent: -5000px; margin: 0; padding: 0; }
#column2 h3 { width: 250px; height: 29px; background: url(../_img/hd3_carports.gif) top left no-repeat; display: block;	text-indent: -5000px; margin: 0; padding: 0; }
#column3 h3 { width: 250px; height: 29px; background: url(../_img/hd3_sunshadesaviaries.gif) top left no-repeat; display: block; text-indent: -5000px; margin: 0; padding: 0; }


#footer {position: relative; clear: both; width: 750px; height: 37px; top: 2px; background-color: #0074B6;}
 #copyright {text-indent: 20px; font-size: 7.5pt; font-weight: bold; line-height: 37px; color: #CCE3F0; float: left; }
 #copyright a {color: #FFFFFF;}
 #copyright a:hover {text-decoration: none;}
 
 
 #validator { width: 200px; font-size: 7.5pt; font-weight: bold; line-height: 37px; color: #CCE3F0;  text-align: right; float: right; margin-right: 10px; }
 #validator a {color: #FFFFFF;}
 #validator a:hover {text-decoration: none;}
 

/* height = 222 - 14 (padding) */
#menu {	position: absolute;
	width: 250px; height: 233px;
	left: 0px; top: 116px;
	background: #FFFAE1 url(../_img/bg_menu.gif) top left no-repeat;
	padding-top: 14px;
}

#menu span,
#menu span a {position: relative; width: 250px; height: 25px; display: block;}
#menu span a span { display:none; }
#menu span.divider {display: none;}

#menu #home a {	background: url(../_img/btn_home.gif) top left no-repeat;}
#menu #home a:hover { background-image: url(../_img/btn_home_on.gif); }

#menu #sheds a { background: url(../_img/btn_sheds.gif) top left no-repeat; }
#menu #sheds a:hover { background-image: url(../_img/btn_sheds_on.gif); }

#menu #carports a { background: url(../_img/btn_carports.gif) top left no-repeat; }
#menu #carports a:hover { background-image: url(../_img/btn_carports_on.gif); }

#menu #sunshades a { background: url(../_img/btn_sunshades.gif) top left no-repeat; }
#menu #sunshades a:hover { background-image: url(../_img/btn_sunshades_on.gif); }

#menu #aviaries a { background: url(../_img/btn_aviaries.gif) top left no-repeat; }
#menu #aviaries a:hover { background-image: url(../_img/btn_aviaries_on.gif); }

#menu #colourrange a { background: url(../_img/btn_colourrange.gif) top left no-repeat; }
#menu #colourrange a:hover { background-image: url(../_img/btn_colourrange_on.gif); }

#menu #aboutus a { background: url(../_img/btn_aboutus.gif) top left no-repeat; }
#menu #aboutus a:hover { background-image: url(../_img/btn_aboutus_on.gif); }

#menu #contactus a { background: url(../_img/btn_contactus.gif) top left no-repeat;}
#menu #contactus a:hover { background-image: url(../_img/btn_contactus_on.gif); }

#menu #sendphoto a { background: url(../_img/btn_sendphoto.gif) top left no-repeat; height: 26px;}
#menu #sendphoto a:hover { background-image: url(../_img/btn_sendphoto_on.gif); }

#menu #accessories a { background: url(../_img/btn_accessories.gif) top left no-repeat; height: 26px;}
#menu #accessories a:hover { background-image: url(../_img/btn_accessories_on.gif); }

#menu #custom a { background: url(../_img/btn_custommade.gif) top left no-repeat; height: 26px;}
#menu #custom a:hover { background-image: url(../_img/btn_custommade_on.gif); }

#menu #faq a { background: url(../_img/btn_faq.gif) top left no-repeat;}
#menu #faq a:hover { background-image: url(../_img/btn_faq_on.gif); }


div.item {clear: both; display: block; padding: 5px;}
div.item img {float: left; margin-right: 5px;}
div.clear {clear: both;}

h2 { color: #0074B6; font-size: 14pt; font-weight: bold;}



/* Contact Section */
#formcontactus label {display: block; margin-bottom: 2px; font-weight: bold; }
#formcontactus label, 
#formcontactus input {vertical-align: middle;}
fieldset {margin-bottom: 8px; padding: 8px; border: 1px dotted #7C8187;}
legend {padding: 4px; font-size: 14px; background-color: #FFF;}

#requiredinfo input, #optionalinfo input, #requiredinfo select, #optionalinfo select, #requiredinfo textarea, #optionalinfo textarea {width: 300px; margin-bottom: 6px;}
#label_other {color: #C9CCCF;}
#privacyinfo {}
#formcontrols {}
#optionalinfo {}
#showformoptions {display: block;}
#hideformoptions {display: none;}
#formmsg {border: 1px dotted #C9CCCF; padding: 8px; background-color: #FFFF99; margin-bottom: 16px;}
#formmsg h4 {font-size: 16px; margin-bottom: 4px; color: #DB1064;}
#formmsg p {color: #3C1C10;}
#requiredinfo img {vertical-align: top; margin-right: 2px;}