/* CSS Document */

body {

}

#container {
	width:891px;


	}
			
#header {
	height:155px;
	width:900px;
	font-family:Arial;
	font-size:13px;
	color:2a2a2a;
	margin-left:15px;
	}


#header2 {
	margin-top:10px;
	border-style:solid;
	border-width:1px;
	border-color:white;
	border-bottom-color:#cccccc;
	border-top-color:#cccccc;
	height:25px;
	width:861px;
}



#menu {
	
	left: 0px;
	margin-left:15px;
	width: 188px;
	float: left;
	font-family:Arial;
	font-size:13px;
	height:auto;
	}


#content {
	position: inherit;
	width: 658px;
	height: 691px;
	float:left;
	font-family:Arial;
	font-size:12px;
	padding-left:15px;
	
	
	}
#footer
{
	margin-right:10px;
	margin-left:10px;
	margin-top: 10px;
	padding-left:5px;
	position:inherit;
	width:974px;
	font-size:10px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#F3F3F3;
	border-color:#CCCCCC;
}

a {
	text-decoration:none;
}

a:link {
COLOR: black;
}
a:visited {
COLOR:black;
}
a:hover {
COLOR: red;
}
a:active {
COLOR: red;
}

a.red {
color:red;
}

a.blank {
color:white;
}

li.red {
	width:800px;
	list-style-type:none;
}
	

li.menu {
        margin:0px 10px 3px -40px;
		color:black;
		height:auto;
		min-height:15px;
        padding:2px;
        list-style-type:none;
        display:block;
        width:178px;
		border-bottom:thick;
		font-family:Arial;
		font-size:12px;
		border-style:solid;
		border-color:white;
		border-bottom-color:#cccccc;
		border-width:1px;
		
    }
	
li.menu3 {
        margin:0px 10px 3px -40px;
		color:black;
		height:auto;
		min-height:20px;
        padding:2px;
        list-style-type:none;
        display:block;
        width:178px;
		border-bottom:thick;
		font-family:Arial;
		font-size:12px;
		border-style:solid;
		border-color:white;
		border-bottom-color:#cccccc;
		border-top-color:#cccccc;
		border-width:1px;
		
    }
	
	
li.menu2 {
        margin:0px 10px 3px -40px;
		color:black;
		height:auto;
		min-height:15px;
        padding:2px;
        list-style-type:none;
        display:block;
        width:178px;
		border-bottom:none;
		font-family:Arial;
		font-size:12px;
		border-style:solid;
		border-color:white;
		border-bottom-color:#cccccc;
		border-width:0px;
		
    }
	
	
li.sub {
		margin:0px 10px 3px -10px;
		color:black;
		height:auto;
		min-height:15px;
        padding:2px;
        list-style-type:none;
        display:block;
        width:178px;
		border-bottom:none;
		font-family:Arial;
		font-size:12px;
		border-style:solid;
		border-color:white;
		border-bottom-color:#cccccc;
		border-width:0px;
}

td.entrancemat {
	padding-left:10px;
	font-color:red;
}
	
li.red{
	color:#DD0000;
	border-color:white;
}
   
    li a{
        width:100%;
    }
   
    li a:link,
    li a:visited{
        color:black;
        font-family:Arial;
        font-size:70%;
        text-decoration:none;
        display:block;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:100%;
		font-size:13px;
    }
   
    li a:hover{
        color:#DD0000;;
    }
	
input[type=text] {
border-style:solid;
width:105px;
height:12px;
border-color:#cccccc;
border-width:1px;
font-size:10px;
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


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

div.product_panel {margin:5px 5px; border-bottom:1px solid #ddd; float:left;
width:420px;font-family:Arial;}
.cleanoff_product {font-family:Arial;}

.cleanoff_product h2 {font-size:1.1em; 
color:#999; padding:20px 0px 0px 10px; margin:0px;}

.cleanoff_product h3 {font-size:1.5em; 
color:#333; padding:10px 10px 20px 10px; margin:0px;}

.range_image {float:left; margin:3px;}
.range_info {margin: 0px 0px 5px 5px; float:left; width:280px;}
.range_info h2 {font-family: arial, sans-serif; 
color:#666; padding:0px; margin: 1px 0px;
 }



.range_info p {font-size:0.8em; font-family:Arial;;;
color:#666666;}
.range_info p a {text-decoration:none;}
.range_info p a:hover {color:#000;}

.imageHolder {margin:2px 10px; padding:5px 5px 10px 5px; 
background-color:#eee; width:180px; float:left;}
.imageHolder p {padding:4px 0px 0px 0px; margin:0px; color:#333;
text-align:right; width:180px; font-size:0.7em;}

.image_thumb {margin:10px 1px}

.product_details {float:left; width:380px; margin:10px;}


.product_details th {background-color:#ddd;
 padding:0px 6px;}
.product_details td {background-color:#eee;
padding:4px 6px;}

#motioncontainer {width:380px; margin:0px 10px; float:left;
background-image:url('./cleanoff/co_images/icons/arrow_right_up.gif');
background-position:bottom left;
background-repeat:no-repeat;}

.product_intro {
 color:#333;
width:400px; float:left; }

#motioncontainer:hover {
background-image:url('./cleanoff/co_images/icons/arrow_right.gif');
}

#top_section {float:left;}

.foot_notes p {font-size:0.9em; padding: 0px 10px;}