html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.clear{clear: both;}

.bottom-10{margin-bottom:10px;}
.bottom-15{margin-bottom:15px;}
.bottom-20{margin-bottom:20px;}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing rightColumnContentr defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* rightColumnContentrs. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #222;
	line-height: 1.6em;
}

#wrapper {
	margin: 0 auto;
	width: 900px;
	display: block;
	position: relative;	
}

#main {
	border: solid 2px #000;
	width: 900px;
	background-color: #FFF;
}

#header {
	width: 900px;
	height: 138px;
	background: #962A99 url(images/header.jpg) no-repeat;
}

#header-flash-animation {
	position: absolute;
	vertical-align:top;
	width: 900px;
	height: 138px;
	overflow: hidden;
	/*margin: -31px 0 0 0;*/
	padding: 0 0 0 0;
	border: none 0 transparent;
}
.top-banner {
	position: absolute;
	display: block;
	width: 900px;
	height: 138px;
	text-decoration: none;
	z-index: 99;
}

#main-menu {
	width: 900px;
	height: 60px;
	background: #000 url(images/menu-bar-background.gif) repeat-x;	
	font-weight: bold;
	font-size: 14px;	
}

#main-menu .main-menu-content {
	padding: 7px 0 0 0;	
}
.main-menu-content a {
	color: #FFF;
	text-decoration: none;
	padding: 0 30px 0 30px;
}
.main-menu-content a:hover, .main-menu-content a:active {
	color: #ED7D4F;
	text-decoration: none;
}

#main-menu .main-menu-breadcrumbs
{
	padding: 11px 0 0 10px;
	color: #AAA;
	text-align: left;
	font-size: 12px;
}
.main-menu-breadcrumbs a
{
	color: #AAA;
	text-decoration: none;
}
.main-menu-breadcrumbs a:hover, .main-menu-breadcrumbs a:active
{
	color: #DDD;
	text-decoration: underline;
}


#menu-page-separator {
	width: 900px;
	height: 20px;
	background: #C2C2C2 url(images/gray-gradient.gif) repeat-x;
}
#menu-page-separator h1 {
	visibility: hidden;	
}

#home-page {
	padding: 10px 20px 10px 20px;
	background-color: #C2C2C2;
	text-align: left;
}

#home-features {
	float: left;
	margin: 0 auto;
	width: 610px;
	/*height: 175px;*/
	/*background: url(images/lifestyle-frame.gif) no-repeat;*/	 	
	/*vertical-align: middle;*/
}
#home-visual-feature {
	width: 610px;
	height: 175px;
	border: solid 3px #660066;
	background-color: #A0A0A0;
	padding: 5px 0 0 0;	
}
#home-visual-feature img {
	margin-left: 5px;
}

#home-section-features {
	width: 610px;
	height: 182px;
	border: solid 3px #660066;
	background-color: #A0A0A0;
	margin: 15px 0 0 0;
	padding: 0;
}
#home-feature-products {
	float: left;
	width: 290px;
	height: 170px;
	margin: 5px 0 0 5px;
	padding: 0;
	border: solid 1px #660066;
	outline: 0;
	/*background: #FFF url(images/products-feature.jpg) no-repeat;*/
}
.home-feature-products-link {
	width: 290px;
	height: 170px;
	display: block;
	text-indent: -9999px;
	background: #FFF url(images/products-feature.jpg) no-repeat;
	background-position: 0px 0px;
}
.home-feature-products-link:hover {
	background-position: -290px 0px;
}

#home-feature-support {
	float: right;
	width: 290px;
	height: 170px;
	margin: 5px 5px 0 0;
	padding: 0;
	border: solid 1px #660066;
	outline: 0;
	/*background: #FFF url(images/support-feature.jpg) no-repeat;*/
}
.home-feature-support-link {
	width: 290px;
	height: 170px;
	display: block;
	text-indent: -9999px;
	background: #FFF url(images/support-feature.jpg) no-repeat;
	background-position: 0px 0px;
}
.home-feature-support-link:hover {
	background-position: -290px 0px;
}

