/* TrackBowling.com Stylesheet
   Modified: Thursday 6.23.08
   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 BODY
	3. SIDEBAR
		a. eNews
		b. homeProducts
	4. MAIN CONTENT
		a. banner
		b. columns
		c. recentNews
		d. trackTV
		e. supportForum
	5. MAINBODY HEADERS
   ----------------------------------------------------*/

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

#headerFull {
	height: 54px;
	width: 100%;
	background: url(../images/site/bg-mainNavRepeatx.gif) repeat-x scroll left top;
	}
	
#header {
	height: 54px;
	width: 900px;
	margin: 0 auto;
	position: relative;
	}

#logo {
	height: 108px;
	width: 200px;
	position: absolute;
	left: 20px;
	}
	
#logo h1 {
	background: url(../images/site/logo-track.png) no-repeat 0 0;
	text-indent: -9999px;
	height: 108px;
	width: 200px;
	}
	
#logo a:link,
#logo a:visited {
	display: block;
	width: 200px;
	height: 108px;
	}

#mastHead {
	height: 299px;
	width: 100%;
	background: url(../images/site/bg-mastHeadShadow.png) no-repeat scroll center top;
	}
	
#flashArea {
	margin: 0px auto;
	height: 288px;
	width: 900px;
	background: #121212;
	}

/*
---------------- 2. MAIN BODY
-------------------------------------------------------- */	

#mainBodyFull {
	width: 100%;
	background-color: #D5D6D7;
	}

#mainBody {
	margin: 0px auto;
	width: 900px;
	}

/*
---------------- 3. SIDEBAR
-------------------------------------------------------- */	

#sideBar {
	float: left;
	width: 240px;
	}

/* ---- a. eNews ---- */

#eNews {
	height: 87px;
	width: 238px;
	border: 1px solid #b9baba;
	background: #FFFFFF;
	float: left;
	margin: 0 0 10px 0;
	}
	
#eNews h2 {
	background: url(../images/site/h-joineNews.gif) no-repeat scroll 10px 13px;
	height: 28px;
	width: 238px;
	text-indent: -9999px;
	}
	
#eNewsForm {
	background: url(../images/site/bg-brownPins.gif) repeat scroll left top;
	height: 43px;
	width: 228px;
	padding: 0 0 0 10px;
	}
	
#eNewsForm input {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
#entryField {
	height: 19px;
	width: 159px;
	border: solid 1px #191717;
	background: #454040;
	float: left;
	margin: 8px 0;
	padding: 3px;
	}
	
p #entryField {
	font-weight: bold;
	color: #C1C1C1;
	}
	
#emailSubmit {
	float: right;
	}

/* ---- b. homeProducts ---- */	

#homeProducts {
	background: #FFFFFF url(../images/site/bg-productBtm.gif) no-repeat scroll left bottom;
	float: left;
	width: 240px;
	padding-bottom: 15px;
	}

#homeProducts li {
	list-style: none;
	border-bottom: 1px solid #e0e0e0;
	height: 68px;
	background: #ffffff;
	padding: 0px;
	width: 238px;
	overflow: hidden;
	}
	
#homeProducts li.homeProductsHover,
#homeProducts li:hover{
	background: url(../images/site/bg-liHover.jpg) repeat-x scroll left top;
	}

#homeProducts img {
	float: left;
	border-width: 0px;
	margin: 9px 10px;
	}
	
#homeProducts h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 12px;
	margin: 0 0 1px 0;
	}

#homeProducts h3 a {
	height: 37px;
	color: #333333;
	padding: 12px 0px 13px 0px;
	text-decoration: none;
	}

#homeProducts h3 a:hover {
	text-decoration: underline;
	}

#homeProducts p {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0 10px 0 0;
	}

/*
---------------- 4. MAIN CONTENT
-------------------------------------------------------- */		
	
#mainContent {
	float: right;
	width: 650px;
	}

/* ---- a. banner ---- */
	
#banner {
	float: left;
	margin-bottom: 10px;
	width: 650px;
	height: 89px;
	}
	
#banner img {
	display: block;
	}

/* ---- b. columns ---- */

#columns {
	float: left;
	width: 650px;
	}
	
.callOutContainer {
	width: 210px;
	background: #f4f4f5 url(../images/site/bg-calloutBorders.png) repeat-y scroll left top;
	float: left;
	height: 268px;
	overflow: hidden;
	position: relative;
	}
	
