*{
	margin:0;
	padding:0;
	list-style:none;
}

body{
	background:#526c9f url(/images/bgMain.jpg) repeat-x top;
	font:normal 11px/13px Verdana, Helvetica, sans-serif;
	color:#0A2051
}

div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

p{
	margin:0 0 16px
}

th{
	text-align:right
}

img{
	border:0
}
input, select, textarea, address{
	font:normal 10px Verdana, Helvetica, sans-serif
}

/* BEGIN: Headings ================== */
h1{
	font:normal 24px Verdana;
}

h2, h2 a{
	font:bold 12px Verdana;
	color:#b94d0f;
	margin:0 0 12px
}

h3{
	font-size:11px;
	font-style:italic;
	font-weight:bold
}

h4{
	font-size:12px;
	color:#0a2051;
	margin:0 0 10px 0
}

h5{
	font-size:11px;
	color:#000;
	margin:0 0 5px 0
}

h6{
	font-size:11px;
	margin:13px 0 7px 0
}
/* BEGIN: FLASH Replacement ============== */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles
.sIFR-hasFlash h1 {
	visibility: hidden;
}*/
/* END: FLASH Replacement ============== */
/* END: Headings ================== */


/* BEGIN: Links & Navs ================== */
a{
	font-weight:bold;
	color:#b94d0f;
	text-decoration:none;
	font-style:normal
}
a:hover{
	text-decoration:underline;
	color:#0a2051
}

/* END: Links & Navs ================== */

/* BEGIN: Table Styles ================ */
/* END: Table Styles ================== */

#main{
	width:895px;
	margin:0 auto;
	position:relative
}
#flashMusicSim{
	position:absolute;
	left:50px;
	top:542px;
}

/* BEGIN: Header ============== */
#header{
	float:left;
	width:895px;
	height:114px;
	background:url(/images/bgHeader.jpg) no-repeat;
	position:relative
}

#lnkMySpace{
	position:absolute;
	top:11px;
	left:57px;
}
#lnkNing{
	position:absolute;
	top:11px;
	left:126px;
}
#lnkTwitter{
	position:absolute;
	top:11px;
	left:175px;
}

#logoBTUSA{
	position:absolute;
	top:0;
	left:394px;
}

#logoBTUSA a{
	display:block;
	width:159px;
	height:102px;
	text-indent:-9999px;
	overflow:hidden
}

#emailAddressSection{
	width:146px;
	position:absolute;
	top:13px;
	left:700px;
}

.txtSignUp{
	width:132px;
	height:14px;
	border:0;
	margin:0 0 4px;
	padding:2px 4px;
	background:url(/images/bgEmailTextbox.gif);
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#0A2051
}

.btnSignMeUp{
	float:right;
}

#topbanner2_lnkViewCart{
	position:absolute;
	top:50px;
	left:560px
}

#topbanner2_lnkCheckOut{
	position:absolute;
	top:50px;
	left:631px
}

#searchdiv{
	position:absolute;
	font-size:10px;
	top:118px;
	width:208px;
	left:562px;
	color:#fff
}

#topbanner2_SimpleSearch1_imgSearch{
	position:absolute;
	right:6px
}

/* END: Header ============== */

#leftSide{
	float:left;
	width:213px;
	padding:8px 0 0 51px;
	height:414px;
	margin:0;
	background:url(/images/bgLeftSide.jpg) no-repeat
}

#content{
	float:left;
	width:394px;
	height:422px;
	margin:0;
	padding:0;
	background:#fff url(/images/bgContent.jpg) no-repeat
}

#content ul{
	margin:0 0 0 15px;
	padding:0
}

#content li{
	margin:0 0 10px 0;
	padding:0
}

#cmscontent{
	height:397px;
	margin:25px 0 0;
	overflow:auto
}

#cmscontent tr td{
	padding-bottom:12px
}
#cmscontent th{
	text-align:right;
	vertical-align:top;
	padding-right:8px
}

#rightSide{
	float:left;
	width:237px;
	margin-top:-25px;
	padding-bottom:174px;
	background:url(/images/bgRightBottom.jpg) no-repeat bottom;
	position:relative
}

/* the news box */
#update
{
	height:117px;
	padding-top:33px;
	background:url(/images/bgUpdate.jpg) no-repeat;
	color:#0a2051;
	font:bold 11px Verdana
}
#newsContainer
{
	width:150px;
	height:117px;
	position:relative;
	overflow:hidden;
	margin:0 0 0 31px;
}
#news{
	position:relative
}
#news li{
	line-height:normal;
	margin-bottom:9px
}
/* END: News Box */

#btnServesUp{
	position:absolute;
	top:332px;
	left:1px;
	z-index:10
}

#footer{
	float:left;
	width:895px;
	height:84px;
	padding:8px 0 0 52px;
	background:url(/images/bgFooter.jpg) no-repeat;
	margin-top:-59px;
	position:relative
}

