/* CSS Document */

/*Template Layout*/
body {
	background-color:#f1f5f8;
	background-image:url(images/page_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em; /* vertical spacing between your lines of text*/
}

a, a:link, a:visited {
	color:#2180ac;
}
a:hover {
	color:#2180ac;
	text-decoration:none;
}

input[type="submit"]:hover {
cursor: pointer;
}

#background_texture {
	background:url(images/header_bg.jpg) center top no-repeat;
	border:none;
}
#wrapper {
	width:940px;
	margin:0px auto; /*centers your design on the page*/
}
#header {
	height:100px;
	width:940px;
	clear:both;
}
#logo {
	width:284px; /*change this width and height to match your logo image*/
	height:78px;
	float:left;
	border-style: none;
}
#header_contact {
	width:320px;
	height:52px;
	float:right;
	text-align:right;
	margin: 20px 10px 0px 0px; /* you may need to change these margins if your contact info is larger, order is top, right, bottom, left*/
}
#header_menu { /*the container that holds the main menu*/
	height:38px;
	margin:2px 0px 0px 0px;
	clear:both;
}
#search_service { 
    float:right;
	height:38px;
	margin:2px 0px 0px 0px;
	clear:both;
}

ul#navigation {
	margin:0px;
	padding:0px;
	margin-top:1px;
	width:940px;
	height:38px;
	position: absolute;  /*makes dropdown sit on top of flash & map*/
	z-index:100; /*makes dropdown sit on top of flash & map*/

}
ul#navigation li {
	float:left;
	list-style:none;
	display:inline;
	padding: 0px;
	margin:0px;
}

ul#navigation a {
	float:left; /*makes the text sit beside each other not down the page*/
	color:#ffffff; /*menu color normal*/
	padding:10px 13px 10px 13px; /*space around and inbetween the buttons, top, right, bottom, left*/
	text-decoration:none; /*no underline*/
	text-transform:uppercase; /*all in capitals*/
	font:14px Arial, Helvetica, sans-serif; /*menu text size and font*/
	letter-spacing:1px; /*space out the letters, remove if you want it normal*/
	background-image:url(images/menu_divider.gif); /*the bar between each button*/
	background-position:right center;
	background-repeat:no-repeat;
}

ul#navigation span
{
    float:left; /*makes the text sit beside each other not down the page*/
	color:#ffffff; /*menu color normal*/
	padding:10px 13px 10px 13px; /*space around and inbetween the buttons, top, right, bottom, left*/
	text-decoration:none; /*no underline*/
	text-transform:uppercase; /*all in capitals*/
	font:14px Arial, Helvetica, sans-serif; /*menu text size and font*/
	letter-spacing:1px; /*space out the letters, remove if you want it normal*/
	background-image:url(images/menu_divider.gif); /*the bar between each button*/
	background-position:right center;
	background-repeat:no-repeat;
}

ul#navigation li.selected a {
	background-color:#9FC5D8; /*color behind the menu text*/
	color:#072A52; /*color of text on mouse over*/
	border:none;
}

ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation li:hover a.active,  ul#navigation a:hover {
	background-color:#2180ac; /*color behind the menu text*/
	color:#072A52; /*color of text on mouse over*/
}

ul#navigation li.selected:hover a.hover {
	background-color:#2180ac; /*color behind the menu text*/
	color:#072A52; /*color of text on mouse over*/
}

