@charset "UTF-8";
/* top, right, bottom, left */

/* Apply mousedown effect only to NON IE browsers */
html>body .hovermenu ul li a:active{  border-style: inset;}
.spacer { width: 2px;}

body h1 {font-size: 20px; margin: 0 0 .1em 0;}
body h2 {font-size: 16px; margin: 0 0 0 0;}
body h3 {font-size: 12px; margin: 0 0 0 0;}
body h4 {font-size: 12px; margin: 10px 0 0 0;}

/* these support features of the pages system and the portal editor */
#main { padding: 0; text-align: center; font: 12px Helvetica, Geneva, Arial, Verdana, sans-serif; color: #000;}
#main { width: 760px; background-color: #fff; padding: 20px; text-align: center; display: block; margin: 0 Auto; min-height: 400px; height:auto !important; height:400px; }
#main table { margin-left:auto; margin-right:auto; text-align:left; }
#header, #footer { width: 760px; margin: 15px auto; text-align: left; font: 12px Helvetica, Geneva, Arial, Verdana, sans-serif; clear: both;}
#marketing #header, #marketing #footer { width: 760px; margin: 15px auto; text-align: left; font: 12px Helvetica, Geneva, Arial, Verdana, sans-serif; clear: both;}

#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#main .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 14px;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 11px;}

#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .1em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 12px; margin: 10px 0 0 0;}
#main .more {text-align: right;}

#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#content {float: left; width: 450px;}
#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

#header h1 {font-size: 26px;}
#header h2 {font-size: 20px;}
#header h3 {font-size: 14px;}
#header h4 {font-size: 10px;}
#header P {font-size: 13px;}

#sidebar {font-size: 10px;}
#sidebar h2 {font-size: 12px;}
#sidebar h3 {font-size: 11px;}
#sidebar h4 {font-size: 10px;}

#footer {font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;  padding-top: 1em;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}
/* boxes on the pages system */
.box {border: 1px solid #a1a5a9; padding: 3px 5px 3px 5px; margin: 2px 0 1.25em 0;  clear:both; }
.box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 3px -5px 3px -5px; font-size: 12px;}

/* image classes */
img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}
img.center {border: 0;  margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align:center; display:block; }
img.tight {border: 0;  margin-left: auto; margin-right: auto;  text-align:center; display:block; }
img.dleft { float : left; margin : 2px 10px 5px 0; border-style : solid; border-color : black; border-width : 1px; }
img.dright { float : right; margin : 2px 0 5px 10px; border-style : solid; border-color : black; border-width : 1px; }
img.dacross { margin : 2px 2px 10px 2px; border-style : solid; border-color : black; border-width : 1px; }

div.shadow img { margin-left: -5px; margin-top: -5px; }
div.shadow { background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; }

div.thumbnailcenter img { margin-left: -5px; margin-top: -5px; border: 1px solid gray; float: left;}
div.thumbnailcenter {background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: left; margin-right: 250px; margin-bottom: 5px; margin-top: 10px; margin-left: 250px;}

div.thumbnailsmallcenter img { margin-left: -5px; margin-top: -5px; border: 1px solid gray; float: left;}
div.thumbnailsmallcenter {background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: left; margin-right: 230px; margin-bottom: 5px; margin-top: 10px; margin-left: 230px;}

div.thumbnailsmall2center img { margin-left: -5px; margin-top: -5px; border: 1px solid gray; float: left;}
div.thumbnailsmall2center {background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: left; margin-right: 160px; margin-bottom: 5px; margin-top: 10px; margin-left: 160px;}


div.thumbnailacross img { margin-left: -5px; margin-top: -5px; border: 1px solid gray;}
div.thumbnailacross { background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: left; margin-right: 5px; margin-bottom: 5px;margin-top: 10px; margin-left: 5px;}
div.thumbnailleft img { margin-left: -5px; margin-top: -5px; border: 1px solid gray;}
div.thumbnailleft { background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 10px; margin-left: 5px;}
div.thumbnailright img { margin-left: -5px;margin-top: -5px; border: 1px solid gray;}
div.thumbnailright { background-color: transparent; background-image: url(/w/images/classic/shadow_trans.png); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 7px; padding-right: 7px; float: right; margin: 10px 5px 5px 10px;}

