/*
Theme Name: JAR Solutions
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 16th June 2009
*/

html, body{ margin:0; padding:0; text-align:center; background:#FFFFFF; font-family:verdana;} 
 
#page{ width:944px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat;padding: 0px 28px 0px 28px;} 

#header{ position:relative; height:106px; width:944px;background:url(img/header.gif) top center no-repeat;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:944px;}
#header h1 a{display:block;width:944px;height:106px;}
#header h1 a:hover{display:block;width:944px;height:106px;}
#header h1 span{display:none;} 


#menu{ position:relative; height:28px; padding: 0px 12px 0px 12px; width:910px;background:url(img/menu.gif) top center no-repeat; overflow:hidden; margin: 0px 5px 0px 5px;} 


ul#nav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 28px;}
ul#nav li { float: left; font-family: arial; font-size: 14px; margin: 0; padding: 6px 0px 6px 0px; background: inherit; border: 0px; font-weight:bold;}
#nav a, #nav a:link { margin: 0; padding: 6px 13px 6px 13px; color: #FFFFFF; border: 0px; text-decoration: none;}
ul#nav li#active { color: #000000;background:url(img/menu_over.gif) top center no-repeat;}
#nav a:hover { color: #000000; background:url(img/menu_over.gif) top center no-repeat;}

#flash{ position:relative; display:block; height:180px; width:934px;overflow:hidden; margin: 0px 5px 0px 5px;} 

 
#rightcol{ width:204px; float:right; position:relative; }
#rightcol h3{ font-family:arial; font-size:18px; font-weight:normal; padding: 4px 0px 0px 7px; margin:0px;}
#rightcol ul {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;list-style: none; width:204px; clear:left; }
#rightcol ul li{margin: 0px 0px 0px 0px; display: block; }
#rightcol ul li a{ width: 174px; display: block; background:url(img/li.gif) top left no-repeat; padding: 4px 5px 6px 25px;  text-decoration:none; font-family:verdana; color:#333333; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#rightcol ul li a:hover{ width: 174px; display: block; background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/li.gif); padding: 4px 5px 6px 25px;  text-decoration:none; font-family:verdana; color:#333333; font-size:13px; margin: 0px 0px 0px 0px; vertical-align: bottom;}


 
#maincol{ float: left; display:inline; position: relative; width:680px; padding: 30px 30px 30px 30px; font-size: 13px; line-height:1.9em; font-family:verdana; color:#333333;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#000000; font-family:arial; font-size: 24px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#maincol h1 a, #maincol h2 a, #maincol h3 a, #maincol h4 a{ color:#000000; font-family:arial; font-size: 24px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#maincol h1 a:hover, #maincol h2 a:hover, #maincol h3 a:hover, #maincol h4 a:hover { color:#000000; font-family:arial; font-size: 24px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana;}

#maincol ul { color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana;list-style-type: none; }
#maincol ul li {background:url(img/list.gif) top left no-repeat; padding: 0px 5px 6px 20px;}

#maincol ol { color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana;}


#maincol a{ color:#FF6600; text-decoration:none;}
#maincol a:hover{ color:#000000; text-decoration:none;}
#maincol img{ float:right; padding: 0px 0px 15px 10px; border:0px; clear:right;} 

 
#footer{ height:40px; width: 1000px; padding: 20px 0px 0px 0px; background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana;} 
#footer a{ color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana; } 
#footer a:hover{ color:#333333; font-size: 13px; line-height:1.9em; font-family:verdana; text-decoration:none;} 
 
.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;}
}




#footertext { clear:both; color:#888888; width: 500px; padding: 10px 0px 30px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#888888; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#333333; font-size: 11px; text-decoration:none; }

div.formlayout {
width: 550px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 500px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 200px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

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