/* CSS - RHP Racking */

/*-------------------------------------- Structure -----------------------------------------------*/

body {text-align: left;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  letter-spacing:normal; background: #ffffff; }
body,p,h1,h2,h3,h4 {margin:0px 0px 0px 0px;  padding: 0px 0px 0px 0px; }

tr.list_row_1{  background-color:#F0EBF1; }
tr.list_row_2{	background-color:#F8F8F8; }


#container { position:relative; padding:0px 0px 0px 0px; text-align:left; margin-left:auto; margin-right:auto; margin-top:0px; width:790px; }

#header { margin-left:auto; margin-right:auto; width: 785px; height:197px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  backgroud-color:#ffffff; }
#headerimage { position:absolute; top:20px; right:5px; width: 615px; height:114px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

#contactinfo { position:absolute; top:145px; right:5px; font-size:14px; font-weight:bold; color:#ffffff;}

#contactinfo a { color:#ffffff;}

#rhpowell { position:absolute; top:170px; right:5px; font-size:12px; font-weight:bold; color:#ffffff;}

#logo { position:absolute; top:20px; left:0px; background:url(../images/logo.gif) no-repeat; width:161px; height:97px; backgroud-color:#ffffff; }

.strapline {position:absolute; left:0px; top:120px; height:35px; width:160px; padding:25px 0px 0px 0px; font-size:14px; font-weight:bold; color:#ffffff; text-align:center; background-color:#e76e19;}


#main{ position:relative;  width:790px; background:url(../images/bg1.gif) repeat-y left; }


#sidebar {float:left;}
#nav {margin:0px 0px 0px 0px; width:160px; }
#nav ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#nav li {list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px;}
#nav a {display:block; width: 149px; color:#ffffff;  margin:0px 0px 0px 0px; padding:7px 0px 7px 10px; background:url(../images/nav_arrow1.gif) right bottom no-repeat #717171; font-weight:bold; border-bottom:1px solid #ffffff; font-size:11px;}
#nav a:hover {color:#ffffff;  background:url(../images/nav_arrow2.gif) right bottom no-repeat #8b8b8b; text-decoration:none; }
#nav p { color:#ffffff; font-weight:bold; text-align:left; font-style:italic; margin-left:12px; }

#nav img { margin:10px 0px 0px 12px; }

#content { font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; margin:4px 0px 15px 0px; padding: 0px 0px 0px 0px; width:630px; float:right; }

#footer { width:785px; height:35px; background: #0072bc; color:#FFFFFF;}
.clear { clear:both;}




/*-------------------------------------- text & colours ------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; }

h1 { font-family: Arial, Helvetica, sans-serif;font-size:18px; padding: 0px 0px 0px 0px; font-weight:normal; margin:5px 0px 5px 10px; color:#333333; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; padding: 0px 0px 0px 0px; font-weight:bold; font-style:italic; margin:3px 12px 3px 12px; color:#0072bc;  }
h3 { font-family: Arial, Helvetica, sans-serif;font-size:18px; padding: 0px 0px 0px 0px; font-weight:normal; margin:5px 0px 5px 10px; color:#ffffff; }
h4 {font-family: Arial, Helvetica, sans-serif; color:#353535; font-size:1.1em; font-weight:bold;  padding: 5px 10px 5px 12px;  margin:0px 0px 0px 0px;  }
h5 { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; padding: 2px 5px 2px 10px; font-weight:bold; margin:10px 0px 4px 0px; color:#ffffff; background-color:#BB0F0F;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size:1em; padding: 0px 0px 4px 0px; font-weight:bold; margin:0px 0px 0px 10px; color:#000000; }

a {text-decoration:none; color:#1797BF; }
a:hover { text-decoration:underline; color:#336699; }

ul { }
li { font-size:12px; }

#content ul { margin:0px 0px 0px 20px; padding:0px 0px 0px 20px;}
#content li { font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:disc; }


p {margin:10px 10px 10px 12px; padding: 0px 0px 0px 0px; font-size:0.8em; text-align:justify;}
# p {margin:10px 10px 10px 12px; color:#ffffff; text-align:left;}

#header p { color:#333333; text-align:right; font-weight:bold; font-size:11px; padding:0px; margin:0px; }
#footer p {padding:10px 0px 10px 10px; margin:0px 0px 0px 0px; font-size:0.6em; border-top:5px solid #ffffff;}

#blue_tab { position:absolute; top:140px; left:0px; background-color:#0072bc; width:100%; height:25px;  }
#orange_tab { position:absolute; top:165px; left:0px; background-color:#e76e19; width:100%; height:30px;  }

.contact input { font-size:12px; width:100px; }
#content label { font-size:12px; float:left; margin-right:10px; text-align:right; width:200px; }
#content label.checkbox{ width:400px; margin-right:5px;  }

#casestudies { font-size:13px; }
#casestudies table { width:600px; margin:0px 0px 0px 10px;  }
#casestudies td { padding:4px;   }
/*-------------------------------------- Homepage ------------------------------------------------*/

#home_containers { width: 618px; height:225px; position:relative;  }

#home_container1 { width:200px; height:225px; position:absolute; top:0px; left:12px; background:url(../images/home_image1.jpg);}
#home_container2 { width:200px; height:225px; position:absolute; top:0px; left:215px; background:url(../images/home_image2.jpg);}
#home_container3 { width:200px; height:225px; position:absolute; top:0px; right:0px; background:url(../images/home_image3.jpg);}

#home_containers h2 {font-size:14px; padding: 0px 0px 0px 0px; font-weight:bold; margin:82px 0px 3px 20px; color:#333333;  }
#home_containers p { text-align:left; font-size:11px; }

#container_left { float:left;  width:400px; text-align:left; }
#container_left p { font-size:12px;  text-align:left; }

#container_right { text-align:left; float:right; width:210px; background:url(../images/productfocus_tab.gif) top left no-repeat #e76e19;  margin:5px 12px 0px 0px; }
#container_right img { margin:0px 4px 0px 4px; border:1px solid #ffedb7; }
#container_right p{ text-align:left; color:#ffffff; font-size:11px; background:#bc5207; margin:5px; padding:5px; }

#container_right h3{ margin:17px 5px 2px 5px; }

#small_form label {display:block; width:150px; float:left; vertical-align:top;}

#small_form input {width:200px;}
#small_form textarea {width:200px;}