/* These rules will be hidden from NS4 & IE4.5/Mac */
/*-----------------COLORS:--------------------------
bronze #9f6643;
tan #e8d8c3;
dark background: #16110e;
----------------------------------------------------*/

/* Body & Main Wrapper------------------------------------------------*/
/*--------------------------------------------------------------------*/
body {
	/*background: #d0d1d5 url(../images/bodyBkGround.gif) repeat-y top left;*/
	background: #616161 url(../images/bg.jpg) no-repeat top left;
}

/* Product Page Flash Container  ----------------------------------*/
/*-----------------------------------------------------------------*/

#bowData {
	position: absolute;
	top: 74px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: none;
	width: 965px;
	height: 662px;
	background: transparent;
	}


#subData {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	width: 965px;
	font-weight: normal;
	border-right: 1px #888888 solid;
	}

* html #subData { /* this selector recognized by IE only */
	border-right: none;
	}


.content_light {
	display: block;
	margin: 0;
	padding: 0;
	border-top: 1px solid #515257;
	background: transparent;
	width: 965px;
	/* height: 750px;
	overflow: auto; */
	}

.content_light hr {
	border: 0;
	color: #666;
	background-color: #666;
	height: 1px;
	width: 100%;
	text-align: left;
}

.paper {
	/* background: #d9dade  url(../images/paperBkGround.jpg) no-repeat top left; */
	background: #d0d1d5;
}

.top_sub_nav {
	display: block;
	margin: 0;
	padding: 0;
	border-top: 1px solid #330000;
	background: #16110e;
	width: 965px;
}


/*--- red base --*/
.editorial a:link {
	color: #990000;
	text-decoration: none;
	}
.editorial a:visited {
	color: #770000;
	text-decoration: none;
	}
.editorial a:hover {
	color: #cc0000;
	text-decoration: underline;
	}
.editorial a:active {
	color: #990000;
	text-decoration: none;
	}


#weeklyPhoto {
display: block;
	margin: 0;
	padding: 0;
	border-top: 1px solid #660000;
	width: 965px;
	height: 510px;
	}

/* Justin */
#navTrail {
	position: absolute;
	top: 74px;
	left: 0px;
	margin: 0;
	padding: 2px 0 2px 10px;
	border-bottom: 1px solid #330000;
	background-color: #000;
	color: #fff;
	width: 955px;
	font-size: 1.0em;
	}

* html #navTrail { /* this selector recognized by IE only */
	width:  965px; /* total width (only for IE5.x/Win) */
	w\idth: 955px; /* content width (for other IE) */
	}

#navTrail a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	}

#navTrail a:visited {
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	}

#navTrail a:hover {
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	}

#navTrail a:active {
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	}



table.searchArea {
	position: relative;
	left: 90px;
	margin: 0;
	display: block;
	border: none;
	padding: 0;
}

table.searchArea td {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding: 0 5px 0 0;
	}
	
table.searchArea form select {
	border: 1px solid #444; 
	font-size: 0.9em; 
	background: #333;
	color: #e8d8c3;
}

table.searchArea form input {
	border: 1px solid #444; 
	font-size: 1.0em; 
	background: #333;
	color: #e8d8c3;
}

table.searchArea form select optgroup {
	border: none; 
	background: #222;
 }

table.searchArea form select option {
	border-bottom: 1px solid #444; 
	font-size: 1.0em; 
	background: #222;
	color: #e8d8c3; 
	padding: 0 10px 0 10px;
	margin: 3px 0 5px 0;
	
 }

table.searchArea form fieldset {
	border: none;
	margin: 0; 
	padding: 0;
 }


table.poll_results {
	display: block;
	padding: 0;
	margin: 0;
	width: 250px;
}

table.poll_results td,
table.poll_results th {
	padding: 3px;
	margin: 0;
}

table.poll_results tbody tr {
	color: #e8d8c3;
	background-color: #f1e8db;

}
table.poll_results th {
	color: #e8d8c3;
	width: 250px;
	background-color: #660000;
}



