@charset "UTF-8";
/* CSS Document */

/* General */

* html,body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%;
	background: #151515;
}

@font-face {
	font-family:"ColabBol";
	src:url(../fonts/ColabBol.ttf) format("truetype");
}

a { text-decoration:none; }

a:link{ color:#007FC1; }
a:visited { color:#007FC1; }
a:hover { color:#007FC1; border-bottom: 1px dotted #007FC1; }
a:active { color:#000;}

.imglink:hover { border: none; text-decoration:none; }

p { line-height: 1.3em; }

h1, h2, h3, h4, h5, h6 {
	color: #004463;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	font-stretch: condensed;
	text-transform: uppercase;	
}

h1{
	font-size: 20px;
	margin-left:15px;
}

h2{
	font-size: 15px;
}

h3{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

ol, ul {
	list-style:none;
}    

.clearFloat {width: 0; height: 0; margin: 0; padding: 0; clear: both; visibility: hidden;}
.hidden { display:none; }

#wrapper { margin: 0; padding: 0; background: #fff url(../images/body_bg.jpg) 50% 0 repeat-x ;z-index: 0; }

#canvas{
	position: relative;
	width: 955px;
	margin: 0 auto;
	background: transparent;
	background-repeat:no-repeat;
	background-image:url(../Images/category-background-image.gif);
	background-position:0 140px;
}

/* Header */

#global_header{
	margin: 0;
	padding: 0;
}
	
	#global_header h1, #global_header h2, #global_header h3, #account_service a {
		color: #fff;	
	}

	#logo {
		width:242px;
		height: 58px;
		margin: 3px 0 0 0;
		padding: 0;
		background: url(../images/head_logo.jpg) 0 0 no-repeat;
		float: left;
	}
	
	#logo a { 
		width:242px; 
		height: 58px; 
		display: block; 
		text-indent: -9999px; 
		outline: none;
	}
	
	#logo a:hover { border: none; }
	
	#phone { 
		margin: 11px 0 0 20px; 
		padding: 15px 0 0 25px; 
		background: url(../images/head_phone_icon.jpg) 0 0 no-repeat; 
		float: left; 
	}
	
	#search_box{
		margin: 10px 0 0 20px;
		border-top: 1px solid #001236;
		background:#005688 url(../images/head_search.gif) 6px 12px no-repeat;
		padding:3px;
		float: left;
	}
	
	#search_box form { margin: 0 0 0 60px; }
	#search_box input { font-size:18px; color:#555; border: 1px solid #ffa200; }
	#search_box .field {height: 30px; width: 200px;}
	#account_service { margin: 3px 0 0 0; float: right; text-align: right; }
	#service { margin: 0; padding: 0; color: #fff; font-weight: bold; }
	#login { margin: 8px 0 0 0; padding: 0; color: #fff; font-weight: bold; }
	
	#cart {
		width: 77px;
		height: 71px;
		margin: 3px 0 0 0;
		padding: 0;
		background: url(../images/nav_cart_btn.jpg) 0 0 no-repeat;
		float: right;
		overflow: visible;
	}
	
	#cart a { 
		width: 77px; 
		height: 71px; 
		display: block; 
		text-indent: -9999px; 
		outline: none;
		background: none;
		border: none;
	}
	
	#cart a:hover { background: transparent url(../images/nav_cart_btn.jpg) bottom no-repeat; }
		
/* dropdown */  

