/*
++++++++++++++++++++++++++++++++++++++++
DEFAULTS
++++++++++++++++++++++++++++++++++++++++
*/

@charset "UTF-8";
*{
	margin:0;
	padding:0;
}

body  {
	font: 75% Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #464545;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}

/*
++++++++++++++++++++++++++++++++++++++++
LINKS
++++++++++++++++++++++++++++++++++++++++
*/

a, a:link, a:active, a:hover, a:visited{
	color: #019E59;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#container #header #telephone a,#container #header #telephone a:link,#container #header #telephone a:active,#container #header #telephone a:hover,#container #header #telephone a:visited{
	font-weight: normal;
	color: #0B4D92;
}

a img{
	border: 2px solid #D5D5D5;
}

a:hover img, a.selected img{
	border: 2px solid #7597BF;
}

.home .welcome a{
	color: #464545;
	font-weight:bold;
}

/*
++++++++++++++++++++++++++++++++++++++++
TEXT (headings, p)
++++++++++++++++++++++++++++++++++++++++
*/

/* headings
---------------------------------------*/

h1{
	color:#264A76;
	font-weight:normal;
	font-size:2.4em;
	margin: 5px 0;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h2{
	color:#264A76;
	font-weight:normal;
	font-size:1.5em;
	margin: 3px 0;
}

h3{ /* used for sidebar headings */
	display:block;
	padding:25px 16px 8px 16px;
	margin:0;
	background-color:#DADADA;
	color:#3466A3;
	font-weight:normal;
	font-size:1.8em;
	background-image: url(../images/bg_h3.gif);
	background-position: top left;
	background-repeat:repeat-x;
}

h3.morelink{
	padding-top:0;
	padding-bottom:0;
	background-color:transparent;
	font-weight:bold;
	font-size:1.6em;
}



h4{
	font-size:1.2em;
	margin:0;
	padding:0;
	margin-bottom:4px;
}

h5{ /* used for sidebar sub-headings */
	display:block;
	padding:8px 16px 8px 16px;
	background-color:#FFF;
	color:#3466A3;
	font-weight:normal;
	font-size:1.8em;
	margin:0;
}


/* end headings
---------------------------------------*/

/* text
---------------------------------------*/

p{
	margin:0;
	padding:0;
	margin-bottom:7px;
	line-height: 1.3em;
}

p.caption {
	margin-top:5px;
}

.repeat p{ /* smaller paragraph spacing in the repeating regions */
	margin-bottom: 5px;
}

/* end text
---------------------------------------*/

/*
++++++++++++++++++++++++++++++++++++++++
LISTS (generic <ul> style)
++++++++++++++++++++++++++++++++++++++++
*/

ul{
	padding:10px;
	list-style:none;
	list-style-type:none;
	margin: 15px;
}

ul li{
	background-image:url(../images/bg_more_arrow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
	
	margin-bottom:5px;
	list-style:none;
	list-style-type:none;
}

ul.pagination {
	margin:0px;
	padding:3px 0px;
}

ul.pagination li {
	background-image:none;
	padding:3px 7px;
	margin:0px;
	float:left;
	border-right:1px solid #CCC;
	font-weight:bold;
}
ul.pagination li.last {
	border:0px;
}
ul.pagination li a {
	font-weight:normal;
}

#gallerybox li{
	display:block;
	float:left;
	width:35%;
	padding:0 7%;
	margin:2px 0 5px 0;
	height:25px;
	border-bottom:1px dotted #DDDDDD;
}

#location_list {
	width:98%;
	float:left;
	margin-top:0;
	margin-left:10px;
}

#location_browser {
	/*height:150px;*/
	padding:40px 0px 0px 10px;
}

#location_browser select {
	font-size:1.3em;
}

#location_list h3,#headofficebox h3 {
	background-image:none;
	background-color:transparent;
	padding:0px;
}

#location_list h3 {
	margin-top:10px;
	border-bottom:1px solid #DDD;
}
#location_list h4 {
	margin-top:10px;
}

.item_text {
	float:left;
	width:50%;
}

#headofficebox
{
	width:325px;
	margin-right:10px;
	margin-top:60px;
}

.office_group {
	float:left;
	clear:both;
	width:100%;
}
.office_column {
	float:left;
	width:48%;
	margin-right:10px;
}

.distrib {
	width:55%;
}

.regional {
	width:35%;
}

.office_column .item_panel {
	width:100%;
}

.item_panel p.description {
	border:1px solid #DDD;
	background-color:#ddd;
	padding:3px;
}

#gallerybox ul{
	padding:0px;
	width:300px;
}
#news_archives h3 {
	font-size:16px;
	padding:0px;
	margin:50px 0px 0px 0px;
}
#news_archives ul.taglist{
	margin-top:7px;
	padding-left:0px;
	list-style:none;
	float:none;
	padding-top:0px;
}
#news_archives ul.taglist li{
	float:none;
	margin-bottom:0px;
	padding-left:0px;
	background-image:none;
}

