﻿body { margin: 0; padding: 0; }

#mainWrapper { width: 1100px; margin: 0 auto 0 auto; }

#headerWrapper { position: relative; height: 141px; z-index: 100; }
#headerLogo { display: block; width: 500px; height: 121px; text-decoration: none; position: absolute; background-repeat: no-repeat; margin: 10px; font-size: 20px; }

#headerActionsWrapper { position: absolute; top: 20px; right: 0; width: 150px;}
#headerActionsWrapper a { display: block; padding: 7px 0 0 35px; margin-top: 5px; height: 22px; background-repeat: no-repeat; text-decoration: none; text-transform: uppercase;  }
#currentZoneWrapper { width: 320px; position: absolute; right: 50px; top: 40px; z-index: 50; text-align: right; } 
#currentZoneWrapper h1 { font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 3px 0; border-bottom: solid 1px; }
#currentZoneWrapper #changeAreaLinkWrapper a { text-decoration: none; font-size: 11px; }
#featuredCitiesInner { width: 425px; position: relative;  } 
#featuredCitiesInner a { font-size: 10px; display: block; float: left; width: 100px; height: 10px; overflow: hidden; padding: 3px; text-decoration: none; } 
#featuredCitiesInner a:hover { text-decoration: underline; }
#featuredCitiesInner #moreZonesLinkWrapper { text-align: right; padding: 7px; clear: both; }
#featuredCitiesInner #moreZonesLinkWrapper a { float: none; font-size: 11px; }


#navigationWrapper { height: 32px; border-width: 1px 0 1px 0; border-style: solid; position: relative;  z-index: 1; }
#navigationWrapper ul { position: absolute; display: block; left: 0; top: 8px; margin: 0; padding: 0; } 
#navigationWrapper ul li { display: inline; border-right: solid 1px; padding: 0 20px 0 20px; } 
#navigationWrapper a {  text-transform: uppercase; text-decoration: none; font-size: 14px; }
#languageWrapper { width: 110px; position: absolute; top: 10px; right: 10px; }


#mainContentWrapper { padding: 10px;}

#footerWrapper { clear: both; }





.EventResultsWrapper .EventInfo a { font-size: 14px; }
.EventResultsWrapper .EventInfo { width: 26%; position: absolute; left: 175px; }
.EventResultsWrapper .DateInfo {  width: 12%;  position: absolute; left:73%; text-align: center; }
.EventResultsWrapper .VenueInfo { width: 20%; position: absolute; left: 52%; font-size: 14px; }
.EventResultsWrapper .VenueInfo a { font-size: 14px; }
.EventResultsWrapper .ButtonsArea { right: 5%; }
.EventResultsWrapper .Date, .EventResultsWrapper .Date strong { font-weight: normal; font-size: 14px;  text-align: center;}
.EventResultsWrapper .Button { width: 68px;  font-size: 12px; padding: 2px 3px 2px 3px; }

#shippingInfoSection .Content,
#paymentInfoSection .Content { min-height: 280px; }

#shippingInfoSection { float: left; width: 49%; }
#paymentInfoSection { float: right; width: 49%; }


.DateBar { text-align: center; font-size: 15px;  font-weight: bold; }
.LoginField { width: 150px; }


#artistEvents .EventInfo a { font-weight: bold; font-size: 13px; }
#artistEvents .DataRecord { min-width: 200px; min-height: 80px; width: auto; height: auto; position: relative; }
#artistEvents .ImgWrapper { float: left; }
#artistEvents .RecordBody { float: left; margin-left: 12px; }
#artistEvents .VenueInfo { text-transform: uppercase; }
#artistEvents .VenueInfo .NonBold, #artistEvents .VenueInfo .VenueName { text-transform: none;  font-weight: normal; }
#artistEvents .ButtonWrapper { position: absolute; bottom: 8px; right: 10px; }