#home-menu {
	float: right;
	width: 220px;
	padding: 0 0 0 20px;
}
#home-menu h2 {
	font-family: Helvetica, Arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #660066;	
}
#home-menu h2 a {
	font-weight: bold;
	color: #660066;
	text-decoration: none;
}
#home-menu h2 a:hover, #home-line-menu h2 a:active {
	font-weight: bold;
	color: #993399;
	text-decoration: underline;
}
#home-menu ul {
	list-style-image: url(images/bullet-002.gif);
	padding-left: 30px;
    letter-spacing: .05em;
}
#home-menu ul a {
	font-weight: bold;
	color: #FFF; /*#FFEEFF;*/
	text-decoration: none;
}
#home-menu ul a:hover, #home-menu ul a:active {
	font-weight: bold;
	color: #FFEEFF; /*#F9C3FA;*/
	text-decoration: underline;
}


#content {
	padding: 10px 5px 10px 20px;
	background-color: #C2C2C2;
	text-align: left;
}

#content-menu {
	float: left;
	width: 200px;
	margin-top: 10px;	
	padding: 10px;
	background: #B2B2B2;
	border: solid 1px #929292;
}
#content-menu h2{	
	font-family: Helvetica, Arial, verdana, sans-serif;
	font-size: 16px;
	color: #424242;	
	font-weight: bold;
	text-transform: uppercase;
	border-top: solid 1px #929292;
	border-bottom: solid 1px #929292;
}
#content-menu h2 a {
	color: #424242;
	text-decoration: none;
}
#content-menu h2 a:hover, #content-menu h2 a:active {
	color: #424242;
	text-decoration: none;
}
#content-menu ul {
	list-style-image: url(images/bullet-002.gif);
	padding-left: 23px;
	margin-bottom: 10px;
    /*letter-spacing: .05em;*/
}
#content-menu ul a {
	font-weight: bold;
	color: #FFF; /*#FFEEFF;*/
	text-decoration: none;
}
#content-menu ul a:hover, #content-menu ul a:active {
	font-weight: bold;
	color: #FFEEFF; /*#F9C3FA;*/
	text-decoration: underline;
}

#content-main {
	float: right;
	width: 610px;
	padding: 5px 5px 10px 10px;
	background: transparent; /*#B2B2B2;*/
	/*border: solid 1px #929292;*/
}
#content-main h1 {
	color: #626262;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 30px;    
    border-bottom: dotted 2px #929292;
}
#content-main h2 {
	color: #626262;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 30px;
    border-bottom: dotted 2px #929292;
}
#content-main h3 {
	color: #660066; /*#626262;*/
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 24px;
    /*border-bottom: dotted 2px #929292;*/
}
#content-main h3 a
{
	color: #660066; /*#626262;*/
	text-decoration: underline;
}
#content-main h3 a:hover, #content-main h3 a:active
{
	color: #993399; /*#660066;*/
	text-decoration: none;
}
#content-main h4 {
	color: #424242;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 15px;
	line-height: 20px;
}
#content-main h5, #content-main dt {
	color: #222;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 18px;
}
#content-main h6 {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 16px;
}

#content-main p
{
	margin: 0 10px 10px 0;
	text-align: justify;
	font-size: 11px;
	color: #222;
}
#content-main p a
{
	color: #660066; /*#626262;*/
	text-decoration: underline;
}
#content-main p a:hover, #content-main p a:active
{
	color: #993399; /*#660066;*/
	text-decoration: none;
}

#content-main #site-map a
{
	color: #660066; /*#626262;*/
	text-decoration: underline;
}
#content-main #site-map a:hover, #content-main #site-map a:active
{
	color: #993399; /*#660066;*/
	text-decoration: none;
}

