@charset "UTF-8";

/* -----------------------------------------------

Author:   Space2Burn    www.space2burn.com
Version:  2010.01

Bright Gold = #F0E941
Dark Gold = #A7A03C
Beige = #DECB9F
Brown = #292421
Red = #E3141D
Warm Gray = #8F9094

----------------------------------------------- */

<!--
	@import url("https://www.google.com/uds/solutions/videobar/gsvideobar.css");
	@import url("https://www.google.com/uds/css/gsearch.css");
-->


/*** global ***/

* {
	padding:0;
	margin:0;
	border:none;
	font-family:Tahoma, Geneva, sans-serif;
}

body {
	background:url(/templates/theskimonster/structure/tsm-bgtile.gif) repeat-x #292421;
}

p {
	font-family:Tahoma, Geneva, sans-serif;
	color:#292421;
	margin:0 0 15px 0;
	line-height:16px;
}

h1, h2 {
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
}

h1 {
	margin:10px 0 21px 0;
	font-size:52px;
	color:#292421;
}

h2 {
	margin:0 0 10px 0;
	font-size:34px;
	font-weight:normal;
	color:#292421;
}

h3 {
	margin:0 0 5px 0;
	font-size:20px;
	font-weight:normal;
	color:#292421;
}

h4 {
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:normal;
	color:#292421
}
a:link, a:active, a:visited, a:hover, a:visited:hover {
	text-decoration:none;
	color:#A7A03C;
}

a:hover, a:visited:hover {
	color:#E3141D;
}

/*** tables ***/

table tr td {
	padding:4px;
	/* using px to avoid nested resizing */
	font-size:12px;
}


/*** lists ***/

ul, ol {
	margin:0px 0px 20px 5px !important;
	margin:0px 0px 20px 8px;
	padding:0px 0px 0px 10px;
}

li {
	line-height:140%;
	color:#666;
	margin:0;
}


/*** forms ***/

form select {
	margin:0 10px 0 0;
	padding:3;
	font-size:12px;
}

form input, form textarea {
	padding:2px;
	border:1px solid #666666;
	font-size:12px;
	color:#666666;
}


/*** layout ***/

#container {
	width:1024px;
	margin:0 auto 0 auto;
	font-size:.75em;
}

#header {
	position:relative;
	margin:0 auto;
	height:100px;
	width:1000px;
}

	#logo {
		width:180px;
		height:79px;
		float:left;
		margin: 11px 0 0 0;
	}

#live-area {
	position:relative;
	margin:0 0 20px 0;
}

#searchprod {
	margin:0;
}


/*** glory slider ***/

#slides1 {
	overflow:hidden;
	height:334px;
	padding:0;
}
	
	.slides1_wrap {
		position: relative;
		left:-8px;
		overflow:hidden;
		width:1020px;
		height:334px;
	}
	 
	#slides1 li {
		list-style: none;
		margin:0;
		padding:0;
		width:1020px;
		height:334px;
	}
	
	#slides1 .content {
		float: left;
		width: 406px;
		padding-left: 10px;
	}
	 
	.slides1_wrap .prev {
		position: absolute;
		left: 10px;
		top: 100px;
		outline: 0;
	}
	 
	.slides1_wrap .next {
		position: absolute;
		right: 10px;
		top: 100px;
		outline: 0;
	}
	
	
	.bx_pager {
		position:absolute;
		bottom:10px;
		right:20px;
	}
	 
	.bx_pager a {
		float: left;
		width: 14px;
		height: 17px;
		color: #fff;
		font-size: 15px;
		margin-right: 6px;
		padding: 4px 0 0 7px;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
	}
	 
	.bx_pager a:hover, .bx_pager a.active {
		text-decoration: none;
		color:#C00;
	} 
	
	.auto_controls {
		position: absolute;
		bottom: -11px;
		left: 394px;
	}
	 
	.auto_controls a {
		font-size: 16px;
		color: #a3a3a3;
		outline: 0;
		padding: 2px;
	}
	 
	.auto_controls a:hover {
		text-decoration: none;	
		background: ;
		color: #e41996;
	}
	
	#slides1 li.eight {
		background-image:url(/templates/theskimonster/structure/glory/glory_4.jpg);
		background-repeat:no-repeat;
	}
	
	#slides1 #slidecontent {
		margin:40px 0 0 775px;
		width:190px;
	}
	
	#slides1 h3 {
		margin:0 0 10px 0;
		font-size:26px;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
		color:#FFF;
	}
	
	#slides1 h4 {
		margin:0 0 40px 0;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
		color:#FFF;
	}
	
	#slides1 p { /* bio content */
		margin:0 0 20px 25px;
		font-size:13px;
		color:#FFF;
		line-height:140%;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
	}
	
	#slide1 #slidephone {
		font-size:28px;
		border:1px solid #333;
	}
	
	#slides1 h4 a:link, #slides1 h4 a:active, #slides1 h4 a:visited, #slides1 h4 a:hover, #slides1 h4 a:visited:hover {
		font-family: "kulturista-web-1","kulturista-web-2",serif;
		color:#FFF;
	}
	
	#slides1 h4 a:hover, #slides1 h4 a:visited:hover {
		text-decoration:underline;
	}




