body
{
    margin-bottom:0; margin-right:0; margin-left:0; margin-top:0;
    font-size: 8pt;
    line-height: 10pt;
    font-family:  verdana, arial; 
    background-color: white;
		background: #fbfbfb url(images/pagegradient_blue.png) repeat-x;
}
/* define content area */
#container 
{
	position:relative; 
	margin: 0px auto;
	width: 940px;
	border-color: #9e9ec3;
	border-width: 0px 1px 1px;
	border-style: solid;
	background-color: #ffffff;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		box-shadow:rgba(0,0,0,0.5) 0px 0px 4px; 
}
/* divTop is unseen element to position columns either side of container div  */
#divTop 
{
	height:0px;
	position:relative; 
	margin: 0px auto;
	width: 1340px;
}
#divRightColumn {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
}
#divLeftColumn {
 position:absolute;
 top:0px;
 left:0px;
 width:200px;
}
/* Headings */
h1.navbar
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 4px;
  	line-height:100%;
    font-size: 6pt;
    color: white;
    font-family:  verdana, arial;
  	letter-spacing:3px;
	}
h1
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 4px;
  	line-height:120%;
    font-size: 14pt;
    color: gray;
    font-family:  verdana, arial;
  	letter-spacing:3px;
}
h2
{
    margin-top: 5px;
    margin-bottom: 1px;
    margin-left: 7px;
    font-size: 13pt;
    color: gray;
    font-family:  verdana, arial;
  	padding: 8px 0px 8px 0px;
  	line-height:120%;
  	letter-spacing:2px;
}
h3
{
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 10px;
    font-size: 10pt;
    color: black;
    font-family:  verdana, arial;
  	line-height:120%;
  	letter-spacing:1px;
}
hr
{
    border-right: black;
    border-top: silver 1px solid;
    margin-top: 10px;
    border-left: black;
    border-bottom: black
}
p
{
    font-size: 8pt;
    font-style:normal;
    margin-left: 10px;
    margin-right: 10px;
    font-family:  verdana, arial;
}
a.company
{
    color: white;
    text-decoration: none;
    background: transparent;
}
h1.company
{
    margin-top: 5px;
    font-size: 14pt;
    margin-bottom: 10px;
    margin-left: 0px;
    color: white;
    font-family:  verdana, arial;
  	line-height:200%;
  	letter-spacing:3px;
    background-color: #336699;
    text-indent:10px;
}
/* Tables */
table.company
{
 		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		background: #336699 url(images/ProAccountGrad.png) repeat-x;
		border: #336699 1px solid;
    font-size: 8pt;
    color: white;
    font-family:  verdana, arial;
    white-space:normal;
    padding:0px;
    margin:4px;
}
table.bordered
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
  white-space:normal;
}

tr.company
{
    font-size: 8pt;
    color: white;
    font-family:  verdana, arial;
    background-color: #336699
}
tr.companybox
{ 
	background: url(navbgshort.png);
 _background-image:url(navbgshort.png);
    font-size: 8pt;
    color: white;
    font-family:  verdana, arial;
    background-color: #336699
}
td.companyboxL
{ 
	background: url(navbgshortL.png) no-repeat;
 _background-image:url(navbgshortL.png);
}

