/* TrackBowling.com Stylesheet
   Modified: Wednesday 11.21.08 (Matthew Callis)
   Author: Brad Haynes
   ----------------------------------------------------*/
   
/* COLORS
   ------
   Main Text:		#333333
   Link Orange:		#F5822B
   Nav Blue: 		#00447A
   Pin Brown: 		#615959
   Light Grey:		#D5D6D7
   Dark Grey:		#4e4e4f
   ----------------------------------------------------*/

/* TABLE OF CONTENTS
   -----------------
	1. GENERAL
	2. MAIN NAV
	3. FOOTER
	4. JD.NEWS_SCROLL
	5. GOOGLE MAPS
	6. TRANSLATIONS
   ----------------------------------------------------*/

/*
---------------- 1. GENERAL
-------------------------------------------------------- */

*{ margin:0px;padding:0px; }
body { background: #4e4e4f url(../images/site/bg-bodyPatternRepeatx.png) repeat-x scroll left top; }
p { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #333333;}
a { color: #F5822B; outline: 0; }
a:hover { text-decoration: none; }
#mainBodyFull { width: 100%; background-color: #D5D6D7; }
#inside #mainBodyFull { width: 100%; background: #D5D6D7 url(../images/site/bg-bodyPatternRepeatx_inside.gif) repeat-x scroll left top; }
.right { float: right; border: solid 1px #ccc; padding: 5px; background-color: #f4f4f4; margin: 0 50px 10px 20px; }


.float_clear:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
	
/*
---------------- 2. MAIN NAV
-------------------------------------------------------- */

#mainNav {
	float: right;
	width: 660px;
	height: 51px;
	position: absolute;
	right: 0px;
	}

#mainNav ul{
	height: 51px;
	float: right;
	}
	
#mainNav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#mainNav li a {
	display: block;
	height: 51px;
	text-indent: -9999px;
	}

/* ---- difference ---- */

#mainNav li#navDifference {
	background: url(../images/site/nav-difference.png) no-repeat left top;
	width: 130px;
	}
	
#mainNav li#navDifference a {
	background: url(../images/site/nav-difference.png) no-repeat left top;
	width: 130px;
	}
	
#mainNav li#navDifference a:hover {
	background: url(../images/site/nav-difference.png) no-repeat left -51px;
	width: 130px;
	}
#mainNav  li#navDifferenceCurrent    {
	background: url(../images/site/nav-difference.png) no-repeat left -102px;
	width: 130px;
	}
	
/* ---- products ---- */

#mainNav li#navProducts {
	background: url(../images/site/nav-products.png) no-repeat left top;
	width: 81px;
	}
	
#mainNav li#navProducts a {
	background: url(../images/site/nav-products.png) no-repeat left top;
	width: 81px;
	}
	
#mainNav li#navProducts a:hover {
	background: url(../images/site/nav-products.png) no-repeat left -51px;
	width: 81px;
	}

#mainNav li#navProductsCurrent, #mainNav li#navProductsCurrent a {
	background: url(../images/site/nav-products.png) no-repeat left -102px;
	width: 81px;
	}

/* ---- trackTV ---- */

#mainNav li#navTrackTv {
	background: url(../images/site/nav-trackTv.png) no-repeat left top;
	width: 81px;
	}
	
#mainNav li#navTrackTv a {
	background: url(../images/site/nav-trackTv.png) no-repeat left top;
	width: 81px;
	}
	
#mainNav li#navTrackTv a:hover {
	background: url(../images/site/nav-trackTv.png) no-repeat left -51px;
	width: 81px;
	}

#mainNav li#navTrackTvCurrent, #mainNav li#navTrackTvCurrent a {
	background: url(../images/site/nav-trackTv.png) no-repeat left -102px;
	width: 81px;
	}

/* ---- locator ---- */

#mainNav li#navLocator {
	background: url(../images/site/nav-locator.png) no-repeat left top;
	width: 130px;
	}
	
#mainNav li#navLocator a {
	background: url(../images/site/nav-locator.png) no-repeat left top;
	width: 130px;
	}
	
#mainNav li#navLocator a:hover {
	background: url(../images/site/nav-locator.png) no-repeat left -51px;
	width: 130px;
	}

#mainNav li#navLocatorCurrent, #mainNav li#navLocatorCurrent a {
	background: url(../images/site/nav-locator.png) no-repeat left -102px;
	width: 130px;
	}
	
/* ---- forum ---- */

#mainNav li#navForum {
	background: url(../images/site/nav-forum.png) no-repeat left top;
	width: 135px;
	}
	
#mainNav li#navForum a {
	background: url(../images/site/nav-forum.png) no-repeat left top;
	width: 135px;
	}
	
#mainNav li#navForum a:hover {
	background: url(../images/site/nav-forum.png) no-repeat left -51px;
	width: 135px;
	}

