/* ===== GLOBAL STYLES =============== */
/* commented backslash hack \*/ 	
html, body, form { height:100%; margin:0px;padding:0px; }
html { margin-bottom: 1px; }
/* end hack */
body { background:#FFF url(../images/background.jpg) repeat-x top left; text-align:center; cursor:default; }
a { color:#900; cursor:pointer; }
a:focus { outline:none; }

/* force scrollbars for Mozilla/Firefox */
:root{ overflow-y:scroll; margin-bottom:0px; }


/* ===== CONTENT HEIGHT =============== */
#contentArea { width:780px; text-align:left; min-height:100%; margin:0 auto; height:auto; font:normal 11px/16px arial; color:#666; }
* html #contentArea { height:100%; }

#header { width:670px; height:107px; margin:0 54px; }

#leftColumn { width:155px; height:626px; margin: 17px 20px 0 66px; _margin:17px 20px 0 33px; float:left; padding-left:4px; }
#leftColumn .section { width:152px; min-height:65px; _height:65px; background:transparent url(../images/menu_bkgd_fade.png) repeat-x; font:normal 12px arial; margin-top:15px; }
#leftColumn .section .title { color:#b60404; padding:5px; border-bottom:1px solid #cecece; margin-bottom:5px; }
#leftColumn .section a { position:relative; z-index:1; display:block; width:142px; padding:0px 5px; font-size:11px; color:#666; text-decoration:none; }
#leftColumn .section a:hover { background:#DDD; color:#000; }
#leftColumn .sectionBottom { width:152px; height:4px; font-size:1px; overflow:hidden; background:transparent url(../images/menu_bottom.png) no-repeat; }
#leftColumn .sectionVideos { margin-left:-4px; }

#content { width:471px; margin: 28px 0 0 0; float:left; }
#centerColumn { min-height:185px; margin:17px 10px 10px 4px; float:left; }
#centerColumn .title { margin-bottom:10px; }
#centerColumn p { margin-top:0px; margin-bottom:10px; }
#centerColumn ul.list { margin:5px 0 10px 5px; padding:0px; list-style-type:none; }
#centerColumn ul.list li { background:transparent url(../images/list_dimple.png) no-repeat 0px 1px; padding-left: 20px; }

#wideColumn { margin-top:14px; float:left; }
#wideColumn .title { font:bold 14px arial; color:#333; letter-spacing:-1px; margin:15px 0px; }
#wideColumn .archive { text-align:left; }
#wideColumn .archive a { text-decoration:none; }
#wideColumn .archive a:hover { text-decoration:underline; }
#wideColumn .archive span { font:bold 15px arial; color:#900; position:relative; top:1px; }

#rightColumn { width:181px; margin:17px 0 0 0; float:left; }

#rightColumn .title { margin-left:9px; margin-bottom:10px; }
#rightColumn .caption { width:161px; padding-top:5px; font-size:9px; line-height:11px; color:#999; }
#rightColumn .caption img { margin-top:10px; }
#rightColumn li a { text-decoration:none; }

#mainContent { width:290px; margin:10px 14px 10px 0px; float:left; font-size:11px; font-family:arial; line-height:14px; }
#mainContent p { margin-top:0px; margin-bottom:10px; }

#mainNews { width:167px; min-height:185px; margin:10px 0px; float:left; line-height:12px; color:#999; }
* html #mainContent, * html #mainNews {  height:expression('185px')  }
#mainNews span { font-style:normal; font-size:15px;font-weight:bold; padding-left:4px;color:white; }
#mainNews a { color:#999; text-decoration:none; }
#mainNews a:hover { color:#333; }
#mainNews a:hover span { color:#000; }
#mainNews .newsArea { padding-left:5px; }
#mainNews .newsArea .date { background:#C5C5C5; width:82px; height:7px;margin:5px 0; }

#mainGallery { width:471px; height:193px; clear:left; }


#gallery { padding:7px;_padding-left:2px; }
#gallery .photo { width:19px; border:1px solid #CCC; padding:1px; float:left; margin:0 5px 5px 5px; _margin:2px 5px; }
#galleryDisplay { position:relative; top:-8px; _left:6px; width:155px; clear:left; background:transparent url(../images/bkgd_gallery_photo.gif) no-repeat 0 10px; padding:21px 0 0 11px; }
#galleryInfo { margin: 12px 18px 0 0; font:normal 9px helvetica, sans-serif; color:#666; text-transform:uppercase; }
#galleryFooter { width:159px; height:110px; background:transparent url(../images/bkgd_rightRail.gif) repeat-x; margin-left:10px; }
#galleryRail { height:280px; margin-left:7px; }

#details { margin-bottom:25px; }
#details .btn { margin-left:9px; width:131px; height:15px; background:transparent url(../images/btn_title_details.gif) no-repeat 0 0;margin-bottom:2px; padding-left:30px; padding-top:4px; cursor:pointer }
#details .btn2 { position:relative; height:19px; margin-left:9px; margin-bottom:2px; cursor:pointer; overflow:hidden; }
#details .btn2 img { position:absolute; top:0px; }
#details .list { width:161px; margin-left:9px; position:relative; overflow:hidden; }
#details .list ul { margin:5px 0 10px 5px; padding:0px; list-style-type:none; }
#details .list li { width:140px; background:transparent url(../images/list_arrow.gif) no-repeat 0px 5px; padding-left: 15px; }
@media all and (min-width: 0px){ /* Opera Only */
	#details .list ul { margin:5px 0 10px -0px; }
}
#details .list .expand { position:absolute; top:0; left:0; clip:rect(auto auto 0px auto); display:none; }

#series { margin-bottom:10px; }
#series .btn { margin-left:9px; width:131px; height:15px; background:transparent url(../images/btn_title_series.gif) no-repeat 0 0;margin-bottom:2px; padding-left:30px; padding-top:4px; cursor:pointer }
#series .btn2 { position:relative; height:19px; margin-left:9px; margin-bottom:2px; cursor:pointer; overflow:hidden; }
#series .btn2 img { position:absolute; top:0px; }
#series .list { width:161px; margin-left:9px; position:relative; overflow:hidden; }
#series .list ul { margin:5px 0 10px 5px; padding:0px; list-style-type:none; }
#series .list li { width:140px; background:transparent url(../images/list_arrow.gif) no-repeat 0px 5px; padding-left: 15px; cursor:pointer }
@media all and (min-width: 0px){ /* Opera Only */
	#series .list ul { margin:5px 0 10px 0px; }
}
#series .list .expand { position:absolute; top:0; left:0; clip:rect(auto auto 0px auto); display:none; }

.rightNavBtns { margin-bottom:25px; }
.rightNavBtns .btn { margin-left:9px; width:131px; height:15px; background:transparent url(../images/btn_title_generic.gif) no-repeat 0 0; margin-bottom:2px; padding-left:30px; padding-top:4px; cursor:pointer; }
.rightNavTxt { margin-left:14px; width:131px; margin-bottom:2px; padding-top:2px; }

.index {  background:transparent url(../images/bkgd_content_wide.jpg) no-repeat top left; }
.index #content { background:transparent url(../images/bkgd_contentDivider.gif) no-repeat 297px 219px; }
.index #centerColumn { width:290px; }
.subpage {  background:transparent url(../images/bkgd_content.jpg) no-repeat top left; }
.subpage #centerColumn { width:285px; }
.widepage { background:transparent url(../images/bkgd_content_wide.jpg) no-repeat top left; }
.widepage #wideColumn { width:451px; padding:10px; }

.services { margin-bottom:25px; }
.services .title { border-bottom:1px dotted #999;margin-bottom:10px; color:#900; }
.services .title span { position:relative; top:4px; background:#FFF; font-size:11px; padding:0 2px; }
.services ul { margin-left:5px; padding:0px; list-style-type:none; }
.services li { background:transparent url(../images/list_chevrons.png) no-repeat 0px 2px; padding-left: 20px; }
@media all and (min-width: 0px){ /* Opera Only */
	.services ul { margin-left:5px; }
}
.services a { color:#4e4e4e; }

/* ===== About Winnercomm: People =============== */
.people dt { font-weight:bold; color:#555; padding-top:10px; border-bottom:1px solid #CCC; cursor:pointer; }
.people dt span { font:bold 10px tahoma,arial; color:#666; }
.people dd { margin:0px; padding:10px 0px; display:none; }

.people .menuBtnOpen { background:transparent url(../images/btn_OPEN.gif) no-repeat 248px 28px }
.people .menuBtnClose { background:transparent url(../images/btn_CLOSE.gif) no-repeat 248px 28px }

/* ===== Sports Sales List =============== */
.sportsales dt { font-weight:bold; color:#555; padding-top:10px; border-bottom:1px solid #CCC; cursor:pointer; }
.sportsales dt span { font:bold 10px tahoma,arial; color:#666; }
.sportsales dd { margin:0px; padding:10px 0px; display:none; }

.sportsales .menuBtnOpen { background:transparent url(../images/btn_OPEN.gif) no-repeat 248px 14px }
.sportsales .menuBtnClose { background:transparent url(../images/btn_CLOSE.gif) no-repeat 248px 14px }

/* ===== Contacts List =============== */
ul.contacts { margin-left:25px; padding:0px; list-style-type:none; }
ul.contacts li { padding-bottom:10px; }
@media all and (min-width: 0px){ /* Opera Only */
	ul.contacts { margin-left:0px; }
}

/* ===== LeftColumn Menu Tooltip =============== */
#tooltip { width:152px; min-height:100px; position:absolute; }
#tooltip * { text-align:left; }
#tooltip .highlight { position:absolute; top:0; left:0; z-index:5; width:100%; height:35px; background:transparent url(../images/shad_highlight.png) no-repeat; }
#tooltip .top { height:20px; background:transparent url(../images/shad_tlcorner.png) no-repeat top left; }
#tooltip .top div { margin-left:15px; height:20px; background:transparent url(../images/shad_trcorner.png) no-repeat top right; }
#tooltip .middle { height:100%; background:transparent url(../images/shad_bkgd.png) repeat-y top left; }
#tooltip .middle .content { position:relative; top:-20px;padding:10px; padding-bottom:0px; font:normal 10px arial; color:#333; }
#tooltip .middle .content .title { font:bold 11px arial; color:#C00; padding:3px 0px; }
#tooltip .bottom { height:15px; background:transparent url(../images/shad_blcorner.png) no-repeat top left; }
#tooltip .bottom div { margin-left:15px; height:15px; background:transparent url(../images/shad_brcorner.png) no-repeat top right; }

/* ===== Adjust Divs for Footer =============== */
#minHeight { float:left; width:0px; height:100%; margin-bottom:-90px; } /*safari wrapper*/
* html #minHeight{ margin-bottom:-90px; height:0px; }

#contentArea { margin-bottom:-91px; }

/* ===== FOOTER =============== */
#clearfooter { clear:both; height:90px; }
#footer { height:90px; background:transparent url(../images/bkgd_footer.gif) repeat-x; }
#footer .info { width:780px; margin:0 auto; background:transparent url(../images/bkgd_footer_container.jpg) repeat-x; height:90px; }
#footer .info .disclaimer { text-align:right; padding-top:45px; padding-right:80px; font-family: arial;
    font-size: 11px;
    line-height: 11px;}
#footer .info .copyright { text-align:right; padding-right:80px; margin-top:-5px; font-family: arial;
    font-size: 11px; 
    line-height: 14px;}
@media all and (min-width: 0px){ /* Opera Only */
	#footer .info .copyright { margin-top:0px; }
}

/* ===== PopUp Window =============== */
body.popup { margin:0px; padding:0px; border:1px solid #EEE; background:#FFF url(../images/bkgd_popup.jpg) no-repeat center top; text-align:center; }
body.popupBlank { margin:0px; padding:0px; border:1px solid #EEE; background:#FFF url(../images/bkgd_popup_blank.jpg) no-repeat center top; text-align:center; }
body.popupBlank #popupContent { background:transparent url(../images/logo_Winnercomm_popup.gif) no-repeat 25px 15px;border-top:1px solid #FFF;  }
			
#popupContent { position:relative; width:680px; text-align:left; margin: 0 auto;  }
#popupContent .video { width:457px; float:left; text-align:center; background:transparent url(../images/logo_Winnercomm_popup.gif) no-repeat 25px 15px; }
/* display:table for Firefox and Opera */
#popupContent>.video { display:table; position:static; }
#popupContent .video > div { display:table-cell; vertical-align:middle; position:static; }
/* position fix for IE */
* html #popupContent .video { position:relative; }
* html #popupContent .video .media { position: left:50px; }
#popupContent .video .media { padding-top:60px; }
#popupContent .description { width:201px; height:375px; float:left; padding:25px 10px 20px 10px; font:normal 11px arial; }
#popupContent .description span { font-weight:bold; color:#A0000B; }
#popupContent .description .text { height:220px; overflow:auto; overflow-y:auto; border-top:1px dashed #999; border-bottom:1px dashed #999; padding:4px 0px; margin:8px 0px; }
#popupContent .description select { width:100%; }

#popupContent .contacts { text-align:center; margin:0px auto; width:600px; margin-top:65px; }
#popupContent .contacts td { vertical-align:top; font:bold 10px tahoma; color:#999; text-align:left; }
#popupContent .contacts td a { font-size:11px; font-family:arial; color:#900; text-decoration:none; text-transform:uppercase; }
#popupContent .contacts td a:hover { text-decoration:underline; }
#popupContent .contacts .title { font:bold 14px arial; letter-spacing:-1px; color:#000;padding-bottom:5px; text-transform:uppercase; }
#popupContent .contacts ul { margin:0px; padding:0px; list-style-type:none; }
#popupContent .contacts li { padding-bottom:5px; }
#popupContent .contacts li.title { padding-top:5px; }

#popupContent .salesVideos { text-align:center; margin:0px auto; width:600px; margin-top:65px; }
#popupContent .salesVideos td { vertical-align:top; font:bold 11px arial; color:#999; text-align:left; }
#popupContent .salesVideos td a { font-size:11px; color:#900; text-decoration:none; }
#popupContent .salesVideos td a:hover { text-decoration:underline; }
#popupContent .salesVideos .title { font:bold 12px arial; color:#000;padding-top:10px; text-transform:uppercase; }
#popupContent .salesVideos ul { margin:0px; padding:0px; list-style-type:none; }
#popupContent .salesVideos li { padding-left:15px; background:transparent url(../images/ico_list_dash.gif) no-repeat 0px 6px; }

.newsTable { border:1px solid #EEE; }
.newsTable th { background:#F9F9F9; border-bottom:1px solid #EEE; }
.newsTable td { border-bottom:1px solid #EEE; }

.pullquote { padding:3px; text-align:center; background:transparent url(../images/ico_quote_open.gif) no-repeat top left; }
.pullquote b { color:#333; }
.pullquote span { background:transparent url(../images/ico_quote_close.gif) no-repeat top left; display:block;float:right; position:relative; top:-10px;  width:10px; height:10px; }


/* ===== Set Height for Flash Div Containers =============== */
#divHeader { width:670px; height:97px; }
#divGallery { width:281px; height:117px; }
#divGallerySales { width:281px; height:200px; }
#galleryRail { width:164px; height:270px; }