/* Eric Myer's Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; text-decoration:none }  body { 	line-height: 1; }  ol, ul { 	list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus {	outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { 	text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table {
	border-collapse: collapse;
	border-spacing: 0;
	text-decoration: none;
}
a:link.no_border {text-decoration: none;}
a:visited.no_border {text-decoration: none;}
a:active.no_border {text-decoration: none;}
a:hover.no_border {text-decoration: none;}
img {display:block }
	
/*
		COLORS
		#235192 - headline blue
		#d5690f - orange links
		#aebdd4 - blue underline.
		#e3eaf2 - light blue background
		#506788 - footer dark blue/grey
*/


/*
		UTILITY
*/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.indent { margin-left:20px; }
.footer-innerwrap .indent { margin-left:10px; }
.pic-left { float:left; margin:3px 10px 0 0; }
.pic-right { float:right; margin:3px 0 0 10px; }

/***** Learning Center Q&A *****/
.question { background:transparent url(../images/plus.gif) no-repeat scroll 0 50%; cursor:pointer; padding:0 0 0 20px; }
.question-click { background:transparent url(../images/minus.gif) no-repeat scroll 0 50%; cursor:pointer; padding:0 0 0 20px; }
h3.question,
h3.question-click { font-size:16px; }
h4.question,
h4.question-click { font-size:14px; line-height:18px; }