#content-main ul, #content-main ol {
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 11px;
}

#content-main dt
{
	border-top: dashed 1px #929292;
	padding-top: 5px;
}

#content-main dd
{
	font-size: 11px;
	margin-bottom: 10px;
	margin-left: 10px;	
}
.subtext
{
	color: #525252;
	font-size: 10px;
}

.paging {

	font-size: 1em;
	width: 590px;
	background-color: transparent; /*#c3bcae;*/
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #333333;
	margin-bottom: 5px;
	text-align: right;
}

.paging .current {
	font-weight: bold;
}

.paging a {
}
.pagingRight {
	float: right;
	width: auto;
	margin-right: 5px;
	margin-left: 25px;
	padding-top: 1px;
}

.pagingThumbnails {
	float: right;
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 11px;
	background-image: url(images/thumbnail-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-size: 12px;
	padding-top: 1px;
}

.pagingDetailed {
	float: right;
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 11px;
	background-image: url(images/detail-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-top: 1px;
}

.paging a {
	padding: 0 3px 1px 3px;
	margin: 0 2px 0 2px;
	text-decoration: none;
	color: #555555;
}
.paging a:link, .paging a:visited {

}
.paging a:hover, .paging a:active {
	color: #660066;
	text-decoration: underline;
}

.paging a.here {
	background-color: #660066; /*#504D47;*/
	color: #fff;
	font-weight: bold;
}

.paging img {
	border: 0;
}



.content-feature-box {
	width: 576px;	
	border: solid 3px #660066;
	background-color: #B2B2B2;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-feature-box h4 
{
	color: #424242;		
	margin-bottom: 10px;
	font-size: 14px;
}
.content-feature-box a
{
	color: #fff;
	text-decoration: underline;
}
.content-feature-box a:hover, .content-feature-box a:active
{
	color: #ffeeff;
	text-decoration: none;
}
.content-feature-box-left
{
	float: left;
	color: #000;
	width: 270px;
}
.content-feature-box-right
{
	float: right;
	color: #000;
	width: 270px;
}
.support-list {
	width: 610px;
	padding-left: 5px;
}

.list-content
{
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	text-align: center;
}

.general-list
{
	width: 580px;
}
.list-general
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#content-main .list-content h3
{
	font-size: 14px;
	color: #525252;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: normal;
}
#content-main .list-content h3 a
{
	color: #525252;
	font-weight: bold;
	text-decoration: none;
}
#content-main list-content h3 a:hover, .list-content h3 a:active
{
	color: #660066;
	font-weight: bold;
	text-decoration: underline;
}

#content-main .list-content h4
{
	color: #000;
	font-size: 12px;
	margin: 0px;
}

#faq-list ul {
	list-style-image: url(images/icon-document.gif);
	padding-left: 23px;
	margin-bottom: 25px;
	margin-top: -10px;
    /*letter-spacing: .05em;*/
}
#faq-list ul a {
	/*font-weight: bold;*/
	color: #424242; /*#FFEEFF;*/
	text-decoration: none;
}
#faq-list ul a:hover, #faq-list ul a:active {
	/*font-weight: bold;*/
	color: #660066; /*#F9C3FA;*/
	text-decoration: underline;
}

.list-content a.list-pic img
{
	border: solid 5px #993399;
}
.list-image
{
	border-width: 1px;
	border-style: solid;
	height: 182px;
	width: 280px;
}

/*.list-image-support
{
	height: 136px;
	width: 280px;
	margin-right: 10px;
	margin-bottom: 10px;	
}*/

#product-media
{
	width: 580px;
	height: 243px;
	/*text-align: center;*/
	/*border:#000 1px solid;*/
	background-color: #000;
	margin-bottom: 15px;
	border: solid 2px #000;
	padding: 3px;
	margin-left: 5px;
}

#product-image
{
	float: left;
	width: 374px;
	height: 243px;
	/*margin-left: 11px;*/
	/*border: solid 3px #000;*/
}

