/********************************
* Site Title: Health Portal USA *
* Created By: Jesse Garrison    *
* Last Updated: July 26th, 2007 *
********************************/

/* Basic HTML Elements
********************************/

html, body {
	width: 100%;
	margin: 0;
 }
 
body {
	background-color: #fff;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	overflow: -moz-scrollbars-vertical; 
 }
 
h2 {
	background: url('../images/headerbg.jpg') no-repeat top left;
	text-indent: -1000px;
	width: 399px;
	height: 50px;
	margin: 27px 0 0 0;
	float: left;
 }

h1 {
	width:100%;
	height:40px;
	color:#1E3A52;
	font-size:24px;
	font-weight:bold;
	margin: 15px 0px 30px 0px;
	padding:0px 0px;
 }
 
h3 {
	width:100%;
	color:#1E3A52;
	font-size:17px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom: 20px;
}

p {
	margin: 5px 0;
}

a:link, a:visited {
	color: #708ba1;
	outline: 0;
}

form label {
	font-weight: bold;
	display: block;
	margin: 10px 0 5px 0;
}

form input, form textarea {
	margin: 0 0 5px 0;
}

/* Page Layout
********************************/

#content_frame {
	width: 100%;
	height: 1200px;
	overflow-y: visible;
	border: 0;
}

#top {
	background: url('../images/topbg.jpg') #48637A repeat-x bottom left;
	width: 100%;
	height: 185px;
 }

 	#top .ad_left {
		float: left;
	}
	
	#top .ad_right {
		padding-left:150px;
		float: left;
	}
	
	
	#top .left {
		width: 400px;
		font: 11px/13px arial, sans-serif;
		color: #fff;
		float: left;
	}
	
	#top .left p {
		margin-left: 60px;
		margin-bottom: 10px;
	}
	
	#top .right {
		width: 312px;
		color: #fff;
		float: right;
		margin: 25px 0 0 0;
	}
	
	#top .right input {
		background: #fcfce3;
		height: 20px;
		width: 200px;
		font-size: 14px;
		color: #797364;
		padding: 0;
		border: 0;
	}
	
	#top .right .submit {
		background: #df8a00;
		width: 75px !important;
		color: #fff;
		text-align: center;
	}
	
	#top .right label {
		display: block;
		color: #102b42;
	}

#bottom {
	/*background: url('../images/bottombg.jpg') #fff repeat-x top center;*/
	background-color:#ffffff;
	width: 100%;
	height: 300px;
}

	#bottom p {
		margin-bottom:25px;
	}
	
	#bottom b {
		font-weight:bold;
		
	}
	
	#bottom b.large {
		font-weight:bold;
		font-size:17px;
	}

	div.product_list {
		margin: -20px 0px 30px 0px;
		width:295px;
		float:left;
	}
	
	div.product_list ul {
		margin:0px 0px;
		padding:0px 0px;
	}	
	
	div.product_list li {
		padding:2px 5px 2px 5px;
	}	
	
	p.testimonial {font-style:italic;}
	
	/* Product Sections */
	div.product {float:left; margin-right:10px; margin-bottom:20px; border:1px solid #92AAC2;}
	div.product p {margin:0px 0px; padding:0px 0px;}
		/* Product Summary Section.  Sub div inside main product div */
			div.product_summary {text-align:left; background-color:#DAE3EC; padding:5px 5px 0px 5px; margin:0px 0px;}
			
				p.product_summary_heading a {color:#31506B; font-size:14px; font-weight:bold; margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
				p.product_summary_heading a:hover {color:#31506B; text-decoration:none;}
				p.product_summary_heading {margin:0px 0px;}
	
				div.product_summary p{font-weight:normal; font-size:12px; line-height:14px; color:#4E4E4F;}
		/* End Product Summary Section.  Sub div inside main product div */
		
		/* Product Image Section.  Sub div inside main product div */
			div.product_image {margin:0px 0px 0px 0px;}
				div.product_image p {margin:0px 0px 0px 0px;}
				div.product_image a {color:#EC7200; font-size:14px; font-weight:bold; text-align:right; margin:0px 0px 0px 0px; padding: 0px 0px 0px 5px;}
				div.product_image a:hover {text-decoration:none;}
		/* End Product Image Section.  Sub div inside main product div */
	/* End Product Sections */


	#left {
		width: 453px;
		float: left;
		margin: 13px 0;
		overflow: hidden;
	}
	
	hr.product_separater {
		text-align:center;
		width:100%;
		background-color:#D3DEE8;
		height:1px;
		margin:0px 0px 30px 0px;
		border:0px;
	}
	/*
	#right {
		width: 312px;
		float: right;
		margin: 13px 0;
	}
	
		#right ul {
			list-style: disc;
		}
	*/
#footer {
	font: 9px/9px arial;
	color: #777;
	margin: 0px 0px 30px 0px;
	padding-bottom:30px;
}

#footer p {
	font-size:10px;
	line-height:12px;
}

#footer ul li {
	list-style-type:none; 
	display:inline; 
	padding:0px 5px;
} 

#footer ul li a {
	font-size:12px;
}

#footer ul li a:hover {
	text-decoration:none;
}

