html {
	color:#333;
	background:#fff url(../../images/topo-bg.jpg) no-repeat;
	margin:0px;
	font:normal small Arial, Helvetica, sans-serif;
	text-align:center;
}
body {
	position:relative;
	left:15px;
	text-align:left; 
}
body img {
	border: 0;
}
#wrapper { 
	width: 750px;
  margin: 50px auto 0px auto;
}

h1, h2{
	font-weight:bold;
	text-transform: uppercase;
}
h1 {
	color:#999;
	font-size:150%;
	margin:10px 0px 0px 0px;
	letter-spacing:2pt;
}
h2 {
	color:#C00;
	font-size:small;
	margin-bottom:0px;
}
h4 {
	color:#999;
	font-size:90%;
	font-weight:normal;
	text-transform: uppercase;
	margin:10px 0 5px 0;
}
a {
	color:#999;
	font-weight:bold;
}
a:hover{
	color:#555;
}
li.feature { color: #CC0000; }
li.feature:hover { color: #555555; }

#sidebar ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
}
#sidebar dl, #sidebar ul li {
	font-size: 95%;
	font-weight:normal;
	color:white;
}
#sidebar dt {
	margin-top:20px;
	text-transform: uppercase;
}
#sidebar dd{
	margin:0px;
	text-transform: lowercase;
}
#sidebar dd a, #sidebar ul li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
#sidebar dt a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#sidebar dd a:hover{
	color:#555;
}
#sidebar dt a:hover, #sidebar ul li a:hover {
	color:#555;
}
#content p{
	margin:0 0 20px 0;
	line-height: 1.3;
}
#header, #forum_header {
	background-color:#fff;
	margin:0px;
	padding:0px;
	position: relative;
}

img.landscape{
	width:608px;
	height:140px;
	margin:0 2px 0 0;
}

#nav {
	width: 750px;
	height: 30px;
	background: url(../../images/nav.gif);
	margin: 2px auto;
	padding: 0;
	position: relative;
}
#nav li{margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav li, #nav a {height: 30px; display: block;}

#nav_products {left: 0px; width: 201px;}
#nav_skookum {left: 201px; width: 200px;}
#nav_news {left: 401px; width: 209px;}
#nav_login {left: 610px; width: 140px;}


#nav_products a:hover {background: transparent url(../../images/nav.gif) 0px -30px no-repeat;}
#nav_skookum a:hover {background: transparent url(../../images/nav.gif) -201px -30px no-repeat;}
#nav_news a:hover {background: transparent url(../../images/nav.gif) -401px -30px no-repeat;}
#nav_login a:hover {background: transparent url(../../images/nav.gif) -610px -30px no-repeat;}


#footer{
	background-color:#999;
	color:#fff;
	font-size:80%;
	padding:10px 10px;
	width:730px;
	margin:0;
	text-align:right;
	clear:both;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	text-align:left;
	float:left;
	width:600px;
}
#footer li{
	display:inline;
	padding:5px 0px 0 10px;
}
#footer li a{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
#footer li a:hover{
	color:#555;
}
#container{
	background:#999 url(../../images/topo-sidebar.gif) no-repeat;
	float:left;
	width:140px;
	border-left:610px solid #fff;
	margin-bottom:2px;
}
#blank_container{
	float:left;
	width:140px;
	border-left:610px solid #fff;
	margin-bottom:2px;
}

#content{
	float:left;
	width:590px;
	margin-left:-610px;
	position:relative;
	padding-right:20px;
}
#sidebar{
	float:left;
	width:100px;
	margin-right:-140px;
	padding: 0 20px;
	position:relative;
}
#register{
	position:absolute;
	top:-28px;
	right:-10px;
	width:50px;
	height:50px;
	background: url(../../images/emboss-sm.png);
	margin: 0;
	padding: 0;
}
#register a {height: 50px; display: block;}
#register a:hover { background: transparent url(../../images/emboss-sm.png) 0px -50px no-repeat;}


