@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; }
body 
{
	background-color: #dedcce;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #716549;
	word-spacing: .2em;
}
a
{
	text-decoration: none;
}
h1
{
	line-height: 1.25em;
	font-size: 22px;
}
h2
{
	font-size: 14px;
}
h2 + p
{
	margin-top: 0;
}
p 
{
	margin: 10px 0;
	line-height: 1.5em;
}
p a 
{
	text-decoration: underline;
}
p.nomargin
{
	margin: 0;
}
p.first
{
	margin-top: 0;
}
p.topmargin
{
	margin-top: 30px;
}
div.topmargin
{
	margin-top: 30px;
}
div.rightmargin
{
	margin-right: 30px;
}
#bodywrapper
{
	margin: 0 auto;
	position: relative;
	width: 1100px;
	text-align: left;
}
img
{
	border: none;
}
.floatright
{
	float: right;
}
/*****************************************
******** HEADER AND TOP NAVIGATION *******
*****************************************/
#header #topnav
{
	position: absolute;
	top: 0;
	right: 140px;
	padding-left: 12px;
	/*
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
 	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	*/
	background: transparent url(images/topnav_left.png) no-repeat 0 0;
	z-index: 10;
}
#header #topnav ul
{
	color: #fff;
	display: block;
	width: 344px;
	height: 29px;
	background: transparent url(images/topnav_right.png) no-repeat right top;
}
#header ul li
{
	list-style: none;
	float: left;
	/*
	padding-left: 4px;
	padding-right: 10px;
	*/
	height: 29px;
}
#header li a
{
	color: #fff;
	display: block;
	line-height: 2em;
	height: 0;
	padding-top: 29px; /* 14px; */
	overflow: hidden;
}
li#tn_phone a, li#tn_phone span
{
	display: block;
	width: 92px; /*110px; /*94px;*/
	line-height: 2em;
	height: 0;
	padding-top: 29px; /* 14px; */
	overflow: hidden;
}
li#tn_phone
{
	background: transparent url(images/topnav-long.png) no-repeat 0 0;
}
li#tn_phone:hover
{
	/*background-position: 0 -29px;*/
}
li#tn_locator a
{
	width: 85px /*102px; /*89px;*/
}
li#tn_locator
{
	background: transparent url(images/topnav-long.png) no-repeat -92px 0; /* -90 0 */
}
li#tn_locator:hover, li#tn_locator.hover, li#tn_locator.current
{
	background-position: -92px -29px;
}
li#tn_login a
{
	width: 46px;
}
li#tn_login
{
	background: transparent url(images/topnav.png) no-repeat -180px 0;
}
li#tn_login:hover
{
	background-position: -180px -29px;
}
li#tn_shop a
{
	width: 73px;
}
li#tn_shop
{
	background: transparent url(images/topnav-long.png) no-repeat -177px 0;
}
li#tn_shop:hover
{
	background-position: -177px -29px;
}
li#tn_cart a
{
	width: 82px; /*87px; /* 65px; */
}
li#tn_cart
{
	background: transparent url(images/topnav-long.png) no-repeat -250px 0; /* -225px 0 */
}
li#tn_cart:hover
{
	background-position: -250px -29px;
}
#header a.logo
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
/*****************************************
********     LEFT NAVIGATION      ********
*****************************************/
#leftnav
{
	position: absolute;
	left: 0;
	top: 70px;
	width: 125px;
	font-size: 11px;
	background: transparent url(images/leftmenu_top.gif) no-repeat 0 0;
	padding-top: 8px;
}
#leftnav ul
{	
	padding-bottom: 8px;
	background: transparent url(images/leftmenu_bottom.gif) no-repeat 0 bottom;
}
#leftnav ul li
{
	background-color: #31124c;
	font-size: 11px;
	list-style: none;
	text-transform: uppercase;
	padding-left: 10px;
	position: relative;
}
#leftnav ul li a
{
	color: #fff;
	display: block;
	padding: 5.5px 0;
	line-height: 1.25em;
	width: 100%;
}
#leftnav li a:hover, #leftnav li.current a
{
	color: #88aa50;
}
#leftnav li.current li a
{
	color: #fff;
}
#leftnav li.partition
{
	background: #31124c url(images/ln_partition.jpg) no-repeat 5px 8px;
	padding: 2px 0;
}
#leftnav label
{
	display: block;
}
#leftnav label.newsletter_label
{
	display: block;
	height: 0;
	padding-top: 15px;
	width: 105px;
	overflow: hidden;
	background: transparent url(images/newslettersignup.gif) no-repeat 0 0;
}
/*<img src="web_images/newslettersignup.gif" height="15" width="105" alt="Newsletter Sign up" />*/
#leftnav ul ul
{
	/*position: absolute;
	left: 125px;
	top: 0;*/
	width: auto;
	white-space: nowrap;
	background-image: none;
	padding-bottom: 0;
}
#leftnav ul ul li
{
	background-color: transparent;
}
#leftnav ul ul li a:hover, #leftnav ul ul li.current_page_item a
{
	color: #31124c;
}
#leftnav ul li:hover div.sub_nav
{
	display: block;
}
div#leftnav div.sub_nav 
{
	position: absolute;
	padding-top: 4px;
	padding-right: 10px;
	top: -6px;
	left: 125px;
	z-index: 10;
	display: none;
}
div#leftnav div.sub_nav ul
{
	position: relative;
	background-color: transparent;
	z-index: 105;
	height: 100%;
}
div#leftnav div.sub_nav div.transparency
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #88aa50;
	filter:alpha(opacity=75);
	opacity: 0.75;
	margin-top: 4px;
	z-index: -10;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
 	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior:url(css/border-radius_dd.htc);
}
.segment
{
	padding-left: 10px;
	margin: 12px 0;
}
.segment label
{
	display: block;
	margin-bottom: 2px;
}
.segment input
{
	margin: 0;
}
.segment input.text
{
	border: solid 2px #bfbbaa;
	border-right: none;
	height: 17px;
}
.segment p
{
	margin: 12px 0;
	border-top: solid 1px #bfbbaa;
	border-bottom: solid 1px #bfbbaa;
	width: 110px;
	padding: 12px 0;
}
.segment p a
{
	margin: 0 2px;
}
/*****************************************
********     RIGHT NAVIGATION     ********
*****************************************/
#rightnav
{
	position: absolute;
	right: 0;
	top: 50px;
	width: 140px;
}
/*****************************************
********     HOME PAGE ROTATOR    ********
*****************************************/
div#content_header
{
	height: 400px;
	z-index: -1;
}
div#content_header div.rotate
{
	display: none;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 125px;
}
div#content_header div.active
{
	display: block;
}
div#content_header div.rotate div.sidesell
{
	position: absolute;
	right: 52px;
	bottom: 50px;
}
div.sidesell a.learn-more
{
	display: block;
	overflow: hidden;
	padding-top: 28px;
	height: 0;
	width: 77px;
	background: transparent url(images/btn-learnmore-trans.png) no-repeat 0 0;
	cursor: pointer; 
}
div#content_header div#rotator_buttons
{
	position: absolute;
	right: 215px;
	top: 375px;
	z-index: 10;
}
div#rotator_buttons a
{
	display: block;
	float: left;
	overflow: hidden;
	padding-top: 15px;
	height: 0;
	width: 25px;
	background: transparent url(images/btn-rotator-bg-2.png) no-repeat -25px 0;
}
div#rotator_buttons a:hover, div#rotator_buttons a.active
{
	background-position: 0 0;
}
/*****************************************
********      CENTER SECTION      ********
*****************************************/
#content_wrapper
{
	float: left;
	width: 800px;
	margin-left: 125px;
	_margin-left: 63px;
	background-color: #fff;
}
body.home #content
{
	min-height: 0;
}
#content
{
	width: 100%;
	float: left;
	padding: 5px 0 30px 0;
	background: #fff url(images/main_bottom.jpg) no-repeat 0 bottom;
	min-height: 587px;
	height: auto;
	_height: 587px;
}
#content img.content_header
{
	margin-top: -5px;
	margin-bottom: 5px;
}
#content a
{
	color: #716549;
	text-decoration: underline;
}
#content a:hover
{
	color: #88aa50;
	text-decoration: underline;
}
/*****************************************
******** MAIN SECTION/THE CONTENT ********
*****************************************/
div#main
{
	width: 365px;
	margin-left: 40px;
}
#main h1 {
	margin-top: 30px;
}
.twocolumn h1, .page h1, .staff h1
{
	margin-left: 40px;
	margin-top: 30px;
}
.page h1.nudgeleft
{
	margin-left: 15px;
}
.page h1 + p, .twocolumn h1 + p
{
	margin-left: 40px;
}
div.leftcol h1 + p
{
	margin-left: 0;
}
div.rightcol
{
	float: right;
	width: 185px;
	background: transparent url(images/col-border.png) no-repeat 0 15px;
}
div.rightcol div
{
	width: 145px;
	margin-left: 20px;
}
div.leftcol
{
	float: left;
	width: 380px;
	margin-top: 0;
	line-height: 1.5em;
}
div.leftcol div
{
	width: 340px;
	margin-left: 40px;
	margin-top: 20px;
}
div.leftcol div.section
{
	border-bottom: solid 1px #dedcce;
	padding-bottom: 10px;
	float: left;
	_margin-left: 20px;
}
div.leftcol div.last
{
	border-bottom: none;
}
div.leftcol div h1 {
	margin-left: 0;
}
div.leftcol div.section img
{
	float: left;
	margin-right: 20px;
}
div.leftcol div.section h2
{
	padding-top: 5px;
}
div.leftcol div.section a
{
	color: #716549;
}
div.leftcol div.section a:hover
{
	color: #88aa50;
}
div.leftcol div li, div.section li
{
	margin-left: 15px;
	padding-left: 0;
}
div.leftcol_short
{
	float: left;
	width: 170px;
	height: 75px;
}
div.leftcol_short p
{
	width: 150px;
}
div#column_container
{
	padding-left: 40px;
	float: left;
}
/*****************************************
********      ATHLETES PAGE       ********
*****************************************/
.athlete h1
{
	margin-left: 40px;
	margin-top: 70px;
}
.athlete h1 + p
{
	margin-left: 40px;
}
div.pullout
{
	/*float: right;*/
	width: 335px;
	/*margin-right: 40px;*/
	position: absolute;
	top: 250px;
	right: 220px;
}
p.quote
{
	margin-top: 18px;
	font-size: 13px;
	color: #88aa50;
	font-weight: bold;
}
p.quoted
{ 
	margin-bottom: 0;
}
span.openquote
{
	margin-left: -.5em;
}

