body { margin: 0px auto; background: #fff; text-align: center; }
body.t3 { background: #fff url(/img/t3_body_bg.gif) repeat-x top left; }
a { text-decoration: underline; color: #002531; }
a:hover { text-decoration: none; }
	
/** MAIN CONTAINER STYLES **/
#container { position: relative; width: 770px; top: 0px; margin: 0px auto; padding: 0px; text-align: center; }
#container div { position: absolute; z-index: 1; text-align: left; }
	
/** HEADER STYLES **/
#header { width: 770px; height: 96px; top: 0px; left: 0px; margin: 0px; padding: 0px; background: #fff; }
#header div { position: relative; float: left; top: 0px; left: 0px; }
#header #logo { width: 370px; padding: 32px 0px 0px 13px; }
#header #topnav { width: 362px; padding: 10px 5px 0px 0px; text-align: right; }
#header ul { margin: 0px 0px 0px -40px; }
#header ul li { display: inline; padding: 0px 7px; list-style-type: none; font: normal 10px Verdana, Arial, sans-serif; line-height: 12px; color: #9ab6cb; }
#header ul li a:hover { color: #003e5e; text-decoration: underline; }
#header a { color: #9ab6cb; }

/* DROPDOWN MENU STYLES */
#dropdown { width: 770px; min-height: 27px; height: 27px; top: 96px; left: 0px; z-index: 2 !important; background: transparent url(/img/dropdown_bg.gif) no-repeat top left; }
#dropdown a { color: #fff; }
ul.menu { margin: 0px; }
ul.menu li { position: absolute; top: 7px; list-style-type: none; }
.off { left: -50000px !important; }
ul.submenu { position: absolute; top: 13px; margin: 0px 0px 0px -40px; }
ul.submenu li { position: relative; width: 171px; height: 15px; display: block !important; margin: 0px 0px 2px 0px; list-style-type: none; padding: 5px 10px; background: #eb7c00; opacity: .85; filter: alpha(opacity=85); font: bold 11px Verdana, Arial, sans-serif; line-height: 14px; color: #fff; }

	/* MENU POSITIONING */
	#menu_business { left: 30px; }
	#business { left: -30px; }
	#menu_advanced { left: 210px; }
	#advanced { left: -17px; }
	#menu_availability { left: 409px; }
	#availability { left: -23px; }
	#menu_quote { left: 606px; }
	#quote { left: -27px; }

#page_hdr { width: 770px; height: 157px; top: 123px; left: 0px; }
#page_hdr div { position: relative; float: left; vertical-align: top; }
#page_hdr_img { width: 192px; height: 157px; background: #f2f4e3; }
#page_hdr_text { width: 503px; height: 107px; padding: 15px 50px 25px 25px; background: #fff url(/img/t2_page_hdr_bg.gif) no-repeat top left; }
#page_hdr_text h1 { margin: 0px 0px 4px 0px; font: bold 20px Verdana, Arial, sans-serif; line-height: 24px; color: #fff; }
#page_hdr_text .intro { font: normal 14px Verdana, Arial, sans-serif; line-height: 16px; color: #fff; }

#page_body { width: 770px; top: 280px; left: 0px; border-bottom: 30px solid #fff; background: transparent url(/img/t2_page_body_bg.gif) repeat-y top left; }
#page_body div { position: relative; top: 0px; left: 0px; }
#page_body.t3 { top: 123px; border-top: 8px solid #c1ca5c; }
#page_body_quote{ width: 770px; top: 280px; left: 0px; border-bottom: 30px solid #fff; background: transparent url(/img/t2_page_body_bg_quote.gif) repeat-y top left; }
#page_body_quote div { position: relative; top: 0px; left: 0px; }

#leftnav { width: 192px; float: left; padding-bottom: 35px; height: 100%; min-height: 100%;}
#leftnav ul { margin: 0px; }
#leftnav ul li { margin: 0px 0px 0px -17px; list-style-image: url(/img/t2_leftnav_bullet_off_ie.gif); font: normal 11px Verdana, Arial, sans-serif; line-height: 17px; color: #99b0bc; }
#leftnav ul li.current { margin-left: -17px; list-style-image: url(/img/t2_leftnav_bullet_on_ie.gif); color: #002531; }
#leftnav .current a { color: #002531; text-decoration:underline; }
#leftnav .index a { font: bold 12px Verdana, Arial, sans-serif; }
#leftnav a { color: #003f5f; text-decoration:none; }
#leftnav a:hover { color: #003f5f; text-decoration:underline; }

	#leftnav.t3 { border-top: 30px solid #f2f4e3; }
	#leftnav ul.subnav { margin: 0px; }
	#leftnav ul.subnav li { margin: 0px 0px 0px -31px; color: #262b1f !important; }
	#leftnav ul.subnav li a { color: #262b1f !important; }
	#leftnav ul.subnav li a.current { color: #a3bd0b !important; }

#content { width: 345px; float: left; padding: 0px 20px 20px 20px; font: normal 11px Verdana, Arial, sans-serif; color: #565d4a;}
#content.wide { width: 537px; margin-top: 28px;}
#content.t2_wide { width: 537px; margin-top: 0px;}
#wide { width: 537px; }
#content.t3 { padding-top: 30px; background: transparent url(/img/two_col_bg.gif) repeat-y top left; }
#content h1 { margin: 0px 0px 20px 0px; font: bold 16px Verdana, Arial, sans-serif; line-height: 21px; color: #002531; }
#content h2 { margin: 0px 0px 2px 0px; font: bold 12px Verdana, Arial, sans-serif; line-height: 16px; text-transform:uppercase; }
#content h3 { margin: 0px; font: bold 12px Verdana, Arial, sans-serif; line-height: 16px; color: #565d4a; }
#content h4 { margin: 0px; font: bold 11px Verdana, Arial, sans-serif; color: #565d4a; }
#content ul, #highlight ul { margin: 3px 0px 0px -20px; }
#content ul li, #highlight ul li { list-style-image: url(/img/bullet_ie.gif); font: normal 11px Verdana, Arial, sans-serif; line-height: 14px; color: #565d4a; }
#content ul li h2 { margin-top: 0px; }
#content ul li h3 { margin-top: 10px; }
#content ul li h4 { margin-top: 10px; }

#right { width: 193px; float: right; }
#highlight { width: 153px; float: left; padding: 0px 10px 10px 10px; font: normal 12px Verdana, Arial, sans-serif; line-height: 16px; color: #002531; }
#highlight .title { margin: 0px 0px 7px 0px; font: bold 10px Verdana, Arial, sans-serif; line-height: 16px; }
#popup { margin:20px; }
#coveragemap { vertical-align:middle; }

#packages { width: 100%; }
#packages tr.white { background: #fff; }
#packages tr.light { background: #dee7ee; }
#packages tr.dark { background: #003e5e; }
#packages tr.dark th { color: #fff; }
#packages th, #packages td { padding: 3px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; vertical-align: top; }
#packages th { font: bold 12px Verdana, Arial, sans-serif; line-height: 16px; text-transform: uppercase; }
#packages th#features { width: 49%; }
#packages th#basic { width: 17%; }
#packages th#enhanced { width: 17%; }
#packages th#premium { width: 17%; }
#packages th.feature, #packages td.feature { padding: 3px 10px; text-align: left; }
#packages td { font: normal 11px Verdana, Arial, sans-serif; line-height: 14px; color: #565d4a; }
#packages ul { margin: 3px 0px 0px -20px; }
#packages ul li { list-style-image: url(/img/bullet_ie.gif); font: normal 10px Verdana, Arial, sans-serif; line-height: 12px; color: #565d4a; }

ul#phone_brands { float: none !important; margin: 0px 0px 0px -40px; }
#phone_brands li { width: 130px; height: 75px; float: left; display: inline; margin: 5px; padding: 5px; list-style-image: none !important; list-style-type: none !important; border: 1px dashed #dee7ee; }

ul#phones { margin: -10px 0px 0px -40px; }
#phones li { float: left; list-style-image: none !important; list-style-type: none !important; padding: 10px 0px; border-bottom: 1px dashed #dee7ee; }
#phones li img.photo { width: 150px; float: left; clear: none; margin: 5px 0px 0px 0px; vertical-align: top; }
#phones li div { width: 377px; float: right; margin: 5px 0px 5px 10px; }
#phones li h2 { text-transform: none !important; }

ul#phone_nav { width: 100%; float: left; margin: 20px 0px 0px -40px; }
#phone_nav li { display: inline; }

	/** FORM STYLES **/
	form#quote_form { width: 537px; }
	form div { margin: 0px !important; }
	form br { clear: both; }
	.form_row { width: 345px; padding: 20px 0px 10px 0px; }
	.form_row_wider { width: 537px; }
	.form_field { width: 200px; float: left !important; margin: 0px 20px 0px 0px; }
	.form_field_short { width: 100px; float: left !important; margin: 0px 20px 0px 0px; }
	.form_field_long { width: 300px; float: left !important; margin: 0px 20px 0px 0px; }
	label { font: normal 12px Verdana, Arial, sans-serif; line-height: 16px; color: #565d4a; }
	input { height: 18px; margin: 2px 0px 10px 0px; padding: 2px; border: 1px solid #d8d8d0; font: normal 12px Verdana, Arial, sans-serif; line-height: 16px; color: #565d4a; }
	input.short { width: 30px; vertical-align:middle; }
	input.medium { width: 50px; }
	input.long { width: 150px; }
	.select { margin: 2px 0px 10px 0px; }
	.form_error { color: #eb6700; }
	.right { text-align: right !important; }
	input.checkradiobox { height: 14px; margin: 4px 4px 0px 0px; border: none; padding: 0px; }
	input.button { width: 75px; height: 23px; background-color: 868686; }
	textarea { width: 350px; height: 100px; margin: 2px 0px 0px 0px; padding: 2px; border: 1px solid #d8d8d0; font: normal 11px Verdana, Arial, sans-serif; line-height: 16px; color: #565d4a; }
	.required { font-size:9px; color:#F2B56F; }
	hr.dash { height: 1px; margin: 10px 0px 5px 0px; background: #fff; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #a8a8a8; }
	
#wide div { z-index: 1 !important; }

.help_note { font-size: 11px; color: #4b7b96; }
a.hint { position: relative; z-index: 24; background-color: #dee7ee; color: #565d4a; text-decoration: none; }
a.hint span.help_btn { float: left; margin: 2px 0px 0px 0px; padding: 2px 4px; border-top: 1px solid #d8d8d0; background-color: #d8d8d0; font-size: 10px; }
a.hint:hover { z-index: 25; background-color: #d8d8d0; }
a.hint span.help_text { display: none; }
/*the span will display just on :hover state*/
a.hint:hover span.help_text { display: block; position: absolute; z-index: 25; top: -20px; left: -200px; width: 150px; padding: 2px 3px; border: 1px solid #d8d8d0; background-color: #dee7ee; }

	
/** LEFT/RIGHT BLEED STYLES **/
#bleed_left { position: absolute; width: 50%; float: left; left: 0px; z-index: 0; margin: 0px; }
#bleed_right { position: absolute; width: 50%; float: right; right: 0px; z-index: 0; margin: 0px; }
.home_bleed_left { height: 300px; top: 0px; background: transparent url(/img/hm_bleed_left.gif) repeat-x top left; }
.home_bleed_right { height: 312px; top: 0px; background: transparent url(/img/hm_bleed_right.gif) repeat-x top right; }
.t2_bleed_left { height: 248px; top: 0px; background: transparent url(/img/t2_bleed_left.gif) repeat-x top left; }
.t2_bleed_right { height: 259px; top: 0px; background: transparent url(/img/t2_bleed_right.gif) repeat-x top right; }

/** SIFR STYLES **/
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
	
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #page_hdr_text h2 { visibility: hidden; }
.sIFR-hasFlash #page_hdr_text .intro { visibility: hidden; }