/*
		TYPOGRAPHY
*/
body { font-family:Arial, Helvetica, sans-serif; background:#506788; }
p { font-size:14px; line-height:20px; margin-bottom:10px; }

h1, h2, h3, h4, h5 { color:#235192; border-bottom:1px #aebdd4 solid; padding-bottom:5px; margin-bottom:5px; }
h1 { font-size:40px; }
h2 { font-size:30px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h6 {
	font-size:14px;
	color: #FFF;
}
h1 + h2,h2 + h3, h3 + h4, h4 + h5 { margin-bottom:10px; }
p + h2, p + h3, p + h4, p + h5,
ul + h2, ul + h3, ul + h4, ul + h5 { padding-top:15px; }

a:link { text-decoration:underline; color:#d5690f; }
a:visited { color:#d5690f; text-decoration:underline; }
a:hover { text-decoration:none; background-color:#d5690f; color:#fff; }

ul { margin-bottom:12px; } 
li { font-size:14px; line-height:20px; background:url(../images/bullet-arrow.gif) no-repeat 0 8px; padding-left:25px; margin-left:10px; }
ul ul li { background:none; list-style-type:disc; margin-left:25px; padding-left:0; }
ul.plain-list li, 
.left-2-3rd ul li { background:none; list-style-type:disc; margin-left:25px; padding-left:0; }


/*
		FORM STYLES
*/
fieldset { border:2px solid #000063; padding-left:5px; margin-bottom:15px; }

legend { font-size:18px; font-weight:bold; color:#235192; padding:0 5px 5px 5px; }
.row { border-top:#000063 dotted 1px; padding:3px 5px 2px 5px; margin-right:7px; font-size:14px; line-height:20px; clear:left; }
	.row:first-child,
	legend + .row,
	h4 + .row, 
	h5 + .row { border-top:none; }
	
label { font-size:14px; line-height:20px; padding-top:2px; display:block; width:240px; float:left; } 
input, textarea, select { width:150px; }
	.long { width:235px; }
		.indent .long { width:225px; }
	.short { width:80px; }
	.tiny { width:50px; }
/* for checkbox type input, the paired label must be contained within p.checkbox */
p.checkbox { margin:0; padding:0; }
	p.checkbox input {  width:auto; float:left; clear:left; position:relative; top:1px; }
	p.checkbox label { width:auto; float:left; }

.button { width:130px; height:40px; background:url(../images/button.gif) no-repeat 0 0; color:#fff; 
		  border:none; font-size:16px; font-weight:bold; margin:0 0 5px 0; cursor:pointer; }
	a.button { display:block; line-height:40px; text-align:center; color:#fff; text-decoration:none; }
	a.button:hover { background-color:none; color:#fff; text-decoration:none; }
	.button:hover { text-decoration:underline; }
	.button:active { background:url(../images/button.gif) no-repeat 0 -40px; }

form h4, form h5 { margin:5px 5px 0 0; }





/*
		HEADER
*/
#header-outerwrap { background:url(../images/header-gradient.gif) repeat-x; height:120px; }
#header-innerwrap { background:url(../images/header-complete.gif) top left no-repeat; width:800px; height:120px; margin:0 auto; position:relative; }

	#header-innerwrap p { text-indent:-9000px; }
	#agent-login a { background:url(../images/login-box.gif) no-repeat top left; font-size:18px; color:#fff; line-height:20px; 
					 width:134px; height:37px; text-decoration:none; position:absolute; right:-7px; top:0; text-align:center; padding:3px 7px 0 0; }
		#agent-login a:hover { text-decoration:underline; }





/*
		NAVIGATION
*/
#navigation-outerwrap { background:url(../images/nav-bar.gif) repeat-x; height:40px; }
#navigation-innerwrap { width:800px; margin:0 auto; height:40px; }
	
	#navigation-innerwrap p { float:right; padding-top:12px; color:#fff; font-size:16px; }
	
	#navigation-innerwrap ul li,
	#navigation-innerwrap ul { float:left; background:none; padding:0; margin:0; display:block; height:40px; }
	#navigation-innerwrap .last-nav { border-right:#000063 1px solid; }
	
	#navigation-innerwrap a { display:block; padding:10px 15px 0 15px; height:30px; font-size:18px; line-height:20px; color:#fff; 
							  border-left:#000063 1px solid; position:relative; text-decoration:none; }
		#navigation-innerwrap a:hover { text-decoration:none; background: url(../images/nav-states.gif) 0 -47px repeat-x; color:#000063; }
	
	/***** current page (dark blue bg) *****/
	ul.nav1 li.nav1 a,
	ul.nav2 li.nav2 a,
	ul.nav3 li.nav3 a,
	ul.nav4 li.nav4 a,
	ul.nav5 li.nav5 a,
	ul.nav6 li.nav6 a { background:url(../images/nav-states.gif) 0 0 repeat-x; }
		/***** prevent light blue hover state on current page nav *****/
		/*
		ul.nav1 li.nav1 a:hover,
		ul.nav2 li.nav2 a:hover,
		ul.nav3 li.nav3 a:hover,
		ul.nav4 li.nav4 a:hover,
		ul.nav5 li.nav5 a:hover,
		ul.nav6 li.nav6 a:hover { color:#fff !important;  cursor:default; background: url(../images/nav-states.gif) 0 0 repeat-x !important;}
		*/


/* 
		CONTENT
*/
/***** outer wraps *****/
.content1-outerwrap { background:#fff url(../images/divider-shadow-white.gif) top repeat-x; }
.content2-outerwrap { background:#e3eaf2 url(../images/divider-shadow-light-blue.gif) top repeat-x; }
/***** inner wraps *****/
.content1-innerwrap, 
.content2-innerwrap { width:800px; margin:0 auto; padding:20px 0 1px 0; }  /* the 1px bottom padding forces white background to bottom of div instead of bottom of last element in div */
	
/***** content inner-wrapper floats *****/
.left-half { float:left; width:380px; margin-right:30px; }
.right-half { float:left; width:390px; margin-top:20px; }
.left-2-3rd { float:left; width:520px; margin-right:30px; }
.right-1-3rd { float:left; width:250px; margin-top:10px; }
.right-1-3rd h4 { border:none; }

.black { font-size:10px; color:#fff; background-color:#333; height:20px;}
.orange { background:url(http://empowerins.com/updates/images/banner.gif) font-size:20px; font-weight:bolder; font-style:italic; color:#d5690f; height:30px; vertical-align:middle; margin-bottom:5px;}
.blue { font-size:18px; font-weight:bolder; color:#FFF; background-color:#506788; height:22px; vertical-align:middle; margin-bottom:5px; }
	
	


/* 
		FOOTER
*/
/* the .footer-outerwrap position:relative is needed for the /customer/auto_quote.html page. It seems that in IE 6 & 7, even though many fields 
	are hidden with javascript, the footer list items get pushed way down on the page, as if the fields were actually being shown.  
	Setting position:relative stops this from happening.  In addition, the ie6.css style sheet needs to have a height set because the list items
	will be off unit they are mouseovered.  Wierd. */
.footer-outerwrap { background:#506788 url(../images/divider-shadow-dark-blue.gif) top repeat-x; position:relative; }
.footer-innerwrap { width:800px; margin:0 auto; padding:20px 0 10px 0; }
.footer-innerwrap { color:#fff; }

		.footer-innerwrap a:link { text-decoration:underline; color:#fff; }
		.footer-innerwrap a:visited { color:#fff; text-decoration:underline; }
		.footer-innerwrap a:hover { color:#506788; text-decoration:none; background:#fff; }
		.footer-innerwrap li { font-size:11px; line-height:15px; background:none; list-style-type:square; margin-left:15px; padding:0; }
		.footer-innerwrap h4 {font-size:14px; color:#fff; border-bottom:none; margin-bottom:0; }

.footer-section { float:left; width:190px; margin-right:9px; }


	
	


/*
		SLIDER
*/
.slider { width:390px; position:relative; margin-top:42px; }
	.slider .tabs a { line-height:normal; margin:0; paddin:0; }
	h3#slider-title {  text-align:center; }
	.slider h1, 
	.slider h2, 
	.slider h3, 
	.slider h4 { border-bottom:none; padding-bottom:0; }

.sliderTop { width:390px; height:10px; background:url(../images/slider-box-top.gif) no-repeat top left;  }
.sliderBody { width:390px;  background:url(../images/slider-box-body.gif) repeat-y 1px 0; }
.sliderWindow {  overflow:hidden; position:relative; width:380px; }
.sliderBottom { width:390px; height:18px; background:url(../images/slider-box-bottom.gif) no-repeat top left; }

.tabs { position:absolute; top:-32px; }
.tabs ul { margin:0 0 0 15px; padding:0;}
.tabs ul li { float:left;  margin:0 5px 0 0; padding:0; background:url(../images/slider-tab.gif) no-repeat bottom left; text-indent:-9000px; }
.tabs ul li a {  display:block; width:44px; height:32px; outline:none; }
	li.tab1 a { background:url(../images/icon-empower.gif) no-repeat 5px 5px; }
	li.tab2 a { background:url(../images/icon-news.gif) no-repeat 5px 7px; }
	li.tab3 a { background:url(../images/icon-texas.gif) no-repeat 4px 5px; }
	li.tab4 a { background:url(../images/icon-texas.gif) no-repeat 4px 4px; }
	li.tab5 a { background:url(../images/icon-selectax.gif) no-repeat 4px 6px; }
		/* IE6 is dumb, so these hover rules are required with 'transparent' added */
		li.tab1 a:hover { background:url(../images/icon-empower.gif) no-repeat 5px 5px transparent; }
		li.tab2 a:hover { background:url(../images/icon-news.gif) no-repeat 5px 7px transparent; }
		li.tab3 a:hover { background:url(../images/icon-texas.gif) no-repeat 4px 5px transparent; }
		li.tab4 a:hover { background:url(../images/icon-texas.gif) no-repeat 4px 4px transparent; }
		li.tab5 a:hover { background:url(../images/icon-selectax.gif) no-repeat 4px 6px transparent; }

	
	.activeTab { background:url(../images/slider-tab-active.gif) no-repeat bottom left  !important; position:relative; top:1px; }

.panelContainer { width:5000px; }
/* panel.js will add a certain "left: " value to the .panel class in 380px increments
   depending on what tab is clicked */
.panelWrap { padding:5px 5px 5px 10px; }
/* .panel HEIGHT will control the max height of the slider, overflow is seen with scrollbars.
If no height is given, slider will grow to contain content. */
.panel { width:380px; height:430px; float:left; margin-right:0px; position:relative; overflow:hidden;}
/* for spacing in html resulting from the rssReplay plugin */
#rssReplayItem { margin-top:10px; }