html, body
{
	background: #3ab2e4 url(../img/bg1r.jpg) repeat-x;
	margin: auto;
	text-align: center;
}
img
{
	behavior: url("iepngfix.htc");/**/
}
i { font-style: italic; }
.body
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#bgImg {
	background: url(../img/bg1_2.jpg);
	height: 1004px;
	/*width: 1124px;*/
	width: 960px;
	display: inline-block;
	margin: 0px auto 0px auto;
}

#logo_con {
	position: relative;
	left: 20px;
	top: 20px;
	display: inline;
	float: left;
}
#phone_con {
	display: inline;
	float: right;
	margin: 20px 10px 0px 0px;
	font-size: 14.25px;
	font-weight: bolder;
}

#nav_con {
	display: inline-block;
	position: absolute;
	visibility: visible;
	left: 20px;
	top: 110px;
	background: url(../img/navBg.gif);
	height: 26px;
}
#navItemStart {
	background: url(../img/navBgLeft.gif) no-repeat;
	display: inline-block;
	float: left;
	position: relative;
	height: 26px;
	width: 5px;
	margin: 0px;
}
#nav_con .navItem {
	color: #FFFFFF;
	display: inline-block;
	margin: 5px 5px 0px;
	float: left;
	position: relative;
	font-size: 16px;
}
#nav_con .navSep {
	color: #FFFFFF;
	display: inline;
	margin: 3px 5px 0px;
	float: left;
}

#navSection { display: inline-block; float: left; }

#navItemEnd {
	background: url(../img/navBgRight.gif) no-repeat right;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 26px;
	width: 5px;
	margin: 0px;
	z-index: 5;
}

#navBlock
{
	position: relative;
	z-index: 20;
}

#icons_con
{
	display: inline-block;
	float: right;
	clear: right;
	margin: 15px 10px 0px 0px;
	width: 200px;
}



.icons
{
	margin-left: 17px;
	float: right;
	width: 18px;
	text-align: center;
	cursor:pointer;
}

#loc_con
{
	float: right;
	width: 235px;
	margin: 10px 10px 0px 0px;
	clear: right;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	position: relative;
}

.locCopy {
	white-space: nowrap;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 5px;
}

#zipForm
{
	display: inline;
	float: right;
}


#zipInput {
	position: absolute;
	right: 16px;
	height: 12px;
	width: 140px;
	background: url(../img/zipInputBG-1.gif);
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	border-width: 0px;
	border-style: none;
	color: #828383;
}

#zipInput2 {
	position: absolute;
	right: 16px;
	height: 22px;
	width: 140px;
	/*background: url(../img/zipInputBG.gif);*/
	font: 13px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	border: 1px solid #4388a7;
	color: #b2b2b2;
	vertical-align: bottom;
}

#zipBtn {
	height: 16px;
	width: 16px;
	float: right;
	display: inline;
}

#zipBtn2 {
	position: absolute;
	right: -11px;
	height: 28px;
	width: 28px;
}

#nav2_con
{
	position: relative;
	left: 20px;
	text-align: left;
}

#nav2_con  .navItem {
	color: #9b9b9b;
	display: inline-block;
	margin: 5px 5px 0px;
	float: left;
	position: relative;
	font-size: 12px;
}
#nav2_con  .navSep {
	color: #424242;
	display: inline;
	margin: 3px 5px 0px;
	float: left;
}

#nav3_con
{
	display: inline-block;
	position: absolute;
	top: 190px;
	left: 30px;
	z-index: 20;
}

#nav3_con  .navItem {
	color: #9b9b9b;
	display: inline-block;
	margin: 5px 5px 0px;
	float: left;
	position: relative;
	font-size: 12px;
}
#nav3_con  .navSep {
	color: #424242;
	display: inline;
	margin: 3px 5px 0px;
	float: left;
}

#nav3a_con
{
	display: inline-block;
	position: absolute;
	top: 310px;
	left: 20px;
	z-index: 20;
}

#nav3a_con  .navItem {
	color: #9b9b9b;
	display: inline-block;
	margin: 5px 5px 0px;
	float: left;
	position: relative;
	font-size: 12px;
}
#nav3a_con  .navSep {
	color: #424242;
	display: inline;
	margin: 3px 5px 0px;
	float: left;
}


#nav3b_con
{
	display: inline-block;
	position: absolute;
	top: 248px;
	left: 20px;
	z-index: 20;
}

#nav3b_con  .navItem {
	color: #9b9b9b;
	display: inline-block;
	margin: 5px 5px 0px;
	float: left;
	position: relative;
	font-size: 12px;
}
#nav3b_con  .navSep {
	color: #424242;
	display: inline;
	margin: 3px 5px 0px;
	float: left;
}

