/* Syntech Fibres (Pvt) Ltd. */
/* Sedifilt String Wound Filter Cartridges */
/* abidomar@syntechfibres.com*/

/* Layout is Fun */
body{margin:0;padding:0;text-align:center;background:#E4E4E4 url(bg_page.jpg) repeat-y 50% 50%}
body{font:12px/18px Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#4c4c4c}
#frame{width:772px;text-align:left;margin:0 auto;padding:0;background:#fff}
#frame{border:1px solid #f2f2f2;border-top:19px solid #565656}
#header{background:#327ee6 url(bg_header.jpg) repeat-y}
#content{float:right;width:549px;margin:0;padding:0 30px}
#subcontent{float:right;width:171px;margin:0 0 0 1em;padding:12px;background:#f2f2f2 url(box_bottom.gif) no-repeat bottom left} /* margin:0 0 10px 1em;padding:12px; */
div>#subcontent{width:186px}
#side{float:left;width:160px}
#footer{clear:both;font-size:9px;margin-left:191px;padding-top:30px}

#header img{border:0;margin:0;padding:0;background:none}

/* Navigation for the Masses */
#globalnav{padding:0 2em;height:29px;background:#565656}
#globalnav ul {margin:0;padding:0;list-style-type:none;white-space:nowrap;font:11px/18px Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#f2f2f2}
#globalnav ul li {display:inline;text-align:center}
#globalnav ul li a{float:left;display:block;padding:0.4em 1.2em 0.6em;text-decoration:none;color:#f2f2f2}
#globalnav ul li a:hover {background-color:#9D9D9D;color:#f2f2f2}

/* sidenav */
#sidenav{font:11px/16px Tahoma, sans-serif;margin-bottom:30px}
#sidenav ul{list-style-type:none;margin:0;padding:0}
#sidenav a{display:block;width:148px;padding-left:15px;border-bottom:1px solid #dfdfdf}
#sidenav a, #sidenav a:link, #sidenav a:visited{color:#4C5974;text-decoration:none;background:#fff url(arrow_up.gif) 0 .2em no-repeat}
#sidenav a:hover, #sidenav a.entries:hover{color:#66676a;background:#e6e6e6 url(arrow_right.gif) 0 .2em no-repeat}
#sidenav a.parent, #sidenav a:link.parent, #sidenav a:visited.parent{font-weight:normal;background:#fff url(arrow_down.gif) 0 .2em no-repeat;cursor:text}
#sidenav a.entries{color:#666;background:#f3f3f3 url(arr1_right.gif) 0 .2em no-repeat}

/* General Tag Soup */
.hide{display:none}
p{margin:.2em auto .6em}
ul{margin:.6em 0 1em;padding:0 2em}
h1{font:normal 1.8em Verdana,Arial,Helvetica,sans-serif;margin:.4em auto .4em}
h2{font:normal 1.8em Arial,Verdana,Helvetica,sans-serif;margin:.6em auto .2em}
h3{font:bold 1.4em Tahoma,Arial,Helvetica,sans-serif;margin:.6em auto .1em}
h4{font:normal 1.4em Arial,Verdana,Helvetica,sans-serif;margin:.6em auto .3em}
h5{font:bold 1.1em Tahoma,Arial,Helvetica,sans-serif;margin:.1em auto 0}
em{font-style:normal;background:#fffaaa}
dt{font-weight:bold}
dd{margin: 0 0 1em 0;padding:0}

/* Specific Tag Soup */
.breadcrumb{font:10px/14px Tahoma, sans-serif;color:#565656}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited{color:#006E8A;text-decoration:none}
.breadcrumb a:hover{color:#2D8CA5;text-decoration:underline}
.readmore {margin:-.2em 0 0;padding:0 0 .2em}
.readmore a:link{color:#2D8CA5}
.readmore a:visited{color:#006E8A}
a:link, a:active{color:#006E8A;text-decoration:underline}
a:visited {color:#536779;text-decoration:none}
a:hover {color:#2D8CA5;text-decoration:none}

#side p{font:11px Tahoma,sans-serif;color:#66676a;margin:.2em auto .6em 20px}
#side img{border:0;margin:.4em 0;background:none;float:none}

img{float:right;margin:.5em 0 1em 1em} /* images float:right by default */
img.left{float:none;margin:.5em 1em 1em 0}
img{clear:both;padding:4px;border:1px solid #ccc;background:#f8f8ff;}
a:hover img, img:hover{background:#eef;border-color:#dadaba}
img.none{float:none;border:0;margin:0;padding:0;background:none}

/* Sub Content Styling */
#subcontent ul{list-style-type:none;margin:0;padding:0;font:12px/18px Tahoma,sans-serif}
#subcontent ul a{display:block;width:171px;padding-left:15px;border-bottom:1px solid #dfdfdf}
#subcontent ul a, #subcontent a:link, #subcontent ul a:visited{color:#536779;text-decoration:none;background:url(arrow_up.gif) no-repeat 170px}
#subcontent ul a:hover, #subcontent ul a.entries:hover{color:#2D8CA5;background:#e6e6e6 url(arrow_right.gif) no-repeat 170px}
#subcontent p{font-size:11px;color:#545454}

/* Table Cloth */
table, tbody{margin:.5em;border-collapse:collapse;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
td, th{padding:.2em 1em}
th{border-bottom:2px solid #bbb}
.tr{background:#eee}  /* Zebra Striping */
tr:hover, .trhover{background:#FFE08E}
#chemical tr th img{border:none;margin:0;padding:0;background:none}
#chemical tr:hover{background:none}

/* Chemical Resistance Guide table column background colors*/
.one{background:#3cc}
.two{background:#cff}
.three{background:#fc0}
.four{background:#ff9}
.five{background:#f90}
.six{background:#cfc}
.seven{background:#0cf}

/* Search Highlight */
.hl0{background:#ff9}
.hl1{background:#f9f}
.hl2{background:#9ff}
.hl3{background:#f99}
.hl4{background:#99f}
#sehl{background:#ccc;padding:1em}

/* Absolute positioning for prominent download box */
#position{position:absolute;width:772px;margin:0 auto;top:65px}
div>#position{top:67px} /* This is the correct value for standards-complaint browsers http://centricle.com/ref/css/filters/tests/child */
#position #widget{float:right;width:210px}

/* Widget Box Styling */
#widget span.small {font:9px Arial,sans-serif;color:#eee}
#widget {font:12px "Arial Black",Arial,sans-serif;color:#FF6347}
#widget a:link, #download a:active{color:#FF6347;text-decoration:none}
#widget a:visited {color:#FF6347;text-decoration:none}
#widget a:hover {color:#FF4500;text-decoration:none}
#widget a:hover span.small{color:#fff;text-decoration:none}
#widget a:hover img{border:0;margin:0;padding:0;background:none}

#translate{position:absolute;width:732px;margin:0 auto;top:26px}
div>#translate{width:732px}
#translate #widget{float:right;width:170px}
#translate img, #translate a:hover img{margin:0 2px}

/* Index Page */
#index #content{float:left;width:752px;padding:0 0 0 20px}
#index #content #main{float:left;width:530px;padding:0 20px 0 0}
#index #current {float:right;width:202px;margin:0;padding:10px 0;background:#f2f2f2}
#index #current h4{margin:0;padding:.2em 10px 0}
#index #current p{font-size:11px;margin:0;padding:.3em 10px .6em;color:#545454}
#index #current .readmore {margin:-.4em 0 0;padding:0 10px .6em}
#index img.left{margin:0}

/* Contact Form */
#contactform{background:#eee;border:1px solid #e6e6e6;padding:10px}
#contactform p {padding:0 0 0 6px}
#contactform span{display:block;padding:2px 6px;margin:0;background:#f6f6f6;color:#006E8A;border:1px solid #e6e6e6;border-width:1px 0}
#contactform label{float:left;width:160px}
#contactform .submit label{float:none;width:auto;display:inline}
input, textarea {font: 11px/17px Verdana,Tahoma,Arial,sans-serif;border: solid 1px #ddd}
textarea {width:99%}
input:focus, textarea:focus {border: solid 1px #ccc}
#contactform span:hover, #contactform:hover{border-color:#dadaba}
input.button {cursor:pointer}