body

{
	margin: 0px auto;
	width: 1000px;
	font-family:Tahoma, Arial, sans-serif;
	font-size: 12px;
	background-color: #14206a;
	background-image: url(07bg_page.jpg);
	background-repeat: repeat-x;
	overflow: visible;
}

a, a:hover, a:visited, a:active {
  color: #0000FF;
}


p {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  margin: 0px 8px 0px 0px;
}

h1 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 19px;
  color: #179d19;
  padding:0px;
  margin:12px 0px 0px 0px;
}
h2 {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-style: italic;
  margin:0px 0px 0px 0px;
  padding:0px;
}

h3{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  margin:0px 0px 0px 0px;
  padding:0px;
  color: #557df0;
  font-weight: bold;

}  

#homelink{
  float: left;
  width: 500px;
}


#awcc_topcontainer {

  width: 1000px; /*outmost top container - doesn't want to shrink*/
  height: 150px;

  background-image: url(bg_header.jpg);
  background-repeat: no-repeat;

  float: left;

  margin: 0px;
  background-position: left;
}




#awcc_container {

  width: 1000px; /*outmost container for lower page*/
  background-image: url(bg_leftnav.gif);
  background-repeat: repeat-y;
  background-position: left;
  float: left;
  margin: 0px auto;
  padding: opx;

}

#awcc_topnav {
	height: 95px;
	width: 880px;
	text-align: left;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	font-size: 12px;
	float: left;

}

#awcc_topnavul{
   float:left;
   margin: 0px 0px 0px 20px;
   vertical-align: top;
}

#awcc_topnav a, #awcc_topnav a:hover, #awcc_topnav a:active, #awcc_topnav a:visited, #awcc_topnav li{ 

    text-decoration: none;

    color: #0101d5;
  line-height: 18px;
  font-size: 12px;
  font-family: Tahoma, Arial, sans-serif;

}

#awcc_topnav a:hover{

  color: #0000FF;

  text-decoration: underline;

}
#awcc_topnav2 {

  height: 46px;
  width: 820px;

  text-align: center;
  padding-left: 54px;

  float: left;

}

#awcc_topnav2 a{


    text-decoration: none;

    color: #0c37b2;
  font-size: 16px;
  font-family: Tahoma, Arial, sans-serif;
  line-height: 38px;
  background-image: url(navdivider.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
  float: left;
}

#awcc_topnav2 a:hover{

  color: #0000FF;

  text-decoration: underline;

}


#awcc_content{

  text-align: left; /*lower inside excluding coupons*/
  width: 768px;
  float: left;
  /*background-color: #00FF00;*/

}



#awcc_menu{

  float: left;

  width: 139px; /*originally 139*/

  margin-right: 8px;

  font-size: 13px;

  line-height: 25px;

  color: #0055A5;
/*background: #FF0000; behind menu*/

}

#awcc_menu a:link, #awcc_menu a:visited, #awcc_menu a:active{

    text-decoration: none;

    padding-left: 24px; /*indents links on buttons*/
    margin-right: -24px; /*allows content to back up to right side of buttons*/

}

#awcc_menu a:hover{

  text-decoration: underline;

}



//#xsnazzy h1, #xsnazzy h2, #xsnazzy p {  }
#xsnazzy h1 {
  color: #29c329;
  font-size: 30px;
  margin: 0px auto;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px
}
#xsnazzy h2 {  color: #0838b5;
  font-weight: bold;
  font-size: 12px;
  margin: 0px;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;}
#xsnazzy p {  color: #516169;
  font-size: 11px;
  margin: 0px;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: normal}
#xsnazzy {background: transparent; margin:8px; font-family: Tahoma, Arial, sans-serif; width: 210px }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #29c329; border-right:1px solid #29c329;}
.xb1 {margin:0 5px; background:#29c329;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #29c329; border-width:0 1px; }

  #rightside {
    width: 211px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    margin-top: 0px;
    padding-right: 0px
}

