/* CSS Document */

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

html { height: 100%;}

body {height: 100%;}

#wrapper {position: relative; min-height: 100%;}

*html #wrapper {height: 100%;}

#container{ position:relative;  padding:0px 0px 80px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:980px; }

#header { width:100%; height:181px; margin:0px; padding:0px; background:url(../images/header.gif) right no-repeat;}
#top_of_container {width:100%; height:34px; display:block;}

#logo { display:block; float:left;  width:261px; height:146px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; }
#contact {width:625px; text-align:right; display:block; float:right; padding:38px 0px 0px 0px;}
#contact p {margin:8px 0px 8px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1D2633; font-size:16px; font-weight:bold;}
#contact p.small {color:#666666 !important; font-size:12px !important; font-weight:normal !important;} 
#contact a { color:#1D2633;}

#search {margin:0px; padding:8px 0px 0px 10px; width:172px; height:25px; display:block; float:right; background:url(../images/bord_search.jpg) no-repeat left top;}
#search input { width:130px; border:1px solid #CCCCCC; font-size:11px; font-family:Verdana, Geneva, sans-serif; display:block; float:left; color:#666666; padding:2px; }
#search button { margin:0px 0px 0px 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; border:0px; background:#1D2633; padding:0px 3px 0px 3px;}

#main {  width:100%; margin:0px 0px 0px 0px; }

#footer_top { position:relative; background:#fff; height:93px; margin:-13px 0px 0px 0px; border-top:1px solid #ccc; display:block; }
#footer_sub { display:block; height:66px; display:block; width:980px; margin:0px auto 0px auto;}
#footer_sub_left { display:block; float:left; width:377px;}
#footer_sub_right { display:block; float:right;}
#footer_sub_right a { font-size:12px; font-weight:bold; color:#666666; display:block; float:left; padding:45px 14px 0px 14px; }
#footer { position:relative;  width:100%; background:#DFDFDF; height:28px; margin:0px 0px 0px 0px; padding:0px; }
#footer_inner {font-size:11px;  display:block; color:#666666; padding:8px 0px 0px 0px;  width:980px; margin-left:auto; margin-right:auto;  text-align:right; font-family:Verdana, Geneva, sans-serif;}

.clear { clear:both; }

.latest_news img {display:block; float:left; padding:10px 10px 10px 0px;}

/*------------------------------------ Service page -----------------------------------------------------------*/

#sidebar { width:181px;  height:100%; float:left; display:block;  margin:0px 0px 0px 0px; padding:0px; background:#ffffff; }
#sub_page { background:#B2B2B2; padding:0px 0px 24px 0px; margin:0px 0px 5px 0px; display:block;}
#sub_page_title { font-size:12px; color:#fff; background:#1D2633; padding:7px 0px 10px 11px;}
#sub_page a { display:block; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size:12px; font-weight:bold; border-bottom:1px solid #CCCCCC; padding:5px 0px 5px 21px; width:145px; margin:0px auto 0px auto; background:url(../images/sub_page_arrow.jpg) no-repeat left 50%;}
#sub_page a:hover {background:url(../images/sub_page_arrow_hover.jpg) no-repeat left 50%; text-decoration:none;}

#callback { background:#00A8DB; width:158px; min-height:222px; height:auto !important; height:222px; display:block; padding:0px 13px 0px 10px; position:relative;}
#callback form {padding:0px !important; margin:0px !important; padding:0px 0px 20px 0px; display:block;}
#callback p { margin:10px 0px 10px 0px;}
#callback h6 { font-family:Verdana, Geneva, sans-serif !important; font-size:12px; color:#fff; padding:10px 0px 5px 0px; margin:0px !important; }
#callback input { width:152px; border:0px; padding:2px;}
#callback textarea { width:152px; border:0px; padding:2px; margin:0px 0px 50px 0px; height:56px;}
#callback button { border:0px; background:none; position:absolute; bottom:-1px; right:-9px;}

#callback label {display:none;}
#content_main  { width:793px;   margin:0px 0px 0px 0px; float:right; display:block; padding:0px; min-height:300px; height:auto !important;   height:300px; z-index:100;}

#content {width:471px; float:left; display:block;}
#page_title { font-size:14px; color:#FFF; background:#00A8DB; padding:4px 0px 6px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;  font-weight:bold; }
#content_cars { height:240px; background:#C6C9CC; display:block; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}
#content_cars_left { width:150px; height:240px;  display:block; float:left; background:#1D2633;}


#content_cars_right {height:240px; width:320px; display:block; float:right; position:relative; }
#content_cars_right ul { margin:0px; padding:0px; }
#content_cars_right ul li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px; }

#page_text { padding:10px 11px 0px 12px; display:block; position:relative;}

