/********************************************************
 © Copyright QuadComm Inc, 2005
********************************************************/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white; 
	color: black;
	margin: 4px 5px 5px;
}
a
{
	color: #003366; 
	/*text-decoration: none;*/
}
a:hover 
{
	color: red;
	text-decoration: underline;
}
a:visited 
{
	color: #003366;
}
table
{
	margin: 0;
	/* Uncomment to see table layout 
	border: 1px solid red;
	margin: 3px; */
}
td
{
	font-size: 70%; /*10px;*/
	vertical-align: top;
	border-width: 0;
	padding: 0;
	/*border: 1px solid red; */
}
table.TableForm td
{
	vertical-align: middle;
}
img
{
	border-width: 0;
}
form
{
	margin: 0px;
}
h1
{
	font-size: 140%;
	font-weight: bold;
}
h2
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 10px;
}
h2 a
{
	font-size: 100%;
	color: #003366;
}
h2 a:visited
{
	font-size: 100%;
	color: #003366;
}
h2.SectionTitle
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 15px;
	padding: 1px 5px;
	border: 1px solid #4791B6;
}
ul li
{
	padding-left: 0px;
	list-style: url(Menu_Bullet.gif) disc;
}
div.SorryMsg
{
	font-weight: bold;
}
div.InfoMsg
{
	background: #BEFF80;
	border: 1px solid #7FFF00;
	padding: 5px;
	margin: 10px 10%;
}
div.Notes
{
	background: #CDCEE9;
	border: 1px solid #4791B6;
	padding: 5px;
	margin: 10px 10%;
	text-align: justify;
}
div.ErrorMsg
{
	background-color: #FF9F9F;
	border: 1px solid red;
	padding: 5px 5px 5px 30px;
	background-image: url(exclamation-error-bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 10px 10%;
}
td.BodyCell p
{
	text-align: justify;
}
table.PriceList
{
	border-collapse: collapse;
}
table.PriceList td
{
	padding: 7px;
	border-bottom: 1px solid gray;
}
tr.PriceListHeader
{
	background: #C0C0C0;
	font-weight: bold;
}
tr.PriceListHeader td
{
	border-top: 1px solid gray;
}
div.PageInst
{
	text-align: justify;
}
sup.RequiredField
{
	color: red;
}
ol
{
	margin-top: 5px;
	margin-bottom: 5px;
}
table.ForumTable td
{
	padding: 4px;
}

/********* Menu Table *********/
table.MenuBox { 
	width: 130px;
	border: 1px solid #4791B6;
	margin-bottom: 5px;
}
.MenuBox td {
	padding: 4px;
}
.MenuBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*10px;*/
	padding: 2px;
	height: 20px;
	background: url(Bar_light_light2dark.gif);
}
.MenuBoxContent td
{
	font-size: 70%; /*10px;*/
	background-color: white;
	color: black;
	border-top: 1px solid #4791B6;
}
.MenuBoxContent a
{
	color: #003366;
	text-decoration: none;
}
.MenuBoxContent a:hover {
	color: red;
	text-decoration: underline;
}
.MenuBoxContent a:visited {
		color: #003366;
}
.MenuBoxContent ul
{
	margin-left: 1.25em; 
	padding-left: 0;
	margin-top: 1px;
	margin-bottom: 4px;
}
.MenuBoxContent ul li
{
	padding-left: 0px;
	list-style: url(Menu_Bullet.gif) disc;
}
div.MenuBoxFoot
{
	font-size: 90%; /*10px;*/
	text-align: right;
	margin: 5px 0px 0;
}
/********* End Menu Table *********/



/********* My Account Login Form *********/
div.MyAccLogin
{
	text-align: center;
}
table.MyAccLogin
{ 
	width: 400px;
	border: 1px solid #4791B6;
	margin: 20px auto 20px; text-align: left; /* Used to center table in Mozilla */
}
table.MyAccLogin td {
	padding: 6px;
}
/********* End My Account Login Form *********/