#news_archives  panel_children{
	background-image:none;
	padding-left:7px;
	margin-bottom:5px;
	float:left;
}

/* #nav
---------------------------------------*/

#nav {
	padding:0;
	margin:0;
	width:auto;
	position:absolute;
	top:-7px;
	left:0;
	list-style:none;
	list-style-type:none;
	height:68px;
	float:left;
	z-index:1000;
}

#nav ul, #nav li{/* clear bullet points */
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
	height:auto;
	background-image:none;
}

#nav li.level0{
	float:left;
	margin-right:25px;
	z-index:100;
}
#nav li.level0 a{/* all links in nav, default style */
	padding:18px 0 15px 15px;
	height:18px;
	display:block;
	margin:0;
	color:#fff;
	font-weight:bold;	
	text-decoration:none;
	width:auto;
	top:0;
	left:0;
}
#nav li.level0 a:hover,
#nav li.level0.selected a,
#nav li.level0.selected a:hover{/* top level selected link */
	color:#FFF;
	background-image:url(../images/selected_green_left.png);
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
	/*z-index:240;*/
}
#nav li.level0 a:hover,
#nav li.level0:hover a,
#nav li.level0:hover a:hover{/* top level selected link */
	background-image:url(../images/selected_left.png);
	background-position:left center;
}
#nav li.level0.selected a span,
#nav li.level0 a:hover span{
	display:block;
	width:15px;
	height:50px;
	position:relative;
	top:-32px;
	left:100%;
	background-image:url(../images/selected_green_right.png);
	background-repeat:no-repeat;
	background-position:right center;
	z-index:0;
}
#nav li.level0:hover a span,
#nav li.level0 a:hover span{
	background-image:url(../images/selected_right.png);
	display:block;
	width:15px;
	height:50px;
	position:relative;
	top:-32px;
	left:100%;
	background-repeat:no-repeat;
	background-position:right center;
	z-index:-10;
}
#nav li.level0.selected span.base,
#nav li.level0:hover span.base{
	display:block;
	position:relative;
	background:none;
	width:110%;
	height:5px;
	left:4px;
	bottom:8px;
	background-image:url(../images/selected_green_left.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	z-index:250;
}
#nav li.level0:hover span.base{
	background-image:url(../images/selected_left.png);
}
#nav li.level0 ul{/* wide sub menu */
	position:absolute;
	display:none;
	width:952px;
	padding:10px;
	overflow:visible;
	left:0;
	top:43px;
	background-image:url(../images/dropdown_bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
}
#nav li.level1{
	display: inline;
	float:left;
	padding:0;
	width:20%;
}
#nav li.level0 li.level1 a,
#nav li.level0:hover li.level1 a,
#nav li.level0.selected li.level1 a{
	background:none;
	border-bottom:#80ADD7 solid 1px;
	height:auto;
	padding:0 20px 0.5em 0;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:none;
	text-decoration:none;
}
#nav li.level0.selected li.level1 a span,
#nav li.level0 li.level1 a:hover span,
#nav li.level0.selected li.level1 a span,
#nav li.level0:hover li.level1 a span{
	display:none;
	width:0px;
	height:0px;
	position:relative;
	top:0;
	left:0;
	background:none;
}
#nav li.level0 li.level1 a.view_all{
	font-size:12px;
	font-weight:normal;
	border-bottom:none;
	padding-top: 0.5em;
	padding-bottom:2em;
	padding-left:0.5em;
	background:none;
}
#nav li.level1 ul{
	width:90%;
	position:relative;
	background:none;
	height:auto;
	padding:0;
	top:0;
	left:0;
	/*border-top:#5F71A1 1px solid;*/
	margin-bottom:0.5em;
	display:block;
}
#nav li.level0 li.level1 li.level2{
	position:relative;
}
#nav li.level0 li.level1 li.level2 a{
	font-size:12px;
	font-weight:normal;
	background:none;
	border-bottom-color:#5F71A1;
	padding:0.5em 0;
	padding-left:0.5em;
	position:relative;
	top:0;
	left:0;
	text-decoration:none;
}
#nav li.level0 li.level1 li.level2 a:hover,
#nav li.level0 li.level1 li.level2:hover a{
	background-image:url(../images/mouseover_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#08A761;
	position:relative;
	top:0;
	left:0;
	text-decoration:none;
	border-bottom-color:#53CB98;
}
#nav li.level0 li.level1 li.level2 a:hover span,
#nav li.level0 li.level1 li.level2:hover a span{
	background-image:url(../images/mouseover_arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:100%;
	display:block;
	height:100%;
	width:15px;
	z-index:11000;
}
#nav li.level0 li.level1 li.level2 ul{
	position:absolute;
	background:#fff;
	height:auto;
	padding:0;
	top:0;
	left:100%;
	border:#80ADD7 2px solid;
	display:none;
	width:120%;
}
#nav li.level2{
	display:list-item;
	float:none;
}
#nav li.level0 li.level1 li.level2 li.level3{
	position:relative;
	
}
#nav li.level0 li.level1 li.level2 li.level3 a{
	color:#666666;
	border-bottom-color:#666666;/**/
	padding-left:1em;
	padding-right:1em;
	position:relative;
	text-decoration:none;
	background-color:#fff;
}
#nav li.level0 li.level1 li.level2 li.level3 a:hover,
#nav li.level0 li.level1 li.level2:hover li.level3 a{
	background-image:none;
}
#nav li.level0 li.level1 li.level2 li.level3 a:hover span,
#nav li.level0 li.level1 li.level2:hover li.level3 a span{
	display:none;
}
#nav li.level0 li.level1 li.level2 li.level3 a:hover{
	color:#203168;
}
/*#nav ul ul ul{
	display:hidden;
}*/

