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



/*------------------- fixes to exsiting css ------------------- */

	
#header_img {
	background: url(images/hardgoods_bg.gif) no-repeat;
	width: 810px;
	height: 100%;
	padding: 40px 0px 30px 60px;
	}
	
	#header_img_2 {
	background: url(images/hardgoods_bg_2.gif) no-repeat;
	width: 810px;
	height: 100%;
	padding: 40px 0px 30px 60px;
	}
	
#header_btm {
	background: url(images/hardgoods_btm.gif) no-repeat;
	width: 870px;
	height: 25px;
	}
	
#content {
	padding: 10px 45px;
	}
	
#header_img a {
	color: #90278e;
	text-decoration: none;
	}
	
#header_img a:hover {
	color: #00a5a3;
	text-decoration: none;
	}
	
	

/*------------------- nav page ------------------- */



#header_img .board_nav a {
	background: #fff;
	width: 130px;
	float: left;
	margin-bottom: 20px;
	margin-right: 25px;
	padding-bottom: 3px;
	}

	
#header_img .board_nav a:hover {
	background: #90278e;
	padding-bottom: 3px;
	}

#header_img .bstech {
    width: 490px;
	height: 232px;
	float: left;
	
	}

#header_img .guy {
	width: 160px;
	height: 330px;
	float: right;
	margin-right: 30px;
	
	
	}

#bottom_nav {
	color: #90278e;
	height: 15px;
	clear: both;
	}

/*------------------- info ------------------- */

	
	
	
#info {
	width: 380px;
	float: left;
	}
	
#info .title {
	padding-top: 20px;
	}
	
#info .break {
	background: url(images/dots.gif) repeat-x;
	width: 380px;	
	height: 1px;
	margin: 10px 0;
	clear: both;
	}
	
#info ul {
	padding-top: 10px;
	}
	
#board_diagrams .left {
	width: 165px;
	height: 65px;
	float: left;
	}
	
#board_diagrams .right {
 	width: 165px;
	height: 65px;
	float: right;
	}

#board_diagrams h4 {
	margin-top: 10px;
	}
	
	
		/*------------------- view BS tech button -------------------*/

	
#tech2 ul {
	margin: 0px;
	padding: 0;
	position: relative;
	}
	
#tech2 a * {
	display: none;
	}
	
#tech2 li {
	display: inline;
	position: relative;
	}
	
#tech2 a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#tech2 li.over a {
	background-position: 0 -20px;
	}
	
#tech2 .none a:hover {
	background-position: 0 -20px;
	}
	
#view_tech2 {
	width: 170px;
	background: url(images/view_tech_2.gif);
	margin-bottom: 10px;
	}
	
/*------------------- view tech button -------------------*/

	
#tech ul {
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#tech a * {
	display: none;
	}
	
#tech li {
	display: inline;
	position: relative;
	}
	
#tech a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#tech li.over a {
	background-position: 0 -20px;
	}
	
#tech .none a:hover {
	background-position: 0 -20px;
	}
	
#view_tech {
	width: 170px;
	background: url(images/view_tech.gif);
	}	
	

	
/*------------------- buy dealer button -------------------*/

	
#buy ul {
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#buy a * {
	display: none;
	}
	
#buy li {
	display: inline;
	position: relative;
	}
	
#buy a {
	display: block;
	height: 45px;
	margin: 0;
	}
	
#buy li.over a {
	background-position: 0 -45px;
	}
	
#buy .none a:hover {
	background-position: 0 -45px;
	}
	
#buy_btn {
	width: 178px;
	background: url(images/buy_dealer.gif);
	}
	
	
/*------------------- boards -------------------*/

	
#board {
	width: 320px;
	margin-left: 420px;
	padding-top: 10px;
	}
	
	
	
/*------------------- specs -------------------*/
	
#specs_awesome {width: 750px; clear: both; padding-top: 30px;}
#specs_awesome td, #specs_awesome th {padding: 2px;}
#specs_awesome th {background: #f47d20; text-align: left; color: #fff;}
#specs_awesome tr {background: #65c3d6;}
#specs_awesome tr.alt {background: #aedfea;}

#specs_benatar {width: 750px; clear: both; padding-top: 30px;}
#specs_benatar td, #specs_benatar th {padding: 2px;}
#specs_benatar th {background: #b5a6d1; text-align: left; color: #fff;}
#specs_benatar tr {background: #b1d8dc;}
#specs_benatar tr.alt {background: #b7a7d1;}

#specs_blast {width: 750px; clear: both; padding-top: 30px;}
#specs_blast td, #specs_blast th {padding: 2px;}
#specs_blast th {background: #59449b; text-align: left; color: #fff;}
#specs_blast tr {background: #cfe9fa;}
#specs_blast tr.alt {background: #16acd8;}	

#specs_boron {width: 750px; clear: both; padding-top: 30px;}
#specs_boron td, #specs_boron th {padding: 2px;}
#specs_boron th {background: #ec008c; text-align: left; color: #fff;}
#specs_boron tr {background: #4cc8ea;}
#specs_boron tr.alt {background: #feef02;}	

#specs_buzz {width: 750px; clear: both; padding-top: 30px;}
#specs_buzz td, #specs_buzz th {padding: 2px;}
#specs_buzz th {background: #54bdec; text-align: left; color: #fff;}
#specs_buzz tr {background: #ec99c1;}
#specs_buzz tr.alt {background: #f5cadf;}	

#specs_extremo {width: 750px; clear: both; padding-top: 30px;}
#specs_extremo td, #specs_extremo th {padding: 2px;}
#specs_extremo th {background: #82cfca; text-align: left; color: #fff;}
#specs_extremo tr {background: #d6ec3e;}
#specs_extremo tr.alt {background: #a0a717;}

#specs_celebrity {width: 750px; clear: both; padding-top: 30px;}
#specs_celebrity td, #specs_celebrity th {padding: 2px;}
#specs_celebrity th {background: #7ec347; text-align: left; color: #fff;}
#specs_celebrity tr {background: #58bfec;}
#specs_celebrity tr.alt {background: #a2d6f3;}

#specs_super {width: 750px; clear: both; padding-top: 30px;}
#specs_super td, #specs_super th {padding: 2px;}
#specs_super th {background: #59449b; text-align: left; color: #fff;}
#specs_super tr {background: #80cbc7;}
#specs_super tr.alt {background: #bbe2e0;}

#specs_sweet {width: 750px; clear: both; padding-top: 30px;}
#specs_sweet td, #specs_sweet th {padding: 2px;}
#specs_sweet th {background: #ee3027; text-align: left; color: #fff;}
#specs_sweet tr {background: #fff672;}
#specs_sweet tr.alt {background: #fffab5;}

#specs_b4bc {width: 750px; clear: both; padding-top: 30px;}
#specs_b4bc td, #specs_b4bc th {padding: 2px;}
#specs_b4bc th {background: #a73692; text-align: left; color: #fff;}
#specs_b4bc tr {background: #ea158e;}
#specs_b4bc tr.alt {background: #15b5cb;}
	

/*------------------- back button -------------------*/

	
#back_button {
	margin: 15px 0 0 540px;
	}
	
#back ul {
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#back a * {
	display: none;
	}
	
#back li {
	display: inline;
	position: relative;
	}
	
#back a {
	display: block;
	height: 20px;
	margin: 0;
	}
	
#back li.over a {
	background-position: 0 -20px;
	}
	
#back .none a:hover {
	background-position: 0 -20px;
	}
	
#back_btn {
	width: 212px;
	background: url(images/back_btn.gif);
	}
	

/*------------------- awseome image switch -------------------*/
	
	

	
#image-switch #two, #image-switch #three {
	display:none;
	}
	
#board_switch_nav {
	margin-top: 20px;
	text-align: center;
	}