/* Copyright and bottom info */
.copyright		{ clear: both; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/*Contact us page*/
.contactus p {margin: 15px 0 15px 120px;}
.contactus .larger {font-size : 15px;}


/*ECD not logged in table*/
#teasers { padding-top: 20px;}
#teasers .loginform table { color: #FFF;}

/* the login and lost password tables */
.loginform table {font-weight: bold; text-decoration: none; font-size: 12px; margin: auto;}
div#nologin {background: #b12e00 url(/w/images/classic/ecd_teaserleft_top.png) top center no-repeat scroll; width: 225px; margin: 0 auto;}
#nologin h3 {text-align: center; padding: 10px 0;}
#nologin p {padding: 10px 10px 5px 10px;margin: 0 auto;}
table.nologin { width: 225px; argin: 0 auto; border-top: 2px solid #701c00; }
table.nologin .error { color: #F00; background-color: #000; padding: 3px; margin: 0 0 3px 0; font-weight: bold; text-decoration: none; font-size: 14px; display: block;}
.loginbottom td { background: #b12e00 url(/w/images/classic/ecd_teaserleft_bottom.png) no-repeat scroll bottom center;	}
.loginbottom td { padding: 10px; }
.nologin input { margin: 3px 3px 3px 0; width: 195px;}
#nologin form { padding: 0; margin: 0; }


/* Basic lists and items */
ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.bullet {list-style: disc outside; margin: 0 0 0 16px; padding: 0 0 0 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 0 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 0 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}
ul ul.bullet {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}

sup {vertical-align: super; font-size: .5em; color: #76797c;}

.graysm {font-size: 10px !important; color: #76797c;}
ol.graysm {margin-left: 0; padding-left: 1.5em; clear: both;}

/* Miscellaneious CSS */
/* this is used on some portals in the header and for items in the site content*/
#headerbg { margin-bottom: 30px;}
.questions {font-size: 22px; font-style: italic; margin: 0 0 .1em 0; Color: #0051BB;}
/*
.headerlinks {padding: 0px 17px 5px 0px;font-family: arial;font-size: 12px;color: #666666;line-height: 220%}
.headerlinks a, .headerlinks a:link, .headerlinks a:visited, .headerlinks a:hover,  .headerlinks a:active {padding: 0 3 0 3;font-family: arial;font-size: 12px;color: blue;text-decoration: underline;font-weight: bold;line-height: 220%}
.headerlinks img{position: relative;top: 3px;border: 0;}

.blue {font-family: arial;font-size: 12px;color: #FFFFFF;}
.grey {font-family: arial;font-size: 12px;color: #666666;}
.black {font-family: arial;font-size: 12px;color: #000000;}
.linkcolor {font-family: arial;font-size: 12px;color: #537477;}
.red{font-family: arial;font-size: 19px;color: #FF0000;}
a.redlink, a.redlink:link, a.redlink:visited, a.redlink:hover,  a.redlink:active {color: #FF0000;font-family: arial;font-weight: bold;text-decoration: none;}
.smallred{font-family: arial;font-size: 12px;color: #FF0000;}
.mediumblack {font-family: arial;font-size: 14px;color: #000000;}
a.mediumblack, a.mediumblack:link, a.mediumblack:visited, a.mediumblack:hover,  a.mediumblack:active{ font-size: 14px; color: #000000; font-family: arial; font-weight: bold; text-decoration: underline; }
.mediumred {font-family: arial;font-size: 14px;color: #FF0000;}
a.mediumred, a.mediumred:link, a.mediumred:visited, a.mediumred:hover,  a.mediumred:active{ font-size: 14px; color: #FF0000; font-family: arial; font-weight: bold; text-decoration: underline; }
.mediumblue {font-family: arial;font-size: 14px;color: #0083FF;}
a.mediumblue, a.mediumblue:link, a.mediumblue:visited, a.mediumblue:hover,  a.mediumblue:active{ font-size: 14px; color: blue; font-family: arial; font-weight: bold; text-decoration: underline; }
.mediumwhite {font-family: arial;font-size: 14px;color: #FFFFFF;}
a.mediumwhite, a.mediumwhite:link, a.mediumwhite:visited, a.mediumwhite:hover,  a.mediumwhite:active{ font-size: 14px; color: #FFFFFF; font-family: arial; font-weight: bold; text-decoration: underline; }
.largeblack {font-family: arial;font-size: 30px;color: #000000;}
a.largeblack, a.largeblack:link, a.largeblack:visited, a.largeblack:hover,  a.largeblack:active{ font-size: 30px; color: #000000; font-family: arial; font-weight: bold; text-decoration: underline; }
.largeblue {font-family: arial;font-size: 20px;color: #0083FF;}
a.largeblue, a.largeblue:link, a.largeblue:visited, a.largeblue:hover,  a.largeblue:active{ font-size: 20px; color: blue; font-family: arial; font-weight: bold; text-decoration: underline; }
.largewhite {font-family: arial;font-size: 30px;color: #FFFFFF;}
a.largewhite, a.largewhite:link, a.largewhite:visited, a.largewhite:hover,  a.largewhite:active{ font-size: 30px; color: #FFFFFF; font-family: arial; font-weight: bold; text-decoration: underline; }
.bigred {font-family: arial;font-size: 25px;color: #FF0000;}
a.bigred, a.bigred:link, a.bigred:visited, a.bigred:hover,  a.bigred:active{ font-size: 25px; color: #FF0000; font-family: arial; font-weight: bold; text-decoration: underline; }
.bigblue {font-family: arial;font-size: 25px;color: #000099;}
a.bigblue, a.bigblue:link, a.bigblue:visited, a.bigblue:hover,  a.bigblue:active{ font-size: 25px; color: #000099; font-family: arial; font-weight: bold; text-decoration: underline; }
*/

/*
	This section support the customer headers for portals and the like, please keep all your modifications under this so global changes to the rest of the content can be maintained.
*/

/* Body */
#sitebody {
	
	background-image: none;
	
	background-color: #fff;
	
	padding: 20px;
	
	text-align: center;
}

#sitebody table {
		
	margin: 0 auto;
	
	text-align: left;
}

/* Header */
#siteheader {
	min-width: 800px;
}

#siteheadertext { 
	
	/*_display: block;
	_clear: both;
	_position: absolute;
	_z-index:1;
	_display: inline;*/
	
	text-align: center;
	
	font-size: 16px;
	
	margin: 0 auto 0 auto;
	
	padding: 30px 10px 30px 0;
	
	width: 400px;
	/*_width: 39%; */
	
	white-space: nowrap;

}

#siteheaderlogo {
	display: block;
	
	float: left;
	
	width: 200px;
	/* _width: 30%; */
	
	padding: 10px 0 10px 10px;
}

#siteheadertopright {
	
	
	display: block;
	
	float: right;
	
	text-align: right;
	
	min-width: 200px;
	width: auto !important;
	width: 200px;
	/* _width: 30%; */
	
	padding: 10px 10px 10px 0;
	
	white-space: nowrap;
}

#siteheadertopleft {
	
	display: block;
	
	float: left;
	
	width: 200px;
	/* _width: 30%; */
	
	padding: 10px 0 10px 10px;
	
	white-space: nowrap;
}