/*#nav li ul li a:hover,
#nav li ul li.selected a,
#nav li.selected a:hover{
	background-image:none;
}*/
/*#nav li a span{/* top level selected link arrow style */
	/*display:none;*/
/*}*/
/*#nav li.selected ul li a:hover{/* 2nd level menu, hover style 
	color:#BCE6D3;
	background-color:#1AA869;
}*/

/*#nav li.selected ul li.selected a,
#nav li.selected ul li.selected a:hover{/* 2nd level menu, style if selected 
	color:#FFF;
	background-color:#017A45;
}*/

/*#nav li.selected ul li.selected ul li a{/* 3rd level menu, default style 
	font-size:0.9em;
	letter-spacing:normal;
	font-weight:normal;
}*/

/*#nav li.selected ul li.selected ul li a:hover{/* 3rd level menu, hover style 	color:#74B698;
	background-color:#C3E8D7;
}*/


/*#nav li.selected ul li.selected ul li.selected a,
#nav li.selected ul li.selected ul li.selected a:hover{/* 3rd level menu, style if selected 
	color:#000;
	font-weight:bold;
}*/


/* end #nav
---------------------------------------*/
/* #side_nav
---------------------------------------*/
#side_nav{
	float:left;
	width: 190px;
	background-color:#EDF3F9;
	margin: 18px;
	margin-right:0;
	height:100%;
	padding-left:0;
	padding-right:0;
}
#side_nav li{
	list-style:none;
	background:none;
	border-bottom: dotted 1px #77A3CA;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#side_nav ul{
	padding:0;
	margin:0;
	margin-top:0.25em;
	display:none;
}
#side_nav li a.view_all{
	display:none;
	padding:0;
}
#side_nav li li.level1{
	border-bottom:none;
	padding:0;
	padding-top:0.25em;
	padding-bottom:0.25em;
}
#side_nav li a{
	color:#666666;
}

/* end #side_nav
---------------------------------------*/

/* .related
---------------------------------------*/

.related ul{
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
}

.related li{
	display:block;
	background-color:#E3E3E3;
	margin:5px auto 0 auto;
	padding:7px 7px 0 7px;
	background-image:none;
	min-height:54px;
	_height:54px;
}

.related li img{
	float: left;
	width:43px;
	height:43px;
	margin:0;
	padding:0;
}

.related p{
	padding-left: 50px;
	margin: 10px 0 0 0;
}

.related a,
.related a:visited,
.related a:link,
.related a:active{
	color: #264A76;
}

.related a:hover{
	text-decoration:underline;
}

/* end .related
---------------------------------------*/
/* .switcher
---------------------------------------*/

ul.switcher{
	display:block;
	background-color:#DADADA;
	font-size:1.3em;
	min-height:29px;
	_height:29px;
	padding:0;
	margin:0;
	list-style:none;
	list-style-type:none;
	font-weight:bold;
	overflow:hidden;
	position:relative;
}

ul.switcher li{
	list-style:none;
	list-style-type:none;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	background-image:none;
}

ul.switcher li a{
	text-align:center;
	position:relative;
	display:block;
	width:115px;
	padding:6px 8px 2px 8px;
	margin-right:16px;
	min-height:21px;
	_height:21px;
}

ul.switcher li a span{
	display:block;
	position:absolute;
	width:15px;
	height:29px;
	background-position:top left;
	background-repeat:no-repeat;
	top:0;	
}

ul.switcher span.left{
	left:-15px;
	background-position: -15px 0;
}

ul.switcher span.right{
	right:-15px;
	background-position: 0 0;
}

/* switcher colour variants */