#reefHead
{
	position: absolute;
	top: 145px;
	left: 0px;
	width: 100%;
	height: 150px;
	z-index: 19;
}

#reefHeadPosition
{
	position: relative;
	margin-right: 40px;
	margin-left: 30px;
}
#reefHeadLeft
{
	color: #FFF;
	font-family: times, times new roman, verdana, sans-serif;
	font-size: 34px;
	width: 40%;
	text-align: left;
	float: left;
}
#reefHeadRight
{
	color: #000;
	font-size: 12px;
	width: 55%;
	float: right;
	text-align: left;
	padding-top: 5px;
}

.reefMapLink
{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
a:link.reefMapLink{color: #FFF;}
a:hover.reefMapLink{color: #000;}
a:visited.reefMapLink{color: #fff;}
a:hover:visited.reefMapLink{color: #000;}

#footerNavItems
{
	position: relative;
	width: 100%;
	clear: both;
	text-align: left;
}

#footerCreds
{
	position: relative;
	margin: 15px 0px 0px 0px;
	color: #FFF;
	font-size: 10px;
}

#footer_con .navItem
{
	color: #FFFFFF;
	display: inline;
	margin: 5px 5px 0px;
	position: relative;
	font-size: 14px;
	letter-spacing: .1em;
}

#footer_con .navSep {
	color: #FFFFFF;
	font-size: 16px;
	display: inline;
	margin: 3px 5px 0px;
}
.bodyTableContent1 {
	width: 955px;
	margin: auto;
	position: relative;
	display: inline-table;
	height: auto;
}
.bodyTableContent1 .tblColEndSpcr
{ width: 25px; 
}
.bodyTableContent1 .tblColCtrSpcr
{ width: 25px; 
}
.bodyTableContent1 .leftCol
{ width: 640px; 
}

.bodyTableContent1 .rightCol
{ 
	width: 240px; 
}

.headline
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-family: times, times new roman, verdana, sans-serif;
	text-align: left;
	display: none;
}

h2
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-family: times, times new roman, verdana, sans-serif;
}

p
{
	margin-bottom: 15px;
	line-height: 1.4em;
}
ol
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 35px;
}

ul
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 35px;
}

li {margin-bottom: 10px;}

.finePrint
{
	color: #999;
	font-size: 70%;
}

.quote { font-style: italic; }

#testimonial_con
{
	width: 100%;
	height: 375px;
	overflow: hidden;
	position: relative;
}

#testimonial1
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 915px;
}

#testimonial2
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 915px;
	-moz-opacity:.0; 
	filter:alpha(opacity=0); 
	opacity:.0;
}

#testimonial3
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 915px;
	-moz-opacity:.0; 
	filter:alpha(opacity=0); 
	opacity:.0;
}
#tesimonialScroller
{
	width: 80%;
	height: 50px;
	text-align: center;
	position: relative;
	margin-top: -50px;
}

.coverup
{
	position: absolute;
	top: 5px;
	left: -12px;
	z-index: 5;
}

.address
{
	color: #4C4C4C;
	padding-left: 10px;
	line-height: 1.5em;
}

#rightBanners { text-align: right; }

a:link.footLinks
{	
	font-size:11px;
	color: #FFF;
	text-decoration: none;
}
a:visited.footLinks
{
	font-size:11px;
	color: #FFF;
	text-decoration: none;
}