/********* Navigation Tabs *********/
td.TopMenuSel
{
	font-size: 80%;
	color: white;
	font-weight: bold;
	background-color: #4791B6; 
	text-align: center;
	vertical-align: middle;
	/*background: url(MenuGrad2rot.gif);*/
	background: url(Bar_dark_light2dark.gif);
	height: 25px;
}
.TopMenuSel a
{
	color: white;
	text-decoration: none;
}
.TopMenuSel a:visited
{
	color: white;
}
td.TopMenuSelCorner
{
	color: white;
	font-weight: bold;
	background-color: #4791B6; 
	text-align: center;
	vertical-align: top;
	/*background: url(MenuGrad2rot.gif);*/
	background: url(Bar_dark_light2dark.gif);
	height: 25px;
}
td.TopMenuUnSel
{
	font-size: 80%;
	color: black;
	font-weight: bold;
	background-color: #ACACD7;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: middle;
	/*background: url(MenuGrad3.gif);*/
	background: url(Bar_light_light2dark.gif);
	height: 25px;
}
.TopMenuUnSel a
{
	color: black;
	text-decoration: none;
}
.TopMenuUnSel a:visited
{
	color: black;
}
td.TopMenuUnSelCorner
{
	color: black;
	font-weight: bold;
	background-color: #ACACD7;
	text-align: center;
	vertical-align: top;
	background: url(Bar_light_light2dark.gif);
	height: 25px;
}
/********* End Navigation Tabs *********/

h1.MainTitle
{
	font-size: 120%;
	font-weight:bold;
	margin-top: 0;
	background: #ACACD7;
	border: 1px solid #4791B6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px; 
	height: 16px;	/* Size for all fully CSS compliant browsers (i.e. not IE!) */
	background: url(Bar_light_light2dark.gif);
/*		background: url(Bar_light_light2dark.gif);
		border: 1px solid #AAA;*/
}
* html body h1.MainTitle
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	height: 22px;
}
.Centered
{
	text-align: center;
}
.Strike
{
	text-decoration: line-through;
}
.SubmitBtn
{
	background-color: #ACACD7;
	border: 1px solid #4791B6;
	font-weight: bold;
	padding: 0px 3px;
/*	background: url(Bar_light_light2dark.gif);*/
}
.Displaying
{
	float: left;
	margin-top: 10px;
}
.SearchForm
{
	text-align: center;
	clear: both;
	margin-top: 50px;
}

/********* Help page *********/
td.HelpTitle
{
	font-size: 90%;
	font-weight: bold;
	margin-top: 15px;
	padding: 1px 5px;
	border: 1px solid #4791B6;
}
td.HelpDesc
{
	padding: 10px 0px 20px 40px;
}
/********* Table List *********/
div.TableList
{
	text-align: center;
	margin: 20px 0px;
}
table.TableList
{
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #4791B6;
	width: 70%;
	border-collapse:collapse;
}
table.TableList th
{
	vertical-align: middle;
	background-color: #ACACD7;
	font-size: 80%; /*10px;*/
	font-weight: bold;
	border-bottom: 1px solid #4791B6;
	padding: 5px 6px;
	background: url(Bar_light_light2dark.gif);
}
table.TableList td
{
	padding: 5px 8px;
	border-bottom: 1px solid #4791B6;
}
th.TableListDel
{
	width: 60px;
}
td.TableListtDel
{
	text-align: center;
}
/********* End Table List *********/
.searchline
{
	vertical-align: middle;
	background-color: #C0C0C0;
	text-align: right;
	background: url(GreyGrad.gif);
}
td.searchline
{
	height: 20px;
}
.searchbutton
{
	background-color: #4791B6;
	border: 0px solid black;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	background: url(MenuGrad2rot.gif);
}
.searchtext
{
	border: 1px solid #9C9CC7;
}
td.DarkBGBar
{
	background-color: #4791B6;
	height: 15px;
	/*background: url(MenuGrad2.gif);*/
	background: url(Bar_dark_dark2light.gif);
}
td.DarkBGFootBar
{
	background-color: #4791B6;
	height: 15px;
	background: url(BarThin_light_light2dark.gif);
}
.PageTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%; /*18px;*/
	font-weight: bold; 	
}
.Footer
{
	color: Gray;
	font-size: 70%; /*10px;*/
}
table.FullWidth 
{ 
	width: 100%; 
}
td.MenuSep
{
	width: 3px;
}
span.BreadCrumb
{
/*	margin: 0px 0px 0px 5px; */
	float: left; 
	font-size: 85%;
	position: relative; top: 3px; left: 5px;
}
td.FieldName
{
	font-weight: bold;
	padding-right: 10px;
}
table.OrderDetails td.FieldName
{
	width: 150px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}