/* specs table */	
table.standard {
	width: 100%;
	border: 1px solid #000;
	padding: 0;
	margin: 0;
}

table.standard td {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #FFF;
	padding: 5px 5px 20px 5px;
	margin: 0;
	vertical-align: top;
}

table.standard th {
	border-bottom: 1px solid #000;
	color: #fff;
	background-color: #000;
	padding: 5px;
	margin: 0;
	text-align: left;
	vertical-align: middle;
}

table.standard td.title {
	font-weight: bold;
}


/* tune charts tables Table List ----------------------------------------------*/
/*------------------------------------------------------------------*/
table.tunechart {
	color: #000;
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 500px;
	}

table.tunechart th,
table.tunechart td {
	font-size: 1.0em;
	margin: 0;
	padding: 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	color: #000;
	}

table.tunechart td p {
	color: #000;
}

table.tunechart th {
	font-size: 1.0em;
	color: #FFF;
	background: #330000;
	}

table.tunechart td {
	font-size: 1.0em;
	color: #000;
	background: #cabca9;
	}



/* eList / registration Forms -------------------------------------*/
/*-----------------------------------------------------------------*/
form.eList {
	margin: 0;
	padding: 0;
	}
	
form.eList fieldset {
	border: none;
	padding: 10px;
	}

form.eList select, input, textarea {
	margin:0 0 0 -0.25em ;
	padding: 1px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000;
	border: 1px solid #979797;
	line-height: 1.5em;
	}

form.eList label {
	float: left;
	width: 200px;
	line-height: 1.5em;
	margin:0.5em 10px 0.25em 0;
}

form.eList span {
	line-height: 1.5em;
}

form.eList hr {
	border: 0;
	color: #666;
	background-color: #979797;
	height: 1px;
	width: 100%;
	text-align: left;
	margin: 6px 0 6px 0;
}



/* MediaLogin / registration Forms --------------------------------*/
/*-----------------------------------------------------------------*/
form.mediaLogin {
	margin: 0;
	padding: 0;
	}
	
form.mediaLogin fieldset {
	border: none;
	padding: 0;
	}

form.mediaLogin input {
	margin: 0 0 5px 0;
	padding: 1px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000;
	border: 1px solid #c1bdad;
	line-height: 1.5em;
	}

form.mediaLogin label {
	display: block;
	margin: 0;
}

img.plusMinusBtn {
	display: inline;
	margin-right: 4px;
	}

.thumbContainer {
	display: inline;
	float: left;
	margin: 5px 50px 5px 0;
	text-align: center;
	width: 140px;
}

.thumbContainer img {
	border: none;
}

/*--- red base --*/
.thumbContainer a:link {
	color: #990000;
	text-decoration: none;
	}
.thumbContainer a:visited {
	color: #770000;
	text-decoration: none;
	}
.thumbContainer a:hover {
	color: #cc0000;
	text-decoration: underline;
	}
.thumbContainer a:active {
	color: #990000;
	text-decoration: none;
	}

.photoContainerLogos {
	background-color: #fff;
	padding: 5px;
	height: 125px;
	line-height: 125px;
	border: 1px solid #cc0000;
	}
	
.photoContainerBows {
	background-color: #fff;
	padding: 5px;
	height: 250px;
	line-height: 250px;
	border: 1px solid #cc0000;
	}

.photoContainerAds {
	background-color: #fff;
	padding: 5px;
	height: 200px;
	line-height: 200px;
	border: 1px solid #cc0000;
	}

.photoContainerVideos {
	background-color: #fff;
	padding: 5px;
	height: 100px;
	line-height: 100px;
	border: 1px solid #cc0000;
	}

.photoContainerLogos img,
.photoContainerBows img,
.photoContainerAds img,
.photoContainerVideos img {
	display: inline;
	vertical-align: middle;
	}


/* ---------------- TOURNEY RESULTS TABLE ---------------*/

table.tourney {
	width: 250px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	margin: 10px 0 10px 0;
	padding: 0;
	border-left: 1px solid #9f6643;
	border-top: 1px solid #9f6643;
	background-color: #000;
	text-align: left;
	}

