/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:   1.0
	date:		08/01/08
	author:    [Martin Olson @ innertwined]
	email:		[martin@innertwined.com]

	website:   [www.snosuit.com]

	version history: [1.0]
	

// -----------------------------------------------------------------------------
*/


/*

	Import external stylesheets
	
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("forms.css");


/*

	Setup
	
-----------------------------------------------------------------------------*/


body {
	background: #0f0f0f url(../img/bkg_texture.jpg) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	/* text format */
	/*
		font-family: "lucida sans unicode","lucida grande",sans-serif;
		font-family: georgia,serif;
		font-family: "palatino linotype",palatino,serif;
		font-family: "times new roman",times,serif;
		font-family: arial,sans-serif;
		font-family: "trebuchet MS",sans-serif;
	*/
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	word-spacing: .2pt;
	line-height: 1.5em;
	color: #969694;
	text-align: center
	}
.wrap {
	margin: 2% auto 40px;
	padding: 0;
	width: 920px;
	}
#header {
	clear: both;
	height: 60px;
	}
#content {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	}
#footer {
	border-top: 1px solid #151515;
	color: #cecece;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 0 28px 35px;
	padding: 15px 0;
	text-align: right;
	}
	#footer .legal {
		color: #383838;
		font-size: 10px;
		font-weight: 100;
		float: left;
		text-align: left;
		}
	#footer a:link,
	#footer a:visited {
		color: #525252;
		text-decoration: none;
		}
	#footer a:hover {
		color: #cecece;
		}
	
.hr {
	border-bottom: 1px solid #262626;
	margin-bottom: 8px;
	}

/* typography */

h1 {
	/* sifr - view sIFR-screen.css */
	color: #e1e1e1;
	font-size: 22px;
	line-height: 30px;
	font-weight: 100;
	margin-bottom: 5px;
	width: 300px;
	}
#noflash h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 10px;
	width: 400px;
	}
h2 {
	color: #efefef;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 5px 0;
	text-transform: none;
	}
h2.fmaHdr {
	/* sifr - view sIFR-screen.css */
	color: #fff;
	font-size: 15px;
	font-weight: 100;
	line-height: 16px;
	padding-left: 27px;
	margin-bottom: 4px;
	}			

h3 {
	color: #969694;
	font-size: 9px;
	font-weight: 700;
	margin: 0 0 5px 27px;
	text-transform: uppercase;
	}
	h3.fmaSub {
		color: #969694;
		font-size: 9px;
		font-weight: 700;
		margin: 0 0 5px 27px;
		text-transform: uppercase;
		}
	#inner h3 {
		color: #e0e0e0;
		font-size: 12px;
		font-weight: 700;
		margin: 0;
		text-transform: none;
		}
h4 {
	/*background: url(../img/home_callouttrim.gif) 0 -8px repeat-x;*/
	clear: both;
	color: #89d6db;
	font-size: 10px;
	font-weight: 700;
	margin: .5em 0 .8em;
	text-transform: uppercase;
	}
h5 {
	
	}
	


/*-----------------------------------------------------------------------------
	Header	
-----------------------------------------------------------------------------*/

.logo a:link,
.logo a:visited {
	background: url(../img/sno_logo.png) center center no-repeat;
	float: left;
	font-size: 18px;
	font-weight:  100;
	line-height: 20px;
	margin: 25px 0 0 40px;
	text-indent: -9999px;
	width: 145px;
	}
	
/*-----------------------------------------------------------------------------
	Site Navigation	
-----------------------------------------------------------------------------*/

ul#siteNav {
	float: right;
	height: 20px;
	margin: 28px 30px 0 0;
	}
ul#siteNav li {
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	}
	li#t_products a,
	li#t_store a,
	li#t_dealers a,
	li#t_testimonials a,
	li#t_about a,
	li#t_contact a { text-indent: -9999px; text-transform: uppercase;}
	li#t_products a { background: url(../img/n_products.gif) center 0 no-repeat; width: 80px; }
	li#t_store a { background: url(../img/n_store.gif) center 0 no-repeat; width: 60px; }
	li#t_dealers a { background: url(../img/n_dealers.gif) center 0 no-repeat; width: 70px; }
	li#t_testimonials a { background: url(../img/n_testimonials.gif) center 0 no-repeat; width: 100px; }
	li#t_about a { background: url(../img/n_about.gif) center 0 no-repeat; width: 70px; }
	li#t_contact a { background: url(../img/n_contact.gif) center 0 no-repeat; width: 70px; }
		li#t_products a:hover,
		li#t_store a:hover,
		li#t_dealers a:hover,
		li#t_testimonials a:hover,
		li#t_about a:hover,
		li#t_contact a:hover { background-position: center -20px; }
	
	ul#siteNav li a.current { background-position: center -20px; }
	
ul#siteNav li a:link,
ul#siteNav li a:visited {
	display: block;
	color: #b1b1b1;
	float: left;
	font-size: 10px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	padding: 0;
	}
ul#siteNav li a:hover {
	color: #8ed3e2;
	text-decoration: none;
	}
ul#siteNav li a.current {
	color: #8ed3e2;
	text-decoration: none;
	}

			
			
/*-----------------------------------------------------------------------------
	Flash/JS Setup
-----------------------------------------------------------------------------*/

#flash {
	background: #101010;
	height: 455px;
	}
	#flashHome {
		background: #101010;
		height: 400px;
		}
	#noflash {
		background: url(../img/noflash_bkg.jpg) 0 0 no-repeat;
		font-size: 13px;
		line-height: 1.5em;
		height: 455px;
		padding: 60px 400px 0 60px;
		}
		#noflash .alert {
			margin-bottom: 75px;
			}
		.alert a:link,
		.alert a:visited {
			background: #71c9d9 url(../img/alert_arrow.gif) -3px center no-repeat;
			color: #0f0f0f;
			font-size: 12px;
			padding: 4px 15px;
			text-decoration: none;
			}
			.alert a:hover {
				color: #fff;
				}
		
		
/*-----------------------------------------------------------------------------
	Home FMAs	
-----------------------------------------------------------------------------*/

.fma {
	background: url(../img/home_callouttrim.gif) 0 -5px repeat-x;
	float: left;
	margin-right: 1px;
	}
	.fma .msg { background: #0f0f0f url(../img/home_calloutOn.gif) right 0 no-repeat; }
	.fma .msg {
		background: #0f0f0f url(../img/home_calloutDivide.gif) right 0 no-repeat;
		margin-top: 5px;
		padding: 20px 25px 0 0;
		margin-bottom: 20px;
		width: 280px;
		}
	.fma p {
		color: #656665;
		font-size: 11px;
		line-height: 1.4em;
		padding-left: 28px;
		}
	.fma:hover {
		background: url(../img/home_callouttrim.gif) 0 0 repeat-x;
		cursor: default;
		}
		.msg:hover {
			background: #0f0f0f url(../img/home_calloutOn.gif) right 0 no-repeat;
			margin-top: 5px;
			padding: 20px 25px 0 0;
			width: 280px;
			}
		.msg:hover h2 {
			background: url(../img/home_calloutArrow.gif) 10px 4px no-repeat;
			}
		.msg:hover h3 {
			color:  #71c9d9;
			}
	.fma a {
		color: #ccc;
		text-decoration: none;
		}
	.fma a:hover {
		color:  #71c9d9;
		}


/*-----------------------------------------------------------------------------
	Series Pages	
-----------------------------------------------------------------------------*/

.col {
	background: url(../img/home_callouttrim.gif) 0 -5px repeat-x;
	float: left;
	}
	.col p {
		color: #656665;
		font-size: 11px;
		line-height: 1.3em;
		padding-left: 28px;
		}
		span.hilite {
		/*	background: #1b1b1b;*/
			color: #a7a7a4;
		/*	padding: 2px 4px;*/
			}
	.col #smartdesign {
		background: url(../img/series_calloutDivide.gif) right -30px no-repeat;
		margin-right: 1px;
		padding: 5px 1px 0 0;
		width: 304px;
		}
		#smartdesign div {
			padding: 25px 25px 0 0;
			margin-bottom: 30px;
			}
	.col #comfort {
		background: url(../img/series_calloutDivide.gif) right -30px no-repeat;
		margin-right: 1px;
		padding: 5px 1px 0 0;
		width: 304px;
		}
		#comfort div {
			padding: 25px 40px 0 0;
			margin-bottom: 30px;
			}
	.col #guarantee {
		background: url(../img/series_calloutDivide.gif) right -30px no-repeat;
		padding: 5px 1px 0 0;
		width:306px;
		}
		#guarantee div {
			padding: 25px 25px 0 0;
			margin-bottom: 30px;
			}
		
		
/*-----------------------------------------------------------------------------
	Inner page setup (dealers/testimonials/company/contact)
-----------------------------------------------------------------------------*/

#inner {
	background: url(../img/content_bkgfade.gif) 0 -80px repeat-x;
	padding: 15px 30px 20px;
	}
	#inner .mainCol {
		float: left;
		margin: 20px 50px 0 0;
		width: 320px;
		}
	#inner .mainColWide {
		float: left;
		margin: 20px 50px 0 0;
		width: 435px;
		}
		#inner .mainCol p,
		#inner .mainColWide p  {
			font-size: 11px;
			line-height: 1.6em;
			margin-bottom: .9em;
			}
			#inner p.intro { font-size: 13px }
			p.intro a:link,
			p.intro a:visited {
				color: #71c9d9;
				padding: 2px 3px;
				text-decoration: none;
				}
				p.intro a:hover {
					background: #121212;
					}
	#inner .sideCol {
		float: left;
		padding-top: 15px;
		width: 450px;
		}
	#inner .sideColThin {
		float: left;
		padding-top: 15px;
		width: 340px;
		}
		#inner .sideCol p,
		#inner .sideColThin p {
			font-size: 11px;
			line-height: 1.5em;
			margin-bottom: .8em;
			}
		

/*-----------------------------------------------------------------------------
	Dealers	
-----------------------------------------------------------------------------*/

.dealerSelect {
	background: url(../img/processTitle_trimDk.gif) 0 top repeat-x;
	color: #e1e1e1;
	font-size: 13px;
	font-weight: 700;
	margin: 20px 0 5px 0;
	padding: 15px 10px;
	}
	.dealerSelect select {
		font-size: 12px;
		font-weight: 100;
		margin: 5px 0 0 10px;
		padding: 1px 3px;
		width: 145px;
		}
.dealerState {
	border-bottom: 1px solid #333;
	clear: both;
	overflow: auto;
	padding-bottom: 0;
	margin-bottom: 15px 
	}
	* html .dealerState { border: none }
	.last {
		border-bottom: none
		}
.dealerState h4 {
		font-size: 20px;
		font-weight: 100;
		text-transform: none;
		}
	.dealerState ul {
		float: left;
		height: 110px;
		margin: 0;
		padding: 0 10px 0 0;
		width: 140px
		}
		.dealerState li {
			font-size: 11px;
			line-height: 1.2em;
			padding: 1px 0 1px 8px;
			}
			.dealerState li.dName {
				background: url(../img/home_calloutArrow.gif) -8px 5px no-repeat;
				color: #eee;
				font-size: 12px;
				font-weight: 700;
				line-height: 1.3em;
				}
	.dealerState a:link,
	.dealerState a:visited {
		color: #89d6db;
		padding-top: 5px;
		text-decoration: none;
		}
	.dealerState a:hover {
		color: #e3e3e3;
		text-decoration: none;
		}

/*-----------------------------------------------------------------------------
	Testimonials	
-----------------------------------------------------------------------------*/

ul#quoteAuthors {
	background: url(../img/processTitle_trimDk.gif) 0 top repeat-x;
	margin: 20px 0;
	padding: 20px 0 0;
	}
	ul#quoteAuthors li {
		padding: 3px 0
		}
		ul#quoteAuthors li.toggleList {
			font-weight: 700;
			}
	ul#quoteAuthors li a {
		color: #999;
		font-size: 10px;
		line-height: 1.1em;
		padding: 5px 10px;
		text-decoration: none;
		}
		ul#quoteAuthors li a:hover {
			background: #0b0b0b;
			color: #fff;
			}
			ul#quoteAuthors li.toggleList a:hover {
				background: #161616;
				}
		ul#quoteAuthors li a span {
			color: #e0e0e0;
			font-size: 11px;
			font-weight: 700;
			margin-right: 5px;
			}
		ul#quoteAuthors li a.current {
			background: url(../img/home_calloutArrow.gif) -8px 5px no-repeat;
			}
			ul#quoteAuthors li a.current:hover {
				background: #0f0f0f url(../img/home_calloutArrow.gif) -8px 5px no-repeat;
				}
			ul#quoteAuthors li a.current span {
				color: #89d6db;
				}

.beginQuote {
	background: #89d6db url(../img/quoteLeft.gif) 5px 20px no-repeat;
	/*color: #e0e0e0;*/
	color: #121212;
	font-size: 16px;
	line-height: 1.3em;
	padding-top: 20px;
	margin-top: 25px;
	}
	.endQuote {
		background: url(../img/quoteRight.gif) right bottom no-repeat;
		padding: 0 25px 25px 45px;
		}
	.author {
		background: url(../img/quoteMark.gif) 25px 0 no-repeat;
		font-size: 11px;
		line-height: 1.2em;
		padding: 15px 35px 0 60px;
		text-align: left;
		}
		.author span {
			color: #e0e0e0;
			font-size: 13px;
			font-weight: 700;
			margin-right: 5px;
			}
	.quote span {
		
		}

/*-----------------------------------------------------------------------------
	Company	
-----------------------------------------------------------------------------*/

#videoPlayer {
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 0 10px;
	}
#mediaVids {
	margin: 0 0 20px;
	}
	#mediaVids li {
		background: url(../img/icon_video.gif) 0 4px no-repeat;
		color: #565656;
		font-size: 11px;
		padding-left: 13px;
		}
	#mediaVids a:link,
	#mediaVids a:visited {
		color: #fff;
		text-decoration: none;
		}
		#mediaVids a:hover,
		#mediaVids a:hover {
			color: #ccc;
			text-decoration: none;
			}
#mediaDownloads {
	margin: 0 0 20px;
	}
	#mediaDownloads li {
		background: url(../img/icon_pdf.gif) 0 4px no-repeat;
		color: #565656;
		font-size: 11px;
		padding-left: 13px;
		}
	#videoPlayer a:link,
	#videoPlayer a:visited,
	#mediaDownloads a:link,
	#mediaDownloads a:visited {
		color: #fff;
		text-decoration: none;
		}
		#videoPlayer a:hover,
		#mediaDownloads a:hover {
			color: #ccc;
			text-decoration: none;
			}
			
.sponsors {
	margin-top: 10px;
	}
	.sponsors h4 {
		color: #4d4d4d;
		}
	#officialWinterwear {
		display: block;
		float: left;
		width: 240px;
		}
	#proudSupport {
		display: block;
		float: left;
		width: 180px;
		}
	.sponsors img {
		float: left;
		margin-right: 20px;
		}
		.sponsors img a {
			border: none;
			}

			
/*-----------------------------------------------------------------------------
	Contact	
-----------------------------------------------------------------------------*/

.contactForm label {
	clear: both;
	width: 100px;
	line-height: 2.3em;
	vertical-align: top;
	font-size: 11px;
	float: left;
	}
.contactForm input.txtfield,
.contactForm textarea.txtfield {
	background: #f1f1f1;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 320px;
	padding: 3px;
	font-size: 12px;
	margin: 5px 0;
	}
	textarea { font-family: "arial", helvetica, sans-serif }
	.contactForm input.stxtfield {
		background: #f1f1f1;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 105px;
		padding: 3px;
		font-size: 12px;
		margin: 5px 0 5px 10px;
		}
.contactForm select {
	width: 200px;
	padding: 1px 2px;
	font-size: 11px;
	margin: 5px 0;
	}
	.contactForm select.subject {
		width: 205px;
		padding: 1px 2px;
		font-size: 11px;
		margin-bottom: 8px;
		}
	.contactForm .signup {
		clear: both;
		font-size: 11px;
		line-height: 1.2em;
		padding-left: 5px;
		text-align: left;
		}
	.contactForm .bSubmit {
		margin: 15px 0 35px 100px;
		}
	.contactForm span.errorMsg {
		color: #dd1010;
		font-size: 11px;
		margin-left: 100px;
		}
		
.contactConfirm {
	background: #89d6db;
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 10px 20px;
	text-align: center;
	}