#footer hr {
	width:100%;
	height:2px;
	background-color:#879CAE;
	margin:30px 0px;
}
.bar {
	background: url('../images/barbg.jpg') repeat-x top center;
	width: 100%;
	height: 44px;
	margin: 0 0 13px 0;
}

	.bar .left {
		background: url('../images/barleftbg.jpg') no-repeat bottom left;
		width: 36px;
		height: 44px;
		float: left;
	}
	
	.bar .right {
		background: url('../images/barrightbg.jpg') no-repeat bottom right;
		width: 6px;
		height: 44px;
		float: right;
	}
	
	.bar h2 {
		font: bold 22px/45px arial;
		color: #becf30;
		margin: 0;
		float: left;
	}
	
	.blue {
		background: url('../images/blue_barbg.jpg') repeat-x top center !important;
		margin: 15px 0 0 0 !important;
	}
	
	.blue .right {
		background: url('../images/blue_barrightbg.jpg') no-repeat bottom right !important;
	}
	
	.blue .left {
		background: url('../images/blue_barleftbg.jpg') no-repeat bottom left;	
	}
	
.box_right {
	width: 100%;
	font: 13px/18px arial, helvetica, sans-serif;
	color: #fff;
}

	.box_right a:link, .box_right a:visited {
		color: #ec7200;
	}
	
	.box_right p {
		margin: 0;
	}
	
	.box_right .bar {
		background: url('../images/darkboxbarbg.jpg') repeat-x;
		width: 100%;
		height: 2px;
		margin: 5px 0;
	}
	
	.box_right .content {
		background: #2a3d4d;
		margin: 0 1px;
		padding: 10px;
	}
	
	.box_right .content a:link.topic {
		color: #bdcb00;
	}

	.bottom {
		background: url('../images/rightboxbotbg.gif') no-repeat top center;
		width: 312px;
		height: 5px;
	}
 
 /* inside .bottom div, contains container_left, container_right, footer */
.container {
 	width: 780px;
	margin: 0 auto;
 }
 
 /* left-side column of main body.  includes h1, image, summary, description */
 #container_left {
 	float:left;
	width:590px;
 }
 
