/* *********************
MASTER CSS


body

(Universal Styles)

  |_#wrapper_outter
	  |_#wrapper_inner
	    |_#header
		|_#navigation
		|_#banner
		|_#main
		  |_#main .column_maincontent
		|_#footer		

COLORS:
green (border): #a3a892
green (headlines): #323d0c
green-blue (links) #198c9d

********************* */

body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: url(images/background2_tile.jpg) top right repeat-x;
}

body#home {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: url(images/background_tile.jpg) top right repeat-x;
}

/* UNIVERSAL STLES */
a {
color: #198c9d;
text-decoration: none;
}
a:hover {
color:#323d0c;
}

#wrapper_outter {
background: url(images/content_center_background2.jpg) top right no-repeat;
width: 1005px;
margin: 0 auto;
}


#home #wrapper_outter {
background: url(images/content_center_background.jpg) top right no-repeat;
width: 1005px;
margin: 0 auto;
}

#wrapper_inner {
background:url(images/contentshadow.gif) top right no-repeat;
width: 812px;
margin-left:102px;
min-height:500px;
}

#home #wrapper_inner {
background:url(images/contentshadow2.gif) top right no-repeat;
width: 812px;
margin-left:102px;
min-height:500px;
}


	#header {
	width: 793px; /* full width: 805px; */
	padding-right: 12px;
	height: 81px;
	}
		#header p {
		color: #fff;
		text-align: right;
		padding-top: 58px;
		}
		
	#navigation {
	width: 781px; /* full width: 805px; */
	padding-left: 24px;
	height: 25px;
	display: block;
	}
		#navigation li {
		float: left;
		line-height: 25px;
		padding-right: 28px;
		background: url(images/navbackground.gif) top right no-repeat;
		font-size: 11px;
		color: #0c6676;
		text-transform:uppercase;
		}
		#navigation li a {
		color: #0c6676;
		text-decoration: none;
		}
		#navigation li a:hover,
		#navigation li.current a {
		color: #fff;
		}
		#navigation li.last {
		background: none;
		}
	
	
	
	#banner {
	padding: 0 1px 1px 1px;
	width: 803px;
	height: 183px;
	}
	
	#home #banner {
	height: 352px;
	}
	

	#main {
	width: 769px;
	padding: 21px 18px 25px 18px;
	}
	#main p {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	}
	#main h1 {
	font-size: 13px;
	color: #323d0c;
	}
	#main h2 {
	font-size: 11px;
	color: #323d0c;
	}
	#main h2.flash {
	margin-top: 33px;
	}
	#main h2.tophead {
	margin-top: 12px;
	}
	#main .column_wide #windowcleaner h2.flash {
	margin: 0;
	}
	
		#main .column_wide {
		width: 291px;
		float: left;
		}
		#main .column_wide .block {
		border: 1px solid #a3a892;
		padding: 12px;
		}
		
		#main .column_wide #windowcleaner {
		background: url(images/windowcleaning.jpg) top left no-repeat;
		height: 103px;
		padding: 12px 10px 12px 160px;
		width: 121px;
		margin-top: 20px;
		}
		#main .column_wide #windowcleaner p {
		margin-top: 5px;
		}
		
		#main .column_content {
		width: 221px;
		float: left;
		padding-left: 18px;
		}
		#home #main .column_content {
		width: 211px;
		padding-left: 28px;
		}

		#main .column_maincontent form input.txt, 
		#main .column_content form input.txt {
		width: 175px;
		border: 1px solid #a3a892;
		background-color:#faf0c2;
		}
		#main .column_maincontent form table td,
		#main .column_content form table td {
		vertical-align: middle;
		padding-right: 6px;
		}
		#main .column_content form table {
		margin: 5px 0 15px 0;
		}
		
		
		
		#main .dividerarea {
		background:url(images/greenpix.gif) 530px 0 repeat-y;
		}
		
		#main .headline {
		margin-bottom: 15px;
		}
		
		#main .column_maincontent {
		width: 512px; /*full width: 530px */
		float: left;
		padding-right: 18px;
		}
		
			#main .column_maincontent h1 {
			margin: 10px 0 15px 0;
			}
			#main .column_maincontent p {
			padding: 0 0 15px 0;
			}
			
			
		#main table.productlisting {
		margin: 10px 0;
		}
		
		#main table.productlisting th {
		color: #fff;
		background-color: #a3a892;
		padding: 3px;
		text-align: left;
		white-space: nowrap;
		background-repeat: no-repeat; 
		background-position: center right;
		padding-right: 20px;
		}
		#main table.productlisting th.header {
		cursor: pointer;
		background-image: url(images/updown.gif);
		}
		#main table.productlisting th.headerSortUp { 
		background-image: url(images/asc.gif); 
		}
		#main table.productlisting th.headerSortDown { 
		background-image: url(images/desc.gif); 
		}

		
		#main table.productlisting td {
		padding: 3px;
		vertical-align: top;
		}
		#main table.productlisting tr.odd td {
		background-color:#faf0c2;
		}
	
		#main ul {
			margin: 0 0 20px 20px;
			list-style:disc
		}
		#main li {
			padding: 0 0 3px 0;
		}
		
		#main form .ctrlHolder {
		display: block;
		clear: both;
		padding-bottom: 5px;
		}
		#main form label {
		display: block;
		width: 150px;
		float: left;
		padding: 2px 10px 0 0;
		text-align: right;
		font-weight: bold;
		}
		#main form label.error {
		color: #CC0000;
		padding: 0 0 13px 160px;
		float: left;
		width: 357px;
		text-align: left;
		}
		#main form .fieldbox label.error {
		width: 352px;
		padding: 0;
		}
		#main form label em {
		color: #CC0000;
		}
		div.container {
		background-color: #eee;
		border: 1px solid red;
		margin: 0 0 15px 0;
		padding: 5px;
		}
		#main div.container p {
		padding: 0;
		margin: 0;
		font-weight: bold;
		}
		div.container { display: none }

		#main form .buttonHolder {
		padding: 10px 0 0 160px;
		}
		#main form .buttonHolder .submitbutton {
		border: 1px solid #a3a892;
		background-color: #323d0c;
		color: #FFF;
		font-weight:bold;
		}
		
		#main form .fieldbox {
		display: block;
		width: 352px;
		float: left;
		}
		
			
			
	
#contentfooterbottom {
width: 903px; /* full width: 1005px; */
height: 11px;
margin: 0 auto;
padding-left: 102px;
}
#contentfooterbottom div {
width: 903px;
height: 11px;
background: url(images/backgroundshadowbottom.png) top left no-repeat;
}

#footer {
width: 812px;
margin: 10px auto;
padding-bottom: 30px;
text-align: right;
font-size: 10px;
color: #323d0c;
}
#footer a {
color: #323d0c;
}
#footer a:hover {
color:#000;
}
#footer ul {
margin-bottom: 4px;
}

#footer li {
display: inline;
padding-right: 21px;
background:url(images/footernavdivider.gif) center right no-repeat;
}
#footer ul.nodividers {
margin-top: 8px;
}
#footer ul.nodividers li {
background: none;
}
#footer ul li.last {
background: none;
padding: 0;
}




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */