/* CSS Document */

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

body {height: 100%;}

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

*html #wrapper {height: 100%;}


#container { padding:0px 16px 99px 20px; margin-top:0px; margin-left:auto; margin-right:auto; width:909px; }
*html #container {padding:0px 9px 99px 12px;}
*+html #container {padding:0px 17px 99px 20px;}

#header { width:908px;; height:140px; margin:0px; padding:0px; background:url(/images/header.jpg) repeat-x #ffffff  top right; }

#sunnyheader { position:relative; z-index:100; background:url(/images/sunyheader.jpg) repeat-x; width:874px; height:86px; padding:10px 0px 0px 34px; }

#displaynumber {width:97px; float:left; background:#ffffff; height:17px; font-size:12px; padding:1px; color:#ffffff; border:2px solid #d3d9e1; display:block;}
#displaynumber p {color:#000000; padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; }

#quicksearch {position:absolute; left:240px; bottom:10px; display:block; height:40px; }
*html #quicksearch {bottom:11px; }
*+html #quicksearch {bottom:11px; }
#quicksearch form {margin:0px; padding:0px; }
#quicksearch button {background:none; border:0px; position:absolute; left:-220px; top:10px; cursor:pointer;}
*+html #quicksearch button {background:none; border:0px; position:absolute; left:-239px; top:10px; cursor:pointer;}
*html #quicksearch button {background:none; border:0px; position:absolute; left:-239px; top:10px; cursor:pointer;}
p.formelement {float:left; display:block; width:324px; margin:0px 0px 3px 0px;}
.formelement select{ color:#000000; width:264px; font-size:11px; }
.formelement label{color:#ffffff; font-weight:bold; font-size:12px; margin:0px 3px 0px 13px; }

#product_code {width:670px; position:relative; z-index:100; float:right; height:34px; margin:-5px 0px 0px 0px; background:url(/images/productcodeback.jpg) no-repeat left top; }
#product_code form {padding:0px; margin:0px; line-height:0px;}
#product_code input {width:233px; margin:4px 13px 0px 87px; display:block; float:left; position:relative; font-size:10px; }

*html #product_code input { margin:4px 13px 0px 43px; }
#product_code button {background:none; border:0px;  display:block; float:left; margin:0px 0px 0px 0px; padding:0px; cursor:pointer; }
*html #product_code button {margin:-2px 0px 2px 0px;}
*+html #product_code button {margin:-2px 0px 2px 0px;}


#centerpad {width:310px; margin:20px auto 20px auto; background:#213C79; border:#213C79 2px solid; padding:20px; background:url(../images/contcat_bac.jpg) repeat-x #53C2CE;}

#centerpad a {color:#ffffff; font-size:12px;}

#centerpad label {color:#ffffff; font-weight:bold;}
#centerpad h1 {color:#ffffff;}
body:last-child:not(:root:root) #product_code input {position:relative; width:233px; margin:-10px 13px 10px 87px; font-size:10px;}
body:last-child:not(:root:root) #product_code button {background:none; border:0px; margin:0px 0px -10px 0px; padding:0px; cursor:pointer; }


#main {  width:100%; margin:0px 0px 0px 0px; position:relative; z-index:1;}

#sidebar { width:232px;  min-height:100px; height:auto !important; height:100px; float:left;  margin:10px 0px 1px 0px; padding:0px 0px 20px 0px; min-height:100px; height:auto !important; height:100px;}

#sidebar input {width:170px;}
#sidebar button {display:block; margin:0px 0px 0px 160px;}
#sidebar select {width:220px}
#sidebar label {color:#253e87;}
#content {width:612px; padding:0px 0px 0px 20px; float:right; min-height:530px; height:auto !important; height:530px; background:url(/images/content_right.jpg) repeat-y left top; margin:10px 30px 10px 0px;}

*html #content { padding:0px 0px 0px 20px; float:right; min-height:530px; height:auto !important; height:530px; background:url(/images/content_right.jpg) repeat-y left top; margin:10px 15px 10px 0px;}
 
#footer_top {position:absolute; top:-21px; right:25px; z-index:10;}
#footer_top p {color:#686B6F !important; font-size:11px !important; }

#footer { width:908px; background:url(/images/footer.jpg) no-repeat; text-align:center; height:85px; margin:-10px auto 0px auto; padding:16px 0px 0px 0px; position:relative; }
#footer p { font-size:15px; color:#FFFFFF; padding:0px 0px 0px 0px; margin:10px auto 10px auto;}
*+html #footer {padding:27px 0px 0px 0px;}
*html #footer {padding:27px 0px 0px 0px;}

#footer a {color:#ffffff; width:241px;}

.redb {color:#56c5d0; font-weight:bold;}
.red {color:#56c5d0;}

.news {padding:10px 0px 10px 30px; background:url(/images/bottom_border.jpg) repeat-x bottom;}
.news h1 { color:#98dce2; font-size:14px; font-weight:normal; margin:2px 0px 2px 0px; padding:0px 0px 0px 0px; }
.news h2 { color:#253e87; font-size:16px; font-weight:bold; margin:2px 0px 2px 0px; padding:0px 0px 0px 0px; font-size:12px; font-weight:normal; margin:4px 0px 4px 0px;}
.news p {margin:0px 0px 8px 0px; }
.news .link a {font-size:12px; color:#253e87; font-weight:bold; text-transform:uppercase;}
.news .link a span {color:#f7931e;}
.news .link a:hover {font-size:12px; color:#253e87;}
.news-date { color:#f7931e; font-size:14px; font-weight:normal; margin:2px 0px 2px 0px; padding:0px 0px 0px 0px; }
.clear { clear:both; }

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

#nav{ height: 22px; padding:106px 20px 0px 0px; font-size: 0.8em; line-height: normal;  float:right;}
#nav ul, #nav_aux_b ul {padding: 10px 0 0 10px; list-style: none; margin: 0;}
#nav li, #nav_aux_b li {float: left; display: inline; margin: 0; padding: 0;}

#nav a, #nav a span { background: url("../images/nav.gif") no-repeat; }
#nav a:hover, #nav a:hover span { background: url("../images/nav_hover.gif") no-repeat; }
#nav a{ background-position : left top; float: left; padding-left: 9px;  margin:0px 2px 0px 2px;}
#nav a span{ background-position : right top; float: none; display: block; padding: 8px 8px 5px 0px; font-size:10px; font-weight:bold; color:#000000; }

#nav a:hover{ background-position : left top; float: left; padding-left: 9px; text-decoration:none; }
#nav a:hover span{ background-position : right top; float: none; display: block; padding: 8px 8px 5px 0px; color:#ffffff; text-decoration:none;}

#nav a.active { background-position : left top; float: left; padding-left: 9px; text-decoration:none; }
#nav a.active span { background-position : right top; float: none; display: block; padding: 8px 15px 5px 6px; color:#ffffff; text-decoration:none;}

#nav #current a span, #nav_aux_b #current a span {padding-bottom: 3px;}

#nav_aux_d ul, #img_nav c, #nav_aux_c a img {margin : 0; padding : 0;}

#nav {margin: 0 0 0 -10px;}
#nav ul {float: right;}


*+html #search-results div.result a { position:relative; z-index:20; display:block; clear:both;   font-size:11px; width:227px; display:block; padding:10px 5px 10px 5px; margin:-4px 0px 0px 0px; text-decoration:none; background-color:#FFFFFF !important; font-size:12px; color:#000000; }
*+html #search-results div.result a:hover { position:relative; z-index:20; background-color:#C42026 !important; color:#FFFFFF; }

*html #search-results div.result a { position:relative; z-index:20; display:block; clear:both;   font-size:11px; width:227px;  display:block; padding:10px 5px 10px 5px; margin:-4px 0px 0px 0px; text-decoration:none; background-color:#FFFFFF !important; font-size:12px; color:#000000; }
*html #search-results div.result a:hover { position:relative; z-index:20; background-color:#C42026 !important; color:#FFFFFF; }

*+html #search-results div.search {top:-30px; left:0px;}
*html #search-results div.search {min-height:100px; height:auto !important; height:100px; top:-149px; left:-1px;  border-bottom:0px solid #616F7B;  border-top:1px solid #616F7B;}
*html #search-results { position:relative; z-index:900; width:229px; }


*html #search-results { position:relative; z-index:900; }

*html#search-results { position:relative; z-index:900; }
 #search-results { position:relative; z-index:900; width:325px;}
#search-results div.search { position:absolute; top:0px; left:0px; background:#ffffff; z-index:900; margin-left:87px; margin-top:22px; border-bottom:1px solid #616F7B; border-right:1px solid #616F7B; border-left:1px solid #616F7B;   }
#search-results div.result a { position:relative; z-index:20; display:block; clear:both;   font-size:11px; width:225px; display:block; padding:10px 5px 10px 5px; margin:0px 0px 0px 0px; text-decoration:none; background-color:#FFFFFF !important; font-size:12px; color:#000000; }
#search-results div.result a:hover { position:relative;z-index:900; background-color:#233D87 !important; width:225px;  color:#FFFFFF; }

#counttag{ width:130px; position: fixed; text-align:left; font-size:14px; padding:5px 5px 5px 5px; font-weight:bold; margin-left:500px; background-color:#253D87; color:#FFFFFF;}
*html #counttag{ width:130px; position: fixed; text-align:left; font-size:14px; padding:5px 5px 5px 5px; font-weight:bold; margin:15px -20px 0px 0px; float:right; }

#counttag p{font-size:12px; text-align:left; color:#ffffff; }
#counttag input{ margin-left:0px; }
* html p#counttag{ margin-left:0px; }

a img { border: 0px solid #FFFFFF; }

.bigbox { height: 150px; }
table { margin:0px 0px 0px 0px; }
tr { margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; font-size:14px; }
td { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.enquire { width:110px;  background:#dddddd; border:1px solid #aaaaaa;  margin:15px 10px 10px 15px; padding:3px 0px 3px 2px;  } 
.enquire h2 a { padding: 0px 0px 0px 15px; margin:3px 0px 3px 5px; background:url(/images/bullet1.gif) left center no-repeat; color:#333333; font-size:14px; }
.enquire h2 a:hover { background:url(/images/bullet2.gif) left center no-repeat; color:#333333; text-decoration:none; }

.dotted_line {background:url(../images/dot_horiz.jpg) repeat-x top; height:3px; width:219px; margin:0px 0px 0px 8px;}

/*-------------------------------------- Content Area ------------------------------------------------*/

.content_left{float:left; width:59%; margin:0px 3px 0px 0px; padding: 0;}
.content_left p{ font-size:12px;}
.right{ border:none; margin: 0px 10px 0px 10px; padding: 0; float: right;}
.content_right{ float:right; width:39%; margin:0; padding: 0;}
.block{ height:100px; width:200px; background-color:#00CC00; padding: 0; margin: 110px 10px 110px 10px;}
#contentarea_Container{ margin:10px 10px 10px 20px;}

/*-------------------------------------- layout 1 ------------------------------------------------*/

.block_color_brown{ width:201px; height:4px; background:#444444; border-bottom: 1px solid #FFFFFF; border-top:12px solid #FFFFFF; }
.block_color_red{ width:201px; height:22px; background:#9c0b0b;  border-bottom: 1px solid #FFFFFF;}
.block_color_red p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; margin:0px 2px 0px 5px; padding:2px 0px 0px 0px;}
.block_color_red2{ width:201px; height:30px; background:#9c0b0b;  border-bottom: 1px solid #FFFFFF;}
.block_color_red2 p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF; margin:0px 2px 0px 5px; padding:2px 0px 0px 0px;}
.block_color_brown_midsize{ width:201px; height:70px; background:#575757;  border-bottom: 12px solid #FFFFFF; background:url(/images/Img_tel.gif) no-repeat bottom #444444;}
.block_color_brown_midsize p{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#FFFFFF; padding:10px 0px 0px 0px; margin:0px 2px 0px 5px; }
.block_color_brown_large{ width:201px; height:200px; background:#444444; border-bottom: 10px solid #FFFFFF; padding:15px 0px 15px 0px; border-bottom: 50px solid #FFFFFF; }
.block_color_borderbrown_large{ width:170px; height:180px;  border: 2px solid #919191; margin:0px 0px 0px 13px; background:url(/images/below_form.gif) no-repeat bottom #676767;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; }
.red_button{ background-color:#9c0b0b; color:#FFFFFF; width:50px;  border:0px;  font-size:14px;  margin:0px 0px 0px 13px;}

/*-------------------------------------- Product Page ------------------------------------------------*/


#valves_main {position:relative; width:850px;}
#login {margin:0px 0px 0px 10px;}

.news-archive {border-bottom:1px solid #cccccc; }
.news-archive .news-date {font-style:italic; font-size:11px;}
.news-title a {font-size:16px; font-weight:bold; }
.news-body a {font-size:12px; color:#000000 !important;}
/*-------------------------------------- Product Page ------------------------------------------------*/

#pdf_link { position:absolute; top:100px; right:40px; }
#product_content table { margin:0px 0px 0px 10px; font-size:10px; border:2px solid #253E87;}
#product_content tr { margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; font-size:14px; }
#product_content td { margin:0px 0px 0px 0px; padding:4px; }
#product_content table p { margin:0px 0px 0px 0px; font-size:12px; }
.td1 { background:#eeeeee; }
#product_content { float:left; width:500px; margin:5px; padding:0px; }

#product_content p {font-size: 16px;

margin-top: 10px;

margin-right: 15px;

margin-bottom: 10px;

margin-left: 15px;}
#product_content { float:left; width:500px; margin:5px; padding:0px; }
#product_images { float:right; width:180px;  margin:20px 10px 0px 0px; padding:0px;}
*html #product_images{ margin-top:150px; margin-right:0px; width:200px;}
#product_images img {  text-align:center; margin:0px 0px 0px 0px; padding:0px;}
#spa {position:absolute; top:0px; right:-57px; width:240px;}
*html .imgi {margin:-10px 0px 0px 0px;}

*+html .imgi {margin:-10px 0px 0px 0px;}


#attr_icons{ margin:10px 0px 15px 12px; padding:5px 0px 0px 0px; border-top:2px solid #253e87;}
#attr_icons img { margin:8px 2px 0px 2px; }

div.checkbox{ float:left; width:200px; font-size:12px;}
div#material_checkboxes{ width:600px; padding-left:5px; }
div#media_checkboxes{ width:500px;  padding-left:5px; }
#results tr.list_row_1{	background-color:#AFF3FF; padding:0px 0px 0px 0px;}
#results tr.list_row_2{	background-color:#FFFFFF; padding:0px 0px 0px 0px;}
#results td{ padding:0px 0px 0px 0px; }
#results td.pad{ padding:0px 10px 0px 10px; }
#results tr{ margin-bottom:-2px; }
#results img{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#results a img{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
img.no_border{ border:0px solid #FFFFFF; }
img.small_pdf{ height:30px; width:30px; }
a.search_name{ color:#000000; font-size:14px; font-weight:bold; }

div.paging { margin:0px; font-size:12px;}



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

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

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

h1 { width:640px; position:relative; z-index:1; font-size:29px; color:#253e87; font-weight:bold; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; }
h2 { color:#253e87; font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#000000; font-size:24px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }


h4 {color:#253e87; font-size: 14px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

ul {  }
ul li { list-style:disc;  font-size:12px; color:#000000;}
ol {}
ol li {list-style:decimal; font-size:12px; color:#000000;}

address {margin:5px; font-style:italic; }


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

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#000000;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/