@charset "UTF-8";
/* CSS Document */

	body,
	html {
		margin:0;
		padding:0;
		background:#a7a09a;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
	}
	body {
		min-width:800px;
	}
	#wrap {
		background:#fff;
		margin:0 auto;
		width:800px;
	}
	#header {
		position:relative;
		background:#fff;
		height:120px;
		width:800px;
	}
	.ccsLOGO {
		position: absolute;
		left:26px;
		top:26px;
	}
	.onesource {
		position: absolute;
		left:516px;
		top:32px;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	#nav {
		background-image:url(images/bckgrnd_nav.gif);
		background-repeat:repeat-x;
		padding-top:8px;
		text-align:center;
		height:22px;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0 15px 0px 15px;
	}
	

/* Home Page --------------------- */	

	#mainHOME {
		position:relative;
		background:#fff;
		background-image:url(images/bckgrnd_home_content.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		float:left;
		width:800px;
		font-size:12px;
		line-height:20px;
		color:#666666;
		padding:26px 0px 16px 0px;
	}
	#mainHOME h2, #mainHOME h3, #mainHOME p {
		padding:0px 300px 10px 26px;
		margin:0;
    }
	 #mainHOME a:link, #mainHOME a:visited, #mainHOME a:hover, #mainHOME a:active {
		color: #336699;
		text-decoration: underline;
	}
	.flashHolder {
		margin:0;
		padding:0;
		height:200px;
		width:800px;
	}
	.address {
	position: absolute;
	left:542px;
	top:131px;
	text-align:right;
	color:#336699;
	font-weight:bold;
	width: 233px;
		}
	


/* Secondary Pages --------------------- */	
	
	.productTitle {
		width: 800px;
		background-color:#666666;
		color:#fff;
		padding:0px;
		margin:0px;
	}
	.productTitle h2  {
		padding:10px 70px 10px 30px;
		margin:0;
		float:left;
    }
	.backlink  {
		padding:0px;
		margin:17px 20px 0px 0px;
		font-size:12px;
		float:right;
    }
	.productTitle p  {
		padding:10px 70px 10px 30px;
		margin:0;
		font-size:12px;
    }
	 .productTitle a:link, .productTitle a:visited, .productTitle a:hover, .productTitle a:active {
		color: #fff;
		text-decoration: underline;
	}
	#main, #mainreplacmentparts {
		background:#fff;
		float:right;
		font-size:12px;
		line-height:18px;
		color:#666666;
		width:534px;
		height:550px;
		overflow: auto;
		overflow-x: hidden;
	}
	#main h2, #main h3, #main p {
		padding:20px 20px 0px 20px;
    }
	#mainreplacmentparts h2, #mainreplacmentparts h3, #mainreplacmentparts p {
		padding:0px 20px 0px 20px;
		margin:0;
    }
	
	 #main a:link, #main a:visited, #main a:hover, #main a:active, .mainaboutus  a:link, .mainaboutus  a:visited, .mainaboutus  a:hover, .mainaboutus  a:active, #sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
		color: #336699;
		text-decoration: underline;
	}
	#main li {
	margin-bottom:5px;
	}
	#sidebar {
		background: #ddd;
		font-size:11px;
		line-height:15px;
		color:#666666;
		float:left;
		width:245px;
		height:550px;
		padding:0 10px;
		overflow: auto;
		overflow-x: hidden;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #999999;
	}
	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h3 {
		padding:20px 0px 0px 0px;
		text-align:center;

    }
	 #sidebar p {
		padding:10px 0px 0px 0px;
		text-align:center;
    }
	#main h3, #sidebar h3, #mainProductPage h3, #mainIdlerSelect h3, .mainaboutus h3, #mainreplacmentparts h3 {
		color:#0066CC;
		font-size:16px;
		font-weight:bold;
	}
	#main h2, #mainIdlerSelect h2 {
		font-size:18px;
		line-height:25px;
		}
	#mainProductPage {
		background:#fff;
		width:800px;
		font-size:12px;
		line-height:20px;
		color:#666666;
	}
	#mainIdlerSelect {
		background:#fff;
		width:800px;
		font-size:12px;
		line-height:20px;
		color:#666666;
		text-align:center;
		padding:20px 0px;
	}
	#mainIdlerSelect a:link, #mainIdlerSelect a:visited, #mainIdlerSelect a:hover, #mainIdlerSelect a:active {
		color: #336699;
		text-decoration: underline;
	}
	.mainaboutus {
		background:#fff;
		width:780px;
		padding:20px 0px 20px 20px;
		margin:0;
		font-size:12px;
		line-height:20px;
		color:#666666;
	}
	.error {
	color : #cc0000;
}
/* quote forms --------------------- */	
	
	select, option, textarea, .form {
		font: normal 11px verdana;
		color: #41658A;
		border-top: solid 1px #34516E;
		border-left: solid 1px #34516E;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		background-color: #EAF5FF;
}

/* product shots and blueprints --------------------- */	
	
		
	.center{
		text-align: center;
		background-color: #FFFFFF;
		vertical-align:top;
	}	
		
/* product data tables --------------------- */	
	
		
	.small{
		font-size:12px;
		text-align: center;
		background-color: #FFFFFF;
	}
	.smallblue {
		font-size:12px;
		color:#333;
		text-align: center;
		background-color: #99CCFF;
	}

	.header{
		font-size:12px;
		font-weight:bold;
		color:#0066CC;
		text-align: center;
		background-color: #FFFFFF;
	}
	
/* blueprint pop ups --------------------- */	

	.BluePrint{
		margin:0 auto;
		width:800px;
		color:#FFFFFF;
		font-size:10px;
		text-align:center;
	}
	 .BluePrint a:link, .BluePrint a:visited, .BluePrint a:hover, .BluePrint a:active {
		color: #FFF;
		text-decoration: underline;
	}

/* footer --------------------- */	
	
	
	#footer {
		background:#666666;
		clear:both;
		color:#CCCCCC;
		font-size:10px;
	}
	#footer p {
		padding:10px;
		margin:0;
    }
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #CCCCCC;
	text-decoration: underline;
	}
	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	margin:0;
	padding:0;
    height:0;
    line-height: 0px;
}