ul.switcher li.switcher_C5 a{background-color:#C5C5C5;}
ul.switcher li.switcher_C5 a span{background-image:url(../images/bg_switcher_C5.gif);}

ul.switcher li.switcher_99 a{background-color:#999999;}
ul.switcher li.switcher_99 a span{background-image:url(../images/bg_switcher_99.gif);}

ul.switcher li.switcher_AD a{background-color:#ADADAD;}
ul.switcher li.switcher_AD a span{background-image:url(../images/bg_switcher_AD.gif);}

ul.switcher li.switcher_DA a{background-color:#DADADA;}
/*ul.switcher li.switcher_DA a span{background-image:url(../images/bg_switcher_DA.gif);}*/

ul.switcher li.selected a,
ul.switcher li.selected a:hover
{
	color: #FFF;
	background-color:#0B4D92;
	text-decoration:none;
}

ul.switcher li.selected a span{
	background-image:url(../images/bg_switcher_selected.gif);
}


/* end .switcher
---------------------------------------*/
/* .breadcrumbs
---------------------------------------*/

#breadcrumbs {
	margin: 3px 0 0px 0px;
	background-color:white;
	border-bottom: dotted 1px #ccc;
	padding:0.75em 1em 0.75em;
	color: #999999;
}

ul.breadcrumbs{
	list-style:none;
	list-style-type:none;
	padding:0;
	margin: 0;
	text-align:left;
}

ul.breadcrumbs li{
	display:inline;
	margin:0;
	padding:0;
	background-image:none;
}

/* end .breadcrumbs
---------------------------------------*/

#gallerybox
{
	width:325px;
	margin-right:10px;
}

div.clear {
	float:left;
	clear:both;
}



#news_archives
{
	width:200px;
	margin-right:10px;
	margin-top:12px;
}
#news_archives h3
{
	background-image:none;
	background-color:transparent;
	padding:0px;
	margin:0;
}

/* #promo
box .tabs ul
---------------------------------------*/

#promobox .tabs ul {
	list-style:none;
	list-style-type:none;
	font-size:1em;
	padding:0;
	margin: 0;
	margin-top:15px;
	text-align:center;
	width:452px;
	background-color:#254A76;
}

#promobox .tabs ul li {
	list-style:none;
	list-style-type:none;
	display:block;
	width:113px;
	min-height:32px;
	_height:32px;
	margin:0;
	padding:0;
	background-color:#254a76;
	background-image:none;
	color:#FFF;
	float:left;
}

#promobox .tabs ul li a,
#promobox .tabs ul li a:visited{
	display:block;
	width:90%;
	padding:5px 5%;
	margin:0;
	min-height:22px;
	_height:22px;
	text-align:center;
	color:#FFF;
}

#promobox .tabs ul li a:hover{
	background-color:#009F59;
	text-decoration:none;
}

#promobox .tabs ul li.tab_1{background-color:#1D2D44;}
#promobox .tabs ul li.tab_2{background-color:#2A4563;}
#promobox .tabs ul li.tab_3{background-color:#395A85;}
#promobox .tabs ul li.tab_4{background-color:#4870A1;}
#promobox .tabs ul li.tab_5{background-color:#6c8cb3;}


/* end  #promobox .tabs ul
---------------------------------------*/

/* .image_list
---------------------------------------*/

ul.image_list{
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:15px 15px 15px 18px;
}

ul.image_list li{
	display:inline;
	background-image:none;
	padding:0;
	margin:0;
}


/* end .image_list
---------------------------------------*/

/* #footer ul
---------------------------------------*/

#footer ul {
	text-align: right;
	list-style-type: none;
	margin:0;
	padding-top: 10px;
	padding-right: 20px;
}
#footer li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0B4D92;
	margin:0;
	padding:0 5px;
	background-image:none;
}
#footer li.last {
	border-right-style: none;
	padding-right: 0px;
}

/* end #footer ul
---------------------------------------*/

/*
++++++++++++++++++++++++++++++++++++++++
LAYOUT (by ID)
++++++++++++++++++++++++++++++++++++++++
*/

#container { 
	width: 973px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 3em; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
} 
#header {
	height: 90px;
	padding:10px;
	overflow:hidden;
} 
#header #telephone {
	clear: right;
	color: #264A76;
	padding-right: 20px;
	margin-top: 15px;
	font-size: 1.2em;
}

#header .contacts {
	list-style:none;
	width:495px;
	padding:0px;
	margin:10px 0px;
	clear:right;
	white-space:nowrap;
	overflow:auto;
}
#header .contacts li {
	background-image:none;
	font-size:12px;
	float:left;
	width:150px;
	padding:1px 0px 1px 10px;
	margin:0px;
	color:#004c93;
	text-align:left;
	border-right:1px solid #004c93;
}
#header .contacts li.top {
	padding-top:0.5em;
}
#header .contacts li.first {
	padding-left:0;
}
#header .contacts li.bottom {
	padding-bottom:0.5em;
}
#header .contacts li.last {
	border:0px;
	padding-right:0;
}


