html {

	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 */
}

body { 
	min-width:900px;
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */

}

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

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

div.nav {
	position:absolute;
	left:0px;
	top:110px;
  width:100%;
	min-width:900px;
	background:#97242B;
	line-height:30px;	
}

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.main{
  position:absolute;
  top:170px;
  left:0px;
  width:900px;
}

div.mainstockists{
  position:absolute;
  top:170px;
  left:0px;
  margin-left:10px;
  margin-right:10px;
  width:880px;
}

div.left {
width:450px;
float:left;
padding:25px;
}

div.leftp {
width:850px;
float:left;
padding-left:25px;
padding-top:0px;
}

div.right {
width:350px;
float:right;
padding:25px;

}

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;}
h2 {text-align:center; font-size:150%;}

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

}
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;

}

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

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

br {
	clear: left;
}

img {border:none}

/* Sortable tables */

td.sort {
	padding:5px;
	height:12.75pt;
	background-color:#CCCCCC;
	font-size:8pt;

}

td.sorti {
	padding:5px;
	height:12.75pt;
	background-color:#CCCCCC;
	font-size:8pt;
  font-weight:bold;
}

table.sortable {
  text-decoration: none;
	margin-left: 0px; 
	margin-top:7px;
  max-width: 600px;

}

table.sortable th {
    padding:3px;
    background-color:#97242B;
    color:white;
    font-weight: bold;
    text-decoration: none;
    height: 12.75pt;
    text-align:left;
    
}

table.sortable th:hover { 
    text-decoration: underline;
    background:#FF7021; 
    cursor: pointer; 
}


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

a.link {
  position:absolute;
  top:250px;
  left:100px;
  color:red;
  z-index:-1;
  text-decoration: none;
}

/*marquee stuff*/
#marqueecontainer{
	position: relative;
	width: 467px; /*marquee width */
	height: 200px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 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);
}



/* old css
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.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.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.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;

}




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

}

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

}






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;
}


*/