#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F0E941;
	text-align:center;
	margin:0 0 20px 0;
}

	#footer a:link, #footer a:active, #footer a:visited, #footer a:visited:hover {
		color:#F0E941;
		}
	
	#footer a:hover, #footer a:visited:hover {
		color:#DECB9F;
	}
	




/*** homepage layout ***/

a.hpbutton {
	color:#C00;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
}
	
#hp-glory {
	width:1024px;
	height:320px;
	position:relative;
	top:-5px;
	overflow:visible;
	z-index:2;
}

#hp-tape {
	height:56px;
	background:url(/templates/theskimonster/structure/tape.png) no-repeat right top;
}

#hp-content-row {
	width:1000px;
	min-height: 650px;
	margin: 0 auto;
	position:relative;
	top: -28px;
	background: url(/templates/theskimonster/structure/tsmhome-bgtile.gif) no-repeat 0px 300px;
	z-index:1;
}

	#hp-left-column {
		float:left;
		width:550px;
		margin: 0 25px 0 0;
	}
	
		#blog-area {
			background:url(/templates/theskimonster/structure/blog-bgimg.png) right top no-repeat #FFF;
			margin: 0 0 7px 0;
			padding: 10px 24px;
		}
		
			#blog-area h2, #blog-area h3 {
				font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
			}
			
			#blog-area h2 {
				font-size:1.8em;
			}
			
			#blog-area p {
				margin: 0 0 5px 0;			
			}
			
			#blog-area .hr {
				width:500px;
				height:7px;
				background:url(/templates/theskimonster/structure/tsm-hrbgtile.gif) repeat-x;
				margin: 15px 0 20px 0;
				border:none;
			}

		#featured-brands, #youtube-video {
			padding:5px 0 0 0;
			margin: 0 0 7px 0;
			background:url(/templates/theskimonster/structure/featuredbrands-bgimg.gif) right top no-repeat #FFF;
			height: 90px;
		}
			#featured-brands h2, #twitter-feed h2, #youtube-video h2 {
				margin: 5px 10px 0 10px;			
			}
			#featured-brands p {
				margin: 0 10px 0 10px;
				text-align:center;
			}
			#featured-brands img {
				padding:6px;
			}
		#youtube-video {
			height:65px;
			background-image:none;
		}
	
	#twitter-feed {
		float:left;
		width:200px;
		margin: 20px 0 0 0;
		background:url(/templates/theskimonster/structure/activity-bgimg.gif) right top no-repeat #FFF;
	}

		#twitter-feed p{
			margin:7px;
		}
		#twitter-feed ul{
			padding:0;
		}
		#twitter-feed li{
			list-style: none;
			border-bottom:dotted 1px #8F9094;
			margin: 0 10px 10px 7px;
			padding: 0 0 7px 0;
		}
	
	
	#hp-right-column {
		float:right;
		width:200px;
	}

/*** search column layout ***/


#product-search {
	height: 18px;
	margin: 2px 0 20px 0;
}
		
#social-networks, #ad-area {
	background-color:#EDEDED;
}
		
	#ad-area img, #social-networks img {
		margin: 5px 0 0 5px;
		vertical-align:middle;
	}
	
#social-networks {
	height:70px;
	text-align:center;
	padding: 20px 0 0 0;
	background:url(/templates/theskimonster/structure/webbg.png) no-repeat 50% 50% #EDEDED;
	margin:0 0 10px 0;
}

#contact-info {
	margin:0 0 10px 0;
	text-align:center;
}
	#contact-info h2 {
		font-family: "kulturista-web-1","kulturista-web-2",serif;
		color:#E3141D;
		margin:0;
		font-size:33px;
	}
	
	#contact-info h3 {
		font-family: "kulturista-web-1","kulturista-web-2",serif;
		color:#A7A03C;
		margin:0;
		font-size:16px;
	}
	
	
#ad-area {
	padding: 0 0 5px 0;
}
		
	#ad-area img:hover, #social-networks img:hover {
		margin: 5px 0 0 5px;
	}

	#ad-area img {
		border: 2px solid #EDEDED;
	}
		
	#ad-area img:hover {
		border: 2px solid #F0E941;
	}

/*** subpage layout ***/

#main-column {
	float:right;
	margin:0 12px 0 0;
	width:760px;
	min-height:200px;
	background:url(/templates/theskimonster/structure/blog-bgimg.png) right top no-repeat #FFF;
	margin: 0 0 7px 0;
	padding: 0 24px 30px 24px;
}

#sp-left-column {
	float:left;
	width:200px;
}


/*** button styles ***/

a.button:link, a.button:active, a.button:visited, a.button:hover, a.button:visited:hover {
	padding:5px 3px 2px 3px;
	background-color:#23CBF2;
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	font-family: "kulturista-web-1","kulturista-web-2",serif;
}

a.button:hover, a.button:visited:hover {
	background-color:#333;
}


/*** navgroups ***/

#navgroup1 {
	margin:10px 24px 8px 0;
	float:right;
	width:790px;
	text-align:right
}

	#navgroup1 a:link, #navgroup1 a:active, #navgroup1 a:visited, #navgroup1 a:visited:hover {
		padding:10px;
		font-size:12px;
		text-transform:uppercase;
		text-decoration:none;
		color:#DECB9F;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
	}
	
	#navgroup1 a:hover, #navgroup1 a:visited:hover {
		color:#F0E941
	}



#ng23-grouped {
	margin:0 24px 0 0;
	padding:30px 0 0 0;
	float:right;
	width:750px;
	height:30px;
	background:url(/templates/theskimonster/structure/store-stars.png) right top no-repeat;
}


#navgroup2 {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:630px;
	text-align:right;
}

#navgroup2 ul {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

#navgroup2 ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#navgroup2 ul li a:link, #navgroup2 ul li a:active, #navgroup2 ul li a:visited, #navgroup2 ul li a:hover, #navgroup2 ul li a:visited:hover {
	display:block;
	margin:0;
	padding:0 25px 0 0;
	height:30px;
	font-size:15px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	font-family: "kulturista-web-1","kulturista-web-2",serif;
}

#navgroup2 ul li a:hover, #navgroup2 ul li a:visited:hover {
		color:#F0E941;
}

#navgroup2 ul li a.selected {
	color:#FFF;
}

/* subnav */

#navgroup2 ul ul  {
	display:none;
	position:absolute;
	width:180px;
	top:22px;
	left:-5px;
	_left:0;
	border:2px solid #CCC;
	border-bottom:none;
	z-index:100;
}