.callOut {
	border-right: 1px solid #b9baba;
	border-left: 1px solid #b9baba;
	}
	
.callOutMore {
	display: block;
	height: 30px;
	width: 210px;
	clear: both;
	}
	
.callOutMore a {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 28px;
	width: 189px;
	border: 1px solid #B9BABA;
	left: 0px;
	background: #FFFFFF;
	line-height: 28px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 19px;
	font-weight: bold;
	color: #00447A;
	font-size: 12px;
	}
	
.callOutMore a:hover {
	color: #FFFFFF;
	background: #004986;
	border: 1px solid #333333;
	}

#translate {
	text-align: center;
}

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

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

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



/* ---- c. recentNews ---- */

#recentNews h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 15px;
	padding-left: 19px;
	}
	
#recentNews h3 a, #trackTV h3 a {
	text-decoration: none;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
#recentNews h3 a:hover, #trackTV h3 a:hover {
	color: #FA8F3E;
	background: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	}
	
#recentNews h4 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 2px 10px 10px 19px;
	}
	
#recentNews p, #trackTV p {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 10px 0 19px;
	}
	
#recentNews img {
	float: left;
	margin: 5px 10px 5px 0;
	}

/* ---- d. trackTV ---- */

#trackTV {
	margin-right: 10px;
	margin-left: 10px;
	}
	
#trackTV .callOut {
	padding-top: 19px;
	}
	
#trackTV .videoImage {
	border: 1px solid #999999;
	background: #FFFFFF;
	display: block;
	width: 168px;
	margin: 0 auto;
	}
	
#trackTV .videoImage:hover {
	background: #A6A6A6;
	border: 1px solid #666666;
	}
	
#trackTV a img {
	border-width: 0px;
	padding: 4px;
	display: block;
	}
	
#trackTV h3 {
	margin-top: 13px;
	margin-right: 10px;
	margin-left: 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	}

/* ---- e. supportForum ---- */
	
#supportForum p {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 10px 0 19px;
	}
	
#supportForum img {
	float: left;
	margin: 5px 10px 5px 0;
	}
	
#supportForum .callOut {
	border-width: 0px;
	}
	
#supportForum .callOut img#legionStore {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
/*
---------------- 5. MAINBODY HEADERS
-------------------------------------------------------- */	

#trackProducts {
	background: url(../images/site/h-trackProducts.png) no-repeat left top;
	height: 47px;
	width: 240px;
	}

#trackProducts a {
	background: url(../images/site/h-trackProducts.png) no-repeat left top;
	height: 47px;
	display: block;
	text-indent: -9999px;
	}
	
#trackProducts a:hover {
	background: url(../images/site/h-trackProducts.png) no-repeat left -47px;
	height: 47px;
	}

#recentNews h2 {
	background: url(../images/site/h-recentNews.png) no-repeat left top;
	height: 38px;
	width: 210px;
	}

#recentNews h2 a {
	background: url(../images/site/h-recentNews.png) no-repeat left top;
	height: 38px;
	display: block;
	text-indent: -9999px;
	}
	
#recentNews h2 a:hover {
	background: url(../images/site/h-recentNews.png) no-repeat left -38px;
	height: 38px;
	}
	
#trackTV h2 {
	background: url(../images/site/h-trackTV.png) no-repeat left top;
	height: 38px;
	width: 210px;
	}

#trackTV h2 a {
	background: url(../images/site/h-trackTV.png) no-repeat left top;
	height: 38px;
	display: block;
	text-indent: -9999px;
	}
	
#trackTV h2 a:hover {
	background: url(../images/site/h-trackTV.png) no-repeat left -38px;
	height: 38px;
	}

#liveSupport {
	background: url(../images/site/register_product.png) no-repeat left top;
	height: 130px;
	width: 210px;
	}

#liveSupport a {
	background: url(../images/site/register_product.png) no-repeat left top;
	height: 130px;
	display: block;
	text-indent: -9999px;
	}
	
#liveSupport a:hover {
	background: url(../images/site/register_product.png) no-repeat left -130px;
	height: 130px;
	}
	
h2#forum {
	background: url(../images/site/h-discussionForum.png) no-repeat scroll left top;
	text-indent: -9999px;
	height: 38px;
	width: 208px;
	}