/*------------------------------------------------------------------------
SHORTHAND (delete once style sheet finished)

background:url(/images/interface/left_bg.gif) repeat-x bottom; 
background:url(/images/interface/left_bg.gif) no-repeat top left; 
background:#FF0000 url(/userdocs/history_pic1.gif) no-repeat 5px 50% fixed; 

list-style: url(/images/dot.gif) disc inside;

font: italic small-caps bold 13px/15px Verdana, Arial, Helvetica, sans-serif; 
font: 11px/13px Verdana, sans-serif; 
---------------------------------------------------------------------------*/
input.colored {background-color:#FFFF99; }

.body, .home {
	background-color: #000;
	COLOR: #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body { background-color:#000;}

.inside {
	background: #000;
	COLOR: #000;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;}

.inside2 {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;}

P { margin:0px 0 10px 0; }
UL { margin:0px; }
LI { margin:0px; }
FORM { margin:0px; }
INPUT { margin:0px; }
H1, H2, H3, H4, H5, H6, H7, H8 {margin:0px 0 10px 0; }

H1 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; }
H2 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; }
h3 {font: bold 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; margin:12px 0 0 0; padding:0px; clear:both;}
h4 {
	
	font-size: 11px;
	font-weight: normal;	
	background-color:#8a8c8f;
	color:#FFF;
	border-bottom:2px solid #000;
	padding:3px 30px 3px 10px;
	margin:10px 0 14px 0;clear:both;	
}

h4.docs {
	
	font-size: 11px;
	font-weight: normal;	
	background-color:#8a8c8f;
	color:#FFF;
	border-bottom:2px solid #000;
	padding:3px 30px 3px 10px;
	margin:10px 0 0px 0;clear:both;	
}

h4 span {
	background-color:#8a8c8f;
	color:#FFF;
	border-bottom:2px solid #000;
	padding:3px 30px 3px 10px;
	margin:10px 0 0 0;
	}


#wrapper {
	width:100%;
	background-image:url(/images/wrapper_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#000;}
	
#container {
background-image:url(images/newhead_bg.gif);
background-repeat:repeat-x;
	background-position:top;
background-color:#fff;
	width:960px; 
	margin:0 auto;

	clear:both;
}

body.inside2 #container {

background-image:url(images/newhead_bg.gif);
background-repeat:repeat-x;
	background-position:top;
		width:960px; 
	margin:0 auto;
	border:none;
	}
	
#header {
	width:960px;
	height: 99px;
	background-image:url(/images/header_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;

	}
	
.home_link {position:absolute; height:30px; width:275px; top:25px; left:130px;}
.home_link2 {position:absolute; height:55px; width:45px; top:25px; left:20px;}

#header_links {float:right; padding:35px 0 0 450px;}
#header_links a:link, #header_links a:visited, #header_links a:active {
	color:#fff;
	font-size: 10px;
	font-weight: normal;
	padding:0 10px 0 0;
}

#header_links a:hover {}

#top_nav{position:absolute;
		top:60px;
		left:130px;
		width:770px;}
		


#body_container {
	width:960px;
	float:left;
/*	background-image:url(/images/left_curve.gif);*/
	background-position: left top;
	background-repeat:no-repeat;
	padding:0;
	background-color:#fff;
	border:none;
}