#navgroup2 ul ul li {
	margin:0;
	padding:0;
	border-bottom:2px solid #CCC;
	list-style:none;
	list-style-image:none;
}

#navgroup2 ul ul li a:link, #navgroup2 ul ul li a:active, #navgroup2 ul ul li a:visited, #navgroup2 ul ul li a:hover, #navgroup2 ul ul li a:visited:hover {
	display:block;
	padding:12px;
	height:auto;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	background-color:#8F9094;
	background-image:none;
	border:none;
	font-family: "kulturista-web-1","kulturista-web-2",serif;
}

#navgroup2 ul ul li a:hover, #navgroup2 ul ul li a:visited:hover {
	background-color:#000;
}

#navgroup2 ul ul li a.selected {
	background-color:#4F5358;
}

#navgroup2 #subnavf3KIMIRjDJ { /* ski */
	left:76px;
}

#navgroup2 #subnavTDW232GQVE { /* snowboards */
	left:131px;
}

#navgroup2 #subnavFK9mfhlTJM { /* wake surf */
	left:256px;
}

#navgroup2 #subnavlPGVa5hSeL { /* clothing */
	left:386px;
}

#navgroup2 #subnavfY21RVTaBE { /* accessories */
	left:494px;
}


#navgroup3 {
	float:right;
	width:90px;
	text-align:right;
	margin:0 16px 0 0;
}

	#navgroup3 a:link, #navgroup3 a:visited, #navgroup3 a:active, #navgroup3 a:hover, #navgroup3 a:visited:hover {
		display:block;
		padding:0 14px;
		height:30px;
		font-size:15px;
		text-transform:uppercase;
		color:#FFF;
		text-decoration:none;
		font-family: "kulturista-web-1","kulturista-web-2",serif;
	}
	
	#navgroup3 a:hover, #navgroup3 a:visited:hover {
		color:#F0E941;
	}

#navgroup5 {
	margin:0 0 10px 0;
}

	#navgroup5 a:link, #navgroup5 a:visited, #navgroup5 a:active, #navgroup5 a:hover, #navgroup5 a:visited:hover {
		padding:10px;
		text-transform:uppercase;
		text-decoration:none;
		color:#F0E941
	}
	
	#navgroup5 a:hover, #navgroup5 a:visited:hover {
			color:#DECB9F
	}


/*** rss ***/

#rss-header {
	position:absolute;
	top:16px;
	right:100px;
}

#rss-header h1 {
	position:absolute;
	left:-2000px;
}

#rss-header a {
	font-size:14px;
	font-weight:normal;
}


/*** subpages ***/

#main-column-left {
	float:left;
	width:550px;
	padding:0 0 40px 0;
}
#main-column-right {
	float:right;
	margin:30px 0 0 0;
	width:550px;
}

#main-column-right .albumlist {
	margin:0 0 15px 0;
}


/*** global classes ***/

.img-left {
	float:left;
	margin: 0px 15px 15px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 15px 15px;
}

.nopad tr td {
	padding:0;
}

.red-alert, .green-alert {
	margin:20px 0;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	color:#333;
}

.red-alert {
	border:1px solid 1px solid #CC0000;
	background-color:#F6EDF1;
}

.green-alert {
	border:1px solid 1px solid #339933;
	background-color:#DCF3DA;
}

.hr {
	clear:both;
	overflow:hidden;
	margin:20px 0;
	height:0.1em;
	font-size:0.1em;
	border-top:1px solid #CCC;
}

.clear {
	clear:both;
	height:0.1em;
	overflow:hidden;
	font-size:0.1em;
}
.flarelistitem {
	margin:0 0 10px 0;
}


/*** gallery ***/



/**********************************************************************************************
	blog
**********************************************************************************************/

#engine_1 {
	padding:5px 15px;
	background:url(/templates/theskimonster/structure/blog-bgimg.png) right top no-repeat #FFF;
}



