﻿/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 7/31/06 :: DAB

-------------------------- </revisions> --------------------------- */

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color:#1973C8;
	background:url(images/bg.gif) repeat-x;
	}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color:#1973C8;
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color:#1973C8;
	border: none;
	}
	
h1 {
	font-weight: normal;
	font-size: 14px;
	color:#1973C8;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color:#1973C8;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

h3 {
	font-weight: normal;
	font-size: 11px;
	color:#1973C8;
	padding: 0;
	margin: 0;
	text-transform: uppercase; /* Optional */
	}

p {
	margin: 0;
	padding: 0;
	}
select
{
	color:#1973C8;
	}	
a:link, a:visited {
	text-decoration: underline;
	color:#40a41a;
	}
	
a:hover, a:active {
	text-decoration: none;
	color:#40a41a;
	}

/* ----------------------- <genClasses> --------------------------- */

.main_container {
	width:1024px;
	background:url(images/main_container.jpg) top no-repeat;
	margin:0 auto;
	padding:0 0px 0 3px;
}

.banner {
	width:893px;
	height:125px;
	background:url(images/banner_bg.gif) repeat-x;
}

.splash_banner {
	width:893px;
	height:121px;
	background:url(images/banner_bg.gif) repeat-x;
}

.logo {
	float:left;
	width:259px;
}

.contact_cta {
	float:right;
	width:311px;
}

.splash_bnr_rt {
	float:right;
	width:311px;
}

.quote {
	width:299px;
	height:301px;
	background:url(images/quote_bg_blank.gif) no-repeat;
}

.container {
	width:250px;
	height:301px;
	border:solid 1px black;
	padding:0;
}

.quoteTitleStyle {
  font-size: 11px; 
  font-weight:bold;
  vertical-align:sub;
  color: #3277AC; 
}

.zip {
	margin:0;
	padding:0;
}

.zip .input {
	background:inherit;
	font-size:11px;
	padding:0;
	height:15px;
	color:#6b7781;
	border:solid 1px #3277AC ;
}

.zip .zipText {
	float:right;
	width:250px;
	margin: 10 -10 0 0;
	display:inline-block;
}

.radio {
	margin:0;
	padding:0;
  font-size:11px;
  color: #000000;
  text-decoration:none;
}

.radio .input{
	color:#152665;
	margin:0;
	padding:0;
	width:15px;
	height:15px;
}

.radio .quoteText {
	float:left;
	width:250px;
	height:15px;
	margin:130px 0 -5px 25px;
	display:inline-block;
  padding-top:-15px;
}

.radio .titleStyle {
  font-size: 11px; 
  font-weight:bold;
  color: #3277AC; 
}

.radio .optionStyle {
  font-size: 10px; 
  font-weight:bold;
  color: #3277AC; 
  vertical-align:text-top;
}

.radio .col_1 {
	float:left;
	width:15px;
	margin:5px 0 0 45px !important;
	margin:5px 0 0 23px;
	display:block;
}

.radio .col_2 {
	float:right;
	width:15px;
	margin:148px 127px 0 0;
	display:block;
}

.test {
	height:-10px;	
	max-height:10px;	
	}
	
.radio .zipText {
	float:left;
	width:250px;
	height:15px;
	margin:0 0 0 33px;
	display:inline-block;
}

.start_quote {
	margin:10px 0 0 33px;
	float:left;
}

.retrieve_quote {
	margin:0 0 0 28px;
	float:left;
}

.hm_body {
	width:893px;
	background:url(images/hm_body_bg.gif) repeat-y;
	font-size:11px;
	color:#1973C8;
}

.sub_body {
	width:893px;
	background:url(images/sub_body_bg.gif) repeat-y;
	font-size:11px;
	color:#1973C8;
}

.splash_body {
	width:893px;
	background:url(images/splash_page_main_bg.gif) repeat-y;
	font-size:11px;
	color:#1973C8;
}


ul {
	list-style-image:url(images/arrow.gif);
	padding:0;
	margin:0px 0 0 0;

}

li {
	list-style-image:url(images/arrow.gif);
	
	margin:0 0 0 10px;
}



.hm_body_bottom {
	width:893px;
	background:url(images/hm_body_bg_bottom.gif) bottom no-repeat;
	font-size:11px;
}

.hm_body_bottom  a:link, .hm_body_bottom  a:visited {
	text-decoration: underline;
	font-size:11px;
	font-weight:bold;
	color:#1973C8;
	font-style:italic;
	}
	
.hm_body_bottom a:hover, .hm_body_bottom  a:active {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#1973C8;
	font-style:italic;
	}

.min_height {
	height:300px;
	background:transparent;
	border:solid black 1px;
	}
	
.sub_body_bottom {
	width:893px;
	background:url(images/sub_body_bg_bottom.gif) bottom no-repeat;
	font-size:11px;
}


.sub_body_bottom .watermark {
	background:url(images/watermark.gif) bottom right no-repeat;
}

.splash_main_cm_area {
	margin:0;
	padding:0;
}

.splash_main_cm_area table{
	margin:0;
	padding:0;
	
	padding:5px;
	width:500px;
	font-size:11px;
}

.splash_main_cm_area td{
	padding:0 0 0px 10px;
	height:30px;

}

/*.splash_main_cm_area input{
	margin:2px 0 0px 0px;

}*/

.splash_main_cm_area .title{
	font-size:18px;
	color:#1973c8;
	width:494px;
	height:33px;
	font-weight:bold;
	padding:3px 0 0 18px;
	background:url(images/splash_arrow.gif) no-repeat;

}


.splash_main_cm_area .form_container{
	width:510px;
	margin:30px 40px 50px 0px;
	line-height:150%;
	/*border:1px solid black;*/
	text-align:left;
	font-size:11px;
	border:dotted 1px #3e92e4;
	overflow:hidden;
}

.splash_main_cm_area .ack_container{
	width:300px;
	margin:30px 40px 50px 0px;
	line-height:150%;
	/*border:1px solid black;*/
	text-align:left;
	font-size:11px;
}

.splash_main_cm_area .form_text{
	padding:0 2px 0px 2px;
	margin:0 0 0 0;
	font-size:12px;
	color:#1973C8;
/*	border:1px solid black;
*/}

.splash_main_cm_area input{
	padding:2px;
	margin:0px 0 0 0;
	font-size:12px;
	color:#346c96;
	
}

.splash_main_cm_area  a:link, .sub_main_cm_area  a:visited {
	text-decoration: underline;
	font-size:11px;
	font-weight:bold;
	color:#40a41a;
	}
	
.splash_main_cm_area a:hover, .sub_main_cm_area a:active {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#40a41a;
	}

.sub_main_cm_area {
	margin:0;
	padding:0;
}

.sub_main_cm_area p {
	color: #1973C8;
}

.sub_main_cm_area .text{
	width:590px;
	margin:15px 40px 50px 0px;
	line-height:150%;
	color: #1973C8;
	/*border:1px solid black;*/
	text-align:left;
}

.sub_main_cm_area .title{
	width:400px;
	margin:5px 0px 15px 0px;
	padding-left:20px;
	font-size:18px;
	color:#1973c8;
	font-weight:bold;
	/*border:1px solid black;*/
	text-align:left;
	background:url(images/arrow_sub_title.gif) no-repeat;
}

.sub_main_cm_area  a:link, .sub_main_cm_area  a:visited {
	text-decoration: underline;
	font-size:11px;
	font-weight:bold;
	color:#40a41a;
	}
	
.sub_main_cm_area a:hover, .sub_main_cm_area a:active {
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#40a41a;
	}

.sub_body_top {
	width:893px;
	background:url(images/sub_body_bg_top.gif) top no-repeat;
}

.sub_body_top_no_nav {
	width:893px;
	background:url(images/sub_body_bg_top_no_nav.gif) top no-repeat;
}

.splash_body_top {
	width:893px;
	background:url(images/splash_main_bg_top.gif) top no-repeat;
}

.splash_cm_lft {
	margin:20px 0 0 0 ;
	/*padding:20px 0 0 0  ;*/
}

.splash_cm_lft .text {
	color:#6b7781;
	padding:0px 0px 50px 40px;
	width:300px;
	font-size:11px;

	line-height:160%;
}

.sub_nav {
	margin:0;
	padding:0;
	
}

.sub_nav .title {
	color:#FFFFFF;
	margin:18px 0 0 42px;
	height:20px;
	width:180px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	/*border:solid 1px black;	*/	
}

.sub_nav .links {
	color:#1973c8;
	margin:10px 0 50px 0px;
	width:200px;
	font-size:12px;
	font-weight:bold;
	/*border:solid 1px black;	*/
}

.sub_nav ul {
	list-style-image:url(images/arrow.gif);
	padding:0;
	margin:0px 0 0 13px;
}

.sub_nav li {
	list-style-image:url(images/arrow.gif);
	padding:0px;
	line-height:180%;
	margin:0 0 0 10px;
}

.sub_nav  a:link, .sub_nav  a:visited {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#1973c8;
	}
	
.sub_nav a:hover, .sub_nav  a:active {
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	color:#1973c8;
	}

.seo_text {
	width:850px;
	margin:0 auto;
	color:#d8d8d8;
	font-size:10px;
}

.seo_text  a:link, .seo_text  a:visited {
	text-decoration:underline;
	color:#d8d8d8;
	font-size:10px;
	}
	
.seo_text a:hover, .seo_text  a:active {
	text-decoration:none;
	color:#d8d8d8;
	font-size:10px;
	}

.hm_box_title_bg {
	width:893px;
	background:url(images/hm_box_titles.gif) top no-repeat;
}


.cm_box1 {
	height:182px;
	width:255px;
	margin:0px 0px 50px 27px;
	padding:0 2px 2px 2px;
	overflow:hidden;
}

.cm_box1 ul {
	list-style-image: url(images/arrow.gif);
	margin: 0 0 0 0px;
	padding: 0;
	}

.cm_box1 li {
	list-style-image: url(images/arrow.gif);
	margin: 0 0 0 15px;
	padding: 0;
	}

.cm_box1_title {
	width:225px;
	height:43px;
	padding:5px 0 0 27px;
	color:#FFFFFF;
	font-size:12px;
	letter-spacing:0;
	font-weight:bold;
	line-height:normal;
}

.cm_box2 {
	height:180px;
	width:260px;
	overflow:hidden;
}


.cm_box2_title {
	width:225px;
	height:43px;
	padding:5px 0 0 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}


.cm_box3 {
	height:180px;
	width:265px;
	padding:0;
	margin:3px 0 0 5px;
	float:left;
	overflow:hidden;
}

.cm_box3_title {
	width:225px;
	height:43px;
	padding:5px 0 0 5px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}


.footer {
	width:893px;
	height:257px;
	background:url(images/footer_bg.gif) bottom no-repeat;
}

.footer a:link, .footer a:visited {
	font-size:10px;
	color:#b1c1cf;
	text-decoration: none;
	}
	
.footer a:hover, .footer a:active {
	font-size:10px;
	color:#b1c1cf;
	text-decoration: underline;
	}

.copyright {
	font-size:10px;
	color:#b1c1cf;
	float:left;
	width:250px;
	margin:0 0 0 23px;
}

.splash_copyright {
	font-size:10px;
	color:#b1c1cf;
	width:250px;
	margin:0 0 0 23px;
}

.links {
	font-size:10px;
	color:#b1c1cf;
	float:right;
	width:350px;
	margin:0 0 0 0;
}
/* --------------------- Contact Us form styling
------------------------------------------------------------- */
.contactUs {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

.contactUs p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 10px;
	}

.contactUs span {
	color: #000;
	}

.contactUs .labelText {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #1973C8;
	text-align: right;
	width: 150px;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	background:none;
	}
	
.contactUs .field input {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;	
	vertical-align:top;
	background: url(images/form_field_bkg.jpg) top left no-repeat;
	}

.contactUs .field textarea {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;	
	vertical-align:top;
	background: url(images/form_field_bkg.jpg) top left no-repeat;
	border: 1px solid #80a274;
	}

.contactUs .button {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 50px;
	margin: 0;
	padding: 5px;
	background: none;
	background: #898989;
	border: 0;
}

.contactUs input, .contactUs select, .contactUs textarea  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;	
	vertical-align:top;
	background: url(images/form_field_bkg.jpg) top left no-repeat;
	}
	
