@charset "UTF-8";
@import "ajax_tabs.css";


html,body{margin:0;padding:0px; }
body{text-align:center;

background: url(aqua-background.jpg) top center repeat-y;
background-color: #4589AC;

}


div#container-home
{
width:1000px;  margin:0 auto;
border-left:1px solid #1E3F8E; border-right:1px solid #1E3F8E;
background-image:url(AquaHomeTop4.jpg); 
layer-background-image:url(AquaHomeTop4.jpg);
background-repeat: no-repeat; 
background-position: right top;
}



div#container{width:1000px; margin:0 auto; background: white; border-left:1px solid #1E3F8E; border-right:1px solid #1E3F8E;}
div#header{margin: 0;padding: 0; }
div#content{  margin: 0;padding: 0; }
div#leftcolumn{ margin: 0;padding: 0; }
.tdright { background-image: url(back.gif); border-left: solid 1px #1E3F8E; background: #f5f5f5 url(images/graybg.gif) ;}
.tdleft  { background-image: url(back.gif); border-right: solid 1px #ccc; background: #f5f5f5 url(images/graybg.gif) ;}
.flashDiv {	z-index: 0; }

div#article{ margin: 0 auto; padding: 0px 30px 0px 30px; background: white; text-align: left; font-family: arial, sans-serif; font-size: 12px }


#ProductHeader{border-top: 1pt solid #e4e4e4; padding:0px; margin:0px; width:525px;}
.text-small   {font-size: 95%;}



div.bluebox         {padding: 15px; background-color:#F0F8FB;border:solid 1px #C8E6F0; }
/*div.bluebox ul      {width: 50em;}
div.bluebox ul li   {float: left; width: 16em; list-style-type: none;}
div.bluebox br      {clear: left;}*/
div.bluebox wrapper {margin-bottom: 1em;}



div.breadcrumbs { font-size: 10px; color: silver; }


div#bannerad{background-color: #F9F9F9; color: #CBD0D8; border: 1px solid #DDDDDD; padding: 1px; margin-bottom: 15px; font-size: 7.5pt; text-align: left;}
div#bannerad2{padding: 0px 9px 9px 9px; text-align: center;}


div#content p  {font-size: 12px; font-family:  Arial,  Helvetica, Verdana,  sans-serif;  text-align: left;line-height: 18px; padding:0px 0px 5px 0px;}
div#content h1 {background: url(tilda.gif); background-repeat: no-repeat; font: 20px Arial, georgia, times, times new roman, serif;font-weight: bold;padding: 17px 20px 0px 25px;margin: 0px;text-align: left;color: #1A336C;clear: both;}
div#content h2 {font: 16px Arial, georgia, times, times new roman, serif; font-weight: bold; padding: 10px 20px 5px 0px; margin: 0px; text-align: left;color: #0066cc;clear: both;}
div#content h2 a{text-decoration: none;font-weight: bold;color: #fff;text-shadow: 2px 2px 4px #000;}
div#content h2 a:hover {color: #0081CD;}
div#content h3 {font: normal 1.4em helvetica, verdana, arial, sans-serif; font-weight: bold; color: #018A85; padding: 0px 0px 0px 0px; margin: 10px 0px 5px 0px;}
div#content h3 a{text-decoration: none;}
div#content h3 a:hover {color: #0081CD;}
div#content h4 a{text-decoration: none;font-weight: bold;color: #fff;}
div#content h4 a:hover {color: #0081CD;}
div#content h5 {font: normal 1.25em/1em georgia, times, "times new roman", serif;padding: 1.5em 0em .25em 1.25em;margin: 0;color: #0885cf;}

/*
div#content a:link    {text-decoration: none; color: #0D83C1; font-weight: bold;}
div#content a:visited {text-decoration: none; color: #0D83C1; font-weight: bold;}
div#content a:active  {text-decoration: none; color: #0D83C1; font-weight: bold;}
div#content a:hover { text-decoration: underline; color: black;}
*/

 a:link    {text-decoration: none; color: #0D83C1; font-weight: bold;}
 a:visited {text-decoration: none; color: #0D83C1; font-weight: bold;}
 a:active  {text-decoration: none; color: #0D83C1; font-weight: bold;}
 a:hover { text-decoration: underline; color: black;}



div#content table  {font: 12px/1.5 Arial,  Geneva, Verdana, Arial, Helvetica,sans-serif; text-align: left;line-height: 18px;padding:0px 0px 0px 0px;}
div#content form {margin: 0;padding: 0; }
.author{border-top: dotted 1px #ccc; margin: 20px 20px 0px 20px; padding: 5px; font-size: 90%;}
img.articleimage{float: right; border: 1px solid #0066CB; margin: 5px 10px 10px 10px;}



div#rightcolumn{ text-align:center; width: 235px;  margin: 0; }
div#rightcolumn form {margin: 0;padding: 0; }
div#rightcolumn input {border: 1px solid gray }
div#rightcolumn input:focus { background: #FFFFDE;}


div#homepage {text-align: center; font-family: Arial, Verdana, Helvetica; font-size: 12px; color: white;}
div#homepage p  {font-size: 12px; font-family:  Verdana, Arial,  Helvetica, sans-serif; text-align: left;line-height: 18px; color:white; padding:0px 0px 5px 0px;}
div#homepage h1 {background: url(h1.gif); background-repeat: no-repeat; font: 20px Arial, "Lucida Grande", georgia, times, times new roman, serif;font-weight: bold;padding: 17px 20px 20px 25px;margin: 0px;text-align: left;color: #0081CD;clear: both;}
div#homepage h2 {background: url(h1.gif); background-repeat: no-repeat; font: 20px Arial, "Lucida Grande", georgia, times, times new roman, serif;font-weight: bold;padding: 17px 20px 10px 25px;margin: 0px;text-align: left;color: #DC850E;clear: both;}
div#homepage h2 a{text-decoration: none;font-weight: bold;color: #fff;text-shadow: 2px 2px 4px #000;}
div#homepage h2 a:hover {color: #0081CD;}
div#homepage h3 {font: normal 1.25em helvetica, verdana, arial, sans-serif;color: #0081CD;}
div#homepage h3 a{text-decoration: none;font-weight: bold;color: #fff;text-shadow: 2px 2px 4px #222;padding: .2em 0em .25em 1.5em;background: transparent;display: block;}
div#homepage h3 a:hover {color: #0081CD;}
div#homepage h4 a{text-decoration: none;font-weight: bold;color: #fff;}
div#homepage h4 a:hover {color: #0081CD;}
div#homepage h5 {font: normal 1.25em/1em georgia, times, "times new roman", serif;padding: 1.5em 0em .25em 1.25em;margin: 0;color: #0885cf;}
div#homepage a:link, a:visited, a:active {text-decoration: none; color: #09347a; font-weight: bold;}
div#homepage a:hover { text-decoration: underline; color: black;}
div#homepage form {margin: 0;padding: 0; }
div#homepage input {border: 0px ; }
div#homepage input:focus {border: 0px ; background: #FFFFDE;}




div#copy  {margin: 10px 10px 10px 10px; text-align: center; font-family: arial, helvetica, verdana; font-size: 12px; color: white;}
div#copy a{color: white; text-shadow: 2px 2px 4px #000;}
div#copy a:hover {color: silver;}


div#banner  {margin: 10px 10px 10px 10px; text-align: center; font-family: arial, helvetica, verdana; font-size: 12px; color: white;}
div#banner a{color: white; text-shadow: 2px 2px 4px #000;}
div#banner a:hover {color: silver;}







a img {border: none; }
.thumblink a:link{display:block; color: navy; background-color: #F3F3F3; text-decoration: none; text-align: left; padding: 5px; border: 1px solid white}
.thumblink a:hover{background-color:#D9D9F3;}

h4 {
color: #0D83C1; font-size: 120%; 
margin-bottom: 0;
padding-bottom: 0;
}

p.dec {
font-family: verdana, arial, sans-serif;
font-size: 95%;
padding: 8px; 
background-color: #F0F8FB; 
border: dotted 1px #C8E6F0;
}

div.dec {
font-family: verdana, arial, sans-serif;
font-size: 95%;
padding: 8px; 
background-color: #F0F8FB; 
border: dotted 1px #C8E6F0;
}




.specialalek {display:none;}




.m {width: auto;
		border: 1px solid #E6E6E6;}
	a.m {text-decoration: none;
		padding: 5px;
                background-color: #FCFCFC;;
		width: 122px;
		border: 1px solid #E6E6E6;
		display: block}
	a.m:hover {
		background-color: #FFFFDE}
		
div#bannerad{background-color: #F9F9F9; color: #CBD0D8; border: 1px solid #DDDDDD; padding: 1px; margin-bottom: 15px; font-size: 7.5pt; text-align: left;}
div#bannerad2{padding: 0px 9px 9px 9px; text-align: center;}


.card {
min-width: 150px;
float:left;
padding: 6px; 
margin: 0px 10px 5px 0px;
text-align:center;
border: solid 1px #005C86; 
background-color: #F5F5F5; 
z-index:1000;

 }


.videothumb {
min-width: 150px;
float: left;
padding: 0px; 
margin: 0px 5px 5px 5px;
text-align:center;
 }


.profilepicture {
min-width: 150px;
float: right;
padding: 6px; 
margin: 5px;
text-align:center;
border: solid 1px #005C86; 
background-color: #F5F5F5; 
 }
 
.breadcrumb {color: #666; margin: 0 0 5px 5px; font-size: 11px;}
.breadcrumb   a:link    {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.breadcrumb   a:visited {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.breadcrumb   a:active  {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.breadcrumb   a:hover   {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }


.catcrumb {color: #666; margin: 0 0 5px 0px; font-size: 11px;}
.catcrumb   a:link    {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.catcrumb   a:visited {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.catcrumb   a:active  {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }   
.catcrumb   a:hover   {font-size: 11px; color: #666; font-weight: normal; text-decoration: underline; }


.logo {
float: left;
padding: 6px; 
margin: 0px 5px 5px 5px;
text-align:center;
 }
 
.card   a:link    {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:visited {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:active  {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:hover   {font-size: 11px;  font-weight: normal; text-decoration: underline; }

.logo   a:link    {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:visited {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:active  {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:hover   {font-size: 11px;  font-weight: normal; text-decoration: underline; }

 .completionlist {
	z-index: 30;
	padding: 5px;
	border: 1px solid gray;
	background-color: white;
	list-style-type: none;
	}