/* Mighty Hook */
body, table, tr, td{margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
#setup{width:746px; background: url(../images/bg.gif);}
#copyright{padding:8px 4px; background:#003333; font-size: 10px; color: #FFFFFF;}
#copyOutline{padding:2px 0; border-top:2px solid #000000; background:#ffffff;}
#cart{margin-top:16px;}
.cart{border:2px solid #999999; border-top:0; border-bottom:0;}
.cartBottom{border-bottom:2px solid #999999;}
.cart b{color:#ff0000;}

.welcome{font-size: 12px; color: #FFFFFF;}
.welcomeCopy{font-size: 10px; color: #FFFFFF;}
.formField{font-size: 10px; color: #000000; border: 1px solid #CC6600;}
.submit{ font-size: 10px; color: #993300;}
.copyright{font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #FFFFFF;}
.dottie{font-size: 5px;}
.newsItem{padding:4px 6px; background-color:#E8E8E8;}
h1, .header{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #003333; font-weight:normal;}
li{margin-bottom:10px;}
.leftMargin{margin-left:16px;}
th{font-size:10px; color:#ffffff; text-align:left; background-color:#993300;}
tr.odd td{background-color:#ffffff;}
tr.even td{background-color:#cccccc;}
.border{border:2px solid #993300;}

.size10{font-size: 10px; color: #000000;}
a.size10:link, a.size10:active, a.size10:visited{color:#993300; text-decoration: none;}
a.size10:hover{color:#003333; text-decoration: underline;}

a.bodyCopy:link, a.bodyCopy:active, a.bodyCopy:visited{color: #993300; text-decoration: none;}
a.bodyCopy:hover{color: #003333; text-decoration: underline;}

.formField2{font-size: 10px; color: #000000; border: 1px solid #666666;}
.submit2{font-size: 10px; color: #000000; border: 1px solid #666666;}
h2, .productHead{font-size: 12px; font-weight: bold; color: #993300;}
.underline{border-bottom:1px solid #993300;}
.bodyCopy{font-size: 10px; font-weight: normal; color: #000000;}

.headerCopy{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #993300;}
.size10Head{font-size: 10px; color: #993300; font-weight: bold;}
.button{font-size: 10px; color: #FFFFFF; border: 1px solid #333333; background-color: #993300;}
a.button:hover{color: #003333; text-decoration: underline;}

#compatible{list-style-position:outside;}
#compatible li{margin:0 0 0 -10px;}

/* ------- navigation ------- */
/* main */
#nav, #nav ul { /* all lists */	padding:6px 0px 0 0px; margin:0; list-style: none; line-height: 1;}
#nav a {display: block;}
#nav li { /* all list items */ float:left;}
/* second-level lists */
#nav li ul {padding:2px 0 0 2px; width:150px; /*have to declare a width or IE goes nuts*/position: absolute; border: 1px solid #b0b0b0; background:#dedede; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul li{margin:0; padding:2px 0; width:150px; text-align:left; border-bottom: 1px solid #b0b0b0; text-transform:uppercase;}
#nav li ul li a{margin-left:4px; padding-left:10px; font-weight: normal; color:#666666; background: none;}
#nav li ul li a.more{font-weight: normal; color:#666666;}
#nav li ul li a:hover{color:#000000; background: url(../images/arrowNav2.gif) no-repeat left;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;}
/* third level */
#nav li ul ul{margin: -16px 0 0 140px;}
#nav, #nav ul{padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav li:hover ul ul, #nav li.sfhover ul ul{left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{left: auto;}
/* fourth */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto;}
/* fifth */
#nav li:hover ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul {left: auto;}

/* Admin */
table		      	{ 	font: 10pt "Verdana"; color: #000000;}
table a		      	{ 	color: #000000; text-decoration: none; }
sup					{ 	font: 8pt "Verdana"; color: #777777; }
.mainContainer		{	background-color: #EEEEEE;
						border-left: solid 1px #000000;
						border-right: solid 1px #000000;
						border-bottom: solid 1px #000000;	}
.listTable      	{ 	font: 8pt "Verdana";
						background-color: #FFFFFF;
						border-top: solid 1px #000000;
						border-left: solid 1px #000000;
						margin-top: 0px;
						margin-bottom: 20px;
						width: 95%;		 }
.listTableExtra    	{ 	font: 8pt "Verdana";
						font-weight: bold;
						background-color: #FFFFFF;
						border-top: solid 1px #000000;
						border-left: solid 1px #000000;
						margin-top: 0px;
						margin-bottom: 20px;
						width: 95%;		 }
.listTable TD      	{ 	border-bottom: 	solid  1px #000000;
						border-right: 	solid  1px #000000;
						padding: 3px;
						cursor: hand;	 }
.listTable TH      	{ 	text-align: left;
						background-color: #BBBBBB;
						color: #FFFFFF;
						border-bottom: 	solid  1px #000000;
						border-right: 	solid  1px #000000;
						padding: 3px;	 }
.listTableOver     	{ 	background-color: #EFEFEF; cursor: hand;	 }
.listTableExtraOver { 	background-color: #EFEFEF; cursor: hand; font-weight: bold;	 }
.listTableHeading	{ 	background-color: #CCCCCC; cursor: default; font-weight: bold;	 }
.listTableHeading2	{ 	background-color: #DDDDDD; cursor: default; font-weight: bold;	 }
.listTableSubTitle 	{ 	background-color: #DDDDDD; cursor: default;	font-weight: bold; color: #555555; }
.formTable      	{	margin:20px 0;}
.formTitle      	{ 	width: 100%;
						text-align: center;
						font: 12pt "Verdana";
						font-weight: bold;
						padding: 10px;
						margin-top: 15px;
						margin-bottom: 30px; }
.formSubmit			{ 	width: 200;
						font: 8pt "Verdana";
						color: #FFFFFF;
						border:	solid  1px #000000;
						background-color: #969062;
						padding: 2px;
						margin-top: 10px;
						margin-bottom: 10px;
						display: block;
						margin-left: auto;
						margin-right: auto }
.formSubmitOver		{ 	width: 200;
						font: 8pt "Verdana";
						font-weight: bold;
						color: #000000;
						border:	solid  1px #000000;
						background-color: #F8F7EB;
						padding: 2px;
						cursor: hand;
						margin-top: 10px;
						margin-bottom: 10px;
						display: block;
						margin-left: auto;
						margin-right: auto }
.menuPlain			{	border: 0 none;
						padding: 0px;	}
.menuPlain TD		{	border: 0 none;
						padding: 0px;	}
.menuTable      	{ 	font: 8pt "Verdana";
						border-top:		solid  1px #000000;
						border-left: 	solid  1px #000000;
						text-align: center; }
.menuTable TD      	{ 	border-bottom: 	solid  1px #000000;
						border-right: 	solid  1px #000000;
						padding: 3px;	 }
.menuOptionTitle	{	background-color: #AAAAAA;
						color: #FFFFFF;
						font-weight: bold;
						cursor: default;	}
.menuOptionOn		{	background-color: #F8F7EB;
						color: #000000;
						font-weight: bold;
						cursor: hand;	}
.menuOptionOff		{	background-color: #993300; color: #FFFFFF}
.subMenuTable      	{ 	font: 8pt "Verdana";
						border-top:		solid  1px #000000;
						border-left: 	solid  1px #000000;
						padding: 0px;	 }
.subMenuTable TD    { 	border-right: 	solid  1px #000000;
						padding: 3px;	 }
.subMenuOptionTitle	{	background-color: #AAAAAA;
						color: #FFFFFF;
						font-weight: bold;
						cursor: default;	}
.subMenuOptionOn	{	background-color: #E2E2E2;
						color: #000000;
						font-weight: bold;
						cursor: hand;	}
.subMenuOptionOff	{	background-color: #C2C2C2; color: #FFFFFF;		}
a.info				{	position:relative;
						z-index:36;
						border-bottom: 1px dotted #999999;
						text-decoration: none;
						cursor: help;				}
a.info span			{	display: none}
a.info:hover		{	z-index:37; background-color:#FDCC12;	}
a.info:hover span	{	width: 120%;
						display: block;
						position: absolute;
						top: -20px;
						left: -110px;
						border: 1px solid #FF9933;
						background-color: #ffffff;
						color: #000000;
						text-align: left;
						z-index: 50;
						padding: 2px 2px 2px 4px;
						cursor: help;	}
.messageError		{	background-color: #FF0000;
						color: #FFFFFF;
						font-weight: bold;	}
.messageHelp		{	background-color: #EEEEEE;
						color: #000000;
						font-weight: bold;	}
.messageGeneral		{	background-color: #CCCCCC;
						color: #000000;
						font-weight: bold;	}
						
.calendarHeader		{	background-color: #FFFFF1;
						font: 10pt "Verdana";
						color: #FFFFFF;
						font-weight: bold;
						border: solid 1px #000000;
						padding: 2px;
						text-align: center;		}
.calendarClear		{	text-decoration: none;
						color: #FFFFFF;
						border: 1px solid #FFFFFF;
						font-size: 8px;
						padding: 0px 2px 0px 2px;	}
.calendarClose		{	text-decoration: none;
						color: #FFFFFF;
						border: 1px solid #FFFFFF;
						font-size: 8px;
						padding: 0px 2px 0px 2px;	}
.calendarWeekDays	{	font: 8pt "Verdana";
						background-color: #BBBBBB;
						border-left: solid 1px #000000;
						border-right: solid 1px #000000;
						border-bottom: solid 1px #000000;
						color: #FFFFFF;
						padding: 2px;		}
.calendarDays		{	background-color: #FFFFFF;
						border-left: solid 1px #000000;
						border-right: solid 1px #000000;	}

.calendarWeekend		{	font: 10pt "Verdana"; color: #CCCCCC; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #FFFFFF;}
.calendarWeekendOver	{	font: 10pt "Verdana"; color: #CCCCCC; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #CCCCCC;}
.calendarWeekday		{	font: 10pt "Verdana"; color: #000000; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #FFFFFF;}
.calendarWeekdayOver	{	font: 10pt "Verdana"; color: #000000; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #CCCCCC;}
.calendarSelected		{	font: 10pt "Verdana"; color: #000000; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #000000; background-color:#FFFFF1;}
.calendarSelectedOver	{	font: 10pt "Verdana"; color: #000000; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #000000; background-color:#FFFFF1;}
.calendarToday			{	font: 10pt "Verdana"; color: #FFFFF1; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #FFFFF1;}
.calendarTodayOver		{	font: 10pt "Verdana"; color: #FFFFF1; text-align: center; cursor: hand; text-decoration: none; border: 1px solid #FFFFF1;}
.calendarFooter			{	font: 8pt  "Verdana"; background-color: #FFFFF1; color: #FFFFFF; border: solid 1px #000000; padding: 2px; cursor: hand; }

.verticalText			{	layout-flow: vertical-ideographic; font: 8pt "Verdana"; text-align: right; }

.smallMenuTable      	{ 	font: 8pt "Verdana";
							border-top:		solid  1px #000000;
							border-left: 	solid  1px #000000;
							padding: 0px;
							width: 95%;	 }
.smallMenuTable TH     	{ 	border-right: 	solid  1px #000000;
							padding: 3px;	 }
.smallMenuOptionOff    	{ 		 }
.smallMenuOptionOn    	{ 		 }

a:link, a:visited{color:#F09710;}
a:hover {color:#000000; text-decoration:none;}

.odd{background:#F8F1E5;}
tr.odd td{padding-top:20px; padding-bottom:20px; border-bottom:1px dotted #333333; border-top:1px dotted #333333;}
h3, label{margin:0; font-size:10pt;}

.inline{display:inline;}

/* error */
.error{color:red; font-weight:bold;}
.small, a.small:link, a.small:visited, a.small:hover, a.small:active{font-size:8pt;}
.borderLeft{padding-left:4px; border-left:1px solid #333333;}