/*
#f32400; // red
#e0b900; // link bg colour
#d6b100; // news link bg colour
*/
/* Eric Meyers Reset CSS rules */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
}
html, body { 
font-size: 12px;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
line-height:16px;
height: 100%;
width: 100%;
color: #f32400;
}

/* default bg */

.wrapper {
width:100%;
min-height: 100%;
height: auto !important;
height: 100%;
padding-bottom: 680px;
background-color: #f32400;
background: url(/site11/img/bg_main.jpg) no-repeat bottom center #f32400;
}

/* random bgs */

.catalog11					{ background: url(/site11/img/bg_main_1.jpg) no-repeat bottom center #f32400; }
.boards						{ background: url(/site11/img/bg_main_2.jpg) no-repeat bottom center #f32400; }
.boards_airobic				{ background: url(/site11/img/bg_main_3.jpg) no-repeat bottom center #f32400; }
.boards_distortia			{ background: url(/site11/img/bg_main_4.jpg) no-repeat bottom center #f32400; }
.boards_evil_twin_classic	{ background: url(/site11/img/bg_main_5.jpg) no-repeat bottom center #f32400; }
.boards_evil_twin			{ background: url(/site11/img/bg_main_1.jpg) no-repeat bottom center #f32400; }
.boards_riot				{ background: url(/site11/img/bg_main_2.jpg) no-repeat bottom center #f32400; }
.boards_fun_kink			{ background: url(/site11/img/bg_main_3.jpg) no-repeat bottom center #f32400; }
.boards_violenza			{ background: url(/site11/img/bg_main_4.jpg) no-repeat bottom center #f32400; }
.boards_goliath				{ background: url(/site11/img/bg_main_5.jpg) no-repeat bottom center #f32400; }
.boards_the_jam				{ background: url(/site11/img/bg_main_1.jpg) no-repeat bottom center #f32400; }
.boards_omni				{ background: url(/site11/img/bg_main_2.jpg) no-repeat bottom center #f32400; }
.boards_undisputed			{ background: url(/site11/img/bg_main_3.jpg) no-repeat bottom center #f32400; }
.boards_artist_edition		{ background: url(/site11/img/bg_main_4.jpg) no-repeat bottom center #f32400; }
.boards_us_edition			{ background: url(/site11/img/bg_main_5.jpg) no-repeat bottom center #f32400; }
.boards_enemy				{ background: url(/site11/img/bg_main_1.jpg) no-repeat bottom center #f32400; }
.boards_project_green		{ background: url(/site11/img/bg_main_2.jpg) no-repeat bottom center #f32400; }
.team						{ background: url(/site11/img/bg_main_3.jpg) no-repeat bottom center #f32400; }
.team_detail				{ background: url(/site11/img/bg_main_4.jpg) no-repeat bottom center #f32400; }
.shop						{ background: url(/site11/img/bg_main_5.jpg) no-repeat bottom center #f32400; }
.links						{ background: url(/site11/img/bg_main_1.jpg) no-repeat bottom center #f32400; }
.softgoods					{ background: url(/site11/img/bg_main_2.jpg) no-repeat bottom center #f32400; }
.warranty					{ background: url(/site11/img/bg_main_3.jpg) no-repeat bottom center #f32400; }
.wax						{ background: url(/site11/img/bg_main_4.jpg) no-repeat bottom center #f32400; }
.tbt						{ background: url(/site11/img/bg_tbt.gif) #fff; }
.contact					{ background-image: none; }

#headerwide {
position: relative;
width:100%;
height: 150px;
margin: 0 auto 20px auto;
background-color: #f32400;
}
#header { 
position: relative;
width: 960px;
height: 140px;
margin: 0 auto;
text-align:left;
} 
#logo {
width:960px;
height:100px;
background: url(/site11/img/bataleon_triple_base.png) no-repeat 0 25px;
overflow: hidden;
}
#logo h1 {
position: absolute;
left: -9999px;
}
#lang {
position: absolute;
top:26px;
right:0;
}
#lang select{
margin:0;
padding:0;
background-color: #ffffff;
}
a:link.rss {
position: absolute;
top:54px;
right: 75px;
padding: 0;
display: block;
width: 22px;
height: 18px;
color: #fff;
background: url(/site11/img/links_rss.png) no-repeat right 0;
text-indent: -9999px;
}
a:hover.rss {
background: url(/site11/img/links_rss.png) no-repeat right -18px;
}
ul#links {
position: absolute;
top:54px;
right:0;
padding: 0;
margin: 0;
list-style-type: none;
}
ul#links li {
text-indent: -9999px;
}
ul#links li a:link,
ul#links li a:visited {
display: block;
height: 19px;
width:75px;
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
font-family: Helvetica, Arial;
text-transform: uppercase;
}
ul#links li a:hover {
background-color: transparent;
}
ul#links li.rss a {
background: url(/site11/img/links_rss.png) no-repeat right 0;
}
ul#links li.facebook a {
background: url(/site11/img/links_facebook.png) no-repeat right 0;
}
ul#links li.myspace a {
background: url(/site11/img/links_myspace.png) no-repeat right 0;
}
ul#links li.youtube a {
background: url(/site11/img/links_youtube.png) no-repeat right 0;
}
ul#links li.vimeo a {
background: url(/site11/img/links_vimeo.png) no-repeat right 0;
}
ul#links li.twitter a {
background: url(/site11/img/links_twitter.png) no-repeat right 0;
}
ul#links li.rss a:hover {
background: url(/site11/img/links_rss.png) no-repeat right -19px;
}
ul#links li.facebook a:hover {
background: url(/site11/img/links_facebook.png) no-repeat right -19px;
}
ul#links li.myspace a:hover {
background: url(/site11/img/links_myspace.png) no-repeat right -19px;
}
ul#links li.youtube a:hover {
background: url(/site11/img/links_youtube.png) no-repeat right -19px;
}
ul#links li.vimeo a:hover {
background: url(/site11/img/links_vimeo.png) no-repeat right -19px;
}
ul#links li.twitter a:hover {
background: url(/site11/img/links_twitter.png) no-repeat right -19px;
}
#content {
clear: both;
/*overflow: auto;*/
zoom: 1;
width:960px;
margin:0 auto;
} 
em {
font-style: italic;
}
a:link, a:visited {
color: #fff;
background-color: #f32400;
text-decoration:none;
padding: 1px 4px;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
a:hover, a:active {
color: #fff;
background-color: #000;
}
p {
margin:5px 0 5px 0;
}
h1 {
margin:0px 0px 5px 0px;
padding:0 0 2px 0;
color:#f32400;
font-size: 30px;
line-height: 30px;
font-weight:bold;
font-family: Arial Black, Helvetica, Arial;
text-transform: uppercase;
}
h2 {
margin: 10px 0 5px 0;
font-family: Arial Black, Helvetica, Arial;
text-transform: uppercase;
color:#f32400;
font-size:16px;
line-height: 16px;
font-weight:bold;
}
h3 {
margin:5px 0;
color: #f32400;
font-size:17px;
font-weight:bold;
}
h4 {  
color: #f32400;
font-size:14px;
font-weight:bold;
}
ul {
padding: 0 50px 0 20px;
margin: 10px 0;
}
.content_both {
clear: both;
margin-top: 40px;
width: 960px;
overflow: auto;
}
p.facebook_box {
position: absolute;
bottom: 20px;
left:20px;
height:25px;
}
p.facebook_box span {
padding:0 10px 0 0;
float:left;
line-height:21px;
}

/* -----------------------------  main nav */

ul#mainnav {
width: 960px;
padding: 0;
margin: 13px 0 0 0;
float: left;
font-family: Helvetica, Arial;
font-weight: bold;
/*letter-spacing: -0.1em;*/
text-transform: uppercase;
}
ul#mainnav li {
display: inline;
float: left;
}
ul#mainnav li p,
ul#mainnav li a:link,
ul#mainnav li a:visited {
padding: 2px 7px;
margin: 0;
color: #fff;
text-decoration: none;
float: left;
font-size: 21px;
background-color: #f32400;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
ul#mainnav li a:hover,
ul#mainnav li a:active {
color: #f32400;
background-color: #fff;
/*border-bottom: 2px solid #fff;*/
}
ul#mainnav li.current a:link,
ul#mainnav li.current a:visited,
ul#mainnav li.current a:hover,
ul#mainnav li.current a:active {
color: #fff;
background-color: #f32400;
}
ul#mainnav li p {
color: #f87c66;
}
ul#mainnav li.current a:hover {
/*color: #000;
border-bottom: 2px solid #000;*/
color: #fff;
background-color: #f32400;
}

