body { background: black; }
sup { vertical-align: super; font-size: 75%;}

.center { text-align: center; }
.noMargin { margin: 0;}

#main { background: black; width: 935px; margin: 0 auto; padding: 20px 20px 37px; position: relative; min-height: 600px; height: auto !important; height: 600px;}

#main .botImage { position: absolute; bottom: 0; left: 0;}
#main .logo { float: left; margin: 0 20px 20px 0;}
#footer { width: 970px; padding-top: 20px; margin: 0 auto 10px auto; clear: both;}
#footer img { float: right; margin-left: 10px;}
#footer ul { float: left; clear: left; margin-top: 5px;}
#footer li { float: left; border-right: solid 1px #cccccc; padding: 0 5px; line-height: 100%;}
#footer li.last { border-right: none;}
#footer p { clear: both; text-align: center; font-size: 8pt; color: #666;}
#footer a { font-size: 8.5pt; color: #666;}

#mainNav { background: transparent url(../images/newskin/nav_repeat.gif) top left repeat-x; height: 54px; float: right; z-index:1;}
#mainNav > li.ledge { background: transparent url(../images/newskin/nav_lcorner.gif) top left no-repeat; }
#mainNav > li.redge { background: transparent url(../images/newskin/nav_rcorner.gif) top right no-repeat; }
#mainNav > li { float: left; height: 100%; padding: 0 20px; }
#mainNav > li > a { display: block; line-height: 54px; color: white;}

.systemPage img { position: absolute;}
.systemPage p { position: absolute;}
.systemPage #img1 { right: 0; top: 85px;;}
.systemPage #img2 { left: 27px; top: 230px;}
.systemPage #img3 { right: 0; bottom: 50px;}

.videos #mainContent h3 { font-size: 20px; line-height: 20px; margin-bottom: 30px;}

.snowStormBlade #powderCoat h2 { position: absolute; top: 415px;}

#quoteForm label { text-align: left; float: left; clear: left; width: auto;}
#quoteForm input, #quoteForm select { clear: left; margin: 0 0 10px 10px;}
#quoteForm textarea { float: left; clear: left; margin-bottom: 10px;}
.validator { float: left;}
.invalidZip { display: none; color: red; float: left;}
#quoteForm #optin { float: left; margin-right: 10px;}
#quoteForm #optinLabel { float: left; clear: none;}

#contactInfo { position: absolute; left: 225px; color: white;}
.contact_us #mainContent li { list-style-type: none; }
.contact_us .main { font-size: 16px; line-height: 19px;}
.contact_us li span { font-size:20px; font-weight: bold; line-height: 25px;}
.contact_us p { font-weight: bold;}

.lighter { border: 1px solid #333;}

#leftNav { border: 1px solid white; width: 200px; background: #FCBB5A; float: left; clear: left;}
#leftNav li { float: left; clear: left; }
#leftNav a { width: 180px; display: block; color: white; padding: 5px 10px;}
#leftNav span { display: block; width: 180px; border-top: 1px solid #FCCF8E; margin: 0 auto; line-height: 0;}

#buckets { clear: both; margin: 0 0 0 20px;}
#buckets > li { float: left; margin-right: 10px; position: relative;}
#buckets > li ul { background: #FCBB5A ; position: absolute; top: 234px; left: 16px; width: 255px; border: 1px solid #FCAE3F;}
#buckets > li li { float: left; clear: left; width: 100%; }
#buckets span { display: block; width: 240px; border-top: 1px solid #FCCF8E; margin: 0 auto; line-height: 0;}
#buckets > li li a { color: white; display: block; padding: 5px; width: 205px;}
#buckets .snowfire > a, #buckets .snowstorm > a { float: left; clear: left; line-height: 0;}
#buckets .snowstorm .videos { display: block; float: left; clear: left; line-height: 0; width: 286px; height: 95px; position: relative; background: transparent url(../images/newskin/snowstorm_videos.jpg) no-repeat top left;}
#buckets .snowfire .videos { display: block; float: left; clear: left; line-height: 0; width: 286px; height: 95px; position: relative; background: transparent url(../images/newskin/snowfire_videos.jpg) no-repeat top left;}
#buckets .videos a { position: absolute;}

#mainContent ul#breadcrumb { clear: left; padding-left: 0;}
ul#breadcrumb li { float: left; margin-left: 10px; list-style: none; list-style-type: none;}

.bigText { font-size: 20px; line-height: 125%; color: white; }

ul#events { margin-top: 20px;}
ul#events li { list-style-type: none;}
ul#events img { margin-bottom: 20px;}
ul#events hr { margin: 20px 0; width: 690px; clear: both;}

#lContent { position: absolute; top: 10px; left: 20px; bottom: 0;}
#lContent #documents { float: left; clear: left; width: 200px; margin: 10px 0;}
#lContent #documents a { width: 200px;}

#tabs {
	clear: both;
	position: relative;
}

#tabs > ul {
	position: absolute;
	right: 0;
	top: -35px;
}

#tabs > ul > li {
	float: right;
	display: block;
	width: 150px;
	line-height: 35px;
	text-align: center;
	background: transparent url(../images/homepage-tabs/winter_tab.png) top left no-repeat scroll;
	font-size: 16px;
}

#tabs > ul > li.summer {
	background: transparent url(../images/homepage-tabs/summer_tab_back.png) top left no-repeat scroll;
}

#tabs > ul > li a {
	color: white;
}

#productContainer {
	clear: both;
	width: 935px;
	height: 167px;
}

#productContainer > div > ul li {
	position: absolute;
	background: #4B76D6;
	top: 0;
}

#productContainer ul .sf {
	left: 0;
	background: transparent url(../images/homepage-tabs/sf_bg.png) top left no-repeat;
}

#productContainer ul .ss {
	left: 307px;
}

#productContainer  ul .stake {
	left: 617px;
	width: 318px;
}

#productContainer > div > ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}

#winterProducts { 
	width: 100%;
	height: 100%;
}

#summerProducts {
    background: transparent url(../images/homepage-tabs/summer_bg.png) top left no-repeat scroll;
	width: 935px;
	height: 167px;
	display:none;
	position:absolute;
	z-index: 1;
}

.productContent {
    display: none;
	position: absolute;
	z-index: 1;
	padding: 0px 20px 10px 20px;
	height: 167px;
	top: 167px;
	background: #809ad6;
	left: 0;
	width: 895px;
}

.productContent h3 {
	font-size: 1.6em;
	line-height: 1.8em;
	width: 400px;
	position: absolute;
	top: 5px;
	left: 20px;
	display: block;
}

.productContent p.floated {
	width: 460px;
	font-size: 0.9em;
	float:left;
	display: block;
	margin-top: 40px;
}

.productContent a {
    color: #333;
    font-weight: bold;
}

.productContent p.wide {
	width: 680px !important;
}

.productContent ul.links {
	float: left;
	width: 150px;
	height: 100%;
	margin-top: 40px;
	margin-left: 20px;
	line-height: 17px;
}

.productContentContainer .stake h4.links {
    left: 760px;
}

.productContentContainer .sf h4.links {
	top: 13px;
}

.productContentContainer .sf ul.links {
	margin-top: 30px;
}

.productContent h4.links {
    position: absolute;
    top: 23px;
    left: 530px;
    color: #ccc;
}

.productContent hr {
    width: 450px;
    position: absolute;
    top: 30px;
    left: 20px;
}

.productContentContainer .stake hr {
    width: 680px;
}

.productContent .videosContainer{
	float: left;
	width: 255px;
	margin-top: 25px;
	color: #ccc;
}

.productContent .videosContainer h4 {
	text-align: center;
}

.productContent .videosThumbs li {
	float: left;
	margin: 5px;
}

#winterProducts .productContent {
    background: transparent url(../images/homepage-tabs/blue_big_bg.png) no-repeat scroll top left;
}

#summerProducts .productContent {
    background: #FCB040;
}

#summerProducts h3 {
	font-size: 22px;
	margin-top: 20px;
	color: black;
}

#summerProducts hr {
	margin-right: 20px;
}

#summerProducts p {
	line-height: 17px;
	margin-right: 40px;
}

#summerProducts a {
	color: #4B76D6;
}

#slider { padding-top: 15px;}
#slider li { width: 935px; height: 350px;} 
#slider #eventPromo { width: 575px; padding: 20px; margin: 100px auto 0 auto; color: #ccc; border: 1px solid #666;}
#slider .bigLink { font-size: 20px; padding-bottom: 20px;}
#slider p { color: white; margin-top: 5px;}
#slider .noMargin { margin: 0;}

#mainContent { clear: right; width: 710px; margin-left: 210px; color: #ccc; min-height: 700px;}
#mainContent p { margin: 10px 0;}
#mainContent > table { width: 500px;}
#mainContent ul { display: table; padding-left: 20px;}
#mainContent li { display: list-item; list-style: disc outside; margin: 5px 0 0 0;}
#mainContent h1 { font-size: 24px; color: white; line-height: 120%; display: inline;}
#mainContent h2 { display: inline;}
#mainContent #rcontents h2 { display: block;}

/*TODO: Display none*/
#quotePrintContents { position: relative; background: white; min-height: 850px; display: none;}
#print { font-size: 20px; margin-top: 15px; display: block;}
#printLogo { position: absolute; left: 50%; margin-left: -125px; top: 50px;}
#printBg { position: absolute; left: 50%; margin-left: -250px; top: 200px;}
#printLogo2 { position: absolute; right: 20px; top: 200px;}
#quoteInfo { position: absolute; right: 0; top: 100px;}
#quoteInfo table td { border: 1px solid #000000; text-align: center; padding: 5px;}
#quoteInfo span { font-size: 20px;}
#itemized { position: absolute; top: 400px;}
#itemized td { border: 1px solid black; }
#itemized td.header { text-align: center; padding: 10px; background: #6666cc; border: 1px solid #666699;}
#quoteImage { margin: 15px 0 20px -190px; display: block;}
#customerInfo { position: absolute; left: 40px; top: 150px;}
#printThankYou { position: absolute; bottom: 0; left: 0; width: 100%; background: #6666cc; text-align: center; text-transform: uppercase; padding: 10px 0;}
#quoteStipulations { position: absolute; left: 0; bottom: 50px;}
#kageInfo { position: absolute; top: 0; left: 0;}
#kageInfo span { font-size: 20px;}

#sideContainer { float: right;}
fieldset { width: 210px; border: 1px solid #666; padding-bottom: 5px; }
#sideContainer object, #videos embed, #sideContainer iframe { margin: 10px auto 2px; display: block; width: 200px;}
legend { margin-left: 5px; color: white; font-size: 14px; padding: 0 5px;}
label { width: 100%; text-align: center; color: #ccc; display: block;}
#watchVideos { position: absolute; top: 83px; right: 9px;}
#videos a { display: block; text-align: center;}
#documents { width: 210px; border: 1px solid #666; padding-bottom: 5px;}
#documents ul { padding-left: 0;}
#documents li { list-style-type: none;}
#documents a { display: block; height: 50px; width: 205px;}
#documents a img { float: left;}
#documents span { display: block; padding-top: 20px; }
#documents a.more { text-align: center; height: 100%;}

#manuals li { list-style-type: none;}
#manuals a { display: block; height: 50px; width: 100%;}
#manuals a img { float: left;}
#manuals span { display: block; padding-top: 20px;}

li.dropdownList { position:relative; }
li.dropdownList div.dropdown { position: absolute; top: 47px; left: 7px; width: 440px; background: transparent url(../images/homepage-tabs/dd.png) bottom left no-repeat; z-index: 2; padding: 10px 20px 30px 20px;}
.dropdown h3 { font-style: italic;}
.dropdown div.winter { float: left; }
.dropdown div.summer { float: right; width: 50%;}
.dropdown li { list-style-type: inside;}
.dropdown ul { margin-top: 10px;}
.dropdown .dropborder { border-top: 1px solid #333; position: absolute; width: 400px; left:80px; top: 0; }
#mainNav > li > a.selected { text-decoration: underline; }
/*li.dropdownList li { float: left; clear: left; padding: 5px 15px; white-space: nowrap; width: 197px;}
li.dropdownList li a { font-size: 12px; color: white; display: block; width: 100%;}*/

#mainContent #peopleContainer { width: 700px; padding-left: 0;}
#peopleContainer li { list-style-type: none; float: left; width: 350px; margin-bottom: 30px;}
#peopleContainer img { float: left;}
#peopleContainer div img { float: none; margin: 20px auto;}
#peopleContainer div { width: 120px; text-align:center; float: left; margin-left: 10px;}
#peopleContainer div h4 { font-size: 16px; font-weight: bold;}
#peopleContainer div p { font-size: 16px; color: #FCB040;}

#mainContent h2.block { display: block; text-align: center; margin: 10px 0;}

#prevBtn { position: absolute; left: 0; bottom: 150px; background: transparent url(../images/newskin/larrow.png) top left no-repeat; width: 59px; height: 120px;}
#nextBtn { position: absolute; right: 0; bottom: 150px; background: transparent url(../images/newskin/rarrow.png) top left no-repeat; width: 59px; height: 120px; }
#nextBtn a { width: 100%; height: 100%; display: block; text-indent: -9999px;}
#prevBtn a { width: 100%; height: 100%; display: block; text-indent: -9999px;}

#message { color: red;}

.small { font-size: 0.8em;}

.videos { position: absolute; background: black; right: 0; bottom: 0; height: 90px; width: 155px;}

.testimonials #prevBtn { bottom: 400px}
.testimonials #nextBtn { bottom: 400px;}
.testimonial { background: transparent url(../images/newskin/Testimonial.jpg) no-repeat top center scroll; }
.testimonial p { position: relative; top: 20px; left: 380px; display: block; width: 300px;}
.testimonial2 { background: transparent url(../images/newskin/Testimonial2.jpg) no-repeat top center scroll;}
.testimonial2 p { position: relative; top: 20px; left: 100px; display: block; width: 600px;}
.testimonials #slider p.textOnly { margin: 20px 10% 0;}
.testimonials #slider ul { padding-left: 0;}
.testimonials #slider li { height: 650px;}

fieldset.smallVideoContainer {
	width: 100px;
	padding: 10px;
	text-align: center;
	clear: left;
	float: left;
}