/*
Theme Name: Royston Stoves
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 7th March 2012
*/

html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #A83227;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:900px; text-align:left; margin-left:auto; margin-right:auto; padding: 34px 30px 0px 30px; background:url(img/page.jpg) top center no-repeat;} 

#header{ position:relative; height:44px; margin:0px auto 0px auto; width:892px; color:#6F4015;font-family:arial;  font-size:14px; font-weight:bold;text-shadow: #FFFFFF 0px 0px 5px; text-decoration:none; display:block;background:url(img/menu.jpg) top center no-repeat;} 

ul#navlist { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 29px;}
ul#navlist li { float: left; color:#6F4015;font-family:arial;  font-size:14px; font-weight:bold;text-shadow: #FFFFFF margin:8px 0px 5px 0px; text-decoration:none; margin: 0; padding: 13px 0px 14px 0px; background: inherit; border: 0px;background:url(img/menu_li.jpg) top right no-repeat;}
#navlist a, #navlist a:link { margin: 0; padding: 13px 24px 14px 20px; color: #6F4015; border: 0px; text-decoration:none;}
ul#navlist li#active { color: #000000;}
#navlist a:hover { color: #000000; }


#homeimage{ height:317px; width:892px; display:block;background:url(img/home.jpg) top center no-repeat;margin-left:auto; margin-right:auto;} 

#contentheader{ width:892px; display:block;background:url(img/content_header.jpg) top center no-repeat; margin-left:auto; margin-right:auto;} 
#contentfooter{ width:892px; display:block;background:url(img/content_footer.jpg) bottom center no-repeat;margin-left:auto; margin-right:auto;} 

 
#rightcol{ width:234px;   float: right; display:inline; position: relative; margin:2px 0px 0px 0px;}

#visit{ width:234px;  height:256px; background:url(img/visit.jpg) top center no-repeat; float: left; clear:both; display:block; position: relative;}
#map{ width:234px;  height:192px; background:url(img/map.jpg) top center no-repeat; float: left; clear:both; display:block; position: relative;}
#hetas{ width:234px;  height:109px; background:url(img/hetas.jpg) top center no-repeat; float: left; clear:both; display:block; position: relative;}
 
  
#container{ width:658px; float:left; position:relative;} 

 
#submenu{ width:658px; height:44px;  float:left; position:relative;background:url(img/submenu.jpg) top center no-repeat;  overflow:hidden; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px;} 
ul#submenunav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 44px;width:658px; }
ul#submenunav li { float: left; color:#6F4015;font-family:arial;  font-size:14px; font-weight:bold;text-shadow: #FFFFFF margin:8px 0px 5px 0px; text-decoration:none; margin: 0; padding: 13px 0px 14px 0px; background: inherit; border: 0px;background:url(img/submenu_li.jpg) top right no-repeat;}
#submenunav a, #submenunav a:link { margin: 0; padding: 13px 20px 14px 16px; color: #6F4015; border: 0px; text-decoration:none;}
ul#submenunav li#active { color: #000000;}
#submenunav a:hover { color: #000000; }
 
 
 
#maincol{ width:598px; float:left; position:relative; padding: 30px 30px 30px 30px; }
#maincol h1, #maincol h2 { color:#B13724; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight:normal; }
#maincol h1 a, #maincol h2 a{  color:#B13724; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none; }
#maincol h1 a:hover, #maincol h2 a:hover{  color:#B13724; font-family:arial; font-size: 28px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; text-decoration:none;}
#maincol p{ color:#000000; font-size: 12px; line-height:1.7em; font-family:verdana;}
#maincol a{ color:#000000; }
#maincol a:hover{ color:#000000; text-decoration:none;}
#maincol ul { padding: 0px; margin:20px 0px 20px 10px;}

#maincol ul li{ color:#000000; font-size: 12px; line-height:1.7em; font-weight:bold; font-family:verdana; background:url(img/li.gif) top left no-repeat; padding: 5px 0px 25px 37px;list-style: none; margin:0px;}



#footer{ height:150px; width: 960px; background:url(img/footer.jpg) top center no-repeat; text-align:center; clear:both; font-size:14px; padding:13px 0px 0px 0px; margin-left:auto; margin-right:auto; color:#6F4015;font-family:arial;  font-weight:bold;text-shadow: #FFFFFF 0px 0px 5px;} 
#footer a{ color:#6F4015;font-family:arial;  font-weight:bold;text-shadow: #FFFFFF 0px 0px 5px; text-decoration:none;} 
#footer a:hover{ color:#000000;font-family:arial;  font-weight:bold;text-shadow: #FFFFFF 0px 0px 5px;} 
  


 
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
img.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}
 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}







div.formlayout {
width: 400px;
background-color: #fffff;
padding: 5px;
margin: 0px auto;
 }
 
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 120px;
  padding-top: 4px;
  padding-right: 4px;
  text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif; COLOR: #666666; font-weight: none; font-size:12px; line-height: 1.5em;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }