/* HTML and Global Styles */


BODY {
	margin: 0px;
	text-align: left;
	background-color: white;
	color: #333333;
	font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	font-size: 12px;
	line-height: 14px;
		
}

A {
	
	color: #666666;
}

P {
	margin-top: 0px;
	margin-bottom: 17px;
	
}

.Shopify P {
	
	margin:12px 0pt;
}

OL LI {
	margin-bottom: 7px;
	
}

OL {
	margin-bottom: 30px;
	
}

INPUT {
	border: 1px solid #858585;
	width: 200px;
	
}

.clear {
	clear: both;
}

.left {
	float: left;
	
}

.right {
	float: right;
	
}

.red {
	color: red;
	
}

.error {
	color: red;
	width: 200px;
}

#notation {
	font-size: 10px;
}


/* Body Styles */

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: white;

}

#mainContent {
	width: 972px;
	border: 1px solid #cccccc;
	padding: 8px 8px 0px 8px;
	margin-left: 5px;
	margin-left: 5px;
	background-color: white;
}

/*Home Page Styles */

#leftColumnHome {
	background-image: url(../images/mainHomeImage.jpg);
	width: 680px; /*cropped down 15 pixels. Need to crop picture at some point */
	height: 501px;	
	float: left;
	display: inline;
}

#RightColumnHome {
	width: 280px;
	height: 501px;	
	float: right;
}

#watchVideo {
	float: right;
	padding-top: 185px;
	
}

#redButton {
	float: right;
	padding-top: 104px;
	padding-right: 160px;
	
}

.rightBoxHome {
	width: 280px;
	height: 160px;
	border: 1px solid #cccccc;
	float: right;
	background-repeat: no-repeat;
	margin-bottom: 8px;

}

.rightBoxHome IMG {
	
	padding-left: 16px;
	padding-top: 12px;
	
}


.rightBoxHome P {
	
	padding-left: 16px;
	font-size: 11px;
	/*color: #2a2f36*/
	
}

.rightBoxHome  A {
	text-decoration: none ;
	/*color: #2a2f36;*/

}

.rightBoxHome  a:hover {
	text-decoration: underline ;

}


.rightBoxHome SPAN {
	
	font-size: 10px;
	color: #999999;
	
}

.rightBoxDrop {
	background-image: url(../images/rightBoxDrop.png);
	background-repeat: no-repeat;
	width: 227px;
	height: 102px;
	margin-left: 16px;
	margin-top: -20px;
	font-size: 12px;
	color: #666666;
	padding-top: 35px;
	padding-left: 10px;
	padding-right: 10px;
	display: none;
}

#weatherBug {
	color: white;
	margin-left: 315px;
	margin-top: 80px;
}

.homeTip {
	width: 350px;
	
}


#weatherBug  A {
	color: white;	
}


/* Sub Page Styles */

#leftColumnSub {
	
	width: 230px;
	float: left;
	
}

#centerTwoColumnSub {
	width: 735px;
	float: left;
	
}

#centerThreeColumnSub {
	width: 525px;
	float: left;
	
}


#rightColumnSub {
	width: 200px;
	float: left;
	margin-left: 10px;

	
}

.secHeader {
	
	padding-top: 30px;
	
}

#subSecHeader {
	
	margin-top: 30px;
	margin-left: 30px;
}

#centerColumnContent {
	
	padding-left:30px;
	margin-top: 10px;
	padding-right: 10px;
	width: 460px;
	border-left: 1px solid #cccccc;
	min-height: 425px;
}


#centerTwoColumnContent {
	
	margin-left:30px;
	margin-top: 10px;
	
}



/* Right Column Promos */

#storiesPromo {
	margin-top: 80px;
	margin-bottom: 50px;
	background-image: url(../images/bkgrdSnowmobile.jpg);
	width: 199px;
	height: 46px;
	padding-top: 60px;
	
	
}


#shopPromo {
	background-image: url(../images/bkgrdVests.jpg);
	margin-top: 80px;
	width: 199px;
	height: 106px;
	height: 46px;
	padding-top: 60px;
	
}



