/* CSS Copyright of Design Post */

/****************   Basic HTML Elements   ****************/
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	min-height:100%;
		margin-bottom:1px;}	
body     {  
text-align: center;margin: 0; padding:0; color: #686868; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;  background-color: #f7f7f7;   }
a{ text-decoration: none ;color: #686868;}
a:hover{ text-decoration:underline ;color: #686868;}
h1 { font-size: 2em; margin: 0; padding: 0 }
h2  { color: #e1a028; font-size: 1.8em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0 }
h3   { color: #e1a028; font-size: 1.2em; /*display: block;*/ margin: 0; padding: 7px 0 7px 10px; clear: both }
h4 { font-size: 1.1em; margin: 0; padding: 0 }
#container      { background-image: url("Images/Content_White_Background.gif"); background-repeat: repeat-y; text-align: left; margin: 0 auto; padding: 0;  width: 780px }
.bold_blue { color: #006dd3; font-weight: bold }
.blue  { color: #006dd3; font-style: italic }

/****************  HEADER SECTION   ****************/
#header_front      { background-image: url("Images/IHS_Logo_Banner_Front.jpg"); width: 780px; height: 174px; clear: both }
#header_subpages {position: relative; margin:0; padding:0; background-image: url("Images/IHS_Logo_Banner.jpg");width:780px;  height: 135px;float: left; }
#company_details      { color: white; font-size: 1.2em; text-align: left; padding-top: 20px; padding-left: 5px; float: left }
#logo {display:block;background-image: url("Images/IHS_logo.png");background-repeat:no-repeat ;width:196px;height:89px;margin-top:8px; margin-left: 17px; float:left;  }

#header_front #shortcut {padding-right:20px; padding-top:59px; text-align:right; clear:both; }
#shortcut {padding-right:20px; padding-top:20px; text-align:right; clear:both; }
#shortcut a { 
background-image: url("Images/Shortcut_separator.gif"); 
background-repeat: no-repeat; 
background-position: right 3px; 
padding: 0 9px 0 8px;
color: #ffffff;
text-decoration: none;}
#shortcut a:hover  { text-decoration: underline;}
#shortcut ul {list-style-type:none; margin:0px; padding:0px;}
#shortcut li{display:inline; }
#shortcut a.lastsub_item { background-image: none; }

/****************   MAIN NAVIGATION   ****************/
#main_nav{background-image: url("Images/Nav_Main_Background.gif"); background-repeat: no-repeat; width: 100%; height: 32px; margin:0px; padding:0;float:left;}
#main_nav a:hover  { color: #686868; text-decoration: none }
#main_nav a { color: #006dd3; margin:0; float:left; padding: 0px 11px 0px 11px; background: url("Images/Main_Nav_Separator.gif") no-repeat 0 4px;}
#main_nav ul  {margin:0; padding:10px 0 0 7px;}
#main_nav ul li { display:inline;list-style: none;color: #006dd3; font-size: 1em; font-weight: bold; text-transform: uppercase;  }
#main_nav  a.first-item { background-image: none; padding: 0px 11px 0px 11px;}

/****************  CONTENT AREA   ****************/

#content_front   { margin:0 0 0 17px; padding: 0;}
#content_front .main_portal  a {text-decoration: none;color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background:url("Images/Arrow_sub.gif") no-repeat 0 center;padding-left: 10px;}
#content_front .main_portal  a:hover{color: #e1a028; background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-position: 0 center }
#content_front .main_portal     { margin:0 0 0 0px; padding: 0; float: left; }
#content_front .main_portal #portal-1,#content_front .main_portal #portal-2,#content_front .main_portal #portal-3,#content_front .main_portal #portal-4    { background-color: #006dd3; margin-top: 10px; padding: 0; width: 179px; height: 153px; float: left }
#content_front .main_portal #portal-1   { background-image: url("Images/portal_one.jpg"); background-repeat: no-repeat; background-position: right bottom; margin-left: 0px }
#content_front .main_portal #portal-2 { background-image: url("Images/portal_two.jpg"); background-repeat: no-repeat; background-position: right bottom; margin-left: 10px }
#content_front .main_portal #portal-3 { background-image: url("Images/portal_three.jpg"); background-repeat: no-repeat; background-position: right bottom; margin-left: 10px }
#content_front .main_portal #portal-4 { background-image: url("Images/portal_four.jpg"); background-repeat: no-repeat; background-position: right bottom; margin-left: 10px }
#flashbox, #flashbox2, #flashbox3, #flashbox4 {width:179px;
height:130px; margin-top:-2px; padding:0}
/****************   FOLLOWING CONTENT AREA   ****************/
#sub_portal   { 
width:763px;
float:left;
clear:left;
padding:10px 0px 0px 0px;
position:relative;
 }

#sub_portal li a {padding-left:10px; display: block;float: left; color: #fff; text-decoration: none; background: #bbb url("Images/Arrow_sub.gif") no-repeat 0 center;}
#sub_portal li a:hover{color: #e1a028; background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; }
#sub_portal  ul   { list-style-type: none; margin:0; padding:0;}
#sub_portal li   { float: left;display:block;color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif;
margin-bottom: 10px; width:242px; height: 30px;background-color:#bbb; margin-bottom: 10px;}
#sub_portal li.sub_portal_first {margin-right:10px;
}
#sub_portal li.sub_portal_second {margin-left:10px;
}

#truck_icon  { z-index: 100; background-image: url("Images/Repairs_Truck.gif"); background-repeat: no-repeat; background-position: right bottom;top:37px;left:663px; position: absolute; width: 65px; height: 50px; }

/****************  THE FOOTER  ****************/


#footer{ float:left; padding: 0 0 12px 0; width:780px; background:#f7f7f7 url(Images/footer-background.gif) no-repeat top;}

#footer p    { color: #959595; font-size: 0.9em; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 8px }
#footer a  { color: #959595;  text-decoration: none }
#footer a:hover  { text-decoration: underline }

#footer .footer-left {float:left; width:70%;}
#footer .footer-right { float:right; text-align: right; width:30%;}
/****************           ****************/
/****************           ****************/
/****************  SUB CONENT         ****************/

/****************  LEFT CONTENT         ****************/
#content_sub { margin: 0; padding: 0 0 0 17px; }

/****************   NAVIGATION        ****************/

#content_left_sub     { background-image: url("Images/L_sub_nav_background.jpg"); background-repeat: no-repeat; background-position: 0 top; margin: 10px 0px 10px 0px; padding:0; width: 155px; float: left;}
#content_left_sub h3    { color: #fff; font-size: 1em; margin: 0 0 4px 0; padding: 7px 0 7px 10px;  }
#content_left_sub ul       {   margin:0 0 10px 0; padding: 0; }
#content_left_sub li         { width: 155px; list-style-type: none; font-size: 0.93em; line-height: 1.5; margin: 0; padding: 0 }
#content_left_sub li a      { color: #686868; font-style: normal; font-variant: normal; text-decoration: none;
 background-image: url("Images/Arrow_sub.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px center; 
 display: block; margin: 0; padding: 3px 0 3px 10px;}

#content_left_sub  a.active { color: #e1a028; background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px center; margin: 0; padding: 3px 0 3px 10px }

#content_left_sub li a:active,#content_left_sub li a:hover     { color: #e1a028; background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px center; margin: 0; padding: 3px 0 3px 10px }

#content_left_sub li.indent  { width: 130px; line-height: 1em; margin-left: 25px; padding: 0 }
#content_left_sub li.indent_last   { width: 130px;line-height: 1em;margin-left: 25px; padding: 0 0 0.5em }
#content_left_sub li.indent_first    { width: 130px;line-height: 1em;margin-left: 25px; padding: 0 0 0 }
#leftFlash{margin:0 0 10px 0 ;width:155px; height:139px; float:left;}
#rightFlash { margin: 0 0 0; padding: 0; width: 155px; height: 139px; float: left }
#rightFlashBtm { margin: 5px 0 0; padding: 0; width: 155px; height: 139px; float: left }
/****************    MID CONTENT       ****************/
#content_mid_sub   {margin: 10px; padding: 0; width: 416px; float: left;}
#content_mid_sub p {padding: 0; margin: .8em 0 0 0;}
#main_image_box  { margin-bottom: 15px; padding: 0; height: 265px; }
#content_mid_sub .related_links  { color: #006dd3; font-style: italic; font-weight: bold; background-image: url("Images/dotted_line.gif"); background-repeat: repeat-x; background-position: 0 top; display: block; margin-top: 20px; padding-top: 10px;  width:100%; float: left; }


/****************    MID CONTENT STYLE      ****************/
#content_mid_sub img{float:left;background-color:#bbb;}
/*#content_mid_sub a{width: 120px;display:block; float:left; padding: 5px 15px 5px 0;}*/
#content_mid_sub a.download  { color: #006dd3; font-style: italic; margin-top: 5px; width: 100% }
#content_mid_sub a:hover{color: #e1a028;}
#content_mid_sub ul   { margin: 0; padding: 5px 0 }
#content_mid_sub li    { font-size: 0.9em; list-style-image: url("Images/LI.PNG"); margin-left: 10%; padding: 0 }
#content_mid_sub li li    { font-size: 100%; list-style-image: url("Images/LI.PNG"); margin: 0 0 0 13px; padding: 0 }
#content_mid_sub #grout   { font-size: 1em; background-color: #f7f7f7; margin: 5px 0 0; padding: 0; width: 100px }
#content_mid_sub #grout td    { margin: 5px 0 0; padding: 0; width: 200px; border-right: 1px solid #fff }
#content_mid_sub #grout tr    { }


/****************   RIGHT CONTENT        ****************/

#content_right_sub  {float:left;width:155px; margin:10px 0;padding: 0; }
#right_top_grad_box   { background-color: #f2f2f2; background-image: url("Images/R_sub_background.jpg"); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 10px; padding: 0 7px; width: 141px; height: 265px } 

#content_right_sub a { color: #686868; text-decoration: none; margin: 10px 0; padding: 0 }
#content_right_sub a:hover   { text-decoration: underline }
#right_top_grad_box  .right_top_grad_top  { color: #bebebe; font-size: 140%; margin: 0; padding-top: 7px; height: 85% }
#right_top_grad_box  .right_top_grad_bottom { margin: 0; padding-bottom: 7px; height: 15%; }
#right_top_grad_box .specialist_advice { color: #686868; font-size: .9em; }
#right_top_grad_box .caption_title  { color: #006dd3; font-size: 70%; font-style: italic; display: block; margin: 0; padding: 7px 0 0 }

/**************** BOTTOM CONTENT   ****************/
#bottom_nav      {font-size: 1em; background-image: url("Images/dotted_line.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; margin: 0 ; padding: 7px 0 10px; width: 746px; float: left; clear: both }

#bottom_nav ul       { margin: 0px; padding: 0 0 10px 0; }
#bottom_nav li    {  
font-style: normal; font-weight: bold;  
margin: 0; 
padding: 0 15px 0 0; 
float: left;
display:inline;
list-style-type: none; }
#bottom_nav a.last_item  { }
#bottom_nav a.last_item_active  { color: #e1a028;
 background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-position: 0 center }