#logo{
	padding-top: 20px;
	background-repeat: no-repeat;
	padding-left: 6px;
}

#header h2{
margin:0;
padding:0;
}




#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-right: 15px;
	margin-right:0;
	padding: 0; /* padding keeps the content of the div away from the edges */
	background-color:#F1F1F1;
	position:relative;
}

/* #right_content
---------------------------------------*/

#right_content{
	margin:0;
	float:left;
	background-color:white;
	width:100%;
	/* width:788px; Changed from 758 when homepage template was built */
	
}	

/* #top_section
---------------------------------------*/

#top_section{
	margin:0;
	padding: 10px 0 15px 10px;
	float:right;
	width:750px;
}
#top_section.home{
	width:auto;
	padding-left:18px;
	padding-right:18px;
}
#top_section.map{
	background-image:url(/images/location_bg.gif);
	background-repeat:no-repeat;
	background-position: 15px 50px;
}

/* #main_section
---------------------------------------*/

#main_section{
	background-color:#FFF;
	margin:0;
	padding: 0 0 0 10px;
	background-image:url(../images/bg_main_section.gif);
	background-position:top left;
	background-repeat:repeat-x;
	float:left;
	/*width:773px;*/
}


/* end #main_section
---------------------------------------*/

#subHeader{
	background-color:none;
	background-image: url(../images/bg_nav.jpg);
	background-repeat:repeat-x;
	background-position:center left;
	/*height:30px;*/
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	z-index:1000;
}
#header_column{
	width:525px;
}
#message{
	padding-top:8px;
	/*padding-left:200px;*/
	text-align:left;
}

#login{
	padding:5px 10px 5px 10px;
	margin-right:0;
	text-align:left;
	background-color:#d1dcec;
	font-weight:bold;
	border:1px solid #598fc1;
	margin-top:1px;
	width:220px;
	float:left;
	/*position:relative;
	z-index:9999999999;*/
}
#login table{
	margin:0;
}
#login table td{
	padding:3px;
	padding-left:0;
	vertical-align: middle;
}

#login span.login{
	position:relative;
	#margin-right:5px;
	_margin-right:5px;
}

#login #login_box{
	padding:20px 10px;
	display:block;
	width: 220px;
	height:110px;
	position:absolute;
	/*top:100%;
	left:0;*/
	background-color:#EEE;
	border:1px solid #CCCCCC;
	z-index:9999999999;
	margin-top:10px;
	margin-left: -11px;
	visibility:hidden;
}

.right_sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 320px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
}

#main_section .right_sidebar{
	background-color:#F1F1F1;
}

#mainContent { 
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.content_region { 
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	margin-left:10px;
	/*width:590px;445px*/
	margin-left:-1px;
}

#top_section .content_region { 
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*width: 440px;*/
	margin-left:10px;
}
#top_section .content_region_thin { 
	width: 400px;
	margin-left:10px;
}
#top_section .content_region_med { 
	width: 530px;
	margin-left:10px;
}
#top_section .content_region_full {
	margin-left:10px;
}

#subColumns{
	background-color:#F1F1F1;
	margin-bottom:0;
}

#slideshow_container,#slideshow_container img{
	display:block;
	overflow:hidden;
	width:325px;
	height:259px;
}

#slideshow_container{
	margin:15px 0;
	width:320px;
	height:240px;
	border: 2px solid #D5D5D5;
}

#headings{
	border-bottom: 1px solid #B4BFCC;
	padding:1em 0 0;
	/*padding-bottom:0em;*/
}
#headings h3{
	background-image:none;
	background:none;
	padding:0;
	font-weight:normal;
	font-size:18px;
}
#footer {
	background-image: url(../images/footer_left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #E8EEF5;
	padding-top: 0;
	padding-bottom: 0;
	margin:0;
	border-top:10px solid #FFF;
} 
#footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	background-image: url(../images/footer_right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#container #footer a,#container #footer a:link,#container #footer a:active,#container #footer a:hover,#container #footer a:visited {
	color: #0B4D92;
	font-weight: normal;
}

/*
++++++++++++++++++++++++++++++++++++++++
PROMOBOX
++++++++++++++++++++++++++++++++++++++++
*/

#promobox .textarea{
	clear:left;
	display:block;
	width:452px;
	height: 235px;
	background-color:#254A76;
	position:relative;
}

#promobox h2, #promobox p{
	color:#CDD7E1;
}

#promobox h4{
	font-size:1.5em;
}

#promobox p{
	padding-right:25px;
	font-size:1.2em;
}