/* Header Styles */

#header {
background-color: white;
}

#headerBar {
	
	float: left;
	margin: 0px;
	padding: 0px;
	height: 12px;
}

#topNavWrapper {
	width: 1000px;
	height: 108px;
	background-color: white;
}

#topNavBox {
	
	background-image: url(../images/topNavBox.jpg);
	width: 334px;
	height: 66px;
	margin: 0px;
	float: right;
	color: white;
	padding-top: 0px;
}

#callUs {
	font-size: 12px;
	float: right;
	padding-right: 10px;
	text-align: right;
	
}

#topNav {
	font-size: 10px;
	float: right;
	padding-right: 10px;
	padding-top: 20px;
}

#topNav a {
text-decoration: none;
color: white;
	
}


#cross {
	float: left;
	padding-left: 70px;
	padding-top: 18px;
	
}

/* Nav Styles */

/* Global */
#navWrapper {
	width: 1000px;
	height: 30px;
	float: right;
	text-align: right;
	background-color: white;
}

/* This style is largely being ignored after puttin in the nav */
.navImage {
	padding-bottom: 9px;
	padding-right: 45px;
}

.aviText {
	padding-left: 64px;
	padding-bottom: 9px;
}

#forrest {
	width: 990px;
	height: 36px;
	float: left;
	padding-left: 10px;
	background-color: white;
	
}

/* Sub */

#leftArrow {
	
	width: 38px;
}


#leftNav {
	
	width: 160px;
	min-height: 425px;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 25px;
}

#leftNav span {
	margin-bottom: 10px;
	display: block;
	
}

#leftNav span a {
	color: #666666;
	text-decoration: none;
}

#leftNav span a:hover {
	color: #666666;
	text-decoration: underline;
}

.leftNav2 {
	margin-bottom: 10px;
	display: block;
	font-weight:normal
	
}

.leftNav2 a {
	color: #666666;
	text-decoration: none;
}

.leftNav2 a:hover {
	color: #666666;
	text-decoration: underline;
}



#leftNav2 #section {
	color: #e1241e;
	text-decoration: none;
}

#leftNav #section {
	color: #e1241e;
	text-decoration: none;
}


#leftNav .subSection {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
	width: 110px;
	margin-left: 5px;
}

#leftNav .subSectionTop {
	border-top: 1px dotted #cccccc;
	padding-top: 5px;
}

#leftNav .subSectionBottom {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 5px;
}


/* Footer Styles */

#footer {

background-color: white;
height: 65px;
font-size: 10px;
color: #666666;
text-decoration: none;
padding-top: 5px;
padding-left: 30px;
}

#footer a {
	text-decoration: none;
	color: #666666;	
}


#footer a:hover {
	text-decoration: underline;
	color: #666666;	
}


/* Vest-Specific Section Styles */

#vestOverviewNav {
	width: 690px;
	margin-left: 30px;
	margin-top: 15px;
}

#vestOverviewNav IMG {
	padding: 0px;
	margin: 0px;
	float: left;	
}

#vestOverviewContent {
	width: 650px;
	margin-left: 30px;
	margin-top: 15px;
	padding: 20px;
}

#vestOverviewInstructions {
	background-image: url(../images/bkgrdOverview.png);
	background-repeat: no-repeat;
	width: 490px;
	height: 46px;
	margin-left: 70px;
	color: #858585;
	padding-top: 10px;
	padding-left: 10px;
	
}

.vestContainer {
	display: none;
}

#vestContainer1, #vestContainer2, #vestContainer3 {
	border-left: 1px solid #cccccc;
	width: 735px;
	float: left;
	min-height: 450px;
	
} 

#aviMenu {
	width: 672px;
	border-bottom: 1px solid #ccc;
	height: 88px;
}

div.avimenu {
	cursor: pointer;
	height: 88px;
	float: left;
}
div#avimenu1 {
	margin-left: 210px;
	width: 50px;
	background: url('../images/vestmenu_1.gif');
}
div#avimenu2 {
	width: 44px;
	background: url('../images/vestmenu_2.gif');
}
div#avimenu3 {
	width: 47px;
	background: url('../images/vestmenu_3.gif');
}
div#avimenu4 {
	width: 64px;
	background: url('../images/vestmenu_4.gif');
}
div#avimenu1.sel { background: url('../images/vestmenu_1_sel.gif'); }
div#avimenu2.sel { background: url('../images/vestmenu_2_sel.gif'); }
div#avimenu3.sel { background: url('../images/vestmenu_3_sel.gif'); }
div#avimenu4.sel { background: url('../images/vestmenu_4_sel.gif'); }

#aviVest {
	margin-top: 20px;
	width: 672px;
	height: 500px;
}

div.avipage {
	display: none;
	width: 672px;
	height: 500px;
	position: absolute;
}
div.avipage.sel {
	display: block;
}
div#avipage1 { background: url('../images/avipage_1.gif'); }
div#avipage2 { background: url('../images/avipage_2.gif'); }
div#avipage3 { background: url('../images/avipage_3.gif'); }
div#avipage4 { background: url('../images/avipage_4.gif'); }

div#aviVest div.smdot {
	position: absolute;
	cursor: pointer;
	z-index: 100;
	background: url('../images/featureDotSm.png');
	width: 17px;
	height: 17px;
}
div#aviVest div.lgdot {
	position: absolute;
	cursor: pointer;
	z-index: 100;
	background: url('../images/featureDotBg.png');
	width: 33px;
	height: 33px;
}

div.avidot_up {
	width: 17px;
	height: 116px;
	background: url('../images/avidot_up.gif') bottom left;
	position: relative;
	left: -9px;
	margin-bottom: 10px;
}

div.avidot_left {
	width: 150px;
	height: 17px;
	background: url('../images/avidot_left.gif') top right;
	position: relative;
	top: 15px;
	left: -155px;
}

div.avidot_right {
	width: 116px;
	height: 17px;
	background: url('../images/avidot_right.gif');
	position: relative;
	top: 15px;
	left: 160px;
}

div.avispot {
	position: absolute;
	display: none;
}

div#avidot1_1 { left: 253px; top: 171px; }
div#avidot1_2 { left: 320px; top: 119px; }
div#avidot1_3 { left: 353px; top: 260px; }
div#avidot1_4 { left: 240px; top: 240px; }
div#avidot1_5 { left: 315px; top: 200px; }

div#avispot1_1 { left: 20px; top: 156px; width: 150px; text-align: right; }
div#avispot1_2 { left: 485px; top: 104px; width: 150px; text-align: left; }
div#avispot1_3 { left: 482px; top: 246px; width: 180px; text-align: left; }
div#avispot1_4 { left: 7px; top: 225px; width: 150px; text-align: right; }
div#avispot1_5 { left: 480px; top: 185px; width: 150px; text-align: left; }


div#avidot2_1 { left: 242px; top: 277px; }
div#avidot2_2 { left: 400px; top: 170px; }
div#avidot2_3 { left: 378px; top: 290px; }
div#avidot2_4 { left: 290px; top: 350px; }
div#avidot2_5 { left: 413px; top: 335px; }
div#avidot2_6 { left: 350px; top: 50px; }

div#avispot2_1 { left: 12px; top: 263px; width: 150px; text-align: right; }
div#avispot2_2 { left: 490px; top: 155px; width: 150px; text-align: left; }
div#avispot2_3 { left: 387px; top: 300px; width: 180px; text-align: left; }
div#avispot2_4 { left: 61px; top: 336px; width: 150px; text-align: right; }
div#avispot2_5 { left: 481px; top: 321px; width: 150px; text-align: left; }
div#avispot2_6 { left: 437px; top: 35px; width: 150px; text-align: left; }


div#avidot3_1 { left: 255px; top: 66px; }
div#avidot3_2 { left: 240px; top: 110px; }
div#avidot3_3 { left: 330px; top: 140px; }
div#avidot3_4 { left: 394px; top: 150px; }
div#avidot3_5 { left: 217px; top: 240px; }
div#avidot3_6 { left: 420px; top: 245px; }
div#avidot3_7 { left: 260px; top: 340px; }
div#avidot3_8 { left: 362px; top: 350px; }
div#avidot3_9 { left: 400px; top: 345px; }

