/* CSS Document FF7E00*/

html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:#FFFFFF url(../images/bg.gif) repeat-x left top; letter-spacing:0.05em;}
img {border:0}
p {margin:7px 0px 0px 0px; padding:0; color:#545454; line-height:19px; letter-spacing:0.03em;}
a {outline:none; text-decoration:none; color:#333333;}
a:hover {outline:none; color:#F3A425;}
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:940px; padding:0px 20px;}
.logo { width:341px; display:block; padding:39px 0px 0px 0px; height:62px; float:left;}
.toplink {padding:0px 0px 0px 0px; float:right; text-align:right; }
.toplink p{ margin:0px; padding:0px 0px 5px 0px; }
.toplink p a{ padding:0px 10px; }
.lang{ padding:5px 0px 0px 0px; float:right; }
.lang a{ padding:0px 0px 0px 1px; }
.rss_icon { float:right; padding:3px 0px 0px 10px; }

p.phone { padding:0px 0px 0px 0px; display:block; color:#224272; font-size:18px; font-style:italic; }

.nav1 { height:32px; display:block; float:left; width:750px;}
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:15px 0px 0px 0px; }
.spac5 { padding:5px 0px 0px 0px; }

/* menu */
#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; float:left; color:#FFFFFF; }
#nav li.top {display:block; float:left; height:16px; padding:0px 0px 0px 0px;}
#nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#333333; text-decoration:none; cursor:pointer; background: url(../images/brass-components-sp.gif) no-repeat right top; }
#nav li a#quote div{text-decoration: none; background: url(../images/nav_right.gif) no-repeat center top; font-weight:bold; overflow:hidden;}
#nav li a#livechat {padding:8px 0;}
#nav li a.top_link span {float:left; display:block; padding:0 17px 0 17px; height:30px; }
#nav li a.top_link span.fly { background:url(../images/arrow.gif) no-repeat 74px 12px; }  
#nav li:hover a.top_link {color:#FFFFFF;}
#nav li:hover a.top_link span { background:#585757 url(../images/brass-components-sp.gif) no-repeat right top; }
#nav li.top a.top_link:hover {color:#FFFFFF; background:#585757 url(../images/brass-components-sp.gif) no-repeat right top; }
/* Default list styling */
#nav li:hover {position:relative; z-index:1000; }
#nav li:hover ul.sub {left:0px; top:30px; white-space:nowrap; height:auto; z-index:1000; width:225px;  padding:0px 0px 4px 0px; letter-spacing:0.03em}

#nav li:hover ul.sub li {display:block; position:relative; float:left; width:225px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0px 0px !important; line-height:23px; background:#585757 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; width:225px; text-indent:10px; color:#FFFFFF; text-decoration:none; font-weight:normal;}
#nav li ul.sub li a.fly {background-position:14px 8px; background-repeat:no-repeat;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:208px; top:-4px; background: #fe9730; padding:0px; white-space:nowrap; width:180px; z-index:1000; height:auto;
background:url(../images/trans_bg.gif) bottom repeat-x; padding:4px 0px 4px 0px; border-left:1px solid #FFFFFF;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul 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 li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#9fa1a4; background-position:14px 8px; background-repeat:no-repeat; z-index:1000;} 

#nav li:hover ul.sub li a:hover {background:#224272 url(../images/nav_right1.gif) repeat-x left top !important; color:#fff; }
#nav li:hover ul.sub li a.fly:hover {background-position:5px 0px; background-repeat:no-repeat; color:#fff;}
#nav li:hover ul.sub li a.fly:hover ul{ z-index:1000;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background-position:5px 0px; background-repeat:no-repeat; color:#fff; z-index:1000;} 
/* Menu End */

.banner { text-align:center; height:171px; }

h1 { margin:0px; padding:0px 0px 10px 0px; color:#F3A425; font-weight:normal; font-size:24px; line-height:24px; letter-spacing:0; }
h1.title { border-bottom:1px solid #BEBFBF; line-height:40px; padding:0px; }
h1 span{ color:#546B91; }

h2 { margin:0px; padding:0px 0px 10px 0px; color:#333333; font-weight:normal; font-size:18px; line-height:24px; letter-spacing:0;}
h2 span{ color:#546B91; }
h2.right_title { border-bottom:1px solid #BEBFBF; color:#10213D; background:url(../images/brass-tank-connector-bullet.gif) no-repeat left center; padding:0px 0px 0px 20px; line-height:40px }

h3 { margin:0px; padding:10px 0px 0px 0px; color:#5D5D5D; font-size:13px; font-weight:bold; letter-spacing:0;}
h3 span { color:#546B91; }
h3 a{ font-weight:normal; color:#333333; font-size:12px;}


/* Middle */
.middle-container { padding:30px 20px 20px 20px; }
.middle { width:640px; float:left; border:0px solid red; }
.data-txt { background:#F2F2F2; border:1px dashed #333333; padding:10px 10px 10px 10px; }
.pro-txt { color:#333333; margin:15px 0px 0px 0px; padding:0px 0px 10px 0px; }
.pro-txt p{ padding:0px; }
.pro-txt p span{ display:block; padding:0px 0px 0px 140px; }
.pro-txt p span.dec { width:140px; font-weight:bold; float:left; display:block; padding:0px; } 
.pro-txt p span.two { padding:0px 0px 0px 275px; }

ul.list { margin:0px; padding:10px 0px 0px 10px; }
ul.list li { margin:0px; padding:2px 0px 2px 15px; list-style-type:none; background:url(../images/list-bullet.gif) no-repeat left 5px; }
ul.list li a{ font-weight:bold; color:#545454; }
ul.list li a:hover { color:#F3A425; }

ul.list ul{ margin:0px; padding:7px 0px 0px 15px; }
ul.list ul li { margin:0px; padding:2px 0px 2px 15px; list-style-type:none; background:url(../images/conduit-fittings-arrow.gif) no-repeat left 5px; }

/* Right Pannel */
.right-pannel { width:280px; float:right; border:0px solid red;}
.right-mid { padding:7px 7px; }
.right-mid p span { color:#F3A425; font-weight:bold; }
.right-mid ul { margin:0px; padding:0px; }
.right-mid ul li{ margin:0px;  list-style-type:none; line-height:24px; }
.right-mid ul li a{ font-weight:bold; background:url(../images/brass-product-bullet.gif) no-repeat left 2px; padding:0px 0px 0px 20px;}
.right-mid ul li a:hover { background:url(../images/brass-earthing-products-bullet.gif) no-repeat left 2px; }
.right-mid ul li a.sel{ color:#224272; background:url(../images/brass-earthing-products-bullet.gif) no-repeat left 2px;}

.right-mid ul li ul{ margin:4px 0px 6px 0px; padding:4px 0px 6px 12px; border-top:1px dashed #BEBFBF; border-bottom:1px dashed #BEBFBF; } 
.right-mid ul li ul li { list-style-type:none; line-height:20px;  }
.right-mid ul li ul li a{ font-weight:normal;  padding:0px 0px 0px 12px; background:url(../images/conduit-fittings-arrow.gif) no-repeat left 4px;}
.right-mid ul li ul li a:hover{ font-weight:normal;  padding:0px 0px 0px 12px; background:url(../images/conduit-fittings-arrow.gif) no-repeat left 4px;}
.right-mid ul li ul li a.subsel { color:#F3A425; font-weight:bold;}


ul.listing { margin:10px 0px 0px 0px; padding:0px; }
ul.listing li{ margin:0px 5px 15px 0px; padding:0px; width:152px; float:left; list-style-type:none; height:200px; }
ul.listing li img{ border:1px dashed #A7A7A7; }
ul.listing li a:hover img{ border:1px  dashed #565454; }
ul.listing li a.listlink{ background:#D3D3D3; color:#565454; font-weight:bold; display:block; height:36px; text-align:center; padding:3px 0px;}
ul.listing li a.listlink:hover { background:#565454; color:#FFFFFF; }


/* Footer */
.footer { background:url(../images/footer.gif) repeat-x left top;   }
.foot_in { width:940px; margin:0 auto;}
.footlink { text-align:center; height:50px; }
.footlink a{ line-height:30px; }
.footlink a:hover{ color:#FFFFFF; }
.copy { color:#224272; line-height:39px; text-align:center; }
.site-design { float:right; color:#224272; line-height:39px; }

.img-right { float:right; padding:0px 0px 10px 10px; }
.img-rightpro { float:right; padding:0px 0px 0px 0px; border:1px solid #BEBFBF;}
.img-left { float:left; padding:0px 15px 0px 0px; }
.hline { border-bottom:1px solid #BEBFBF; }

.bd { border:1px solid #BEBFBF; border-collapse:collapse; }
.textleft { background:#E6E6E6; font-weight:bold; }

.base1 { width:270px; float:left; }
.base2 { width:190px; float:left; }

.pagetop { float:right; margin:0px; padding:0px; }
.pagetop a {background:url(../images/brass-earthing-top.gif) no-repeat left center; padding:0px 0px 0px 12px;}

.pagenext { float:right; }
.pagenext a {background:url(../images/brass-earthing-next.gif) no-repeat right center; padding:0px 15px 0px 0px; font-weight:bold; font-style:italic; } 

.pageprev { float:left; }
.pageprev a {background:url(../images/brass-earthing-prev.gif) no-repeat left center; padding:0px 0px 0px 15px; font-weight:bold; font-style:italic; }  

.pagepre { float:left; }
.pagepre a {background:url(../images/brass-earthing-next.gif) no-repeat right center; padding:0px 15px 0px 0px; }  

.frm {background:#F2F2F2; padding:10px; border:1px dashed #333333; }
.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; }

.box { border:1px solid #E0E0E0; float:left; margin:20px 0px 0px 0px; }
.box p { border-bottom:1px solid #E0E0E0; float:left; margin:0px; padding:0px; }
.box span { width:170px; padding:3px 5px;  display:block; float:left; }
.box span.nxt { width:445px; padding:3px 5px; border-left:1px solid #E0E0E0; float:left; }

.hm_txt { padding:10px; }
.hm_txt p{ text-align:justify; }