.board_social_title,
.dont_believe_comments p,
.linkscol,
#team_leftcol div,
#team_centrecol,
#team_rightcol div,
#team li a:link,
#board_detail,
.content_col1_tbt ul#subnav,
.content_col2_contact,
.content_col1_tbt div,
.content_col2_tbt div,
.board_row ul,
.map_col,
.webshop_col,
.blogpost,
.featured_prod,
.dontbelieveus,
.dontbelieveus_form,
.promo,
.warrantycol,
.round_corners
 {
background-color: #fff;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
  
/* -----------------------------  blog/index page */

.content_col1_home {
float: left;
width: 590px;
}
.content_col2_home {
float: right;
width: 330px;
}
.blogpost {
padding: 10px 0;
margin-bottom: 30px;
background-color: #fff;
width: 590px;
}
.blogtitle {
position: relative;
padding: 0 15px;
overflow: hidden;
width: 560px;
margin: 0;
}
.blogtitle h2 {
margin: 0;
padding: 12px 0 5px 0;
width:350px;
text-transform: uppercase;
font-size: 30px;
line-height: 30px;
font-style:normal;
font-weight:bold;
font-family: Arial Black, Helvetica, Arial;
}
.blogpost .blogtitle p {
margin: 0;
padding: 15px 40px 0 0;
height: 32px;
width: 130px;
display: block;
position: absolute;
right:10px;
bottom: 0;
text-align: right;
text-transform: none;
font-family: Helvetica, Arial, Verdana;
font-size: 11px;
line-height: 11px;
background: url(/site11/img/blog_mb_b.png) no-repeat bottom right;
}
.blogcontent {
margin: 0;
padding: 0;
}
.blogcontent object {
margin: -10px 0 0 -15px;
}
.blogcontent div.media object {
margin: 0;
}
.blogcontent p,
.blogcontent p.caption {
margin: 0;
padding: 10px 15px 0 15px;
}


.dontbelieveus {
padding: 25px 25px 10px 25px;
background-color: #fff;
}
.dontbelieveus a.comment_link {
text-transform: uppercase;
text-align: center;
display: block;
font-size: 13px;
padding: 5px 8px;
}
.dontbelieveus i {
font-style: normal;
font-size: 12px;
font-weight:bold;
font-family: Arial Black, Helvetica, Arial;
}
.dontbelieveus p {
margin: 15px 0;
}
.dontbelieveus p.more,
.win p.more {
text-align: right;
border-bottom: none;
}
.dontbelieveus p.more a:link,
.dontbelieveus p.more a:visited,
.win p.more a  {
text-transform: uppercase;
padding: 3px 5px;
}
.dontbelieveus p.more a:hover,
.dontbelieveus p.more a:active,
.win p.more a:hover  {
color: #fff;
background-color: #000; 
}
.dontbelieveus a:link, .win a {
}
.dontbelieveus_form {
background-color: #fff;
padding: 20px 25px;
}
.dontbelieveus_form label {
display: block;
margin-top: 10px;
}
.dontbelieveus_form input,
.dontbelieveus_form textarea#comments {
width: 99%;
padding: 2px;
border: none;
background-color: #f32400;
color: #fff;
border: none;
}
.dontbelieveus_form .sendbutton {
width: 100%;
margin: 10px 0 0 0;
padding: 0;
overflow: auto;
zoom: 1;
}
.dontbelieveus_form .sendbutton input {
padding: 2px 0 3px 0;
margin: 0;
width: 70px;
color: #fff;
font-weight: bold;
background-color: #f32400;
float: right;
-moz-border-radius: 7px; /* FF1+ */
-webkit-border-radius: 7px; /* Saf3+, Chrome */
border-radius: 7px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
.dontbelieveus_form i {
display: block;
font-size: 10px;
line-height: 11px;
}
.dontbelieveus_form .feedback_email_url {
display: none;
}
.paging {
margin: 0 0 20px 0;
}
.paging a:link,
.paging a:visited {
padding: 4px 15px;
color: #f32400;
background-color: #fff;
}
.paging a:hover,
.paging a:active {
color: #fff;
background-color: #000;
}
.paging .next {
float: right;
}
/* -----------------------------  featured prod */

.featured_prod {
background: url(/site11/img/bg_green.jpg) no-repeat #fff;
padding: 0;
margin-bottom:30px;
}
.featured_prod p {
text-align: center;
font-style: normal;
padding:8px 0;
margin: 0;
}
.featured_prod a:link {
text-align: center;
padding:8px 0;
display: block;
background-color: #fff;
color: #f32400;
-moz-border-radius: 0; /* FF1+ */
-webkit-border-radius: 0; /* Saf3+, Chrome */
border-radius: 0; /* Opera 10.5, IE 9 */
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
.featured_prod a:hover {
color: #fff;
background-color: #000;
}
.featured_prod p.featured_prod_details {
font-style: italic;
color: #fff;
margin: 0;
height: 275px;
padding:110px 150px 10px 15px;
}
/* -----------------------------  promo box */

.promo {
background-color: #fff;
padding: 10px 15px;
margin-bottom: 25px;
background: url(/site11/img/win_a_board.jpg) no-repeat #fff bottom;
height: 275px;
}
.promo p {
margin: 20px 170px 20px 150px;
}
.promo h1 {
font-size: 50px;
}
.promo a:link {
font-size: 15px;
padding: 7px 14px;
-moz-border-radius: 7px; /* FF1+ */
-webkit-border-radius: 7px; /* Saf3+, Chrome */
border-radius: 7px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}


/* -----------------------------  catalog page */

#fbContainer {
height:700px !important;
}
#fbContents select {
background-color: #f32400;
}