/*****************************************
********  ATHLETES SUMMARY PAGE   ********
*****************************************/
body.products div.athlete
{
	height: 90px;
	margin-bottom: 15px;
}
body.products div.athlete img
{
	float: left;
	margin-right: 10px;
}
body.products div.athlete p
{
	padding-top: 20px;
	font-weight: bold;
}
body.products div.athlete p a
{
	font-weight: normal;
	padding-right: 10px;
	background: transparent url(images/arrow-right-grey.gif) no-repeat right 1px;
}
body.products div#content div.athlete p a:hover
{
	color: #88aa50;
	background-position: right -13px;
}


/*****************************************
********      PROJECTS PAGE       ********
*****************************************/
body.products div.product
{
	height: 150px;
	position: relative;
}
body.products div.product h1, body.products .product p, body.products .product ul
{
	margin-left: 100px;
}
body.products .product h1
{
	font-size: 18px;
	text-transform: uppercase;
}
body.products .product p
{
	clear: both;
}
body.products .product ul li
{
	list-style: none;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-right: 30px;
	margin-bottom: 5px;
	margin-left: 0;
}
body.products .product p.pullout
{
	position: absolute;
	margin-left: 0;
	left: 0;
	top: 0;
}
body.products .section .pullout img, body.products .product .pullout img
{
	margin-bottom: 5px;
	float: none;
}
/*****************************************
********      GLOSSARY PAGE       ********
*****************************************/
.glossary h2
{
	display: inline; 
}
.glossary h1 + p 
{
	width: 340px;
	margin-top: 0;
}
/*****************************************
********      STAFF PAGE       ********
*****************************************/
.staff div.leftcol div
{
	height: 360px;
}
.staff div.leftcol div p img
{
	float: left;
	margin-right: 10px;
}
.staff div.leftcol div p strong
{
	display: block;
	padding-top: 50px;
	font-size: 14px;
}
.staff div.leftcol div p span.title
{
	display: block;
	font-style: italic;
}
/*****************************************
********       LOCATOR PAGE       ********
*****************************************/
div#locator_selector
{
	position: absolute;
	top: 275px;
	right: 260px;
}
/*****************************************
********    BUTTON REPLACEMENT    ********
*****************************************/
input.go
{
	height: 20px;
	padding-top: 20px;
	width: 19px;
	background: transparent url(images/btn-go.png) no-repeat 0 0;	
	border: solid 1px #ccc;
	vertical-align: bottom;
	cursor: pointer;
}
input.btn_send
{
	height: 24px;
	padding-top: 24px;
	width: 52px;
	background: transparent url(images/btn-send.png) no-repeat 0 0;	
	border: none;
	vertical-align: bottom;
	cursor: pointer;
}
a.buynow
{
	display: block;
	overflow: hidden;
	padding-top: 27px;
	height: 0;
	width: 68px;
	background: transparent url(images/btn-buynow.png) no-repeat 0 0;
	cursor: pointer;
	margin-top: 5px;
}
a.learnmore
{
	display: block;
	overflow: hidden;
	padding-top: 28px;
	height: 0;
	width: 77px;
	background: transparent url(images/btn-learnmore.png) no-repeat 0 0;
	cursor: pointer;
	margin-top: 5px;
}
a.select
{
	display: block;
	overflow: hidden;
	padding-top: 25px;
	height: 0;
	width: 63px;
	background: transparent url(images/btn-select.png) no-repeat 0 0;
	cursor: pointer;
}
a.stico_default
{
	display: block;
	overflow: hidden;
	padding-top: 15px;
	width: 107px;
	background: transparent url(images/share.png) no-repeat 0 0 !important;
	cursor: pointer;
	/*
	background: transparent url(/wp-content/themes/btw/images/icon-sharethis.png) no-repeat scroll 0px 3px !important;
	padding-left: 17px;
	*/
}
/*****************************************
********     ---- FOOTER ----     ********
*****************************************/
#footer 
{
	background-color: #dedcce;
	float: left;
	width: 100%;
	font-size: 9px;
	padding-top: 4px;
}
#footer p
{
	float: left;
	clear: left;
}
#footer p span
{
	padding-left: 20px;
}
#footer div
{
	float: right;
	margin-top: 5px;
}
#footer ul
{
	width: 610px;
}
#footer ul li
{
	float: left;
	border-left: solid 1px #999;
	list-style: none;
	padding: 0 4px;
	text-transform: uppercase;
	margin-top: 3px;
	white-space: nowrap;
}
#footer ul li.first
{
	border: none;
	clear: left;
	padding-left: 0;
}
#footer ul li a
{
	color: #716549;
}
#footer ul li a:hover
{
	color: #88aa50;
}
/*************
***** CONTACT FORM *****
***********************/
form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax, form.wpcf7-form span.wpcf7-not-valid-tip
{
	font-size: 10px;
	color: #F00;
	border: none;
	margin: 0;
	padding: 0;
}
form.wpcf7-form div.wpcf7-response-output, form.wpcf7-form div.wpcf7-validation-errors
{
	border: none;
	margin: 0;
	padding: 0;
	color: #ff0000;
}