/*PRODUCTS PAGE STYLES*/
#products{
	margin:30px 10px 0 0;
}
#products h1{
	margin:10px 0 0 50px;
}
#products ul{
	list-style:none;
	text-align:right;
	position:relative;
	top:-30px;
}
#products ul li{
	display:inline;
	padding:0 10px;
	border-right:2px #999 solid;
}
#products ul li.last{
	display:inline;
	padding:0 0 0 10px;
	border-right:none;
}
#products ul li a{
	color:#999;
	text-decoration:none;
	font-weight:bold;
}
#products ul li a:hover{
	color:#555;
}
#products p{
	margin:20px 0 0 0;
	text-align:right;
}
#products img.men{
	position:absolute;
	top:0px;
	left:-60px;
}
#products img.women{
	position:absolute;
	top:250px;
	left:-60px;
}


/*PRODUCTS 2 PAGE STYLES*/
#prodimg{
	width:350px;
	float:left;
}
#prodtext{
	width:220px;
	float:left;
	margin-top:20px;
}
#prodtext h1{
	letter-spacing:4pt;
}
#prodimg img.men{
	position:relative;
	top:0px;
	left:-70px;
}
#prodimg img.women{
	position:absolute;
	top:20px;
	left:100px;
}
#prodimg img.dog{
	position:relative;
	top:0px;
	left:-135px;
}


/*FEATURES PAGE STYLES*/
#features{
	margin-left:420px;
}

#features h1{
	letter-spacing:4pt;
}
#features .thumbs {
	float:left;
	width:65px;
	position: relative;
	font-weight:normal;
	font-size:80%;
	text-decoration:none;
	text-align:center;
	padding:0 7px;
	margin-bottom:20px;
}
#features .thumbs img{
	display:block;
}
#jacketmap {
	width: 450px;
	height: 375px;
	margin:10px auto;
	padding:0;
	background: url(../../images/features-front.jpg);
	position: absolute;
	left:-50px;
	top:0px;
}
#jacketmap li{margin: 0; padding: 0; list-style: none; position: absolute;}

#jacketmap li, #jacketmap a {display: block;}

#jm_polartec {left: 325px; top:0px; width: 112px; height:25px;}
#jm_ykk {left: 325px; top:40px; width: 110px; height:22px;}
#jm_neck {left: 325px; top:70px; width: 110px; height:35px;}
#jm_arm {left: 370px; top:137px; width: 62px; height:22px;}
#jm_hand {left: 380px; top: 237px; width: 65px; height:30px;}
#jm_ipod {left: 322px; top:295px; width: 130px; height:50px;}
#jm_wrist {left: 0px; top:300px; width: 120px; height:50px;}
#jm_cargo {left: 0px; top:105px; width: 145px; height:50px;}

#jm_polartec a {height:25px;}
#jm_ykk a {height:22px;}
#jm_neck a {height:35px;}
#jm_arm a {height:22px;}
#jm_hand a {height:30px;}
#jm_ipod a {height:50px;}
#jm_wrist a {height:50px;}
#jm_cargo a {height:50px;}

#jm_polartec a:hover {background: transparent url(../../images/features-front.jpg) -325px -375px no-repeat;}
#jm_ykk a:hover {background: transparent url(../../images/features-front.jpg) -325px -415px no-repeat;}
#jm_neck a:hover {background: transparent url(../../images/features-front.jpg) -325px -445px no-repeat;}
#jm_arm a:hover {background: transparent url(../../images/features-front.jpg) -370px -512px no-repeat;}
#jm_hand a:hover {background: transparent url(../../images/features-front.jpg) -380px -612px no-repeat;}
#jm_ipod a:hover {background: transparent url(../../images/features-front.jpg) -322px -670px no-repeat;}
#jm_wrist a:hover {background: transparent url(../../images/features-front.jpg) 0px -675px no-repeat;}
#jm_cargo a:hover {background: transparent url(../../images/features-front.jpg) 0px -480px no-repeat;}

#jacketmap2 {
	width: 450px;
	height: 375px;
	margin:10px auto;
	padding:0;
	background: url(../../images/features-back.jpg);
	position: absolute;
	left:-50px;
	top:0px;
}
#jacketmap2 li{margin: 0; padding: 0; list-style: none; position: absolute;}

#jacketmap2 li, #jacketmap2 a {display: block;}

#jm_fur {left: 305px; top:0px; width: 150px; height:35px;}
#jm_cordura {left: 340px; top:140px; width: 110px; height:60px;}
#jm_waist {left: 380px; top:280px; width: 70px; height:35px;}
#jm_shell {left: 0px; top:280px; width: 120px; height:50px;}
#jm_3m {left: 0px; top: 140px; width: 120px; height:40px;}
#jm_vents {left: 0px; top:100px; width: 120px; height:30px;}
#jm_hood {left: 0px; top:45px; width: 120px; height:40px;}

