/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 25px 0; line-height: 1.7; }
.clear{clear:both;}
.wrap { width: 972px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
a { color: #396FA1; text-decoration: none; }
a:hover { text-decoration: underline; }

html{font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 62.5%;}

body { background: url(images/bg-body.gif) #fff repeat-x; font-size: 1.3em;  color: #212121; height: 100%; }

#top { background: url(images/bg-header-c.jpg) #fff no-repeat; height: 408px; position: relative; }
#tophome { background: url(images/bg-body.gif) #fff repeat-x; height: 470px; position: relative; }

#logo { width: 295px; float: left; padding: 0 0 0 0; }
#phonenumber { width: 206px; float: right; text-align: right; padding: 40px 58px 0 0; }

#flash { position: absolute; left: 2px; z-index: 5; }
#insideh { width: 944px; height: 510px; position: absolute; top:3px; left: 2px; z-index: 5; }

#header { width: 929px; height: 278px; position: absolute; bottom: 0; left: 0; z-index: 1; }
  #header ul { width: 289px; list-style: none none; position: absolute; bottom: 0; right: 0; }
  #header ul li { margin: 0; padding: 0; float: right;}
  #header ul li img { float: right; }
  
  #noscriptdiv{background: url(images/bg-header-c.jpg) #fff no-repeat; height: 408px;}
  #header-noscript { width: 929px; height: 278px; position: absolute; bottom: 62px; left: 0; z-index: 1; }
  #noscriptdiv #logo{position: relative; bottom: 150px;}
  #header-noscript ul { width: 289px; list-style: none none; position: absolute; bottom: 0; right: 0; }
  #header-noscript ul li { margin: 0; padding: 0; float: right;}
  #header-noscript ul li img { float: right; }
  #header-noscript h1{font-weight: normal; font-size: 1.8em; color: #8FB300; margin: 310px 0 0 0; }

#logo{float: left; width: 365px; position: absolute; top: 2px; z-index: 99; }  
#mainmenu { height: 37px; position: absolute; top: 120px; right: 42px; z-index: 99; }
    #mainmenu ul { margin: 0; padding: 0px; float: right; }
    #mainmenu li { float: left; margin: 0; list-style: none none; font-size: 100%;}
    #mainmenu li a { color: #000; font-weight: bold; text-decoration: none; }
    #mainmenu li a:hover { color: #333; } 

#content { width: 540px; float: left; padding: 30px 0; }
  #content h1 { font-weight: normal; font-size: 1.8em; color: #8FB300; margin: 0 0 20px 0; }
  #content ul { padding: 0 0 25px 15px; line-height: 1.7; }
  #content ul li{padding: 0 0 8px 0;}
  #content ul li a { text-decoration: none; }
  #content ul li a:hover { text-decoration: underline; }
  #content a { text-decoration: none; }
  #content a:hover { text-decoration: underline; }
  
  #content .centered{text-align: center; display: block; width: 520px; }
  
  #content .columns{clear: both; padding: 0 0 0 60px; width: 520px; text-align: center; float: left;}
  #content .column{float: left; width: 125px; padding: 10px; text-align: center;}
  #content .column img{padding: 3px; border: 1px solid #adadad;}
  
   #content img{margin: 5px 10px 2px 0;}
  
  #content .columns2{clear: both; width: 520px; padding: 0 0 10px 0; float: left; text-align: left; color: #707101; margin: -20px 0 0 0;}
  #content .column2{float: left; width: 46%; padding: 0 18px 0 0; line-height: 16px; }
  #content .column2 p {padding: 5px 5px 5px 0; line-height: 1.6; border-bottom: 1px solid #C9D7C4;}
   
  #content .onmousdesc { width: 450px; margin: 0; padding: 17px; position: absolute; display: none; background: url(images/bg-onmousedescription.gif) #D1D7D6 repeat-x; border: 2px solid #808281; text-align: left; font-size: 12px; color: #262425; z-index: 6;}
  
  #content .conditions { cursor: default; color: #707101;}


#rightcontent { width: 290px; float: right; padding: 55px 49px 0 0; }
#rightcontenthome { width: 290px; float: right; padding: 0 49px 0 0; }
  #rightcontent h2, #rightcontenthome h2 { font-weight: normal; font-size: 1.4em; margin: 0 0 20px 0; color: #57717F; }
  #homesend{margin: 0 0 30px 0;}
  #rightcontent ul, #rightcontenthome ul { padding: 0 0 90px 0; list-style: none; }
  #rightcontent li, #rightcontenthome li { background: url(images/bg-arrow.gif); background-repeat: no-repeat; padding: 0px 0 14px 28px;  }
  #rightcontent li a, #rightcontenthome li a  { text-decoration: none; }
  #rightcontent a:link, #rightcontent a:visited, #rightcontenthome a:link, #rightcontenthome a:visited { font-weight: bold; text-decoration: none; }
  #rightcontent a:hover, #rightcontent #current, #rightcontenthome a:hover, #rightcontenthome #current { text-decoration: underline; }
  #bpslogo {  }
  #news { overflow: hidden; height: 230px; margin: 0 0 90px 0; }
  
  #rightcontenthome h2 a{font-weight: normal; color: #57717F; text-decoration: none;}
  #rightcontenthome h2 a:hover{text-decoration: none;}
  #rightcontenthome a:link, #rightcontenthome a:visited{font-weight: normal;}
  
#footer { height: 130px; background: url(images/bg-footer.gif) repeat-x bottom left;  font-size: 10px; z-index: 0;}
  #footerc { background: url(images/bg-footer-c.jpg); background-repeat: no-repeat; height: 130px; z-index: 0;}
  #footerc ul { list-style: none none; padding: 70px 20px 0 0; }
  #footerc ul li { margin: 0; }
  #footerc a { font-weight: normal; color: #000; }
  #footerc .left{position: relative; right: 3px;}
  .invis{visibility: hidden;}  
  .invis img{width: 0;}
  
  #invoice{border: 1px solid #ccc; padding: 20px;}
  #invoice form{width: 230px; float: left;}
  #invoice p{}
  #submitbutton{background: url(images/submi-back.gif) repeat-x; border: 1px solid #1384B8; color: white; font-weight: bold;}

/************* contact form ***************************/
form{
	width: 500px;
	margin: -15px 0 40px 0;
	clear: left;
}
.inputwrap
{
width: 500px;
clear: both;
}

.inputwrap div{
	margin: 0 0 20px 0;
}

input, select, option{
  height: 20px;
}

input, select, textarea{
	border: solid 1px #BABABA;
	background: transparent url(images/input-back.gif) repeat-x;
	width: 190px;
}

option{background: white;}

#title{width: 125px;}

.formleft{
  width: 115px;
  text-align: right;
  float: left;
  padding: 0 15px 0 0
}

.formleft label{position: relative; bottom: 5px;}

textarea{
	width: 350px;
	height: 85px;
	background: transparent url(images/textarea-back.gif) repeat-x left bottom;
}

#hear, #interestedin{width: 350px;}

#submitdiv input{
	background: url(images/submitform.gif) no-repeat;
	width: 94px;
	height: 36px;
	border: 0;
	color: white;
	font-size: 1px;
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	min-height: 60px;
	float: left;
	margin: 0 0 30px 0;
	height:auto;
}

* html #errormsg{
  height: 60px;
}