.home_welcome {width:960px; float:left; background-image: url(images/welcome_bg.gif); background-repeat:no-repeat; background-position:top left; color:#fff;}
.home_welcome h1 {color:#fff; margin:0px 0 10px 0; padding:0px;}
.intro {float:left; width:340px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; padding:37px 30px 15px 30px}
.flash_wrapper { float:left; width:539px;/* background-color:pink;*/ padding:22px 0 22px 0;}
div.flash {border:1px solid #b9b9b9; width:515px; float:right;}

.callouts {float:left; width:916px; padding:22px 22px 0 22px; background-image:url(images/callouts_bg.gif); background-repeat:no-repeat; background-position: 22px 22px; color:#333; font-size:11px;}

.callouts strong { font-size:12px; margin:0 0 5px 0; display:block; width:300px;}
.feat_product { float:left; width:325px; /*background-color:pink;*/ padding:18px 31px 18px 25px; line-height:18px;  }
.feat_product span {float:right; padding:0 0 0 15px;}
.feat_product img { border:1px solid gray;}
.quick_search {float:left; width:490px; /*background-color:yellow;*/ padding:18px 0 0px 45px;}


.news_wrap {float:left; width:916px; padding:22px;/* background-color:pink;*/ font-size:11px; color:#333; line-height:18px; background-image:url(images/news_divider.gif); background-position:top center; background-repeat:no-repeat;}
div.nobg { background-image:none;}

.news_wrap dl{margin:0px; padding:0px; }
.news_wrap dt{margin:0px 0 10px 0; color:#fff; background-color:#333333; padding:5px 20px; width:245px; font-weight:bold;}
.news_wrap dd{margin:0px; padding:0px 20px 20px 20px;}
.news_wrap dd.image {text-align:center; padding:0px 0px 10px 0px;}

.news_wrap dd.image img {	max-width:285px; 
	width: expression(this.width > 286 ? 285: true);}
	
	.news_wrap a:link, .news_wrap a:visited, .news_wrap a:active { text-decoration:underline; color:#333; font-size:10px;}
.news_wrap a:hover { text-decoration:none;}
	

 
.news1 { width:285px; background-image:url(images/new_bg.gif); background-position:left top; background-repeat:no-repeat; margin:0px; padding:0px 15px 0 0; float:left; /*background-color:blue;*/}


.news2 {width:285px; background-image:url(images/new_bg.gif); background-position:center top; background-repeat:no-repeat; margin:0px; padding:0px 15px 0 15px; float:left;/* background-color:red;*/}
.news3 {width:285px; background-image:url(images/new_bg.gif); background-position:right top; background-repeat:no-repeat; margin:0px; padding:0px 0 0 15px; float:left; /*background-color:pink;*/}


body.inside2 #body_container {
	width:960px;
	border:none;

    }

	
body.home #breadcrumbs {display:none;}


#breadcrumbs {
	padding:15px 0px 35px 15px;
	width:945px;
	float:left;
	border:none;
}
body.inside2 #breadcrumbs {
	background-color:#fff; border:none;}
	
#breadcrumbs sup {font-size:8px;}


#breadcrumbs ul {margin:0px; padding:0px;}
#breadcrumbs ul li {
	display:inline; 
	float:left; 
	background-image:url(/images/quicklinks_bg_hover.gif); 
	background-repeat:no-repeat;
	background-position: 0 3px;
	padding:0px 10px 5px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	white-space: nowrap;
	height:15px;
}

#breadcrumbs ul li a {
	text-decoration:none;
	color: #999999;
	font-weight: normal;
}
#breadcrumbs ul li a:hover {text-decoration:underline; color:#333333;}
		

	
#main {
	float:left;
	width:585px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: /*11px*/ 12px;
	line-height: /*16px*/ 18px;
/*	background-image:url(/images/left_curve.gif);
	background-position: left top;
	background-repeat:no-repeat;*/

}
#main ul {margin:0px; padding:0 0 0 25px;}
#main ul li a {text-decoration:underline; color:#666666;}
#main ul li a:hover {color:#333; text-decoration:underline;}

body.home #main {width:770px; padding:0; border:none;}
body.inside #main {width:770px; padding:0 0 15px 0; border:none;}

body.home #content {padding:35px 0px 15px 135px; clear:both; border:none;}
body.inside #content {padding:0px 35px 15px 80px; clear:both; border:none;}
body.inside2 #content {padding:0px 35px 15px 30px; clear:both; width:645px; border:none; }

#content ul {margin:0 0 15px 0;}

#content ul.specs {margin:0 0 15px 0;}
#content ul li {
	list-style-image: none;
	list-style-type: none;
	display:block;	
	margin:0 0 15px 0;

}
#content ul li img{
	
}


#home_photo {float:right; padding:0 35px 20px 25px; background-image:url(/images/home_photo.gif);
background-repeat:no-repeat; height:134px; width:76px; background-position:left top;}

#quick_links {width:770px; 
	background-image:url(/images/quick_links_bg2.gif);
	background-repeat:no-repeat;
	float:left;
	height:390px;}
	
#ql_nav {
width:202px;
position:relative;
top:28px;
left:38px;
}

#ql_nav ul {
	background-image:url(/images/quick_links_menu_bg.gif);
	background-repeat:repeat-y;
	margin:0; padding:10px 0 2px 0;
	width:202px;}
	
#ql_nav ul li {
	margin:0px;
	list-style-type: none;
	list-style-image: none;
	padding:0px 0px 8px 0px;
	line-height:13px;
}

#ql_nav ul li a {
	padding:0px 15px 0 25px;
	color:#666666;
	text-decoration:none;
	font-weight: normal;
	display:block;
	margin:0px;
}
#ql_nav ul li a:hover{
	background-image:url(/images/quicklinks_bg_hover.gif);
	background-position:0 4px;
	background-repeat:no-repeat;

	font-size: 11px;
	color:#000;
}
	
#ql_nav_footer {
	background-image:url(/images/quicklinks_bottom_angles.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:62px;}
	
