/* CSS Document */
@import url("common.css");

/* defaults */
body { font-family: arial, helvetica, sans-serif; margin:0; padding:0; text-align:center; 
	background:url(images/menus/xtsc-background.png) repeat-x #444; background-position:top; }
body, table, td, th { font-size:12px; }
form {margin:0;}
li { margin-bottom:.25em; }

/* top sections - header content */
#mast {	background:url(images/menus/xtsc-mast.gif) no-repeat; height:117px; vertical-align:bottom; padding:0; margin:0; }
#buttonbar { text-align:left; position:relative; top:61px; left:35px; padding:0; margin:0; z-index:999; width:900px;}
#navbarblock { width:1000px; height:90px; background:url(images/menus/xtsc-navback.png) repeat-x #333; margin:0; overflow:hidden; }
#navbar { font-size: 11px; text-align:left; padding: 1px; position:relative; top:10px; left:140px; color:#ddd; width:850px; height:16px; }	
#navbar a { font-weight: bold; color: #ccc; margin-left: 12px; margin-right: 0px; text-decoration: none; }
#navbar a.currentPage { font-weight: bold; color: #fff; margin-left: 12px; margin-right: 0px; text-decoration: none; }
#navbar a:hover { color: #fff; }
#tagline { z-index:555; position:relative; display:inline; float:right; top:0px; right:0px; margin-bottom:-60px; }
#fullWidthFlashMovie { width:1000px; height:250px; }
#fullWidthFlashMovieContainer { width:1000px; height:250px; position:relative; top:-57px; margin-bottom:-57px; z-index:555; border-top:1px solid #000; overflow:hidden;}
#headerimage { text-align:center; margin:-20px -10px 0px -10px; overflow:hidden; width:668px; padding:0px; float:left; border-collapse:collapse; }
#logo { z-index:555; position:relative; display:inline; float:left; top:0px; left:0px; margin: 0 -120px -100px 0; }

/* middle sections - main content */
#mainbody {margin:0 auto; padding:0; text-align:left; width:1000px; border:none;}
#content { background-color:#fff; width:654px; padding:20px 8px 50px 10px; border-left:1px solid #eee; border-right:1px solid #eee; }
#contentHomepage { background-color:#fff; padding:30px 8px 30px 10px; border-left:1px solid #eee; border-right:1px solid #eee; }
table#contentblocks { margin:1px 0; padding:0; border-collapse:collapse; border-spacing:0; background:none; width:100%; border:none; }
table#contentblocks td tr{ padding:0; margin:0; vertical-align:top; }
div.paragraphsContainer { width:590px; position:relative; left:27px; padding:0; }

/* bottom sections - footer content */
#footerblock { width:100%; height:100px; background:url(images/menus/xtsc-footer.png) repeat-x; background-position: 0 -25px; }
#copyright { margin-left: 0px; width:100%; height:80px; position:relative; top:4px; text-align:center; color:#666666; }
img.social32 { top:11px; margin-top:-11px; }

/* left and right margin sections */
div.leftMarginContent, div.rightMarginContent { font-size: 10px; text-align: left; margin:0; padding:0; line-height:12px; }
div.leftMarginContent h3, div.rightMarginContent h3 { font-size: 11px; }
div.leftMarginContent h2, div.rightMarginContent h2 { font-size: 12px; }
div.leftMarginContent h1, div.rightMarginContent h1 { font-size: 13px; }
#rightlinks, #leftlinks { padding:0px;}
.menulinksRight, .menulinksLogin { padding:10px; font-size:12px; background:url(images/menus/backgroundright.png) repeat-y left #fafafa; border-bottom:2px solid #fafafa; margin:0; }
.menulinksLeft { padding:10px; font-size:12px; background:url(images/menus/backgroundleft.png) repeat-y right #fafafa; border-bottom:2px solid #fafafa; text-align:right; margin:0; }
.menuSmallLabel { color:#666; font-weight:bold; font-size:9px;}
td.mainleft, td.mainright { background-color:#fafafa; width:165px; padding:28px 0px 50px 0px; }
td.searchfield { border-top:2px solid #fafafa; }
td.searchfield input { width:120px; }

/* home page items */
.thirds { width: 33%; }
.bordered { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.featurecolumn { vertical-align:top; padding: 0 30px; }
.featurecolumnlinks { font-size: 14px; line-height: 20px; }
.featurecolumnheading { font-size: 20px; margin:0; }
#eventscolumn { font-size: 12px; vertical-align:top; padding: 0 30px 0 0; }
#newscolumn { font-size: 12px; vertical-align:top; padding: 0 20px 0 30px; }
#newscolumn p, #eventscolumn p { margin:6px 0; }
#eventscolumn h3, #newscolumn h3 { color: #fff; font-size: 14px; width:100%; background:url(images/storethbackground.png) repeat-x bottom #eee; margin:0;}
img#sloganbar { margin: 1px 0; }
img#sponsor { margin: 20px 10px 0 10px; }

/* home page slideshow */
.slidelabel {display:none;}
.slidedescription { margin:0; padding:0; color:#fff; position:relative; left:575px; top:100px; width:300px; height:100px; font-weight:bold; font-size:12px; }
.slides_container { width:1000px; display:none; }
.slides_container_inside { width:1000px; height:250px; display:block; }
#slidenojs { margin: 1px 0 0px 0; }
#slides { padding:1px 0px 5px 0px; background-color:#000; display:none;}
#slides .prev { background: none; display: block; height: 200px; left: 0px; margin: 0; overflow: hidden; padding:0; position: relative; top: -225px; width: 50px; z-index: 101; }
#slides .next { background: none; display: block; height: 200px; left: 950px; margin: 0 0 -300px 0; overflow: hidden; padding:0; position: relative; top: -425px; width: 50px; z-index: 101; }
#slides .next:hover { background: url("images/slidearrow-next.png") no-repeat scroll 0 0 transparent; text-decoration: none; }
#slides .prev:hover { background: url("images/slidearrow-prev.png") no-repeat scroll 0 0 transparent; text-decoration: none; }
.pagination { clear:both; list-style:none; margin:0 0 -130px 0; padding:0; position:relative; height: 25px; display:block; top:-140px; left:570px; width:300px; z-index:200; overflow:hidden; }
.pagination li { float:left; margin:0; padding:0; }
.pagination li a { display:block; width:24px; height:0; padding-top:24px; background-image:url("images/pagination.png"); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -25px; }


/* headings */
h1, h2, h3, h4, h5 { margin: 20px auto 0px auto; }
h1 { font-size: 24px; font-weight: bold; color: #000000; }
h2 { font-size: 18px; font-weight: bold; color: #000000; }
h3 { font-size: 16px; font-weight: bold; color: #666666; }
h4 { font-size: 14px; font-weight: bold; color: #666666; }
h5 { font-size: 12px; font-weight: bold; color: #666666; }
#mediumtitle { margin-left: 10px; font-size: 14px; margin-bottom: 10px; font-weight: bold; color: #FFFFFF; }
#bigtitle { position:relative; top:42px; left:204px; color:#fff; font-size:22px; height:100px; margin:0; }

/* popup */
div.popup { position: absolute; top: -4; left: -4; }
table.popup { border: none; border-collapse: collapse; }

/* product table schedule */
table.schedule td, table.schedule th {font-size:10px;}
table.schedule div.popup td { vertical-align: top; border: none; border-collapse: collapse; padding: 1px 2px 2px 2px; }
table.schedule div.popup img.checkbox { border: 2px solid #000000; }
table.schedule th { text-align: left; background:url(images/storethbackground.png) repeat-x bottom #eee; }
table.scheduleLid { border-collapse: collapse; border: 0px; }
table.scheduleLid th.sportname { font-size:14px; text-align: left; padding-bottom:2px; }
table.schedule th.sportname { padding-top: 1em; padding-left: 2px; padding-bottom: 2px; text-align: left; background: #e0e0e2; }
table.schedule { border-collapse: collapse; border: 1px solid #ccc; }
table.schedule td { border: 1px solid #ccc; padding: 2px; vertical-align: middle; }
table.schedule td.pic { vertical-align: top; padding:0px; }
table.schedule td.price { vertical-align: top; text-align:center; padding-top:1em; }
table.schedule th.grey { padding-left: 6px; padding-right: 6px; }
table.schedule th.resetbox { padding-left: 1px; }
.productTable { margin:13px 25px 0px 25px; width:600px; }

/* links */
a { color: #cc0000; text-decoration: none; font-weight: bold; }
a .checkbox { border: 2px solid #000000; }
a:hover { text-decoration: none; color: #ff0000; }
a:hover .checkbox { border: 2px solid #ff0000; }

/* cart */
table.cart { border: 0px; padding: 0px; }
table.cart td { vertical-align: top; padding: 4px; }

/* invoice */
table.invoice { max-width:900px; }
table.invoice td { padding: 4px; }
th.itemDetail { font-size: smaller; text-align: right; vertical-align: top; font-weight: bold; padding: 3px; }
td.itemDetail { font-size: smaller; text-align: left; vertical-align: top; font-weight: normal; padding: 3px; }

/* points table */
table.pointstable { border: 1px solid #555; border-collapse: collapse; }
table.pointstable tr th { background: #EEEEEE; border: 1px solid #555; }
table.pointstable tr td { border: 1px solid #555; padding: 4px; }

/* account manager */
table.accountmanager { border: 1px solid #555; border-collapse: collapse; }
table.accountmanager tr th { background: #999; border: 1px solid #555; }
table.accountmanager tr td { border: 1px solid #555; }
table.accountmanager tr td a { text-decoration: none; }

/* member info */
td.member-info-box-left { font-size: smaller; padding-left: 2ex; }
td.member-info-box-left a { font-weight: bold; }

/* images */
img.headerPic { margin: -14px -13px; }
img.joinnow { position:relative; left:-5px; margin:5px 0; width:143px; height:50px;}

/* news page */
#newsArchive { width:600px; margin:8px auto; padding:0 0 20px 0; border-top:1px solid #eee; }
#newsArchive td { padding:6px 0 6px 0; border-bottom:1px solid #eee; }

/* forum */
#forumContainer { padding:0 100px; }

/* misc labels */
.funsquadpics { width:600px; margin:0 -10px; }
#xtscmusicplayer { margin-left:16px;}
#xtscmusicjukebox { margin:-10px 0 0 2px;}
.promo { font-size: smaller; color: #990000; }
input.resetButton { font-size: 9px; }
.error { color: #cc0000; font-weight:bold; }
.priceformat { color: #000000; text-align: center; font-weight: bold; font-size:12px; }
.pointsinfo { color: #3366CC; text-align: center; }
.note { font: normal; size: 8pt; }
.tbd { font-style:italic; }
#loyaltybox td { font-size: 15px; font-weight: bold; }
#transtable th { color: #1B338F; }
#transtable td { color: #1B338F; }
#loyaltybox td { color: #1B338F; }
div#navigation { width: 200px; background: green; padding: 10px; }
.max100 { width:100px; text-align:left; overflow:hidden; }
.moreinfo { color: #ff0000; font-size: 10px; font-weight: normal; margin-left: 5px; }
#fineprint { background:#fafafa; border:1px solid #dddddd; padding:10px; margin:0px; font-size:11px; }
#fineprint li, #fineprint td, #fineprint th, #fineprint table { font-size:11px; }
#fineprint p { margin:4px 0; }
td.paddedlid { padding-top:3px; }
table.signup { padding: 0 27px; }

/* landing page items */
table.landingpage { border:0px; padding:0px; border-spacing:0px; margin:3em auto; }
table.landingpage tr { vertical-align:top; border-spacing:0px; border:0px; }
table.landingpage td { vertical-align:top; text-align:left; }
table.landingpage td.left { padding:0px 20px 0px 0px; width: 50%; }
table.landingpage td.right { padding: 0px 0px 0px 40px; width:50%; border-left:1px solid #eee; }
h1.landingpage { margin-top:10px; }
span.landingpage { color:#3366cc; }
#contentlandingpage { background-color:#fff; width:100%; padding:20px 8px 50px 178px; }
td.landingpageHidden { display: none; }
div.landingpageFooterContainer { margin: -50px 0 1px 0; background: #FAFAFA; text-align:center;
	border-top: 1px solid #EEEEEE; border-bottom: 1px solid #cccccc; padding: 10px 0px 50px 0px; width: 100%; }
div.landingpageFooter { margin:0 auto; width:590px; text-align:left; }

/* testimonials */
table.testimonials, table.testimonials td, table.testimonials tr { border-spacing:2px; padding:0px; vertical-align:top; text-align:left; }
table.testimonials { margin: 0px; }
table.testimonials td {padding:10px; background-color:#fefefe;}
div.testimonials {margin:-25px 20px; font-size:12px; line-height:14px;}
div.testimonials p { padding:10px 0px; margin: 0px; border-bottom:1px solid #ddd; }
div.testimonials h1 { border-bottom:1px solid #ddd; padding-bottom:10px; }