/* -----------------------------  boards page */

.board_row {
margin-bottom: 25px;
}
.true_twin {
background: url(/site11/img/board_title_true_twin.jpg) no-repeat left bottom;
}
.all_mountain_freestyle {
background: url(/site11/img/board_title_all_mountain_freestyle.jpg) no-repeat left bottom;
}
.all_mountain_freeride {
background: url(/site11/img/board_title_all_mountain_freeride.jpg) no-repeat left bottom;
}
.specials {
background: url(/site11/img/board_title_specials.jpg) no-repeat left bottom;
}
.board_row ul {
list-style: none;
padding: 0;
width: 840px;
height: 195px;
margin: 0 0 0 100px;
padding: 0 10px;
background-color: #fff;
}
.board_row ul li {
width: 147px;
padding: 25px 10px 0 10px;
float: left;
}
.board_row ul li a:link,
.board_row ul li a:visited {
display: block;
overflow: auto;
margin: 0;
padding: 0;
background: none;
}
.board_row ul li b.board_title {
background-color: #fff;
}
.board_row ul li a:hover b.board_title,
.board_row ul li a:active b.board_title {
background-color: #f32400;
color: #fff;
}
.board_row ul li p {
margin: 0;
width: 95px;
float: left;
color: #f32400;
font-size: 11px;
line-height: 12px;
height: 145px;
}
.board_row ul li p.flex_twin_4_2_4 {
background: url(/site11/img/board_flex_twin_4_2_4.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_twin_5_3_5 {
background: url(/site11/img/board_flex_twin_5_3_5.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_twin_6_4_6 {
background: url(/site11/img/board_flex_twin_6_4_6.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freestyle_3 {
background: url(/site11/img/board_flex_freestyle_3.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freestyle_35 {
background: url(/site11/img/board_flex_freestyle_35.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freestyle_5 {
background: url(/site11/img/board_flex_freestyle_5.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freestyle_7 {
background: url(/site11/img/board_flex_freestyle_7.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freeride_7 {
background: url(/site11/img/board_flex_freeride_7.png) no-repeat 3px bottom;
}
.board_row ul li p.flex_freeride_55 {
background: url(/site11/img/board_flex_freeride_55.png) no-repeat 3px bottom;
}
.board_row ul li p b {
font-family: Arial Black, Helvetica, Arial;
text-transform: uppercase;
display: block;
font-size: 14px;
line-height: 16px;
margin-top: 30px;
padding: 0 3px 2px 3px;
}
.board_row ul li b.board_title {
margin: 0;
position: absolute;
font-size: 14px;
line-height: 14px;
-moz-border-radius: 4px; /* FF1+ */
-webkit-border-radius: 4px; /* Saf3+, Chrome */
border-radius: 4px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
.board_row ul li img {
float: right;
}

/* -----------------------------  board detail page */

#board_detail {
background-color: #fff;
overflow: auto;
zoom: 1;
}
#board_detail div {
position: relative;
float: left;
min-height: 200px;
}
#board_detail div h3 {
margin: 0;
text-transform: uppercase;
font-size: 40px;
font-family: Arial Black, Helvetica, Arial;
line-height: 38px;
}
#board_detail div.board_info {
padding: 20px 20px 70px 20px;
width: 300px;
}
#board_detail div.board_info p {
margin: 40px 0 60px 0;
}
#board_detail div table {
font-size: 11px;
text-align: center;
}
#board_detail div table td {
padding: 2px 4px;
border-right: 2px solid #f32400;
border-bottom: 2px solid #f32400;
}
#board_detail div table tr td:first-child {
text-align: left;
}
#board_detail div table tr td:last-child {
border-right: none;
}
#board_detail div table tr:last-child td {
border-bottom: none;
}
#board_detail div.board_sizes {
padding: 20px;
width: 100px;
}
#board_detail div.board_sizes p {
width: 100px;
position: absolute;
top:280px;
line-height: 13px;
}
#board_detail div.board_features {
padding: 40px 0 20px 0;
width: 130px;
text-align: center;
}
#board_detail div.board_features p {
width: 130px;
margin: 10px 0 17px 0;
text-align: left;
border-top: 2px solid #f32400;
border-bottom: 2px solid #f32400;
}
#board_detail div.board_main_pic {
position: relative;
padding: 20px 0;
width: 265px;
height: 680px;
text-align: center;
}
#board_detail div.board_main_pic div.big_pic {
position: absolute;
width: 265px;
}
#board_detail div.board_main_pic a div.enlarge,
#board_detail div.board_main_pic a:link div.enlarge,
#board_detail div.board_main_pic a:visited div.enlarge {
position: absolute;
top: 290px;
left: 107px;
width: 50px;
height: 50px;
z-index: 10;
background: url(/site11/img/board_enlarge_icon.png) no-repeat;
display: none;
}
#board_detail div.board_main_pic a:link,
#board_detail div.board_main_pic a:visited {
background: none;
}
#board_detail div.board_main_pic a:hover div.enlarge,
#board_detail div.board_main_pic a:active div.enlarge {
display: block;
}
#board_detail div.board_graph {
width: 60px;
height: 630px;
background: url(/site11/img/board_terrain_bg.gif) no-repeat 0 50px;
}
#board_detail div.board_graph img {
margin: 50px 0 0 22px;
}
.t33ooltip {
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: none;
}
#tooltip {
position:absolute;
color:#fff;
padding: 0 0 0 10px;
margin: 0;
display:none;
}	
#tooltip .arrow {
position: absolute;
top: 5px;
left: 0;
width: 15px;
height: 15px;
border-top: 15px solid #f32400;
border-left: 15px solid transparent;
z-index: 10;
}
#tooltip .outerborder {
background-color: #fff;
padding: 5px;
margin: 0;
-moz-border-radius: 17px; /* FF1+ */
-webkit-border-radius: 17px; /* Saf3+, Chrome */
border-radius: 17px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
#tooltip p {
padding: 10px 15px;
margin: 0;
background-color: #f32400;
/*border: 5px solid #fff;*/
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
.board_social_title {
margin: 30px 0 25px 0;
padding: 15px 25px 10px 25px;
}



