body {
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar1{
	float: left;
	width: 223px;
	height:auto;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
	width: 525px;
}
#mainframe {
				
				width:757px;
				height:922px;
				
			}
#logobar {
				
				width:750px;
				height:72px;
				
			}
#navbar {
				
				width:752px;
				height:30px;
				
			}
#vHost {
				
				width:220px;
				height:165px;
				
			}
#scrolltext {
				
				width:220px;
				height:165px;
				border: 1px solid #eee;
				background-color: #f7f7f7;
			}
#nameemail {
				padding:5px;
				width:218px;
				height:256px;
				
				background-color: #f7f7f7;
				border: 1px solid #eee;
			}
#navbarContent1 {
				padding:5px;
				width:218px;
				height:256px;
				
				background-color: #f7f7f7;
				border: 1px solid #eee;
			}
#maintext1 {
				border: 1px solid #000000;
				width:329px;
				height:221px;
				
				
			}
#maintext2 {
				
				width:520px;
				height:441px;
				
				border: 1px solid #000000;
			}
			
#bottomtext {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	
	width: 750px;				
			}
#text1 {
	height:210px;
	margin: 3px;
	width: 297px;
	border: 1px solid #000000;
	padding: 5px;
	float: left;
			}
.contentTitles {
				font-size: 14px;
				font-weight: bold;
				color: #0099FF;
				font-style: normal;
			}

.subcontentTitles {
				font-size: 16px;
				font-weight: bold;
				color: #000099;
				font-style: normal;
			}
.maintext {
	color: #000099;
	
	font-size: 14px;
	margin-top: 2px;
			}
#text2 {
				
				width:316px;
				height:413px;
				z-index:13;
			}
.whatsnew {color: #FF0000;
				font-style: italic;
				font-weight: bold;
			}
.boxtext1 {
	width:188px;
	height:210px;	
	float: right;
	margin: 3px;
	padding: 5px;
	background-color: #f7f7f7;
			}
			
.style1 {
	color: #FF0000;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
}
.style2 {
	
	font-size: 14px;
	padding: 5;
			}
#nameemailtext {
				margin: 5px;
				width:207px;
				height:327px;
				z-index:13;
			}
			
.style3 {font-size: 12px}
.style5 {font-size: 14px; font-weight: bold}
a:link {color: #0099FF;}
a:visited {
				color: #0099FF;
			}
a:hover {
				color: #FF0000;
			}
a:active {
				color: #999999;
			}
			.style6 {font-size: 18px;	font-weight: bold;}
			.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0099FF; font-style: normal; }
#Layer1 {
	width:507px;
	
	border: 1px solid #000000;
	margin: 5px;
	margin-bottom: 5px;
	padding: 5px;
	
			}

#FlashLayer {
	width:507px;
	height:425px;
	border: 1px solid #000000;
	margin: 5px;
	padding: 5px;
	float: left;
			}
			
 .hidethis 
 { visibility:hidden;	
	}

input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#ffffff;
   width:240px;
   height:30px;
   background-color:#3399FF;
} 

.groovybutton:hover
{
	cursor: hand;
}

/*
Styles used on POS_*
*/
.pname
{
	font-weight: bold;
	font-size: 12pt;
}

a.details 
{
	text-decoration: underline;
	color: #0000ff;
}

.price
{	
	font-size: 8pt;
	color: #000000;
}
.promo
{
	font-size: 8pt;
	color: #ff0033;
}
.yourcost
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#e2eeff;
	font-weight:bold;
	background: url(images/bg-menu-main.png) repeat-x;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.tabOff
{
	font: 10pt Arial;
	font-weight:700;
	height:30px;
	color: #3f434f;
	border-style: solid;
	border-color: #ababac;
	border-width: 1px;
	background: #FFF url('images/tab_off.jpg') repeat-x top left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -2px 0px;
}

.tabOn
{
	z-index:500;
	position: relative;
	font: 10pt Arial;
	font-weight:700;
	height:30px;
	color: Black;
	border-style: solid;	
	border-color: #7c8187;
	border-width: 1px;
	border-bottom-width: 0px;
	background: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -1px 0px;
}