/* global */
body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #666;
	font-size:small; 
	font-family: verdana, arial, sans-serif;
	background: #fff url('../i/bg.gif') repeat-x center 0;}

p, ul li, #website{font-size:90%;}
#basket #pnlBasketNotEmpty tr td p{font-size:small;}
table, table tr td p,  table tr td div, table tr td div p, a, table tr td a,  td p a, form, table p{font-size:100%;}
#terms #content #left table tr td{font-size:small;}
table{font-size:small;}
td{font-size:80%;}
#footer{font-size:80%;}
/**general**/	
p{line-height: 1.4em; margin: 1em 0;}
img{border: solid 1px #000; padding:3px; background:#fff; margin:0;}	
a{text-decoration:underline;}
a:link, a:visited {	color:#1f4188; font-weight:bold;}
a:hover{	color:#000;}
a:active{}
.red{color:#b6261d; font-weight:bold;}
.redhurry{font-size:120%;color:#b6261d; font-weight:bold;}
.div{background: url('../i/divider_big.gif') no-repeat 0 0; width:417px; height:49px; margin:20px auto;  clear:both;}
.smalldiv{background: url('../i/sdivider.gif') no-repeat 0 0; width:230px; height:39px; margin:20px auto; }
	
/*layout*/
#wrapper{margin:54px auto 10px; width:780px; padding: 0;border: 0;	text-align: left;background: #fff;}		
#header{width: 750px; height: 133px; padding: 0;border: 0;	margin: 0 auto;}
#header h1{background: url('../i/logo.gif') no-repeat 0 0; text-indent:-9999px; width:136px; height:133px; float:left;}
#header img{ float:right; border:0; margin:40px 20px 0 0;}
	
/* Main nav */
#mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 0;}
#mainnav ul	{width: 780px;	height: 28px; margin: 0;padding: 0;	position: relative;	top:0;}	
#mainnav ul li{margin: 0;padding: 0;position: absolute;	top: 0;	list-style-type: none;}	
#mainnav ul li, #mainnav a{height: 28px;display: block;}
#mainnav ul li a{text-indent: -9999px; 	text-decoration: none;}
#mn1 {left: 238px; width: 44px;}
#mn2 {left: 306px; width: 63px;} 
#mn3 {left: 388px; width: 92px;}
#mn4 {left: 504px; width: 97px;}
#mn5 {left: 625px; width: 63px;}
#mn6 {left: 712px; width: 50px;}
#mn1 a:hover {background: url('../i/nav.gif') no-repeat -238px -168px;height: 27px;}
#mn2 a:hover {background: url('../i/nav.gif') no-repeat -306px -168px;height: 27px;}
#mn3 a:hover {background: url('../i/nav.gif') no-repeat -388px -168px;height: 27px;}
#mn4 a:hover {background: url('../i/nav.gif') no-repeat -504px -168px;height: 27px;}
#mn5 a:hover {background: url('../i/nav.gif') no-repeat -625px -168px;height: 27px;}
#mn6 a:hover {background: url('../i/nav.gif') no-repeat -712px -168px;height: 27px;}
body#home #mn1 {background: url('../i/nav.gif') no-repeat 238px 0;}
body#whybuy #mn2 {background: url('../i/nav.gif') no-repeat 306px -28px;}body#whybuy #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -28px;}
body#technicalinfo #mn3 {background: url('../i/nav.gif') no-repeat 388px -56px;}body#technicalinfo #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -56px;}
body#setup #mn4 {background: url('../i/nav.gif') no-repeat 504px -84px;}body#setup #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -84px;}
body#products #mn5 {background: url('../i/nav.gif') no-repeat 625px -112px;}body#products #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -112px;}
body#basket #mn6 {background: url('../i/nav.gif') no-repeat 712px -140px;}body#basket #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -140px;}

body#terms #mainnav{width: 780px;	height: 28px; text-indent: -9999px;background: url('../i/nav.gif') no-repeat 0 -197px;}

/*content */
#content{margin: 0; border: 0;	padding: 30px 10px 10px; width:760px; }

#content #left{ border-right: solid 1px #000; width:480px; float:left; padding: 0 10px 0 0; margin: 0 0 20px 0; }
#content #right{float:right;width:250px; padding:0 0 0 10px;}
	
#footer {clear:both;border-top: solid 1px #333; width:780px;padding:20px 0;margin: 20px 0 0 ;	}
#footer #google{width:183px;  height:52px; float:left;}
#footer #fnav{ float:right; text-align:center; width:590px; margin:10px 0 0;}
#footer a{color:#666; text-decoration:none;}
#footer a:hover, #footer a.selected{text-decoration:underline;}

#home #f1{ text-decoration:underline; }
#whybuy #f2{ text-decoration:underline; }
#technicalinfo #f3{ text-decoration:underline; }
#setup #f4{ text-decoration:underline; }
#products #f5{ text-decoration:underline; }
#basket #f6{ text-decoration:underline; }
#terms #f7{ text-decoration:underline; }


#address{margin:10px;}

#website{color:#ccc; margin: 10px auto ; height:20px;}
#website a{color:#ccc; }

/*home*/
#home h2{background: url('../i/home/thome.gif') no-repeat 0 0;  text-indent:-9999px; height:72px; margin:20px 0 20px; width:434px;}
#home #left {  text-align:center; }
#home #left h3{background: url('../i/home/offer.gif') no-repeat 0 0;  text-indent:-9999px; height:172px; width:417px;  margin:30px 0;}
#home #right img { margin:0 0 0 16px ; }
#home #right h3{background: url('../i/home/sidet.gif') no-repeat 0 0;  text-indent:-9999px; height:51px; margin:20px auto 0 ; width:237px; }
#home #right ul{margin:20px 0 10px 30px;}
#home #right ul li{background: url('../i/tick.gif') no-repeat 0 0;  padding: 0 0 0 20px; margin:0 0 10px 0; list-style-type:none; min-height:20px;}
#home #right ul.red li{background: url('../i/arrow.gif') no-repeat 0 4px;padding: 0 0 0 10px; margin:0 0 10px 0; list-style-type:none; min-height:20px;}

/*whybuy*/
#whybuy h2{background: url('../i/whybuy/t_whybuy.gif') no-repeat 0 0;  text-indent:-9999px; height:26px; margin:20px 0 20px; width:112px;}
#whybuy #left img{border:0; margin: 10px 0 0 20px;}
#whybuy #left h3.purchase{background: url('../i/whybuy/why_st1.gif') no-repeat 0 0;  text-indent:-9999px; height:40px; width:390px;  margin:30px 0 0;}
#whybuy #left h3.year{background: url('../i/whybuy/why_st2.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; width:178px;  margin:30px 0 0;}
#whybuy #left h3.fun{background: url('../i/whybuy/why_st3.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; width:196px;  margin:30px 0 0;}
#whybuy #right h3{background: url('../i/whybuy/why_st4.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 ; width:136px; }
#whybuy ul.red li{background: url('../i/arrow.gif') no-repeat 0 4px;padding: 0 0 0 10px; margin:0 0 10px 0; list-style-type:none; min-height:20px;}
#whybuy #left  ul{padding:0 0 0 80px; }

/*technicalinfo*/
#technicalinfo #content #left{ border-right: 0; width:770px; float:left; padding: 0 10px 0 0; }
#technicalinfo h2{background: url('../i/technical/t_tech.gif') no-repeat 0 0;  text-indent:-9999px; height:22px; margin:20px 0 20px; width:254px;}
#technicalinfo h3#fil{background: url('../i/technical/tech_st1.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 0; width:173px;}
#technicalinfo h3#spec{background: url('../i/technical/tech_st2.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px auto 20px; width:104px;}
#technicalinfo #tblspec{width:650px; margin:20px auto;}
#technicalinfo table tr#head{border-bottom:solid 3px #ccc; padding: 0 0 100px 0;}
#technicalinfo table  span#musk{background: url('../i/technical/t_muskoka-title.gif') no-repeat 0 0;  text-indent:-9999px; height:12px; margin:0 auto; width:75px; display:block;}
#technicalinfo table  span#hali{background: url('../i/technical/t_haliburton-title.gif') no-repeat 0 0;  text-indent:-9999px; height:12px; margin:0 auto; width:98px;display:block;}
#technicalinfo table  span.yes{background: url('../i/tick.gif') no-repeat 0 0;text-indent:-9999px; width:16px; height:16px; display:block;}
#technicalinfo table  tr.grey{ background:#f1f1f1;}
#technicalinfo table  td.label{ width:190px;}
#technicalinfo h3#muskdim{background: url('../i/technical/tech_st3.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px auto 20px; width:156px;}
#technicalinfo h3#halidim{background: url('../i/technical/tech_st4.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px auto 20px; width:168px;}
#technicalinfo #left img{border:0; margin: 0 0 0 80px;}

/*setup*/
#setup #content #left{ border-right: 0; width:770px; float:left; padding: 0 10px 0 0; }
#setup h2{background: url('../i/spa-setup/t_howto.gif') no-repeat 0 0;  text-indent:-9999px; height:27px; margin:20px 0 20px; width:513px;}
#setup .steps{ margin:0 0 20px; clear:both; width:720px;padding:10px 30px; }
#setup .steps .fl{float:left; width:480px;}
#setup .steps #step1, #setup .steps #step4, #setup .steps #step7{float:left; width:240px; }
#setup .steps #step2, #setup .steps #step3, #setup .steps #step5, #setup .steps #step6, #setup .steps #step8, #setup .steps #step9{float:right; width:240px;}
#setup #s2{ background: #eee; min-height:300px; }
#setup .steps p{width:200px;}
#setup #step1 h4{background: url('../i/spa-setup/t_step1.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:58px;}
#setup #step2 h4{background: url('../i/spa-setup/t_step2.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #step3 h4{background: url('../i/spa-setup/t_step3.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #step4 h4{background: url('../i/spa-setup/t_step4.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #step5 h4{background: url('../i/spa-setup/t_step5.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #step6 h4{background: url('../i/spa-setup/t_step6.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #step7 h4{background: url('../i/spa-setup/t_step7.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:59px;}
#setup #step8 h4{background: url('../i/spa-setup/t_step8.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:61px;}
#setup #step9 h4{background: url('../i/spa-setup/t_step9.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:60px;}
#setup #left ul li{background: url('../i/tick.gif') no-repeat 0 0;  padding: 0 0 0 20px; margin:0 0 10px 0; list-style-type:none; min-height:20px;}
#setup #left ul.red{ margin: 0 0 0 280px;}
#setup #left ul.red li{background: url('../i/arrow.gif') no-repeat 0 4px; padding: 0 0 0 10px; margin:0 0 10px 0; list-style-type:none; min-height:20px;}

/*products*/
#products #content #left{ border-right: 0; width:770px; float:left; padding: 0 10px 0 0; }
#products h2{background: url('../i/products/t_products.gif') no-repeat 0 0;  text-indent:-9999px; height:21px; margin:20px 0 20px; width:151px;}

#products p#first{float:left; width:350px; margin: 10px 40px 20px 0 ;}
#products p#forget{background: url('../i/products/dontforget.gif') no-repeat 0 0; padding:10px 0 0 80px; float:right; min-height:80px; width:280px;  margin:0 20px 20px 0 ; color:#1f4188;}

#products #left #spas img{border:0;}

#products #left #spas{clear:both; margin:20px 0;}
#products #left .details{width:326px; margin: 0 0 0 8px;}
#products #left .details a, #products a.magnify{background: url('../i/products/magnifyicon.gif') no-repeat 0 0;  padding: 0 0 0 18px;}

#products #left #muskoka{ float:left; width:350px;}
#products #left #haliburton{ float:right; width:350px;}

#products #left #muskoka #lnkBuyHalib{float:left; width:146px;}
#products #left #muskoka table{float:right;}
#products #left #haliburton #lnkBuyBarStep{float:left; width:146px;}
#products #left #haliburton table{float:right;}

#products #left #haliburton #lnkBuyBarStep, #products #left #muskoka #lnkBuyHalib{
	border:  none;
	background: url('../i/addbtn.gif') no-repeat 0 0;
	text-indent:-9999px;}
#products #left #muskoka a#lnkBuyHalib, #products #left #haliburton a#lnkBuyBarStep{	top:0;	height: 46px;	display: block;}
#products #left #muskoka a#lnkBuyHalib:hover, #products #left #haliburton a#lnkBuyBarStep:hover {	background: url('../i/addbtn.gif') no-repeat 0 -46px; height:46px;	}

#products #extras{margin: 30px 0 0 0;}

#products #accessories{float:left;width:364px; border-right:solid 1px #ccc; padding: 0 20px 0 0;}
#products #accessories h3{background: url('../i/products/st_accessories.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 20px; width:235px;}

#products #parts{float:right;width:350px;}
#products #parts h3{background: url('../i/products/st_replacements.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 20px; width:141px;}

#products a.add{background: url('../i/arrow.gif') no-repeat 0 4px;padding: 0 0 0 8px; margin:0 0 10px 0; }
#products #left h4{ margin: 0 0 10px 0; font-size:120%;}

#products #left table tr img{margin: 0 0 14px 0;}


/*basket*/
#basket #content #left{ border-right: 0; width:770px; float:left; padding: 0 10px 0 0; }
#basket h2{background: url('../i/basket/t_basket.gif') no-repeat 0 0;  text-indent:-9999px; height:21px; margin:20px 0 20px; width:140px;}

#basket img{ border:0;}
#basket #pnlBasketEmpty{ margin: 10px auto; width:288px; text-align:center; }

#basket div#first{float:left; width:340px; margin: 10px 30px 20px 0 ; }
#basket p#forget{background: url('../i/products/dontforget.gif') no-repeat 0 0; padding:10px 0 0 80px; float:right; min-height:80px; width:280px;  margin:10px 20px 20px 0 ; color:#1f4188;}


#basket #tblbasket{ border-collapse:collapse; color:#000; margin: 10px 0 40px 0; clear:both;}
#basket #tblbasket th{ color:#fff; background:url('../i/basket/thbg.gif') repeat-x 0 0;}
#basket #tblbasket .stotal td{border-top:solid 1px #ccc;}

#basket #tblbasket .stotal{ background:#f0f0f0;}
#basket #tblbasket .total{ background:#e3e3e3;}

#basket #shop{float:left; width:339px; border-right:solid 1px #000; padding: 0 40px 0 0;}
#basket #shop h3{background: url('../i/basket/basket_st1.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 ; width:217px;}

#basket #pay{float:right; width:350px;}
#basket #pay h3{background: url('../i/basket/basket_st2.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 ; width:105px;}

#basket #shop input{  margin:10px 0 0 80px;}
#basket #pay input{  margin:20px 0 0 80px;}

#basket #pnlAlso { width:720px ; margin:10px auto;}
#basket #pnlAlso h3{background: url('../i/basket/t_also.gif') no-repeat 0 0;  text-indent:-9999px; height:32px; margin:20px 0 ; width:720px;}
#basket #pnlAlso h4{ margin: 0 0 10px 0; font-size:120%;}
#basket #pnlAlso  a.add{background: url('../i/arrow.gif') no-repeat 0 4px;padding: 0 0 0 8px; margin:0 0 10px 0; }
#basket #pnlAlso  table{margin:0 20px 20px; }
#basket #pnlAlso  table tr td{ width:180px;}
#basket #pnlAlso  table tr img{margin: 0 0 14px 0; border:solid 1px #666; padding:3px;}


/*terms*/
#terms #content #left{ border-right: 0; width:770px; float:left; padding: 0 10px 0 0; }
#terms h2{background: url('../i/terms/t_terms.gif') no-repeat 0 0;  text-indent:-9999px; height:27px; margin:20px 0 20px; width:344px;}

#terms h3#contact{background: url('../i/terms/terms_st1.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:112px;}
#terms h3#warranty{background: url('../i/terms/terms_st2.gif') no-repeat 0 0;  text-indent:-9999px; height:17px; margin:20px 0 8px; width:72px;}
#terms h3#tandc{background: url('../i/terms/terms_st3.gif') no-repeat 0 0;  text-indent:-9999px; height:14px; margin:20px 0 8px; width:146px;}


/*pop*/
#popup{margin-top:10px;}