#jm_fur a {height:35px;}
#jm_cordura a {height:60px;}
#jm_waist a {height:35px;}
#jm_shell a {height:50px;}
#jm_3m a {height:40px;}
#jm_vents a {height:30px;}
#jm_hood a {height:40px;}

#jm_fur a:hover {background: transparent url(../../images/features-back.jpg) -305px -375px no-repeat;}
#jm_cordura a:hover {background: transparent url(../../images/features-back.jpg) -340px -515px no-repeat;}
#jm_waist a:hover {background: transparent url(.././images/features-back.jpg) -380px -655px no-repeat;}
#jm_shell a:hover {background: transparent url(../../images/features-back.jpg) 0px -655px no-repeat;}
#jm_3m a:hover {background: transparent url(../../images/features-back.jpg) 0px -515px no-repeat;}
#jm_vents a:hover {background: transparent url(../../images/features-back.jpg) 0px -475px no-repeat;}
#jm_hood a:hover {background: transparent url(../../images/features-back.jpg) 0px -420px no-repeat;}

/*MENS AND WOMENS PAGE STYLES*/
#content .float {
	float:left;
	width:150px;
	position: relative;
	text-align:center;
	padding:0 7px;
	margin:0 0 20px 10px;
	list-style:none;
}

#content li.float img{
	display:block;
}

.small {
	font-weight:normal;
	font-size:80%;
	text-decoration:none;
	color:#999;
}
h1.indent {
	margin-left:50px;
	letter-spacing:2pt;
}
img.offset {
	position:absolute;
	top:-50px;
	left:-100px;
}

/*DETAIL PAGE STYLES*/

#detail1 {
	float:left;
	width:160px;
	position:relative;
	margin:0px 10px 0px 0px;
	left:0px;
}
#detail1 ul{
	font-weight:normal;
	font-size:80%;
	list-style:none;
	color:#999;
	margin:260px 0 10px 10px;
	padding:0;
}
#detail1 a.thumbs {
	float:left;
	width:65px;
	position: relative;
	font-weight:normal;
	font-size:80%;
	text-decoration:none;
	padding:0 7px;
	margin-bottom:20px;
}
#detail1 a.thumbs img{
	display:block;
}
#detail1 img.offset{
	position:absolute;
	top:0px;
	left:-80px;
}
#detail2 {
	float:left;
	width:190px;
	margin:0 20px 0 15px;
}
#detail2 h1{
	letter-spacing:5pt;
}
#detail3 {
	float:left;
	width:160px;
	margin:0 10px 0 10px;
	padding:0;
}

#detail3 .thumbs {
	float:left;
	position: relative;
	font-weight:normal;
	font-size:80%;
	color:#999;
	text-decoration:none;
	text-align:center;
	padding:0 35px 0 5px;
	margin-bottom:20px;
}
#detail3 .thumbs img{
	display:block;
}
#detail3 ul{
	font-weight:normal;
	font-size:80%;
	color:#999;
	list-style-type:square;
	margin:0px;
	padding:0 0 20px 15px;
}
#detail3 p{
	margin-bottom:0;
}
#detail3 a {
	text-decoration:none;
	font-weight:normal;
}
#raven_text {
  position:absolute;
  left:60px;
  top:5px;
  background-color:#ffffdd;
  border:1px solid #666666;
  width:530px;
  padding: 5px;
  font-size: 8pt;
}
.square { height: 24px; width:24px; border: 2px solid white; }
.fur { border: 2px solid white; }
.selected_item { border: 2px solid blue; }
.white_border { border: 2px solid white; }

.green { color: green; }
.red { color: red; }
.orange { color: orange; }
.light_grey { color: #aaaaaa; }
.medium_grey { color: #999999; }
.small_text { font-size: 7pt; }

.tool-tip {
	color: #fff;
	width: 550px;
	z-index: 13000;
	margin-left: -50px;
	margin-top: -50px;	
}

.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	color: #cc0000;
	padding: 8px 8px 4px;
	background: url(http://www.skookum-brand.com/images/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://www.skookum-brand.com/images/bubble.png) bottom right;
}

#cse-search-results iframe { width: 735px; }
.blue { color: #006699; }

.no_border_bottom { border-bottom:0px; margin-bottom: 5px; }