@import "c2gProducts.css";

html, body
{
	behavior: url(./assets/templates/360/csshover.htc);
	background: #4E0909;
	margin: 0;
	padding: 0;
	font-family: arial, verdana;
	font-size: 12px;
}
body 
{
	text-align: center;
}
body.product
{
	background: #4E0909 url(img/bg_product.jpg) no-repeat;
}

a { color: #ED4D4D; text-decoration: underline; outline: none; font-weight: bold; }
a:link {}
a:visited {}
a:hover {}
a:active { outline: none; }

img { border: none; }

#wrapper
{
	width: 990px;
	background: transparent url(img/bg.jpg) no-repeat;
	height: 800px;
	min-height: 800px;
	margin: 0 auto;
	text-align: left;
	top: 0;
	left: 0;
}

#head
{
	position: relative;
	height: 177px;
	font-size: 11px;
	text-transform: uppercase;
}
#head #toplinks
{
	float: right;
	margin: 0;
	padding: 0 130px 0 0;
	list-style: none;
}
#toplinks li
{
	float: left;
	padding: 5px 10px;
}
#toplinks a
{
	text-decoration: none;
	color: #FFFFFF;
}

ul#menu
{
	position: relative;
	height: 43px;
	margin: 0;
	padding: 0;
	list-style: none;
	
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
#menu li
{
	position: relative;
	float: left;
	margin: 10px 0;
}
#menu a
{
	color: #FFFFFF;
	text-decoration: none;
	border-right: 2px solid #FFFFFF;
	padding: 0 25px;
	display: block;
}

#menu ul
{
	position: absolute;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li:hover .sub1
{
	display: block;
	background: #510C09;
	margin-left: 10px;
	width: 9em;
}
#menu .sub1
{
	background: #510C09;
}
#menu .sub1 li
{
	float: none;
	margin: 0;
	padding: 5px 0;
	text-transform: none;
}
#menu .sub1 li a { border: none; padding: 0 15px; display: block; width: 100%;}
#menu .sub1 li:hover { background: #6E0B0C; }
#menu .sub1 .subitem:hover { background: #6E0B0C url(img/submenu.gif) right center no-repeat;  }

#menu .sub2
{
	width: 15em;
	background: #6E0B0C;
	top: 2em;
	left: 100%;
	padding: 0;
}
#menu .sub2 li
{
	margin: 0;
}
#menu .sub1 li:hover .sub2
{
	display: block;
	background: #6E0B0C;
	left: 100%;
	top: 0;
}
#menu .sub2 li:hover { background: #6E0B0C; }

#main
{
	padding: 0 10px 10px 10px;
}
#main .column
{
	float: left;
	/*border: 1px solid #00FF00;*/
	margin: 10px 0 0 10px;
}

#main #slideshow
{
	width: 547px;
	height: 327px;
}

#main #slideshow_control
{
	background: #000000;
	text-align: center;
	width: 547px;
}
#main #slideshow_control #slideshow_prev { float: left; padding: 10px; }
#main #slideshow_control #slideshow_next { float: right; padding: 10px; }
#slideshow_control .slideshow_item 
{
	float: left;
	width: 35px;
	height: 23px;
	background: #ED1C24; 
	margin: 5px;
	margin-top: 8px;
	border: 1px solid #6A0D11;
	text-decoration: none;
}
#slideshow_control .slideshow_item:hover { border: 1px solid #FFFFFF; }
#slideshow_control .slideshow_current { border: 1px solid #FFFFFF; }

#slideshow_control a.slideshow_item span { display: none; }

#main .offerpic
{
	float: left;
	margin: 10px 10px 0 0;
}

#brandscroll
{
	position: relative;
	background: #FFFFFF;
	width: 400px;
	height: 129px;
}
#brandscroll #leftscroll
{
	display: block;
	float: left;
	background: url(img/brandscroll_left.jpg) no-repeat;
	width: 41px;
	height: 129px;
}
#brandscroll #leftscroll:hover { background: url(img/brandscroll_left_hover.jpg) no-repeat; }
#brandscroll #rightscroll
{
	/*float: right;*/
	display: block;
	position: absolute;
	left: 359px;
	background: url(img/brandscroll_right.jpg) no-repeat;
	width: 41px;
	height: 129px;
}
#brandscroll #rightscroll:hover { background: url(img/brandscroll_right_hover.jpg) no-repeat; }
#brandscroll #brandmain
{
	margin: 0 41px;
	height: 129px;
}
#brandscroll #brandmain #brandhead
{
	background: url(img/brandtitle.jpg) no-repeat left;
	height: 30px;
	width: 125px;
}
#brandmain #brandlist
{
	position: relative;
	overflow: hidden;
	width: 334px;
	height: 99px;
	left: -10px;
}
#brandmain #brandlist ul
{
	width: 10000px;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 99px;
	vertical-align: middle;
}
#brandlist ul li
{
	float: left;
	padding: 0 10px;
	margin: 0;
}

#front_news
{
	background: #410705;
	height: 355px;
	position: relative;
}
#front_news #newshead
{
	background: url(img/newstitle.jpg) no-repeat left;
	height: 30px;
}
#front_news #newsmain
{
	font-size: 10px;
	color: #FFFFFF;
	padding: 10px 15px;
}
#newsmain .newsfront_item { }
.newsfront_item .newsfront_title
{
	color: #ED1C24;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0;
}
.newsfront_item .newsfront_link 
{
	float: right;
	color: #ED1C24;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 20px 0 0;
	background: url(img/submenu.gif) right no-repeat;
	margin: 10px 0 15px 0;
}

#front_news #newsfoot
{
	text-align: center;
	text-transform: uppercase;
	background: #860C0F;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.banner
{
	margin-bottom: 10px;
}

#main_content, #product_content
{
	margin: 10px;
	/*background: url(img/content_bg.png);*/
	/*border: 2px solid #FFFFFF;*/
	min-height: 400px;
	padding: 5px;
	color: #FFFFFF;
}
#main_content h1
{
	margin: 0.5em 0;
	font-size: 16px;
	text-decoration: underline;
}

/*
* Product page
*//*
#product_content
{
	margin: 10px 0;
	padding: 5px 5px 0 0;
}

#ProductListing
{
	background: url(img/product_bg_repeat.jpg) 0 565px repeat-x;
	width: 760px;
	padding-left: 15px;
}

.side_banner
{
	margin-top: 10px;
}

#filter_box
{
	background: url(img/filter_bghead.jpg) #FFFFFF top left no-repeat;
	width: 200px;
	padding-top: 30px;
	text-align: center;
}
#filter_box .filter_option
{
	border: 1px solid #D7D7D7;
	width: 160px;
	font-weight: bold;
	color: #3A0202;
	margin-bottom: 5px;
}
#filter_box .filter_button
{
	border: none;
	width: 160px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0;
	height: 16px;
	background: url(img/filter_btn.jpg) no-repeat;
}

*//*
* End product
*/

/*
* New product page
*/
#product_outer
{
	position: relative;
	width: 865px;
	margin: 15px auto 0;
}

#product_outer #product_toprow
{
	position: relative;
	background: #360707;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
#product_outer #product_midrow
{
	position: relative;
	background: #981111;
	color: #240505;
	font-size: 14px;
	font-weight: bold;
}
#product_toprow ul, #product_midrow ul { list-style: none; margin: 0; padding: 0 0 0 15px;}
#product_toprow li, #product_midrow li
{
	float: left;
	position: relative; /* added this in to get it to show on ie. 20081014. vu */
	padding: 5px 20px;
}
* html #product_toprow li { /* added this in to get it to show on ie in the right position. 20081027. vu */
	top: -240px;
	left: -160px;
}
#product_toprow li:hover, #product_toprow li.current { background: url(img/product_topmenu_bg.jpg) bottom center no-repeat; }
#product_toprow a { text-decoration: none; display: block; color: #FFFFFF; }
#product_midrow li:hover, #product_midrow li.current { background: url(img/product_midmenu_bg.jpg) bottom center no-repeat; }
#product_midrow a { text-decoration: none; display: block; color: #240505;}

#product_toprow a:hover, #product_toprow li.current a/*,
#product_midrow a:hover, #product_midrow li.current a*/ { color: #FFFFFF; }

#product_outer #product_main
{
	position: relative;
	color: #981111;
	background: #FFFFFF;
	padding: 15px 35px 35px;
	margin: 0;
}

#product_main #product_corner
{
	position: absolute;
	background: url(img/product_outer_bg.gif) top right no-repeat;
	width: 131px;
	height: 110px;
	top: -65px;
	right: -6px;
}
#product_main #product_categs
{
	/*position: relative;*/
	margin-bottom: 10px;
}
#product_categs ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#product_categs ul li
{
	display: inline;
	position: relative; /* added this in to get it to show on ie. 20081014. vu */
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #981111;
}
#product_categs a { text-decoration: none; color: #981111; }

#product_categs a:hover, #product_categs li.current a {color: #360707; }

#product_main #product_pages
{
	position: relative;
	text-align: right;
	padding: 2px;
	background: #e6e4e4;
	color: #5C5C5C;
}
#product_main #product_listing
{
	position: relative;
	/*text-align: center;*/
	padding: 0;
}

#product_info
{
	background: url(img/logo_white_small.jpg) bottom right no-repeat;
	margin-top: 35px;
	color: #000000;
	text-align: left;
}
#product_info #product_image
{
	float: left;
	/*position: relative;*/
	padding: 5px;
	border: 1px solid #B4B4B4;
	/*margin-right: 30px;*/
}
#product_info #product_details
{
	float: left;
	position: relative;
	margin-left: 30px;
	width: 400px;
}
#product_info h2
{
	color: #981111;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #B4B4B4;
}
#product_listing .product_row
{
	float: left;
	clear: left;
	width: 90px;
	margin: 0.5em 0;
}
#product_listing .product_data
{
	float: left;
	width: 260px;
	margin: 0.5em 0;
}
#product_info .product_price
{
	margin: 4em 0 2em;
}

#product_info .itemAdded
{
	font-weight: bold;
	margin: 1em 0;
	font-size: 14px;
}

#product_info .discount_oldprice { text-decoration: line-through; margin-right: 10px; }
#product_info .discount_newprice { color: #981111; font-weight: bold; }


#product_listing .form_row
{
	float: left;
	clear: left;
	width: 150px;
	margin: 0.5em 0;
}
#product_listing .form_data
{
	float: left;
	width: 260px;
	/*margin: 0.5em 0;*/
}


/*
* End new products
*/

/*
* Orders
*/
#product_listing .cartLink { display: block; color: #981111; }

#head #product_cart
{
	position: absolute; 
/*	background: #FFFFFF; */
	padding: 5px 25px;
	bottom: 0;
	right: 60px;
	
	/*border: 2px solid #A11514;*/
	
	text-transform: none;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
}
#product_cart .data_field
{
	border: 1px solid #981111;
	background: #ffffff;
	padding: 2px;
	margin: 3px;
	color: #000000;
}

#product_outer #checkout_toprow
{
	position: relative;
	background: #360707;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 35px;
}

#product_listing #orderForm
{
	text-align: left;
}

#main_cart { margin-bottom: 15px; }
#main_cart a { text-decoration: none; }
#main_cart th { padding: 5px 0; border-top: 1px dotted #000000; border-bottom: 1px dotted #000000; background: #F0F0F0;  text-align: center;}
.order_item
{
	/*float: left;*/
	width: 800px; margin: 0 auto;
}
	.order_item .order_col
	{
		padding: 5px;
		position: relative;
		/*float: left;*/
		margin-right: 25px;
		border-bottom: 1px dotted #000000;
		background: #FFFFFF;
		text-align: center;
	} 
	.order_item .cart_image { }
	.order_item .cart_info, .order_item .cart_price, .order_item .cart_clear { background: #D0D0D0; }
	.order_item .cart_tprice, .order_item .cart_qty { background: #C0C0C0; }
		.cart_qty .qty_val { padding: 2px; }
	.order_item .cart_info { width: 300px; text-align: left; }
	
	#main_cart .total td { padding: 5px 0; background: #F0F0F0; }
	

/* Videos/events page */
#vid_outer_latest, #vid_outer, #events_outer, #events_vid_outer
{
	margin: 10px auto 0;
	padding-top: 50px;
	background: url(img/video_latest_outer_bg.gif) top right no-repeat;
	width: 875px;
}
#vid_outer { background: url(img/video_outer_bg.gif) top right no-repeat; }
#vid_inner, #events_inner
{
	position: relative;
	background: #FFFFFF url(img/video_inner_bg.jpg) top left no-repeat;
	width: 860px;
	color: #3D0707;
	font-weight: bold;
	margin: 0 auto;
}
#vid_inner a, #events_inner a { color: #3D0707; text-decoration: none; }
#vid_inner #vid_title, #events_inner #events_title
{
	position: absolute;
	top: 15px;
	left: 35px;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: uppercase;
}
#vid_inner ul#vidlist
{
	width: 360px;
	margin-top: 85px;
	float: left;
	list-style: square inside url(img/video_li.jpg);
	line-height: 1.5em;
}
#vidlist li.current { color: #5495CF; }
#vidlist li.current p { padding-left: 30px; margin: 0;}
#vid_inner #vid, #vid_inner #novid
{
	float: right;
	margin: 10px;
}
#vid h2
{
	background: #2F0606;
	font-size: 18px;
	color: #FFFFFF;
	padding: 6px 0;
	margin: 3px 0 0 0;
	text-align: center;
}

#novid
{
	width: 300px;
	text-align: center;
	padding-top: 50px;
}
/* End Videos */

/* Events */
#events_outer { background: url(img/events_outer_bg.gif) top right no-repeat; }
#events_vid_outer { background: url(img/video_event_outer_bg.gif) top right no-repeat; }
#events_inner ul#eventlist
{
	list-style: square inside url(img/events_li.jpg);
}

#event_info
{
	padding: 85px 0 0 35px;
	width: 350px;
}
#event_info a.readmore { color: inherit; text-decoration: underline; margin-top: 2em;}
#event_info h2 { margin: 0; padding: 0.3em 0; color: #520E09; font-size: 18px; font-weight: bold; }
#event_info h3 { margin: 0; padding: 0.3em 0; color: #ED1B24; font-size: 16px; }

#event_flyer
{
	float: right;
	margin: 25px 35px 0 0;
	background: #000000;
	height: 350px;
	width: 425px;
	text-align: center;
}
* html #event_flyer { display: inline; }
#event_flyer img
{
	max-height: 350px;
}
#event_lists, #event_links
{
	margin: 25px 35px 0;
	padding: 5px 0 10px;
	border-top: 1px solid #F6BDC0;
}
#event_links { border: none;}
#events_inner .events_column
{
	float: left;
	width: 400px;
}
#events_inner .events_column ul
{
	padding: 0;
	list-style: url(img/events_li.jpg) inside;
}
#events_inner .events_column ul li .eventdate { color: #ED1B24; }
#events_inner .left
{
	border-right: 1px solid #F6BDC0;
	margin-right: 25px;
	padding-right: 20px;
}
#event_links #event_piclink, #event_links #event_vidlink, #event_links #event_vidnolink
{
	float: left;
	width: 388px;
	height: 101px;
	margin-bottom: 30px;
}
#event_links #event_piclink { background: url(img/event_photo.jpg) no-repeat; margin-right: 10px;}
#event_links #event_vidlink { background: url(img/event_video.jpg) no-repeat; }
#event_links #event_vidnolink { background: url(img/event_video_none.jpg) no-repeat; }
/* End Events */

/* News, articles, other text pages */
.article_outer
{
	position: relative;
	margin: 0 auto;
	background: url(img/article_outer_bg.gif) bottom right no-repeat;
	width: 875px;
	padding-bottom: 35px;
}
.article_inner
{
	position: relative;
	color: #3D0707;
	width: 860px;
}
.article_title
{
	/*
	background: #2F0606;
	padding: 7px 0 7px 260px;
	*/
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	float: left;
	text-align: center;
	width: 200px;
	margin: 10px 0 0 5px;
	text-transform: uppercase;
}
.article_main
{
	padding: 0 30px 1em 260px;
	min-height: 100px;
	background: #FFFFFF url(img/video_inner_bg.jpg) top left no-repeat;
}
.article_main h3
{
	color: #9F0D10;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0;
}
.article_main p
{
	margin: 0;
	line-height: 2em;
	margin-bottom: 1em;
}

.article_image
{
	float: left;
	width: 260px;
	text-align: center;
	padding-top: 15px;
	margin-left: -260px;
}
* html .article_image {	display: inline; }
.article_image img
{
	border: 3px solid #FFFFFF;
}
/* End general articles */

/* News stuff */
.news_title
{
	background: #2F0606;
	padding: 7px 0 7px 260px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}
.news_link
{
	position: absolute;
	text-align: right;
	bottom: 15px;
	right: 30px;
	height: 16px;
}
.news_readmore
{
	background: url(img/news_readmore.jpg) no-repeat;
	width: 100px;
}
.news_back
{
	background: url(img/news_back.jpg) no-repeat;
	width: 105px;
}
/* End news */

/* Sided content - semi defunct */
#sidesub
{
	float: left;
	width: 180px;
	margin-top: 10px;
}
#sidesub ul
{
	list-style: none;
	font-size: 14px;
	padding: 0;
	margin: 0px 0 0 0;
}
#sidesub ul li a
{
	color: #F9A7A7;
	text-decoration: none;
}
.article_with_side
{
	float: left;
	margin: 0;
	width: 780px;
}
.article_with_side .article_inner
{
	width: 770px;
}
.article_with_side .article_inner .article_title
{
	position: relative;
	text-align: left;
	float: none;
	width: auto;
	color: #FFFFFF;
	background: #2F0606;
	padding: 7px;
}
.article_with_side .article_inner .article_main
{
	background-image: none;
	padding-left: 30px;
}

/* End sided content */

/* Tutorials/skate area */
.section_wrap
{
	margin: 0 0 45px 25px;
	position: relative;
	float: left;
	clear: right;
	width: 425px;
	background: url(img/article_outer_bg.gif) bottom right no-repeat;
	padding-bottom: 35px;
}
.section_wrap .section_info
{
	padding: 20px;
	width: 370px;
	background: #FFFFFF;
	color: #3D0707;
}
.section_info h2
{
	margin-top: 0;
	color: #500909;
	font-size: 16px;
}

.section_wrap .section_link
{
	background: url(img/section_read.jpg);
	width: 84px;
	height: 16px;
	
	position: absolute;
	right: 30px;
	bottom: 20px;
}

#section_outer
{
	position: relative;
	margin: 15px auto 0;
	background: url(img/article_outer_bg.gif) bottom right no-repeat;
	width: 875px;
	padding-bottom: 35px;
}
#section_inner
{
	position: relative;
	color: #3D0707;
}
#section_title
{
	/*
	background: #2F0606;
	padding: 7px 0 7px 260px;
	*/
	background: #981111;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 4px 25px;
	width: 750px;
}
#section_top_bg
{
	background: url(img/skate_top_bg.gif) top right no-repeat;
	width: 269px;
	height: 174px;
	
	position: absolute;
	top: -50px;
	right: -14px;
}
#section_inner .snow_bg { background: url(img/snow_top_bg.gif) top right no-repeat; }
#section_main
{
	position: relative;
	padding: 30px;
	min-height: 100px;
	background: #FFFFFF;
}
#section_back
{
	background: url(img/team_back.jpg);
	width: 85px;
	height: 16px;
	
	position: absolute;
	right: 40px;
	bottom: 15px;
}
/* End Tutorials/skate */

/* Team page */
#team_menu
{
	position: relative;
	left: -13px;
	margin: 15px auto 0;
	background: #981111;
	width: 820px;
}
#team_menu a { color: #240505; text-decoration: none;}
#team_menu a:hover, #team_menu a.active { color: #FFFFFF; }
#team_menu ul
{
	list-style: none;
	margin: 0;
	padding: 4px 12px;
}
#team_menu li
{
	font-size: 14px;
	padding: 0 12px;
	display: inline;
}

#team_label
{
	position: absolute;
	z-index: 0;
	right: -14px;
	top: -50px;
	width: 269px;
	height: 174px;
	background: url(img/team_outer_bg.gif) top right no-repeat; 
}
* html #team_label {
	z-index: -1;
}
#team_wrap
{
	position: relative;
	background: url(img/article_outer_bg.gif) bottom right no-repeat;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 35px;
}
.team_back
{
	background: url(img/team_back.jpg) no-repeat;
	width: 85px;
	height: 16px;
	position: absolute;
	bottom: 15px;
	right: 35px;
}

#team_inner
{
	position: relative;
	background: #FFFFFF;
	width: 786px; /*840px;*/
	min-height: 80px;
	margin: 0 auto;
	padding: 30px 30px 30px;
	
	color: #981111;
}
*+ html #team_inner {
	width: 820px;
}
#team_inner h2
{
	font-size: 18px;
	margin: 0 0 0.5em 0;
}
#team_inner #teamlist
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#teamlist li
{
	margin: 0 20px 25px 0;
	float: left;
}
#teamlist li a
{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #981111;
}

#team_inner .thumblink
{
	position: relative;
	padding-left: 15px;
	cursor: pointer;
}
#team_inner #bigpic_holder
{
	float: left;
	width: 415px;
	margin-bottom: 20px;
}
#team_inner #bigpic_holder #nopic
{
	width: 410px;
	height: 95px;
	padding-top: 80px;
	background: #000000;
	font-size: 28px;
	color: #FFFFFF;
	text-align: center;
}

#team_inner #team_info
{
	/*position: relative;*/
	margin-left: 414px;
	padding-left: 15px;
	font-size: 16px;
}
#team_info .left, #team_info .right { float: left; width: 167px; height: 20px;}
#team_info .left { text-align: right; font-weight: bold; margin-right: 15px; }
#team_info .right { text-align: left; clear: right;}
/* End team page*/

/* Gallery */
.gallery_main
{
	padding-left: 200px;
	padding-right: 15px;
}
/* End gallery */

#footer
{
	position: relative;
	left: 0;
	right: 0;
	padding: 0;
	margin: 20px auto 0;
	list-style: none;
	text-align: center;
	
	bottom: 0;
}
#footer li
{
	display: inline;
	text-align: center;
	padding: 0 15px;
}
#footer li a { text-decoration: none; color: #FFFFFF; }

.clear
{
	clear: both;
}