div#avispot3_1 { left: 24px; top: 51px; width: 150px; text-align: right; }
div#avispot3_2 { left: 10px; top: 95px; width: 150px; text-align: right; }
div#avispot3_3 { left: 490px; top: 125px; width: 180px; text-align: left; }
div#avispot3_4 { left: 490px; top: 136px; width: 150px; text-align: left; }
div#avispot3_5 { left: -10px; top: 224px; width: 150px; text-align: right; }
div#avispot3_6 { left: 508px; top: 231px; width: 150px; text-align: left; }
div#avispot3_7 { left: 269px; top: 350px; width: 150px; text-align: left; }
div#avispot3_8 { left: 371px; top: 355px; width: 150px; text-align: left; }
div#avispot3_9 { left: 497px; top: 331px; width: 150px; text-align: left; }


div#avidot4_1 { left: 215px; top: 63px; }
div#avidot4_2 { left: 343px; top: 74px; }
div#avidot4_3 { left: 474px; top: 63px; }
div#avidot4_4 { left: 396px; top: 113px; }
div#avidot4_5 { left: 283px; top: 316px; }
div#avidot4_6 { left: 400px; top: 316px; }

div#avispot4_1 { left: -16px; top: 48px; width: 150px; text-align: right; }

div#avispot4_2 { left: -7px; top: 60px; width: 150px; text-align: right; }
div#avispot4_3 { left: 544px; top: 49px; width: 150px; text-align: left; }
div#avispot4_4 { left: 537px; top: 99px; width: 150px; text-align: left; }
div#avispot4_5 { left: 34px; top: 301px; width: 150px; text-align: right; }
div#avispot4_6 { left: 499px; top: 301px; width: 170px; text-align: left; }




#specTable {
	width: 460px;
	height: 224px;
	border: 1px solid #e8e8e8;
	margin-left: 97px;
	
}

.specTableCellLeft {
	width: 176px;
	height: 22px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #f7f8fa;
}

.specTableCellRight {
	width: 263px;
	height: 22px;
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #e8e8e8;
	background-color: #f7f8fa;
	
	
}





/* Company Styles */

.newsHeader {
	font-weight: bold;
	font-size: 14px;
	
}


/* Photo Style */

#playerBorder {
	width: 600px;
	height: 426px;
	border: 1px solid #b5b5b5;
	margin-bottom: 15px;
	
}

#playerScreen {
	width: 584px;
	height: 410px;
	border: 1px solid #dfdfdf;
	background-color: #b1b1b1;
	padding: 7px;
}

.photoThumb IMG, .photoThumbVert IMG  {
	border: 1px solid #cccccc;
	padding: 5px;
	
}


.photoThumb  {
	font-weight: bold;	
	color: #696969;
	margin-right: 10px;
}


.photoThumbVert  {
	font-weight: bold;	
	color: #696969;
	margin-right: 20px;
}

.videoThumb {
	width: 480px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;

}

.videoTitle {
	font-weight: bold;
}

/*.pics IMG {
	border-top: 20px  solid #333333;
	border-right: 36px solid #333333;
	border-bottom: 20px solid #333333;
	border-left: 36px solid #333333;

}

*/

.pics {

	
}

.pics IMG {
	border: 1px solid #dfdfdf;
	padding-top: 20px;
	padding-right: 36px;
	padding-bottom: 20px;
	padding-left: 36px;
	background-color: #333333;
	width: 510px;
	height: 340px;

}

.playerNumber {
	width: 25px;
	height: 18px;
	background-color: #fafafa;
	border: 1px solid #858585;
	float: left;
	margin-left: 5px;
	text-align: center;
	color: #858585;
	padding-top: 7px;
	
}


.playerNumber A {
	color: #858585;
	text-decoration: none;
	
}


.nav  {
	height: 23px;
	padding-top: 5px;
}