@charset "utf-8";
/* CSS Document */

html, body, ul, li, p, h1 , h2, h3, h4, h5, h6, form, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	background-image: url(/images/common/page-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #f1efec;
}

a
{
color:#438c3d;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

div#vertical-bg
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/vertical-bg.gif);
	background-position: center;
	background-repeat: repeat-y;
}

div#header-bg
{
	display: block;
	float: left;
	width: 100%;
	background-image: url(/images/common/header-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

div#container
{
	position: relative;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

div#header
{
	display: block;
	float: left;
	width: 880px;
	height: 137px;
	background-color: #fafafa;
	background-image: url(/images/common/header-photo.jpg);
	background-position:20px 30px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#tel{position:absolute;top:100px;left:90px;color:#438c3d;font-style:italic}

h1#logo a:link,
h1#logo a:visited
{
   display: inline;
   float: left;
   width: 219px;

   background-image: url(/images/common/your-best-room.gif);
   background-position: top left;
   background-repeat: no-repeat;

   padding: 40px 0px 0px 0px;
   overflow: hidden;

    height: 0px !important;
    height /**/: 40px;
}

ul#utility-nav
{
	display: inline;
	float: right;
	font-size: 10px;
	font-weight: bold;
}

ul#utility-nav li
{
	display: inline;
	float: left;
	padding: 17px 17px 17px 0;
}

ul#utility-nav li a:link,
ul#utility-nav li a:visited
{
	text-decoration: none;
	color: #7d7d7d;
}

ul#utility-nav li a:active,
ul#utility-nav li a:hover
{
	text-decoration: underline;
}

div#fullwidth
{
	display: block;
	float: left;
	width: 880px;
	background-color: #f4f3ef;
	background-image: url(/images/common/fullwidth-bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	overflow: hidden;
}

div#fullwidth ul li a
{
display:block;
background:#00CC66;
margin-top:5px;
color:#fff;
padding:10px;
text-decoration:none;
}
div#fullwidth ul li a:hover
{
background:#fff;
color:#00CC66;
}

div#footer
{
	display: block;
	float: left;
	width: 100%;
	height: 131px;
	background-image: url(/images/common/footer-shadow.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

div#footer-container
{
	position: relative;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}

ul#footer-nav
{
	display: block;
	float: left;
	width: 860px;
	height: 68px;
	background-image: url(/images/common/footer-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-left: 20px;
}

ul#footer-nav li
{
	display: inline;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	height: 68px;
	line-height: 68px;
	padding-left: 17px;
}

ul#footer-nav li#copyright
{
	padding-left: 125px;
}

ul#footer-nav li a:link,
ul#footer-nav li a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

ul#footer-nav li a:active,
ul#footer-nav li a:hover
{
	text-decoration: underline;
}



ul#primary-nav
{
	display: inline;
	float: right;
	width: 545px;
	height: 5px;
	padding-top:0px;
	padding-left:335px;	
}

ul#primary-nav li
{
	display: inline;
	float: left;
	height: 45px;
}

ul#primary-nav li a:link,
ul#primary-nav li a:visited
{
   display: inline;
   float: left;
   width: 50px;

   background-position: top left;
   background-repeat: no-repeat;

   padding: 45px 0px 0px 0px;
   overflow: hidden;

    height: 0px !important;
    height /**/:45px;
}

ul#primary-nav li#nav-new-machinery a:link,
ul#primary-nav li#nav-new-machinery a:visited
{
	background-image: url(/images/common/nav/new-machinery.gif);	 
	width: 103px;  
}

ul#primary-nav li#nav-new-machinery a:active,
ul#primary-nav li#nav-new-machinery a:hover
{
	background-image: url(/images/common/nav/new-machineryON.gif);	   
}

ul#primary-nav li#nav-machinery-for-sale a:link,
ul#primary-nav li#nav-machinery-for-sale a:visited
{
	background-image: url(/images/common/nav/machinery-for-sale.gif);	 
	width: 129px;  
	margin-left:1px;
}

ul#primary-nav li#nav-machinery-for-sale a:active,
ul#primary-nav li#nav-machinery-for-sale a:hover
{
	background-image: url(/images/common/nav/machinery-for-saleON.gif);	   
}

ul#primary-nav li#nav-parts-department a:link,
ul#primary-nav li#nav-parts-department a:visited
{
	background-image: url(/images/common/nav/parts-department.gif);	 
	width: 115px;  
	margin-left:1px;	
}

ul#primary-nav li#nav-parts-department a:active,
ul#primary-nav li#nav-parts-department a:hover
{
	background-image: url(/images/common/nav/parts-departmentON.gif);	   
}

ul#primary-nav li#nav-service-department a:link,
ul#primary-nav li#nav-service-department a:visited
{
	background-image: url(/images/common/nav/service-department.gif);	 
	width: 130px;  
	margin-left:1px;		
}

ul#primary-nav li#nav-service-department a:active,
ul#primary-nav li#nav-service-department a:hover
{
	background-image: url(/images/common/nav/service-departmentON.gif);	   
}


ul#primary-nav li#nav-location a:link,
ul#primary-nav li#nav-location a:visited
{
	background-image: url(/images/common/nav/location.gif);	 
	width: 64px;  
	margin-left:1px;			
}

ul#primary-nav li#nav-location a:active,
ul#primary-nav li#nav-location a:hover
{
	background-image: url(/images/common/nav/locationON.gif);	   
}

ul#primary-nav li#nav-contact a:link,
ul#primary-nav li#nav-contact a:visited
{
	background-image: url(/images/common/nav/contact.gif);	 
	width: 104px;  
	margin-left:1px;			
}

ul#primary-nav li#nav-contact a:active,
ul#primary-nav li#nav-contact a:hover
{
	background-image: url(/images/common/nav/contactON.gif);	   
}

/* --------------------------------------- selected page */
body.about-us ul#primary-nav li#nav-about-us a:link,
body.about-us ul#primary-nav li#nav-about-us a:visited
{
	background-image: url(/images/common/nav/about-usON.gif);	 
}

body.services ul#primary-nav li#nav-services a:link,
body.services ul#primary-nav li#nav-services a:visited
{
	background-image: url(/images/common/nav/servicesON.gif);	 
}

body.manufacturers ul#primary-nav li#nav-manufacturers a:link,
body.manufacturers ul#primary-nav li#nav-manufacturers a:visited
{
	background-image: url(/images/common/nav/manufacturersON.gif);	  
}

body.portfolio ul#primary-nav li#nav-portfolio a:link,
body.portfolio ul#primary-nav li#nav-portfolio a:visited
{
	background-image: url(/images/common/nav/portfolioON.gif);
}


body.plan-your-bathroom ul#primary-nav li#nav-plan-your-bathroom a:link,
body.plan-your-bathroom ul#primary-nav li#nav-plan-your-bathroom a:visited
{
	background-image: url(/images/common/nav/plan-your-bathroomON.gif);	  
}


div#image-space
{
	display: block;
	float: left;
	width: 846px;
	margin-bottom: 27px;
	padding-top: 17px;
	padding-left: 16px;
}

div#content-primary
{
	display: inline;
	float: right;
	width: 643px;
	margin-right: 17px;
	background-image: url(/images/common/content-dots.gif);
	background-position: left;
	background-repeat: repeat-y;
}

div#content-primary h1,
div#content-primary h2,
div#content-primary h3,
div#content-primary h4,
div#content-primary h5,
div#content-primary h6,
div#content-primary p
{
	padding: 0 0 20px 20px;

	font-weight: normal;
}

div#content-secondary h2
{
	padding: 0 0 20px 0px;
	color: #37983b;
	font-weight: normal;	
}

div#content-secondary h2,
{
	padding: 0 0 25px 0px;
	line-height: 1.6;
	font-weight: normal;

}

div#content-secondary img
{
	padding-top:10px;
}

div#content-primary img{	border:1px solid #00CC33;}

div#content-primary blockquote,
div#content-primary ol,
div#content-primary ul
{
	padding: 0 70px 20px 70px;
	color: #8b8a88;
	font-size: 12px;
	line-height: 1.6;
}

div#content-primary ol li,
div#content-primary ul li
{
	padding-bottom: 10px;
}


div#content-primary h1,
div#content-primary h2,div#content-secondary h2,div#fullwidth h2,
div#content-primary h3,
div#content-primary h4,
div#content-primary h5,
div#content-primary h6
{
	color: #37983b;
}

div#content-primary p
{
	color: #8b8a88;
	font-size: 12px;
}
div#content-secondary p
{
	color: #8b8a88;
	font-size: 12px;
}

div#content-secondary
{
	display: inline;
	float: left;
	width: 190px;
	margin-left: 17px;
}

div#content-secondary ul
{
	display: block;
	float: left;
	width: 190px;
	background-image: url(/images/common/secondary-menu-bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
}

div#content-secondary ul li
{
	display: block;
	float: left;
	width: 190px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}

div#content-secondary ul li.first-item
{
	background-image: url(/images/common/menu-first.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 33px;
	line-height: 33px;
}

div#content-secondary ul li.first-item a:link,
div#content-secondary ul li.first-item a:visited
{
	height: 33px;
	line-height: 33px;
	font-size: 14px;
}

div#content-secondary ul li.first-item a:active,
div#content-secondary ul li.first-item a:hover
{
	background-image: url(/images/common/nav-over-first.gif);
}

div#content-secondary ul li a:link,
div#content-secondary ul li a:visited
{
	text-decoration: none;
	color: #7c776c;
	display: block;
	float: left;
	width: 190px;
	height: 26px;
	line-height: 26px;
	text-indent: 10px;
}

div#content-secondary ul li a:active,
div#content-secondary ul li a:hover
{
	background-image: url(/images/common/nav-over.gif);
}	

div#home-dividers
{
	display: block;
	float: left;
	width: 856px;
	height: 373px;
	background-image: url(/images/home/dividers.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-position: 16px 0;
	padding-left: 16px;
	font-size: 12px;
	line-height: 1.6;
	color: #757471;
}

div#home-text-left
{
	display: inline;
	float: left;
	width: 386px;
	height: 119px;
	margin-top: 25px;
	margin-left: 10px;
	font-size:14px;
}

div#home-text-right
{
	display: inline;
	float: left;
	width: 386px;
	height: 119px;
	margin-top: 25px;
	margin-left: 53px;
	font-size:14px;	
}

div#home-links
{
	display: block;
	float: left;
	width: 852px;
	height: 190px;
	margin-top: 30px;
	margin-left: 1px;
	clear: left;
}

div#home-links .space
{
	margin-left: 26px;
}


	.subtitle
{
	text-align: left;
	padding-left: 10px;
	color: #444444;
}
div#parts-images {
padding:15px;
}
div#parts-images img{
margin:5px;
}


/*---------------- Expert Advise Form --------------------*/

form
{
	width: 500px;
	padding-left: 20px;
}

fieldset
{ 
	float: left;  
	clear: left;  
	width: 100%;  
	margin: 0 0 1.5em 0;  
	padding: 0;
}

legend 
{  
	margin-left: 10px;   
	color:#8b8a88;
}

fieldset ol 
{  
	padding: 1em 1em 0 1em;  
	list-style: none;
	float: left;
}

fieldset li 
{  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;

}

fieldset.submit 
{  
	float: none;  
	width: auto;  
	border: 0 none #FFF;  
	padding-left: 145px;
} 

label 
{  
	float: left;  
	width: 10em;  
	margin-right: 1em;
	color: #666666;
	text-align: left; 

}

.for-sale
{
float:right;width:625px;background:#fff;margin-bottom:10px;margin-left:20px;
}

.box
{
float:left;width:470px;padding:20px 10px 0px 10px;color:#569a4d;
}

.for-sale span{font-size:10px;color:#000}


form#wiltshire-form
{
	padding: 0px 0 0px 100px;
}

form#wiltshire-form fieldset
{
	border: 1px solid #DDDDDD;
	padding: 10px;
	width: 400px;
}

form#wiltshire-form fieldset legend
{
	border: 0px solid #CCCCCC;
	margin-left: 2px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

form#wiltshire-form label
{
	font-size: 12px;
	color: #666666;
}

form#wiltshire-form input,
form#wiltshire-form textarea
{
	margin-bottom: 10px;
}