/*--drop down menu second-level - this is optional--*/
ul#navigation li.hover, ul#navigation li:hover {
	position:relative;
}
ul#navigation li.hover ul.second-level, ul#navigation li:hover ul.second-level {
	display:block;
}
ul#navigation li.hover ul.second-level ul.third-level, ul#navigation li:hover ul.second-level ul.third-level {
	display:none;
}
ul#navigation ul.second-level {
	position:absolute;
	top:35px; /*how far away from the top menu*/
	left:0;
	margin:0;
	padding:5px;
	width:160px;
	display:none;
	background-color:#2180ac; /*color of the dropdown*/
}
ul#navigation ul.second-level li {
	width:160px;
	margin:0;
}
ul#navigation ul.second-level a {
	display:block;
	float:none;
	width:140px;
	border:none;
	padding:0 10px;
	background:none;
	font:12px/24px Arial, Helvetica, sans-serif; /*font size and line height*/
	color:#FFFFFF;
	border-bottom:1px solid #64a6c5;
	text-transform:capitalize;
}
ul#navigation ul.second-level li.hover a, ul#navigation ul.second-level li:hover a, ul#navigation ul.second-level a:hover {
	color:#FFFFFF;
	background-color:#64a6c5;
}

table#productlist 
{
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 7px;
	line-height:18px;
}

table#productlist tr.selected
{
	background-color:#9FC5D8;
}
		
table#productlist td.productliststyle
{
	font-size:10px;
	font-weight:bold;
}

table#productlist td.selected
{
	background-color:#9FC5D8;
}

table#productlist td a
{
	font-size:12px;
	color:#072A52;
	text-decoration:none;
	vertical-align:baseline;
	padding-left:10px;
	display:inline-block;
}

#content_bg { /*the 2 columns of white*/
    background-image:url(images/content_box_tile.gif);
	background-repeat:repeat-y;
	margin-top:30px;
	margin-top:30px;
}
#content_bg .top {
	width:940px;
	height:5px;
}
#content_bg .bottom {
	width:940px;
	height:5px;
}

#content_bg_1_column { /*only 1 column of white*/
    background-image:url(images/content_box.gif);
	background-repeat:repeat-y;                       
	margin-top:30px;
	margin-top:30px;
}
#content_bg_1_column .top {
	width:940px;
	height:5px;
}
#content_bg_1_column .bottom {
	width:940px;
	height:5px;
}

#right_column {
	float:right;
	width:710px; /*740px minus the padding on left and right*/
	padding: 15px;
	min-height:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#right_column_segment {
	float:right;
	width:720px; /*740px minus the padding on left and right*/
	padding: 0px 14px 5px 5px;
	min-height:200px;
}

#left_column {
	float:left;
	width:180px; /*190px minus the padding on left and right*/
	padding:0px 5px 5px 5px;
}

#whole_column {
	float:left;
	width:930px; 
	padding: 0px 5px 5px 5px; 
	min-height:200px;
}

hr.clear {
	margin-top:10px;
	margin:0px;
	clear:both;
	visibility:hidden;
}
#footer {
	height:70px;
	width:940px;
	margin:0px auto;
	color:#7ba1b3;
	font-size:10px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
}
#footer a, #footer a:link, #footer a:visited {
	color:#7ba1b3;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .right {
	width:450px;
	float:right;
	text-align:right;
}
#footer .left {
	width:400px;
	float:left;
}
/*General Content*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#2180ac;
	font-weight:normal;
	margin-top:0px;
}
h2 {
	color:#06437a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:0px;
	margin-bottom:3px;
	font-weight:normal;
	letter-spacing:1px;
}
h3 {
	color:#a1c7da;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
}
.size11 {
	font-size:11px;
}
.image_border {
	border:1px solid #3b3b3b;
	margin:3px;
	padding:3px;
}
hr {
	border: 0;
	color: #e7e7e7;
	background-color: #e7e7e7;
	height: 1px;
	width: 100%;
	clear:both;
}
/*side bar*/