#promobox .progress{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	height:5px;
	border:none;
	background-color:#099C56;
	width:1%;
	top:0;
	left:0;
	font-size:1px;
	line-height:1px;
}

#promobox .info{
	margin: 5px 0 0 0;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:15px;
	min-height:200px;
	_height:200px;
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}

#promobox .text{
	padding-left:150px;
	text-align:right;
}

#info_1{background-image:url(../images/promobox/static_elimination.jpg);}
#info_2{background-image:url(../images/promobox/air_technology.jpg);}
#info_3{background-image:url(../images/promobox/surface_cleaning.jpg);}
#info_4{background-image:url(../images/promobox/jetstream.jpg);}
#info_5{background-image:url(../images/promobox/speeddri.jpg);}
#info_6{background-image:url(../images/promobox/ionrinse.jpg);}



/*
++++++++++++++++++++++++++++++++++++++++
TABLES
++++++++++++++++++++++++++++++++++++++++
*/

table{
	margin:10px;
	text-align:left;
}

table th{
	color: #0B4D92;
	background-color: #C4C4C4;
	font-weight:bold;
	font-size: 1.3em;
	padding:10px;
}

table td{
	padding:10px;
	vertical-align:top;
}

table tr.odd td{
	background-color:none;
}

table tr.even td{
	background-color:#DADADA;
}

table td.arrow{
	width:190px;
	color:#0B4D92;
	background-image:url(../images/bg_table_arrow.gif);
	background-position: top right;
	background-repeat:no-repeat;
	padding-right: 15px;
}
table.documentation_list {
	padding-bottom:10px;
}
table.documentation_list img {
	float:left;
}
table.documentation_list p {
	float:left;
	margin:10px 0px 0px 7px;
	font-size:15px;
	font-weight:bold;
}
#pdfImages{
	display:none;
}
/*
++++++++++++++++++++++++++++++++++++++++
FORMS
++++++++++++++++++++++++++++++++++++++++
*/

/* #search form (search bar in header)
---------------------------------------*/

#search_bar{
	width:177px;
	height:24px;
	margin: 0px;
	border:2px solid #a2c2e2;
	overflow:hidden;
	background-color:white;
	float:left;
	position:relative;
	margin-right:5px;
	clear:left;
}

#search{
	width:177px;
}

#search input.textbox{
	border:none;
	background-image:none;
	color:#999999;
	background-color:#FFF;
	display:block;
	padding:6px 2px 0 2px;
	width:140px;
	height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#search input.button{
	position:absolute;
	top:2px;
	right:0;
	display:block;
	overflow:hidden;
	margin:0;
	padding:5px 11px;
	border-left:2px solid #a2c2e2;
	
}

#login_box input.textbox{
	border:1px solid #999999;
	background-image:none;
	color:#666666;
	background-color:#FFF;
	display:block;
	padding:3px 2px 3px 2px;
	width:145px;
	height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
}

#login_box input.textbox:focus, #login_box input.focus{
	border:2px solid #019e59;
}

input.submit{
	background-color: #019e59;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	border:none;
	padding:0 1em;
}

/*
SYSTEM FORM ELEMENTS
------------------------------*/
.contactForm{
	/*width:290px;*/
	padding:5px;
	border-top:1px solid #CCC;
	overflow:auto;
}
.formContainer{
	overflow:auto;
}
.formRow{
	clear:left;
	padding-top:5px;
}
.formCell.hidden{display:none;}
.formCell{
	display:block;
	float:left;
}

.formCell.label{
	width:140px;
	clear:right;
	height:auto!important;
	height:30px;
	min-height:30px;
}

.formCell.input{
	width:300px;
	float:left;
}

.formCell .textBox,
.formCell textarea{
	width: 290px;
	padding:5px;
	border:2px solid #A2C2E2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

.formCell .textBox:focus,
.formCell textarea:focus{
	border:2px solid #CDCDCD;
	color:#000;
}

label.error{
	display:block;
	width: 290px;
	padding:5px;
	border:1px solid #FF0000;
	
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:5px;
	background:#FFBFB9;
}

.contactForm button{
	background: #EEE;
	width:100px;
	border:1px solid #999;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	clear:right;
	float:left;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}
.contactForm .button{
	clear:left;
}

.contactForm button:focus{
	outline:none;
	outline:hidden;
	border-color:#333;
}

/*
++++++++++++++++++++++++++++++++++++++++
CLASSES
++++++++++++++++++++++++++++++++++++++++
*/

/* .drop_down
---------------------------------------*/

.short_text {
	clear:left;
	width:60%;
}
.drop_down#cat_select {
	width:250px;
	position:relative;
	/*float:left;*/
	left:0px;
	top: 0px;
	float:none;
	display:block;
	clear:left;
	z-index:0;
}

