/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

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

* html #nonFooter
{
height: 100%;
}


body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #ffae00; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

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

#container{ position:relative; padding:0px 0px 31px 0px; margin-top:0px;  margin-right:auto; width:1000px;  }

#header { width:100%; position:relative; height:468px; margin:0px; padding:0px; background:url(../images/header_bac.jpg) bottom no-repeat #ffffff; }

#header_enquire {position:absolute; width:445px; right:0px; top:8px; }

#header_enquire h1 {color:#ffffff; font-wieght:bold; font-size:16px;}
#header_enquire form {margin:0px 0px 0px 100px; width:290px;}
.enquire {color:#ffffff; font-size:12px; margin:0px;}

#header_enquire form p {margin:4px 0px 3px 0px; }

#pageads {height:204px; width:371px; position:absolute; bottom:90px; right:0px;}
#pageads a {display:block; margin:0px 0px 6px 0px; }
#pageads a img { border:4px solid #ffffff;}

#header_enquire button {border:none; background:none; margin:10px 0px 0px 0px; float:right; }

#header_enquire input {width:135px;}

#header_enquire select {width:138px;}

#sidebar_right h1 {  width:359px; margin:0px 0px 0px 0px; padding:4px 0px 4px 10px; background:url(../images/h1_prods.gif) no-repeat left;}

#sidebar_right hr {border:#000000 1px solid; height:1px; background:none; margin:0px 10px 0px 10px; padding:0px; width:339px}


#header_enquire form button {margin:-2px 0px 0px 245px;}
button {cursor:pointer;}
#header_search { width:450px; position:absolute; bottom:15px; right:-40px;}
body:last-child:not(:root:root) #header_search { width:450px; position:absolute; bottom:0px; right:-40px;}
*html #header_search { width:450px; position:absolute; bottom:0px; right:-40px;}
*+html #header_search { width:450px; position:absolute; bottom:0px; right:-40px;}
#header_search select {width:180px;}
#header_search h1 {color:#ffffff; font-size:16px; margin:0px 0px 0px 0px; padding:0px;}
body:last-child:not(:root:root) #header_search h1 {margin:0px 0px -10px 0px; padding:0px;}
*html #header_search h1 {margin:0px 0px -20px 0px; padding:0px;}
*+html #header_search h1 { margin:0px 0px -20px 0px; padding:0px;}
#header_search button {border:0px; background:none; margin:0px 0px -13px 0px;}

#logo {  width:448px; height:118px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; }

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

#sidebar { width:210px;  height:100%; float:left;  margin:10px 0px 10px 12px; padding:10px 0px 10px 0px; background:#ffffff; }
#sidebar img { margin:1px auto 0px auto; padding:1px 0px 0px 0px;}
#sidebar_right { width:468px;   height:100%; float:left;  margin:10px 0px 0px 40px; padding:0px;}
}

#news { width:100%;}
.news {background:#ff8400; padding:10px; margin:0px 0px 5px 0px;}
.news a {font-size:14px; font-weight:bold; color:#000000;}
.news a:hover {color:#000000;}
.news .date {font-size:14px; color:#000000; font-style:italic; }
.news p {margin:3px 0px 3px 0px;}

#content_main  { width:981px;   margin:10px 0px 0px 55px; float:left; padding:0px; min-height:300px; height:auto !important;   height:300px;}

.product_summary{ width:100%; padding:0px; margin:10px 10px 10px 10px; width:339px; }
.product_summary img{float:left; margin:0px 10px 10px 0px; border:#ffffff 10px solid; padding:0px; }
.product_summary a {color:#000000; font-weight:bold; font-size:14px;  }
.product_summary a:hover {color:#000000;}

#content { width:367px; float:left; margin:0px 0px 50px 0px;}

#content p {margin:10px 0px 10px 0px; line-height:22px;} 

#box_yellow {background:#ffd400; padding:10px 10px 20px 10px; margin:0px 0px 10px 0px; }
#orange_box {background:#ff8400; padding:10px 10px 20px 10px; }
#box_yellow a {font-size:14px; color:#000000; text-decoration:underline; font-weight:bold; }
#orange_box a {font-size:14px; color:#000000; text-decoration:underline; font-weight:bold; }
#footer { width:100%; background:#f96015; height:31px; margin:-31px 0px 0px 0px; padding:0px; }

.clear { clear:both; }
/*--------------------------------------gallery------------------------------------------------------*/
# content_gallery  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;   height:300px;}
/*--------------------------------------news------------------------------------------------------*/
# content_news  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;    height:300px;}

/*------------------------------------ nav-----------------------------------------------------------*/
#nav { width:196px;  background:#ffffff; margin:0px auto 0px auto; padding:0px 0px 0px 0px; }

#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a { margin:0px 0px 3px 0px; height:20px; padding:5px 0px 1px 12px;  background:#f96015; color:#ffffff; display:block; font-weight:bold; font-size:14px;}
#nav a:hover { background:url(../images/arrow.jpg) no-repeat right #f96015; text-decoration:none;  color:#ffffff; } 

.bord_right {border-right:3px solid #ffffff;}

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/
h1{ font-size:19px; color:#000000; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2{ color:#bc3f02; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#ffda25; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

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

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

p { font-size:12px; margin:10px 0px 8px 0px; padding:0px 0px 0px 0px;  }
#footer p { font-size:12px; color:#FFFFFF; width:974px; text-align:right; padding:5px 0px 0px 0px; }
#footer a { color:#FFFFFF; position:relative;}