/*
Theme Name: My-VOM
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 6th November 2008
*/

html, body{ margin:0px 0px 20px 0px; padding:0; text-align:center; background-color:#F8F8F8; font-family:verdana;} 
 
#header{ position:relative; margin-left:auto; margin-right:auto; width:960px; padding: 0px 0px 0px 0px; } 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:960px;background:url(img/header.jpg) top center #F8F8F8;}
#header h1 a{display:block;width:960px;height:218px;}
#header h1 a:hover{display:block;width:960px;height:218px;}
#header h1 span{display:none;} 

#tabs{ position:relative; margin-left:auto; margin-right:auto; width:900px; padding: 0px 30px 0px 30px; text-align:center;} 
#tabs ul { margin:0px auto 0px auto; padding:0px 0px 0px 0px; list-style:none; font-family: arial; font-size: 13px; font-weight:bold;text-align:center;}
#tabs li { display:inline; margin:0px 0px 0px 0px; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 1px 0px 0px; padding:0 0 0 11px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:7px 12px 6px 0px; color: #333333; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -42px; color: #000000; }
#tabs a:hover span { background-position:100% -42px; color: #000000; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

#page{ width:960px; margin-left:auto; margin-right:auto; text-align:left; }

#maincol{ float: right; display:inline; position: relative; color:#333333; font-size: 13px; line-height:1.7em;width:860px; margin:0px auto 0px auto; padding:50px 50px 30px 50px;background:url(img/maincol.gif) top center no-repeat;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#007A31; font-family:arial,verdana; font-size: 24px; padding: 10px 0px 10px 15px; margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#maincol h1 a, #maincol h2 a, #maincol h3 a, #maincol h4 a{ color:#007A31; font-family:arial,verdana; font-size: 24px;  margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#maincol h1 a:hover, #maincol h2 a:hover, #maincol h3 a:hover, #maincol h4 a:hover { color:#007A31; font-family:arial,verdana; font-size: 24px; margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#maincol h5{ color:#007A31; font-family:arial,verdana; font-size: 16px; padding: 5px 0px 5px 15px; margin: 0px; font-style:italic; font-weight:normal;text-decoration:none;}
#maincol h6{ color:#000000; font-family:arial,verdana; font-size: 18px; padding: 5px 20px 5px 15px; margin: 0px; float:right; text-align:right; font-style:italic; font-weight:normal;text-decoration:none;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.9em; padding: 0px 10px 0px 15px; clear:left;}
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;}


#linkscol{ float: right; display:inline; position: relative; color:#333333; font-size: 13px; line-height:1.7em;width:860px; margin:0px auto 0px auto; padding:50px 50px 30px 50px;background:url(img/maincol.gif) top center no-repeat;}
#linkscol h1, #linkscol h2, #linkscol h3, #linkscol h4 { color:#007A31; font-family:arial,verdana; font-size: 24px; padding: 10px 0px 10px 15px; margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#linkscol h1 a, #linkscol h2 a, #linkscol h3 a, #linkscol h4 a{ color:#007A31; font-family:arial,verdana; font-size: 24px;  margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#linkscol h1 a:hover, #linkscol h2 a:hover, #linkscol h3 a:hover, #linkscol h4 a:hover { color:#007A31; font-family:arial,verdana; font-size: 24px; margin: 0px; font-style:none; font-weight:normal;text-decoration:none;}
#linkscol h5{ color:#007A31; font-family:arial,verdana; font-size: 16px; padding: 5px 0px 5px 15px; margin: 0px; font-style:italic; font-weight:normal;text-decoration:none;}
#linkscol h6{ color:#000000; font-family:arial,verdana; font-size: 18px; padding: 5px 20px 5px 15px; margin: 0px; float:right; text-align:right; font-style:italic; font-weight:normal;text-decoration:none;}
#linkscol p{ color:#333333; font-size: 13px; line-height:1.9em; padding: 0px 10px 0px 15px; clear:left;}
#linkscol a{ color:#333333; }
#linkscol a:hover{ color:#333333; text-decoration:none;}
#linkscol ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#linkscol ol{ color:#333333; font-size: 13px; line-height:1.7em;}

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;}

.offerstable{ border:1px solid #385D8A; text-align:center;color:#01366C; background-color:#FFFFFF; border-collapse: collapse; padding:3px; border-spacing: 0px;}

#green{ width:558px; height:62px; display:block; background:url(img/green.jpg) top left no-repeat; color:#FFFFFF; line-height:1.7em;font-weight:bold; font-size:13px; font-family:verdana;text-align:center; clear:left; padding: 30px 30px 30px 30px; overflow:hidden; margin:0px 0px 0px 0px;}
 
#footer{ height:110px; clear:both; margin-left:auto; margin-right:auto; padding:10px 50px 0px 50px; width:860px; background:url(img/footer.jpg) top center no-repeat; color:#007A31; font-weight:bold; font-size:13px; line-height:1.7em; text-align:right;} 
#footer a{ color:#007A31; font-weight:bold; font-size:13px; line-height:1.7em;} 
#footer a:hover{ color:#333333; font-weight:bold; font-size:13px; line-height:1.7em; text-decoration:none;} 
 
#footer2{ height:110px; clear:both; margin-left:auto; margin-right:auto; padding:10px 50px 0px 50px; width:860px; background:url(img/footer_plain.jpg) top center no-repeat; color:#007A31; font-weight:bold; font-size:13px; line-height:1.7em; text-align:right;} 
#footer2 a{ color:#007A31; font-weight:bold; font-size:13px; line-height:1.7em;} 
#footer2 a:hover{ color:#333333; font-weight:bold; font-size:13px; line-height:1.7em; 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 */ 





#footertext { clear:both; color:#666666; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#666666; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#333333; font-size: 11px; text-decoration:none; }

div.formlayout {
width: 600px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 550px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 250px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 



#submenu {list-style: none; margin: 0px 0px 10px 10px; padding:0px 0px 0px 0px; display:block; border-top: 1px dashed #BBBBBB; width:200px;}
ul#submenunav {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px; line-height:1.3em;}
ul#submenunav li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; line-height:1.3em;}
ul#submenunav li a{ width: 180px; display: block; padding: 9px 5px 7px 15px;  text-decoration:none;  font-weight:bold;color: #000000; line-height:1.3em;border-bottom: 1px dashed #BBBBBB;}
ul#submenunav li a:hover{  text-decoration:none; color:#007A31; }