a:link { color: #107192; }
a:visited { color: #107192; }

#form_1
{
	width: 500px;
	margin-left: 200px;
}

#mediaFlash
{
	padding: 0px;
	margin: 0px;
}

.display_specific_fields td{ padding: 4px; }

#randomTestimonial
{
	width: 200px;
	margin-left: 50px;
	color: #7F7F7F;
	font-size: 11px;
	font-style: italic;
	text-align: left;
	margin-left: auto;
}

.processImg
{
	border: 3px #0067B1 double;
	margin: 5px 0px 5px 25px;
}
.processCont {}
.process1 {width: 50px;}
.process2 {}

/* STYLES FOR STEP BY STEP */
#stepByStep
{
	width: 608px;
	height: 350px;
	overflow: hidden;
	background-image: url(../img/steps/step1.jpg);
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
}
#stepByStepNav
{
	width: 100%;
	height: 40px;
	position: relative;
	text-align: right;
}

#step1
{
	position: absolute;
	top: 45px;
	left: 20px;
	width: 550px;
	height: 300px;
}
#step2
{
	display: none;
	position: absolute;
	top: 45px;
	left: 20px;
	width: 550px;
	height: 300px;
}
#step3
{
	display: none;
	position: absolute;
	top: 45px;
	left: 20px;
	width: 550px;
	height: 300px;
}
#step4
{
	display: none;
	position: absolute;
	top: 45px;
	left: 20px;
	width: 550px;
	height: 300px;
}
#step5
{
	display: none;
	position: absolute;
	top: 45px;
	left: 20px;
	width: 550px;
	height: 300px;
}

#stepHeader
{
	width: 550px;
	color: #000;
	font-family: times, times new roman, verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

#stepContain{position: relative;}

#stepParagraph
{
	position: absolute;
	top: 0px;
	right: 0px;
	color: #4C4C4C;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	width: 335px;
}

.stepsImg
{
	border: 2px solid black;
	position: absolute;
	top: 3px;
	left: 0px;
	width: 201px;
}

/* END STYLES FOR STEP BY STEP */

/* STYLES FOR VIDEO SECTION */
#videoSection
{
	width: 100%;
	text-align: center;
}
/* END STYLES FOR VIDEO SECTION */
.cartBold{
	font-weight: bold;
}

.cartFieldLabel{
	font-weight: bold;
	padding: 5px;
	text-align: right;
}

#reefFlash {
left:0px;
}


.productView a{
	color: #107192; 
	cursor: pointer;
	text-decoration: underline;
}

.productDescription{
	display: none;
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 7px 0 0 3px;
	width: 225px;	
}

.productDescription li
{
	list-style-position: inside;
}

.productName{
	font-weight: bold;
}

/* STYLES FOR THE SHOPPING CART */
#cartCon
{
	position: relative;
	width: 864px;
	background-image: url(../img/cart_BG.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 25px;
	padding-left: 20px;
}
#cartHeader
{
	position: relative;

}
#cartGuts { padding: 20px 0px 0px 0px; min-height: 400px;}
#zipFormCart
{
	width: 350px;
}
#zipFormRequest
{
	width: 230px;
}
#cartStep
{
	position: absolute;
	top: -13px;
	left: 0px;
}

#cartHeadText
{
	position: relative;
	color: #000;
	font-size: 24px;
	padding-top: 25px;
	font-family: times, times new roman, verdana, sans-serif;
}

#cartThankYou
{
	padding: 50px 20px 200px 30px;
	color: #000;
	font-family: times, times new roman, verdana, sans-serif;
	font-size: 24px;
}

/* END STYLES FOR THE SHOPPING CART */


#landingPageLeftNav {
	float: left;
	text-align: left; 
	left: 20px;
	top: 30px;
	position: relative;
	width: 40%;
	font-size: 16px;
}

#landingPageCenter {
	float: right; 
	margin: 30px 0 30px 0;	
	min-height: 200px; 
	position: relative; 
	right: 10px; 
	width: 55%;
}

#landingPageCenter .display_specific_fields{
	width: 450px;
	text-align: left;
}

#landingPageCenter .display_specific_fields td{
	/*text-align: left;*/
}

#landingPageIntroCon {
	margin: 0px;
	background-color: #FFFFFF;
	display: inline-block;
	width: 955px;
	font-size: 0.82em;
}

/* =================== */
#landingPageIntroLeft {
	width: 696px;
	height: 183px;
	float: left; 	
	background-image: url('/img/landingPageHeaderBG.gif');
	background-repeat:no-repeat;
}

#landingPageIntroLeft .copy {
	text-align: left; 
	left: 25px; 
	top: 30px; 
	position: relative;
}

#landingPageIntroLeft h3{
	font-family: Times;
	font-size: 36px;
	color: #0075a8;
}

#landingPageIntroLeft h4{
	font-family: Times;
	font-size: 22px;
	color: #0075a8;
	font-style: italic;
}


#landingPageIntroRight {
	float: right; 	
}

#landingPageIntroCopy {
	margin: 15px 0 15px 20px;
	text-align: left;
	width: 900px;
	color:#4C4C4C;
}

#landingPagePhone_con {
	display: inline;
	float: right;
	margin: 55px 10px 0px 0px;
	font-size: 14.25px;
	font-weight: bolder;
}

.landingPageLeftNavContent {
	margin: 4px 0 40px 8px;
	font-size: .93em;
}

.landingPageLeftNavContent td{
	white-space: nowrap;
}

#landingPageCenterCon {
	background-image: url('/img/cart_BG.gif'); 
	background-repeat:no-repeat; 
	width: 864px;
	margin-left: 24px;
}

.infoTitle {
	font-weight: bold;
	font-size: 15px;
}

.promotion {
	margin: 0 0 0 85px;
}