/* -----------------------------  team page */

#team {
padding: 0;
margin: 0 0 0 -25px;
overflow: auto;
list-style: none;
}
.team_title {
color: #fff;
}
#team li {
width:172px;
float: left;
margin: 0 0 25px 25px;
}
#team li a:link,
#team li a:visited {
display: block;
padding: 12px 0 1px 0;
margin: 0;
color: #f32400;
background-color: #fff;
}
#team li a em {
display: block;
padding: 0;
margin: 0;
width: 172px;
height: 207px;
overflow: hidden;
text-align: center;
}
#team li a em img {
margin: 0;
padding: 0;
}
#team li span {
display: block;
padding: 2px 4px;
margin: 8px;
text-align: center;
line-height: 14px;
text-transform: lowercase;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
#team li a:hover span,
#team li a:active span {
background-color: #f32400;
color: #fff;
}
#team li i {
vertical-align: text-bottom;
font-style: normal;
font-size: 17px;
}
ul#team_rest {
margin: 0;
padding: 0;
width: 172px;
list-style: none;
}
ul#team_rest li a {
display: block;
padding: 3px 8px;
-moz-border-radius: 9px; /* FF1+ */
-webkit-border-radius: 9px; /* Saf3+, Chrome */
border-radius: 9px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
ul#team_rest li a:hover {
background-color: #fff;
color: #f32400;
}

