html {

	/*height:100%;*/  /*fix height to 100% for IE */
	/*max-height:100%;*/ /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#ffffff; /*color background - only works in IE */
	font-size:80%; /*set default font size */
	font-family:verdana; /* set default font */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */

}

body { 
	min-width:986px;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */

}


label {
	display: block;
	width: 100px;
	float: left;
	margin-bottom: 10px;
	
	
}

label.e {
	display: block;
	width: 70px;
	float: left;
	margin-bottom: 10px;
	
	
}

input, select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	margin-right:10%;
	
}



br {
	clear: left;
}

p.mid {text-align:center;}
p.hide {color:white;}
p.bold {font-weight:bold;}
p.large {text-align:center; font-weight:bold; font-size:200%;}
h1 {text-align:center; font-weight:bold; font-size:200%;}
h2 {text-align:center; font-size:150%;}

div.header{
	position:absolute;
	left:0px;
	top:0px;
	height:30px;
	width:100%;
	background:black;
}
div.footer{
	position:absolute;
	left:0px;
	bottom:0px;
	height:30px;
	width:100%;
	background:black;
}

div.central{
	position:absolute;
	right:0px;
	top:40%;
	height:200px;
	width:580;
	z-index:10;
}

div.central2{
	position:absolute;
	right:0px;
	top:47%;
	height:200px;
	width:580;
	z-index:10;

}
div.nav {
	position:absolute;
	right:0px;
	top:-30px;
	height:30px;
	width:432px;
	background:#97242B;
	line-height:30px;
	
}
div.navb {
	position:absolute;
	right:0px;
	top:144px;
	height:30px;
	width:432px;
	background:#97242B;
	line-height:30px;
}

div.navc {
	position:absolute;
	right:0px;
	top:80px;
	height:30px;
	width:432px;
	background:#97242B;
	line-height:30px;
}

div.brand {
	height:134px;
	width:582px;
	background:white;
	border-style:solid;
	border-color:#FF7021;
	border-right-width: 0px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	z-index:10;
	
}

div.brand1 {
	height:64px;
	width:468px;
	background:white;
	border-style:solid;
	border-color:#FF7021;
	border-right-width: 0px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	padding-top:37px;
	padding-bottom:33px;

}

div.brand2 {
	height:60px;
	width:468px;
	background:white;
	border-style:solid;
	border-color:#FF7021;
	border-right-width: 0px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	z-index:10;
}


img.brand {
	position:relative;
	right:-148px;
	top:8px;

}

img.logo {
	position:relative;
	right:430px;
	top:8px;

}

img.spirit {
	position:absolute;
	right:5px;
	top:0px;

}

a.nav {
	display:block;
	width:108px;
	height:30px;
	text-decoration: none;
	background:#97242B;
	color:white;
	float:left;
	text-align:center;
	
	
}


a:hover.nav {

	text-decoration: underline;
	background:#FF7021;
}