a.navbutton{
  background-image: url(bg_plumbingdim.gif);
  background-position: left;
  background-repeat: no-repeat;
  line-height: 26px;
  color: #0000FF; /*fixes discoration of visited - maybe not neccessary now*/
  /*background-color: #FF0000; definitely fills behind nav buttons*/

}
a.navbutton:hover{
  background-image: url(bg_plumbinglit.gif);
  background-position: left;
  background-repeat: no-repeat;
  line-height: 26px;
  background-color: #FFFFFF;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	line-height: 1;
        font-family: Verdana;
	font-size: 12px;
        background: #FFFFFF;
        white-space: nowrap;
        width: 139px;/*needed for chrome*/
        float: left;

}

/* controls the the sub menu link items */
#nav a {
	display: block;
    width:139px; /*match width above to get 1st level block all the way right*/
	color: 0000FF;
	text-decoration: none;
	font-size: 12px;
	/*padding-left:24px; fix lack of indent on visited nav*/
	padding-top:0px;
	padding-bottom:0px;

}


#nav li { /* all list items */
	float: left;
	padding: 0;
	/*width: 100px; controls width of hilight behind buttons*/
    /*width:10xx;  width needed or else Opera goes nuts, but commented out because images crash with it in ie! */
	height: 24px; /* tried going larger to accomodate tall graphics - was 24*/
	white-space: nowrap;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 14em;  /*Commenting out width makes items show side-by-side!*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    BORDER-TOP:#CCCCCC 1px solid;
	BORDER-BOTTOM:#0C37B2 2px solid;
	PADDING-BOTTOM: 0;
	BORDER-LEFT:#27BF29 2px solid;
	PADDING-LEFT: 0px;
	BORDER-RIGHT:#CCCCCC 1px solid;
	PADDING-RIGHT: 0;
    MARGIN-LEFT: 139px;
    MARGIN-TOP: -26px;
	OPACITY: .9;
	/*FILTER: alpha(opacity=90);*/ /* makes 3rd level dissapear */
        height: auto;
}

/* not in sf original - seems ok*/
#nav li li {
	/*padding-right: 1em;*/
	width: 14em;

}

/* not in orig - seems ok */

#nav li ul a {
	WIDTH: 14em; /* controls width of rollover bg */
	PADDING-TOP: .5em;
	PADDING-BOTTOM: .5em;
	padding-left:24px; /*fix lack of indent on visited nav*/
	PADDING-RIGHT: .5em;
	COLOR: #0000FF;
	TEXT-DECORATION: none;
}


#nav li ul ul { /* third-and-above-level lists */
      	margin: -2em 0 0 14em;
        /*margin: -16px 0 0 220px;*/ /*seems to break stuff for 2nd level*/

}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/* controls rollover background color */
	background: #DDDDDD;
}

#nav li:hover, #nav li.hover {
    position: static;
}

#contactform{     /*holds contactform form and callbuttons*/

}
#contactform form{
  float: left;
  width: 190px; /*match input width 190*/
  height: 80px; /*match height to callbuttons 80*/
  margin: 4px 0px 0px 0px;
  padding: 0px;
  /*background: #00CCCC; teal*/

}

#callbuttons{
   float: left;
   width: 430px;
   height: 80px;
   /*background: #CC0000;*/
}

.inputfield { margin: 0px; font-family: Tahoma, Arial, sans-serif; font-size: 10px; width: 190px; height: 22px; float: left; }
.inputlabel { padding-right: 4px; margin: 2px auto; font-family: Tahoma, Arial, sans-serif; font-size: 12px; height:22px; width: 34px; text-align: right;  float: left; }
.inputfield input { margin: 2px; border: 1px solid #A5ACB2; font-family: Tahoma, Arial, sans-serif; padding: 0px; font-size: 12px; height: 16px;  vertical-align: middle; float: none;}

  .forminput{
    width: 132px;
    /*background: Aqua;*/
  }


  .phone_input_3 {
    text-align:center;
    width: 25px;
  }

  .phone_input_4 {
    text-align:center;
    width: 35px;
  }

  #sohocontent{ /*maroon*/
  /*background-color: #660033;*/
  float: left;
  width: 620px;
}