#dropdown {
	width: 860px;
	margin: 3px 0 0 0;
	padding: 0;
	z-index: 600;
	clear: both;
	float:left;
	display:inline;
}
	
	#dropdown li.mainnav { display:inline; text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; }
	#dropdown li.mainnav a.mainnav	{ text-indent: -9999px; text-decoration:none; display:block; padding:0; margin:0 2px 0 0; font-weight:normal; float:left; }
	
	#dropdown li#m1 a.mainnav { width: 54px; height: 30px; background: url(../images/nav_new_mens_btn.gif) top no-repeat; border:none; }
	#dropdown li#m2 a.mainnav { width: 71px; height: 30px; background: url(../images/nav_new_womens_btn.gif) top no-repeat; border:none; }
	#dropdown li#m3 a.mainnav { width: 57px; height: 30px; background: url(../images/nav_new_nordic_btn.gif) top no-repeat; border:none; }
	#dropdown li#m4 a.mainnav { width: 75px; height: 30px; background: url(../images/nav_new_tele_btn.gif) top no-repeat; border:none; }
	#dropdown li#m5 a.mainnav { width: 108px; height: 30px; background: url(../images/nav_new_alpine_btn.gif) top no-repeat; border:none; }
	#dropdown li#m6 a.mainnav { width: 88px; height: 30px; background: url(../images/nav_new_shoes_btn.gif) top no-repeat; border:none; }
	#dropdown li#m7 a.mainnav { width: 124px; height: 30px; background: url(../images/nav_new_aval_btn.gif) top no-repeat; border:none; }
	#dropdown li#m8 a.mainnav { width: 81px; height: 30px; background: url(../images/nav_new_camp_btn.gif) top no-repeat; border:none; }
	#dropdown li#m9 a.mainnav { width: 61px; height: 30px; background: url(../images/nav_new_outlet_btn.jpg) top no-repeat; border:none; }
	#dropdown li#m10 a.mainnav { width: 71px; height: 30px; background: url(../images/nav_new_climbing_btn.gif) top no-repeat; border:none; }
	#dropdown li#m9 a.mainnav:hover { background: url(../images/nav_new_outlet_btn.jpg) bottom no-repeat; -moz-box-shadow:0 3px 3px 0 #000; -webkit-box-shadow: 0 3px 3px #000; }
	
	#dropdown li.active a.mainnav { color:#767f2c; background-color:#e8e8e8; -moz-box-shadow:0 2px 4px 0 #000; -webkit-box-shadow: 0 2px 4px #000; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
	#dropdown li#m1.active a.mainnav, #dropdown li#m2.active a.mainnav,
	#dropdown li#m3.active a.mainnav, #dropdown li#m4.active a.mainnav,
	#dropdown li#m5.active a.mainnav, #dropdown li#m6.active a.mainnav,
	#dropdown li#m7.active a.mainnav, #dropdown li#m8.active a.mainnav, #dropdown li#m10.active a.mainnav { background-color:#e9e9e9; background-position: bottom; }
	div.nav-popup-wrapper { position:relative; z-index:601; left:-1px; margin:0; padding:0; }
	
	div.nav-popup { padding:0; margin:0; position:absolute; left:200px; top:30px; z-index:700; display:none; -moz-box-shadow:0 4px 4px 0 #000; -webkit-box-shadow: 0 4px 4px #000; overflow:hidden; background: #ebebeb; -moz-border-radius: 3px; -webkit-border-radius:3px; border-bottom:1px solid #777; border-left:1px solid #999; border-right:1px solid #999; }
	div.nav-popup div.section { float:left; width:165px; height:300px; padding:5px 0; margin:0; border-right:1px solid #909293; border-left:1px solid #fff; }
	div.nav-popup div.section a:link { text-decoration:none; }
	div.nav-popup div.section a:hover { text-decoration:underline; }
	div.nav-popup div.section a.headnav { color:#767f2c; }
	div.nav-popup div.section h4 { color:#0d4d88; font-size:14px; font-weight:400; line-height:14px; margin:10px; text-transform:none; }
	
	div.nav-popup div.section ul.subnav { padding:0 10px 5px 10px; margin:0; }
	div.nav-popup div.section ul.subnav li.subnav { padding:2px 0; }
	div.nav-popup div.section ul li a { font-size:12px; color: #007FC1; }
	div.nav-popup div.section ul li a:hover { text-decoration:none; }
	div.nav-popup div.section ul.subnavline { padding:5px 10px; margin:0; border-bottom:1px solid #cfd2d3; }
	div.nav-popup div.section ul.subnavline li.subnav { padding:2px 0; }

	div#popup_mens { left:-10px; }
	div#popup_women { left:-10px; }
	div#popup_climb { left:261px; }
	div#popup_nordic { left:175px; }
	div#popup_tele { left:334px; }
	div#popup_alpine { left:411px; }
	div#popup_shoes { left:519px; }
	div#popup_avalanche { left:607px; }
	div#popup_camp{ left:-10px; }


/* Page Content */

/* Promo */

#global_promo_global{
	margin-top:7px;
	float: left;
	z-index:10;
}

.promo{
position: relative;
z-index: 0;
}

.promo:hover{
background-color: transparent;
z-index: 150;
}

.promo span{ /*CSS for enlarged image*/
	position: absolute;
	background-color:#fff;
	padding: 5px;
	left: -1000px;
	border: 1px solid #cbcbcb;
	visibility: hidden;
	text-decoration: none;
	color: #312d2d;
}

.promo:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -150px; /*position where enlarged image should offset horizontally */
width:200px;

}

/* Category */

#global_category{
	width: 180px;
	padding: 4px 0 0 10px;
	clear:both;
	float:left;
	margin:0 10px 0 0;
}

.category_items h3 { margin-left: 10px; }

.category_items { margin: 15px 0 0 0; padding: 0; }

.category_items li { margin: 0; padding: 0 20px 0 0; float: none; border-bottom: 1px dotted #ccc; }

.category_items li:hover { color: #fff; background: #000 url(../images/category_over.gif) right 50% no-repeat; }
.category_items li.header:hover { background: none; }

.category_items li.current { color: #fff; padding: 5px 0 5px 10px; font-weight: bold; background: #007FC1 url(../images/category_current.gif) right 50% no-repeat; }

.category_items li h3 { color: #000; margin: 0 0 5px 0; padding: 0 0 0 10px; }
.category_items li.subhead h3 { margin: 0; padding: 0; }
.category_items li.subhead h3 a { color: #000; }
.category_items li.subhead h3 a:hover { color: #fff; }

.category_items li a { height: 100%; display: block; margin: 0; padding: 3px 0 3px 10px; color: #007FC1; }
.category_items li a:hover { color: #fff; border-bottom: none; }

#form1 input { border: 1px solid #cbcbcb; height: 26px; }

/* Main Content */

#global_main_content{
	width: 748px;
	margin: 9px 0 10px 200px;
	border: 1px solid #CCC;
	z-index: 100;
	position:relative;
	background: #fff;
}

#global_main_content_itemlist{
	width: 748px;
	margin: 24px 0 10px 200px;
	border: 1px solid #cbcbcb;
	background: #fff;
	z-index: 100;
	position: relative;
	background: #fff;
}

#global_main_content_100{
	width: 925px;
	margin: 5px 15px;
	border: 1px solid #cbcbcb;
	background: #fff;
	z-index: 100;
	position: relative;
}

.item_title { width: 600px; margin-top:5px; padding: 5px 10px 0 0; }
.brand_desc { padding-right: 150px !important; }

#global_main_content_pad{
	margin: 20px;
}

#global_dod{
	float:right;
	display:inline;
	width: 400px;
	height:30px;
	text-align:right;
	margin-top:20px;
}

.module{
	color:#FFFFFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:14px;
	text-shadow:1px 1px 1px #224272;
}

#headerpromo {
	width: 175px;
	margin: -15px 5px 0 0; 
	padding:5px;
	height:20px;
	z-index: 150;
	background-color:#FFF;
	border: 2px dashed #F00;
	float:right;
	position: relative;
}

#coupon {
	width: 760px;
	height: 75px;
	margin: 15px 0 0 190px; 
	padding: 0;
	z-index: 200;
	position: relative;
	display:none;
}

#breadcrumbs {
	width: 500px;
	margin: 25px 0 0 190px; 
	padding: 0;
	z-index: 200;
	position: relative;

}

#breadcrumbs a{
	height: 25px;
	padding: 10px 14px 9px 14px;
	font-size: 10px;
	background: #e1e1e1 url(../images/breadcrumb_bg.gif) 0 0 repeat-y;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	z-index: 200;
}

#breadcrumbs .current {
	padding: 10px 14px;
	border: 1px solid #cbcbcb;
	border-bottom: #fff;
	background: #fff;
	z-index: 200;
}

#breadcrumbs_itemlist {
	width: 743px;
	margin: 5px 0 0 -1px; 
	padding: 0;
	z-index: 200;
	position: relative;
}

