/* CSS Document */

body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	 background: #d5d5d5;
	 margin:0;
	 text-align:left;
}

:focus {
	-moz-outline-style: none;
}

img { border:none; }
img.a { border:none; }

p 	{ line-height:16px; color:#333333;}
h1 	{ font-size:24px; color:#FFFFFF; font-weight:bold; line-height:28px;}
h2 	{ font-size:16px; color:#1E5CA5; font-weight:bold; line-height:18px;}
h3 	{ font-size:14px; color:#1E5CA5; font-weight:lighter; line-height:18px;}
h4 	{ font-size:13px; color:#000000; font-weight:bold; line-height:17px; margin:8px 0;}
h5 	{ font-size:; color:; font-weight:; line-height:;}

a { text-decoration:none; color:#1E5CA5;}
a:hover { color:#666666; }

strong { }

hr {border:1px solid #EAEAEA; clear:both;}

.rsaquaBlue { color:#1E5CA5; }
.red { color:#FF0000; }

.emImage {float:right; padding:10px;}

/* GENERIC LIST STYLE */

ul {}
li {line-height:16px;}



/* GENERIC MAIN AREA STYLES */

#container { 
	 margin: 0 auto;
	 width: 850px;
	 background:#FFFFFF;
	 overflow:hidden; }
	 
#head {
	height:118px;
	width:800px;
	margin:0 25px; }
	
#search { 
	width:150px; 
	height:30px;
	background: url(../img/generic/g_searchBack.jpg) no-repeat; 
	float:right;
	padding:8px 10px }

#search input {float:left; width:110px; color:#666666;}	
#search img {margin:0 0 0 10px; float:left;}	
	
#logo { 
	width:800px; 
	height:52px; 
	float:left; 
	background: url(../img/generic/g_serving_oceanography.jpg) no-repeat right 100%; }
	
#manufLogo { 
	 margin: 0 auto;
	 width: 850px;
	 padding:15px 0 30px 0; }


/*  MAIN NAV AREA STYLES */	
	
#nav {
	height:37px;
	width:800px;
	margin:0 25px 25px 25px;
	background:url(../img/generic/g_navBack.jpg) repeat-x;
	overflow:hidden;
	float:left;
	}	
	
#nav ul { margin:0; padding:0; list-style:none; height:37px; width:760px; background:url(../img/generic/g_navRight.jpg) no-repeat right; float:right;}
#nav li { display:inline;}
#nav li a { color:#FFFFFF; padding:20px 16px; background:url(../img/generic/g_divider.gif) right no-repeat; line-height:38px; font-size:13px;}
#nav li a:hover, #nav li a.active { text-decoration:none; background:url(../img/generic/g_divider.gif) right no-repeat; color:#99CCFF;}

.homeBtn {float:left;}

#mainContent {
	width:800px;
	margin:25px;
	padding:0;
	float:left;
	}

#footer {
	margin: 0 auto;
	width: 850px;
	background:#666666;
	height:50px;
	clear:both;
	overflow:hidden;
	}
	
#footer h2 {float:right; color:#FFFFFF; padding:3px 25px;}	
	

/* BANNER STYLES */	

#homeBaner { width:800px; height:264px; margin:0 25px 25px 25px;float:left;}
#banner { width:800px; height:146px; background:url(../img/generic/g_bannerBack.jpg) no-repeat; margin:0 25px;float:left; }
#banner h1 { text-transform:uppercase; position:relative; top:90px; left:20px; }
#bannerEpilepsy {width:800px; height:146px; background:url(../img/epilepsy_bereaved/g_banner.jpg) no-repeat; margin:0 25px;float:left; }

#flash { width:599px; height:264px; float:left; }

/* HOMEPAGE NEWS AND EVENTS STYLES */	

#ne { float:right; width:194px; height:254px; background: url(../img/home/g_newsHead_back.jpg) no-repeat #2A5BA2; }

.neHead { float:left; margin:9px 0 9px 9px;}

.neTitle { 
	border-top:1px solid #7f9DC7; 
	border-bottom:1px solid #7f9DC7; 
	margin:0 9px; 
	padding:5px 0; 
	color:#FFFFFF;
	width:176px; 
	clear:both;
	text-transform:uppercase;
	}
	
#neContent { 
	height:150px; 
	width:176px; 
	clear:both; 
	border-bottom:1px solid #7f9DC7; 
	margin:0 9px; 
	padding:5px 0; 
	overflow:auto; 
	color:#FFFFFF; }

#neContent a { color:#FFFFFF; }	
#neContent p, #neContent a:hover { color:#99CCFF; margin:0 0 10px 0;}	
	
#neBottom { float:right; width:194px; height:10px; background:url(../img/home/g_newsHome_bottom.gif) no-repeat;}

/* IE ignores css styles with [attributes], so it will skip the following. */

.transback {
	display:none; 
    position:absolute;
	padding:5px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/generic/g_trans.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.transback[class] {
  background-image:url(../img/generic/g_trans.png);
}

.transback p {color:#FFFFFF; padding:0; margin:0;}



/* COLUMN STYLES STYLES */

#singleleftCol {width:197px; float:left;}
#singleRightCol {width:197px; float:right;}

#leftCol { float:left; width:578px;}
#rightCol {float:right; width:578px;}	

#back { float:left; width:578px; border-bottom: 1px #EAEAEA solid; }
#back p { float:right; font-size:12px; color:#1E5CA5; font-style:italic; }

#pullout{
	width:800px;
	margin:0 25px;
	padding:0;
	float:left;
	clear:both;
	}
	
#col1, #col2, #col3, #col4 {width:173px; height:135px; float:left; padding:9px 12px;}

#col1 p, #col2 p, #col3 p, #col4 p {margin-right:70px;}
	
#col1 { margin-right:4px; background:url(../img/generic/g_pullProduct.jpg) no-repeat; }
#col2 { margin-right:4px; background:url(../img/generic/g_pullWaveRadar.jpg) no-repeat; }
#col3 { margin-right:4px; background:url(../img/generic/g_pullChat.jpg) no-repeat; }
#col4 { background:url(../img/generic/g_pullSudep.jpg) no-repeat; }

#singleRightCol div { margin-right:0; }



/* CallOut STYLES */	

.callHead, .callBottom, .call, .callHide  { width:197px;}
.callHead, .callBottom, .call, .callHide { float:left;}

.callHead 		{ background:url(../img/generic/g_callout_head.jpg) no-repeat; height:36px; }
.call 			{ background:url(../img/generic/g_callout_content.gif) repeat-y;}
.callBottom 	{ background:url(../img/generic/g_callout_bottom.gif) no-repeat top; height:12px; padding-bottom:20px; float:left;}
.callHead h4 	{ color:#FFFFFF; padding:8px; margin:0;}
.call p 		{ padding-left:8px; padding-right:8px; margin:5px 0;}
.callBtn 		{ width:19px; height:19px; float:right; position:relative; left:-8px; top:8px; }
ul.callHide 	{ background:url(../img/generic/g_callout_content.gif) repeat-y; width:197px; list-style:none; float:left; padding:0; margin:-6px 0 0 0 ; }
.callHide li 	{ padding:0; margin:0;  border-bottom: 1px #EAEAEA solid; }
.callHide a.cat 	{ padding:6px 8px; display:block; margin:0; line-height:16px;}


ul.callHide ul 			{ margin:0; list-style:none; padding:0;}
ul.callHide ul li 		{ margin:0; padding:0; border-bottom:none; border-top: 1px #EAEAEA solid;}
ul.callHide ul a		{ color:#666666; padding:0 0 0 40px; }

ul.callHide ul a.cat { padding:6px 8px 6px 20px;}  /*   INDENTS THE SUB CATEGORY  */

ul.callHide b	{ background:#83a6ce; display:block;}
ul.callHide b a, ul.callHide b a:hover	{ color:#FFFFFF;}

ul.callHide ul li b	{ background:#83a6ce; display:block; }
ul.callHide ul li b a, ul.callHide ul li b a:hover	{ color:#FFFFFF;}

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


/* TABLE Styles */	

.genTable { width:100%;}
.genTable td {padding:8px; }

#contactsform table { border-top: 1px #EAEAEA solid; }

/* FORM Styles */	

.text175 {width:175px;}

/* LIST AND RANGE Styles */

.range { padding:10px 0; float:right; clear:both;}
.range a { color: #999999; border-left:1px #999999 solid; padding:0 8px;}
.range a:hover, .range a.active { color: #1E5CA5;}
.range a.prev { background:url(../img/generic/g_prev.gif) no-repeat left 0.25em; padding-left:10px; border:none; }
.range a.next { background:url(../img/generic/g_next.gif) no-repeat right 0.25em; padding-right:10px;}

.sort { padding:10px 0; float:left;}

/* NEWS Styles */

.listItem { border-top: 1px #EAEAEA solid; padding:10px 0; clear:both; width:578px;}
.listItem td { vertical-align:top; text-align:left;}
.listItem p, .listItem h2 { margin:0 0 5px 0; }
.listItem em { font-weight:lighter; font-size:12px;}

.listImage { width:135px ;}
.listIcon {width:110px;}
.listIcon div {float:right;}

.newsArticle { float:right; padding:10px 0; width:360px; }
.newsArticle em { font-weight:lighter; font-size:12px;}
.newsArticleImg { width:200px; float:left; padding:20px 0; }


/* MANUFACTURERES LOGOS Styles */

.aadi, .turner, .jfe, .metocean, .contros, .campbell, .datawell, .fiomarine, .nautilus, .rosemount, .saiv, .openseas, .rsaqua, .rowe
{ width:100px; height:96px; float:right; background-position:center; background-repeat:no-repeat; }

.aadi 		{ background-image:url(../img/manuf_logo/g_aadi.jpg);		}
.turner 	{ background-image:url(../img/manuf_logo/g_turner.jpg); 	}
.jfe 		{ background-image:url(../img/manuf_logo/g_jfe.jpg);		}
.metocean 	{ background-image:url(../img/manuf_logo/g_metocean.jpg);	}
.contros 	{ background-image:url(../img/manuf_logo/g_contros.jpg);	}
.campbell 	{ background-image:url(../img/manuf_logo/g_dai.jpg); 		}
.datawell 	{ background-image:url(../img/manuf_logo/g_datawell.jpg);	}
.fiomarine 	{ background-image:url(../img/manuf_logo/g_fiomarine.jpg);	}
.nautilus 	{ background-image:url(../img/manuf_logo/g_nautilus.jpg);	}
.rosemount 	{ background-image:url(../img/manuf_logo/g_rosemount.jpg);	}
.saiv 		{ background-image:url(../img/manuf_logo/g_saiv.jpg);		}
.openseas 	{ background-image:url(../img/manuf_logo/g_openseas.jpg);	}
.rsaqua 	{ background-image:url(../img/manuf_logo/g_rsaqua.jpg);		}
.rowe 		{ background-image:url(../img/manuf_logo/g_rowe.jpg);		}











/* PRODUCT SPECIFIC STYLES */

.prodTitle {font-size:20px; padding:20px 0; font-weight:lighter; display:block; clear:both; line-height:22px;}
#productBack { float:left; width:800px; border-bottom: 1px #EAEAEA solid;}
#productBack p { float:right; font-size:12px; color:#1E5CA5; font-style:italic; }
.manuLink {float:right; margin-left:15px;}

#prodTab, #prodTab2 {
	width:536px;
	padding:10px 20px;
	float:left;
	border-color:#DFDFDF;
	border-style:solid;}

#prodTab { border-width:1px 1px 0 1px;}
#prodTab2 { border-width:0 1px 0 1px;}	
	
	
#prodBottom { width:578px; height:20px; background:url(../img/products/g_tab_bottom.gif) no-repeat; clear:left; margin-bottom:10px;}
#prodTop { width:578px; height:8px; background:url(../img/products/g_tab_top.gif) no-repeat; clear:left;}


.prodInfo 			{}
.prodRelated 		{}
.prodDownload 		{}
.prodImg 			{}
.prodManufacturer	{}

.prodRelated .listItem {width:540px;}
.prodRelated .listItem h3 { display:none;}
.prodRelated .listItem img {float:left; margin-right:10px;}

.prodDownload table {width:100%;}
.prodDownload td {padding:5px; border-bottom:1px #EAEAEA solid;}

.prodImg img {padding:0 10px 10px 0;}


/* epilepsy_bereaved.html SPECIFIC STYLES */

.sudep {float:right; padding:10px;}


#social-media {float:left;}

#social-media ul li {display:inline; margin-right:10px;}