#sidebar_right { width:316px;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:0px;}
#sidebar_right .title_block  { margin:0px 0px 5px 0px !important;}
.title_block a {color:#fff; display:block;}
.title_block a:hover {color:#fff; text-decoration:none;}

#header_home {position:relative;}

/*------------------------------------ News -----------------------------------------------------------*/

.latest_news {border-bottom:1px solid #ccc; padding:5px 0px 5px 0px;}
.latest_news a.header {font-size:16px; color:#000; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.latest_news a span {font-size:12px !important; color:#00A8DB;}

.paging {display:block; margin:10px 0px 10px 0px; float:right; font-size:12px;  color:#000; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.paging a {color:#00A8DB; }

.paging_top { position:absolute; top:8px; right:0px; margin:10px 0px 10px 0px; font-size:12px;  color:#000; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.paging_top a {color:#00A8DB; }

.news_cat_arc {display:block; margin:10px 0px 10px 0px;}
.news_cat_arc a {width:270px; margin:10px auto 10px auto; font-size:12px; color:#1D2633; background:url(../images/arrow_left.jpg) no-repeat left 50%; padding:10px 0px 10px 22px;  display:block; border-bottom:1px solid #cccccc; }

.news_cat_arc a:hover {}


/*------------------------------------ Homepage -----------------------------------------------------------*/

#services { width:649px; display:block; float:left; background:#1D2633; height:270px; position:relative;}
#key_products {width:316px; display:block; float:right; height:270px; background:url(../images/roperhurst_van.jpg) #1D2633 no-repeat right bottom; position:relative;}
#key_products_nav { margin:0px 0px 0px 5px; }
#key_products_nav a { background:url(../images/kry_nav.jpg) no-repeat left 50%; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 0px 12px; margin:5px 0px 5px 0px;}
#key_products_nav a:hover {}

#key_products_title {height:18px; padding:7px 0px 7px 12px; margin:0px 0px 20px 0px; color:#FFF; font-size:14px; background:#344B67; font-weight:bold; display:block; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#key_arrow {height:18px; width:35px; position:absolute; bottom:-18px; right:36px; background:url(../images/blue_arrow.gif) no-repeat left top; position:absolute;  }

a.products_page { display:block; float:right; width:151px; font-size:12px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0px 2px 26px; position:absolute; bottom:0px; right:0px; background:url(../images/arrow_dark_blue.jpg) #344B67 no-repeat left top; }
a.products_page:hover { color:#FFF; text-decoration:none;}

.left_section { width:334px; display:block; float:left; height:270px;}
*html .left_section { width:334px; display:block; float:left; height:270px; margin:0px 0px 0px 0px; }
.section_right { width:315px; height:270px; display:block; float:right; }

#arrow_m {height:33px; width:17px; position:absolute; top:58px; left:0px; background:url(../images/arrow_m.gif) left top; }

#products_nav { width:100%; position:absolute; top:0px; left:0px; text-align:center; display:block; padding:6px 0px 0px 6px; z-index:500;}
*html #products_nav {top:0px; left:-650px;}
#products_nav a.left { display:block; float:left;}
#products_nav a.right { display:block; float:left;}
#products_central { display:block; float:left; background:#344B67;}
#products_central a { color:#607DA5; font-size:12px; font-weight:bold; display:block; float:left; padding:4px 14px;}
#products_central a:hover { color:#fff; text-decoration:none;}
#products_central a.active { color:#fff; text-decoration:none;}
#services_left ul { margin:0px; padding:0px;}
#services_left ul li { margin:0px; padding:0px; list-style:none !important;}
.product_title { font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; width:263px; display:block; }
#services_left ul li p { font-size:14px; color:#fff;}
.padded_section {width:263px; display:block; height:199px; margin:48px 0px 0px 23px;}
a.more_info { display:block; float:right; width:112px; font-size:12px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0px 2px 26px;  background:url(../images/arrow_dark_blue.jpg) #344B67 no-repeat left top; }
a.view_all_products {display:block; margin:0px 5px 0px 3px; float:right; width:112px; font-size:12px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0px 2px 26px;  background:url(../images/light_blue_arrow.gif) #00A8DB no-repeat left top;}
a.view_all_products:hover { color:#FFF; text-decoration:none;}
a.more_info:hover { color:#FFF; text-decoration:none;}

#main_home { width:980px; display:block; margin:14px 0px 0px 0px;}
.home_block { width:316px; display:block; float:left;  position:relative; margin:0px 0px 10px 0px;}
#hbcenter.home_block {margin:0px 16px 10px 16px;}
.title_block { font-size:14px; color:#FFF; background:#00A8DB; padding:4px 0px 6px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;  font-weight:bold; }
a.read_more { font-size:12px; color:#1D2633; background:url(../images/arrow_left.jpg) no-repeat left 50%; padding:0px 0px 0px 22px; margin:10px 0px 10px 0px; display:block }
a.read_more:hover {color:#1D2633;}

.product_left { width:186px; display:block; float:left;}
.product_left h3 { margin:5px 0px 0px 0px !important;}
.product_right { display:block; float:right; margin:4px 0px 0px 0px;}

.news { clear:both !important; display:block; border-bottom:1px solid #CCCCCC; padding:10px 0px 10px 0px;}

.news_left { display:block; width:86px; float:left; color:#43A5EB; font-size:12px; clear:left;}
.news_right { display:block; width:230px; float:right; color:#333333; font-size:12px;   clear:right; }

/*------------------------------------ nav -----------------------------------------------------------*/

#nav {  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:right; }
#nav a { display:block; float:left; padding:2px 16px 8px 15px; margin:0px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  color:#ffffff; display:block; font-weight:bold; font-size:12px; border-top:6px solid #01A8DC}
#nav a:hover { text-decoration:none;  color:#ffffff; border-top:6px solid #000; } 
#nav a.active { text-decoration:none;  color:#ffffff; border-top:6px solid #000; } 

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #ffffff left top; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:25px; color:#00A8DB; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#333333; font-size:22px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#1D2633; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#00A8DB; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#333333; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#00A8DB; font-size:11px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li { color:#333333; line-height:20px; font-size:12px; list-style:disc; }
ol {}
ol li { color:#333333; line-height:20px; font-size:12px list-style:decimal;}



address { color:#333333; line-height:20px; font-size:12px; }

a { color:#43A5EB; text-decoration:none; }
a:hover { color:#43A5EB; text-decoration:underline; }

p { color:#333333; line-height:20px; font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }