body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
    /*line-height: 122%;*/
}
body {
	background-color: #2C2827;
	margin:0;
}

/* LAYOUT */
#wrapper {
	position: relative;
	width: 866px;
	margin: 20px auto;
	background-color: #fff;
	/*clear: left;*/
	padding: 8px;
}

#wrapper_feature {
	position: relative;
	width: 1016px;
	margin: 20px auto;
	background-color: #fff;
	/*clear: left;*/
	padding: 8px;
}

#top {
	width: 866px;
	height: 65px;
	/* margin-top: 0px; */
	margin: 0 auto;
}

#logo {
	width: 230px;
	float: left;
	margin-top: 30px;
}

#main-navigation { background: #2C2827 url(../images/layout/nav-bg.gif) bottom left no-repeat; overflow: auto; padding-bottom: 3px; }
#main-navigation ul { margin: 0px; margin-bottom: 10px; margin-left: 150px;  list-style-type: none; }
#main-navigation li { float: left; padding: 57px 30px 9px 15px; background: url(../images/layout/nav-divider.gif) left no-repeat; }
#main-navigation li a { color: #fff; text-decoration: none; font-weight: bold; }
#main-navigation li a:hover, #main-navigation li.selected a { background-color: #000; color: #ccc; }	
#main-navigation li.contact { background-image: none; }
#main-navigation div { text-align: right; padding: 0 10px 0 0; vertical-align: middle; }
#main-navigation div * { vertical-align: bottom; }
#main-navigation label { color: #b7b7b7; font-size: 1.2em; font-weight: bold; padding-right: 5px; }
#main-navigation input { font-size: .9em; color: #333; width: 130px; margin-right: 5px; padding: 1px 3px; }
#main-navigation button { border: none; background-color: #000; padding: 0; margin: 0; background: url(../images/layout/button_go.gif) no-repeat; width: 26px; height: 18px; text-indent: -5000px; cursor: pointer; }

#header {
	width: 580px;
	float: left;
	background: #333;
	height: 284px;
}

.header2 {
	float: right;
	width: 270px;
	height: 282px;
	padding: 0px;
	margin: 0px 0px 0px 11px;
	background: url(../images/layout/header2bg-trans.png) no-repeat top right;
	border-style: solid;
	border-width: 2px;
	border-color: #003399;
	color:#FFF;
}

.header2 h1 {
	font-size: 2.0em;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.header2 h2 { font-size: 1.5em; text-align: center; }
.header2 h3 { font-size: 1.3em; text-align: center; }
.header2 p { padding: 2px 0.5em; font-size: 1.3em; }
.header2 p.list { margin: 0px 0px 5px 0px; text-align: center; font-size: 1.3em; font-weight: bold; }
.header2 p.listlast { text-decoration:underline; margin: 0px 0px 5px 0px; text-align: center; font-size: 1.3em; font-weight: bold; }
.header2 p.listbig { margin: 0px; text-align: center; font-size: 1.5em; font-weight: bold; color:#cc0000; }
/*.header2 .bottom { position:absolute; bottom:0px; background: url(../images/layout/bottom-highlight.png) no-repeat bottom right; height:30px; }*/

.aboutpromo1 { float: left;	width: 220px; height: 500px; padding: 5px; margin: 0px 0px 0px 35px; background: #FFFFFF url(../images/layout/header2bg-trans.png) repeat top right; border-style: solid; border-width: 2px; border-color: #003399; color:#FFF; }
.aboutpromo2 { float: left;	width: 220px; height: 500px; padding: 5px; margin: 0px 0px 0px 35px; background: url(../images/layout/header3-green.png) repeat top right; border-style: solid; border-width: 2px; border-color: #339933; color:#FFF; }
.aboutpromo3 { float: left;	width: 220px; height: 500px; padding: 5px; margin: 0px 0px 0px 35px; background: #FFFFFF url(../images/layout/header3-black.png) repeat top right; border-style: solid; border-width: 2px; border-color: #000; color:#FFF; }

.aboutpromocontent img { margin: auto auto 3px 18px; }
.aboutpromocontent h1 { font-size: 2.0em;	text-align: center;	margin: 0px; padding: 5px 0px 0px 0px; }
.aboutpromocontent h2 { margin: 5px 0px 10px 0px; color:#FFF; border-bottom: none; font-size: 1.5em; text-align: center; }
.aboutpromocontent p { padding: 2px 0.5em; font-size: 1.0em; }
.aboutpromocontent p.list { margin: 0px 0px 5px 0px; text-align: center; font-size: 1.1em; font-weight: bold; }

#main {
 	width: 854px;
 	margin-top: 8px;
 	background-color: #CCCCCC;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #999999;
 	display: inline-block;
 	padding: 5px;
}
#mainX {
 	width: 854px;
 	background-color: #CCCCCC;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #999999;
 	display: inline-block;
 	padding: 5px;
}

#main_feature {
 	width: 1004px;
 	background-color: #CCCCCC;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #999999;
 	display: inline-block;
 	padding: 5px;
}

#main ul {
	list-style-position: inside;
}

#main li {
	font-weight: bold;
}  	

#content {
	width: 59%;
	float: left;
	margin-left: 5px;
}
     