/* right-side column of main body.  may contain ads in the future. */
#container_right {
 	float:left;
	width:180px;
	background-color:white;
	margin-top:20px;
	padding: 0px 0px;
	border:0px solid red;
 }
	 	/*Right Side Navigation */
		
		#product_sideLinks {
			list-style: none !important;
			font: bold 13px/15px arial, helvetica, sans-serif;
			padding: 0px 0px;
			margin: 0px 0px;
			text-align:left;
			background-color:#F6F9FC;
			border:1px solid #D1DCE6;
		}
			#product_sideLinks ul {
				position:relative;
				list-style-type:none;
				left:-30px;
				top:-10px;
				border:0px solid black;
			}
			
			#product_sideLinks li {
				margin: 0px 0px;
				padding: 5px 0px;
				float: none;
			}
			
			#product_sideLinks a:link, #secondary_nav a:visited {
				color: #102b42;
				text-decoration: none;
			}
			
			#product_sideLinks a:hover {
				color: #314f6c;
				text-decoration: underline;
			}
 /* Navigation Formatting */
 
 #navigation {
 	width: 100%;
	height: 152px;
 	list-style: none;
	padding: 0;
	margin: 0;
 }
 
 	#navigation li {
		width: 130px;
		height: 38px;
		font: 12px/35px Arial, Helvetica, sans-serif;
		text-align: center;
		margin: 0;
		float: left;
	 }
	 
	 #navigation a:link, #navigation a:visited {
	 	display: block;
	 	background: url('../images/navtabbgarrow.jpg') no-repeat top center;
		width: 130px;
		height: 38px;
		text-decoration: none;
		color: #fff;
	 }
	 
	 #navigation a:hover {
	 	background-position: bottom center;
		color: #545454;
	 }
	
	/* If any links do not have drop down, use the .drop class
	 
	 #navigation .drop {
	 	background: url('../images/navtabbgarrow.jpg') no-repeat top center !important;
	 }
	 
	 #navigation .drop:hover {
	 	background-position: bottom center !important;
	 }
	
	*/
	 
	 /*Hides Drop Down Menus */
	 
	 #navigation li ul {
	 	display: none;
		list-style: none;
	 }

	 #navigation li.over ul, #navigation li:hover ul {
	 	display: block;
		background-color: #f4f4f4;
		width: 193px;
		list-style: none;
		padding: 0;
		flow: content;
	 }
	 
	 /* Formats Drop Down Links */
	 
	 #navigation li.over ul a:hover, #navigation li:hover ul a:hover {
	 	text-decoration: underline;
	 }
	 
	 /* For IE List Positioning */
	 
	 #navigation li.over ul {
	 	position: absolute;
		top: 38px;
		left: -40px;
	 }
	 
	 #navigation li.over {
	 	position: relative;
	 }
	 
	 
	 /*End of IE List Positioning Fixes */
	 
	 #navigation li ul li {
		background: url('../images/navlistbg.jpg') #f4f4f4 repeat-x bottom center;
	 	width: 190px;
		line-height: 37px;
		font-weight: normal;
		text-indent: 15px;
		text-align: left;
	 	position: relative;
	 }
	 
	 	#navigation li ul a:link, #navigation li ul a:visited {
			display: block;
			width: 170px;
			background: none !important;
			color: #545454;
		}
		
	#navigation :hover > a, #navigation li.over > a {
		background-position: bottom center !important;
		color: #545454;
	}
	
	#navigation .break {
		background-image: none !important;
		background: #dedede !important;
	}
		
	/* Allows Users with IE 5.01 to have a stable menu */
	
		/* Fix IE. Hide from IE Mac \*/
		* html ul li { float: none; height: 1%; }
		* html ul li a { height: 1%; }
		/* End */
		
		

	

	
/* Item Formatting */
	
.item {
	width: 210px;
	height: 66px;
	font: 12px/14px arial, helvetica, sans-serif;
	float: left;
	margin: 0 0 10px 0;
}

	#products_bottom .item {
		height: 131px;
	}

.item a:link, item a:visited {
	color: #fff;
}

.item p {
	margin-top: 0;
}

.item strong {
	color: #ec7200;
}

	.product_img {
		background: url('../images/productbg.jpg') no-repeat;
		width: 66px;
		height: 66px;
		float: left;
		margin: 0 10px 0 0;
		overflow: hidden;
	}
	
	#products_bottom .product_img {
		background: url('../images/productlargebg.jpg') no-repeat;
		width: 131px;
		height: 131px;
		float: left;
	}
	
	.product_img img {
		margin: 3px;
	}

/* Banner Formmating */

a:link.right_banner, a:visited.right_banner { 
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
	width: 312px;
	height: 59px;
	text-indent: -1000px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

a:hover.right_banner {
	background-position: bottom center;
}

.forum {
	background: url('../images/forumbg_products.gif');
}

.reasons {
	background: url('../images/reasonsbg_products.gif');
}

 
/* Misc. Formatting
********************************/

.strong {
	font-weight: bold;
}

.bookmark {
	display: block;
	background: url('../images/plus_icon.gif') no-repeat top left;
	text-indent: 20px;
}

.numbers {
	font: bold 22px/24px Arial, Helvetica, sans-serif;
	color: #8ba4c2;
	margin: 0 0 10px 0;
}

.clearer {
	clear: both;
 }

.visa {
	margin: 2px 4px 0 0;
	float: left;
 }

.req {
	background-color: #fef891;
}

.generics {
	border: 5px solid #102b42;
	margin: 10px 0;
}

/* Search
*********************************/
.results {
	display: block;
	color: #102b42;
	font-size: 1.5em;
	text-align: center;
	padding: 1em 0;
}
.search_even {
	background: #eef5fa;
}
.search_odd {
	background: #d8e3ed;
}
.search {
	margin: auto;
}
.search th {
	background: #315676;
	color: #fff;
	border-right: 1px solid #fff;
}
.search td {
	border-right: 1px solid #fff;
}
.no_result {
	padding: 2em;
}
.searchbox {
	position: relative;
	margin: 10px 0 0 0;
	margin-bottom: -25px;
	float: right;
	color: #fff;
}

.search_form {
	background: url('../images/searchbg.jpg') no-repeat;
	height: 66px;
	width: 323px;
	padding: 3px 10px;
	margin: -3px -10px -3px -10px;
}