/*

Primary css file used by the orbitform web site

Theme Name: Orbitform Website
Theme URI: http://www.orbitform.com/
Author: BDT Dev Team (John Price, Kevin Brownlow, David Olson)
Author URI: http://www.orbitform.com/
Description: This is the development theme for the new Orbitform Website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

{ margin-top: 0; padding: 0; }  /*	css reset - attempt to use the same 	
									top margin in all browsers 				*/

html
{
	margin-top: 0; 
	padding: 0;
	font-size: 14px;
	font-family:'微软雅黑';
}

p,
video,
img				{	margin-bottom: 10px;	}

p	{	text-align: justify;	}

#close img		{	margin-bottom: 0;		}

img				{	border: 0;				}

body.noscroll	/*	used to prevent the page from scrolling while viewing a video	*/
{
	overflow: hidden;
	background-color: #333;
}

h2, h3
{
	margin-bottom: 10px;
}

ul.stealth
{
	background-color: #ffffff;
	list-style: none outside none;
	float: left;
	width: 145px;
	padding-right: 10px;
	padding-left: 0;
	color: #ffffff;
}

#indexTop	{	margin-left: 20px;	}

#loading	
{	
	height: 600px;
	font-size: 24px;
	text-align: center;
}

div#topLeft h1	{	padding-bottom: 10px;	}

div#topLeft ul
{
	padding-left: 40px;
	padding-bottom: 20px;
}

div#topLeft
{
	float: left;
	padding-right: 20px;
	width: 47%;
}