/**********************************************************************************************
	contact basic
**********************************************************************************************/

#engine_3 a.button {
}

/**********************************************************************************************
	adServer
**********************************************************************************************/


#brand-list a:link, #brand-list a:visited, #brand-list a:active, #brand-list a:hover, #brand-list a:visited:hover {
	float:left;
	margin:0 0 30px 28px;
	width: 200px;
	height:150px;
	text-align:center;
	border:6px solid #FFF;
}

#brand-list a:hover, #brand-list a:visited:hover {
	border:6px solid #CCC;
}

#brand-list img {
	vertical-align:middle;
}
/**********************************************************************************************
	products
**********************************************************************************************/


/*** thumb-box ***/

.thumb-box {
	float:left;
	width:150px;
	margin:0 15px 20px 0;
}

.thumb-box .hoverbox {
	margin:0 0 10px 0;
	width:150px;
	border:2px solid #2D1D06;
	background-color:transparent;
	text-decoration:none;
}

.thumb-box .imgbox {
	margin:0 0 3px 0;
	width:150px;
	height:150px;
	text-align:center;
}

.thumb-box .hoverbox {
	background-color:#000;
}

.thumb-box .hoverbox:hover {
	background-color:#666;
	border:2px solid #463301;
}

.thumb-box a:link, .thumb-box a:active, .thumb-box a:visited, .thumb-box a:hover, .thumb-box a:visited:hover {
	display:block;
	text-decoration:none;
}

.thumb-box h3 {
	margin:0;
	padding:1px 2px 2px 2px;
	background-color:transparent;
	font-size:11px;
	font-family:inherit;
  	/* font-family: "chandler-42-regular-1","chandler-42-regular-2"; */ /* typekit font */
	font-weight:normal;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
}

.thumb-box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.2em;
}

#addtocart {
	border:1px solid #ccc;
}

#lightbox-thumbs h3 {
	color:#666;
}

#breadcrumb {
	margin:10px 0 30px 0;
}

#shopping-cart {
	position:absolute;
	float:left;
	width:200px;
	top:10px;
	left:400px;
	margin:0;
	padding:5px 5px 5px 40px;
	color:#666;
	background-color:#FFF;
	background-image:url(/engines/products/frontend/structure/shopping-cart-icon.png);
	background-repeat:no-repeat;
	background-position:2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ccc;
}

/*** video bar ***/

#videoBar-bar {
	width:543px;
	margin:0 0 30px 7px;
	padding:0;
}

.resultTable_gsvb {
	width:543px;
}
div.resultDiv_gsvb {
  border-width : 0px;
  border-style: none;
  background-color : #000000;
  height : 60px;
  width : 80px;
  text-align : left;
  margin: 0 7px 10px 0;
  float:left;
}

.resultCell_gsvb {
	padding:0;
}

.gsc-branding-text {
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
}


.playerBox_gsvb {
	margin:0 0 70px 0;
}
	
.playerInnerBox_gsvb .player_gsvb {
	width : 292px;
	height : 237px;
}
	
.playerBox_gsvb div.alldone_gsvb, .playerBox_gsvb a.title_gsvb {
	font-size:.65em;
	margin-bottom: 4px;
	color:#666666;
	text-align:right;
	float:right;
	clear:both;
}

.playerBox_gsvb a.title_gsvb {
	font-size:1.3em;
	margin-top: 20px;
	font-family: "atrament-web-1","atrament-web-2",sans-serif;
	font-weight:400;
	text-align:left;
	float:left;
}
	
.playerBox_gsvb div.alldone_gsvb:hover, .playerBox_gsvb a.title_gsvb:hover {
	color:#EDEDED;
}


/* nifty audio */
#engine_21 a.button {
	display:inline;
}

/* posts */
.post {
	margin:0 0 40px 0;
}

.post h3 {
	font-size:.95em;
}


/*** iphone css ***/

@media only Screen and (max-device-width: 480px) { 
}