/* -----------------------------  team detail page */

#team_leftcol {
float: left;
width: 172px;
margin: 0 25px 0 0;
}
#team_leftcol div {
margin: 0 0 25px 0;
padding: 15px 0;
background-color: #fff;
overflow: auto;
}
#team_leftcol div h3 {
font-size: 17px;
text-align: center;
margin: 30px 0 10px 0;
}
#team_leftcol div a:link,
#team_leftcol div a:visited {
display: block;
padding: 5px 10px;
margin: 0 10px;
background-color: transparent;
color: #f32400;
background-color: #fff;
}
#team_leftcol div a:hover,
#team_leftcol div a:active {
background-color: #f32400;
color: #fff;
}
#team_leftcol div a:link em {
display: block;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
padding: 0;
margin: 4px 0;
}
#team_leftcol div a:link img {
display: block;
}
#team_leftcol div a:link b {
display: block;
margin: 5px 0 4px 0;
line-height: 13px;
}
#team_leftcol div a.board_link:link,
#team_leftcol div a.board_link:visited {
padding: 0;
margin: 0 0 10px 11px;
float: left;
}
#team_leftcol div a.board_link:link img {
padding: 5px;
}
#team_leftcol div a.board_link:link b {
display: block;
margin: 0 0 4px 0;
line-height: 13px;
text-align: center;
}
#team_leftcol div p {
line-height: 14px;
margin: 0 20px;
}
#team_leftcol div ul.team_links {
margin: 0 0 0 18px;
padding: 0;
}
#team_leftcol div ul.team_links li {
margin-bottom: 2px;
text-indent: -9999px;
}
#team_leftcol div ul.team_links li a:link,
#team_leftcol div ul.team_links li a:visited {
display: block;
height: 19px;
width:68px;
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
font-family: Helvetica, Arial;
text-transform: uppercase;
}
#team_leftcol div ul.team_links li a:hover {
background-color: transparent;
}
#team_leftcol div ul.team_links li.facebook a {
background: url(/site11/img/team_links_facebook.png) no-repeat right 0;
}
#team_leftcol div ul.team_links li.twitter a {
background: url(/site11/img/team_links_twitter.png) no-repeat right 0;
}
#team_leftcol div ul.team_links li.youtube a {
background: url(/site11/img/team_links_youtube.png) no-repeat right 0;
}
#team_leftcol div ul.team_links li.vimeo a {
background: url(/site11/img/team_links_vimeo.png) no-repeat right 0;
}
#team_leftcol div ul.team_links li.facebook a:hover {
background: url(/site11/img/team_links_facebook.png) no-repeat right -19px;
}
#team_leftcol div ul.team_links li.twitter a:hover {
background: url(/site11/img/team_links_twitter.png) no-repeat right -19px;
}
#team_leftcol div ul.team_links li.youtube a:hover {
background: url(/site11/img/team_links_youtube.png) no-repeat right -19px;
}
#team_leftcol div ul.team_links li.vimeo a:hover {
background: url(/site11/img/team_links_vimeo.png) no-repeat right -19px;
}

#team_centrecol {
float: left;
width: 328px;
margin: 0 25px 0 0;
padding: 20px;
background-color: #fff;
}
#team_centrecol h3 {
text-transform: uppercase;
font-size: 13px;
margin: 0;
padding: 0;
}
#team_centrecol ul {
margin: 0 0 20px 0;
padding: 0 0 0 0;
list-style: none;
}
#team_centrecol ul li {
padding: 0 0 0 17px;
font-weight: normal;
}
#team_centrecol ul li.tick {
font-family: Arial Black, Helvetica, Arial;
font-weight: bold;
background: url(/site11/img/team_list_tick.gif) no-repeat left;
}