#content h2 {
	font-size: 16px;
	color: #0033cc;
    border-bottom: dotted 1px #0033cc;
    line-height: 130%;
    margin-top: 8px;
}	

#content-prod {
	width: 98%;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
     
#content-prod h2 {
	font-size: 1.6em;
	color: #0033cc;
    border-bottom: dotted 1px #0033cc;
    line-height: 130%;
    margin-top: 8px;
    font-variant: small-caps;
}

#content-prod h2 a {
	text-decoration: none;
}

#content-prod img {
	position:relative;
	clear:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#content-prod div.prodheader {
	float:right;
	clear:left;
	width:45%;
	height: 135px;
	padding:5px;
	background: #FFFFFF url(../images/layout/header2bg-trans.png) no-repeat top right;
	border-style: solid;
	border-width: 2px;
	border-color: #003399;
}

#content-prod p.prodheader {
	color:#FFF;
	/*font-weight:bold;*/
	font-size:1.3em;
	margin:3px 5px;
}

#content-prod h2.prodheader {
	color:#FFF;
	margin:5px 5px;
	text-decoration:none;
	border: none;
}

.prodheader img {
	margin: 15px;
}

#prodpic {
	float:left;
	margin-right: 10px;
	margin-bottom: 80px;
}

#prodpicdbl {
	float:left;
	margin-right: 10px;
}

.ProdCol1 {
	float: left;
	width:75%;
	margin:0px 0.5% 0px 0.5%;
}
.ProdCol2 {
	float: left;
	width:39%;
	margin:0px 0.5% 0px 0.5%;
}
	

#promo {
	float:left;
	/*display:inline;*/
	width: 300px;
	_width: 300px;
	margin:0px 0.5% 0px 0.5%;
}

/**********************/
/*	GLASS PROMO BOX	  */
/**********************/

.dialog {
 position:relative;
 margin: 5px;
 min-width:8em;
 max-width:300px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .feature_content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/layout/dialog2-dark-800x1600.png) no-repeat top right;
 _background-image:url(../images/layout/dialog2-dark.gif);
}

.dialog .feature_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
	padding-bottom:0px;
	font-size:1.5em;
}


.ProdMinor {
	font-size: 0.8em;
}

.ProdMinorWhite {
	color:#FFF;
	font-size: 0.8em;
	margin-left:5px;
}

.ProdNum{
	font-weight: bold;
}

.ProdNumRed{
	font-weight: bold;
	color:RED;
}

.article_separator
{
	background-color: #FFF;
	height: 300px;
}
.clear {
	clear: both;
}

#mainMenu h3 {
	display: none;
}


/* GENERAL TAGS */
a {
	color: #0033cc;
}

img {
	border: none;
}

fieldset { border: none; }

.button {
	background: none;
	border: solid 1px #333;
	color: #333;
}

/* FOOTER */
.footer {
        width: 882px;
        color: #999999;
        text-align: left;
        margin: 0 auto;
}

.footer a {
        color: #999999;
        }
        
.footer ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	padding-top: 0px;
        float: left
               }

.footer ul li {
	display: inline; 
	padding-right: 15px;
        height: 8px;
}

.footer .moduletable {
    clear: left;
    padding: 0px; 8px;
}

.footer .moduletable img{
	margin: 0px 3px;
}