.top_title {
	width:164px; /*180px minus the padding*/
	height:10px; /*33px minus padding*/
	margin:0px 0px 0px 0px;
	padding:6px 3px 0px 13px;
	background-image:url(images/column_top_title.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.top_title_info {
	width:164px; /*180px minus the padding*/
	height:22px; /*33px minus padding*/
	margin:0px 0px 0px 0px;
	padding: 0px 3px 0px 13px;
	background-image:url(images/column_top_title.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.news_item {
	font-size:14px;
	border-bottom:1px solid #e7e7e7;
	padding:5px;
	margin-bottom:0px;
	color:#072A52;
	background-color: #F1F5F8;	
}
.news_item_no_color {
	font-size:12px;
	border-bottom:1px solid #e7e7e7;
	padding:5px;
	margin-bottom:0px;
	background-color: #F1F5F8;	
}
.news_item p {
	margin:0px;
	padding:0px;
}
.news_title 
{
	font-size:14px;
	color:#2180ac;
	font-weight:bold;
}
.news_title a, .news_title a:link, .news_title a:visited {
	text-decoration:none;
}
.news_title a:hover {
	text-decoration:underline;
}
.quote_box_container {
	width:152px; /*180px minus padding*/
	height:83px; /*107px minus padding*/
	margin:10px 0px;
	background:url(images/box_blue.jpg) no-repeat top;
	padding:10px 14px 14px 14px;
}
.quote_box_container .title {
	font-family:Arial, Helvetica, sans-serif;
	color:#c4de87;
	font-size:18px;
}
.quote_box_container .image {
	float:right;
	width:67px;
	height:64px;
	margin:0px 0px 0px 0px;
}
.quote_box_container .text {
	float:right;
	width:85px;
	font-size:12px;
	padding:5px 0px;
	line-height:normal;
	color:#FFFFFF;
}

.textsmall {
	font-size: 14px;
	padding:5px 0px;
	line-height:normal;
	color:#FFFFFF;
}
.textsmall p {
	padding:0px;
	margin:0px;
}

.textsmall a {
	color:#FFFFFF;
}

.quote_box_container .text p {
	padding:0px;
	margin:0px;
}
.quote_box_container a, .quote_box_container a:visited, .quote_box_container a:link, .quote_box_container a:hover{
	text-decoration: none;
	color:#c4de87;
}

.italic {
	font-style:italic;
}
/*Home Page*/

.service_box_container {
	width:710px;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:5px;
}
.service_box_container .image {
	float:left;
	width:67px;
	height:67px;
	margin:10px 0px 0px 22px;
}
.service_box_container .text {
	float:right;
	width:590px;
	font-size:12px;
	padding:5px 0px;
}
.service_box_container .text p {
	padding:0px;
	margin:0px;
}
/*Services Page*/

.segment_table td {
	padding:3px 8px;
	color:#333333;
	font-size:12px;
	height:20px;
	text-align: left;
}

.segment_table th { /*top row of the table*/
	
	color:#333333;
	font-weight:bold;
	
	/*border:1px solid #333333;*/
	
	height:20px;
	text-align: center;
	background-color:#CBD6DE;
}

.segment_table td.radiobutton, .segment_table th.radiobutton {
	width: 30px;
	/*border-style: none;*/
}

.row1 {
	background-color:#E8F1F7;
}
.row2 {
	background-color:#CBD6DE;
}
ul.ticklist {
	padding:0px 0px 0px 15px; /*indent whole list*/
}
ul.ticklist li {
	list-style:none;
	background-image:url(images/icon_tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px;
	padding-left:25px;
	font-size:11px;
	line-height:normal;
}
/* BEGIN Contact Page*/

.left_details{
float:left;
width:240px;
}

.contact_title{
color:#186c9b;
float:left;
width:100px;
font-weight:bold;
}

.contact_detail{
float:left;
width:130px;
clear:right;
}

.forms {
	background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
	border:1px solid #c8cdd2 !important;
	margin:3px 0px;
	padding:4px;
}

.blue{
color:#186c9b;
}

#contact{
border:0;
}
#contact label{
float:left;
width:143px;
margin-right:15px;
clear:left;
color:#186c9b;

text-align:right;
height:32px;
font-weight:bold;

}
#contact input,
#contact textarea{
margin-right:40px;
}
#contact #submit{
clear:left;
margin-left:95px;
}
#contact td{
vertical-align:top;
}

/* END Contact Page*/

/* BEGIN Common Form*/