.drop_down#cat_select .drop {
	
	width: 250px;
}
.drop_down{
	margin:4px;
	padding:0 26px 0 0;
	width: 153px;
	height:24px;
	background-color:#FFF;
	border:2px solid #a2c2e2;
	position:relative;
}

.drop_down a.drop_button{
	position:absolute;
	top:2px;
	right:0;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
	background-image:url(../images/dropdownArrow.gif);
	background-position:center;
	background-repeat: no-repeat;
	border-left:2px solid #a2c2e2;
	width:25px;
	height:18px;
}

.drop_down a.drop_button:hover {
	background-color:#a8c4dd;
}

.drop_down a.drop_button span{
	display:none;
}

.drop_down .drop{
	position:absolute;
	top: 100%;
	left:-1px;
	display:block;
	width: 153px;
	min-height:20px;
	_height:20px;
	background-color:#FFF;
	z-index:10;
	border:1px solid #D1DFED;
	border-top:none;
}

.drop_down .drop ul{
	padding:0;
	margin:0;
	padding-bottom:2px;
}

.drop_down#cat_select .drop ul li {
	width:250px;
	padding-left:0px;
}
.drop_down#cat_select .drop ul li a{
	padding-left:6px;
	width:244px;
}

.drop_down .drop ul li{
	background-image:none;
	display:block;
	padding:0;
	margin:0;
	position:relative;
	text-align:left;
	width:120px;
	height: 24px;
}

.drop_down .drop li img{
position:absolute;
left:2px;
top:3px;
}

.drop_down .drop li a{
	text-decoration:none;
	color:#999999;
	background-color:#FFF;
	display:block;
	padding:6px 2px 0 30px;
	width:120px;
	height: 18px;
	border-top:1px solid #E7E7E7;
} 

.drop_down .drop li a:hover{
	background-color:#83D1AC;
	color:#FFF;
}

.drop_down .current{
	position:relative;
	display:block;
	padding:6px 2px 0 30px;
	width:120px;
	height: 18px;
}
.drop_down#cat_select .current{
	position:relative;
	display:block;
	padding:6px 2px 0 6px;
	width:250px;
	height: 18px;
}

.drop_down .current img{
position:absolute;
left:2px;
top:3px;
}

/* News/events/search listings 
---------------------------------------*/

div.news_item {
	border-top:1px solid #DDD;
	padding:7px;
	margin-bottom:2px;
	float:left;
	clear:left;
	min-width:500px !important;
	width:auto !important;
	width:500px;
}
div.news_item h2 {
	border-bottom:1px solid #eee;
	margin-bottom:7px;
}

p.pagination {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px;
}

p.item_info {
	font-size:11px;
	margin-bottom:5px;
}

div.central_column h3 {
	
}


/* .info_img
---------------------------------------*/

.info_img{
	width: 175px;
	float:left;
	padding:0;
	margin:0px 10px 10px 0px;
}
.info_img img.pdfImage{
	display:none;
}

/* application/product panels */

div.item_panel {
	width:45%;
	float:left;
	margin-right:20px;
}
div.wide {
	width:90%;
	float:left;
	margin-right:20px;
}

div.item_panel div.panel_text {
	float:left;
	width:50%;
}

div.item_panel h4 {
	font-size:1.8em;
	font-weight:normal;
	color: #019E59;
}
div.panel_row {
	float:left;
	width:100%;
	background-image:url(/images/panel-div.png);
	background-repeat:no-repeat;
	background-position:45% 0%;
}

div.item_panel ul.panel_children {
	float:left;
	width:45%;
	margin:0px 0px 0px 10px;;
	padding:0px;
	list-style-type:square;
}
div.item_panel ul.panel_children li {
	background-image:none;
	margin:0px 0px 0px 15px;
	padding:0px;
	color: #019E59;
	list-style-type:square;
}
div.panel_separator {
	width:97%;
	float:none;
	clear:both;
	border-bottom:1px solid #DDD;
	padding:10px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

/* .related
---------------------------------------*/

.related{ /* class for related items */
	
	width:260px;
	padding:10px;
	background-color:#D4D4D4;
	background-image:url(../images/bg_related.gif);
	background-repeat:repeat-y;
	background-position:top left;
	margin:15px auto 0 auto;
	position:relative;
}

.related span.top,
.related span.bottom{
	position:absolute;
	display:block;
	width:280px;
	height:5px;
	background-position:top left;
	background-repeat:no-repeat;
	left:0;
}

.related span.top{
	background-image:url(../images/bg_related_top.gif);
	top:0;
}

.related span.bottom{
	background-image:url(../images/bg_related_bottom.gif);
	bottom:0;
	_bottom:-15px;
}


.featured_info{
	padding:5px 15px;
	border-right:1px solid #999999;
	float:left;
	width:270px;
	margin-bottom:15px;
}

.featured_browse{
	padding-top:15px;
}


.repeat{ /* class for repeating region divs, applies margin to inset from parent and bottom border */
	margin: 10px;
	border-bottom:1px solid #B4BFCC;
	padding: 0 0 5px 0;
}

.download{
	padding-left: 40px;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(../images/bg_pdf.gif);
	padding-top:0;
}
p#downloadPDF{
	margin-bottom: 0.75em;
}
p#downloadPDF span{
	background-position:center right;
	background-repeat:no-repeat;
	background-image:url(../images/bg_pdf_download.gif);
	/*display:block;*/
	width:auto;
	padding:0.25em 2.5em 0.25em 0.5em;
	border: 1px solid #3466A3;
}