#partnerLogos a{
}

#partnerLogos img{
	margin-left:21px;
	vertical-align:middle	
}
	
#copyright{
	float:left;
	margin:24px 0 0 36px;
	font:normal 9px Arial;
	color:#0a2051;
	display:inline
}

#copyright a{
	color:#0a2051;
	text-decoration:none
}
#copyright a:hover{
	color:#b94d0f
}
#cartSummary{
	clear:both;
	float:right;
	width:230px;
	margin:0 150px 0 0;
	text-align:right;
	font:bold 11px Arial;
	color:#fff;
	display:inline;
}
#footerlinks
{
	float:right;
	margin:24px 150px 0 0;
	color:#fff;
	text-align:right;
	display:inline
}
#footerlinks a, #cartSummary a{
	font:bold 11px Arial;
	color:#fff;
	text-decoration:none
}
#footerlinks a:hover, #cartSummary a:hover{
	color:#b94d0f;
}
#imgFullSizeImageDiv{
	min-height:174px;
}
#lblHelpText {
	display: block;
	width: 250px;
	margin: 6px;
	padding: 12px;
	background: #fff;
	border: 1px solid #999;
}

/* BEGIN:  CSS Menu ============================= */
/* First level menu*/

#LeftColumnNav1_ulMenu_ulMenu{
	width:170px;
	/* text-transform:lowercase */
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 padding: 0;
 width: 170px;
 list-style: none !important; 
 z-index:100;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 0;
 left:160px;
}

.menulist span
{
	font-weight:normal;
	font-size:10px;
	position:relative;
	top:-1px;
	left:-2px;
	color:#aaa
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

.menulist li {
 position: relative;
 padding:0;
 margin:0; 
 z-index:100;
 float:left
}

.menulist li {
	border:0;
	cursor:pointer;
}

.menulist li a:hover, .menulist li a.highlighted:hover, li .menulist a:focus 
{
	background-color:Transparent;
}


.menulist ul li {
 border: 1px solid #d7d7d9;
 background:#fff;
 margin-bottom:-1px;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display:block;
 padding:0;
 text-decoration:none;
}
.menulist ul li a{
	padding:4px 0 6px 4px;
	font-weight:bold !important;
	width:140px !important;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {
 color: #0a2051;
 background-color:#f3f3f3;
 text-decoration: none
}
.menulist ul li a.highlighted	
{
	background-color:#f3f3f3;
}

.menulist ul li a.highlighted span{
	background-color:#f3f3f3;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 position:absolute;
 right:2px;
 top:4px;
 display:none;
}
.menulist ul li a .subind {
	display:inline !important
}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */
/* END:  CSS Menu ============================= */

/* ============== Page Specific Styles ===================== */
#cmsLogos{
	text-align:center
}
#cmsLogos img{
	margin:0 0 16px 5px;
	vertical-align:middle	
}

#contactTable th{
	text-align:center
}

.bulletlist
{
	margin-bottom:16px !important;
	padding:0
}
.bulletlist li{
	list-style:disc;
	margin:0 !important
}
.twocols{
	width:50%;
	float:left;
}
ul.twocols{
	width:170px
}

#breadcrumb {
	margin:0 0 5px;
	font-weight:bold;
}

.italicized{
	font-style:italic
}

.valignmid{
	vertical-align:middle
}

.newsitem{
	margin-bottom:5px
}
.prphotolink{
	padding-left:37px
}
.video{
	padding-left:20px;
	background:url(/images/iconVideo.gif) no-repeat left
}
.acrobat{
	padding-left:20px;
	background:url(/images/iconAcrobat.gif) no-repeat left
}

.testimonial{
	font-weight:bold
}
.testimonial span{
	font-weight:normal
}

.attributeLabel{
	float:left;
	text-align:left;
	width:63px;
	margin-right:4px
}
.Detail_AttributeElement{
	font-size:9px;
	padding:2px 4px;
	color:#0A2051;
	border:1px solid #999	
}
.ddlAttribute{
	font-size:9px;
	color:#0A2051;
	border:1px solid #999
}

#officialPartners{
	text-align:center
}

#photoLrg{
	margin:0 0 5px
}

.gallerythumbs{
	padding-left:22px
}

#directors div{
	float:left;
	width:103px;
	margin:0 0 15px 25px;
}
#directors div.first{
	margin-left:0
}
#directors div.bottom{
	margin-bottom:0
}

#tblBroadcastLogos td{
	padding:0 0 14px !important;
	text-align:center;
	vertical-align:middle
}
#tblBroadcastLogos td.left{
	padding-right:10px !important;
}

#tblBroadcastSched th{
	text-align:left !important;
	vertical-align:bottom;
	padding:0 0 4px
}
#tblBroadcastSched td{
	padding:3px 0 !important
}
