/*
Generic styles for all pages

*/

body {
	background-image: url(images/bg.jpg); 
	background-repeat: repeat-x;
}

#main_table{
background-image:url(images/bg_tile.gif);
background-repeat: repeat-y;
height: 1px;
width:758px;
}

/*  Style used to set the properties of Etomite link auto placed at the foot of the page */
#cms_notice {
	font-family: Tahoma, Arial, sans-serif; 
	 font-size: 10px; 
	 color: #E0ECF8;
	 text-align : center;
}

.menubg {
 	background-image: url(images/menu_bg.jpg); 
 	background-repeat: repeat-no;

 }
 
.smtxt {
	 font-family: Tahoma, Arial, sans-serif; 
	 font-size: 11px; color: #06069B;
	 }
	 
.xsmtxt { 
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 9px; color: #06069B;
	}
	
a.xsmtxt:link {
	 font-family: Tahoma, Arial, sans-serif; 
	 font-size: 9px; color: #06069B; 
	 text-decoration: none
	 }
	 
a.xsmtxt:visited { 
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 9px; color: #06069B;
	 text-decoration: none
	 }
	 
a.xsmtxt:hover {
	 font-family: Tahoma, Arial, sans-serif; 
	 font-size: 9px; color: #06069B; 
	 text-decoration: underline
	 }
	 
.revsmtxt {
	 font-family: Tahoma, Arial, sans-serif; 
	 font-size: 11px; color: #FFFFFF;
	 }

#bluetable{
	vertical-align : top;
}


.section_menu a {
    vertical-align : top;
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF;
	text-decoration: none;
}

.section_menu a:hover{
    vertical-align : top;
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 11px; 
	font-weight : bold;
	color: #FFFFFF;
	text-decoration: none;
}

.section_menu{
width: 150px;
}

.menu_area{
vertical-align : top;
}

.email{
text-align : center;
font-family : sans-serif;
font-size : 11px;
color : #FFF;
font-weight : bold;
}

/*
ID defined styles that may be different of section pages
*/


/*  Styles for the DTAB Home Page */
#home .bgpic{
background-image : url(images/home_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
height: 334px;
}

#home .txtbg{
	background-image: url(images/home_textpanel.jpg); 
	background-repeat: no-repeat;
	height : 124px;
}


/*  Styles for the DTAB Installation Page */
#installation .bgpic{
background-image : url(images/Installations_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
height: 334px;
}

#installation .txtbg{
	background-image: url(images/Installations_textpanel.jpg); 
	background-repeat: no-repeat;
	height: 85px;
}


/*  Styles for the DTAB Design Page */
#design .bgpic{
background-image : url(images/design_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
height: 334px;
}

#design .txtbg{
	background-image: url(images/design_textpanel.jpg); 
	background-repeat: no-repeat;
	height : 124px;
}

/*  Styles for the DTAB Special OffersPage */

#special .main_area{
vertical-align : top;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
text-align : justify;
color:#06069B; 
width : 580px;
padding-left : 10px;
	}


#special .bgpic{
background-image : url(images/special_offers.jpg);
background-repeat : no-repeat;
width : 758px;
height: 458px;
background-position : top; 
vertical-align : top;
}

#special .txtbg{
/*background-image: url(images/home_textpanel.jpg); 
	background-repeat: no-repeat;
	height : 1px;*/
}

/*  Styles for the DTAB Design Page */
#drain .bgpic{
background-image : url(images/drain_cleaning_bg.jpg);
background-repeat : no-repeat;
width : 758px;
height: 438px;

}
#drain_cleaning_text{
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
width:220px;
color:#ffffff; 
padding: 10px 5px 10px 5px;
vertical-align : text-top;
}


/*  Styles for the DTAB Design Page */
#contact .bgpic{
background-image : url(images/contact_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
/*padding-top: 20px;
padding-left: 20px;*/
}

#contact .txtbg{
	height: 0px;
}
/*  Styles for the DTAB Bathroom Page */

#bathroom .main_area{
vertical-align : top;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
text-align : justify;
color:#06069B; 
width : 580px;
padding-left : 10px;
	}


#bathroom .bgpic{
background-image : url(images/bathrooms_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
height: 458px;
background-position : top; 
vertical-align : text-top;

	}

.sectiontable{
font-size:10px;
padding:0px;
text-align:center;
color:#1113A6;
}

.sectiontable a img{
text-decoration:none;
border:none;
}


.sectiontable a  {
text-decoration:none;
border:none;
color:#1113A6;
}

.sectiontable a:link  {
text-decoration:none;
border:none;
color:#1113A6;
}

.sectiontable a:visited  {
text-decoration:none;
border:none;
color:#1113A6;
}

.sectiontable a:hover {
text-decoration:none;
border:none;
color:#1113A6;
font-weight:bold;
}
/*#bathroom .txtbg{
	background-image: url(images/home_textpanel.jpg); 
	background-repeat: no-repeat;
	height : 50px;
}*/



/*  Styles for Kitchen page */
#kitchen .main_area{
vertical-align : top;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
text-align : justify;
color:#06069B; 
width : 580px;
padding-left : 10px;
	}



#kitchen .bgpic{
background-image : url(images/kitchens_bgpic.jpg);
background-repeat : no-repeat;
width : 758px;
height: 458px;
background-position : top; 
vertical-align : top;
	}
	



/*  Styles for Tiles page */
#tiles .main_area{
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color:#fff; 
text-decoration:none;
width : 580px;
vertical-align : top;
	}



#tiles .bgpic{
background-image : url(images/tiles_bg.jpg);
background-repeat : no-repeat;
width : 758px;
height: 458px;
background-position : top; 
vertical-align : top;
	}
	
#tiles .txtbg{
	
}

/* begin formatting of contact form - in HTML, form must have id="contactform" */

form#contactform {
	margin:0;
	padding:0;
	 width:380px;
	/*comment out the above line have form expand to width of containing element */
}

form#contactform  label{
	display:block;
	padding:1px 0 1px 145px; /* the last value here creates a space equivalent to the width of the span containing label text */
	margin: 0 0 0px 0;
	color: #06069B;
	/*background-color:#D6E6F5;*/
	font-family : sans-serif;
	font-weight:bold;
	font-size : 11px;

}

 form#contactform  label span{
	position: relative;
	left: -135px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -145px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 1px;
}

form#contactform input.texfield{
	width: 220px;
}

form#contactform select{
	width: 220px;
}

form#contactform  textarea{
	width: 220px;
	background: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#contactform  p#buttons {
	text-align:center;
	
}
/*end formatting of contact form */