#product-downloads {
	float: right;
	width: 190px;
	height: 243px; /*247px;*/
	/*border: solid 1px #000;*/
	color: #FFF;
	font-size: 10px;
}
#product-downloads h4 {
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 0px;
}
/*#product-downloads ul
{
	font-size: 10px;
	color: #FFF;
	margin-left: 3px;
}*/
#product-downloads a {
	color: #DDD;
	text-decoration: underline;
}
#product-downloads a:hover, #product-downloads a:active {
	color: #FFF;
	text-decoration: none;
}


#product-info-tabs {

	clear: both;
	width: 100%;
	float: left;
	/*background-image: url(images/tab-disabled-left.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 17px;	
}

#product-info-tabs ul {

	margin: 0;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;	
}

#product-info-tabs li {

	float: left;
	margin: 0;
	background-image: url(images/tab-disabled-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
	margin-right: 1px;
}

#product-info-tabs a {

	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #525252;
	background-image: url(images/tab-disabled-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 2px;
	padding-left: 1px;
}

#product-info-top {
	clear:both;
	margin: 0;
	width: 600px;
	height: 8px;
	background: url(images/product-content-top.gif) no-repeat;
	font-size: 2px;
}
#product-info {
	width: 600px;
	margin: 0;
	padding: 10px;
	background: url(images/product-content-background.gif) repeat-y;
}
#product-info h3 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
#product-info p {
	width: 570px;
	padding-left: 5px;
}
#product-info-bottom {
	width:600px;
	margin: 0;
	height:10px;
	background: url(images/product-content-bottom.gif) no-repeat;
	font-size: 2px;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#product-info-tabs a {
	float: none;
}
/* End IE5-Mac hack */


#product-info-tabs a:hover {
	color: #660066;
}

#product-info-tabs .current {
	background-image: url(images/tab-selected-left.gif);
	color: #660066;
}

#product-info-tabs .current a {
	background-image: url(images/tab-selected-right.gif);
	color: #660066;
}

.specification-grid 
{
	border-collapse: separate;
	/*border-color: #D2D2D2;*/
	/*border-width: 0px;*/
}
.specification-grid table 
{
	border-collapse: separate;
	/*border-color: #D2D2D2;*/
	/*border-width: 0px;*/
}
.specification-grid tr {
	border-collapse: separate;
	/*border-color: #D2D2D2;*/
	/*border-width: 0px;*/
}
.specification-grid td {
	border-collapse: separate;
	/*border-color: #D2D2D2;*/
	/*border-width: 0px;*/
}
.specification-grid ul 
{
	margin-left: 15px;
}
.spec-heading
{
	font-weight: bold;
}
.spec-heading-subtext
{
	color: #525252;
	font-size: 9px;
}


#bottom-page-gradient {
	width: 900px;
	height: 20px;
	background: #C2C2C2 url(images/gray-gradient-inverted.gif) repeat-x;
}

#footer {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 900px;
	display: block;
	position: relative;
	color: #C2C2C2;
	font-size: 10px;
	text-align: center;
}