table.pricing
{
    border-right: 0px;
    border-top: 0px;
    font-size: 8pt;
    border-left: 0px;
    color: black;
    border-bottom: 0px;
    font-family:  verdana, arial;
    white-space:normal;
}
table.categoryheader
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: black
}
table.treetop
{
    color: white;
    background-color: #336699
}
/* Misc. */
pre
{
	white-space:pre-wrap;
}
.pricing
{
    font-size: 8pt;
    color: black;
    font-family:  verdana, arial
}
a.treetop
{
    font-size: 8pt;
    color: white;
    text-decoration: none
}
div.category
{
    padding-right: 2px;
    padding-left: 2px;
    font-size: 8pt;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: gray 1px solid
}
div.search
{
    padding-right: 10px;
    color: white;
    text-align: right
}
ul
{
    font-size: 8pt;
margin-left: 0; padding-left: 2.5em;

}
area.black
{
    border-right: double;
    border-top: double;
    background-image: url(backgrounds/bluedreams.gif);
    border-left: double;
    color: black;
    border-bottom: double;
    background-color: black
}
.topsecret {font-weight:bold}
p.tiptext{font-style:oblique}
p.warningtext{color:red}
p.techtext{color:gray}
/* common */
div.bordered 
 {
	margin: 4px auto;
	padding: 4px	;
	border-color: #9e9ec3;
	border-width: 1px;
	border-style: solid;
}
Xmas
{
background: #fff url(images/Xmas.png) repeat-x;
height: 100px;
}
div.spacer 
 {
	margin-bottom: 2px;
	height: 1px;
	background-color: #c2c2cd;
	overflow: hidden;
}
.company 
{
	background-color: #336699;
}
.Product
{
		padding:2px;
		background-color: white;
}
.watermarked {color:gray;font-size:11px;font-family:verdana,arial;font-style:italic;}	
.formcontrol{font-size:11px;font-family:verdana,arial}
div.admin{background-color: #ffffcc; background-image: url(images/admin_bg.png); border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 1px solid;}
.admin{background-color: #ffffcc;}
.hidden{display:none; }
.unhidden{display:block; }
.nav {background:transparent url(navbg.png); _background-image:url(navbg.png);}
.upstorenav {background:transparent url(images/UP.Store.png); _background-image:url(images/UP.Store.png);}
.upcontestnav {background:transparent url(images/UP.contest.png); _background-image:url(images/UP.contest.png);}
.uphomenav {background:transparent url(images/UP.home.png); _background-image:url(images/UP.home.png);}
.upforumnav {background:transparent url(images/UP.forum.png); _background-image:url(images/UP.forum.png);}
.upcoursenav {background:transparent url(images/UP.course.png); _background-image:url(images/UP.course.png);}
.updivesitenav {background:transparent url(images/UP.divesite.png); _background-image:url(images/UP.forum.png);}
.stockstorenav {background:transparent url(images/Stock.Store.png); _background-image:url(images/Stock.Store.png);}
.popupLink{padding-bottom: 0px; border-bottom: black 3px double; background-color:#F0F8FF;color:black;text-decoration: none;}
.clear {clear: both;}
/* rounded edges */
.rounded-8       {	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:8px;		-webkit-border-radius:8px;		-opera-border-radius:8px;		-khtml-border-radius:8px;		border-radius:8px;	}
.rounded-4       {	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:4px;		-webkit-border-radius:4px;		-opera-border-radius:4px;		-khtml-border-radius:4px;		border-radius:4px;	}
.rounded-2       {	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:2px;		-webkit-border-radius:2px;		-opera-border-radius:2px;		-khtml-border-radius:2px;		border-radius:2px;	}
.rounded-4-noborder{			margin:2px;  padding :2px;		-moz-border-radius:4px;		-webkit-border-radius:4px;		-opera-border-radius:4px;		-khtml-border-radius:4px;		border-radius:4px;	}
.rounded-shadow-8{	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:8px;		-webkit-border-radius:8px;		-opera-border-radius:8px;		-khtml-border-radius:8px;		border-radius:8px;		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;		box-shadow:rgba(0,0,0,0.5) 0px 0px 8px; }
.rounded-shadow-4{	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:4px;		-webkit-border-radius:4px;		-opera-border-radius:4px;		-khtml-border-radius:4px;		border-radius:4px;		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		box-shadow:rgba(0,0,0,0.5) 0px 0px 4px; }
.rounded-shadow-2{	display:inline-block;		margin:2px;  padding :2px;		border:1px solid #336699;		-moz-border-radius:2px;		-webkit-border-radius:2px;		-opera-border-radius:2px;		-khtml-border-radius:2px;		border-radius:2px;		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		box-shadow:rgba(0,0,0,0.5) 0px 0px 4px; }
.shadow-4        {	display:inline-block;		margin:2px;	-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;		box-shadow:rgba(0,0,0,0.5) 0px 0px 4px; }
.SpecialOffer
{
	/*	display:inline-block; */
		padding:2px;
		width:100%; height:100%;
		border:1px solid #336699;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		box-shadow:rgba(0,0,0,0.5) 0px 0px 8px;
		background:white;
}
.ProAccount
{
	/*	display:inline-block; */
		padding:2px;
		border:1px solid #336699;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-opera-border-radius:8px;
		-khtml-border-radius:8px;
		border-radius:8px;
		-khtml-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;
		-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;
		box-shadow:rgba(0,0,0,0.5) 0px 0px 4px;
		background: #fff url(images/ProAccountGrad.png) repeat-x; 
		overflow:visible;
}
	/*
Shiny buttons
	*/
.shiny-button {
		position:relative;
		display:inline-block;
		width:8em;
		padding:0.25em 0.5em 0.3em 0.5em;
		text-align:center;
		cursor:pointer;
		border:2px solid #999;
    background-color:#666;
		background-color:rgba(128,128,128,0.75);
	    -moz-border-radius:16px;
	    -webkit-border-radius:16px;
	    -opera-border-radius:16px;
	    -khtml-border-radius:16px;
	    border-radius:16px;
		font-size:1.5em;
		color:#fff;
		font-weight:bold;
		text-shadow:1px 1px 3px rgba(0,0,0,0.5);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		-khtml-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	}
	.shiny-button span {
		position:absolute;
		display:block;
		width:94%;
		left:3.5%;
		top:0px;
		height:50%;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		background-color:rgba(255,255,255,0.25);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));		
	}
	#shiny-blue {
		border-color:#999;
		background-color:rgba(128,128,128,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		-khtml-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	}
	#shiny-blue:hover {
		border-color:#6699cc;
		background-color:rgba(64,128,192,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
		-khtml-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		margin-right:1.5em;
	}
	#shiny-blue,
	#shiny-red {
		margin-right:1.5em;
		margin-right:1.5em;
	}
	#shiny-red:hover {
		border-color:#aa7777;
		background-color:rgba(255,0,0,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(128,64,64,0.75)), to(rgba(256,128,128,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(128,64,64,0.75)), to(rgba(192,128,128,0.9)));
		-khtml-box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
		-moz-box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
		box-shadow:rgba(256,128,128,0.5) 0px 8px 24px;
	}
	#shiny-green:hover {
		border-color:#77cc77;
		background-color:rgba(0,128,0,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,128,64,0.75)), to(rgba(128,255,128,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(64,128,64,0.75)), to(rgba(128,192,128,0.9)));
		-khtml-box-shadow:rgba(128,256,128,0.6) 0px 8px 24px;
		-moz-box-shadow:rgba(128,256,128,0.6) 0px 8px 24px;
		box-shadow:rgba(128,256,128,0.6) 0px 8px 24px;
	}
.footer-menu 
{
	text-align:center;
}
.footer-menu li {
	float:left;
	font-size:11px;
	padding-right:17px;
	margin-right:13px;
	line-height:1.2em;
}
.footer-menu li a {
	display:inline-block;
	text-decoration:none;
	color:#5e5e5e;
}
.footer-menu li .active, .footer-menu li a:hover {
	color:#6f931b;
	text-decoration:underline;
}
.footer-menu .last {
	background:none;
}


/* tooltips*/
a.info{
    position:relative; 
    z-index:24; 
    color:#000;}
a.info:hover{z-index:25;}
a.info span{display: none}
a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; 
    border:1px solid #000000; padding:2px;
    background-color:#fafad2; color:#000;
    min-width: 300px; 
    font-weight:normal; 
    font-style:normal; 
    text-align:left;
    }

.Ads
{
	font-size:7pt;
	background-color:white;
	margin:4px;
	width: 200px;
	cursor:pointer;
}
.AdsTitle
{
	font-size:7pt;
	margin:4px;
	padding-right:6px;
	width: 200px;
	background-color:#dcdcdc;
}