@charset "utf-8";
/*     -----     Font     -----     */
body, table, input, select, textarea { text-align: justify; font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-align: left; }
h1 { margin: 0; font-weight: lighter; }
	#content h1 { margin: 0 0 -22px -213px; width: 185px; font-size: 18px; color: #0c8abb; }
	#content_with_hph h1 { margin: 0 0 -22px -213px; width: 185px; font-size: 18px; color: #0c8abb; }
h2 { margin: 0; font-size: 14px; }
h3 { margin: 0 0 12px 0; font-size: 13px; }
h4 { margin: 0 0 10px 0; font-size: 12px; }
	div.announcement-list h4 { margin: 0; padding: 0; }
	#news div.announcement-list h4 { color: #fff; }
h5 { margin: 0 0 8px 0; font-size: 11px; }
h6 { margin: 0 0 6px 0; font-size: 10px; }
p { margin: 0 0 11px 0; }

a { color: #097099; }
	a:hover { color: #000; }
#websiteinfo, #websiteinfo a { color: #fff; text-decoration: none; }
	#websiteinfo a:hover { text-decoration: underline; }

#banner p { color: #fff; font-size: 15px; font-style: italic; font-weight: bold; }
a#user_login, a#user_login:hover span { color: #fff; text-decoration: none; }
	a#user_login span, a#user_login:hover { color: #f4af09; }
#news { font-size: 11px; font-weight: bold; }
	#news a { text-decoration: none; }
a#contact_obadare { color: #fff; text-decoration: none; font-size: 16px; }
	a#contact_obadare span { font-size: 18px; font-weight: bold; }

/*     -----     CSS Helpers     -----     */
img, a img { border: none; }
.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }
#clear_float {clear:both;}
#imageData #imageDetails { color: #000; } /* makes photogallery description black */

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 156px !important; color: #000 !important; } /* file attach must be styled manually */
input[type="checkbox"], input[type="radio"], input.productTextInput, select#CardExpiryMonth, select#CardExpiryYear { width: auto !important; }
input[type="submit"], input[type="button"], input[type="image"] { text-align: center; /* for silly IE */ width: auto !important; color: #000 !important; } /*styles for submit buttons*/
input.ml_fields { margin: 0 0 2px 0; height: 15px; padding: 0 1px; border: 2px solid #a5acb2; font-size: 12px; } /* Style login buttons that have confined space with this to stop Safari on Mac making fields extra tall. */

/*     -----     Layout     -----     */
html { background: #1e262f url(../Images/layout/bg_repeat.jpg); }
body { margin: 0px; padding: 0px; background: url(../Images/layout/bg_top.jpg) no-repeat center top; }
#container { width: 900px; margin: 0px auto; }

#banner { height: 167px; position: relative; }
	a#obadare_logo { width: 188px; height: 81px; position: absolute; left: 0; top: 51px; }
	#banner p { position: absolute; left: 223px; top: 117px; margin: 0; padding: 0; }
	img#quality_tagline { width: 173px; height: 18px; position: absolute; left: 714px; top: 120px; }
	a#user_login { line-height: 18px; background: url(../Images/layout/icon_client_login.gif) no-repeat; padding-left: 15px; display: block; height: 18px;  position: absolute; left: 765px; top: 8px; }
#c_container { background: #fff; }

#nav { height: 29px; text-align: center; }
	#nav ul { margin: 0; padding: 0;}
		#nav ul li { display: inline; position: relative; list-style: none; background: url(../Images/layout/nav_divider.gif) no-repeat left center; margin: 0px; padding: 0px; }
			#nav ul li#first { background: url(none); }
			#nav ul li ul { position: absolute; left: 0px; top: 16px; display: none; }
			#nav ul li:hover ul { display: block; }
		#nav ul li a { padding: 0 5px; margin: 0 10px; line-height: 29px; text-decoration: none; }
		
#flash { width: 696px; height: 275px; float: left; background: url(../Images/layout/flash_top.gif) repeat-x left top; padding-top: 5px; margin: 0 3px 0 0; }
#news { width: 201px; height: 280px; float: left; background: #e5e9e8 url(../Images/layout/news_repeat.gif); }
	#news img { margin: 0 0 10px 0; }
	#news_box { margin: 0 15px; }
	
#content { clear: left; padding: 27px 8px 28px 230px; min-height:503px;}
#content_with_hph {clear: left; padding: 8px 8px 8px 230px; }
/*OLD r panel styles */
	#r_panel { width: 193px; padding: 0 0 0 20px; float: right; min-height: 330px; }
		#r_panel table.photogalleryTable td { padding: 0 0 10px 0; }
		#r_panel img#homeimg { margin: 0 0 11px 0; }
/*-----------*/

/*New r panel styles */
	#r_hph_panel {width:193px; padding: 0 0 0 20px; float:right; min-height:330px; }
		#r_hph_panel_image {width:193px; }
		#hph_nav ul {list-style:none; width:193px; margin: 0px auto; padding:0px; position:relative; z-index:50;}
		#hph_nav  li { display: block; cursor:pointer;}
		#hph_nav li a {font:13px/23px Arial, Helvetica, sans-serif; color:#ffffff; padding:0px 0px 0px 10px; display:block; text-decoration:none; background:url(../Images/layout/hph_panel_nav_bg.jpg) no-repeat;}
		#hph_nav li a:hover {font:13px/23x Arial, Helvetica, sans-serif; color:#d2e7f8; padding:0px 0px 0px 10px; display:block; text-decoration:none; background:url(../Images/layout/hph_panel_nav_bgRO.jpg) no-repeat;}
		#hph_nav ul li ul { position: absolute; right: 193px; top: 0px; display: none; }
			#hph_nav ul li:hover ul { display: block; }
			#hph_nav ul li ul li a {min-width:130px; height:25px; font:11px/25px Arial, Helvetica, sans-serif; background-color:#002946; text-align:left; color:#ffffff; display:block; cursor:pointer; float:right; padding-left:5px; background-image: none; }
			#hph_nav ul li ul li a:hover {min-width:130px; height:25px; font:11px/25px Arial, Helvetica, sans-serif; background-color:#00415f; text-align:left; color:#d2e7f8; display:block; cursor:pointer; float:right; padding-left:5px; background-image: none;}
/*--------------*/
	
/* l panel styles */		
	#l_panel { width: 193px; margin: 40px 0 0px -213px; padding: 0px; float: left; min-height: 330px;  position:absolute;}
		#l_panel table.photogalleryTable td { padding: 0 0 10px 0; }
		#l_panel img#homeimg { margin: 0 0 11px 0; }
		a#contact_obadare { width: 193px; height: 90px; background: #003352 url(../Images/layout/give_us_a_call_bg.gif) no-repeat; display: block; text-align: center; padding: 54px 0 0; }
			a#contact_obadare span { padding: 5px 0 0 0; display: block; }
/*----------------*/

#footer { background: url(../Images/layout/footer_bar.gif); height: 9px; }

/*     -----     Website Info Content Holder     -----     */
#websiteinfo{ margin: 5px auto; width: 890px; /*assuming width of page is 900px*/ }
	#wi_left { width: 23%; text-align: left; float: left; }
		a#quadtech { width: 155px; height: 15px; display: block; background: url(../images/layout/website_by_quadtech_l.png) no-repeat; text-indent: -9999px; overflow: hidden; }
			a#quadtech:hover { background-position: right top; }
	#wi_mid { width: 54%; text-align: center; float: left; }
	#wi_right { width: 23%; text-align: right; float: left; }
	#text_links { padding-top: 10px; text-align: center; }

/*     -----     Content     -----     */
.productitemcell { height:22px;/* double the height of body text */ }

/*table tr td { vertical-align: top; }*/
#product_small_container { height:400px; border:1px solid #b1dbe8; padding:5px; text-align:center;}
#product_large_container {width:100%; height:400px; border:1px solid #b1dbe8; padding:5px; text-align:left;}