#bottom_nav li a    {
color: #bbb; 
font-style: normal; 
font-variant: normal; 
font-weight: bold; 
line-height: normal; 
text-decoration: none; 
background-image:  url("Images/Arrow_sub.gif");
background-repeat: no-repeat; background-attachment: scroll; background-position: 0 center; 
padding: 3px 0 3px 10px;  }

#bottom_nav li a:hover    { color: #e1a028;
 background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-position: 0 center }
#bottom_nav li a.active    { color: #e1a028;
 background-image: url("Images/Arrow_sub_over.gif"); background-repeat: no-repeat; background-position: 0 center }
/****************  Table  ****************/
#pic_text_box    { font-size: 1em; background-image: url("Images/form_bg.jpg"); background-repeat: repeat-x; margin-top: 10px; width: 100%; border: none }

#pic_text_box td  { background-repeat: no-repeat; padding: 7px }

#pic_text_box ul { background-repeat: no-repeat; margin: 0; padding: 5px 0 }
#pic_text_box li  { font-size: 0.9em; background-repeat: no-repeat; list-style-image: url("Images/LI.PNG"); margin-left: 10% }

/****************  FORM  ****************/

fieldset table{font-size:1em;}
fieldset table td  { background-image: url("Images/dotted_line.gif"); background-repeat: repeat-x; padding: 5px }
h1.formHeader{margin:0px 0 5px 0;font-size:1.3em; font-weight:bold; border-top: dotted 1px #bbb;width:416px;padding:8px 0 0 0 ;}
fieldset  { background-image: url("Images/form_bg.jpg"); background-repeat: repeat-x; margin: 0; padding: 0; width: 100%; }
 input:focus , textarea:focus   { background-color: #dee6ff }
textarea {
margin-left:10px;
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  background-color:#fff;
  width:360px;}
input {
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  background-color:#fff;}
.label {width:150px; text-align:left;}
.hear {padding:15px 0; width:150px; text-align:left;}
.contact { text-align:left;padding:15px 0; text-align:left;}
.enquiry{text-align:left;padding:15px 0;}
.buttons{margin: 5px 0 0 0;text-align:center;}
#submit , #clear{font-weight:bold;font-size:.9em; padding:5px;}
.response{ }
.details {font-size:1em; font-weight:bold;}
.required {font-weight:bold;  color:#ff0000;vertical-align:middle;}

/****************  MAP  ****************/
#map {background-image: url("Images/dotted_line.gif"); background-repeat: repeat-x; padding: 5px 0;margin:10px 0;}

a.pdf { display: block; padding: 10px 0 20px 45px; background: url(Images/pdf.gif) no-repeat; font: bold 10px verdana; color: #06b; }
a.pdf:hover { background-position: 0 -100px; }