.breakout{
	background-color:#F1F1F1;
	margin-top:10px;
}

.morelink{ /* aligns link right and adds arrow and right padding */
	padding-right: 15px;
	margin: 5px 0;
	text-align:right;
	background-image:url(../images/bg_more_arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	display:block;
	margin-right:10px;
}

#promobox .morelink{
	background-image:url(../images/bg_more_arrow_blue.gif);
}

.repeat .morelink{
	margin-right:0;
}


#bottom {
	float:left;
	width:100%;
	margin-top:10px;
}
.colLeft{ /* Helpful for 3 column layout. Can be reused */
	float:left;
	width:440px;
	/*margin-right:15px;*/
	margin-left:10px;
	padding-left:10px;
	padding-right:20px;
}

.colMid { /* Div class for middle column */
float:left;
width: 210px;/**/
}
.colMid .repeat,.colLeft .repeat{
	margin-left: 0;
	margin-right: 0;
}
.colMid img.event_image {
    margin: 10px 0;
}
.colRight{ /* Float right div for right columns */
	float:right;
	width:250px;
	padding:0;
	padding-bottom:10px;
}
.column{
	width: 48%;
	float:left;
	padding-right:10px;
}
/* #promobox
---------------------------------------*/

#promobox{
	margin-top: 0px;
	position:relative;
	z-index:0;
}
.promo{
	position:relative;
	z-index:0;
}
#promobox.colRight{
	width:464px;
}
#promobox.colRight a{
	color:#019E59;
}

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

.colRight.sidebar{
	width:310px;
	padding-right:20px;
}

.welcome{
padding:10px 0px;
/*width:268px;*/
margin-left:10px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* product grid */

#product_list {
	float:left;
	clear:both;
	margin-top:15px;
}

#product_list ul {
	list-style:none;
	padding:0px;
	margin:0px;
	width:750px;
}
#product_list ul li {
	list-style:none;
	padding:16px;
	margin:0px;
	background-image:none;
	background-color: #dcdcdc;
	display:block;
	width:140px;
	height:140px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#product_list ul li img {
	margin-bottom:5px;
}

#product_list.sidebar_list ul{
	width:310px;
}

#product_list.sidebar_list ul li{
	margin-right:0;
	width:280px;
	float:none;
	overflow:auto;
	height:auto;
	padding:10px;
	font-size:14px;
}

#product_list.sidebar_list ul li img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

img.application_image {
	float:left;
	margin:0px 12px 12px 0px;
}

/* popUp browser styles */

#browserElement{
	position:absolute;
	top:0;
	left:0;
}

#blackOut{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background-color:#000;
}

#popup{
	display:block;
	width:460px;
	height:430px;
	background-color:#FFF;
	position:absolute;
	top:0;
	left:25%;
	padding:0 15px 15px 0;
	text-align:left;
}

#popup h2 {
	margin:20px 0px 20px 20px;
}
#popup table  {
	margin-left:20px;
	font:14px Arial;
}
#popup table tr {
	background-color:#EEE;
}
#popup table td {
	vertical-align:middle;
}
#popup input {
	font:14px Arial;
	padding:2px;
	width:300px;
}
#popup input.submit {
	width:auto;
	padding:5px;
}

#popupClose{
	position:absolute;
	top:5px;
	right:5px;
	background-image:url(/images/admin/clear.gif);
	background-repeat:no-repeat;
	display:block;
	width:20px;
	height:20px;
}

#popupClose span{
	display:none;
}

#award {
	margin-top:12px;
	padding-right:10px;
}
#award .queens_image{
	float:left;
	margin-right:12px;
}
#award h2 {
	padding-top:7px;
}

img.event_image {
	width:160px;
	margin:10px;
}
div.item_image_div {
	float:left;
	width:160px;
	padding-bottom: 20px;
}
img.item_image {	margin:5px 10px 10px 0px;
	float:left;
}

ul li.grey {
	color:#333;
}

.home_col_2 p,
#promobox .home_col_2 p{
	color:#464545;
	font-size:12px;
}

.exhibitionImage{
	width:325px;
}