#team_centrecol p {
margin: 0 0 20px 0;
}
#team_rightcol {
float: right;
width: 368px;
}
#team_rightcol div {
background-color: #fff;
margin-bottom: 25px;
}
#team_rightcol img {
margin: 15px 0;
}
#team_rightcol p {
text-align: center;
margin: -5px 0 0 0;
padding: 0 10px 10px 10px;
}

/* -----------------------------  softgoods page */

#softgoods {
padding: 0;
margin: 0 0 0 -25px;
overflow: auto;
list-style: none;
}
.team_title {
color: #fff;
}
#softgoods li {
width:172px;
float: left;
margin: 0 0 25px 25px;
}
#softgoods li a:link,
#softgoods li a:visited {
display: block;
padding: 12px 0 1px 0;
margin: 0;
color: #f32400;
background-color: #fff;
}
#softgoods li a em {
display: block;
padding: 0;
margin: 0;
width: 172px;
height: 207px;
overflow: hidden;
text-align: center;
}
#softgoods li a em.casual_hood_tri_logo {
background: url(/site11/img/casual_hood_tri_logo_sml.jpg);
}
#softgoods li a em.casual_hood_3d_hand {
background: url(/site11/img/casual_hood_3d_hand_sml.jpg);
}
#softgoods li a em.casual_t_tri_logo {
background: url(/site11/img/casual_t_tri_logo_sml.jpg);
}
#softgoods li a em.casual_t_smile {
background: url(/site11/img/casual_t_smile_sml.jpg);
}
#softgoods li a em.casual_t_3d_hand {
background: url(/site11/img/casual_t_3d_hand_sml.jpg);
}
#softgoods li a em.casual_beanie_smile {
background: url(/site11/img/casual_beanie_smile_sml.jpg);
}
#softgoods li a em.casual_beanie_smile_yellow {
background: url(/site11/img/casual_beanie_smile_yellow_sml.jpg);
}
#softgoods li a em.casual_beanie_smile_black {
background: url(/site11/img/casual_beanie_smile_black_sml.jpg);
}
#softgoods li a em.casual_beanie_smile_orange {
background: url(/site11/img/casual_beanie_smile_orange_sml.jpg);
}
#softgoods li a em.casual_beanie_smile_turquoise {
background: url(/site11/img/casual_beanie_smile_turquoise_sml.jpg);
}
#softgoods li a em.casual_cap_hand {
background: url(/site11/img/casual_cap_hand_sml.jpg);
}
#softgoods li a em.casual_cap_smile {
background: url(/site11/img/casual_cap_smile_sml.jpg);
}
#softgoods li a em.casual_zippo {
background: url(/site11/img/casual_zippo_sml.jpg);
}
#softgoods li a em.casual_sunnies {
background: url(/site11/img/casual_sunnies_sml.jpg);
}
#softgoods li a em.casual_opener {
background: url(/site11/img/casual_opener_sml.jpg);
}
#softgoods li a:hover em,
#softgoods li a:active em {
background-position: -172px 0;
}
#softgoods li a em img {
margin: 0;
padding: 0;
}
#softgoods li span {
display: block;
padding: 2px 4px;
margin: 8px;
text-align: center;
line-height: 14px;
text-transform: lowercase;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
#softgoods li a:hover span,
#softgoods li a:active span {
background-color: #f32400;
color: #fff;
}
#softgoods li i {
vertical-align: text-bottom;
font-style: normal;
font-size: 17px;
}

/* ----------------------------- tbt page */

.content_col1_tbt {
width: 210px;
float: left;
}
.content_col1_tbt ul#subnav {
margin: 0 0 40px 0;
padding: 15px 15px;
list-style: none;
text-align: left;
background-color: #fff;
}
.content_col1_tbt ul#subnav li {
display: block;
margin-bottom: 3px;
}
.content_col1_tbt ul#subnav li a:link,
.content_col1_tbt ul#subnav li a:visited {
font-size: 16px;
padding: 4px 3px 3px 7px;
display: block;
background-color: #fff;
color: #000;
}
.content_col1_tbt ul#subnav li a:hover,
.content_col1_tbt ul#subnav li a:active {
background-color: #000;
color: #fff;
}
.content_col1_tbt ul#subnav li.current a:link,
.content_col1_tbt ul#subnav li.current a:visited {
background-color: #fff;
color: #000;
}
.content_col1_tbt ul#subnav li.current a:hover,
.content_col1_tbt ul#subnav li.current a:active {
background-color: #000;
color: #fff;
}
.content_col1_tbt div {
padding: 25px 0;
float: left;
width: 100%;
background-color: #fff;
text-align: center;
}
.content_col1_tbt img {
margin-bottom: 25px;
}
.content_col2_tbt {
float: right;
width: 710px;
}
.content_col2_tbt p {
margin: 0 20px 5px 20px;
color: #000;
}
.content_col2_tbt h1 {
font-size: 26px;
margin: 0 20px 10px 20px;
color: #000;
}
.content_col2_tbt div {
margin: 0 0 0 0;
padding: 20px 0;
background-color: #fff;
}
.content_col2_tbt div object {
background-color: #eee;
}
.content_col2_tbt #tbt_diagram div {
margin: 0 20px;
color: #000;
}
.content_col2_tbt #tbt_shapes p {
margin: 0 20px 10px 20px;
color: #000;
}
.content_col2_tbt div h3 {
margin: 20px 0 0 0;
color: #000;
}
.content_col2_tbt div img {
margin: 0 0 10px 0;
}
.tbt_top {
width: 290px;
height: 120px;
margin-top: -119px;
background: url(/site11/img/bg_mrbholding_tbt.png) no-repeat bottom right;
}
.tbtboth {
width: 910px;
padding: 20px 25px;
background-color: #eee;
overflow: hidden;
}
.tbtboth img {
margin: 20px 0;
}
.fourcol, .threecol {
overflow: auto;
}
.fourcol div {
margin: 0;
padding: 0;
width: 25%;
float: left;
}
.fourcol div p {
margin: 0 10px;
padding: 0;
}
.threecol div {
width: 33%;
float: left;
}
.threecol div p {
padding: 0;
}
.threecol div img {
margin: 10px 0 15px 0;
padding: 0 20px;
}

