/* ............................................ 
	client: The Sauna House
	date: sept 17, 2007
	v.1

	designed & build by oxidev interactive
............................................ */

/* .... css reset .... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* .... end of css reset .... */

img
{
	border: none;
}

a
{
	text-decoration: none;
	color:#0058ba;
}

a:hover
{
	text-decoration: underline;
	color:#0058ba;
}

.noBorder
{
	border: none !important;
}

.text
{
	margin: 0px auto;
}	

.copyright
{
	float: left;
	margin: 5px 0px 0px 5px;
	font-size: 11px !important;
	color:#0e5cad;
	font-family: tahoma, arial, sans-serif;
}

.copyright a
{
	margin-left: 5px;
} 

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bg.jpg) repeat-x top;
	font-size: 62.5%;
	font-family: tahoma, helvetica, arial, "lucida grande", sans-serif;
}

#secBannerHolder
{
	/*float: left;*/
	width: 718px;
	height: 91px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top:4px;
}

#secBannerHolder img
{
	display: block;
	margin: 0px auto;
}

#bottomleftcontainer
{
	float: left;
	width: 230px;
	margin-left: 3px;
	display: inline;
}

#footer
{
	margin-top: 5px;
	height:80px;
}

#footer_nav
{
	height: 22px;
	width: 100%;
	background:url(../images/main_58.gif) repeat-x;
	padding-top:4px;
}

img#icons_1
{
	margin: 15px 15px 0px 0px;
	float: right;
	display: inline;
}

img#icons_2
{
	margin-top: 10px;
	float: right;
	display: inline;
}

img#icons_3
{
	float: right;
	display: inline;
	margin: 3px 15px 0px 0px;
}

#leftcolumn
{
float: left;
width: 225px;
}

#leftcolumn li
{
	text-align: left;
}

#gradientdiv
{
	float: left;
	height: 730px;
	width: 8px;
	background: url(../images/leftcolumn_gradient.gif) no-repeat top;
}

#rightColumn
{
	float: right;
	background-color: #fff;
	min-height:708px;
	height: auto !important;
	height: 708px;
	width: 723px; /* don't change this, do it to cmsContent if you need to */
	padding:0px 0px 0px 8px;
	background:url(../images/leftcolumn_gradient_03.gif) no-repeat left top;
}

#rightColumn a
{
	font-weight: bold;
	color: #188136;
}

#rightColumn a:hover
{
	color: #399352;
}


#cmsContent
{
	width: 90%;
	margin: 0px auto;
	padding: 15px 0px 60px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#cmsContent a
{
	font-weight: bold;
	color: #188136;
}

#cmsContent a:hover
{
	color: #399352;
}

.alignLeft
{
	float: left;
	margin: 25px 25px 25px 15px;
}

.alignRight
{
	float: right;
	margin: 25px 15px 25px 25px;
}

#cmsContent h1
{
	font-size: 22px;
	font-weight: normal;
	color: #003366 !important;
	margin-bottom: 15px;
}

#cmsContent h2
{
	font-size: 18px;
	padding-top: .7em;
	margin-bottom: .7em;
	color: #6f513c;
}

#cmsContent h3
{
	font-size: 14px;
	margin-bottom: .4em;
	font-weight: bold;
	color: #484848;
}

#cmsContent h4
{
	font-size: 14px;
	color: #6f513c;

}

#cmsContent h5
{
	font-size: 12px;
	font-weight: bold;
	color: #6f513c;

}

#cmsContent p
{
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: .8em;
	color: #333;
	font-family: arial, helvetica, sans-serif;
}

#cmsContent ul
{
	margin: 20px 0px 20px 40px;
}

#cmsContent li
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 5px 20px;
	background: url(../images/blue_diamond.gif) no-repeat 0px 7px;
}

#secBg
{
	width:975px;
	margin:0px auto;
	background:url(../images/sec_bg.gif) no-repeat 0px 92px;
}

#container
{
	width: 967px;
	margin: 0px auto;
	background-color: none;
}

#container2
{
	width: 967px;
	margin: 5px auto 0px auto;
	background-color: #fff;
}

#header
{
	position: relative;
	height: 87px;
}

div#leftnav
{
	font-family: tahoma, arial,helvetica, sans-serif;
	width: 230px;
	font-size: 11px;
}

div#leftnav ul
{
	/*margin: 12px 20px 12px 1.25em;*/
	text-align: left;
}

div#leftnav li
{
	text-align: left;
	display: inline;
	list-style: none;

}

div#leftnav li a
{
	display: block;
	font-weight: bold;
	line-height: 14px;	
	width: 195px;
	color: #5d5d5d;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px 0px 5px 0px;
	background: url(../images/main_35.gif) no-repeat 15px 9px;
	padding-left: 35px;
}

div#leftnav li a:hover
{
	background-color:#f9f9f9;
	color:#0058ba;
	text-decoration:none;
}

#headerbg
{
	position: absolute;
	height: 25px;
	margin-bottom: 1px;
	width: 490px;
	background: url(../images/header_bg.gif) repeat-x bottom;
	left: 0px;
	top: 61px;
}
	
#logo
{
	position: absolute;
	top: 10px;
	left: 5px;
}

#mainTabs
{
	position: absolute;
	top: 53px;
	left: 490px;
	height: 30px;
}

#mainTabs li
{
	display: block;
	float: left;
}

#searchBox
{
	background-color: #FFF;
	position: relative;
	width: 230px;
	height: 48px;
	background: url(../images/search_bg2.gif) no-repeat top; 
}	

img#ourproducts
{
	position: relative;
	display: block;
	margin: 0px auto;
}

