/*Use this for a hard reset of browser styles */
/*@import "/css/reset.css";*/

/*
$Author: dmccoy $
$LastChangedDate: 2010-07-22 14:50:53 -0500 (Thu, 22 Jul 2010) $
$Rev: 8406 $
$HeadURL:$
*/

img
{
	behavior: url("/Javascript/iepngfix.htc");
}

a
{
	color: #ff9300;
}
a:hover
{
	color: #004087;
}

body, table
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

/**** For Template Site [Delete in Prod] ****/

body
{
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	text-align: center;
	background: #FFFFFF;
}
.AccessibleFormList label.small_label {    
	width: 3em;  
}
#pageContainer
{
	position: relative;
	text-align: left;
	margin: 0;
	width: 1055px;
}
#headerContainer
{
	position: relative;
}
#headerContainer #header
{
	position: relative;
	height: 150px;
	min-width: 1174px;
	background: transparent url(/images/child/header.jpg) no-repeat top left;
}
#header_logo
{
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 80px;
	height: 95px;
	width: 470px;
}
#header_logo span
{
	position: relative;
	display: block;
	height: 95px;
	width: 470px;
}
#mainContainer
{
	min-width: 100%;
}
#mainContainer #mainContentContainer td
{
	padding:10px;
}
#mainContainer #leftNav
{
	width: 192px;
}
#mainContainer #mainContentContainer
{
	line-height: 18px;
	padding: 0 15px 15px;
}
#mainContainer #mainContentContainer #levelpath
{
	border-bottom: solid 1px #bbbbbb;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#mainContentContainer h4
{
	font-family: Georgia, Times New Roman, Trebuchet MS, Serif;  
}
#mainContainer #rightContent
{
	width: 0;
}
#footerContainer
{
	position: relative;
	display: block;
	background: transparent url(/images/page-bottom.jpg) no-repeat bottom left;
	padding-bottom: 1px;
}
#footerContainer #footer
{
	position: relative;
	display: block;
	text-align:center;
	background: transparent url(/images/footer-back.jpg) repeat-y top left;
	border: none 2px #FFFFFF;
	border-style: solid none;
	margin-bottom: 18px;
	padding: 1px;
	line-height: 18px;
}
#footer #footerContent
{
	width: 1024px;
}
#footerContainer #footer div.AspNet-TreeView ul
{
	display: block;
	list-style: none;
	list-style-position: inside;
	margin: 10px auto;
}
#footer a
{
	color: #010997;
	text-decoration: underline;
}
#footer a:hover,
#footerContainer #footer div.AspNet-TreeView .AspNet-TreeView-Selected a
{
	font-weight: normal !important;
	text-decoration: none;
	color: #bd000b;
}
#footerContainer #footer div.AspNet-TreeView ul li
{
	display: inline-block;
	margin: auto 7px;
	text-align: center;
}
#searchBox
{
	position: absolute;
	display: block;
	top: 0;
	left: 754px;
	background: transparent url(/images/search.jpg) no-repeat top left;
	width: 234px;
	height: 33px;
}
#searchBox input.searchBox
{
	position: relative;
	left: 8px;
	top: 4px;
	width: 150px;
	height: 18px;
	background: transparent;
	border: none;
	font-size: 10px;
}
#searchBox .searchBtn
{
	position: relative;
	left: 12px;
	top: 5px;
	width: 62px;
	height: 23px;
	background: transparent;
	border: none;
	cursor: pointer;
}
#OnlineQuote
{
	position: absolute;
	display: block;
	top: 41px;
	left: 754px;
	width: 234px;
	height: 59px;
	font-family: Times New Roman;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}
#OnlineQuote a,
#OnlineQuote a span
{
	position: relative;
	width: 234px;
	height: 37px;
}
#OnlineQuote a span
{
	display: block;
	margin-bottom: 4px;
}
#OnlineQuote span
{
	font-size: 76%;
}
#leftNav
{
	background: #FFFFFF;
}
#leftNav #menu-top
{
	position: relative;
	display: block;
	width: 192px;
	height: 124px;
	background: transparent url(/images/child/menu-top.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li
{
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
}
#leftNav .AspNet-TreeView li li
{
	padding: 1px !important;
	margin: 0 !important;
	position: relative;
	background: transparent url(/images/menu/submenuitem-spacer.jpg) repeat-y top left;
	/* min-height: 35px; */
}
#leftNav .AspNet-TreeView li a
{
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
#leftNav .AspNet-TreeView li a span
{
	display: block;
	position: relative;
	width: 192px;
	height: 35px;
	text-indent: -5000px;
	overflow: hidden;
}
#leftNav .AspNet-TreeView li.AspNet-TreeView-Selected span,
#leftNav .AspNet-TreeView li.AspNet-TreeView-ChildSelected span,
#leftNav .AspNet-TreeView li a:hover span
{
	background-position: 0 -35px !important;
}
#leftNav .AspNet-TreeView li.products a span
{
	background: transparent url(/images/menu/products.jpg) repeat-y top left;
}
#leftNav .AspNet-TreeView li.find_an_agent a span
{
	background: transparent url(/images/menu/find_an_agent.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.submit_a_claim a span
{
	background: transparent url(/images/menu/submit_a_claim.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.boating_resources a span
{
	background: transparent url(/images/menu/boating_resources.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.contact_us a span
{
	background: transparent url(/images/menu/contact_us.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.online_payment a span
{
	background: transparent url(/images/menu/online_payment.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.home a span
{
	background: transparent url(/images/menu/home.jpg) no-repeat top left;
}
#leftNav .AspNet-TreeView li.privacy_policy, #leftNav .AspNet-TreeView li.sitemap
{
	display: none;
}
#leftNav .AspNet-TreeView li ul li a span
{
	width: 121px;
	_width: 192px;
	min-height: 10px;
	height: auto !important;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	text-indent: 0;
	color: #FFFFFF;
	margin: 0 0 5px;
	padding: 6px 20px 6px 50px;
	background: transparent url(/images/menu/submenuitem-back.jpg) repeat-y top left !important;
}
#leftNav .AspNet-TreeView li ul li.AspNet-TreeView-Selected span,
#leftNav .AspNet-TreeView li ul li.AspNet-TreeView-ChildSelected span,
#leftNav .AspNet-TreeView li ul li a:hover span
{
	background-position: -192px 0 !important;
}
#leftNav .AspNet-TreeView li li li.quote
{
	display: none;
}
#leftNav #menu-under
{
	position: relative;
	display: block;
	min-height: 163px;
	width: 192px;
	text-align: center;
	padding-top: 15px;
	background: transparent url(/images/menu/menu_under.jpg) no-repeat top left;
	font-size: 10px;
	color: #010997;
}

#content-spacer
{
	position: relative;
	display: block;
	height: 25px;
	background: #FFFFFF url(/images/main/content-spacer.jpg) no-repeat bottom left;
}

.rightContent
{
	background: transparent url(/images/main/rightContent-back.jpg) repeat-y top left;
	padding: 1px 35px 1px 25px;
}
.cal  .ajax__calendar_header
{
   background-color: Silver;
}

.cal .ajax__calendar_container

{
   background-color: White;
} 
div#page_top_text
{
	float:right;
	width:395px;
}
li#perc_txt
{
	width: 26px;
}
/* Tree View and Menu CSS Stuff */
/* These are just plain and ugly examples for how to hook on to stuff.
Also with the new mods, the node name is also its class. 
It will be all lower case with spaces replaced with underscores:
	Some Nav Item Name - some_nav_item_name

so you would be able to do:
li{common styles}
li a {display:block; width:150px; height: 150px}
li a span {display:none;}
li.some_nav_item_name {background: #fff url(menuitem-OVER.gif) top left no-repeat;}
li.some_nav_item_name a{background: transparent url(menuitem-UP.gif) top left no-repeat;}
li.some_nav_item_name a:hover{background: none;}

*/

/**** TREE VIEW CSS ****/
div.AspNet-TreeView ul li
{
	/* white-space: nowrap; */
	padding: 0;
}
div.AspNet-TreeView ul ul
{
	margin: 0;
}
div.AspNet-TreeView ul li img
{
	border: none;
	vertical-align: middle;
	margin: 0 4px 0 0;
}
div.AspNet-TreeView li a
{
	text-decoration: none;
}
div.AspNet-TreeView li.AspNet-TreeView-Root
{
	margin: 0;
}
div.AspNet-TreeView li.AspNet-TreeView-Parent
{
	margin: 0;
}
div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
}
div.AspNet-TreeView .AspNet-TreeView-Collapse
{
	position: relative;
	background: url(/App_Themes/Default/images/collapse.gif) 0 -1px no-repeat;
	width: 15px;
	float: left;
	cursor: pointer;
}
div.AspNet-TreeView .AspNet-TreeView-Expand
{
	position: relative;
	background: url(/App_Themes/Default/images/expand.gif) 0 -1px no-repeat;
	width: 15px;
	float: left;
	cursor: pointer;
}

/**** Menu CSS ****/
/* Top tier */
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
ul.AspNet-Menu ul
{
}
ul.AspNet-Menu ul ul
{
	width: 11.5em;
}
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
ul.AspNet-Menu li
{
}
ul.AspNet-Menu ul li
{
	background:#fff;
	border: 1px solid #aaa;
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
	color: #838383;
	font-weight:bold;
	padding: 4px 2px 4px 8px; /*background: transparent url(/App_Themes/Default/images/arrow.png) right center no-repeat;*/
	cursor:pointer;
}
/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
ul.AspNet-Menu li.AspNet-Menu-Leaf a, ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
ul.AspNet-Menu li a img
{
	border-style: none;
	vertical-align: middle;
}
/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
ul.AspNet-Menu li:hover, ul.AspNet-Menu li.AspNet-Menu-Hover
{
}
ul.AspNet-Menu ul li:hover, ul.AspNet-Menu ul li.AspNet-Menu-Hover
{
	background: #eee;
}
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
ul.AspNet-Menu li a:hover, ul.AspNet-Menu li span.Asp-Menu-Hover
{
	background: transparent url(/App_Themes/Default/images/arrow-active.png) right center no-repeat;
}
ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
	background-image: none;
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.AspNet-Menu-Horizontal
{
	z-index: 300;
}
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.AspNet-Menu-Horizontal ul.AspNet-Menu
{
	width: 45em;
}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
	width: 10.5em;
	left: 0;
	top: 100%;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
	width: 13.5em;
	left: 10.5em;
	top: 0;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul ul
{
	width: 13.5em;
	left: 11.5em;
	top: 0;
}
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	width: 9em;
	text-align: left;
}
/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
	text-align: left;
	width: 10.5em;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
	width: 11.5em;
}

/**** END For Template Site ****/



.PrettyMenu .AspNet-Menu-Vertical
{
	position: relative;
	top: 3em;
	left: 0;
	z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.PrettyMenu ul
{
	/*background:#BBEB86;*/
}

/* Top tier */
.PrettyMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
	width: 9em;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.PrettyMenu ul.AspNet-Menu ul
{
	width: 10.5em;
	left: 8.9em;
	top: -1em;
	z-index: 400;
}

.PrettyMenu ul.AspNet-Menu ul ul
{
	width: 11.5em;
	left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.PrettyMenu ul.AspNet-Menu li
{
	background: #FFF repeat-x;
	height: 45px;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.PrettyMenu ul.AspNet-Menu li a, .PrettyMenu ul.AspNet-Menu li span
{
	/*color: black;*/
	padding: 6px 2px 4px 3px; /*border-top: solid 1px #E7E7E7;     border-right: solid 1px #D2D2D2;     border-bottom: solid 1px #D2D2D2;     border-left: solid 1px #E7E7E7;     background: transparent url(arrow.png) right center no-repeat;*/
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
	border-style: none;
	vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.PrettyMenu ul.AspNet-Menu li:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
	/*background:#FFF;*/
}

/* Hover text color */
.PrettyMenu ul.AspNet-Menu li:hover a, .PrettyMenu ul.AspNet-Menu li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span, .PrettyMenu ul.AspNet-Menu li:hover li:hover a, .PrettyMenu ul.AspNet-Menu li:hover li:hover span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
	/*color: #008B00;*/
}

.PrettyMenu ul.AspNet-Menu li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, .PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
	color: Black;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a:hover, .PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	/*color: #008B00;     background: transparent url(arrow-active.png) right center no-repeat;*/
}

.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
	background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

/*.PrettyMenu .AspNet-Menu-Horizontal
{
	position:absolute;
	left: 9.5em;
	top: 0;
	z-index: 300;
}*/

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
	width: 100%;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
	width: 10.5em;
	left: 0;
	top: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
	top: -0.3em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
	width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	width: 135px;
	text-align: left;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
	text-align: left;
	width: 135px;
	height: 45px;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
	width: 11.5em;
	height: 45px;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
	margin: -1.4em 0 0 10.35em;
}

/* ------------------------------------------------------------------- */

h1
{
	font-size: 28pt;
}
h2
{
	font-size: 24pt;
}
h3
{
	font-size: 20pt;
}
h4
{
	font-size: 16pt;
}
h5
{
	font-size: 13pt;
}
h6
{
	font-size: 11pt;
}
.ModalBackground
{
	/*background: transparent url(images/blackOpacity.png) repeat;*/
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	filter: alpha(opacity=70);
	opacity: .7;
}
.popupServer
{
	z-index: 101;
	position: absolute;
	width: auto;
	height: auto;
	padding: 30px;
	padding-top: 15px;
	border: 1px solid #aaaaaa;
	background: #fff;
	text-align: left;
}

.popupServer h3
{
	border-bottom: 1px solid #a2cad9; 
	margin-bottom: 0;
	padding-bottom: 7px;
	color: #010997;
}

.AccessibleForm dt
{
	clear: both;
	float: left;
	margin: 0.5em 0 0 0;
	width: 33%;
}
.AccessibleForm dd
{
	float: left;
	margin: 0.25em 0;
	width: 67%;
}
.AccessibleForm dd.TextArea, .AccessibleForm dt.TextArea
{
	float: none;
}

.Red
{
	color: Red;
}

.AccessibleForm h6
{
	margin: 5px 0;
	clear: both;
}

.clear
{
	clear: both;
}

.topicContainer { width: 775px; }

.quoteForm, #contactForm
{
	width: 685px;
}

.quoteForm dt,
#contactForm dt
{
	width: 40%;
}
.quoteForm dd,
#contactForm dd
{
	width: 60%;
}
.quoteForm input[type~=text],
#contactForm input[type~=text],
.quoteForm textarea,
#contactForm textarea
{
	width: 99%;
}

/* Form Styles */

.AccessibleFormList
{
	width: 775px;
}
.AccessibleFormList fieldset {  
	margin: 0 0 -1em 0;  
	padding: 0 0 2em 0;
	position: relative;  
	float: left;
	clear: both;
	width: 100%;
	border-style: none;
	border-top: 1px solid #a2cad9;
	background-color: #fff;
}  
.AccessibleFormList legend {  
	padding: 0; 
	color: #545351;  
	font-weight: bold;  
}  
.AccessibleFormList legend span{  
	position: absolute; 
	left: .74em;
	top: 0;
	margin-top: 0.5em;
	font-size: 135%;  
}  
.AccessibleFormList fieldset fieldset legend span{  
	position: relative;
	left: 0;
	margin-top: 0;
	font-size: 100%; 
}  
.AccessibleFormList fieldset ol {  
	padding: 3.5em 1em 0 1em;  
	list-style: none;  
	margin-left: -9px;
}

.AccessibleFormList ol.TextArea, .AccessibleFormList li.TextArea
{
	float: none;
	width: 100%;
}

.AccessibleFormList fieldset li {  
	padding-bottom: 1em;
	float: left;
	clear: left;
	width: 100%; 
	position: relative;
	z-index: 2; 
}
.AccessibleFormList fieldset li#rdbAccessories {  
	padding-bottom: 1em;
	float: left;
	clear: left;
	width: 100%; 
	position: relative;
	z-index: 2; 
	left: 7px;
	bottom: 2px;
}
.AccessibleFormList fieldset.alternate {
	background-color: #fff;
}  
.AccessibleFormList fieldset.submit {  
	border: 0 none #fff; 
	float: none;
	width: auto;
	padding-top: 1.5em;
	padding-left: 18em; 
	background-color: #fff;
	z-index: 10001;
}
.AccessibleFormList label {    
	float: left;    
	width: 16em;    
	margin-right: 1em;  
}

.AccessibleFormList label.small_label {    
	width: 3em;  
}
label.small_label {    
	width: 3em;  
}
.long_tbx
{
	width: 215px;
}
.short_tbx
{
	width: 60px;
}

.shorter_tbx
{
	width: 30px;
	margin: 0 0 0 -10px;
}

.AccessibleFormList label.trailer_year_lbl {    
	float: left;    
	width: 59px;    
	margin-right: 1em;  
}
.AccessibleFormList textbox.trailer_year_txt 
{    
	width: 30px;    
}
.AccessibleFormList .no_label
{
	margin-left: 17em;
}

.AccessibleFormList fieldset fieldset {      
	margin-bottom: -60px;      
	border-style: none;      
	background-color: transparent;      
	background-image: none; 
	position: relative;
	z-index: 1;     
}      
.AccessibleFormList fieldset fieldset legend {      
	margin-left: 0;      
	font-weight: normal; 
	color: #000;     
}      
.AccessibleFormList fieldset fieldset ol {      
	position: relative;      
	top: -1.5em;      
	margin: 0 0 0 17em;      
	padding: 0;      
}      
.AccessibleFormList fieldset fieldset label {      
	float: none;      
	width: auto;      
	margin-right: 15px;      
}
.AccessibleFormList div.labelReplace {
	float: left; 
	margin-right: 1em; 
	width: 16em;
}
.fullLine 
{
	float: left;
	width: 100%;   
}
.AccessibleFormList div.labelReplace label, 
.AccessibleFormList label.inlineLabel {
	float: none; 
	margin-right: 0; 
	width: auto;
}
.li label.trailerYear {
	float: none; 
	margin-right: 0; 
	width: 100px;
}

.AccessibleFormList .inlineRadioButtonList label
{
	float: none;
	width: auto;
}

.pushTopSmall
{
	padding-top: 7px;
}

.hideLabelDark
{
	color: #FFF !important;
}

.hideLabelLight
{
	color: #FFF !important;
}

.CalendarBox
{
	width: 850px;
	padding-top: 20px;
}

.loginArea a:hover { color: #004087; }
.loginArea hr { margin: 15px 0; }
.loginArea td { padding: 0 !important; }
.loginArea p.bodytext { margin: 0; }

.form_section 
{ 
	padding: 15px; 
	border-top: 1px solid #a2cad9; 
	float: left;
	width: 475px;
}
.form_section .form_section 
{ 
	padding: 0; 
	border: 0; 
	width: auto;
}
.form_section h3
{
	font-size: 1em;
	margin: 0;
}
.form_section ol 
{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.form_section li
{
	margin: 7px 0 0 0;
}
.form_section label,
.form_section .label 
{ 
	width: 150px; 
	display: block; 
	float: left; 
}
.form_section .no_label
{
	margin-left: 150px;
}
.form_section label.top_label
{
	float: none;
	width: auto;
}
.column2
{
	margin-left: 60px;
}
.red { color: #BE000C; }

.dl-sitemap .AspNet-TreeView
{
	font-size: 14px;
}

.dl-sitemap .AspNet-TreeView ul
{
	margin-left: 30px;
}

.dl-sitemap .AspNet-TreeView a
{
	color: #010997;
	text-decoration: underline;
}

.dl-sitemap a:hover
{
	text-decoration: none;
}


h2 
{
	color: #BD000B;
	font-family: Georgia, Times New Roman, Trebuchet MS, Serif;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.8em;
}

.dl-cbxlist
{
	float: left;
}

.dl-tbx-for-cbxlist
{
	float: left;
	margin: 20px 0 0 -85px;
}

.dl-search-results td, .dl-search-results table, .dl-search-results th
{
	border-collapse: separate !important;
	border: none 0 !important;
}

.dl-search-results h4
{
	font-size: 1.3em;
	margin: 5px 0;   
}