div#topRight img
{
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

div#floating-menu 
{
	position: absolute;
	border-right: 1px solid #777;
	width: 219px;
	overflow: hidden;	
}

/*  this is needed to center the play video button correctly  */

.imageDiv	{	position: relative;		}
div#topRight img.videoButton 
{	
	height: 40px;
	width:	58px;
}
.videoButton	
{	
	top: 50%;
	left: 50%;
	margin-top: -33px;
	margin-left: -28px;
	position: absolute;
	height: 40px;
	width:	58px;
}

div#floating-menu a,
div#mobile_menu a 
{
	display: block;
	width: 100%;
	border-right: 1px solid #777;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	background-color: #aaa; 
	color: #222; 
	font-size: 12px; 
	line-height: 20px; 
	padding-left: 10px; 
	border-top: 1px solid #ccc;
}

div#mobile_menu a	
{	
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #444;
	height: 30px;
	padding-top: 8px;
}

div#floating-menu a.parent,
div#floating-menu a.parent2
{
	font-weight: 700;
}

div#floating-menu a.parent:hover,
div#floating-menu a.child:hover,
div#mobile_menu a.parent:hover,
div#mobile_menu a.child:hover
{
	cursor: pointer;
	background-color: #eee;
	color: #000;
}

div#floating-menu a.child,
div#mobile_menu a.child
{
	color: #777;
	background-color: #CCC;
	padding-left: 20px;
	text-decoration: none;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	margin-left: 0px;
	border-top: 1px solid #fff;
}

div#floating-menu a.clicked, 
div#mobile_menu a.clicked
{
	padding-left: 20px;
	font-weight: bold;
}

div#sticky_header	
{	
	z-index: 1000;		
	width: 960px;
}

#ssimg 
{	
	height: 200px;	
	margin-left: auto;	
	margin-right: auto;		
	display: block;
}

#slideshow	{	width: 740px;	}
#slideshowimage	{	float: left;	width: 100%;	}
#slideshowimage	img	{	margin-bottom: 0;	float: left; 	}

#figcaption
{
	background-color: #d3d3d3;  /* light gray */
	width: 47%; 
	height: 195px;
	float: right; 
	padding-left: 15px; 
	padding-top: 5px;
	padding-right: 12px; 
	opacity: 0.9;
	z-index: 10;
	font-size: 14px;
	margin-top: -200px;
}

#figcaption h3
{
	color: blue;
	text-decoration: underline;
}

#figcaption h3:hover
{
	cursor: pointer;
	color: #00678A;
}

#figcaptioninner	{	height: 173px;	padding-right: 10px;	}

.mobile_header img	{	height: 60px;	margin-bottom: 0;	}

/*Navigation Sidebar Parent item
Hover Color Added by D.O. on 12/11/2013*/

div#floating-menu a.selected, 
div#mobile_menu a.selected
{
	background-color: #333;
	color: #fff;
}

div#floating-menu a:last-child 	{	border-bottom: 1px solid #FFF;	}

*		/*	Defaults	*/ 
{
	margin: 0;
	font-family: Arial, sans-serif;
}

body 
{
	background-color: #EEE;
	margin-top: 10px;
}

a:hover,
button:hover,
option:hover
{
	cursor: pointer;
}

.pointer{
	cursor: pointer;
}

div#left 	
{	
	float: left;
	width: 180px;	
	padding-top: 10px;	
}

#right	 	
{	
	float: right;	
	width: 160px;	
}

#right ul	
{	
	list-style: none;	
	padding: 0;		
	margin: 10px 10px 0px 0px;	
	float: right;
}

#right li	
{	
	padding-bottom: 4px;	
}

#right button	
{	
	font-size:  8pt;	
	color: white;	
	background-color: #002768;	
	border: solid #002768;	
	width: 110px;	
	margin: 0px
	
}

#right button:hover	
{	
	color: #002768;	
	background-color: #eee8cd;	
}

table.standard
{
	font-size: 12px;
	border-spacing: 4px;
	width: 100%;
}

#container
{
	margin-left: auto;
  	margin-right: auto;
  	width: 960px;
  	background-color: #fff;
  	box-shadow: 0px 0px 10px #666666;
}

/*Fonts for Potential Future Use */

@font-face {
    font-family: 'fabrica';
    src: url('fonts/fabrica-webfont.eot');
    src: url('fonts/fabrica-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fabrica-webfont.woff') format('woff'),
         url('fonts/fabrica-webfont.ttf') format('truetype'),
         url('fonts/fabrica-webfont.svg#fabricaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/osbold-webfont.eot');
    src: url('fonts/osbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/osbold-webfont.woff') format('woff'),
         url('fonts/osbold-webfont.ttf') format('truetype'),
         url('fonts/osbold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oslight-webfont.eot');
    src: url('fonts/oslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oslight-webfont.woff') format('woff'),
         url('fonts/oslight-webfont.ttf') format('truetype'),
         url('fonts/oslight-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/osregular-webfont.eot');
    src: url('fonts/osregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/osregular-webfont.woff') format('woff'),
         url('fonts/osregular-webfont.ttf') format('truetype'),
         url('fonts/osregular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*end Fonts*/

/* Footer Styles */

#footer 
{
	background-color: #999;
	color: #444;
}

#footer label
{
	font-weight: bold;
	text-decoration: underline;
	padding-top: 0px;
}

#cellAcross
{
	padding-top: 10px;
	font-size: 12px;
	height: 80px;
}

#cellAcross div	{	padding-left: 20px;  float: left;	}

#cellAcross div.one	{	 width: 60%;	}

#cellAcross div h2 
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}

#cellAcross ul,
#videoShare li
{
	decoration: none;
}

.socialMedia	{	height: 50px;	}

.socialMedia a,
#socialMedia a,
{
	display: inline-block;
	margin-right: 20px;
}

.socialMedia ul,
#socialMedia ul
{
	position: relative;
	padding: 0;
	display: inline-block;
}

.indent20	ul	{	margin-left: 20px;	}

.socialMedia ul		{	top: 12px;	}
#socialMedia ul		{	margin-bottom: 10px;	}

#videoShare li,
.socialMedia li,
#socialMedia li
{
	display: inline-block;
	padding-right: 30px;
	min-height: 30px;
}

.contactOrbitform
{
	float: left;
	width: 45%;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 20px;
	border-right: 2px solid #777;
}

.contactOrbitform div	
{	
	float: left;
	height: 60px;
}

.contactOrbitform div:nth-of-type(1),
.contactOrbitform div:nth-of-type(2)
{
	padding-right: 20px;
}

.contactOrbitform div:nth-of-type(2),
.contactOrbitform div:nth-of-type(3)
{
	width: 80px;
}

.connectOrbitform
{
	float: left;
	width: 45%;
	height: 87px;
	font-size: 12px;
	padding-left: 15px;
}

.connectOrbitform li
{
	display: inline-block;
	padding-right: 30px;
	min-height: 30px;
}

/*	
	div id="guide" is located in the footer.php	
	#guide div means every division within guide
*/

#guide div								/*	Site Map, Assembly products and services, Pure Michigan 	*/
{
	width: 29%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	border-top: 2px solid #777;
}

/*	
	#guide div:nth-of-type(2) = only the second div within guide
*/

#guide div:nth-of-type(2)				/*	Assembly products and services	*/
{
	border-left: 2px solid #777;
	border-right: 2px solid #777;
}

#footer h2 
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}

li.facebook	
{	
	background: url(../images/socialMedia/facebook.png) no-repeat;
	padding-right: 30px;
	cursor:	pointer;
	width: 30px;	
}

li.twitter 		
{	
	background: url(../images/socialMedia/twitter.png) no-repeat;
	padding-right: 30px;
	cursor:	pointer;
	width: 30px;	
}

li.youtube 		
{	
	background: url(../images/socialMedia/youtube.png) no-repeat;
	padding-right: 30px;
	cursor:	pointer;
	width: 30px;	
}

li.linkedin 	
{	
	background: url(../images/socialMedia/linkdin.png) no-repeat;
	cursor:	pointer;
	width: 30px;	
}

#footer ul,
#videoShare ul
{	
	list-style: none;
	padding-left: 0;
}

#footer li, 
#videoShare li,
.socialMedia li
{	
	padding-bottom: 3px;
}

#footer li a:hover, 
#videoShare li a:hover
.socialMedia li 		
{	
	color: #EEE;
}
#footer a:visited		{	color: #444;	}
#footer img				{	margin-bottom: 15px;	cursor: pointer;	}
#footer .copyright		{	padding-left: 20px;		border-top: 2px solid #777;		}

#footer a:link 
{
	text-decoration: none;
	color: #444;
}

/* End Footer Styles */

/* Header Styles */

#header {
	width: 100%;
	height: 90px;
	background: url(../images/background_metal.jpg) repeat-y;
	/* 	background-color:	#E0E0E0; */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header .logo {
	margin-left: 10px;
	float: left;
}

.contact_info
{
	background: #fff url(../images/background_metal.jpg) repeat-y;
	height: 18px;
	padding-right: 25px;
}

.contact_info ul
{
	font-size: 12px;
	list-style: none;
	font-weight: bold;
	float: right;
	padding-bottom: 2px;
}

.contact_info li
{
	padding-left: 20px;
	float: left;
}

.secondary
{
	margin-top: 5px;
	margin-right: 10px;
	float: right;
}

.contact_info a	{	color: #000;	}

.logos ul {	list-style: none;	padding-top: 7px;	margin-left: 10px;}
.logos li {	display: inline-block;	float: left;		margin-right: 10px;	}

/* End Header Styles */

/* Breadcrumbs & Search Styles */

.info 
{
	background-color: #00678A;
	height: 33px; 
	padding-top: 5px;
	font-size: 12px;
	color: #D1E0F0;
}

.crumbs 
{
	float: left;
	padding: 8px 0 0 11px;
}

.crumbs a
{
	text-decoration: none;
	color: #D1E0F0;
}

.crumbs a:hover 
{
	color: #FFF;
	font-size: 14px;
}

.searchPageResult	{	padding-bottom: 20px;	}

div.search 	
{
	float: right;
	width: 340px;
	text-align: right;
}
div.search #searchsubmit 
{
	background: url(../images/search.png) no-repeat center center;
	border: none;
	height: 19px;
	color: transparent;
	width: 86px;
	margin: 3px 4px 3px 2px;
	border-radius: 2px;
	cursor: pointer;
}

/* Main Content Area */

div#main 
{
	overflow: hidden;
}

#pageBody 
{
	float: right;
	width: 740px;
}

#pageBody .slider 
{	
	height: 200px;
	background-color: #fff;
	border-bottom: 10px solid #00678A;
	overflow: hidden;
}

.no-bar 
{
	border-bottom: none;
}

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

.slider li 
{
	float: left;
}

#content_area 
{
	padding: 20px;
}
#content_area h1
{
	padding:10px 0;
}

#container.noscroll
{
	opacity: 0.1;
	background-color: #333;
	overflow: hidden;
	pointer-events: none;
	cursor: default;
}

#pageBody h1	{	font-size: 24px;	}
	
#childWithDrawings .topOfPage
{
	padding: 20px;  
	min-height: 100px;
}

#tabpanes	
{	
	padding-bottom: 10px;	
	/*  
		Don't know why this works, but read about it and it does work. 
		Dipslay block and overflow auto cause the division to be 100%
		of the contained contents. Without these directives, is very low in height. 
	*/	
	display: block;		
	overflow: auto;
}

#tabpanes button
{
	width: 100px;
	background-color: #00678A;
	color: #d8d8d8;
	margin-bottom: 7px;	
	font-size: 11px;
	padding-right: 5px;
}

#tabpanes button:hover
{
	background-color: #555;	
}

#tabpanes table
{
	font-size: 14px;
	width: 100%;	
}

#tabpanes table tr:nth-child(even), 
#tabpanes table tr:nth-child(even) a
{
	background-color: #dceaef;
	color: #5491aa;
}

#tabpanes table tr:nth-child(odd), 
#tabpanes table tr:nth-child(odd) a
{
	background-color: #5491aa; 
	color: #fff;	
}

#tabpanes td
{
	height: 40px;
}

#tabpanes td, 
#tabpanes th
{
	padding-left: 10px;
}

#tabpanes a
{
	text-decoration: none;
	width: 200px;
}

#tabs 
{
	overflow: hidden;
	height: 30px;
	line-height: 25px;
	width: 100%;
	margin-bottom: 20px;
	background-color: #AAA;
}

#tabs a
{
	text-decoration: none;
	color: #d8d8d8;	
	display: block;
	width: 100%;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

#tabs .selected
{
	background-color: #333;
	color: #fff;
	font-style:	italic;
	display: block;
}

#tabs div a:hover
{
	background-color: #555;
}

#tabs .selected a:link, 
#tabs .selected a:visited, 
#tabs .selected a:hover 
{
	display: block;
	text-decoration: none;
}

#tabs div
{
	text-decoration: none;
	color: #d8d8d8;
	background-color: #00678A;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	margin-left: 2px;
	margin-top: 5px;	
	display: block;
	width: 175px;
	cursor: pointer;
	float: left;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

#tabs div.selected
{
	background-color: #444444;
	color: #ffffff;
	font-style:	italic;
}

#tabs div:hover
{
	background-color: #555;
}

div#topRight
{
	float: left;
	padding-left: 20px;
	width: 47%;
}

div.product_column div.img
{
	margin-left: auto;
	margin-right: auto;
	width: 125px;
}

div.product_column div:nth-of-type(0n+2) table tr:nth-child(odd)
{
	background-color: #aaa;
}

div.product_column div:nth-of-type(0n+2) table tr:nth-child(even),
div.tabDown table tr:nth-child(even),
div.tabOpen table tr:nth-child(even),
div.product_column table tr
{
	background-color: #ccc;
}

div.product_column div table tr td
{
	padding-left: 10px;
	padding-right: 10px;
}

div.tabDown img,
div.tabOpen .divimg img
{
	width: 180px;
}

div.tabDown,
div.tabOpen
{
	float: left;
	text-align: justify;
	font-size: 16px;
}

div.tabOpen		{	width: 77%	}

div.tabDown div:nth-of-type(0n+2)
{
	float: left;
	width: 200px;
}

div.tabOpen table
{
	padding-bottom: 20px;
	width: 55%;
	font-size: 11px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}

div.tabDown table, 
div.product_column table
{
	padding-bottom: 20px;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
}

div.tabDown table tr,
div.tabOpen table tr,
div.product_column table tr
{
	height: 25px;
}

div.tabDown table tr:nth-child(odd),
div.tabOpen table tr:nth-child(odd),
div.product_column table tr
{
	background-color: #aaa;
}

div.tabDown div table tr td,
div.tabOpen div table tr td
{
	padding-left: 10px;
	padding-right: 10px;
}

div.tabDown div table tr td:nth-of-type(0n+2) {		width: 125px;	}

div.tabDown div table tr td:nth-of-type(0n+2)	{	width: 75px;	}

div.product_column table tr td:nth-of-type(0n+2)	{	width: 58px;	}

div.tabDown div:nth-of-type(0n+3) ul
{
	list-style: none;
	padding-bottom: 20px;
	padding-left: 0;
}

ul.download,
div.product_column ul
{
	list-style: none;
	padding-left: 0;
}

/* dl_button is used on the home page */

.dl_button 
{
    display: block;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    margin-bottom: 10px;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: #00678A;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    text-align: center;
}

#topRight .dl_button 
{
	width: 45%;
	font-size: 11px;
	margin-left: 0;
    margin-right: 0;
}

.left 
{
	float: left;
}

.right 
{
	float: right;
}

ul.download li,
div.tabDown div:nth-of-type(0n+3) li
{
	cursor: pointer;
	width: 190px;
	margin-left: auto; margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #00678A;
    border-left: 2px solid #00678A;
    border-right: 2px solid #00678A;
    color: #D8D8D8;
    height: 15px;
    line-height: 15px;
    text-align: center;
	font-size: 16px;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

div.tabDown div:nth-of-type(0n+3) li:hover, 
div.product_column li:hover
{
	color: #00678A;   
    background-color: #D8D8D8;
	border-left: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
}

.product_column h2
{
	font-weight: bold;
	font-size: 20px;
	color: #333333;	
}

ul.tabDown, 
ul.tabOpen
{
	list-style: none;
	width: 145px;
	font-size: 16px;
	float: left;
	padding-left: 0;
	padding-right: 10px;
}

ul.tabDown span.left 
{
	padding-left: 10px;
}

ul.tabDown span.right 
{
	float: right;
	margin-right: 4px; 
	font-size: 24px; 
	font-weight: bold;
	margin-top: -8px;
}

ul.tabDown li,
ul.tabOpen li 
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #00678A;
	border-right: solid 2px #00678A;
	border-left: solid 2px #00678A;
	color: #D8D8D8;
	text-align: center;
	padding-left: 10px;
}

ul.tabDown li:nth-of-type(0n+1),	/*  only on the second.	*/
ul.tabOpen li:nth-of-type(0n+1)			
{
	border-top: solid 2px #00678A;		
}

ul.tabDown li:nth-of-type(1n+2),		/*  starting with the first & every one after that.	*/
ul.tabOpen li:nth-of-type(1n+2)		
{
	background-color: #fff;
	border-bottom: solid 2px #00678A;	
	text-align: left;
	color: #555;
	background-color: #ccc;
}

ul.tabDown li:nth-of-type(1n+2):hover,		/*  starting with the first & every one after that.	*/
ul.tabOpen li:nth-of-type(1n+2):hover		
{
	color: #fff;
	background-color: #555;
}

.tabOpen .divimg	
{	
	float: left;
	padding-right: 20px;
}

ul.tabDown li.selected, 
ul.tabOpen li.selected
{
	color: #00678A;
	font-weight: bold;
}

.pane_products {
	padding: 20px 40px;
}

.pane {	display: none;	}

.product_column
{
	width: 208px;				
	border-bottom: 1px solid #E0E0E0;
	position: relative;
	font-size: 14px;
	padding-bottom: 15px;
	text-align: justify;
}

.product_column_one,		/*	cycle=3, first column	*/
.product_column_two			/*	cycle=3, second column	*/
{
	border-right: 1px solid #E0E0E0;
	padding-right: 15px;
	float: left;
	padding-bottom: 0;
}

.product_column_two,		/*	cycle=3, second column	*/
.product_column_three		/*	cycle=3, third column	*/
{
	padding-left: 15px;
	float: left;
	padding-bottom: 0;
}

.product_column h3
{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: left;
}

.product_column h4
{
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
}

.product_column img
{
	/*This adds the "web-style" image shadow to the bottom of the image*/
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	width: 100%;
	height: auto;	/*  height: auto retains the aspect ratio	*/
}

.product_column_image
{
	width: auto;
	height: auto;
}

.product_columns_powerheads0 
{
	float: left;
	width: 179px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	border-right: 1px solid #E0E0E0;
	display: block;
	overflow: hidden;
	height: 330px;
}

.product_columns_powerheads1 
{
	float: left;
	width: 179px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	border-right: 1px solid #E0E0E0;
	display: block;
	overflow: hidden;
	height: 330px;
}

.product_columns_powerheads2 
{
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	display: block;
	overflow: hidden;
	height: 330px;
}

.product_columns_powerheads0 button, 
.product_columns_powerheads1 button, 
.product_columns_powerheads2 button 
{
	font-size: 14px;
	text-align: center;
	color: white;
	margin: 0 auto;
	text-decoration: none;
	line-height: 12px;
	font-weight: bold;
	width: 75px;
	display: block;
	background-color: #00678A;
	border: none;
	padding: 5px;
}

/*Hover Test -D.O. 12-10-13*/
.product_columns_powerheads0 button:hover, 
.product_columns_powerheads1 button:hover, 
.product_columns_powerheads2 button:hover
{
	background-color: #777;
}

.product_columns_powerheads0 h3, 
.product_columns_powerheads1 h3, 
.product_columns_powerheads2 h3  
{
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	margin-bottom: 10px;
}

.product_columns_powerheads0 h4 a, 
.product_columns_powerheads1 h4 a, 
.product_columns_powerheads2 h4 a   
{
    color: #00678A;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.product_columns_powerheads0 h4 a:visited, 
.product_columns_powerheads1 h4 a:hover, 
.product_columns_powerheads2 h4 a:hover  
{
	color: #012d56;
	text-decoration: underline;
}

.product_columns_powerheads0 h4 a:hover, 
.product_columns_powerheads1 h4 a:hover, 
.product_columns_powerheads2 h4 a:hover  
{
	color: #333;
	text-decoration: underline;
}

.product_columns_powerheads0 p, 
.product_columns_powerheads1 p, 
.product_columns_powerheads2 p 
{
	font-size: 12px;
}

#child_title	
{
	display: inline-block;
	width: 100%;
	/*
	Displays an element as an inline-level block container. The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box.
	Added by Dave/Gordon 5/2/2014 to fix the content height issues found on the default template page. Necessary when used with floated elements with child elements inside them.
	*/
}

#child_title h1 
{
	font-weight: bold;
	font-size: 28px;
	color: #333333;
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
	padding-bottom: 4px;
}

#child_title p
{
	width: 325px;
	float: left;
	text-align: justify;
	padding-right: 20px;
	font-size: 14px;
}

#child_title img
{
	float: left;
	width:	300px;
	height:	auto;		/*	height: auto retains aspect ration	*/
}

/* Test of new Children Template, D.O. 12/12/13 @ 10:00am*/

.child_title_new
{
	overflow: hidden;
	width: 330px;
	padding: 20px;
	float: left;
}

.child_title 
{
	width: 315px;
	float: left;
}

.child_title_new h1, 
.child_title h1 
{
	font-size: 24px;
}

.child_title_new p, 
.child_title p
{
	font-size: 12px;
	text-align: justify;
}

.child_title_new ul, 
.child_title ul 
{
	padding-left: 20px;
	font-size: 14px;
}

.child_title_new h2, 
.child_title h2
{
	font-size: 18px;
}

.child_title_new h3, 
.child_title h3
{
	font-size: 18px;
	padding-top: 10px;
	border-top: 1px solid #E0E0E0;
}

.child_title_video
{
	padding-left: 15px;
	float: left;
}

/*Button by D.O. for Read All Blog Posts*/

.child_title_new_button {
	display: block;
	background-color: #00678A;
	padding: 3px;
	font-size: 14px;
	margin: 10px 0px;
	color: white;
	width: 60px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.child_title_new_button:hover{
	background-color: #333;
}

.related_articles 
{
	padding-bottom: 4px;
	margin: 2px 0;
	border-bottom: 1px solid #E0E0E0;
}
 .related_articles a 
 {
	text-decoration: none;
	color: black;
 }
 .related_articles a:hover
 {
	text-decoration: underline;
	color: #888;
 }

.related_articles dl 
{
	padding-top: 10px;
}

.related_articles dd
{
	margin-top: 10px;
	font-size: 14px;
}

.related_articles dt
{
	margin-top: 5px;
	font-size: 10px;
}
	
#child_content {
	clear:both;
	display: inline-block;
	/*
	Displays an element as an inline-level block container. The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box.
	Added by Dave/Gordon 5/2/2014 to fix the content height issues found on the default template page. Necessary when used with floated elements with child elements inside them.
	*/
}

#child_content ul 
{
	list-style: none;
	overflow: hidden;
	padding: 20px;
}

#child_content h2 
{
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #DDD;
	padding-bottom: 4px;	
	margin-bottom: 20px;
}

#child_content li h3 
{
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}

#child_content li 
{
	float: left;
	width: 179px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	display: block;
	overflow: hidden;
}


#child_content li:nth-of-type(3n+1), 
#child_content li:nth-of-type(3n+2)		
{
	/*  starting with the first & every three after that.	*/
	/*  starting with the second & every three after that.	*/  
	border-right: 1px solid #E0E0E0;
}

#child_content li:nth-of-type(3n+4)		/*  starting with the fourth & every three after that.	*/ 
{
	clear: both;
}

#child_content li.info_column0 {
	float: left;
	width: 179px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	border-right: 1px solid #E0E0E0;
	display: block;
	overflow: hidden;
	
}

#child_content li.info_column1 {
	float: left;
	width: 179px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	border-right: 1px solid #E0E0E0;
	display: block;
	overflow: hidden;
}


#child_content li.info_column2 {
	float: left;
	width: 180px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding-right: 20px;
	display: block;
	overflow: hidden;
}

#videoExcerpt,
#videoShare
{
	padding-right: 20px;
	padding-bottom: 20px;
	text-align: justify;
}


.lightbox_video 
{
	display: none;	
	z-index: 1000;		/*	This makes the screen nice and dark	- gdl	*/
	padding-right: 20px;
	padding-left: 20px;		
	max-width: 640px;
	background: #fff;
	box-shadow: 0px 0px 20px #111;
	border-radius: 20px;
}

#close 
{
	float: left;
	cursor: pointer;
}

.powerhead_data_tables {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.powerhead_data_tables tr.even {
	background-color: #ccc;
	font-size: 12px;
}

.powerhead_data_tables tr.odd {
	background-color: #ddd;
	font-size: 12px;
}

.powerhead_data_tables td {
	padding: 5px;
	height: 30px;
}

.powerhead_data_tables td.header_blue {
	background-color: #00678A;
	font-weight: bold;
	font-size: 14px; 
	color: #fff;
}

.powerhead_data_tables td.label {
	font-weight: bold;
	width: 70%;
}

.powerhead_data_tables td.data {
	border-left: 1px solid #fff;
	width: 30%;
	text-align: center;
	
}

.circle 
{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-color: #00678A;
	color: #fff;
	float: left;
}

.circle .bigtext 
{
	font-size: 20px;
	font-weight: bold;
	top: 23px;
	width: 50px;
	text-align: center;
	padding-left: 15px;
}

.circle .smalltext	
{	
	font-size: 12px;	
	top: 7px;
	text-align: center;
	width: 50px;
	padding-left: 15px
}

.circleCompanion	{	margin-left: 20px;	float: left;	margin-bottom: 20px;	}

.circleCompanion h2 {	padding-top: 10px;	text-align: center;	width: 575px;}

.flex-pauseplay span.play 
{
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/play.png) no-repeat;
	font-size: 0px;
	cursor: pointer;
	position: relative;
	left: 690px;
	top: -60px;
}

.flex-pauseplay span.pause 
{
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/pause.png) no-repeat;
	cursor: pointer;
	font-size: 0px;
	position: relative;
	left: 690px;
	top: -60px;
}

.info_box_container {
	margin-bottom: 40px;
	overflow: hidden;
}


.info-box {
	width: 150px;
	height: 200px;
	background-color: #EEE;
	margin: 0 auto 25px;
	box-shadow: 0px 5px 10px #666666;
}

.info-box .image 
{
	float: left;
	width: 150px;
	padding: 25px 20px;
}

.info-box .info_area 
{
	float: right;
	width: 420px;
	padding: 25px 20px;
}

.info-box img {		border-radius: 75px;	}

.blog_post_main 
{
	width: 100%; 
	float: left; 
	padding-right: 20px;
	padding-bottom: 20px;
}

.blog_post_main .blog_post_headline {	margin-bottom: 10px;	}

.blog_post_headline h1 
{
	 font-size: 28px;
	 font-family: 'oswaldbook', sans-serif;
	 font-weight: normal;
	 text-transform: uppercase;
}

.blog_post_headline h2 
{
	color: #00678A;
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

.blog_post_content ul {		margin: 10px 20px;	}

.blog_post_content img		{	float: right;	}

.blog_post_content h3
{
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 2px;
}
.blog_post_content {	font-size: 14px; line-height:25px;}
.blog_post_content p {	font-size: 14px; line-height:25px; margin:10px 0;}

.blog_post_content li {
	font-size: 14px;
	font-weight: bold;
}

.blog_post_content h6 {
	font-size: 24px;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #00678A;
	border-bottom: 1px solid #00678A;
	margin: 20px 0;
	color: #00678A;
	text-align: center;
}

/*Removed by D.O. 12/13/2013

.blog_post_gallery {
	width: 100px; 
	float: left; 
	padding: 20px;
}

*/

.blog_post_gallery_new {
	width: 440px;
	padding: 20px;
}

/*Changes by D.O. 12/13/2013
Editing the Appearance of the single blog post page*/

.blog_post_tags_share 
{	
	float: left;
	padding-left: 10px;
	width: 250px;
	background-color: #ccc;
}

.blog_post_tags_share h3
{
	font-size: 16px; 
	color: #333;
	border-bottom: 1px solid #333;
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 20px;
}

.blog_post_tags_share a, 
#categories a,
.extra a,
.taggedWith a
{
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	height: 14px;
	text-align: center;
	background-color: #444;
	color: white;
	text-decoration: none;
	border-radius: 2px;
	margin-bottom: 5px;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	margin-right: 5px;
	margin-bottom: 15px;
	padding: 4px;
}

.extra h3	{ 	margin-bottom:	2px;	}


.blog_post_tags_share a:hover, 
#categories a:hover,
.extra a:hover
{
	background-color: #999;
	color: #444;
}

.blog_post_tags_share .tags_single {
	font-size: 12px;
	color: #000;
	display: inline-block;
	margin-right: 5px;
}

.blog_post_tags_share a:hover{
	background-color: #777;
}

.blogHeading
{
	width: 95%;
}

.custom .my-paginated-posts {
font-size:10px; font-weight:normal;  }

.custom .my-paginated-posts p { font-size:1.4em; }

.custom .my-paginated-posts p a {
background:#E8E8E8; color:#000; margin-left:0.6em; margin-right:0.6em;
padding:0.5em 0.7em; text-decoration:none; }

.custom .my-paginated-posts a:hover { color:#fff; background:#7F1315; }

.more-link 
{
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	display: block;
	background-color: #00678A;
	width: 110px;
	padding: 5px;
	text-align: center;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

/*Added 12-10-13 to align images*/
.alignright {
	float: right;
	margin: 5px 0 5px 20px;
}

/*Added 12/12/13 to fade hover thumbnails*/

.fader{
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
.fader:hover{
	opacity: .7;
	/* filter: alpha(opacity=70); */ 
}

/*Blog Page styles by D.O. 12/13/2013 */


div.blog_home_post 
{ 
	/* Holds each individual blog post */
	border-bottom: 4px solid #00678A;
	margin-bottom: 20px;
}

.blog_home_post:last-of-type	{	margin-bottom: 0;	}

.blog_home_post h2, 
.blog_home_post h2 a 
{
	font-size: 28px;
	color: #00678A;
	text-decoration: none;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 30px;
	word-spacing: 2px;
}

.blog_home_post h2 a:hover {	color: #AAA;	}

.blog_home_post h3 
{
	font-size: 18px;
	color: black;
	font-family: 'oswaldbook', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 2px;
}

.blog_home_post h6 
{
	font-size: 24px;
	display: block;
	padding: 10px 0;
	border-top: 1px solid #00678A;
	border-bottom: 1px solid #00678A;
	margin-bottom: 20px;
	color: #00678A;
	text-align: center;
}

.blog_home_post p 	{	font-size: 14px;	}

.blog_home_post ul 
{
	padding: 10px 25px;
	font-size: 14px;
	padding-left: 0;
}

.blog_home_post h4	{	font-size: 14px;	}

.blog_home_post img		{	float: left;	width: 100%		}

.blog_home_post span
{
	float: left;
	font-size: 12px;
	min-height: 200px;
	width: 380px;
	margin-left: 25px;
}

.blog_home_post ul li	{	font-weight: bold;	}

.blog_home_post ul li ul li {	font-weight: normal;	}

.bph_share_buttons {
	padding-top: 10px;
}

.bph_share_buttons p
{
	font-size: 12px;
	color: #888;
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #888;
	font-weight: bold;
}

.bph_share_buttons a 
{
	font-size: 12px;
	display: inline-block;
	width: 60px;
	height: 100px;
	text-align: center;
	background-color: #888;
	color: white;
	text-decoration: none;
	border-radius: 2px;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	
}

.bph_share_buttons a:hover	{	background-color: #AAA;	}

.byline  
{
	font-size: 16px;
	font-weight: bold;
	color: #00678A;
	margin-bottom: 20px;
}

.date_line 
{
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	color: #555;
	font-size: 12px;
	margin-bottom: 20px;
	
}

.date_line a	{	color: #555;	}

/*For Archive Page Headlines*/

.archive-header
{
	border-bottom: 2px solid #777;
	margin-bottom: 10px;
}

/*Archive Button to return to normal blog view */
.archive_button
{
	/*	
	padding: 2px 3px;
	font-size: 18px;
	width: 179px;
	background-color: #00678A;
	color: white;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-family: 'oswaldlight', sans-serif;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	text-decoration: none;
	font-weight: bold;
	word-spacing: 2px;
	font-weight: normal;
		*/
/*Adjustments by Dave O. 3/7/14*/
	display: block;
	/*height: 11px;*/
	padding: 2px 0;
	font-size: 12px;
	background-color: #00678A;
	color: #d8d8d8;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	bottom: 0px;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;	
}

.archive_button:hover	{	background-color: #555;	}

/*Gallery Styling*/

.gallery-item {
	float: left;
	margin-right: 40px;
	text-align: center;
	border-collapse: collapse;
	padding-bottom: 0;
	margin-bottom: 0;
}

.gallery-icon:hover	{	border-bottom: 5px solid #00678A;	}

.gallery-icon {
	border-collapse: collapse;
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 5px solid #FFF;
}

.gallery-caption {
	display: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/*Assembly Analysis Story Cards. Added 12/30/13 by Dave Olson */

.aa_button
{
	display: block;
	width: 300px;
	background-color: #00678A;
	padding: 3px;
	font-size: 14px;
	margin:0 auto;
	margin-top: 5px;
	color: white;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.aa_button:hover	{	background-color: #333;	}

.aa_card
{
	display: block;
	float: left;
	width: 304px;
	border: 3px solid #333;
	margin: 20px;
	padding: 10px;
	border-radius: 10px;
	background-position: center;
	background-size: cover;
	box-shadow: 0 0 10px #333;
}

.aa_card h3	
{
	margin-top:		10px;
}

.aa_card img
{
	width: 300px;	/* set width to 300px, height auto retains the aspect ratio		*/
	height: auto;
}

.aa_card:nth-of-type(2n+1)	{	clear: both;	}

.aa_card h2 {
	font-size: 24px;
	text-align: center;
}

.categories ul
{
	padding: 0; 
}

.aa_card ul 
{
	list-style: none;
	text-decoration: none;
}

.aa_card ul li a
{
	display: inline-block;
	padding: 3px 5px;
	text-align: center;
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	margin: 2px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.aa_card ul li a:hover	{	background-color: #777;	}

.aa_card img	{	border-radius: 5px;	}

.aa_cats{
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
}

.aa_cat_title {
	margin: 20px;
}

.attachment-sthumb{
	width: 75px;
	height: 75px;
}

/*  ***************************************************************
	The following CSS created by Gordon Larkins - ASK, January 2014 
	***************************************************************  */

div.body  
{ 
	width: 100%;  
	height: 100px;  
	overflow: auto;
	background-color: #FFFFFF; 
}	
	
div.errMsg,  /*  <div class="errMsg">  */
span.errMsg
{
	color: #c00;
	font-size: 16px;
}

div.afterBlog
{
	overflow: hidden;
	border-bottom: 1px solid #222;
	margin-bottom: 20px;
	margin-right: 20px;
}

div.afterBlog img
{
	/* next two lines were commented out on 12 Apr 2016 by Gordon Larkins
	width:	100%;
	height: auto;
*/
}

div.afterBlog p
{
	  text-align: justify; 
}

	div.blogPageChoices
{
	font-size: 18px;
	color: #00678A;
}

div.blogPageChoices table
{
	width: 95%;
	text-align: center;
}

div.blogPageChoices td		{	height: 50px;	}

span.blogPageChoice,
span.blogPageChoiceBookend,
span.blogPageSelected
{
	text-align: center;
	width: 35px;
	display: inline-block;	
}


span.blogPageChoice		
{	
	color: #00678A;
}

span.blogPageChoiceBookend		
{	
	background-color: #00678A;
	color: #fff;	
}

span.blogPageChoice:hover,
span.blogPageChoiceBookend:hover
{		
	cursor: pointer;
	color: #87CEFA;
}

span.blogPageSelected	
{
	color: #999;
	border: solid 1px #999;
}

div#search 
{ 
    width: 100%;    
    border: 1px solid #999;
    background: #ffffff;
	height: 300px;
}

div.scrollingArea 
{ 
    height: 240px; 
    overflow: auto; 
}

div#solutions  /*  located in footer.php  */
{ 
	font-weight: 900;  
	color: #333;
	padding-left: 27px;
	padding-bottom: 10px;
}

#pre_footer
{
	padding-left: 20px;
	padding-top: 10px; 
}

table.scrollable thead tr 
{
    left: 0; 
	top: 0;
    position: absolute;
}

table.cruises 
{ 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px; 
    border-collapse: collapse; 
    width: 700px;    
}
	
  table.cruises th, 
  table.cruises td 
{ 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999; 
}

table.cruises th { background: #aab; }

table.cruises td { background: #eee; }

div.hide  /*  <div class="hide">  */
{
	display: none;
}

div.left,  
div.modLeft
{
	float: left; 
	width: 300px; 
	margin-right: 20px;
}
	
div.right,
div.modRight
{
	float: right; 
	width: 300px; 
	overflow: hidden;
}

div.clear
{
	clear: both;
	margin-left: 20px;
}

div.float
{
	float: left;
	padding-right: 15px;
}

div.floatRight
{
	float: right;
	margin-right: 20px;
}

div.bottom  /*  <div class="bottom">  */
{
	clear: both;
}

div.box  /*  <div class="box">  */
{
	margin-bottom: 10px;
}

div#search
{
	margin-right: 20px;
}

div#search h1 
{
	font-size: 26px;
	text-align: center;
	color:  #3a6c7f;
}

div#search h3
{
	font-size: 20px;
	margin-left: 30px;
	color:  #3a6c7f;
}

div#search p 
{
	font-size: 16px;
	margin-left: 30px;
	color:  #3a6c7f;
}

div#form_box  /*  <div id="form_box">  */
{
	background-color: #fff; 
	/* padding-top: 20px;  */ 
	padding-bottom: 20px; 
}

div#form_box input,
div#form_box span
{
	display: block;
}

div#form_box input#send_newsletter
{
	display: inline;
}

div#form_area  /*  <div id="form_area">  */
{
	padding: 10px; 
	background-color: #DCEAEF; 
	overflow: hidden; 
	border: 1px solid rgb(84, 145, 170)
}

div#zipcode_search_results  /*  <div id="form_box">  */
{
	top: 665px;
	background-color: #ddd;
    border: 1px solid #000000;
    box-shadow: 0 0 8px #888888;
    height: 270px;
	margin-left: 10px;
    overflow: auto;
    position: absolute;
    width: 250px;
    z-index: 100;
	display: none;
}

div#zipcode_search_results ul  /*  <div id="form_box">  */
{
	list-style: none;
	padding-left: 5px;
}

fieldset		/*  <fieldset>  defaults */
{
	padding: 10px;
}

legend  		/*  <legend>  defaults */
{
	font-weight: bold; 
	font-size: 16px;
}


#topRight fieldset
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#topRight legend
{
	font-size: 14px;
	font-weight: bold;	
}


label.required:after  /* <label class="required"> This shows the asterisk on required fields. The asterisk appears after the label  */
{
	color: #c00; 
	font-size: 16px;
	padding-left: 5px;
	content: attr(title) "*";
}

label  /*  defaults for <label>   */
{
	display: block;
	padding-top: 10px;
}

label.screen-reader-text
{
	display: inline;
	padding-top: 0px;
	padding-right: 5px;
}

li.select  /*  <li class="select"> example:  statement used in the zip locator - set text size  */
{
	font-size: 14px;
}

li.select:hover  /*  <li class="select"> example: statement used in the zip locator  */
{				/* when the mouse is hovering a line, change text size and background color   */
	background-color: #DCEAEF;
}

option:hover  /*  <option value="">Sample</option> default for all <select> <option> variables  */
{				/* when the mouse is hovering a line, change text size and background color   */
	/* font-size: 20px; */
	background-color: #DCEAEF;
}

input, 
textarea, 
select /*  defaults for <input> <select> <textarea> tags  */
{
	border: 1px solid #A4B97F; 
	padding: 2px;
}

table.entry
{
	width: 100%;
	border-spacing: 10px; 
	font-size: 12px;
}

input.zipcode   /*  <input class="zipcode"> Canadian Postal Codes need to be in all upper case  */
{				/*  did this is a class rather than ID so it could be used when the ID != zipcode   */
	text-transform: uppercase;
}

th.required
{
	color: #c00; 
	font-size: 24px;
	width: 30px;
}

th.left, 
td.left, 
td.leftH,
th.leftH		
{	text-align: left;	}

th.right, 
td.right, 
td.rightH		{	text-align: right;	}

th.center, 
td.center, 
td.centerH		{	text-align: center;	}

td.leftH:hover, 
th.leftH:hover,
td.rightH:hover, 
th.rightH:hover,
td.centerH:hover,
th.centerH:hover
{
	background-color: yellow;
	cursor: pointer;
}

p#footer
{
	 border-bottom: 1px solid #888; 
	 padding-bottom: 10px; 
	 margin-bottom: 10px;
	 width: 200px;
}

h2.connect
{
	 margin: 0 10px 10px; 
	 text-align: center;
	 color: #fff;
}

div#videoButtons		{	margin-left: auto;	margin-right: auto;		width: 110px;	}

img#buttonForward, 
img#buttonPlay, 
img#buttonPause, 
img#buttonBackward		{	padding-right: 15px;	}

#topRight h3 	{	text-align: left;	}

#topRight ul
{
	padding-left: 10px;
	padding-bottom: 10px;
}

#topRight ul:nth-of-type(2n+0)		{	list-style: none;	}

#topRight ul:nth-of-type(2n+0) li 
{
	display: inline;
	float: left;
	padding-right: 15px;
	font-weight: bold;
}

#topRight ul:nth-of-type(2n+0) li:before	{	content: "\00BB \0020";		}

div.service		{	text-align: center;	}

.clearBoth	{	clear: both;	}

div#pictureBox
{
	position: absolute;
	margin-left: 220px;
	padding-top: 30px;
	width: 740px;
	height: 500px;
	background-color: #ccc;
	text-align: center;
	z-index: 40;
}

div#pictureBox h2	{	padding-bottom: 20px;	}

div#pictureBox img#pbimg	{	width: 700px;	}

div#pictureBox img#closeimg		{	margin-left: 700px;		}

div#blackout 
{
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.80; /* FireFox */
	filter: alpha(opacity=80); /* IE */
	z-index: 30;
}

div#doubleTabPostContent		{	margin-bottom: 15px;	}

div#doubleTabPostContent ul		{	padding-left: 18px;	}

div#doubleTabPostContent li		{	padding-bottom: 10px;	}

div#doubleTabPostContent h2
{
	padding-bottom: 20px;
	text-align: left;
}

div#doubleTabPostContent h4 
{
	padding: 5px 0;
	text-align: left;
}

div#doubleTabPostContent img	{	padding-top: 20px;	width: auto;	}

#doubleTabPostContent h3	{	text-align: left;	}

#threeColumn
{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	
	-webkit-column-gap: 36px; /* Chrome, Safari, Opera */
	-moz-column-gap: 36px; /* Firefox */
	column-gap: 36px;
	
	padding-bottom: 20px;
	width: 95%;
}

div.seperator
{
	margin-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
	width: 100%;
}

#videoButtons img	{ margin-bottom: 0;	}	/* override main img attribute	*/

textarea { resize: both;	max-width: 340px;	}

.repResult
{
	padding-top: 10px;
	border-bottom: solid 1px;
}

#repHeader .right img	{ width: 30%;	margin-left: 50%;	}

#repHeader h1	{ margin-bottom: 30px;	}

.repResult .float
{
	float: left;
	width: 45%;
	margin-left: 0;
}

.salesReps	
{	
	list-style-type: none;	
	padding-left: 0;	
	padding-bottom: 10px;
}

.salesReps li
{
	display: inline;
	padding-right: 10px;
}

.salesReps li:nth-child(6):after { content:"\A"; white-space:pre; }

#results	{ min-height:	315px	}

#msgBox
{
	position: absolute;
	background-color: #CCC;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

a.mailto
{
	text-decoration: 	none;
	background-color:	#505050;
	width:				190px;
	color:				#d8d8d8;
	padding:			5px;
	margin-bottom:		20px;
	text-align:			center;
	font-size:			16px;
	font-weight:		bold;
	border-left: 		2px solid #505050;
    border-right: 		2px solid #505050;
	border-radius: 		5px;
}

div#linkToPage
{
	clear: 		both;
	margin-top:	20px;
	border: 3px solid #00678A;
	padding-left: 15px;
	border-radius: 15px;
	font-size: 16px;
	color: #00678A;
	font-weight: bold;
	height: 85px;
	padding-top: 10px;
	width: 91%;
}

div.taggedWith
{
	width: 50%;
	float: left;
}

div.taggedWith h4
{
	margin-bottom: 10px;
}

img.videoButton
{
	height: 40px;
	width:	55px;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	/*	rounded corner attributes	*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}

table.metavalues 						{	width: 100%;	font-size: 8px;	border-collapse: collapse;}
table.metavalues tr:nth-child(odd)		{	background-color: #bbb;	}
table.metavalues tr:nth-child(even)	{	background-color: #ddd;	}
table.metavalues td, 		
table.metavalues th
	{	border: 1px solid #777;	padding: 5px;}

div#changeArea
{
	background-color: #aaa;
	position: fixed;
	top: 30%;
	left: 50%;
	width: 325px;
	height: 150px;
	margin-left: -100px;
	margin-top: -100px;
	padding-left: 20px;
	padding-top: 20px;
}

div#changeArea button	{	margin-top: 15px;	margin-right: 25px;	}

div#publicService
{
	left: 278px; 
	top: 356px;
    position: fixed;
	width: 400px;
	height: 300px;
	background-color: #ccc;
	padding: 20px;
	border: solid 3px #777;
	font-size: 24px;
}

div#publicService button
{	
	width: 125px;
	font-family: Arial, sans-serif;
}

#singleTab
{
	padding-bottom: 10px;
	display: block;
	overflow: auto;
}

.disabled 
{
	pointer-events: none;
	cursor: default;
	opacity: 0.1;
}

#contactDiv input[type=radio]
{
	margin-right: 2px;
}

#contactDiv label
{
	max-width: 370px;
}

#employment hr
{
	margin-top: 25px;
	margin-bottom: 25px;
}

.hover:hover
{
	cursor: pointer;
}

.employment
{
	margin-top: 30px; 
	margin-left: 425px; 
	font-size: 36px; 
	color: red;
	text-decoration: underline;
}

.employment:hover,
.mobile_employment:hover
{
	color: #00678A; 
}
.mobile_employment
{ 
	font-size: 36px; 
	color: red;
	text-decoration: underline;
	text-align: center;
}