img#productinfo
{
	position: relative;
	display: block;
	margin: 7px auto 0px auto;
}

img#sauna_ad
{
	position: relative;
	display: block;
	margin: 4px auto;
}

div#productnav
{	
	height: 190px;
	position: relative;
	display: block;
	/*padding-left:2px;*/
}

div#productnav ul
{
	/*margin: 12px 20px 12px 1.25em;*/
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif;
}

div#productnav li
{
	display: inline;
	list-style: none;

}

div#productnav li a
{
	display: block;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 14.5px;	
	width: 195px;
	color: #5d5d5d;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px 0px;
	background: url(../images/main_35.gif) no-repeat 15px 9px;
	padding-left: 35px;
}

div#productnav li a:hover
{
	background-color: #f9f9f9;
	color: #009933;
	text-decoration: none;
}

div#footer_nav
{	
	height: 22px;
	position: relative;
	width: 100%;
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
}

div#footer_nav ul
{
	/*margin: 12px 20px 12px 1.25em;*/

}

div#footer_nav li
{
	display: inline;
	list-style: none;
	color: #fff;
	margin: 0px 2px;
}

div#footer_nav li a
{
	font-size: 10px !important;
	color: #FFF;
	padding: 5px 0px;
	margin-top: 10px;	
}

div#footer_nav li a:hover
{
	
}

#searchBox input.text
{
	position: absolute;
	top: 15px;
	left: 12px;
	border: none;
	background: none;
	width: 160px;
	font-size: 11px;
	color: #285898;
}

#searchBox input#searchBtn
{
	position: absolute;
	top: 9px;
	left: 196px;
	width: 26px;
	height: 23px;
}

#tollFree
{
	position: absolute;
	top: 10px;
	left: 855px;
}

#topleftcontainer
{
	float: left;
	width: 230px;
	margin: 0px;
	padding: 3px;
}	

#promoContent
{
	padding: 15px;
	height: 164px;
}

#promoContent h1
{	
	font-size:20px;
	color:#003366;
}

#promoContent p
{
	font-size: 1.2em;
	color: #666;
	line-height:1.4em;
}

#promoContent p a
{
	color: #0058ba;
}

#show_10 img
{
	display: block;
	margin: 0px auto;
}

#prodInfoTable td
{
	padding: 0px 15px 15px 0px;
}

.customFormLink
{
	font-size: 10px;
	font-weight: normal !important;
}

/* imageAtLeft */
#bookmarkus
{
	padding-right: 20px;
}

#bookmarkus a
{
	padding-left: 22px;
	font-size: 12px;
	background: url(../images/page_bookmark.gif) no-repeat 0px 0px;
}

.imageAtLeft
{
}

.imageAtLeft td
{
	vertical-align: top;
}

.imageAtLeft select
{
	padding: 2px;
}

.imageAtLeft .btnView
{
	position: relative;
	top: 5px;
}

.imageAtLeft .pcShowProductSDesc
{
	font: normal 12px arial, sans-serif !important;
	line-height: 1.4em !important;
	padding: 15px !important;
}

.imageAtLeft .pcShowProductSku
{
	padding-left: 15px;
}

.imageAtLeft .pcShowProductSku input
{
	font-size: 12px;
	color: #08b314;
	font-weight: bold;
}

.imageAtLeft .pcShowProductPrice
{
	padding: 5px 15px;
	font-size: 18px;
	color: #0062b5 !important;
	background: url(../images/gradient_gray.gif) repeat-x top;
}

.imageAtLeft .pcShowProductPrice input
{
	font-size: 18px;
	color: #0272d1;
}

.imageAtLeft .tabs
{
	height: 20px;
	border-bottom: 1px solid #ccc;
}

.imageAtLeft .tabs ul
{
	
}

.imageAtLeft .tabs ul li
{
	display: inline;
}

.imageAtLeft .tabs ul li a
{
	color: #fff !important;
	padding: 5px 10px;
	border: 1px solid #0057a1;
	border-bottom: none;
	background: url(../images/bg_tab.gif) repeat-x 0px 0px;
}

.imageAtLeft .tabs ul li a:hover
{
	color: #333 !important;
	border: 1px solid #949494;
	background: url(../images/bg_tab.gif) repeat-x 0px -32px;
}

.imageAtLeft .tabs ul li a:active,
.imageAtLeft .tabs ul li a:focus
{
	color: #fff !important;
	border: 1px solid #0057a1;
	background: url(../images/bg_tab.gif) repeat-x 0px -64px;
}

.imageAtLeft #tblProdDesc,
.imageAtLeft #tblProdSizeInfo
{
	width: 657px !important;
	padding: 15px;
	background: #f5f9fc;
}

.imageAtLeft #tblProdDesc h6
{
	color:#399352;
	font-size:18px;
	margin-bottom: 1em;
	text-align:left;
}

.imageAtLeft #tblProdDesc p
{
	line-height: 1.3em;
	margin-bottom: 1em;
}

.imageAtLeft #tblProdDesc ul
{
	margin-left: 30px;
}

.imageAtLeft #tblProdDesc ul li
{
	list-style: circle;
}



#lightwindow_contents table
{
	width: 600px;
	margin: 15px auto;
	line-height: 15px;
}

#lightwindow_contents table td
{
	font: normal 12px arial, sans-serif;
	border: 1px solid #ccc;
	color: #333;
	padding: 10px;
	line-height: 15px;
}

/*  Added 05/22/08 by David for option group images (snap! david. u did css!) */
.imageOption
{
	width: 75px;
	height: 75px;
}