@import 'reset.css';

body { background: #060708; }
body, th, td, dd, dt { font: 12px/16px "Trebuchet MS", verdana, sans-serif; line-height: 16px; color: #c9d0e6; }

.hidden { display: none; }
.clear { clear: both; }

#container { border-left: 1px solid #525861; border-right: 1px solid #525861; border-bottom: 1px solid #525861; 
	position: relative; width: 902px; margin: 0 auto; background: #171c24; }
	

/* Page Header + Nav */
div.top-image { height: 11px; background: url('../images/top-image.jpg'); }

/* subpage */
.subpage h1 { height: 202px; }
.subpage h1 a { display: block; text-indent: -9999px; overflow: hidden; background: transparent;
	width: 301px; height: 202px;}

.subpage h1.products {  background: #0b0d10 url('../images/hd-products.jpg') 1px 1px no-repeat;}
.subpage h1.company_info {  background: #0b0d10 url('../images/hd-company.jpg') 1px 1px no-repeat;}
.subpage h1.performance {  background: #0b0d10 url('../images/hd-performance.jpg') 1px 1px no-repeat;}
.subpage h1.resources,/* {  background: #0b0d10 url('../images/hd-resources.jpg') 1px 1px no-repeat;}*/
.subpage h1.contact {  background: #0b0d10 url('../images/hd-contact.jpg') 1px 1px no-repeat;}
.subpage h1.faqs {  background: #0b0d10 url('../images/hd-contact.jpg') 1px 1px no-repeat;}
.subpage h1.warranty {  background: #0b0d10 url('../images/hd-contact.jpg') 1px 1px no-repeat;}
.subpage h1.r_d {  background: #0b0d10 url('../images/hd-resources.jpg') 1px 1px no-repeat;}

/*homepage*/
div#homeswf { margin: 1px;}

/* store */	
.store h1 { height: 77px; }
.store h1 a { display: block; text-indent: -9999px; overflow: hidden; background: transparent;
	width: 301px; height: 77px;}
.store h1.store {  background: #0b0d10 url('../images/hd-store.jpg') 1px 1px no-repeat;}	
	
ul#nav { height: 29px; background: url('../images/m_bg.gif') repeat-x; overflow: hidden; border-right: 1px solid #0b0d10; }
ul#nav li, ul#languages li { height: 29px; list-style: none; float: left; display: block;}
ul#nav a, ul#languages a { display: block; text-indent: -9999px; overflow: hidden; height: 29px; }
ul#nav a:hover, ul#languages a:hover { background-position: bottom left; }

li.home a { width: 61px; background: url('../images/m_home.gif'); }
li.company_info a { width: 122px; background: url('../images/m_company_info.gif'); }
li.products a { width: 91px; background: url('../images/m_products.gif'); }
li.performance a { width: 116px; background: url('../images/m_performance.gif'); }
li.store a { width: 66px; background: url('../images/m_store.gif'); }
li.resources a { width: 98px; background: url('../images/m_resources.gif'); }
li.faqs a { width: 61px; background: url('../images/m_faqs.gif'); }
li.warranty a { width: 94px; background: url('../images/m_warranty.gif'); }
li.rd a { width: 51px; background: url('../images/m_rd.gif'); }
li.contact a { width: 81px; background: url('../images/m_contact.gif'); }

ul#languages { position: absolute; right: 0; top: 213px; overflow: hidden; height: 29px; }
li.english a { width: 39px; background: url('../images/m_eng.gif'); }
li.french a { width: 41px; background: url('../images/m_fra.gif'); }

body.subpage div#page_copy,body.store div#page_copy { background: url('../images/page_copy_bg.gif') repeat-y; border-top: 1px solid #101317;}
body.home div#page_copy { background: #525861; border-top: 1px solid #101317;  margin: 0 1px; }
/* Content */

body.subpage div#content ,body.store div#content { width: 706px; float: right;  background: #525861 url('../images/content_bg.gif') repeat-x;
	border-right: 1px solid #101317; padding: 15px 12px; }

body.home div#content { width: 876px; background: #525861 url('../images/content_bg.gif') repeat-x;
		border-right: 1px solid #101317; padding: 15px 12px; }

div#content a { text-decoration: none; color: #FFF;}
/*div#content a:visited { color: #959bad;}*/
div#content a:hover { text-decoration: underline; }
div#content p.breadcrumbs { font-size: 10px; margin: 0 0 8px 0; }
div#content p.breadcrumbs a:visited { color: #FFF;}


div#content table.data { width: 100%; margin: 25px 0; border-top: 1px solid #000; border-right: 1px solid #000; border-collapse:collapse;}
table.data th, table.data td { padding: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; border-collapse:collapse; }
table.data th { background: #41454D; text-align: left; font-size: 13px; font-weight: bold; color: #FFF; }


img.frimg { margin-left: 15px; float: right; margin-bottom: 25px; }
img.flimg { margin-right: 15px; margin-bottom: 25px; float: left; }

div#content h2 { font-size: 30px; line-height: 28px; color: #FFF; text-transform: uppercase; margin: 15px 0 24px 0;}
div#content h3 { font-size: 20px; line-height: 24px; color: #FFF;  margin: 24px 0 8px 0;}
div#content h4 { font-size: 13px; line-height: 18px; color: #FFF;  margin: 15px 0 8px 0;}
div#content h5 { font-size: 11px; line-height: 16px; color: #FFF;  margin: 15px 0 8px 0;}

div#content p, div#content table, div#content ul, div#content ol, div#content blockquote { margin: 0 0 8px 0; }
/*
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}

h2#page_title, h3 {
visibility: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash div#content h2 { font-size: 25px; letter-spacing: 6px; height: 25px; line-height: 28px; }
.sIFR-hasFlash div#content h3 { font-size: 11px; line-height: 16px; height: 16px;}
.sIFR-hasFlash h3 embed, .sIFR-hasFlash h3 object { position: absolute;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}*/

div#content ul li { list-style-type: disc; margin-left: 15px; margin-bottom: 4px;  }
div#content ul li li { list-style-type: circle; margin-left: 15px; }

div#content ol li { list-style-type: decimal;  list-style-position: inside ;}
div#content ol li li { list-style-type: lower-alpha; }



div.store_item { clear: both; margin-top: 15px; border-bottom: 1px solid #000; padding-bottom: 10px;  }

div.store_item div.item_image { width: 135px; float: left; }
div#content div.store_item h3 { margin: 0; }
div.store_item p { font-size: 11px; }
div.store_item input.qty { width: 20px; border: 1px solid #000; margin: 0 5px; font-size: 11px; height: 14px; }
div.store_item label { font-weight: bold; font-size: 13px; display: inline;}
div.store_item input.buy { display: inline; float: right; margin-top: -18px; background: #11141b; color: #FFF; text-transform: uppercase; border: 1px solid #000; height: 18px; cursor: pointer; font-size: 11px; font-weight: bold;  }
div#content div.item_image p { text-align: center; width: 125px; font-size: 10px; }
div#content div.item_image img { border: 1px solid #000;}
div.item_details { margin-left: 140px; }

div.shipping_location { background: #3E434A; padding: 5px; }

div#content div.store_item div.item_options div { position: relative; padding: 5px 5px 3px 5px; background: #171C24; font-size: 11px; border-bottom: 1px solid #525861; }
div.store_item div.item_options label, div.store_item div.item_options select { font-size: 11px; }

/*div.store_item div.item_options span { margin-right: 10px; }*/
div#content input.viewcart { float: right; margin-top: -31px; }

div#content div.store_item label { display: block; float: left; width: 135px; text-align: left; }
div#content div.store_item p.options input, div#content div.store_item p.services input { display: block; float: left; }

div#content p.services, div#content p.options { margin: 0px 0 2px 25px; width: 400px;   }
div#content p.qty_num { width: 25px; font-size: 16px; font-weight: bold;  padding-top: 5px; position: absolute; top: 0;  }

a.add, a.remove, a.buy { text-indent: -9999px; overflow: hidden; display: block; height: 20px; }

a.add { background: url('../images/b_additem.jpg'); width: 87px; float: left; margin-right: 3px;}
a.remove { background: url('../images/b_removeitem.jpg'); width: 112px; float: left;}
a.buy { background: url('../images/b_addtocart.jpg'); width: 93px; float: right;}
a.add:hover, a.remove:hover, a.buy:hover { background-position: 0 -20px; }

p.qty a.buy { float: none;  margin-top: 5px; }

span.remove { float: right;}
/* Sidebar */

div#sidebar { width: 170px; float: left; height: 450px; }
div#sidebar h2 { text-indent: -9999px; overflow: hidden; width: 170px; height: 74px; }


ul#subnav a { overflow: hidden; display: block; height: 19px;
	background: url('../images/snavbg.png') no-repeat; color: #C1C8DE; padding: 5px 0 0 11px; 
	text-decoration: none; font-size: 11px; text-transform: uppercase;
}


div#sidebar p.buy_online { margin: 16px 0 16px 12px; clear: both; }
div#sidebar p.buy_online a, body.home p.buy_online a { width: 120px; height: 29px; display: block; text-indent: -9999px; overflow: hidden; 
	background: url('../images/b_buy_online1.gif'); }

body.home p.buy_online { padding: 15px 0 0; clear: both;}
/* Subnav header images */

div#sidebar h2.products { background: url('../images/sh_products.jpg'); }
div#sidebar h2.company_info { background: url('../images/sh_company_info.jpg'); }
div#sidebar h2.performance { background: url('../images/sh_performance.jpg'); }
div#sidebar h2.store { background: url('../images/sh_store.jpg'); }
div#sidebar h2.resources { background: url('../images/sh_resources.jpg'); }
div#sidebar h2.contact { background: url('../images/sh_contact.jpg'); }
div#sidebar h2.faqs { background: url('../images/sh_faqs.jpg'); }
div#sidebar h2.r_d { background: url('../images/sh_rd.jpg'); }
div#sidebar h2.warranty { background: url('../images/sh_warranty.jpg'); }


/* Subnav images */
/*
ul#subnav li.about_us a {  background: url('../images/sm_about_us.gif');}
ul#subnav li.scott a {  background: url('../images/sm_scott.gif');}
ul#subnav li.shawn a {  background: url('../images/sm_shawn.gif');}
ul#subnav li.vh_business_model a {  background: url('../images/sm_vh_business_model.gif');}

ul#subnav li.vh_short_track_boot a {  background: url('../images/sm_vh_short_track_boot.gif');}
ul#subnav li.vh_skate_packages a {  background: url('../images/sm_vh_skate_packages.gif');}
ul#subnav li.new_products__product_development a {  background: url('../images/sm_new_products.gif');}
ul#subnav li.vh_custom a {  background: url('../images/sm_vh_custom.gif');}

ul#subnav li.vh_speed_testing a {  background: url('../images/sm_vh_speed_testing.gif');}
ul#subnav li.vh_customer_performance a {  background: url('../images/sm_vh_customer_performance.gif');}
ul#subnav li.product_safety a {  background: url('../images/sm_product_safety.gif');}
ul#subnav li.vh_skill_development a {  background: url('../images/sm_vh_skill_development.gif');}
ul#subnav li.warranty__exchange a {  background: url('../images/sm_warranty__exchange.gif');}
ul#subnav li.refurbishing_program a {  background: url('../images/sm_refurbishing_program.gif');}

ul#subnav li.boots a {  background: url('../images/sm_boots.gif');}
ul#subnav li.blades a {  background: url('../images/sm_blades.gif');}
ul#subnav li.accessories a {  background: url('../images/sm_accessories.gif');}

ul#subnav li.skate_fit__find_your_vh_size a {  background: url('../images/sm_skate_fit.gif');}
ul#subnav li.molding_instructions a {  background: url('../images/sm_molding_instructions.gif');}
ul#subnav li.blade_truing a {  background: url('../images/sm_blade_truing.gif'); }
ul#subnav li.boot_adjustments a {  background: url('../images/sm_boot_adjustments.gif');}
ul#subnav li.boot_maintenance__repair a {  background: url('../images/sm_boot_maintenance__repair.gif');}
ul#subnav li.blade_maintenance a {  background: url('../images/sm_blade_maintenance.gif');}
ul#subnav li.stone_maintenance a {  background: url('../images/sm_stone_maintenance.gif');}
ul#subnav li.faqs a {  background: url('../images/sm_faqs.gif');}
*/
ul#subnav li a:hover { background-position: 0 -24px; color: #FFF}

div#content blockquote { clear: both; background: #454A52; font-size: 15px; line-height: 20px; color: #DCE0EB;  padding: 15px; margin: 15px 0;  border-top: 1px solid #838B96; border-bottom: 1px solid #838B96;}
div#content blockquote p { margin: 0; text-align: center; }

/* Footer */
div#footer { height: 28px; overflow: hidden; background: url('../images/footer_bg.jpg'); font-size: 10px; 
	text-transform: uppercase; line-height: 12px; color: #656a78; }
	
div#footer p.copyright { float: left; margin: 8px 0 0 17px; }
div#footer p.powered { float: right; margin: 8px 17px 0 0 ;}
div#footer a { text-decoration: none; color: #aeb4c8; }
div#footer a:hover { text-decoration: underline; }
 

/* Packages */
div#content div#packages div.details { display: none; position: absolute; width: 289px; height: 391px; text-indent: -9999px; overflow: hidden; right: 2px; top: 2px;  }

div#content div#packages { background: #11151f; width: 650px; height: 395px; border: 1px solid #000; position: relative; padding: 0; }
div#content div#packages h4 { width: 236px; height: 31px; text-indent: -9999px; overflow: hidden; background: url('../images/skate_packages.gif'); top: 0; left: 17px; position: absolute; }
div#content div#packages p.info { display: none; }
div#content div#packages li { cursor: pointer; }
/*div#content div#packages li#sp1 { width: 158px; height: 135px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_1.jpg') top left; position: absolute; left: 0px; top: 69px; }
div#content div#packages li#sp2 { width: 159px; height: 135px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_2.jpg') top left; position: absolute; left: 174px; top: 69px;  }
div#content div#packages li#sp3 { width: 158px; height: 140px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_3.jpg') top left; position: absolute; left: 0px; top: 235px;  }
div#content div#packages li#sp4 { width: 159px; height: 140px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_4.jpg') top left; position: absolute; left: 174px; top: 235px;  }
*/

div#content div#packages li#sp2 { width: 158px; height: 135px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_2.jpg') top left; position: absolute; left: 0px; top: 69px; }
div#content div#packages li#sp3 { width: 159px; height: 140px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_3.jpg') top left; position: absolute; left: 174px; top: 69px;  }
div#content div#packages li#sp4 { width: 158px; height: 140px; text-indent: -9999px; overflow: hidden; background: url('../images/skatep_4.jpg') top left; position: absolute; left: 0px; top: 235px;  }


div#content div#packages ul li.over { background-position: -135px;}

div.details p, div.details div, div.details h5 { display: none;}
div#content div#packages div#d1 { background: url('../images/sp_titanium.jpg');}
div#content div#packages div#d2 { background: url('../images/sp_mapleprem.jpg');}
div#content div#packages div#d3 { background: url('../images/sp_mapleblizklap.jpg');}
div#content div#packages div#d4 { background: url('../images/sp_maplegold.jpg');}


/* Home page */

div#homeboot { float: right; margin-bottom: 15px;  }
div.blocks { width: 365px; float: left; margin-bottom: 15px; }
div.blocks div.block { border-bottom: 1px solid #6D7581; padding: 10px 0px 10px 0px;}
div.blocks div.block:last-child { border: 0; }