#commonform fieldset 
{
	border:1px solid #186c9b;
	color:#186c9b;
	background-color:#F1F5F8;
	padding: 15px 20px;
}

#commonform legend {
	font-weight:bold;
	font-size:1em;
	color:#186c9b;
	padding: 3px 15px 0 15px;	
}


#commonform hr
{
	color:#186c9b;
	background-color:#186c9b;
}

#commonform table td{
	width: 250px;
}

#commonform .label, input[type="checkbox"] {
color:#333333;
vertical-align:bottom;
font-size: 12px;
margin-right:5px;
}

#commonform .labelReq {
color:#186c9b;
vertical-align:bottom;
font-size: 12px;
font-weight:bold;
}

#commonform .inputText {
	width: 160px;
	font-size: 12px;
	vertical-align: top;
	float: left;
}

#commonform .inputTextLong {
	width: 210px;
	font-size: 12px;
	vertical-align: top;
	float: left;
}

#commonform .inputTextDoubleLong {
	width: 430px;
	font-size: 12px;
	vertical-align: top;
	float: left;
}

#commonform .inputTextShort {
	width: 80px;
	font-size: 12px;
	vertical-align: top;
	float: left;
}

#commonform .checkbox {	
	margin:12px 0;
	width:60%;
	color:#186c9b;
	}
	
#commonform .checkbox input {	
	}

/* END Common Form*/

/* BEGIN segments*/
.segment_wrapper
{
	width:728px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:0px;
	margin-right: 10px;
	color:#333333;
	background-color: #F1F5F8;
}

.segment_title {
	width:720px; 
	height:22px; 
	margin: 0px 0px 0px 0px;
	padding:0px 3px 0px 5px;
	background-image:url(images/segment_title1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.segment_text {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_get {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_select {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_offer {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_owu {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_actions {
	width:710px; 
	margin: 0px 0px 0px 10px;
}
.segment_actions input.actionbutton{
	font-size:12px;
}
/* END segments*/

/* BEGIN messages, errors, warnings */

.info, .success, .warning, .error, .errorSegment, .errorSegmentList, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(Images/info.png);
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(Images/success.png);
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(Images/warning.png);
}
.error {
    color: #D8000C;
    background-color: #FBE3E4;
    background-image: url(Images/error.png);
}
.errorSegment 
{
	padding: 10px 5px 10px 60px;
    color: #D8000C;
    background-color: #FBE3E4;
    background-image: url(Images/error.png);
}
.errorSegmentList
{
	padding: 0px 5px 0px 60px;
    color: #D8000C;
    background-color: #FBE3E4;
    background-image: url(Images/error.png);
}
.container
{
}
.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
.container img {
    border: none;
}

.summaryvalidator{
	background: #FBE3E4 url(Images/error1.png) no-repeat 10px 50%;
	border: 0px solid #dc1919;
	color: #dc1919;
	padding: 0px 50px;	
}

.infobox {
    color: #155724;
    background-color: #d4edda;
    padding: 10px;
    margin-bottom: 5px;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

/* validation 
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(Images/error.png);
}
.validation ul
{
	padding: 0px 30px;
}
*/
/* END messages, errors, warnings */


.fancy .ajax__tab_header 
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer,
.fancy .ajax__tab_header .ajax__tab_outer,
.fancy .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.fancy .ajax__tab_active .ajax__tab_inner,
.fancy .ajax__tab_header .ajax__tab_inner,
.fancy .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab,
.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
}
.fancy .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

.fancy-blue .ajax__tab_header 
{
    background:url(images/blue_bg.gif) repeat-x;
}
.fancy-blue .ajax__tab_hover .ajax__tab_outer,
.fancy-blue .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/blue_left.gif) no-repeat left top;
}
.fancy-blue .ajax__tab_hover .ajax__tab_inner,
.fancy-blue .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/blue_right.gif) no-repeat right top;
}

.ta-c
{
    text-align: center;    
}

.show--more {
    text-decoration: underline;
    cursor: pointer;
    color:#000;
}