#ql_nav li.headline {
	color:#666666;
	font-size: 11px;
	margin:0px 0 10px 0;
	padding:0px 0 0 25px;
	text-transform: uppercase;
	font-weight: normal;
}
		
	
		

#search {
	width:200px;
	padding:0px 0 25px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	position:absolute;
	left:770px;
	top:150px;
	display:none;
	
}
	
#search h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	padding:0 0 0 5px;
}

#search dt, #search dd {display:block;}

#search dt {padding:0 0 1px 5px; margin:0px;}

.searchinput {
	border:1px solid #e8e8e9;
	background-color:#e8e8e9;
	color:#666666;
	width:210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:2px 0 2px 5px;
	margin-bottom:5px;
}

.searchinput2 {
	border:1px solid #e8e8e9;
	background-color:#e8e8e9;
	color:#666666;
	width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:2px 0px 0 5px;
	margin-bottom:5px;
}

.input1 {
	border:1px solid #e8e8e9;
	background-color:#e8e8e9;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:2px 0px 0 5px;
	margin-bottom:5px;
}

.input2 {
	border:1px solid #000;
	background-color:#fff;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding:2px 0px 2px 5px;
	margin-bottom:5px;
	width:120px; 
	display:block;
}


.clear {clear:both;}

.products {clear:both; margin:0; padding:12px 0 0 0;text-align:center; width:800px; border-top:1px solid #666; }


.products dl {padding:0 18px; margin:5px 0 0 0px;  float:left; height:200px;}


.products dt a {font-weight:normal; color:#666666; text-decoration:underline;}
.products dt a:hover {color:#000000; text-decoration:underline;}

.products dd {
	background-image: url(/images/products/products_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left:10px;
	color:#666666;
	text-align:left;
}



.products_lg {clear:both; margin:0; padding:12px 0 0 0;text-align:center; width:800px; border-top:1px solid #666; }


.products_lg dl {padding:0 18px; margin:5px 0 0 0px; /*display:inline; */float:left; height:205px;}

.products_lg dt a {font-weight:normal; color:#666666; text-decoration:underline; }
.products_lg dt a:hover {color:#000000; text-decoration:underline;}

.products_lg dd {
	background-image: url(/images/products/products_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left:10px;
	color:#666666;
	text-align:left;
}




body.home #left_col { 	
	display:none;
/*	background-color:blue;*/}

body.inside #left_col { 	
	display:none;
/*	background-color:blue;*/}

#left_col { 	
	width:235px;
	float:left;
	clear:both;
	margin:0px 0 0px 0;
	padding:0 0 45px 15px;
	height:565px;
/*	background-color:red;*/
}


#left_col dl {margin:0 0 12px 0; width:230px; padding:0px 0 0px 0; background-color:#F5E343;}
#left_col dt{
	color:#fff;
	font-size: 1.4em;
	margin:0px;
	padding:8px 0 8px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom:1px solid gray;
	background-color:#000;
}

#left_col dd{
	color:#666666;
	font-size: 1.5em;
	margin:0px;
	padding:0px;
	font-weight: normal;
	border-bottom:1px solid gray;}

#left_col a:link, #left_col a:visited, #left_col a:active  {color:#666666; text-decoration:none; display:block; padding:5px 15px 5px 25px; width:190px; background-image:url(images/inside_nav_basic.gif); background-repeat:no-repeat; background-position:12px 7px;}
#left_col a:hover {color:#000; background-color:#fff;text-decoration:none; display:block; padding:5px 15px 5px 25px; display:block;background-image:url(images/inside_nav_hover.gif); background-repeat:no-repeat; background-position:12px 7px;}

#left_col dl dd a.selected:link, #left_col dl dd a.selected:visited, #left_col dl dd a.selected:active, #left_col dl dd a.selected:hover {color:#000; background-color:#fff;text-decoration:none; display:block; padding:5px 15px 5px 25px; display:block;background-image:url(images/inside_nav_hover.gif); background-repeat:no-repeat; background-position:12px 7px;}

#footer {
	clear:both;
	background-color:#fff;
	color:#FFFFFF;
	text-align:left;
	padding-top:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:50px;
	width:960px;
	margin:0 auto;
	text-align:center;
	
}

#footer a:link, #footer a:visited, #footer a:active { color:#333; text-decoration:none;}
#footer a:hover{ color:#333; text-decoration:underline;} 

/*-----------TABLE STYLES FOR ADMIN------------------*/

/* THESE TABLES ARE USED BY GLOBAL ADMIN */
.tablea 
{
	COLOR: #000; 
	border:1px solid black; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	width: 100%;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tablea A:link { COLOR: #003C7B; text-decoration: underline;}
.tablea A:visited { COLOR: #003C7B; text-decoration: underline;}
.tablea A:active { COLOR: #003C7B; text-decoration: underline;}
.tablea A:hover { COLOR: #003C7B; text-decoration: none;}

.tablea td { padding: 2px; border: 1px;}

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tablea th {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: black;
	padding: 4px;
	text-align:left;
}

.tablea th.right {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: black;
	padding: 4px;
	text-align:right;
}
.tablea th A:link { color: #FFFFFF; text-decoration: underline;}
.tablea th A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea th A:active { color: #FFFFFF; text-decoration: underline; }
.tablea th A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8a8c8f;
	padding: 20px;
}
.tablea .header A:link { color: #FFFFFF; text-decoration: underline;}
.tablea .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:active { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header td { padding: 2px;}

.tablea .footer { 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tablea .footer td { text-align: center;}
.tablea .alt { background:#E2E2D2;}
.tablea .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.tablea .pager A         { font-weight:bold; }

.tableb {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #8a8c8f;
	background: #ffffff;
	color: #000000;
	border-color: #8a8c8f;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.tableb A:link { COLOR: #003C7B; text-decoration: underline;}
.tableb A:visited { COLOR: #003C7B; text-decoration: underline;}
.tableb A:active { COLOR: #003C7B; text-decoration: underline;}
.tableb A:hover { COLOR: #003C7B; text-decoration: none;}

.tableb td { padding: 2px; border: 1px; }

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.tableb th {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #794500;
	padding: 4px;
}
.tableb th A:link { color: #FFFFFF; text-decoration: underline;}
.tableb th A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb th A:active { color: #FFFFFF; text-decoration: underline; }
.tableb th A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header 
{
    text-align:left;
    display: block;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #8a8c8f;
	padding: 3px;
}
.tableb .header A:link { color: #FFFFFF; text-decoration: underline;}
.tableb .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:active { color: #FFFFFF; text-decoration: underline; }
.tableb .header A:hover { color: #FFFFFF; text-decoration: none; }

.tableb .header td { padding: 2px; }

.tableb .footer { 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.tableb .footer td { text-align: center;}
.tableb .alt { background:#DDD;}
.headerBG { background-image:  url("images/admin_hd_bg.gif"); font-family: Verdana; font-size: 12px; height:100px;}

tr.headerBG td div {color:white;}
tr.headerBG td div a {color:white;}

.table1 
{
	COLOR: #000; 
	border:1px solid #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#fffdde; 
	width: 100%;
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
}
.table1 A:link { COLOR: #000; text-decoration: underline;}
.table1 A:visited { COLOR: #000; text-decoration: underline;}
.table1 A:active { COLOR: #000; text-decoration: underline;}
.table1 A:hover { COLOR: #333333; text-decoration: none;}

.table1 td { padding: 2px 8px; border: 1px;}

/* Use "th" if possible. If .net does not support "th" then use "header" class */
.table1 th {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000;
	padding: 4px;
}
.table1 th A:link { color: #FFFFFF; text-decoration: underline;}
.table1 th A:visited { color: #FFFFFF; text-decoration: underline; }
.table1 th A:active { color: #FFFFFF; text-decoration: underline; }
.table1 th A:hover { color: #FFFFFF; text-decoration: none; }

.table1 .header {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 20px;
	background-color:#221f20;
}
.table1 .header A:link { color: #FFFFFF; text-decoration: underline;}
.table1 .header A:visited { color: #FFFFFF; text-decoration: underline; }
.table1 .header A:active { color: #FFFFFF; text-decoration: underline; }
.table1 .header A:hover { color: #FFFFFF; text-decoration: none; }

.table1 .header td { padding: 4px 8px 4px 4px;}

.table1 .footer { 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #003C7B;
}
.table1 .footer td { text-align: center;}
.table1 .alt { background:#e8e8e9;}
.table1 .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.table1 .pager A         { font-weight:bold; }

.button {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}


body.inside2 #content ul.docs {margin:0px 0 15px 0;_margin:0 0 2px 0; padding:0px; float:left; width:645px;}

body.inside2 #content ul.docs li { padding:5px 0 0px 10px; margin:0; background-color:#fff; width:635px;}

body.inside2 #content ul.docs li.altColor  {
	background-color:#eeeeee;_padding:5px 0 5px 10px;
}
body.inside2 #content ul.docs li div.clearme {clear:both;}
*html body.inside2 #content ul.docs li div.clearme {display:none;}

.partner_logo { float:right;}

.partner_logo img { 
                
                max-width:180px; 
                width: expression(this.width > 181 ? 180: true);
                /*Workaround for IE6's inability to recognize max-width attribute*/
                }