/* -----------------------------  win page */

#win {
overflow: auto;
width: 960px;
height: 692px;
background: url(/site11/img/win_photo_contest.gif) no-repeat;
}
.win_blurb {
width: 490px;
}
.win_blurb p {
text-indent: -99999px;
}
.win_form {
float: right;
width: 300px;
margin: 385px 70px 0 0;
color: #000;
text-align: left;
overflow: visible;
display: inline;
}
.win_form label {
display:block;
font-weight:bold;
text-align:left;
width:90px;
float:left;
}
.win_form input,
.win_form textarea {
margin-bottom: 4px;
float:left;
padding:0;
border:none;
width:210px;
background-color: #000;
color: #fff;
}
.win_form .file_upload {
width: 200px;
background: none;
color: #000;
font-weight: normal;
}
.win_form p {
font-weight: normal;
}
.win_form p input {
float: right;
margin: 5px 0 0 0;
padding: 2px 0 3px 0;
width: 80px;
color: #fff;
font-weight: bold;
background-color: #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
ul.win_entries {
margin: 35px 0;
padding: 0;
list-style: none;
}
ul.win_entries li {
text-align: center;
width: 300px;
float: left;
margin: 0 30px 30px 0;
background-color: #fff;
color: #f32400;
}
ul.win_entries li div {
margin-top: 20px;
height:325px;
overflow: hidden;
}
ul.win_entries li h3 {
color: #f32400;
}
ul.win_entries li p {
color: #000;
}
ul.win_entries li h3,
ul.win_entries li p {
text-align: left;
font-size: 12px;
margin: 15px 20px;
font-style: italic;
}
ul.win_entries li.no_right_margin {
margin-right: 0;
}

/* -----------------------------  tbtfeedback page */
#comments {
background-color: #fff;
padding: 30px;
}
#comments p {
margin-bottom: 30px;
}
h1.wintitle {
color: #f32400;
padding: 0;
line-height: 60px;
text-align: center;
background: url(/site11/img/bg_wintitle.gif) no-repeat;
margin-bottom: 10px;
}
.tbt_comments_form {
margin: 10px 0 10px 0;
padding: 0;
background-color: #000;
color: #f32400;
background: url(/site11/img/bg_tbt_comments_top.gif) no-repeat top center #000;
}
.tbt_comments_form p {
margin: 0 20px;
padding: 0;
}
.tbt_comments_form h2 {
height: 19px;
padding: 0;
margin: 0;
background: url(/site11/img/bg_tbt_comments_bot.gif) no-repeat bottom center #000;
}
.tbt_comments_form h1 {
margin: 0;
padding: 25px 20px 15px 20px;
color: #f32400;
}
.tbt_comments_form form {
padding: 5px 0 0 75px;
margin: 0;
}
.tbt_comments_form table {
margin: 20px 20px 0 20px;
}
.dont_believe_comments {
width:466px;
margin: 0;
padding: 0;
}
.dont_believe_comments p {
margin: 0 0 25px 0;
padding: 20px 25px;
color: #f32400;
background-color: #fff;
}
#feedback {
margin: 15px 0 0 0;
}
#feedback td {
padding: 3px 0;
}
#feedback th {
padding: 2px 0;
width:140px;
text-align: left;
}
#feedback input, #feedback textarea{
width: 280px;
padding: 2px;
border: none;
background-color: #fff;
color: #000;
}
#feedback .sendbutton input{
padding: 2px 0 3px 0;
width: 70px;
color: #fff;
font-weight: bold;
background-color: #000;
}
.feedback_email_url {
display: none;
}
/* -----------------------------  tech page */