table.tourney th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	margin: 0;
	padding: 4px;
	background-color:#000000;
	color: #e8d8c3;
	font-weight: bold;
	text-align: left;
	}
 
table.tourney td {
	color: #e8d8c3;
	padding: 10px;
	font-size: 1.0em;
	text-align: left;
	border-top: none;
	border-right: 1px solid #9f6643;
	border-bottom: 1px solid #9f6643;
	}

table.tourney td.textRight {
	text-align: right;
	}

table.tourney td.smaller {
	font-size: 1.0em;
	}

table.tourney td.small {
	font-size: 0.9em;
	}

table.newTable th {
	background: #cc0000;
	}







/* ********************************************************** */
/* ---------------- RECURVE BOWS LANDING PAGE ---------------*/
/* ********************************************************** */

a img {border-style:none;}

table.bow_specs {margin: 25px 0 0 22px;}
table.bow_specs td {font-weight:bold; padding: 0 0 4px 0; font-size:11.5px; text-align:left;}
td.left_col {color:#4c4242;}
td.right_col {color:#000;}
.bow_wrapper_landing {width:158px; margin-left:2px; float:left;}
.bow_image_container {width:148px; height:321px; border:1px solid #8b8b8b; border-bottom:none; background-color:#fff; margin-left:4px;}
.bow_title_container {width:158px; height:40px; background-repeat:no-repeat; overflow:hidden;}
.bow_title_container h3 {text-indent:-9999px;}
.bow_desc_container {width:148px; height:87px; border:1px solid #8b8b8b; border-top:none; background-image:url(../recurve_bows/images/background_bow_desc.gif); background-position:bottom; background-repeat:repeat-x; margin-left:4px; overflow:hidden;}







/* ********************************************************** */
/* ---------------- RECRUVE BOWS DETAILS PAGE ---------------*/
/* ********************************************************** */


/* BGN NAVIGATION TABS */
	ul.tabs a:active {outline:none;}
	
	/* root element for tabs  */
	ul.tabs {list-style:none; margin:0 !important; padding:0; height:40px; float: left;}
	
	/* single tab */
	ul.tabs li {float:left; padding:0; margin:0 !important; list-style-image:none !important;}
	
	/* link inside the tab. uses a background image */
	ul.tabs a {background: url(../recurve_bows/details/images/navigation.jpg) no-repeat 0 0; display:block; height: 40px; padding:0px; margin:0px; text-indent:-9999px;}
	
	a#about {width:111px; background-position: 0 0;}
	a#about.current {width:111px; background-position: 0 -40px;}
	a#about.shadow-right {background-position: 0 -80px;}
	
	a#colors {width:124px; background-position: -110px 0;}
	a#colors.current {width:124px; background-position: -110px -80px;}
	a#colors.shadow-left {background-position: -110px -40px;}
	a#colors.shadow-right {background-position: -110px -40px;}
	
	
	/* active tab uses a class name "current". its highlight is also done by moving the background image. */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: 0 0; cursor:default !important; }
	
	/* initially all panes are hidden */
	.panes .pane {display:none;}
	
	/* tab pane styling */
	.panes div {clear:both; display:none; padding:0; width: 100%;}
	
	/* removes the dotted border on selected tabs in FF and IE */
	:focus {outline: 0;} :focus {outline: none;}
/* END NAVIGATION TABS */


.compound_detail_wrapper {background: url('../recurve_bows/details/images/content_background.jpg') repeat-y; position: relative;}
h4.tk-league-gothic {font-size:2.1em; color:#464646; font-weight:normal; display:inline-block; margin:0 10px 18px 0;}
.darkred {color:#d2232a;}
.lower_nav {margin:30px 0 0 42px;}
a#about, a#specs, a#colors, a#tech {border:none;}

/***** About Pane *****/
#about_pane {padding:45px 0 0 42px; width:607px; float: left; display: inline;}
#about_pane p {font-family:Helvetica, Arial, sans-serif; font-size:1.3em; line-height:1.8em;}
#about_pane hr {margin:25px 0 25px 0;}
#about_pane h3.spec-label { color: #494949; font-size: 16px;}

table.recurve_specs, table.recurve_specs td, table.recurve_specs th { border-color: #D18189; border-style: solid; }
table.recurve_specs { border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
table.recurve_specs td, table.recurve_specs th { margin: 0; padding: 10px; border-width: 1px 1px 0 0; }

/***** Specs Pane *****/
#specs-pane {padding:20px 0 0 23px; width:625px; float: left; display: inline;}
#specs-pane p { font-family:Helvetica, Arial, sans-serif; font-size:1.3em; line-height:1.8em;}
#specs-pane table {margin-bottom:30px;}
#specs-pane table tr td {font-size:1.1em; line-height:1.3em;}
.label {padding-left:18px; border: 1px solid #d18189; border-bottom:none; border-right:none;}
.value {padding-left:80px; border: 1px solid #d18189; border-bottom:none;}
.btm_row {border-bottom:1px solid #d18189;}

/**** COLORS PANE ****/
#colors-pane { width: 648px; float: left; display: inline;}
#colors-pane h2  { padding-top: 15px; padding-left: 35px; }
#colors-pane h2 span.label { display: none; }
#colors-pane .colors-row { display: block; }
#colors-pane .colors-row .color { display: block; width: 155px; margin: 10px 0px 10px 0px; float: left; clear: none; }
#colors-pane .colors-row .color img { display: block; margin: 0 auto; text-align: center; }
#colors-pane .colors-row .color .description { display: block; text-align: center; margin-top: 4px; }
#colors-pane .colors-row .color .description .name { display: block;color: #464646; font-size: 16px; }
#colors-pane .colors-row .color .description .red { display: block; }
#colors-pane div.clear { display: block; }

/**** TECHNOLOGIES PANE ****/
/* #tech-pane { width: 648px; float: left; display: inline;} */
#tech-pane {padding:20px 0 0 23px; width:625px; float:left; display:inline;}
#tech-pane img {margin-bottom:20px;}


/* Image Gallery  -------------------------------------------------*/
/*-----------------------------------------------------------------*/
.alternate_views {float:right; margin: -5px 10px 0 0; width: 600px;}

/* root element for tabs  */
.alternate_views ul.alternate_views_tabs { list-style:none; margin:0 !important; padding:0; height:30px;}

/* single tab */
.alternate_views ul.alternate_views_tabs li {float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important;}

/* link inside the tab. uses a background image */
.alternate_views ul.alternate_views_tabs a { display:block; width: 47px; height: 47px; border:1px solid #606060; text-decoration:none; padding:0px; margin:0 10px 0 0; position:relative; top:1px;}

.alternate_views ul.alternate_views_tabs a:active {outline:none;}

/* when mouse hovers over the thumbnail give it a red border */
.alternate_views ul.alternate_views_tabs a:hover {border: 1px solid #d2232a;}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.alternate_views ul.alternate_views_tabs a.current, ul.alternate_views_tabs a.current:hover, ul.alternate_views_tabs li.current a {border: 1px solid #d2232a; cursor:default !important;}

.alternate_views_tabs {
 float: right;
}

.alternate_views .panes {width:300px;}
.alternate_views_panes { position: relative; float: left; display: inline; z-index: 1000; width: 250px; margin-top: -140px; }
.alternate_views_panes img { float: right; }
.alternate_views_panes img.callout_button { cursor: pointer; float: left; position: absolute; }

div.callout_box { z-index: 100000; position: relative; display: none; float: left; }
div.callout_box .content { float: left; padding: 5px; width: 225px; background: url('../recurve_bows/details/images/callout_background.jpg') repeat-y; border: 1px solid #D2232A; }
div.callout_box .content .title { font-weight: bold; color: #D2232A; }
div.callout_box .right_arrow { float: left; margin-top: 20px; }


div.dangerous_game { float: left; display: block; width: 500px; }