table.PartnerList td
{
	padding: 5px;
}
table#TopNav, table#BottomNav, table#SearchBar, table#Footer, table#MainBody
{
	width: 100%;
}
table#BottomNav
{
	margin-top: 5px;
}
table.MenuTable
{
	width: 130px;
}
table#SearchBar
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
td#LeftNav
{
	padding-top: 10px;
	width: 130px;
}
td#BodyCell
{
/*	width: 610px; */
	padding: 10px 10px;
}
td#RightNav
{
	padding-top: 10px;
	text-align: center;
	width: 130px;
}
td#LogoCell
{
	vertical-align: bottom;
}
#LogoCell div.LogoTitle
{
	text-indent: -3000px;
}
img.LogoImg 
{
	margin: 10px 0px;
}
td#RHTop
{
	text-align: right;
	font-size: 70%;
	padding-bottom: 10px;
	vertical-align: bottom;
}
#RHTop a
{
	color: navy;
}
td#MainBodyCell
{
	padding: 0px 10px;
}
td#NavTabCell
{
	text-align: right;
	vertical-align: bottom;
	height:25px;
}
table#NavTabs
{
	margin: 0;
	float: right;
}
form#quicksearch
{
	margin: 0;
}
#Footer a
{
		color: #555;
		text-decoration: none;
}
#Footer a:hover
{
	color: red;
	text-decoration: underline;	
}
#Footer a:visited
{
		color: #555;
}
#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar, #Footer{
}

table#FeatureTable { 
	width: 90%;
	border: 1px solid #4791B6;
}
#FeatureTable td {
	padding: 2px;
}
#FeatureTable th {
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*10px;*/
	padding: 2px;
	height: 20px;
	background: url(Bar_light_light2dark.gif);
}
#FeatureTable tr.FeatSection td
{
	font-size: 90%; /*10px;*/
	background-color: white;
	color: black;
	font-weight: bold;
	border-top: 1px solid #4791B6;
}
A.ext {
	PADDING-RIGHT: 16px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(/images/hrefext.gif) #fff no-repeat right 50%; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	voice-family: inherit;
}
ul.FeatureList li
{
	padding-top: 5px;
}
div.BG_Box
{
	text-align: left;
	padding: 4px;
	margin: 0px 0px 5px;
	font-size: 80%;
	background-color: #CDCEE9;
	border: 1px solid #4791B6;
	background: url(loginboxbg.jpg);
}
div.PriceBox
{
	float: right;
	width: 150px;
	border: 1px solid #4791B6;
	text-align: center;
	padding: 20px;
}
div.PriceBox a.OrderNow
{
	color: red;
	font-weight: bold;
	font-size: 120%;
}
div.PriceBox a.OrderNow:visited
{
	color: red;
	font-weight: bold;
}
div.PriceBox a.OrderNow:hover;
{
	color: red;
	font-weight: bold;
}
div.RedGrad
{
	background: url(BarRed_light2dark.gif); color: white; font-weight: bold;
	width: 100px;
	border: 1px solid red;
}
div.RedGrad a
{
	color: white;
	text-decoration: none;
}
div.RedGrad a:visited
{
	color: white;
}
div.BuyNowBox
{
	background: url(BarRed_light2dark.gif); 
	color: white; 
	font-weight: bold;
	border: 1px solid red;
	padding: 2px 0 0;
	margin: 0px 0px 5px;
	height: 20px;
}
div.BuyNowBox a
{
	color: white;
	text-decoration: none;
}
div.BuyNowBox a:visited
{
	color: white;
}
div.TestimBox
{
	float: right;
	margin: 5px;
	padding: 5px;
	width: 150px;
	border: 1px solid gray;
	color: #404040;
	font-size: 110%;
	font-decoration: italics;
	background: silver;
}
.QuoteLeft
{
	font-size: 200%; font-family: Times New Roman; font-weight: bold;
}
.QuoteRight
{
	font-size: 200%; font-family: Times New Roman; font-weight: bold; text-align: right;
}
div.TestimHPBox
{
	border: 1px solid gray;
	margin: 5px;
	padding: 5px;
	color: #404040;
	font-size: 110%;
	font-decoration: italics;
	background: silver;
}
div.DevHPBox
{
	background: #BEFF80;
	border: 1px solid #7FFF00;
	padding: 5px;
	margin: 0 5px 0;
}
div.DevHPBox h2
{
	margin: 0 0 5px;
}
table#ProductsBox td.HPBoxTitle
{
	height: 20px;
	border: 1px solid #4791B6; 
	background: url(Bar_light_light2dark.gif); 
	padding: 2px; 
	text-align: center; 
	font-weight: bold;
}
/********** print styles **********/
@media print {
	#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar
	{
	display: none;
	}
   .hiddenOnPrint {display: none;}
   .PageBreak {page-break-before:  always;}		/* use on div to create print page break */
}