.flavors {
float:left;
width:245px;
margin:10px 0 20px 0;
display:inline;
border: 2px solid #000;
border-right: none;
}
.flavors img {
margin: 20px 0;
}
.flavors h2 {
margin: 0;
padding: 2px 3px;
display: block;
font-size: 13px;
background-color: #000;
color: #f32400;
}
.flavors p {
padding: 2px 5px;
}
.flavors div {
height:150px;
border-top: 22px solid #000;
}
.flavors .boardlist {
height:100px;
}

/* -----------------------------  shop page */

.webshop_col {
float:right;
width:230px;
background-color: #fff;
padding-bottom: 20px;
}
.webshop_col a:link,
.webshop_col a:visited,
.webshop_col a:hover,
.webshop_col a:active {
background: none;
padding: 0;
}
.webshop_col h1 {
margin: 10px 20px 20px 20px;
}
.webshop_col img {
display: block;
margin: 0 auto;
}
.map_col {
float:left;
width: 700px;
padding: 10px 0 20px 0;
background-color: #fff;
}
.map_col h1 {
margin-left: 20px;
}
.map_col h2 {
display: inline;
margin-right: 5px;
}
.map_col select {
margin-right: 15px;
}
.map_col a:link,
.map_col a:visited,
.map_col a:hover,
.map_col a:active {
background: none;
padding: 0;
}
#map {
margin-top: 10px;
line-height: 16px;
}
#map a:link,
#map a:visited {
color: #fff;
background-color: #f32400;
text-decoration:none;
padding: 1px 4px;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px; /* Opera 10.5, IE 9 */
line-height: 13px;
position: relative;
behavior: url(http://www.bataleon.com/PIE.htc); /* add css behavior to IE */
}
#map a:hover,
#map a:active {
color: #f32400;
background-color: #fff;
}
#logocontrol a:link,
#logocontrol a:visited,
#logocontrol a:hover,
#logocontrol a:active,
a:link.terms-of-use-link,
a:visited.terms-of-use-link,
a:hover.terms-of-use-link,
a:active.terms-of-use-link {
background: none !important;
background-color: transparent !important;
}


/* -----------------------------  links page */

.linkscol{
margin: 0 0 0 28px;
padding-bottom: 10px;
float:left;
width:213px;
background: #fff;
line-height: 14px;
}
.linkscol h1{
line-height: 24px;
padding: 0 0 10px 0;
margin: 10px 15px 0 15px;
text-transform: lowercase;
background: transparent;
}
a.linkblock {
display:block;
background:#fff;
color:#f32400;
padding:10px 10px;
margin: 0 10px;
text-decoration:none;
}
a.linkblock strong {
font-family: Arial Black, Helvetica, Arial;
letter-spacing: -0.1em;
text-transform: lowercase;
font-weight:bold;
font-size:14px;
display:block;
margin:0 0 5px 0;
}
a.linkblock:hover {
background:#f32400;
color:#fff;
}
a.linkblock:hover strong {
color:#fff;
}

/* -----------------------------  downloads page */

.downloadrow {
clear:both;
}
.downloadcol{
text-align: center;
margin-top: 30px;
margin-right: 20px;
display: inline;
float: left;
width:230px;
}
.downloadcol div {
height:150px;
}
.downloadcol p a:link {
text-align: center;
padding: 0px 10px 3px 10px;
display: block;
color: #f32400;
background: url(/site11/img/button_bg.gif) no-repeat top center;
}
	
/* -----------------------------  contact page */

.content_col1_contact {
margin: 40px 0 100px 0;
float: left;
background:none;
text-align: center;
}
.content_col2_contact {
margin: 40px 0 0 0;
padding: 25px;
padding-bottom: 5px;
float: right;
width: 260px;
background-color: #fff;
}
.content_col2_contact p {
text-transform: lowercase;
line-height: 14px;
margin: 0 0 5px 0;
padding: 0;
}
.content_col2_contact a:link,
.content_col2_contact a:active {
text-transform: lowercase;
margin: 0 0 20px 0;
padding: 0 0 0 10px;
line-height: 24px;
display: block;
color: #fff;
background-color: #f32400;
}
.content_col2_contact a:hover,
.content_col2_contact a:visited {
color: #f32400;
background-color: #fff;
}


/* -----------------------------  warranty page */

.warrantycol {
margin: 0 0 0 28px;
padding: 20px 20px 0 20px;
float:left;
width:260px;
background: #fff;
}
.warrantycol h1 {
}
.warrantycol ul {
margin-bottom: 20px;
}
.warrantycol p {
margin: 10px 0 20px 0;
}


/* -----------------------------  footer */

.footer {
line-height: 14px;
clear:both;
background-color: #000;
}
.footer div {
width:750px;
margin:0 auto;
background: url(/site11/img/footer_got_your_back.gif) no-repeat top right;
}
.footer ul{
padding:15px 0 0 0;
margin: 0;
list-style-type: none;
}
.footer a {
color: #f32400;
background-color: #000;
padding: 0 5px;
text-decoration: none;
}
.footer a:hover {
color:#000;
background-color: #d6b100;
}
.footer #current p { /*currently selected tab p*/
display: inline;
margin: 0;
padding: 0;
}
.footer #current { /*currently selected tab*/
display: inline;
color: #000;
padding: 0 5px;
background-color: #f32400;
}