#breadcrumbs_itemlist a{
	height: 25px;
	padding: 10px 14px 9px 14px;
	font-size: 10px;
	background: #e1e1e1 url(../images/breadcrumb_bg.gif) 0 0 repeat-y;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	z-index: 200;
}

#breadcrumbs_itemlist .current {
	padding: 10px 14px;
	border: 1px solid #cbcbcb;
	border-bottom: #fff;
	background: #fff;
	z-index: 200;
}

.hidden{
	display:none;
}

.contboldRd {
	color:#FF0000;
}

/* footer */

#global_footer_wrap { margin: -30px 0 0 0; background:#151515 url(../images/footer_bg.gif) 0 0 repeat-x; position: relative; z-index: 50; }

#global_footer {
	width:955px;
	height:210px;
	margin: 0 auto;
	padding-top: 20px;
	clear:both;
}

#global_footer p { color: #fff; }

#footer_logo {
	width:190px;
	float:left;
}

#global_footer ul { width: 200px; margin: 15px 0 0 20px; padding: 0; float: left; }

#global_footer li { margin: 0; padding: 0 20px 0 0; float: none; border-bottom: 1px dotted #ccc; }

#global_footer li:hover { color: #fff; background: #000 url(../images/category_over.gif) right 50% no-repeat; }
#global_footer li.header:hover { background: none; }

#global_footer li h3 { color: #fff; margin: 0 0 5px 0; padding: 0 0 0 10px; }

#global_footer li a { height: 100%; display: block; margin: 0; padding: 5px 0 5px 10px; color: #007FC1; }
#global_footer li a:hover { color: #fff; border-bottom: none; }