div.columnr {
	position:absolute;
	top:40px;
	right:590px;
	padding-right:20px;
	padding-left:10px;
	padding-bottom:35px;
	max-height:85%;
	max-width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columnrc {
	position:absolute;
	top:40px;
	right:590px;
	padding-right:20px;
	padding-left:10px;
	padding-bottom:35px;
	background-image: url(images/bkgnd_compass.jpg); 
	background-repeat: no-repeat;
	background-position: left top;
	max-height:85%;
	max-width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columnproducts {
	
	position:absolute;
	top:40px;
	right:590px;
	padding-right:20px;
	padding-left:10px;
	padding-bottom:35px;
	max-height:85%;
	max-width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columnstockist {
	position:absolute;
	top:40px;
	right:510px;
	padding-right:20px;
	padding-left:10px;
	padding-bottom:35px;
	max-height:85%;
	max-width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:70%;
}

div.columnreview {
	position:absolute;
	top:40px;
	right:510px;
	background-image: url(images/karab.jpg); 
	background-repeat: no-repeat;
	background-position: center center;
	
	padding-right:20px;
	padding-left:10px;
	padding-bottom:35px;
	max-height:85%;
	max-width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

div.pad {
	padding:15px;
}

div.columntr {
	display:inline;
	position:absolute;
	top:40px;
	right:10px;
	padding-right:18px;	
	max-height:35%;
	max-width:480px;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columntrm {
	display:block;
	position:absolute;
	top:40px;
	right:0px;
		
	max-height:35%;
	max-width:480px;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columnbr {
	position:absolute;
	bottom:40px;
	right:10px;
		
	max-height:28%;
	max-width:480px;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columntri {
	position:absolute;
	top:40px;
	right:5px;	
	padding-right:18px;
	max-height:33%;
	max-width:420px;
	overflow-y:auto;
	overflow-x:hidden;
	background-image: url(images/figure_eight.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
}

div.columnbri {
	position:absolute;
	bottom:40px;
	right:5px;
	padding-right:18px;	
	max-height:25%;
	max-width:420px;
	overflow-y:auto;
	overflow-x:hidden;
}

div.columnbrim {
	position:absolute;
	bottom:40px;
	right:0px;
		
	max-height:25%;
	max-width:420px;
	overflow-y:hidden;
	overflow-x:hidden;
}

div.columntric {
	position:absolute;
	top:40px;
	right:5px;	
	padding-right:18px;
	max-height:25%;
	max-width:560px;
	overflow-y:auto;
	overflow-x:hidden;
	background-image: url(images/figure_eight.jpg); 
	background-repeat: no-repeat;
	background-position: top left;
}

div.columnbric {
	position:absolute;
	bottom:40px;
	right:5px;
	padding-right:18px;	
	max-height:30%;
	width:560px;
	overflow-y:auto;
	overflow-x:hidden;
}

img.tr {
	float:left;
	clear:left; 
	margin:2px 2px 2px 2px;
	border-style: none;
}

img.climb {
	position:absolute;
	right:432px;
	top:30px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}


img.snow {
	position:absolute;
	right:432px;
	top:275px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}


img.mountain {
	position:absolute;
	right:802px;
	top:30px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}

img.jump {
	position:absolute;
	right:802px;
	top:584px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}

img.tent {
	position:absolute;
	right:1172px;
	top:586px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}

img.outdoors {
	position:absolute;
	right:432px;
	top:520px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}

img.beach {
	position:absolute;
	right:1172px;
	top:30px;
	border-style:solid;
	border-width: 2px;
	border-color: rgb(255,112,32);

}

img.triset {
	float:left;
	clear:left; 
	margin:5px 5px 5px 0;
}

img.boulder {
	position:absolute;
	right:0px;
	bottom:40px;
	border-style:none;

}

img.rock {
	position:absolute;
	right:0px;
	bottom:40px;
	border-style:none;

}


#marqueecontainer{
	position: relative;
	width: 467px; /*marquee width */
	height: 200px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border-top: 3px solid rgb(255,112,32);
	border-bottom: 3px solid rgb(255,112,32);
	border-left: 3px solid rgb(255,112,32);
	padding: 2px;
	padding-left: 4px;
}

#marqueecontainer2{
	position: relative;
	width: 420px; /*marquee width */
	height: 170px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border-top: 3px solid rgb(255,112,32);
	border-bottom: 3px solid rgb(255,112,32);
	
	
}

td.head {

	padding:3px;
	height:12.75pt;
	background-color:#993300;
	color:white;
}

tr.event {
	
	background-color:#CCCCCC;
	font-size:8pt;
}

td.event {

	padding:1px;
	height:12.75pt;
	background-color:#CCCCCC;
	font-size:8pt;

}

td.eventi {

	padding:1px;
	height:12.75pt;
	background-color:#CCCCCC;
	font-size:8pt;
	font-weight:bold;

}

/* Sortable tables */

table.sortable {
	background-color:#F8F8F8;
	font-family: verdana;
    	font-size: 8pt;
    	font-weight: normal;
    	text-decoration: none;
	display: block;
	border-style:solid;
	border-color:#FFFFFF;


}

table.sortable a.sortheader {
    background-color:#993300;
    color:white;
    font-family: verdana;
    font-size: 8pt;
    text-decoration: none;
    display: block;
    height: 12.75pt;
    
}

table.sortable a:hover.sortheader {

	text-decoration: none;
	background:#FF7021;
}

table.sortable span.sortarrow {
    color: white;
    text-decoration: none;
}

div.update {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	overflow:auto;
}