#mainNav li#navForumCurrent, #mainNav li#navForumCurrent a {
	background: url(../images/site/nav-forum.png) no-repeat left -102px;
	width: 135px;
	}

/* ---- about ---- */

#mainNav li#navAbout {
	background: url(../images/site/nav-about.png) no-repeat left top;
	width: 102px;
	}
	
#mainNav li#navAbout a {
	background: url(../images/site/nav-about.png) no-repeat left top;
	width: 102px;
	}
	
#mainNav li#navAbout a:hover {
	background: url(../images/site/nav-about.png) no-repeat left -51px;
	width: 102px;
	}

#mainNav li#navAboutCurrent, #mainNav li#navAboutCurrent a {
	background: url(../images/site/nav-about.png) no-repeat left -102px;
	width: 102px;
	}

/*
---------------- 3. FOOTER
-------------------------------------------------------- */
	
#footerFull {
	float: left;
	width: 100%;
	background: url(../images/site/bg-footerRepeatx.gif) repeat-x scroll left top;
	}
#footer {
	margin: 0px auto;
	width: 900px;
	padding: 20px 0;
	}
	
#inside #footer {
	width: 880px;
	}
	
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	}
#footer h3 {
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
	
#footer p {
	color: #CCCCCC;
	text-align: center;
	margin-top: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#footerLogos {
	background: url(../images/site/img-logo_footer.png) no-repeat scroll left top;
	height: 143px;
	width: 900px;
	}
	
#footerLogos ul {
        height: 85px;
	width: 900px;
	}

#footerLogos ul li {
	list-style: none;
	display: inline;
	text-indent: -9999px;
	}

#footerLogos a {
	display: block;
	float: left;
	height: 85px;
	}
	
#footerLogos #columbia a {
	width: 135px;
	}
	
#footerLogos #ebonite a {
	width: 125px;
	}
	
#footerLogos #hammer a {
	width: 90px;
	}
	
#footerLogos #track a {
	width: 100px;
	}
	
#footerLogos #powerhouse a {
	width: 115px;
	}
	
#footerLogos #robbys a {
	width: 85px;
	}
	
#footerLogos #vantage a {
	width: 105px;
	}
	
#footerLogos #vantech a {
	width: 144px;
	}
	
#eboniteInternational a {
	display: block;
	height: 58px;
	width: 900px;
	float: left;
	text-indent: -9999px;
	}

/*
---------------- 4. JD.NEWS_SCROLL
-------------------------------------------------------- */ 

.jd_news_scroll {
	position: relative;
	overflow: hidden;
	height: 206px;
	margin-bottom: 0px;
	}

.jd_news_scroll ul {
	overflow: hidden;
	margin-bottom: 0px;
	position: relative;
	}

.jd_news_scroll li.hover {
	cursor: default;
	}

/*
---------------- 5. GOOGLE MAPS
-------------------------------------------------------- */ 

.bubble {
	font-family: 'Lucida Grande', Helvetica, Veranda, sans-serif;
	width: 250px;
	}

.bubble h1 {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #004B85;
	}
	
#mainContent .bubble p {
	line-height: 16px;
	}
	
#mainContent .locationDistance {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #666;
	font-weight: normal;
	}

/*
---------------- 6. TRANSLATIONS
-------------------------------------------------------- */ 


ul#lang_nav {
	padding: 13px 0 0 30px;
	margin: 0;
margin-top: -40px;
	float: right;
	}

ul#lang_nav li {
	display: inline;
	float: left;
	margin-right: 5px;
	padding-right: 10px;
	color: #FFFFFF;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	}

ul#lang_nav li.desc {
	color: #004B85;
	font: bold 10px/16px Arial, Helvetica, sans-serif;
	}

ul#lang_nav a {
	color: #00447A;
}
ul#lang_nav img{
	border: 0;
	text-decoration: none;
	outline: 0;
	}

	/* Translation */
	#mainBodyFull #mainContent ul.translate{
		list-style: none !important;
		margin: 10px 20px 0 0;
		width: 220px !important;
	}

		#mainBodyFull #mainContent ul.translate.left{ float: left; margin-right: 100px;}
		#mainBodyFull #mainContent ul.translate.last{ margin-right: 0; }

		#mainBodyFull #mainContent ul.translate li a:link,
		#mainBodyFull #mainContent ul.translate li a:visited{
			color: #443F3F;
			list-style-type: none !important;
			display: block;
			margin: 0 0 5px;
			padding: 5px;
			text-decoration: none;
		}

		#mainBodyFull #mainContent ul.translate li a:link.us,
		#mainBodyFull #mainContent ul.translate li a:visited.us{
			background: url(img/flags/us.png) no-repeat 8px 8px;
			padding-left: 32px;
		}

		#mainBodyFull #mainContent ul.translate li a:hover,
		#mainBodyFull #mainContent ul.translate li a:active{
			background-color: #004687 !important;
			color: #EEEEEE;
		}