html, body {
	height: 100%;
}

html{
	background: #67001B url(../clarktemplates/images/background_repeat.gif) repeat-y top center;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background: transparent url(../clarktemplates/images/background.jpg) no-repeat top center;
}


.clearFloats{
	clear: both;
	display: block;
	font-size: 0px;	
	height: 0px;
	overflow: hidden;
}

#container {
	background: #00f;
	width: 980px;
	margin: 0 auto;
	background:url(../clarktemplates/images/back-container.jpg) no-repeat left top;*/
	
	overflow: hidden; 	 
	/*left:-1px;*/ /* This -1 is only for KE when virtual-bg is applied */
		
}


 
* html #container {
	overflow: visible;
	}

#container #virtual-bg{
		position:absolute;
		top: 800px;
		left: 0;
		/*background:url(../clarktemplates/images/virtual-bg.jpg) repeat-y left top;
		*/
		height: 100%;
		width:203px;
	}
	/* html #container #virtual-bg {
		height: 100000px;
		z-index:800;
	}*/

* html #container {
height: 100%;
}

 
.top-devider {
	height:20px;background:#820026;
}

.top-devider img {
	margin: 0;
	padding: 0;
}

/* Left Area */
#sideleft {
	width: 203px;
	float: left;
}


#leftcontent {
	width: 164px;
	margin: 50px auto 0 auto;	
}


/* Menu List*/
#menus ul, #menus ul li {
	padding: 8px 0;
	margin: 0;
}

#menus li {
	list-style: none;
	border-bottom: #8F4053 dotted 1px;
}

html body #container #virtual-bg{
	display: none;
}

li a {
   display: block;
   color: #E9E9E9;
   text-decoration: none;
}

li a:hover {
   display: block;
   color: #666666;
   background: url(../clarktemplates/images/arw1.jpg) no-repeat center right;
   text-decoration: none;
}

/* Active Menu */
.active {
	font-size: 13px;
	background: url(../clarktemplates/images/arw1.jpg) no-repeat center right!important;	
	font-weight: bold!important;
}

/*Sub Menu List*/
#menus ul ul, #menus li li {
	padding: 8px 0;
	margin: 0;
	font-size: 11px;
}

#menus ul ul {
	border-top: #8F4053 dotted 1px;
	margin-top: 8px;
}

#menus li li {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 4px 0!important;
	border-bottom: none !important;
}

li li a {
   background: url(../clarktemplates/images/arw2.jpg) no-repeat center left!important;
   padding-left: 10px;
}


li li a:hover {
   display: block;
   color: #666666;
   text-decoration: none;
}

.subactive {
	color:#FF9933 !important;
	
}

/*Sub Sub Menu List*/
#menus ul ul ul, #menus li li li{
	padding-top: 0px;
	padding-left:15px;
	margin: 0;
	font-size: 11px;
}

#menus ul ul ul {
	border-top: 0 none;
	margin:0px;
}

#menus li li li{
	list-style: none;
	margin-left: 10px;
	padding-bottom: 8px;
	border-bottom-style: none;
}

li li li a {
   background: url(../clarktemplates/images/arw2.jpg) no-repeat center left!important;
   padding-left: 10px;
}


li li li a:hover {
   display: block;
   color: #666666;
   text-decoration: none;
}


/* Search */
.search {
	padding-top: 20px;
}

.searchfield {
	width: 120px;
	height: 15px;
	background-color: #5C0017 !important;		
	border: #781C33 solid 1px;
	font-size: 11px;
	color: #999999;
	padding: 3px 6px;
}


/* Midle Content */
#sidemiddle {
	width: 572px;
	float: left;
	background-color: #FFFFFF;
	color: #333333;
	overflow: hidden;
}


#midtitle {
	background: url(../clarktemplates/images/content-bg.jpg) no-repeat;
	height: 65px;
}

#middlecontent {
	width: 532px;
	margin: 0 auto;
}

/* breadcrumbs */
#breadcrumbs {
	padding: 5px 0 15px 0;
	color: #666666;
}

#breadcrumbs a {
	color: #666666;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #999999;
	text-decoration: none;
}

#midtitle {
	padding-left: 20px;
}


/* Footer */
#footer {
	width: 532px;
	margin: 30px auto 0 auto;
	padding: 10px 0;
	font-size: 11px;
	color: #999999;
	border-top: #CCCCCC solid 1px;
}

.copyright {
	float: left;
}

.link {
	float: right;
}

#footer a {
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #999999;
	text-decoration: underline;
}













/* Right Area */
#sideright {
	width: 204px;
	float: left;
	border: none;
}



#promo {
	margin-top: 20px;






}


/* Clear sides */
.clearboth {
	clear: both;
}#recordnav {
	
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 15px;
	padding-left: 0;
	color: #666666;

}
#recordnav a {


	color: #666666;
	text-decoration: none;
}
#recordnav a:hover {




	color: #999999;
	text-decoration: underline;

}

/* next navigation*/
.nextnav{
	text-align:right;
	padding: 2px;
}

/* common style */
h1 {
	font-size: 20px;
	color: #5F5E5E;
	padding: 0;
	margin: 5px 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h1 strong {
	color: #3F3E3E;
}

h2 {
	font-size: 18px;
	color: #5F5E5E;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-bottom:7px;
}
h2 strong {
	color: #3F3E3E;
}	

.warrantyInfo h3{
	font-size: 1.2em;
	margin: 15px 0 5px 0;	
}

.warrantyInfo p{
	margin-top: 0;
}

.warrantyInfo ul{
	margin: 0;
	padding: 0;	
	list-style-type: disc;
	list-style-position: outside;
}

.warrantyInfo li{
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;	
	list-style-type: disc;
	list-style-position: outside;
}

.warrantyInfo table{
	border: none;
	border-left: 1px solid #444;
	border-top: 1px solid #444;
}


.warrantyInfo table td{
	padding: 4px;
	border: none;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
}