/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink,
a.webmodules_editModuleLink,
a.webmodules_editModuleLink:link,
a.webmodules_editModuleLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    font-size: 100%;
    color: Blue;
}
.webmodules_editModuleLink:hover,
a.webmodules_editModuleLink:hover
{
    font-size: 100%;
    color: #00A2FF;
}

/* -------------------------- <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: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	}

.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 0;
	margin: 0;
	}
	
p, table, th, tr, td, h1, h2, h3, img, a:link, a:visited, a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: normal;*/ /*removed. jkeyes 20071101*/
	text-decoration: none;
	color: #000;
	border: none;
	font-size: 12px; /*added. jkeyes 20071101*/
	}
	
h1 {
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #e20018;
	padding: 0;
	margin: 0;
	/*font-weight: normal;
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0;
	text-transform: uppercase;*/ /* Optional */
	}

h2 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	/*text-transform: uppercase;*/ /* Optional */
	}

h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #e20018;
	padding: 0;
	margin: 0;
	}

p {
	margin: 0;
	padding: 0;
	}
	
a:link, a:visited {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
    text-decoration: underline;
    display: inline;
    padding: 0;
    margin: 0;
    background: none;
	}
	
a:hover, a:active {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
    display: inline;
    padding: 0;
    margin: 0;
    background: none;
	}

/* ----------------------- <genClasses> --------------------------- */

.primaryNav {
	
	}
	
.primaryNav a:link, .primaryNav a:visited {
    display: block;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
	 margin: 29px 26px 0 0;
    }

.primaryNav a:hover, .primaryNav a:active {
    display: block;
	 font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #e30013;
    text-decoration: none;
	 margin: 29px 26px 0 0;
    }
	 
.primaryNav .input {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #707978;
	border: 1px solid #e30013;
	width: 129px;
	height: 14px;
	margin: 27px 0 0 0;
	padding: 0 0 0 2px;
	}

div.copyright
{
	margin: 8px 0 0 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
    color: #707978;
}

.footer a:link, .footer a:visited {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
	 margin: 29px 26px 0 0;
    }

.footer a:hover, .footer a:active {
	 font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #e30013;
    text-decoration: none;
	 margin: 29px 26px 0 0;
    }
	 
.footer {
	margin: 20px 0 0 0;
	}

.door {
	padding: 30px 0 0 20px;
	vertical-align: top;
	}

.home_content {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
	vertical-align: top;
	padding: 30px 0 0 0;
	}

.home_content p {
	padding-left: 12px;
	}

.home_content p.bold {
	font-weight: bold;
	}

.home_content p.bottom_space {
	padding-bottom: 10px;
	}

.home_content p.bottom_link_space {
	padding-bottom: 5px;
	}

.home_content a:link, .home_content a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
	}

.home_content a:hover, .home_content a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
	}

.subnav .left {
	width: 260px;
	}
	
.subnav a:link, .subnav a:visited {
    display: block;
	 font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
	 margin: 0 0 15px 40px;
	 padding: 0 3px 0 9px;
    }

.subnav a:hover, .subnav a:active {
    display: block;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
    text-decoration: none;
	background: url(images/sub_icon_arrow.gif) top left no-repeat;
	margin: 0 0 15px 40px;
	padding: 0 3px 0 9px;
    }

a.subnavselected:visited, a.subnavselected:link
{
	display: block;
	background: url(images/sub_icon_arrow.gif) top left no-repeat;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;    
    text-decoration: none;
	margin: 0 0 15px 40px;
	padding: 0 3px 0 9px;
}


.subsubnav a:link, .subsubnav a:visited {
    display: block;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
    margin: 0 0 2px 60px;
    padding: 0 3px 0 9px;
    white-space: nowrap;
    }

.subsubnav a:hover, .subsubnav a:active {
    display: block;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
    text-decoration: none;
	background: url(images/sub_icon_arrow.gif) top left no-repeat;
	margin: 0 0 2px 60px;
	white-space: nowrap;
	padding: 0 3px 0 9px;
    }
  
a.subsubnavselected:visited, a.subsubnavselected:link
{
	display: block;
	background: url(images/sub_icon_arrow.gif) top left no-repeat;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;    
    text-decoration: none;
	margin: 0 0 2px 60px;
	padding: 0 3px 0 9px;
}
    

.subcontent {
	width: 675px;
	}
	
.subcontent p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 10px 0 0 0;
	}

.subcontent a:link, .subcontent a:visited {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #e20018;
    text-decoration: underline;
	 display: inline;
	 padding: 0;
	 margin: 0;
	 background: none;
    }

.subcontent a:hover, .subcontent a:active {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #707978;
    text-decoration: none;
	 display: inline;
	 padding: 0;
	 margin: 0;
	 background: none;
    }

/*    
.textbox {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #707978;
	border: 1px solid #e30013;
	height: 14px;
	}
*/

/* ----------------------- </genClasses> --------------------------- */


/* ----------------------- <RDS Styling> --------------------------- */
/* CSS Document */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #e20018;
	/*text-transform: uppercase;*/
	}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	/*text-transform: uppercase;*/
	}

.textbox {
	/* font-size: 10px;
	width: 100%;
	background: #fff;
	border: 1px solid #e20018;
	color: #000; */
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #707978;
	border: 1px solid #e30013;
/*	width: 129px; 
	height: 14px;*/
	padding: 0 0 0 2px;
	}

