/* CSS Document */

html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:#FFFFFF url(../images/bg.gif) repeat-x left top; letter-spacing:0;}
body.bg {background:#FFFFFF url(../images/bg_in.gif) repeat-x left top; }
img {border:0}
p {margin:7px 0px 0px 0px; padding:0; color:#000000; line-height:18px; letter-spacing:0.01em;}
a {outline:none; text-decoration:none; color:#333333;}
a:hover {outline:none; color:#034A7E;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.container { width:980px; margin:0 auto; border:0px solid red;}
.header {width:980px; padding:0px 0px;}
.logo { width:400px; display:block; height:76px; float:left;}
.nav { padding:15px 0px 0px 0px; float:right; }
.nav a { color:#FFFFFF; line-height:32px; display:block; float:left; margin:0px 3px; }
.nav a span { display:block; height:32px; padding:0px 10px 0px 10px; float:left; }
.nav a:hover { color:#FFFFFF; display:block; height:32px; background:url(../images/nav_left.gif) no-repeat left top;}
.nav a:hover span{ display:block; background:url(../images/nav_right.gif) no-repeat right top; height:32px; cursor:pointer; }
.nav a.sel { color:#FFFFFF; display:block; height:32px; background:url(../images/nav_left.gif) no-repeat left top;}
.nav a.sel span{ display:block; background:url(../images/nav_right.gif) no-repeat right top; height:32px; cursor:pointer; }
.banner_left { width:361px; float:left; }
.banner_right { width:619px; float:right; }
.lang{ padding:4px 10px 0px 0px; float:right;  }
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:15px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
a.link { color:#0F73BD; font-weight:bold; }
a.link:hover { color:#0F73BD; font-weight:bold; text-decoration:underline; }

/* menu */
#nav {padding:0; margin:0; list-style:none;  position:relative; z-index:500; float:left; color:#FFFFFF; }
#nav li.top {display:block; height:24px; float:left; padding:0px 0px 0px 0px; background:#FFFFFF; }
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:-94px; top:22px; white-space:nowrap; height:auto; z-index:1000; width:238px;  padding:0px 0px 4px 0px; letter-spacing:0.03em; }
#nav li:hover ul.sub li {display:block; position:relative; float:left;  font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:5px 5px !important; line-height:23px; background:#333333 url(../images/trans_bg.png); border-bottom:1px solid #cacaca; text-align:left; }
#nav li:hover ul.sub li a {display:block; font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal; line-height:14px; padding:0px 0px;}
#nav li:hover ul.sub li a img{ border:1px solid #FFFFFF; }
#nav ul, 
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0px; list-style:none; z-index:1000; }
#nav li:hover ul.sub li a:hover {background:#FFFFFF url(../images/nav_right1.gif) repeat-x left top !important; color:#000000; }
/* Menu End */

h1 { margin:0px; padding:0px 0px 10px 0px; color:#333333; font-weight:normal; font-size:22px; line-height:24px; letter-spacing:0; }
h1 span{ color:#0F73BD; }
h2 { margin:0px; padding:0px 0px 0px 0px; color:#0F73BD; font-weight:normal; font-size:18px; line-height:24px; letter-spacing:0;}
h2 span{ color:#2FA302; }
h3 { margin:0px; padding:7px 0px 0px 0px; color:#2FA302; font-size:13px; font-weight:bold; letter-spacing:0;}
h3 span{ font-weight:normal; }
h4 { margin:0px; padding:7px 0px 0px 0px; color:#333333; font-size:13px; font-weight:bold; letter-spacing:0;}
.sub_banner { display:block; background:url(../images/brass-inserts.gif) no-repeat left top; padding:0px 10px 0px 10px; height:156px;  }
.sub_banner_in { float:left; height:134px; padding:10px 0px; background:#E5ECEC;  border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF; }
.sub_txt { width:237px; float:left; background:url(../images/moulding-inserts.gif) no-repeat right top; text-align:center; }
.sub_txt p{ margin:0px; color:#000000; }
.sub_txt p a{ text-decoration:underline;}
.sub_txt p a:hover { text-decoration:none;}
.sub_txt h2 { padding:0px; color:#333333; }
.sub_txt h2 span{ color:#034A7E; }

.middle_container { width:940px; padding:25px 20px; }
.left_pannel { width:230px; float:left; }
.content { width:690px; float:right; }

/* Left Pannel */
.gray_back { background:#F4F4F4; border:1px solid #D0CECE; }
.gray_back1 { background:#F4F4F4; border:1px solid #D0CECE; padding:5px 5px 5px 10px; margin:3px 0px 10px 0px; }
.leftlink { padding:15px 10px 10px 10px; }
.leftlink a { display:block; background:url(../images/brass-anchors.gif) no-repeat left center; padding:0px 0px 0px 20px; line-height:24px; font-weight:normal; }
.leftlink a:hover { display:block; background:url(../images/brass-anchors_o.gif) no-repeat left center; }
.leftlink a.sel { display:block; background:url(../images/brass-anchors_o.gif) no-repeat left center; font-weight:bold; }
.leftlink h3{ color:#333333; }
ul.subleftlink { margin:0px 0px 0px 0px; padding:4px; background:#FFFFFF; }
ul.subleftlink li { margin:0px; padding:0px; list-style-type:none; background:none; }
ul.subleftlink li a{ background:none; border-bottom:0px solid #E4E2E2; padding:2px 0px 2px 5px; margin:1px 0px; line-height:14px; font-size:11px; text-decoration:none; }
ul.subleftlink li a:hover{ background:none; font-size:11px; text-decoration:none; font-weight:normal; }
.downloads { background:url(../images/sanitary-ware-parts.gif) no-repeat left top; width:216px; height:94px; margin:0 auto; }
.downloads a{ color:#FFFFFF; font-size:18px; line-height:46px; padding:0px 0px 0px 40px;  }
.downloads a:hover{ color:#FFFFFF; text-decoration:underline; }
.newleft {float:right; margin:-279px -4px 0px 0px; position:relative; z-index:999; }

/* News */	
#marquee_replacement{ height:255px; width: 226px; overflow:auto; padding:10px 0px 10px 0px; margin:0px 0px; }
#marquee_replacement p.spacer{ height:80px; }
/* News End */	

/*Middle*/
.new { float:right; margin:-4px -4px 0px 0px; }
.newpro { margin:-49px 0px 10px 0px; padding:0px 0px 0px 10px; width:330px; float:left; border-right:1px solid #B2AAAA; }
.newpro h3{ color:#333333; }
.newpro a { width:161px; display:block; float:left; font-size:12px; letter-spacing:0; border:0px solid #F4F4F4; line-height:18px; }
.newpro a:hover { text-decoration:underline; }
.img-right { float:right; padding:3px; margin:0px 0px 0px 10px; }
.img-left { float:left; margin:0px 10px 0px 0px; }
ul { margin:10px 0px 10px 10px; padding:0px; }
ul li{ margin:0px; list-style-type:none; background:url(../images/bullet-right.gif) no-repeat left 7px; padding:2px 0px 2px 20px; line-height:18px; }
ul li a{ text-decoration:underline; font-weight:bold; letter-spacing:0.03em; }
ul li a:hover{ text-decoration:none; font-weight:bold; }
ul li.active a { background:#0F73BD; color:#FFFFFF; padding:2px; text-decoration:none; }
ul li.active a:hover { color:#FFFFFF; } 
ul.list { margin:7px 0px 10px 10px; padding:0px; }
ul.list li{ margin:0px;  list-style-type:none; background:url(../images/small-bullet.gif) no-repeat left 9px; padding:2px 0px 2px 15px; line-height:18px; }
ul.listitem { margin:7px 0px 10px 10px; padding:0px; }
ul.listitem li{ margin:0px;  list-style-type:none; background:url(../images/small-bullet.gif) no-repeat left 6px; padding:0px 0px 0px 15px; line-height:18px; }
.pagetop { text-align:right; font-weight:bold; font-style:italic; }

table { background:#cccccc; }
table th { background:#e0e0e0; font-weight:bold; }
table td { background:#f7f7f7; }

.frm {background:#FFFFFF; padding:10px; border:1px dashed #AFB490; }
.frm p { margin:0px; padding:2px; }
.frm span { width:200px; padding:2px 4px 0px 4px; display:block; float:left;}
.cstext { border:1px solid #CBCBCB; background:#FFFFFF; }
.csselect { border:1px solid #CBCBCB; background:#FFFFFF; width:283px; }
.mandetory { color:#FF0000; font-weight:bold; font-size:18px }
.bd { border-bottom:1px dashed #AFB490; }
.frm1 {background:#FFFFFF; padding:10px; border:1px dashed #AFB490; }
.frm1 p { margin:0px 0px 10px 0px; padding:2px; }
.frm1 p span { margin:0px 7px 0px 0px; padding:0px 7px 0px 5px; background:#0F73BD; font-weight:bold; color:#FFFFFF; display:block; float:left; letter-spacing:0.03em; font-size:13px;}
.pro-list { background:#FFFFFF; padding:7px; border:1px dashed #AFB490; }
.pro-list ul { margin:0px; padding:0px; }
.pro-list ul li { margin:0px; padding:0px; list-style-type:none; background:none; float:left; } 
.pro-list ul li a{ width:310px; height:130px; display:block; padding:3px; margin:10px 10px 0px 10px; background:#F3F3F3; text-decoration:none; text-align:center; }
.pro-list ul li a:hover { background:#E7E5E5; }

.pro-title{font-size:12pt; color:#0066CC; font-weight:bold;}

/* footer */
.footer { background:#4CA7E9; }
.foot_in { width:980px; padding:10px 0px 30px 0px; margin:0 auto; }
.foot_in p{ color:#FFFFFF; }
.foot_right { float:right; }

.base1 { width:300px; float:left; }
.base2 { width:300px; float:right; }
.smallbox { width:195px; float:left; }