/* CSS for snorkel.com - by DianeV. Web Design Studio */

body {color:#000; margin:8px 0; padding:0; border:none; font-size:82.5%; font-family:arial,Helvetica,sans-serif; text-align:center; background:#95A679}

#ultimatewrap {width:960px; margin:auto}
#pagewrap {text-align:left; width:960px; font-size:1em; margin:0 auto; padding-bottom:1.5em; background:url(images/l2/bkpage.jpg) repeat-y} /* bottom margin set at #pagebtm #thec */

#bktop {width:960px; height:23px; color:#77885A; font-size:12px; text-align:right; background:url(images/l2/bktop.jpg) no-repeat; background-position:center bottom}
	#bktop ul {list-style:none; margin:0; padding:0 16px 0 0; font-size:12px; height:16px}
	#bktop li {display:inline} 
	#bktop li a {color:#fff; padding:0 10px; height:16px; font-weight:bold; margin:0 -4px 0 0; text-decoration:none; border-left:1px solid #77885A}
	#bktop li a:hover {color:#fff; background:#B2BE9D; padding-bottom:1px; border-left:1px solid #777}
	   #bktop a#topnavlt {border-left:none}

#headercont {width:940px; height:86px; margin:auto}
#headercont a img {border:none; text-decoration:none}

	#thelogo {float:left; width:170px; padding-left:20px}
	#thelogo img {width:170px; height:86px}

	#headerrt            {float:right; width:720px; height:86px}
	#headerambience      {float:left; width:342px; height:86px}
		#headerambience img {width:342px; height:86px; border:none}
	#headerrt #headerhottubimg  {float:right; width:378px; height:86px}
	#headerrt img {border:none} /* need this for image map in IE */

	/* HEADER AD CHANGES - comment out when not using */
/*#headercont {width:940px; height:120px; margin:auto}
	#thelogo {padding-top:24px; padding-left:10px}
	#headerrt            {float:right; width:760px; height:120px}
	#headerambience      {float:left; width:372px; height:120px; display:table-cell; vertical-align:bottom}
		#headerambience img {width:342px; height:86px; border:none}
		#headerhottubimg  {float:right; width:378px; height:120px; padding-top:34px}*/

#picstrip {clear:both; width:940px; height:138px; margin:auto}
#picstrip img {width:940px; height:138px}

/* SITE-WIDE STORE NAV */
#hnavstore {clear:both; width:910px; height:40px; margin:auto; padding:0 15px; background:#859D6A}
#hnavstoreleft {float:left; width:250px}

#hnavstoreright {float:right; width:450px; padding-top:7px; text-align:right}
#hnavstoreright a img {border:1px solid #859D6A; text-decoration:none}
#hnavstoreright a img:hover {border:1px solid #fff; text-decoration:none}

/*  SOS DROPDOWN MENU                       */
#hnav {clear:both; width:940px; height:16px; font-weight:bold; margin:auto; padding:0; background:url(images/l2/nav.jpg) repeat-x}

#nav, #nav ul {width:940px; padding:0; margin:0; font-size:12px; list-style:none; line-height:1} /*leave line-height:1*/
#nav li {float:left; padding:0; margin:0; letter-spacing:1px} /* width needed on list items or Opera goes nuts */
#nav li a {color:#636c57; text-align:left; display:block; padding:2px 16px; text-decoration:none; border-left:1px solid #ddd}
#nav li a:hover {color:#efefef; background-color:#636c57}

	#nav #navleft a {border-left:none}

/* SUBNAV - using :left because display:none not read by screen readers */
#nav li ul {position:absolute; left:-999em; display:block; font-weight:normal; padding:0; margin:0; background:#C1D0B0}
#nav li ul li {width:100%; letter-spacing:normal; border-bottom:1px solid #A5B395}
		/* use same padding as #nav a or text won't align /dv */
#nav li li a {color:#2F3429; display:block; padding:3px 15px; text-decoration:none}
#nav li ul li.navsubtitle {font-weight:bold; background:#D5DFCC}

	/* dropdown second level widths */
	#nav li ul#navinfo {width:230px}
	#nav li ul#navhottubs {width:230px}
	#nav li ul#navfaq    {width:200px}
	#nav li ul#navforums {width:170px}
	#nav li ul#navbuy {width:170px}

#nav li:hover ul, #nav li.sfhover ul {left:auto} /* lists nested under hovered list items */

#hnavshadow {clear:both; width:940px; margin:auto; height:13px; background:url(images/l2/navshadow.jpg) repeat-x}

/* TEXT CONTENT AREA */
#contentcont {clear:both; margin:auto; padding:0 30px}
#contentcont p {line-height:1.3em}

	#contentcont .content55  {padding:0 55px}
	#contentcont .content90  {padding:0 90px}
	#contentcont .content100 {padding:0 100px}
	
	#contentcont .contentminileft {padding-left:20px}

#pagewrap #hometable {clear:both; width:910px; margin:auto}
#pagewrap #hometable td {padding:0 13px 20px 18px}

#pagebtm {width:960px; margin:0 auto; line-height:1em; background:url(images/l2/bkbtm.jpg) no-repeat; text-align:center}

#thec {width:650px; margin:auto; padding:18px 0 15px 0; color:#E3E6DE; font-size:11px; letter-spacing:1px; line-height:1.2em; font-family:Verdana,Arial,Helvetica,sans-serif}
	#thec a {color:#E3E6DE; text-decoration:none}
	#thec a:hover {color:#fff; text-decoration:none}
	
/* END MAIN TEMPLATE STYLES */
p.breadcrumbs, div.breadcrumbs {margin:0 auto; color:#666; font-size:11px}
p.breadcrumbs a:link, p.breadcrumbs a:visited,
div.breadcrumbs a:link, div.breadcrumbs a:visited {color:#D15016; text-decoration:none; border-bottom:1px dotted #D05A10}
p.breadcrumbs a:hover {color:#6491CE; text-decoration:none; border-bottom:none}

.snorkelbtn {margin:1em auto; text-align:center}
/*                          */
#contentcont form td {line-height:1em; padding:2px}
#thecontent #content55 td.tdpad0 {padding:0}

h1,h2,h3,h4,.h1,.h2,.h3,h4,.h4 {color:#000; font-weight:normal; line-height:1em; font-family:"Times New Roman",Times,serif}
h1,.h1 {font-size:25px}
h2,.h2 {font-size:22px}
h3,.h3 {font-size:19px}
h4,.h4 {font-size:16px; font-weight:bold}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.u, td.u {text-decoration:line-through}

p,h1,h2,h3,ul,ol {margin-top:0}
td {vertical-align:top}
ul {list-style:square}

.orangebright {color:#D55A0D}
.orangenumbering {color:#D55A0D; text-transform:uppercase}
.redhighlight {color:#CC0000}
.bluehighlight {color:#225EDB}
.tempsalered {color:#EF0E3D}
.green {color:#197A02}
.cobalt {color:#3148EE}
.white {color:#fff}

.serif {font-family:"Times New Roman", Times, serif}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}
.mb1 {margin-bottom:1em}
.mt1 {margin-top:1em}


#thecontent p.lineheight1 {line-height:1em}
#thecontent div.divlineheight1 p {line-height:normal}

.tinytext, .tinyform {color:#666; font-size:11px}

#contentcont table#indextables {margin:auto}
#contentcont table#indextables td {padding:0; vertical-align:middle}
#contentcont table#indextables td ul {margin:0 10px; padding:0 10px}
#contentcont table#indextables td ul li {line-height:1.1em; margin-bottom:0}

td.sitemap ul li, .sitemap ol li {margin-bottom:0}
td.sitemap h2 {font-size:18px; margin-bottom:0}
td.sitemap a {color:#000; text-decoration:underline}
td.sitemap a:hover {color:#D05A10; text-decoration:none}

/* ul/ol*/
ul li, ol li {margin-bottom:.75em}
ul.ul1 li, ol.ol1 li {margin-bottom:0}

ul.ulwhitelinks li, ul.ulwhitelinks li li, ul.ulofferlinks li, ul.ulofferlinks li li {margin-bottom:2px}
ul.ulwhitelinks a {color:#fff; text-decoration:underline}
ul.ulwhitelinks a:hover {color:#FFD431; text-decoration:none}

ul.ulofferlinks a {color:#FFD431; text-decoration:underline}
ul.ulofferlinks a:hover {color:#FFD431; text-decoration:none}

/* WFHT & ORDERING OPTIONS PAGES */
#thecontent p.lineheight1 {line-height:1em}
#thecontent div.divlineheight1 p {line-height:normal}

/* FAQ */
.qa {font-size:29px; color:#7F9849; font-family:"Times New Roman", Times, serif}
.thefaq b {font-size:15px}

/* cover colors */
.coverscont {width:680px; text-align:center}

#slidecovers {float:right; width:280px; text-align:center}
#slidecovers div {float:left; width:80px; color:#333; font-size:11px; padding:2px 4px}
#slidecovers img {width:80px; height:80px}
#slidecovers a img {border:1px solid #ccc}
#slidecovers a:hover img {border:1px solid #A02603}

/* table stuff               */
table.ltgreenbox {margin-top:1em; border:1px solid #cfd4c3}
table.ltgreenbox th {background:#cfd4c3}
#pagewrap #contentcont table.ltgreenbox td {padding:2px; border-bottom:1px solid #cfd4c3}

#pagewrap #contentcont #theformtable td {padding:2px}

#pagewrap #contentcont table.tablepad0 td {padding:0}

#pagewrap #contentcont table.saletable {margin-top:14px; border:1px solid #ccc}
#pagewrap #contentcont table.saletable th {padding:0 4px; text-align:left; background:#efefef}
#pagewrap #contentcont table.saletable td {padding:1px 4px}
#pagewrap #contentcont table.saletable tr.saletabletdbk {background:#efefef}

#pagewrap #contentcont table.saletable2 {border:none; margin-bottom:14px}
#pagewrap #contentcont table.saletable2 th {color:#c00; background:#fff; border-bottom:1px solid #efefef}
#pagewrap #contentcont table.saletable2 td {border-bottom:1px solid #efefef}
.saletable2 th.tdleftline, .saletable2 td.tdleftline {border-left:2px solid #95A679}

	#pagewrap #contentcont table.saletable2 th h2,
	#pagewrap #contentcont table.saletable2 td h2 {margin:0}
	#pagewrap #contentcont table.saletable2 th.thsubhead {color:#fff; font-size:15px; background:#95a679}
	#pagewrap #contentcont table.saletable2 th.tdsubhead2 {background:#95A679}
	#pagewrap #contentcont table.saletable2 th.tdsubhead2 h2 {color:#fff}

	#pagewrap #contentcont table.saletablethred th {color:#fff; background:#c00}
	#pagewrap #contentcont table.saletablethred th h1 {color:#fff; margin:0}
	#pagewrap #contentcont table.saletablethred th.thsubhead {color:#fff; text-align:left; background:#95a679}
	#pagewrap #contentcont table.saletablethred td.b {color:#c00; font-weight:bold}

#pagewrap #contentcont #gallerytable {margin-top:2em}
#pagewrap #contentcont #gallerytable td {text-align:center; vertical-align:middle; padding:5px 10px; background:#CBCFC6}
#pagewrap #contentcont #gallerytable a img {border:1px solid #76885A; text-decoration:none}
#pagewrap #contentcont #gallerytable a:hover img {border:1px solid #fff; text-decoration:none}

td.boxgreytd {background:#C7C7C1; text-align:center; border-bottom:8px solid #fff}

.dv {color:#f06; font-size:14px; font-style:italic}

.greenbanner {background:#839E58; padding:5px; font-size:15px; font-family:'Times New Roman',Times,serif}
.greenbanner a {color:#000; text-decoration:underline}
.greenbanner a:hover {color:#97AE71; text-decoration:none}

/* background:#95A679  ltgreen:#CFD4C3 link blue:1D50AC */

.borderlt {border:1px solid #CFD4C3}
.borderlt p {margin-top:1em; margin-bottom:0}

img.imgleft {float:left; margin-right:7px}
img.imgright {float:right; margin-left:7px}

a {color:#1D50AC; text-decoration:underline}
a:visited {color:#1D50AC /*8E276A*/}
a:hover {color:#A81F35; text-decoration:none}


/* FORUMS ADDITIONAL STYLES ==================================================================== */
/* sequence: jogwrap > forumstop > bktop   */
div#jogwrap   {width:771px; margin:auto}
div#forumstop {width:770px}

/* fix logotable pixel jog */
div#forumstop {margin-left:8px} /* for all IE Win, including 6.0 -thanks Zeldman! */	
html>body #jogwrap div#forumstop {/* Correct value for browsers not suffering IE Win's bugs */
	margin-left:0}

div#forumstop #bktop {height:19px; background:none; font-family:Arial,Helvetica,sans-serif}
div#forumstop #bktop a {font-family:Arial,Helvetica,sans-serif}

div#forumstop #logotable {width:769px; background:#fff; margin:0; border:0}
div#forumstop #logotable td {padding:0}

#menuList li a {color:#636c57; font-size:12px; font-weight:bold; font-family:Arial,Helvetica,sans-serif}
#menuList li a.forumbtn {color:#f00; font-weight:bold}

div#forumsc {width:600px; margin:auto; font-size:10px; margin-bottom:1em}
div#forumsc a {color:#000; text-decoration:none}
div#forumsc a:hover {color:#efefef; text-decoration:none}

#tcannouncediv {padding:3px; font-family:Verdana,Arial,Helvetica, sans-serif}