.footer-menu {
	margin-top: 20px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

.footer-menu a {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}
.footer-menu a:hover, .footer-menu a:active {
	color: #F9C3FA;
	text-decoration: none;
}

.copyright {
	margin-top: 5px;
}
.copyright a {
	color: #F2F2F2;
	text-decoration: none;
}
.copyright a:hover, .copyright a:active {
	color: #FFEEFF;
	text-decoration: underline;
}

.klipschgrouplogo {
	margin-top: 5px;
	height: 9px;	
}


.GridView-HeaderStyle {
	height: 22px;
	color: #660066;
	font-size: 12px;
	font-weight: bold;
	background-color: #B2B2B2; /*url(http://intranet/epa-new/app_themes/epa_kgi/images/bg-grid-header.gif) repeat-x top;*/
}            
.GridView-RowStyle {
	color: #000; 
	font-size: 11px;
	background: #F2F2F2;
}
.GridView-RowStyle a:link, .GridView-RowStyle a:visited {color:#660066; text-decoration:underline;}
.GridView-RowStyle a:active, .GridView-RowStyle a:hover {color:#993399; text-decoration:none;}


.GridView-AlternatingRowStyle {
	 color: #000; 
	 font-size: 11px;
	 background: #E2E2E2;
}
.GridView-AlternatingRowStyle a:link, .GridView-AlternatingRowStyle a:visited {color:#660066; text-decoration:underline;}
.GridView-AlternatingRowStyle a:active, .GridView-AlternatingRowStyle a:hover {color:#990099; text-decoration:none;}


.GridView-HeaderStyle-InheritFont {
	height: 22px;
	color: #002570;
	font-size: inherit;
	font-weight: bold;
	background: #CFD2D6 url(http://intranet/epa-new/app_themes/epa_kgi/images/bg-grid-header.gif) repeat-x top;
}            
.GridView-RowStyle-InheritFont {
	color: #000; 
	font-size: inherit;
	background: #FFF;
}
.GridView-AlternatingRowStyle-InheritFont {
	 color: #000; 
	 font-size: inherit;
	 background: #F0F0F0;
}

.GridView-EmptyDataErrorFiles{
	height: 25px;
	padding: 10px;
	border: solid 2px #E34531;
	color: #C52F1B; /*#F00;*/
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	background-color: #F2AAA1; /*#FFD9D9;*/
}
.GridView-Column{
	padding: 5px 0 5px 0;	
}
.GridView-LeftColumn{
	padding: 5px 0 5px 5px;	
}
.GridView-RightColumn{
	padding: 5px 5px 5px 0;
}

/* --> Locator */
table.locator {
	color: #000;
	background-color: #fff;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	border: solid 1px #58514a;
}
table.locator th {
	text-align: left;
	color: #fff;
	background-color: #525252;
	padding: 4px 4px 4px 4px;
}
table.locator td {
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
#mainContent table.locator ul {
	margin: 0 0 0 10px;
}
#mainContent table.locator li {
	list-style-image: none;
	list-style-type: square;
	list-style-position: outside;
	line-height: 1.2em;
	font-size: 1em;
}
.locatorpanel {
	/* allows autocomplete to layer over map */
	position: relative;
	z-index: 1;
}
#map {
	width: 580px;
	height: 300px;
	margin: 0 auto;
	background-color: #525252;
	border: solid 1px #000;
}
.map {
	background-color: #525252;
	padding: 4px 4px;
}
.mapcontrols {
	background-color: #525252;
	color: #fff;
	padding: 4px 4px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
}

/* --> Forms */
table.form {
	margin-top: 2px;
}
.form td {
	padding: 4px 4px 4px 4px; /*font-size: 90%;*/
	vertical-align: top;
}
.form td label {
	display: block;
	text-align: left;
	padding: 4px 0 0 0;
	font-size: 1.0em;
}
.form td label .required {
	padding: 0 0 2px 0;
	font-size: 0.9em;
}
.form td .checkbox label, .form td .radiobutton label {
	display: inline; /*font-weight: normal;*/
}
.form table.checkbox, .form .checkbox table, .form table.radiobutton, .form .radiobutton table {
	/* CheckBoxList and RadioButtonList */ /*font-size: 134%;*/
}
.form td.buttonright {
	text-align: right;
}
span.error {
	position: absolute; /* margin will not work without this */
	font-weight: bold;
	margin: 4px 0 0 10px;
}
.required {
	color: #dd0000;
	font-weight: bold;
}
.form .required {
	font-size: 0.9em;
}
.smalltext {
	color: #58514a;
	font-size: 0.8em;
	margin: 4px 0 0 0;
}
.label {
	font-weight: bold;
}