.contactUs textarea  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;	
	vertical-align:top;
	background: url(images/form_field_bkg.jpg) top left no-repeat;
	border: 1px solid #80a274;
	}

/* --------------------- Press Room & Press Room Details styling
------------------------------------------------------------- */

.pressRoom {
	font: 11px Arial, Helvetica, sans-serif;	
	width: 100%
	}

.pressRoom p {
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	}
	
.pressRoom .colorBox {
	
	}

.pressRoom a:link, .pressRoom a:visited {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: underline;
	/*color: #1973C8;*/
	}

.pressRoom a:hover, .pressRoom a:active {
	font: 11px Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-decoration: none;
	/*color: #1973C8;*/
	}
	
.pressRoom h3 {
	font: 16px Arial, Helvetica, sans-serif;
	}
	
.pressRoom .title {
	font: 16px Arial, Helvetica, sans-serif;
	}

.pressRoom .container {
    background-color: #000;
    padding: 5px;
	}

.pressRoom .goBackLink a:link, .pressRoom .goBackLink a:hover
, .pressRoom .goBackLink a:active, .pressRoom .goBackLink a:visited {
    font-size: 9px;
    text-decoration: none;
	/*color: #1973C8;*/
	}
	
.pressRoom span {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.pressRoom strong {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.pressRoom em {
	font: 11px Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
.pressRoom .readMore a:link, .pressRoom .readMore a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
	}

.pressRoom .readMore a:hover, .pressRoom .readMore a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
	}

.pressRoom .postDate {
    font-style: italic;
    font-size: 13px;
	}

.pressRoom .shortDescription span {
    font-size: 11px;
	}

.pressRoom .release {
    background-color: none;
    padding: 5px;
	}

/* Press Room Detail */

.pressRoom .detail {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.pressRoom .detail .colorBox {
	background: none;

	}
	
.pressRoom .detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	}
	
.pressRoom .detail span {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.pressRoom .detail p {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.pressRoom .detail strong {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.pressRoom .detail em {
	font: 11px Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
.pressRoom .detail a:link, .pressRoom .detail a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
    /*color: #1973C8;*/
	}

.pressRoom .detail a:hover, .pressRoom .detail a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    /*color: #1973C8;*/
	}

.pressRoom .detail .readMore a:link, .pressRoom .detail .readMore a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
	}

.pressRoom .detail .readMore a:hover, .pressRoom .detail .readMore a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
	}
	
	
/* --------------------- Testimonials & Testimonials Details styling
------------------------------------------------------------- */

.testimonials {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials .colorBox {
	background: none;	
	width:100%;
	}
	
.testimonials h3 {
	font: 13px Arial, Helvetica, sans-serif;
	}
	
.testimonials span {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials p {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials strong {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
.testimonials em {
	font: 11px Arial, Helvetica, sans-serif;
	font-style: italic;
	}
	
.testimonials a:link, .testimonials a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
    }

.testimonials a:hover, .testimonials a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    }

/* testimonials Detail */

.testimonials .detail {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials .detail .colorBox {
	background: none;	
	width:100%;
	}
	
.testimonials .detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	}
	
.testimonials .detail span {
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	}
	
.testimonials .detail p {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials .detail strong {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
.testimonials .detail em {
	font: 11px Arial, Helvetica, sans-serif;
	}
	
/* ----------------------- Careers Module> --------------------------- */
/*.button 
{
    cursor: hand;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 150px;
	margin: 0;
	padding: 3px 4px;
	background: #EEEEEE;
	border: 1px solid #999;
}*/

.dataContainer
{
    background-color: #EEEEEE;
    border: solid 1px #000000;
    padding:10px 10px 10px 10px;
}

.dropDownList
{
    width: 100%;
}

.gridView
{
    background-color: #EEEEEE;
    border: solid 1px #000000;
}

.gridView
{
    text-align: left;
}

/*.labelText
{
    background-color: #EEEEEE;
    border: solid 1px #000000;
    font-style: italic;
}*/

.textBox
{
    width: 100%;
}

.valueText
{
    font-weight: bold;
}

/* Careers */
.careers {
	font: 11px Arial, Helvetica, sans-serif;
	width: 100%;
	background: none;	
	} 

.careers p {
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	}

.careers .labelText {
    border: none;
    color: #1973C8;
    text-align: right;
    font-style: normal;
	padding: 5px;
	vertical-align: top;
	}

.careers select {
	font-size: 11px;
	}

.careers input {
	font-size: 11px;
	padding: 3px;
	}

.careers .button {
	background: #e6ede5;
	border: 1px solid #d0dfce;
	width: 175px;
	}

.careers table {
	background: none;
	}

.careers th, .careers td {
	padding: 5px;
	vertical-align: top;
	}

.careers .gridView caption {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.careers a:link, .careers a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #26851B;
	}

.careers a:hover, .careers a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #26851B;
	}

.careers .dataContainer {
	background: none;
	border: none;
	padding: 0;
	}
    
/* ----------------------- </genClasses> --------------------------- */

/* ----------------------- <imgRollOver> --------------------------- */
/* this is the super-duper "rollOver" technique for 
creating dynamic subnavs with the same background images 7/31/06 */

/* <table cellpadding="0" cellspacing="0" border="0" class="imageSwap">
    <tr>
        <td><a href="#" ><span>Lorem Ipsum 1</span></a>
			<a href="#" ><span>Lorem Ipsum 2</span></a>
			<a href="#" ><span>Lorem Ipsum 3</span></a>
			<a href="#" ><span>Lorem Ipsum 4</span></a>
			<a href="#" ><span>Lorem Ipsum 5</span></a>
			<a href="#" ><span>Lorem Ipsum 6</span></a></td>
    </tr>
    </table> the HTML code to make this work */

.imageSwap a:link, .imageSwap a:visited {
	display: block;
	background: url(images/sample.gif) no-repeat;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

.imageSwap a:hover, .imageSwap a:active {
	background: url(images/sample.gif) no-repeat;
	background-position: -190px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
	}

/* this positions the text within the cell. must use a p tag around the dynamic text */

.imageSwap span {
	display: block;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 8px 3px 3px 30px;
	margin: 0;
	}
	

.links a.on:link, .links a.on:visited, .links a.on:hover, .links a.on:active
{
	background: url(images/arrow.gif) 0px 6px no-repeat;
	background-position: -190px 0; /* this shifts the image over to the left "x-pos y-pos" */
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #26851b;
	text-decoration: underline;
	width: 190px;
	margin: 0;
	padding: 0;
}	
	
	
	
/* this activates a div to show up where ever it is needed */

.testBoxOff div {
	display: none;
	}
	
.testBoxOn div {
	display: block;
	}

/* this is the super-duper "rollOver" technique for 
creating dynamic third level subnavs with the same background images 7/08/06 */

.testBoxOn div a:link, .testBoxOn div a:visited {
	display: block;
	background: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #26851b;
	text-decoration: none;
	width: 190px;
	margin: 0;
	padding: 0;
	}
	
.testBoxOn div a:hover, .testBoxOn div a:active {
/*	background: url(images/arrow.gif) 5px 5px no-repeat;*/
	background: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #26851b;
	text-decoration: underline;
	width: 190px;
	margin: 0;
	padding: 0;
	}

.testBoxOn div span {
	display: block;
	padding: 3px 3px 3px 50px;
	margin: 0;
	}




	
/* ----------------------- </imgRollOver> --------------------------- */

/* Content Manager - Text Class Options */

.clsArial_8{font-family:Arial, Helvetica, sans-serif; font-size:8px;}
.clsArial_10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.clsArial_12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clsArial_14{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.clsArial_16{font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.clsArial_24{font-family:Arial, Helvetica, sans-serif; font-size:24px;}


.clsGaramond_8{font-family:Garamond, serif; font-size:8px;}
.clsGaramond_10{font-family:Garamond, serif; font-size:10px;}
.clsGaramond_12{font-family:Garamond, serif; font-size:12px;}
.clsGaramond_14{font-family:Garamond, serif; font-size:14px;}
.clsGaramond_16{font-family:Garamond, serif; font-size:16px;}
.clsGaramond_24{font-family:Garamond, serif; font-size:24px;}

.clsTimes_8{font-family:Times New Roman, Times, serif; font-size:8px;}
.clsTimes_10{font-family:Times New Roman, Times, serif; font-size:10px;}
.clsTimes_12{font-family:Times New Roman, Times, serif; font-size:12px;}
.clsTimes_14{font-family:Times New Roman, Times, serif; font-size:14px;}
.clsTimes_16{font-family:Times New Roman, Times, serif; font-size:16px;}
.clsTimes_24{font-family:Times New Roman, Times, serif; font-size:24px;}

.clsVerdana_8{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px;}
.clsVerdana_10{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.clsVerdana_12{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.clsVerdana_14{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.clsVerdana_16{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
.clsVerdana_24{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px;}	
	
/* Modules */
.calendarButton
{
    cursor: hand;
}

.button 
{
	font: bold 10px;
	color: #475E7C;
	cursor: hand;
	width: 150px;
	margin: 0;
	padding: 3px 4px;
	background: #EDE1F5;
}

.errorText
{
    color: #FF0000;
}

.listAltRow
{
    background-color: #fff;
}

/* QuoteRequestForms */
.quoteRequestForm .container
{
    /*background-color: #fff;*/
    color: #475E7C;
    height: auto;
    margin: auto;
    padding: 3px;
    width: auto;
    background:none;
}
.quoteRequestForm .gridView_HeaderStyle th
{
    font-weight: bold;
    text-align: left;
}


.quoteRequestForm 
{	
	width: 514px;
	background: url(images/bkg_form.jpg) top left no-repeat;
	padding-top:5px;
	}



.labelText
{
	/*background: #fff;*/
	color: #236DA6;
	font: 10px;
	margin: 0;
    padding: 2px;
	text-align: right;
	width: 150px;
}

.currentStep
{
    border-bottom: solid 5px #475E7C;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.previousStep
{
    border-bottom: solid 5px #475E7C;
}

.rightAligned
{
    text-align: right;
}

/* --------------------- FAQs styling
------------------------------------------------------------- */

.faq {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	
	}
	
.faq .colorBox {
	background: none;
	
	width:70%;
	}
	
.faq h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.faq p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	
	}
	
.faq strong {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	}
	
.faq em {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
	}
	
.faq a:link, .faq a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.faq a:hover, .faq a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }


    /* GLOSSARY */

.glossary {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	width:100%;
	}
	
.glossary .colorBox {
	background: none;
	width:100%;
	}
	
.glossary h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.glossary span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.glossary p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 10px;
	}
	
.glossary strong {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	}
	
.glossary em {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	font-style: italic;
	}
	
.glossary a:link, .glossary a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }

.glossary a:hover, .glossary a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }
	
	
    /* --------------------- Bio & Bio Details styling
------------------------------------------------------------- */

.Bio {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000;	
	}

.Bio table {
	width: 100%;
	}

.Bio .colorBox {
	
	width:100%;
	background: none;
	}
	
.Bio h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}

.Bio img {
	float:left;
	padding: 0 10px 10px 0;
	vertical-align: top;
	}	
	
.Bio p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 10px;
	}
	
.Bio hr {
	border-top: 1px solid #ccc;
	}
	
.Bio strong {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio em {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio a:link, .Bio a:visited {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.Bio a:hover, .Bio a:active {
    font: 11px Arial, Helvetica, sans-serif;
    color: #ccc;
    text-decoration: none;
    }


/*Bio Details */

.Bio_detail {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	
	}
	
.Bio_detail .colorBox {
	
	width:100%;
	background: none;
	}
	
.Bio_detail h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}

.Bio_detail img {
	float:left;
	padding: 0 10px 10px 0;
	vertical-align: top;
	}	
	
.Bio_detail p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 10px;
	}
	

.Bio_detail strong {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail em {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.Bio_detail a:link, .Bio a:visited {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.Bio_detail a:hover, .Bio a:active {
    font: 11px Arial, Helvetica, sans-serif;
    color: #ccc;
    text-decoration: underline;
    }

/* ----------------------- <Document Library> --------------------------- */

.DocumentLibrary {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	width:70%;
	
	}

.DocumentLibrary .category {
	background: none;
	
	width:auto;
	color: #000;
	}
	
.DocumentLibrary a:link, .DocumentLibrary  a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: underline;
    }

.DocumentLibrary a:hover, .DocumentLibrary  a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration: none;
    }
	
.DocumentLibrary .colorBox {
	
	}
	
.DocumentLibrary .colorBox .h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox span {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox strong {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}

/* em --> italics is used */
.DocumentLibrary .colorBox .em {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.DocumentLibrary .colorBox a:link, .DocumentLibrary .colorBox a:visited {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
    }

.DocumentLibrary .colorBox a:hover, .DocumentLibrary .colorBox a:active {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    }


/* ----------------------- <Form Background Styling> --------------------------- */

.form_style_background_tile {
	width: 514px;
	background: url(images/bkg_form_tile.jpg) top left repeat-y;
	border: 1px solid #80a274;
	}

.form_style_background 
{	
	width: 514px;
	background: url(images/bkg_form.jpg) top left no-repeat;
	padding-top:5px;
	}
