@import url('base.css');
@import url('login.css');

html {background: #e3e3e3 url(/images/UserUploadedImages/253/enware-new-bg.jpg) repeat-y center top !important;}

body.cm-article740 .DivContent {background: #fff;}

/* landing pages background */

.cm-article536 .DivContent,
.cm-article540 .DivContent,
.cm-article538 .DivContent,
.cm-article536 .DivContent {background: none !important;}

 /* Estore structure fix */
#Table2 {width: 935px !important; margin: 0 auto !important;}
FORM#aspnetForm {width:auto !important; background:none !important;}


body {background: url("/images/UserUploadedImages/253/content-bg.jpg") repeat-x scroll center 10px #00488E; width: 935px; margin: 0 auto !important;}

h1 {
color:#004990;
font-family:Trebuchet MS,Verdana;
font-size:28px;
font-weight:normal;
margin:10px 0 15px 0;
}

.breadcrumbMargin a.clsAltNormalOneSmaller:visited {font: 12px Verdana; color: #000;}
.printMargin {width:100px;}

/* Estore structure fix */
body table table {width: 100%; margin 0; background: none;}

#ctl00_MainTableForContent {}
table.MainTableForContent {background: url(/images/UserUploadedImages/11/content-bg.gif) no-repeat center bottom; width: 915px; margin: 35px auto !important;}

/* Old CM Fixes */
#ctl00_TDLeftMargin, #TDLeftMargin {width: 0 !important; display: none !Important;}

.tblContentTD1 {padding: 0 0 10px 10px;}
.tblContentTD2 {padding: 0 10px 10px 0;}
.tblContent1 {width: 685px !important;}
table.MainTableForContent {width: 915px;}
#TableAdminTopNavBar, .Masterdiv {width: 935px;}

/* Admin Welcome */
div.RadMenu_CM11 ul.rootGroup {position: absolute; height: 20px; width:500px;}
div.RadMenu_CM11 ul.rootGroup li {width: auto; padding-top: 5px; padding-left: 10px; height: 20px; font-size: 12px;}
div.RadMenu_CM11 ul.rootGroup li a {padding: 0 5px;}
div.RadMenu_CM11 ul.rootGroup li a:hover {color: #fff;}

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

table.banner {width: 935px; background:url(/images/UserUploadedImages/253/banner-bg.gif) no-repeat left bottom; height: 102px;}
table.banner td {padding: 15px;}
table.banner ul {margin: 0; padding: 0;}
table.banner ul li {float: left; list-style: none;}

table.banner ul li.logo {float: left; padding-top: 10px;}
table.banner ul li a {background:url(/images/UserUploadedImages/253/logo2010.gif) no-repeat left top; width: 187px; height: 39px; display: block; text-indent: -9999px; line-height: 0; fonts-size: 0;}

table.banner ul li.watertreatment-logo {padding-top: 10px;}

table.banner ul li.banner-msg {float: right; padding-right: 15px; text-align: right;}
table.banner ul li.banner-msg {font-size: 16px; font-weight: bold; font-family: "DIN-Regular", Trebuchet MS, Verdana; color: #004990;}

table.banner ul li.hydrometer-logo a {background:url(/images/UserUploadedImages/253/hydrometer-logo.png) no-repeat left top; width: 219px; height: 65px;}
table.banner ul li.zeomed-logo a {background:url(/images/UserUploadedImages/253/zeomed-logo.png) no-repeat left top; width: 240px; height: 58px}
table.banner ul li.watertreatment-logo a {background:url(/images/UserUploadedImages/253/ehs_logo.png) no-repeat left top; width: 120px; height: 44px}

/* Home Content
------------------------------------------ */
table.home-catagories table {width: 337px; height: 225px; float: left; vertical-align:top; display: block;}
table.home-catagories td.heading {height: 36px; padding: 5px 15px 0 15px;}
table.home-catagories h2 {font-size: 16px; font-weight: bold; font-family: "DIN-Regular", Trebuchet MS, Verdana; text-transform: uppercase; margin: 0;}
table.home-catagories ul {margin: 35px 0 0 15px; padding: 0;}
table.home-catagories li {list-style: none; padding: 2px 0 3px 15px; *padding: 0 0 0 15px;}
table.home-catagories a {font-size: 11px;}

table.homecat-plumbing {background:url(/images/UserUploadedImages/253/home-category-blue-2.gif) no-repeat left top;}
table.homecat-plumbing h2 {color: #00488f;}
table.homecat-plumbing li {background:url(/images/UserUploadedImages/253/dkblue-bullet.jpg) no-repeat 5px 9px;}
table.homecat-plumbing li a {color: #00488f;}

table.homecat-work {background:url(/images/UserUploadedImages/253/home-category-blue.gif) no-repeat left top;}
table.homecat-work h2 {color: #668eac;}
table.homecat-work li {background:url(/images/UserUploadedImages/253/ltblue-bullet.jpg) no-repeat 5px 9px;}
table.homecat-work li a {color: #3e5d75;}

table.homecat-health {background:url(/images/UserUploadedImages/253/home-category-green.gif) no-repeat left bottom;}
table.homecat-health h2 {color: #006f51;}
table.homecat-health li {background:url(/images/UserUploadedImages/253/green-bullet.jpg) no-repeat 5px 9px;}
table.homecat-health li a {color: #006f51;}

table.homecat-washroom {background:url(/images/UserUploadedImages/253/home-category-red.gif) no-repeat left bottom;}
table.homecat-washroom h2 {color: #f04e23;}
table.homecat-washroom li {background:url(/images/UserUploadedImages/253/red-bullet.jpg) no-repeat 5px 9px;}
table.homecat-washroom li a {color: #c03600;}

/* Right Panel
------------------------------------------ */

table.login-panel {background: #fff url(/images/UserUploadedImages/253/member-login-bg.jpg) no-repeat left top; width: 230px; height: 166px;}
table.login-panel td.heading {padding: 10px 10px 0 10px;}
table.login-panel td {padding: 0 10px;}
table.login-panel h2 {color: #009ada; font: bold 130% Trebuchet MS, Arial, Verdana, sans-serif; margin: 0;}
table.login-panel label {color: #666; font: bold 12px Verdana, Arial, sans-serif; float: left; width: 80px;} 
table.login-panel a {color: #00478c; font-size: 11px;}
table.login-panel a#ctl00_ContentPlaceHolderMainNoAjax_Module17_LoginAnchor  {float: right; position: relative;}
table.login-panel a#ctl00_ContentPlaceHolderMainNoAjax_Module17_LoginAnchor button {background: url(/images/UserUploadedImages/253/login-btn.gif) no-repeat left top; height: 25px; width: 59px; border: 0; color: #fff; text-transform: uppercase; font: bold 11px Verdana; position: absolute; top: -25px; left: -65px;}
table.login-panel input {width: 120px; float: left;}

table.latestnews-home {width: 230px; margin-top: 10px;}
table.latestnews-home h2 {font: font-size: 18px; font-weight: bold; font-family: "DIN-Regular", Trebuchet MS, Verdana; margin: 0; color: #009ada;}
table.latestnews-home td {padding: 10px;}
table.latestnews-home td.top {background:url(/images/UserUploadedImages/253/latestnews-top.gif) no-repeat left top;}
table.latestnews-home td.mid {background:url(/images/UserUploadedImages/253/latestnews-mid.gif) repeat-y left top;}
table.latestnews-home td.btm {background:url(/images/UserUploadedImages/253/latestnews-btm.gif) no-repeat left bottom;}

table.latestnews-home ul {margin: 0; padding: 0;}
table.latestnews-home ul li {list-style: none; background:url(/images/UserUploadedImages/253/darkblue-bullet.jpg) no-repeat left 9px; padding-left: 15px;}
table.latestnews-home ul li a {color: #00478c; font-size: 90%;}
table.latestnews-home a.morenews-btn {margin-left: 15px; width: 117px; height: 15px; font-size: 12px; font-weight: bold; font-family: "DIN-Regular", Trebuchet MS, Verdana; background:url(/images/UserUploadedImages/253/morenews-btn.jpg) no-repeat left top; padding: 5px; display: block; text-transform: uppercase; color: #00488e; text-decoration: none;}

a.contactus-cta {margin-top: 10px; display: block;}
a.contactus-cta img {margin-right: 0;}

/* Menu
------------------------------------------ */

/* Top Nav */

table.top-menu {width: 935px; height: 28px; background:url(/images/UserUploadedImages/253/top-menu-bg-1.jpg) no-repeat left top !important;}
table.top-menu td {text-align: right; width: 100%;}
table.top-menu ul {float: right; padding: 0; margin: 0;}
table.top-menu ul li {float: left; padding: 0 5px; list-style: none;}
table.top-menu ul li a {color: #fff; font-size: 90%;}

table.top-menu input#Module13_strSearchKeyword13 {background: #333; border: 1px #777 solid; border-right: 0; font-size: 11px; color: #fff; padding: 2px;}
a#Module13_SearchAnchor {padding: 0 2px 0 2px; background: #333; border: 1px #777 solid; border-left: 0; margin-left: -2px; text-transform: uppercase; font-weight: bold; line-height:18px; height:18px; display:inline-block;}

/* Main Nav */

/*----------start top menu styles---------- */
/*div.menu {position:static; float:none;}*/
#TableTopNavBar div.menu,
#TableTopNavBar div.menu ul,
#TableTopNavBar div.menu ul li {/*position: relative;*/}

/* styles for level 1 */
#TableTopNavBar .CMLevel1, #TableTopNavBar .CMLevel1Selected {height: 30px; text-align: center; padding: 2px; margin-right: 2px;}
#TableTopNavBar .CMLevel1 .text, #TableTopNavBar .CMLevel1Selected .text {color: #fff; float: none; margin: 0 5px; text-transform: uppercase; font-size: 11px; font-weight: bold; font-family: "DIN-Regular", Trebuchet MS, Verdana; line-height: 13px; padding: 3px 2px !important;}

/* Upgrade may change the ID keep the class tied */
#TableTopNavBar #ctl00_Menu1_MN_m0.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m0.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-one.gif) no-repeat left top !important; width: 82px;}
#TableTopNavBar #Menu1_MN_m0.CMLevel1 .text,
#TableTopNavBar #ctl00_Menu1_MN_m0.CMLevel1 .text,
#TableTopNavBar #ctl00_Menu1_MN_m0.CMLevel1Selected .text {color: #00488d;}

#TableTopNavBar #ctl00_Menu1_MN_m1.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m1.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-two.gif) no-repeat left top !important; width: 162px;}
#TableTopNavBar #Menu1_MN_m1.CMLevel1 .text,
#TableTopNavBar #Menu1_MN_m1.CMLevel1Selected .text {color: #fff;}

#TableTopNavBar #ctl00_Menu1_MN_m2.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m2.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-three.gif) no-repeat left top !important; width: 160px;}

#TableTopNavBar #ctl00_Menu1_MN_m3.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m3.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-four.gif) no-repeat left top !important; width: 152px;}

#TableTopNavBar #ctl00_Menu1_MN_m4.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m4.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-five.gif) no-repeat left top !important; width: 173px;}

#TableTopNavBar #ctl00_Menu1_MN_m5.CMLevel1,
#TableTopNavBar #ctl00_Menu1_MN_m5.CMLevel1Selected {background:url(/images/UserUploadedImages/253/mainnav-six.gif) no-repeat left top !important; width: 124px; padding: 2px 3px;}

#TableTopNavBar #ctl00_Menu1_MN_m5.CMLevel1 .text,
#TableTopNavBar #ctl00_Menu1_MN_m5.CMLevel1Selected .text {color: #00488d;}


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

table#footer {background: #333; padding: 15px; width: 933px;}
table#footer ul {margin: 0; padding: 0;}
table#footer li {list-style: none;}
table#footer p {font-size: 80%;}
table#footer a, table#footer a:visited, table#footer a:hover, table#footer a:active {font-size: 90%;}

table.footer-top {border-bottom: 1px #484848 solid; width: 100%; height: 40px; color: #5c5c5c;}
table.footer-top ul li {float: left;}

table.footer-top a {color: #fff;}
table.footer-btm p {color: #ccc;}
table.footer-btm a {color: #999;}

table.footer-btm ul {position: relative;}
table.footer-btm li a.footer-logo {position: absolute; right: 0; bottom: 0;}

/* Estore
----------------------------------------- */

#Table2 td {background-color: transparent;}

div#ctl00_updatepanelProductProperty {background: url(/images/UserUploadedImages/253/content-bg.png) no-repeat center bottom; width: 915px; margin: 25px auto;}
.clsProductDetailsPage {background: none; background-color: transparent; padding: 5px;}
div.clsCategoryPage {width: 895px; float: none; background: none; padding: 10px !important; margin: 0 auto;}
div.clsCategoryPage {font-size: 11px; color: #666;}
div.clsCategoryPage h1 {margin: 10px 0;}
div.clsCatBreadCrumbs {margin-left: 0;}
.clsProductDetailsPage .DetailsPrintFriendly {text-align: left;}
.clsCategoryPage .clsCatSubCategory {float: left; border-spacing:5px;}

.clsCatBreadCrumbs a, .clsCatBreadCrumbs a:visited {color: #676767; font: 11px Verdana, Arial, sans-serif;}

table.siteMapOuter {background: url(/images/UserUploadedImages/253/content-bg.png) no-repeat center bottom; width: 895px; margin: 30px auto;}

a.clsCategoryImage, a.clsCategoryImage:visited 
{
 padding:7px; width:100px; text-align:center; height:100px; margin:0px;
 background:white url(/images/useruploadedimages/img_shadow.png) no-repeat 0 0; display:block;
}

a.clsProductName, a.clsProductName:visited {font:normal 14px Arial, Verdana, Tahoma; text-decoration:none!important; color:#000!important;}

a.clsAdditionalImageLink, a.clsAdditionalImageLink:visited{margin-top:10px; display:block; background:#fff url(/images/useruploadedimages/larger_view.gif) no-repeat; width:150px; height:23px; padding-left:27px; padding-top:3px; text-decoration:none!important; font: 12px Verdana, Arial, Helvetica, sans-serif !important;}

#ctl00_updatepanelProductProperty .clsProductDetailsPage td {
padding-left:15px;
}
#ctl00_updatepanelProductProperty .clsProductDetailsPage td p {
margin-left:0;
padding:0;
}

/**---Membership Form Page --**/

.tandc {
  list-style-type: decimal !important;
}

#MemberDetails_txtAreaCode, #MemberDetails_txtAreaCodeFax { width: 30px !important; font: 12px !important;}

#divMembershipDetails {width: 900px !important;}

div#divMembershipDetails p {width: 800px; }

#divMembershipDetails fieldset {margin-left:10px;}

#divMembershipDetails fieldset p label {
  width: 150px;
}

div.AQheading { background-color: #ffffff; padding-top: 1px; height: 85px;}

H2#MemberDetails_headerContact,
H2#MemberDetails_headerCompanyDetails,
H2#MemberDetails_headerAddress,
H2#HeaderAdditionalQuestions { background-color: #5ea6f0; padding: 5px 0 5px 5px; color: #ffffff !important; }


/* AREA CODE HIDE FOR FAX */

LABEL#MemberDetails_lblFaxAreacode, INPUT#MemberDetails_txtAreaCodeFax, LABEL#MemberDetails_lblPhoneAreacode, INPUT#MemberDetails_txtAreaCode, LABEL#MemberDetails_lblPhoneNumber, LABEL#MemberDetails_lblFaxNumber { display: none !important; }

/* FIX THE LABEL FOR FAX NUMBER */

LABEL#MemberDetails_lblFaxNumber { padding-left: 0 !important; }

/* FIX THE LABEL FOR PHONE NUMBER */

LABEL#MemberDetails_lblPhoneNumber { padding-left: 0 !important; }

/* POST CODE SMALLER */

INPUT#MemberDetails_txtMailPostCode { width: 100px !important; }

DIV#divMembershipDetails input { font-family: verdana, arial, sans-serif !important; font-size: 12px !important; float:left; }


/*----------------------------------------
Start: form response - form creator module
----------------------------------------*/
#ctl00_ContentPlaceHolderMainNoAjax_FCreTD162 {white-space:normal !important;}

.divFormCreatorTableContentMain {clear:both;width:800px !important;display:block;float:left; margin:0 10px 10px 0;overflow:hidden;}
.divFormCreatorTableContentMain h2 {color:#2269B1;font-size:14px;margin-top:20px;}
.divFormCreatorTableContentMain div {margin-bottom: 10px; float: left; width: 100%;}
.divFormCreatorTableContentMain label {font-size: 12px; width: 200px !important; float: left;margin-bottom:10px;font-weight:bold;}
.divFormCreatorTableContentMain input.clsTextBox,.divFormCreatorTableContentMain input.clsEmailBox {margin-bottom:10px; width: 200px !important;height:20px !important;font-size: 12px;}
.divFormCreatorTableContentMain select{width: 200px !important; float: left;}
.clsFormCreator textarea{display:block;padding:5px;border:solid #cccccc 1px;width:570px;}
.divFormCreatorTableContentMain span.clsCheckBoxListSpanOptions > span,
.divFormCreatorTableContentMain span.clsRadioButtonListSpanOptions > span{display:block;margin:5px 0;}
.divFormCreatorTableContentMain label.clsCheckBoxListLabel,.clsFormCreator input.clsCheckBoxList,.divFormCreatorTableContentMain label.clsRadioButtonListLabel,.divFormCreatorTableContentMain input.clsRadioButtonList{display:inline;}
.divFormCreatorTableContentMain .clsDateBox + a {display:block;float:left;}
.divFormCreatorTableContentMain .clsFormCreator_datebox .ui-datepicker-trigger{display:block;float:right;margin-top:2px;*margin-top:-25px;}
.divFormCreatorTableContentMain .clsListBox{border-width:1px;}

#divMandatoryMessage p {margin-left:20px;}
#divButton {margin:0 0 20px 20px;}

#divFormCreatorTableContentMain .clsCheckBoxListSpanOptions, #divFormCreatorTableContentMain .clsRadioButtonListSpanOptions {
    display: block;
    float: left;
    margin-bottom: 12px;
    overflow: hidden;
    clear:both;
}


/*
.divFormCreatorTableContentMain div.clsBtnSubmit input {width:95px; height:29px; background:url(/Images/UserUploadedImages/11/submit-active.png) no-repeat 0 0; border:none; cursor:pointer; text-indent:-9999px;}
.divFormCreatorTableContentMain div.clsBtnSubmit input:hover {background:url(/Images/UserUploadedImages/11/submit-hover.png) no-repeat 0 0;}
.divFormCreatorTableContentMain .clsBtnSubmit input{padding:5px 10px;margin:10px 0;}
tr.formCreatorTable td{padding:0;}
*/

/* Seach Results
------------------------------------------*/
td#TDSearchResults {width: 860px !Important;}
div#pnlPageLinks,
div#pnlPageLinks a {color: #fff; background: #00488E;}

/* Estore
-----------------------------------------*/
a.clsCategoryImage img {vertical-align: middle;}

/*----------start admin menu styles----------*/

table#topAdminMenuRight {background-color:#7c7c7c; width:300px; height:30px;}
table#topAdminMenuRight td {padding:0px 12px 0px 12px; /*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#ffffff;}
table#topAdminMenuRight a,
table#topAdminMenuRight a:link,
table#topAdminMenuRight a:active,
table#topAdminMenuRight a:visited {/*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#ffffff;}

table#topAdminMenuRight a:hover,
table#topAdminMenuRight a:focus {/*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#cd5627; text-decoration:underline;}

#adminBanner {display:none;}

/*Forget Password button*/
input#btnSendPassword {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC;
    color: white;
    display: block;
    font-weight: bold;
    height: auto;
    padding: 7px;
    width: auto;
}

/* sdsfsdf df */

#container{ 
    margin:0;
    position:relative;
    text-align:left;
    width:676px;
    background:#fff;    
    margin-bottom:2em;
    } 
  #header{
    height:144px;
    background:#5DC9E1;
    color:#fff;
    }       
  #content{
    position:relative;
    }     

/* Easy Slider */

  #slider{} 
  #slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    }
  #slider li{ 
    /* 
      define width and height of list item (slide)
      entire slider area will adjust according to the parameters provided here
    */ 
    width:676px;
    height:192px;
    overflow:hidden; 
    } 
  #prevBtn, #nextBtn{ 
    display:block;
    width:17px;
    height:14px;
    position:absolute;
    right: 50px;
    top:0px;
    text-indent: -9999px;
    line-height: 0;
    } 
  #nextBtn{ 
    right: 35px;
    }                           
  #prevBtn a, #nextBtn a{  
    display:block;
    width:30px;
    height:77px;
    background:url(/images/UserUploadedImages/253/btn_prev.png) no-repeat 0 0;  
    } 
  #nextBtn a{ 
    background:url(/images/UserUploadedImages/253/btn_next.png) no-repeat 0 0;  
    }



/* estore styles */
table.clsCatProducts{
	width:890px !important;
}
.clsCatProducts td{
	width:auto; /* if they want natural table layout */
	width:33%;
}