/*------------Common-------------*/

* { padding:0px; margin:0px; }
body { font:normal 12px Arial; color:#5d5d5d; background:url(../images/header-bg.jpg) top left #f9f8f8; height:107px; background-repeat:repeat-x; line-height:18px;}
.clear { clear:both; display:block; }
.ovFlow { overflow:hidden; }
.floatLeft { float:left; }
.floatRight { float:right; }
img { border:0px; }
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, { padding:0; margin:0; }
a { color:#5d5d5d; text-decoration:none; font-weight:normal; }
a:hover { text-decoration:underline; color:#5d5d5d;}
.headText { font: bold 18px Arial; color:#1980c2; border-bottom: 1px solid #eee}
.loginText { font: bold 16px Arial; color:#FFFFFF; padding-top:4px;}
.inputBg { background:url(../images/input-img.jpg) left top no-repeat; width:252px; height:29px; }
.inputComment { border:0px; background:none; padding:4px 0px 0px 8px; height:25px; font: bold 16px Arial; width:237px;} 
.error { color:#FF0000; }
.blue-links { color:#3166ab; font-size:11px; text-decoration:none; }
.blue-links a { text-decoration:none; }
.blue-links:hover { text-decoration:underline; color:#3166ab; }
.imgborder { padding:2px; background-color:#999999; float:left; margin:0px 8px 8px 0px; }
.box-border { border:1px solid #498adb; padding:7px; color:#214778; }
.box-txt { border-bottom:1px dotted #1a437e; color:#214778; font-weight:bold; }
.box-txt a { border-bottom:1px dotted #1a437e; color:#214778;  font-weight:bold;  }
.box-txt:hover { border-bottom:1px dotted #1a437e; color:#000000;  text-decoration:none;  font-weight:bold; } 
h2 { font-size:16px; font-weight:bold; color:#3376d8; }
.padding-top { padding-top:15px; }
.blue-links { color:#224678; text-decoration:none; font-size:12px; }
.blue-links a { text-decoration:none; }
.blue-links:hover { color:#224678; text-decoration:underline; }
.white-links { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.white-links a { text-decoration:none; }
.white-links:hover { text-decoration:none; color:#e8e8e8; }
.white-links-selected { text-decoration:none; color:#214170; font-weight:bold; }
.white-links-selected a { text-decoration:none; color:#214170; }
.white-links-selected:hover { text-decoration:none; color:#214170;}
.input-big { border:2px solid #21467a; width:260px; padding:2px; }
.drop { border:2px solid #21467a; width:260px;  padding:2px; }
.drop1 { border:2px solid #21467a; width:50px;  padding:2px; }
.drop2 { border:2px solid #21467a; width:90px;  padding:2px; }
.button { background-color:#3376d8; color:#FFFFFF; text-decoration:none; padding:3px; border:1px solid #e3e7e5; font-weight:bold; }
.button-sm { background-color:#193867; color:#FFFFFF; text-decoration:none; padding:2px; border:1px solid #e3e7e5; font-weight:bold; font-size:11px; }
.txt-area { border:2px solid #21467a;  padding:2px; width:750px; height:200px;}
.txt-areasm { border:2px solid #21467a;  padding:2px; width:300px; height:100px;}
.input-sm { border:2px solid #21467a; width:50px; padding:2px; }
.input { border:1px solid #21467a; width:140px; padding:2px; color:#5d5d5d; }
.blue-bold { color:#224678; font-size:15px; font-weight:bold; }
.blue-linksb { color:#3376d8; font-size:13px; text-decoration:none; }
.blue-linksb a { text-decoration:none; }
.blue-linksb:hover { text-decoration:underline; color:#3166ab; }
.blue-txt { color:#3376d8; font-size:16px; font-weight:bold; text-align:right; }
.border-bottom{ border-bottom:1px solid #d1d4d1;  }
.blue-txt { color:#3376d8; font-size:15px; font-weight:bold; text-align:right; }
.wh-border { border:2px solid #224678; margin-bottom:15px; height:100px; margin-top:10px; }
.wh-border2 { border:1px solid #224678; margin-bottom:15px; height:100px; margin-top:10px; }
.wh-border1 { border:2px solid #224678; margin-bottom:15px; margin-top:10px; padding:7px; }
.itemhead { background-color:#d2d4d1; height:25px; padding:3px; color:#666666; font-weight:bold; }

.greybold { color:#5d5d5d; font-weight:bold; line-height:18px;  }
.blue-small { color:#3166ab; }

/*------------Header-------------*/

#header {  width:963px; margin:auto; height:107px;  }
#header .logoleft { position:relative; float:left; width:330px; }
#header .logoleft h1.logo { background:url(../images/logo.jpg) left top no-repeat; position:absolute; border:0px; }
#header .logoleft h1.logo a { display:block; width:327px; height:102px; }
#header .logoleft h1.logo a span { display:none; }
#header .navright { float:right; width:260px; height:38px; margin-top:35px; }
#header .navright li { display:inline; }
#header .navright li a { float:left; display:block; height:38px; }
#header .navright li a span { display:none; }
#header .navright li a.home { background:url(../images/home.jpg) left top no-repeat; width:107px; margin-right:15px; }
#header .navright li a.home:hover, #header .navright li a.homeSel { background:url(../images/home-h.jpg) left bottom no-repeat; width:107px; margin-right:15px; }
#header .navright li a.help { background:url(../images/help.jpg) left top no-repeat; width:109px; margin-right:15px; }
#header .navright li a.help:hover, #header .navright li a.helpSel { background:url(../images/help-h.jpg) left bottom no-repeat; width:109px; margin-right:15px; }
#header .navright li a.contact { background:url(../images/contact.jpg) left top no-repeat; width:128px; }
#header .navright li a.contact:hover, #header .navright li a.contactSel { background:url(../images/contact-h.jpg) left bottom no-repeat; width:128px; }


#header .navrightlog { float:right; width:530px; height:38px; margin-top:35px; margin-left:15px; }
#header .navrightlog li { display:inline; }
#header .navrightlog li a { float:left; display:block; height:38px; }
#header .navrightlog li a span { display:none; }
#header .navrightlog li a.home { background:url(../images/home.jpg) left top no-repeat; width:107px; margin-right:15px; }
#header .navrightlog li a.home:hover, #header .navright li a.homeSel { background:url(../images/home-h.jpg) left bottom no-repeat; width:107px; margin-right:15px; }
#header .navrightlog li a.help { background:url(../images/help.jpg) left top no-repeat; width:109px; margin-right:4px; }
#header .navrightlog li a.help:hover, #header .navright li a.helpSel { background:url(../images/help-h.jpg) left bottom no-repeat; width:109px; margin-right:15px; }
#header .navrightlog li a.contact { background:url(../images/contact.jpg) left top no-repeat; width:128px; margin-right:15px; }
#header .navrightlog li a.contact:hover, #header .navright li a.contactSel { background:url(../images/contact-h.jpg) left bottom no-repeat; width:128px; margin-right:15px; }
#header .navrightlog li a.my-account { background:url(../images/my-account.jpg) left top no-repeat; width:135px; margin-right:15px; }
#header .navrightlog li a.my-account:hover, #header .navright li a.my-accountSel { background:url(../images/my-account-h.jpg) left bottom no-repeat; width:135px; margin-right:15px; }
#header .navrightlog li a.logout { background:url(../images/logout.jpg) left top no-repeat; width:100px; }
#header .navrightlog li a.logout:hover, #header .navright li a.logoutSel { background:url(../images/logout-h.jpg) left bottom no-repeat; width:100px; }


/*------------Banner-------------*/

#banner {  width:962px; margin:auto; margin-top:5px; }
#banner .ltimg { background:url(../images/plumber-img.jpg); width:478px; height:342px; float:left; }
#banner .rtmap { background:url(../images/map-new1.jpg); width:483px; height:342px; float:left; }
#banner .search { background:url(../images/search-bg.jpg) center top no-repeat; background-repeat:no-repeat; height:64px;  width:961px;  }

/*------------Banner Inner-------------*/

#bannerinner {  width:962px; margin:auto; }
#bannerinner .logintxt { float:left; width:100%; margin-top:25px; margin-left:10px; }
#bannerinner .menu {  width:738px; margin-top:15px; height:37px; float:right;}
#bannerinner .menu li { display:inline; }
#bannerinner .menu li a { float:left; display:block; height:37px; }
#bannerinner .menu li a span { display:none; }
#bannerinner .menu li a.place-order { background:url(../images/place-order.jpg) left top no-repeat; width:154px; }
#bannerinner .menu li a.place-order:hover, #bannerinner .menu li a.place-orderSel { background:url(../images/place-order-h.jpg) left bottom no-repeat; width:154px; }

#bannerinner .menu li a.popular-products { background:url(../images/popular-products.jpg) left top no-repeat; width:120px; }
#bannerinner .menu li a.popular-products:hover, #bannerinner .menu li a.popular-productsSel { background:url(../images/popular-products-h.jpg) left bottom no-repeat; width:120px; }

#bannerinner .menu li a.open-orders { background:url(../images/open-orders.jpg) left top no-repeat; width:104px; }
#bannerinner .menu li a.open-orders:hover, #bannerinner .menu li a.open-ordersSel { background:url(../images/open-orders-h.jpg) left bottom no-repeat; width:104px; }
#bannerinner .menu li a.open-invoices { background:url(../images/open-invoices.jpg) left top no-repeat; width:111px; }
#bannerinner .menu li a.open-invoices:hover, #bannerinner .menu li a.open-invoicessSel { background:url(../images/open-invoices-h.jpg) left bottom no-repeat; width:111px; }
#bannerinner .menu li a.paid-invoices { background:url(../images/paid-invoices.jpg) left top no-repeat; width:105px; }
#bannerinner .menu li a.paid-invoices:hover, #bannerinner .menu li a.paid-invoicessSel { background:url(../images/paid-invoices-h.jpg) left bottom no-repeat; width:105px; }

#bannerinner .menu li a.my-jobs { background:url(../images/my-jobs.jpg) left top no-repeat; width:84px; }
#bannerinner .menu li a.my-jobs:hover, #bannerinner .menu li a.my-jobssSel { background:url(../images/my-jobs-h.jpg) left bottom no-repeat; width:84px; }

#bannerinner .menu li a.settings { background:url(../images/settings.jpg) left top no-repeat; width:90px; }
#bannerinner .menu li a.settings:hover, #bannerinner .menu li a.settingssSel { background:url(../images/settings-h.jpg) left bottom no-repeat; width:90px; }

#bannerinner .menu li a.pricing-availability { background:url(../images/pricing-avail.jpg) left top no-repeat; width:163px; }
#bannerinner .menu li a.pricing-availability:hover, #bannerinner .menu li a.pricing-availabilitySel { background:url(../images/pricing-avail-h.jpg) left bottom no-repeat; width:163px; }
/*------------ 03.12.09 --------------------*/
#bannerinner .menu li a.payment-hist { background:url(../images/payment-history.jpg) left top no-repeat; width:114px; }
#bannerinner .menu li a.payment-hist:hover, #bannerinner .menu li a.payment-histSel { background:url(../images/payment-history-h.jpg) left bottom no-repeat; width:114px; }

/*------------ End 03.12.09 --------------------*/

#bannerinner .ltimg { background:url(../images/plumber-img1.jpg); width:478px; height:342px; float:left; }
#bannerinner .rtmap { background:url(../images/map-new2.jpg); width:483px; height:342px; float:left; }
#bannerinner .search { background:url(../images/search-bg.jpg) center top no-repeat; background-repeat:no-repeat; height:64px;  width:961px;  }


/*------------ Comment -------------*/

#Comment {  width:961px; margin:0 auto; background:url(../images/comment-bg.jpg) left top repeat-y; }
#Comment .commentBG { background:url(../images/comment-bg.jpg) left top repeat-y; padding:20px 15px; border-top:1px solid #ccc;}
#Comment .commentBG .commentleft { background:url(../images/header-left.png) left top no-repeat; padding:15px 28px; width:314px; margin-right:20px; }
#Comment .commentBG .commentleft li { list-style:none; background:url(../images/bullet-mg.jpg) left 2px no-repeat; padding:0px 0px 6px 25px; }
#Comment .commentF { background:url(../images/comment-footer.jpg) left top repeat-y; height:17px; }

/*------------Order -------------*/

#Comment {  width:961px; margin:auto; background:url(../images/comment-bg.jpg) left top repeat-y; }
#Comment .commentBG { background:url(../images/comment-bg.jpg) left top repeat-y; padding:20px 15px; }
#Comment .commentBG .tableb { background:url(../images/tabbg.jpg); width:932px;  color:#ffffff; font-size:13px; font-weight:bold; border-bottom:3px solid #bab9b9; }
#Comment .commentBG .tablebr { border-right:1px dotted #ffffff;}

/*------------Open Order -------------*/

.box { width:214px; height:260px; }
.box .btop { width:214px; background:url(../images/box-top.jpg); height:18px; background-repeat:no-repeat; }
.box .bmiddle { width:214px; background:url(../images/box-middle.jpg); background-repeat:repeat-y; }
.box .bbottom { background:url(../images/box-bottom1.jpg); width:214px; height:57px; background-repeat:no-repeat; }
.box .bbottom2 { background:url(../images/box-bottom2.jpg); width:214px; height:57px; background-repeat:no-repeat; }
.box .bbottom3 { background:url(../images/box-bottom3.jpg); width:214px; height:57px; background-repeat:no-repeat; }
.box .bbottom4 { background:url(../images/box-bottom4.jpg); width:214px; height:57px; background-repeat:no-repeat; }

.ordertable { margin:7px; }
.ordertable .bigtabletop { background:url(../images/big-box-top.jpg); width:900px; height:36px; }
.ordertable .bigtablemid { background:url(../images/big-box-middle.jpg); width:900px; background-repeat:repeat-y; padding:15px; padding-top:0px; padding-bottom:0px; }
.ordertable .bigtablebottom { background:url(../images/big-box-bottom.jpg); width:900px; height:34px; }


/*------------Footer-------------*/


#footer {  width:967px; margin:auto; margin-top:5px; background:url(../images/footer-bg.jpg); background-repeat:no-repeat; height:77px; }
#footer .links { border-bottom:1px solid #e9e9e9; line-height:17px; margin:13px; margin-bottom:0px; padding-top:15px; text-align:center; padding-bottom:5px; }
#footer .copylt { float:left; width:400px; font-size:11px; padding:5px; }
#footer .copyrt { float:right; width:175px; padding:5px; font-size:11px;  }

/*---------- Tab -----------*/

.shadetabs{

width:570px;
font: bold 11px Verdana;
list-style-type: none;
text-align: center;
height:23px;


}

.shadetabs li{
display: inline;
margin: 0;

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 10px 12px 10px 12px;
color: #5d5d5d;
font-weight:bold;
border:2px solid #5d5d5d;
border-bottom:none;
}

.shadetabs li a:visited{
font-weight:bold;
color: #5d5d5d;
}

.shadetabs li a:hover{
font-weight:bold;
color: #5d5d5d;
}

.shadetabs li a.selected{ 
font-weight:bold;
position: relative;
background-color: #EAEAEA;



}

.shadetabs li a.selected{ 
font-weight:bold;
border:2px solid #193867;
border-bottom:none;
color:#193867;


}

.shadetabs li a.selected:hover{ 
font-weight:bold;
text-decoration: none;
border:2px solid #193867;
border-bottom:none;


}


/*---------- Tab Big -----------*/

.shadetabsb {
width:550px;
padding: 0px 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left;
height:23px; 
}

.shadetabsb li{
display: inline;
margin: 0;
}

.shadetabsb li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 12px 10px 12px 15px;
border: 1px solid #c2c0c0;
border-bottom:none;

border-top:none;
color: #5d5d5d;
font-weight:bold;
}

.shadetabsb li a:visited{
font-weight:bold;
color: #5d5d5d;

}

.shadetabsb li a:hover{
font-weight:bold;
color: #5d5d5d;
}

.shadetabsb li a.selected{ 
font-weight:bold;
position: relative;


}

.shadetabsb li a.selected{ 
font-weight:bold;
border-bottom-color: white;


}

.shadetabsb li a.selected:hover{ 
font-weight:bold;
text-decoration: none;

}



/*----------tracking---------------*/

.productBox { padding:10px 0px; left bottom repeat-x;  }
.prodDetBox { padding-bottom:6px; }
.basictab { float:left; position:relative; width:120px;}
.basictab ul {
width:120px;
list-style-type: none;
position:absolute;
left:-2px;
text-align:left;
border-right:none;
padding-left:3px;
}

.basictab li {
border-right:none;
text-align:left;
}

.basictab li a {
text-decoration: none;
float:left;
color: #5e5e5e;
width:120px;
padding:5px 0px 10px 20px;
text-align:left;
}

.basictab li a:hover, .basictab li a.current {
background-color: #e8e8e8;
color:#21467a;
text-decoration:none !important;
cursor:pointer;
border-right:0px;
text-align:left;

}

.tabcontainer {
width:785px; /*width of 2nd level sub menus*/
float:right;
background:#e8e8e8;
/*border:1px solid #5396e4;*/
padding:5px 3px 8px 8px;
text-align:left;
}

.tabcontent {
display:none;
text-align:left;
color:#21467a;
}
.trackingText{
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#e99116;
text-align:left;
}

/*----------tracking--END-------------*/


/** **/
A.toplink:link { font-weight: bold; text-decoration: none; } 
A.toplink:visited { font-weight: bold; text-decoration: none; }
A.toplink:hover { font-weight: bold;  text-decoration: underline; }


/* for Sliding 19-06-09 */
.btn-slide {
	margin: 0;
	padding: 8px;
	padding-left: 24px;
	/*background: #eee;*/
	/*text-align: center;*/
	display: block;
	color: #666666;
	font-weight: bold;
	cursor: pointer;
	background-image: url('../images/icon_bullet_minus.gif');
	background-repeat: no-repeat;
	background-position: center left;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.btn-slide.active {
	/*background-color: #eee;*/
	color: green;
	text-decoration: none;
	background-image: url('../images/icon_bullet_plus.gif');
	background-repeat: no-repeat;
	background-position:center left; 
}

/* for sliding folder */
.btn-slide-folder {
	margin: 0;
	padding: 8px;
	padding-left: 48px;
	/*background: #eee;*/
	/*text-align: center;*/
	display: block;
	color: #666666;
	font-weight: bold;
	cursor: pointer;
	background-image: url('../images/folder-close.png');
	background-repeat: no-repeat;
	background-position: center left;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom:24px;
}

.btn-slide-folder.active {
	/*background-color: #eee;*/
	color: green;
	text-decoration: none;
	background-image: url('../images/folder-open.png');
	background-repeat: no-repeat;
	background-position:center left; 
}

.disabledArea {
	background-color: #FFCACA;
	color:#666666;
}


/*----------------- 02.12.09 --------------------------*/
.int-fld{ width:25px; border:solid 1px #21467a; font-size:10px; padding:2px;}
.tdPadding{ padding-right:10px;}

/*---------------------15/2/10------------------------------*/

.balamce-due-box { border:1px solid #c2c0c0; }
.balamce-due-header { border:1px solid #c95d00; background:url(../images/orange-bg-heading.jpg) repeat-x; height:26px; line-height:26px; color:#FFFFFF; font-size:14px; font-weight:bold; padding-left:7px; }
.balamce-due-body { border:1px solid #c2c0c0; background:#eeeeee; padding:7px; font-size:11px; font-weight:bold; color:#6a6868; line-height:16px; }
.balamce-due-price {font-size:11px; font-weight:bold; color:#197fc1; }