/*.dropdownlist {
	font-size: 10px;
	width: 100%;
	background: #fff;
	border: 1px solid #e20018;
	color: #000;
	}*/


.radiobutton {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #707978;
	}

.checkbox {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #707978;
	}

/*
.button a:link, .button a:visited {
    font-size: 10px;
	cursor: auto;
	color: #fff;
	width: 150px;
	background: #707978;
	border: 1px solid #000;
	}

.button a:hover, .button a:active  {
	font-size: 10px;
	cursor: auto;
	color: #fff;
	width: 150px;
	background: #e20018;
	border: 1px solid #000;
	}
*/

.button a:link, .button a:visited {
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #D80518;
	padding: 5px;
	text-align: center;
}

.button a:hover, .button a:active {
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #9f0011;
	padding: 5px;
	text-align: center;
}

.buttondisabled {
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #9f0011;
	padding: 5px;
	text-align: center;
}

.linkbutton a:link, .linkbutton a:visited {
	font-size: 11px;
	color: #707978;
	text-decoration: underline;
	}

.linkbutton a:hover, .linkbutton a:active{
	font-size: 11px;
	color: #e20018;
	text-decoration: underline;
	}

.datatextvalues {
	font-size: 11px;
	/* color: #000;
	background: #fff;
	border: 1px solid #707978; */
	}

.datalabel {
	font-size: 11px;
	font-weight: bold;
	/* color: #fff;
	background: #707978;
	border: 1px solid #000; */
	}

.errormessage {
	font-size: 11px;
	color: #e20018;	
	}
	
.services_bg_grey {
	background: #f4f4f4;
	/*background: red;
	padding: 10px;
	margin-bottom: 15px;*/
	}

.services_bg_white {
	background: #fff;
	/*padding: 10px;
	margin-bottom: 15px;*/
	margin: 15px 0px;
	display: block;
	}
	
.state_label {
	padding: 40px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 14px;
	border-bottom: solid 1px black;
	
	}
	
.services_name {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 11px;
	}
	
/*GASH - Added 2009-10-16 to control font of location name and address details */
.loc_address_name {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 12px;
}
.loc_address_name a:link, .loc_address_name a:visited
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 12px;
	text-decoration: none;
}
.loc_address_detail {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:  #000;
	font-size: 12px;
}
/*GASH - End */

.services_title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 11px;
    }

.services_name a:link, .services_name a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 11px;
	text-decoration: none;
	}

.services_name a:hover, .services_name a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #e20018;
	font-size: 11px;
	text-decoration: underline;
	}
	
.services_desc {
	font-size: 11px;
	padding-right: 25px;
	}
	
.services_option {
	padding-bottom: 10px;
	}
	

/*
.services_option a:link, .services_option a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #707978;
	text-decoration: underline;
	line-height: 20px;
	}

.services_option a:hover, .services_option a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #e20018;
	text-decoration: underline;
	line-height: 20px;
	}
*/

p.services_price 
{
    text-align: left;
    font-weight: bold;
}
    
.services_prod_image {
	padding-right: 15px;
	padding-bottom: 5px;
	}

.services_rel_bg_grey {
	background: #fdfdfd;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #f4f4f4;
	}
	
.services_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #000;
	}

.services_rel_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	}
/* 	
.services_rel_bg_grey p {
	color:  #e20018;
	padding-bottom: 5px;
	}
 
.services_rel_bg_grey a:link, .services_rel_bg_grey a:visited {
	text-decoration: underline;
	font-size: 10px;
	padding-left: 20px;
	color:  #e20018;
	}
	
.services_rel_bg_grey a:hover, .services_rel_bg_grey a:active {
	text-decoration: none;
	font-size: 10px;
	padding-left: 20px;
	color:  #e20018;
	}
*/

.services_rel_bg_white  {
	background: #fff;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #f4f4f4;
	}
	
.services_rel_bg_white p {
	color:  #000;
	}

/*
.services_rel_bg_white a:link, .services_rel_bg_white a:visited {
	text-decoration: underline;
	font-size: 10px;
	padding-left: 20px;
	color:  #000;
	}
	
.services_rel_bg_white a:hover, .services_rel_bg_white a:active {
	text-decoration: none;
	font-size: 10px;
	padding-left: 20px;
	color:  #000;
	}
*/

.checkoutlabel {
    width: 120px;
}

.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #e20018;
	font-size: 10px;
    /* text-align: left; */
}

.breadcrumbs a:link, .breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #707978;
	font-size: 10px;
}

.breadcrumbs a:link, .breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #707978;
	font-size: 10px;
}


/* ----------------------- </RDS Styling> --------------------------- */

/* ----------------------- <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.jpg) 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.jpg) 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;
	}
	
/* ----------------------- </imgRollOver> --------------------------- */

/* --- AJAX Progress Panel --- */

.ajaxProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.ajaxContainer
{
    border: solid 1px #e20018;
    border-width: 1px 0px;
}
.ajaxHeader
{
    background: url(/images/sprite.png) repeat-x 0px 0px;
    border-color: #e20018 #e20018 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.ajaxBody
{
    background-color: #f2f2f2;
    border-color: #e20018;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}