/* -----------------------------------------------
Beige #FFFBEF    ---------------------------------
Grey #BABABA    -------------- COLOR -------------
Dark Grey #4B4B4B    ----------SCHEME ------------
Header Blue #2E85B1 --------------------------------
Light Blue #EAF5FA --------------------------------
Blue #0077C0
----------------------------------------------- */
/* {margin:0;padding:0;}*/

body
{
    background-color:EEEDED;
  }

body, table, p, em, ul, li, ol
	{
    color:#4B4B4B;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
	
	
}
img 
{
	border:0px;	
}

p{padding-bottom:10px;}

.clear{clear: both; height: 0; *height: 1%;}
	
.left{float:left;}
	
.right{float:right}

.center{text-align:center;}
	
.padding{padding:0px;}

a:link, a:visited, a:active
	{	
	text-decoration:none;
	color:#0077C0;
	font-weight:100;
}	
		
a:hover{text-decoration:none;color:#4B4B4B;}

.ddfont{
	color:0077C0;
	font-weight:600;
}

H1	
	{
	position:relative;
	color:#0077C0;
	font-size:24px;
	font-weight:500;
	text-align:left;	
	margin-left:40px;
}

		
H2	/* h2's are primarily used for the product index pages in conjunction with the alpha classes */
	{	
	display:block;
	color:#0077C0;
	font-size:11px;
	font-weight:900;
	padding-left:18px;
	text-align:left;
	line-height:20px;
}	

H2 a:hover{color:#FFF;background:#0077C0;}

	
/*******************************************************************/
			
#header
{
	position:relative;
	width:805px;
	height:87px;
	background:url("http://www.graphiccontrols.com/Medical/Img/Medical/gc.jpg") no-repeat;	/* Logo with nav bar bg */
	margin-top:25;
	margin-left:35;
	padding:0;
}
#righttitle {
	color: #0077C0;
	font-weight: bold;
	font-size: 11px;
}

#footer
{
	width:805px;
	height:0px;
	margin-top:2;
	padding:10;	
}
#login
{
	width:805px;
	display: block;
	padding-right: 20px;
	clear:both;
	color:#4B4B4B;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:10px;
    text-align:left;
	position: relative;
}

#container /* main white area that contains all */
{
	width:805px;
	height:auto;
	overflow:hidden;  /*  need to look into why this hides everything in ns 7 */
	/*background:url("http://www.graphiccontrols.com/Medical/Img/background2Med.jpg") repeat-y;*/
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#content /* used in body TEXT section of form */
{
	position:relative;
	z-index:-0;
	float:left;
	width:300px; /* ns and ff - width excluding padding */
	/**width:350px;  ie box model - width including padding */
	text-align:left;
	padding:15px;
	margin-left:20px;
	line-height: 18px;
}
#leftside /* used in body TEXT section of form */
{
	position:relative;
	z-index:-0;
	float:left;
	width:500px; /* ns and ff - width excluding padding */
	/**width:350px;  ie box model - width including padding */
	text-align:left;
	padding:15px;
	margin-left:20px;
	display: block;
	line-height: 18px;
}
#rightside /*Display rightside column*/
{
	position: relative;
	float: right;
	width: 200px;
	display: block;
}
	
#content2 /* used in body TEXT section of footer pages */
{
	position:relative;
	z-index:-0;
	float:left;
	width:750px; /* ns and ff - width excluding padding */
	*width:750px; /* ie box model - width including padding */
	text-align:left;
	padding:15px;
	margin-left:20px;
}

#topNav	 /*Horizontal global nav found in header control */
	{
	position:relative;
	width:805px;
	margin:0;
	padding:0;

	
}

#topNav ul
	{
	position:relative;
	list-style-type:none;
	padding-left:0px;
	padding-top:60px;
	margin:0;
}
	
#topNav ul li{float:left;display:inline;}
	
#topNav ul li a:link, #topNav ul li a:visited, #topNav ul li a:active, #topNav ul li a:hover
	{
	float:left;
	display:block;  
	border-right: solid 1px #cccccc;
	padding:0px 10px 0px 10px;
	height: 25px;
	vertical-align:middle;
	background-color:Transparent;
	color:#4B4B4B;
	white-space:nowrap;
	font-family:Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	
}

	
#topNav ul li a:hover
	{
	/*background:url("http://www.graphiccontrols.com/Medical/Img/topNavBgOver.jpg") repeat-x; /* Darker Grey image */
	color:#2E85B1;
	background-color:#f5f5f5;
}

#rtsidenav /*Used for upper right corner search box positioning*/
{
	position:relative;
	margin:0;
	left:300px;
	top:5px;
	font-size:12px;
	font-style:normal;
		
}

#username /* used as section in right nav login textbox position */
{
	/*position:relative;
	height:auto;
	text-indent:0;
	display:block;
	text-align:center;	
	background-color:#ECE9DC;
	border: #2E85B1;
	margin-top:35px;
	padding:0;*/
	
	margin-top:30px;
	margin-left:500px;
	font-size:12px;
	font-style:normal;
		
}

#password /* used as section in right nav login textbox position */
{
	/*position:relative;
	height:auto;
	text-indent:0;
	display:block;
	text-align:center;	
	background-color:#ECE9DC;
	border: #2E85B1;
	margin-top:35px;
	padding:0;*/
	
	margin-top:5px;
	margin-left:502px;
	font-size:12px;
	font-style:normal;
	
}

#login /* used as section in right nav login button position */
{
	/*position:relative;
	height:auto;
	text-indent:0;
	display:block;
	text-align:center;	
	background-color:#ECE9DC;
	border: #2E85B1;
	margin-top:35px;
	padding:0;*/
	
	margin-top:5px;
	margin-left:665px;
	font-size:12px;
	font-style:normal;
}


#SignInBullets /* used as section in right nav login */
{
	/*position:relative;
	height:auto;
	text-indent:0;
	display:block;
	text-align:center;	
	background-color:#ECE9DC;
	border: #2E85B1;
	margin-top:35px;
	padding:0;*/
	
	margin-top:5px;
	margin-left:520px;
	font-size:12px;
	font-style:normal;
	padding:2px;
}

#DropDownLevel1
{
	
	MARGIN-TOP: 0px; 
	MARGIN-RIGHT: 0px; 
	MARGIN-BOTTOM: 0px;
	WIDTH:800px;
	FONT-WEIGHT:600; 
	FONT-SIZE:10pt; 
	COLOR:#0077c0;
	
}
div#contactForm
	{
	position:relative;
	width:auto;
	height:auto;
	display:block;
	text-align:center;
	border:solid 1px #0077C0;
	padding:10px 0;
}

div#contactForm table.form td /* pads table cell to add space between fields */
	{
	padding:0 0 10px 0;
}

#contactForm.halfSize /* used on login and forgot pages. */
	{
	width:340px;
	background-color:#FFFFFF;
}

.formTitleBeige /* Title text that overlaps top border of box color beige bg */
	{
	position:relative;
	top:-19px;
	color:#0077C0;
	background-color:#FFFFFF;
	font-size:11px;
	font-weight:bold;		
}

.formLabel /* bold required form field names */
	{
	font-size:10px;
	text-align:right;
	font-weight:bold;
	padding-right:3px;
}

.formLabelNon  /* non-bold non-required form field names */
	{
	font-size:11px;
	text-align:right;
	font-weight:normal;
	padding-right:3px;
	letter-spacing:-1px;
}

#contactForm input, #contactForm .drop, #pswdForm input  
/* Default for all inputs and dropdowns  */
	{
	height:20px;
	width:120px;
	background-color:#fff;
	font-size:10px;
	margin-bottom:0px;
	margin-right:2px;
	border: 1px solid #7F9DB9;
}

div#contactForm table.form /* aligns and centers forms tables */
	{
	width:auto;
	text-align:right;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	border:0;
}
/***************************************
/***************************************
/*CLASSES*/

.btnlogin /* used as click button stylings*/
{
	color:#FFFFFF;
	background-color:#0077C0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:300;
	border: 2px double #999999;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	text-align:center;
	margin:0;
	padding:2px;
}
.disclaim /* used as click button stylings*/
{

	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align: center;

	
}