body 
{
	background-image: url(images/bg_squares.gif);
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	vertical-align: top;
}

form
{
	width:774px;
	margin:0 auto;
	background-color:#160417;
	padding:0px 0px 0px 0px;
	position: relative;
}

div#header
{
	padding: 0px;
	margin: 0px;
}

div#header img
{
padding: 0px;
margin:0px;
border:0px;
}

div#header div#logo
{
	float:left;
}

div#header div#header-right
{
	float:left;
}

div#banner
{
	padding:0px;
	margin: 0px;
}

div#banner img
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height: 0px;
	font-size: 0px;
}

div#content-container
{
	clear:left;
	font-size: 0px;
	background: url(images/content_bg.gif) repeat-y left top;
}

div#left-bar
{
	float: left;
	width: 151px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

div#left-bar div.promo
{
	float: left;
	clear: left;
	width: 151px;
}

div#site-menu
{
	padding: 0px;
	margin: 0px;
	float:left;
	text-align: left;
}

div#site-menu a,
div#site-menu img
{
	padding: 0px;
	margin: 0px;
}
	
ul#primary-nav, ul#primary-nav ul 
{
	margin: 0;
	padding: 0;
	width: 151px; /* Width of Menu Items */
	border-bottom: 1px solid #FFFFFF;
	background: #160417; /* IE6 Bug */
}

ul#primary-nav li 
{
	position: relative;
	list-style: none;
}

ul#primary-nav li a 
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-bottom: 0;
	z-index: 60;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

 ul#primary-nav ul 
 {
	position: absolute;
	display: none;
	left: 150px; /* Set 1px less than menu width */
	top: 0;
	line-height: 19px;
	visibility: visible;
	z-index: 60;
}

ul#primary-nav li ul li a  /* Sub Menu Styles */
{
	padding: 2px 5px; 
	font-size: 10px;
	line-height: 19px;
}

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul  /* Hide sub-menus initially */
{ 
	display: none; 
}

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul  /* The magic */
{ 
	display: block; 
}

ul#primary-nav li.menubar 
{ 
	background: transparent url(images/arrow.gif) right center no-repeat; 
}

ul#primary-nav li:hover,
ul#primary-nav li.over 
{ 
	background-color: #603c63; 
}

ul#primary-nav li a:hover 
{ 
	color: #ffc001; 
}

div#right-bar
{
	float: right;
	width: 171px;
	border: 0px;
	margin: 0px;
	padding: 10px 3px;
	background-color: #000000;
}

div#right-bar img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div#right-bar div.right-bar-item
{
	background-image: url(images/bg_squaresDark.gif);
	margin-bottom: 10px;
	margin-left: 7px;
	width: 157px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

div#right-bar div.right-bar-item .box
{
	background: url(images/bg_right_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
	margin-top: 0px;
	padding-top: 0px;
		font-size: 10px;
}

div#right-bar div.right-bar-item img 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#right-bar div.right-bar-item div.content
{
	background: url(images/leftbar.gif) repeat-y left top;
	padding: 0px 7px 0px 7px;
	text-align: left;
	margin-bottom: 0px;
	width: 150px;
}

div#right-bar div.right-bar-item div.content div
{
	background: url(images/rightbar.gif) repeat-y right top;
	padding-bottom: 7px;
	padding-top: 3px;
}

div#right-bar div.right-bar-item div.content a,
div#right-bar div.right-bar-item div.content a:hover
{
	float: right;
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
}

div.text-content
{
	padding: 5px 10px 5px 10px;
	text-align:left;
	color: #FFFFFF;
	background-color: #340a37;
	float: left;
	width: 424px;
	overflow:visible;
}

/*div.text-content img
{
	padding: 0px 4px 0px 3px;
	margin: 0px;
}*/

div.text-content .mellow 
{
	color: #ffb802;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

div.text-content .mellow A:link, 
div.text-content .mellow A:active, 
div.text-content .mellow A:visited 
{
	color: #ffb802;
	text-decoration: none; 
}

div.text-content .mellow A:hover 
{
	color: #ffb802;
}

div.text-content div.inner-content
{
	padding: 0px 10px;
	font-size: 10px;
}

div.text-content div.inner-content img
{
	padding: 0px;}

div.text-content table#handmatchups img
{
	margin: 0px;
	padding: 0px;
}

div.text-content hr
{
	color: #FFFFFF;
}

div.text-content a
{
	color:#ffb802;
	font-size: 10px;
}

div.text-content p,
div.text-content ol,
div.text-content ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 150%; /* Added because lines are squished - Noor - Aug 1-2007 */
	font-weight: normal;
	text-align: left; /* Changed to Left from Justify - Noor - Aug 1-2007 */
}


/* unnecessary - Commented by Noor - AUg1-2007

div.text-content ol,
div.text-content ul
{
	text-align:justify;
}
*/

div.text-content h1
{
	background: url(images/titlebar.gif) no-repeat left top;
	color: #f9b915;
	font-size: 14px;
	font-weight: bold;
	padding-left: 12px;
	line-height: 37px;
}

div.text-content h2
{
	color: #ffba02;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

div.text-content h3
{
	font-family:verdana;
	font-weight:bold;
	font-size:14px;
	color:#eedf9d;
}

div.text-content .productTable {
	background-image: url(images/tableTop.gif);
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	border-bottom-style: dashed;
}

div.text-content .productTable .title {
	color: #ffba02;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

div.text-content .productTableTitleL {
	background-image: url(images/leftTable.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.text-content .productTableTitleR {
	background-image: url(images/rightTable.gif);
	background-position: bottom right;
	background-repeat: no-repeat;	
}

div.text-content .productTableMiddle {
	background-image: url(images/whiteBar.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #202020;
	border-bottom: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div.text-content .productTableMiddleR {
	background-image: url(images/whiteBar.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #202020;
	border-bottom: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div.text-content .productTableBottomR {
	background-color: #202020;
	border-right: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}

div.text-content .productTableBottomL {
	background-color: #202020;
	border-left: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
}

div.text-content .productTableBottom {
	background-color: #202020;
	border-bottom: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div.text-content div.home-inner-content img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

* html div.text-content div.home-inner-content img
{
	margin-top: -3px;
}

div.text-content div.home-blurb-left,
div.text-content div.home-blurb-right
{
	width: 200px;
	float: left;
	padding: 0px 5px 5px 5px;
	font-size: 10px;
}

div.text-content div.home-blurb-left
{
	background: url(images/purpleBar.gif) no-repeat right top;
}

div.text-content div.home-blurb-left span.title,
div.text-content div.home-blurb-right span.title
{
	color:#ffb802;
}

div.text-content div.home-blurb-left a.footer-link,
div.text-content div.home-blurb-right a.footer-link
{
	color: #FFFFFF;
	text-decoration: none;
}

div.text-content div.home-footer
{
	color: #5f3b62;
	text-align: center;
	margin-top: 10px;
	font-size: 10px;
}

div.text-content div.home-footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

div#download-form
{
	padding: 5px 8px;
	font-size: 10px;
}

div#download-form fieldset
{
	float: left;
	clear: left;
	width: 350px;
	border: none;
}

div#download-form fieldset.country-state label,
div#download-form fieldset.country-state select
{
	float: left;
	clear: left;	
}

div#download-form span.download-warning
{
	color: #ff0000;	
}

div#download-form label.label
{
	padding: 3px 4px;
	clear: left;
	width: 400px;
	float: left;
}

div#download-form input,
div#download-form select
{
	float: left;
	margin-right: 15px;
}

div#download-form input.email-box
{
	background-color: #000000;
	color: #ffffff;
	font-size: 10px;
	height: 15px;
	padding-top: 3px;
}

div#download-form p
{
	font-size:10px;
	clear: left;
}

div#download-form a
{
	clear: left;
}

div#download-form div.download-checkbox 
{
	float: left;
	width: 300px;
	background-color:Transparent;
	font-weight: normal;
}

div#download-form div.download-checkbox a
{
	color:#ffb802;
	text-decoration: none;
}

div#download-form div.download-checkbox input
{
	float: left;
	margin: 0px;
	border: 0px;
	padding-right: 5px;	
}

div.contact-numbers-box 
{
	padding:4px 2px 4px 2px;
	margin-top:5px;
	margin-bottom:12px;
	float: left;
	width: 400px;
}

div.contact-numbers-box span.label
{
	float:left;
	clear:left;
	width: 190px;
	font-style: normal;
	color: #ffffff;
	text-align: right;
}

div.contact-numbers-box span
{
	float: left;
	padding: 0px 5px;
	width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	width: 175px;
	margin: 3px;
}

div#contact-form{}

div#contact-form label
{
	color : #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	clear: left;
	width: 395px;
	text-align: left;
}

div#contact-form input,
div#contact-form textarea,
div#contact-form select
{
	float:left;
	margin-bottom:8px;
	display : block;
	font-family: arial;
	font-size: 12px;
	width: 200px;
}

div#contact-form input,
div#contact-form textarea
{
	background-color: #000000;
	color: #ffffff;
}

div#contact-form fieldset
{
	border: 0px;
}

div#contact-form input.contact-button
{
	width: 85px;
	background-color: #ffffff;
	border-style: outset;
	color: #000000;
}

div#contact-form br
{
	clear:left;
}

div#support-form{}

div#support-form label
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float: left;
	clear: left;
	width: 250px;
	text-align: left;
}

div#support-form select
{
	float:left;
	margin-bottom:4px;
	display : block;
	font-family: arial;
	font-size: 12px;
	border: 1px groove #B17D00;
}

div#support-form hr
{
	color: #FFFFFF;
	clear:left;  
}

div#support-form fieldset
{
	border: 0px;
	padding-left: 15px;
}

div#contact-form button
{
	color: #FFFFFF;
	height: 17px;
	float:right;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	border: 1px groove #FFB400;
}

div#footer
{
	background:url(images/bg_squaresYellow.gif) repeat-x bottom;
	clear: left;
	text-align: center;
	line-height: 30px;
	width: 100%;
}

div#footer a
{
	color: #FFFFFF;
	padding-left: 30px;
}

div.left-column
{
	width: 180px;
	border-right: 1px solid #999999;
	float: left;
}

div.center-column
{
	float: left;
	padding-left: 15px;
}

span.bold
{
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

strong.text-bold
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

strong.text-bold-support
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding-left:5px;  
}

/* Site Map classes */
a.sm-lvl-1,
a.sm-lvl-2,
a.sm-lvl-3
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	float: left;
	clear: left;
	display: block;
}

a.sm-lvl-1
{
	margin-left: 5px;
}
	
a.sm-lvl-2
{
	margin-left: 75px;
}

a.sm-lvl-3
{
	margin-left: 155px;
}	

/* Site Map classes end */

a.sublinks4
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

p.text-bold
{
	color : #eedf9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.validator-label
{
	color: #d20000;
	padding: 0px 0px 8px 8px;
	font-size: 10px;
	display: block;
}

.validator-text
{
	float: left;
	clear:both;	
	color: #d20000;
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 200px;
}