#siteheaderbottomright {
		
	display: block;
	
	float: right;
	
	text-align: right;
	
	clear: right;
	
	min-width: 200px;
	width: auto !important;
	width: 200px;
	/* _width: 30%; */
	
	padding: 10px 10px 10px 0;
	
	white-space: nowrap;
}

#siteheaderbottomleft {
	
	display: block;
	
	float: left;
	
	clear: left;
	
	width: 200px;
	/* _width: 30%; */
	
	padding: 10px 0 10px 10px;
	
	white-space: nowrap;
}



.siteheaderlist li {
		
	padding: 0 8px;
	
	border-left: 1px solid black;
	
}


.siteheaderlist li {
	
	display: inline-block;
	*display: inline; /* ie 7 and below only */	
}



.siteheaderlist li:last-child {
		
	padding: 0 0 0 8px;
	
}

.siteheaderlist {
	
	padding: 0;	
}

.siteheaderlist {
	
	list-style: none;
}

.sitecartitem {
	
	background-image: url(/w/images/classic/cart.gif);
	
	background-position: left;
	
	border: none!important;
	
	background-repeat: no-repeat;
	
	padding-left: 20px!important;
}


#siteheadermenu {

	width: 100%;
	
	text-align: center;
	
	clear: both;

}


#siteheadermenu ul {

	/*display: block;*/
	display: table;
	
	width: 100%;
	
	margin: 0 auto;
	
	white-space: nowrap;
	
	overflow: hidden;
	
	padding: 0;
}

/* only for IE */


/* for all others */
#siteheadermenu ul li {

	display: table-cell;
	
	*display: inline; /* ie 7 and below only */
}



#siteheadermenu ul li {

margin: 0 auto;
	
list-style: none;

padding: 5px 5px 5px 5px;

margin: 0 10px 0 10px;


}

#siteheadermenu ul li a {
	text-decoration: none;
	
	font-weight: bold;
	
	font-size: 14px;
		
	padding: 5px 20px 5px 20px;
}


.sitetableformbody {border:2px solid #CCC;margin-bottom:15px!important;padding:5px;}
.sitetablefooter {border:1px solid #CCC;}
.sitetableheader {border:1px solid #CCC;}

h2.rustheader {margin:10px 0 15px;color:#800000}

div.buttonbackground {background:transparent;}


/* <div class="colorbackground" id="searcharrows"><div class="searchbox"> */


/*#searcharrows .searchbox {*/


/*
this hides the background color 
#searcharrows { color: inherit; background-color: transparent; }*/


#searcharrows  div.searchbox
{
	/*background: url(/w/images/classic/dynamic_arrows.png) 50% 100% no-repeat;*/
	background:url(/w/images/classic/ecd_dyn_arrows.png) 50% 100% no-repeat!important;
	height:82px;
	overflow:hidden
}
#searcharrows  div.searchbox form {position:relative;top:45px;}

/* targets IE 6 only, removes the arrows since this does not work there */
* html #searcharrows { color: inherit; background-color: transparent; }
* html #searcharrows  div.searchbox { background-image: none!important; }