/* CSS Document */
body
{
   margin: 0px;
   padding: 0px;
   font-family: "Lucida Grande", Arial, sans-serif;
   font-size: 10px;
   color: #434343;
   width: 100%
}
tr, td
{
   font-family: "Lucida Grande", Arial, sans-serif;
   font-size: 10px;
   color: #434343;
}
#Logo
{
   margin: 0px;
   padding: 0px;
   display: block;
   background: #FFFFFF url(images/adi_logo.jpg) no-repeat left top;
   width: 116px;
   min-width: 116px;
   max-width: 116px;
   height: 42px;
   min-height: 42px;
   max-height: 42px;
}
.HeaderSection
{
   text-align: center;
   margin: 0px;
   padding: 0px;
   background: url(images/bg_header.jpg) repeat-x left top;
   width: 100%;
   height: 120px;
   min-height: 120px;
   text-align: center;
}
.ContentSection
{
   text-align: center;
   vertical-align: top;
   margin: 0px;
   margin: 0px auto 0px auto;
   width: 100%;
   height: 440px;
   min-height: 440px;
}
.StoreSection
{
   background: url(images/bg_default.jpg) repeat-x bottom;
   margin: 0px auto 0px auto;
   padding: 0px 0px 20px 0px;
   height: 100%;
   width: 100%;
}
.MediaSection
{
   text-align: left;
   background-image: url(images/bg_wrapper.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   margin: 0px auto 0px auto;
   padding: 0px;
   min-height: 440px;
   width: 995px;
   min-width: 995px;
   max-width: 995px;
}
.AthletesSection
{
   text-align: left;
   background-image: url(images/bg_athletes.jpg);
   background-repeat: no-repeat;
   margin: 0px auto 0px auto;
   padding: 0px;
   height: 440px;
   min-height: 440px;
   max-height: 440px;
   width: 995px;
   min-width: 995px;
   max-width: 995px;
}
.AthleteThumbnails
{
   margin: 38px 0px 0px 15px;
   padding: 0px;
   width: 405px;
   min-width: 405px;
   max-width: 405px;
   height: 284px;
   min-height: 284px;
}
.AthleteProfile
{
   margin:  38px 0px 0px 0px;
   padding: 0px;
   display: none;
   width: 550px;
   min-width: 550px;
   max-width: 550px;
   color: #434343;
}
.ContentSection td
{
   padding: 3px;
   vertical-align: top;
   font-family: "Lucida Grande", Arial, sans-serif;   
   color: #434343;
   font-size: 11px;
}
.ContentSection td.TextLabel
{
   padding: 3px;
   vertical-align: top;
   font-family: "Lucida Grande", Arial, sans-serif;   
   color: #434343;
   font-size: 11px;
   font-weight: bold;
}
.ContentSection td.Header
{
   color: #434343;
   font-size: 12pt;
   padding-bottom: 10px;
   font-weight: bold;
}
.ContentSection td.HeaderCaps
{
   color: #434343;
   font-size: 12pt;
   padding-bottom: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.FooterSection
{
   margin: 0px;
   padding: 0px;
   text-align: center;
   width: 100%;
   height: 67px;
   min-height: 67px;
}
.FooterSection
{
   vertical-align: top;
   text-align: left;
   margin: 0px;
   padding: 10px 0px 0px 0px;
   background: #FFFFFF url(images/bg_footer.jpg) repeat-x left 10px;
   width: 100%;
   height: 141px;
   min-height: 141px;
}
.FooterSection a, FooterSection a:hover, FooterSection a:visited
{
   color: #FFFFFF;
   outline: none;
   text-decoration: none;
}
.Footer, .FooterSection td
{
   margin: 0px;
   padding: 0px 20px 0px 20px;
   color: #FFFFFF;
   font-family: "Lucida Grande", Arial, sans-serif;
   font-size: 10px;
}
.Footer
{
   margin: 10px auto 0px auto;
   padding: 0px 0px 0px 0px;
   color: #FFFFFF;
}
.StoreNav
{
   display: block;
   clear: both;
   width: 160px;
   margin: 0px;
   padding: 0px;
}
a.FooterLink
{
   margin: 0px;
   padding: 0px;
   text-transform: uppercase;
   color: #FFFFFF;
   outline: none;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
}
.Copyright
{
   color: #FFFFFF;
   font-size: 10px;
   font-weight: normal;
}
.SiteHeader
{
   text-align: center;
   vertical-align: top;
   margin: 0px auto 0px auto;
   padding: 40px 0px 0px 0px;
   width: 995px;
   height: 120px;
   min-height: 120px;
}
.TopNav
{
   margin: 0px 0px 0px 45px;
   padding: 0px 0px 0px 0px;
}
.StoreNav
{
   float: none;
   clear: both;
   width: 160px;
   margin: 0px;
   padding: 0px;
}
#TopNavBar, #StoreNavBar
{
   float: left;
   clear: left;
   margin: 10px 0px 0px 0px;
   padding: 0px;
}
#TopNavBar td, #StoreNavBar td
{
   width: auto;
   margin: 0px;
   padding: 0px 18px 0px 0px;
}

a.top_menu:link, a.top_menu:active, a.top_menu:visited {text-transform: uppercase; width: 100px; color: #828282; text-decoration: none; font-weight:normal; font-size: 12px; }
a.top_menu:hover { text-decoration: none; color: #b5b5b5;}

#WeatherTitle
{
   margin: 29px 0px 0px 125px;
   z-index: 9999;
   padding-left: 0px;
   width: 159px;
   font-size: 12px;
}
#WeatherTitle span {text-align: left; text-transform: uppercase; font-size: 11px; font-weight: 400;}
.WeatherBox
{
   margin: 26px 20px 0px 0px;
   padding: 0px;
   position: absolute;
   z-index: 9999;
   width: 139px;
   min-width: 139px;
   max-width: 139px;
   height: 440px;
   min-height: 440px;
   max-height: 440px;
   background: url(images/bg_weather.jpg) repeat-y top;
}
#Media {
	background:url(images/bg-wrapper.jpg) no-repeat left bottom;
	margin: 0px;
	padding:0 12px 10px 12px;
}

#Media h2 {
	clear:both;
	margin-bottom:2px;
}

h1.mediahdr {
	background:url(images/hdr-media.jpg) no-repeat 0 0;
	height:23px;
	width:95px;
}

h2.microsites {
	background:url(images/hdr-microsites.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h2.microsites {
	background:url(images/hdr-microsites.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h2.tvspots {
	background:url(images/hdr-tvspots.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h2.printads {
	background:url(images/hdr-printads.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h2.wallpapers {
	background:url(images/hdr-wallpapers.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h2.screensavers {
	background:url(images/hdr-screensavers.jpg) no-repeat 0 0;
	height:18px;
	width:182px;
}

h1.mediahdr span, h2.microsites span, h2.tvspots span, h2.printads span
, h2.wallpapers span, h2.screensavers span {
	display:none;
}

#Media .description {
	color:#525252;
	font-size:14px;
	width:634px;
}

#Media .mediapop {
	float:left;
	margin:0 8px 8px 0;
}
#Media .mediapop span {
	display:none;
}
#Media #PlayYourShoes {
	clear:both;
	background:url(images/img-playyourshoes.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #PlayYourShoes:hover {
	clear:both;
	background:url(images/img-playyourshoes.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #PlayYourShirt {
	clear:both;
	background:url(images/img-playyourshirt.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #PlayYourShirt:hover {
	clear:both;
	background:url(images/img-playyourshirt.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}


#Media #PlayYourJacket {
	clear:both;
	background:url(images/img-playyourjacket.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #PlayYourJacket:hover {
	clear:both;
	background:url(images/img-playyourjacket.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Powerband {
	clear:both;
	background:url(images/img-powerband.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Powerband:hover {
	clear:both;
	background:url(images/img-powerband.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Climaproof {
	clear:both;
	background:url(images/img-climaproof.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:181px;
}
#Media #Climaproof:hover {
	clear:both;
	background:url(images/img-climaproof.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:181px;
}

#Media #PowerbandPrint {
	clear:both;
	background:url(images/img-powerband_print.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #PowerbandPrint:hover {
	clear:both;
	background:url(images/img-powerband_print.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360 {
	clear:both;
	background:url(images/img-tour360II.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360:hover {
	clear:both;
	background:url(images/img-tour360II.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360Print {
	clear:both;
	background:url(images/img-tour360II_print.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360Print:hover {
	clear:both;
	background:url(images/img-tour360II_print.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360Print2 {
	clear:both;
	background:url(images/img-tour360.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Tour360Print2:hover {
	clear:both;
	background:url(images/img-tour360.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #PowerbandPrint2 {
	clear:both;
	background:url(images/img-powerband2.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #PowerbandPrint2:hover {
	clear:both;
	background:url(images/img-powerband2.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #ClimaCool {
	clear:both;
	background:url(images/img-climacool.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #ClimaCool:hover {
	clear:both;
	background:url(images/img-climacool.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Sergio {
	clear:both;
	background:url(images/img-sergiogarcia.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Sergio:hover {
	clear:both;
	background:url(images/img-sergiogarcia.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Retief {
	clear:both;
	background:url(images/img-retiefgoosen.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Retief:hover {
	clear:both;
	background:url(images/img-retiefgoosen.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Justin {
	clear:both;
	background:url(images/img-justinrose.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Justin:hover {
	clear:both;
	background:url(images/img-justinrose.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Capetown {
	clear:both;
	background:url(images/img-capesaver.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Capetown:hover {
	clear:both;
	background:url(images/img-capesaver.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Joburg {
	clear:both;
	background:url(images/img-joburgsaver.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Joburg:hover {
	clear:both;
	background:url(images/img-joburgsaver.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}

#Media #Durban {
	clear:both;
	background:url(images/img-durbansaver.jpg) no-repeat 0 0;
	display:block;
	height:107px;
	width:182px;
}
#Media #Durban:hover {
	clear:both;
	background:url(images/img-durbansaver.jpg) no-repeat 0 -107px;
	display:block;
	height:107px;
	width:182px;
}
a.AthleteThumbnail {
   float: left;
   margin: 0px 5px 5px 0px;
	background-position: 0 -92px;
	display:block;
	height:92px;
	width:129px;
	text-decoration: none;
}
a.AthleteThumbnail:hover {
   outline: none;
	background-position: 0 0px;
	display:block;
	height:92px;
	width:129px;
}

#EmailSignUp {
   width: 995px;
   height: 440px;
	background: url(images/bg-emailsignup.jpg) no-repeat left bottom;
	padding:0 27px 0px 27px;
}
#EmailSignUp .top {
   padding-top: 10px;
	background:url(images/bg-searchemail.jpg) no-repeat 0 0;
	height: 170px;
	display: block;
}
#EmailSignUp .bottom {
	background:url(images/bg-searchemail_bottom.jpg) no-repeat 0 0;
	height:12px;
	min-height: 12px;
	max-height: 12px;
	line-height: 12px;
}
#EmailSignUp .text {
   margin: 0px 0px 0px 15px;;
	width:453px;
}
a.button {
	background:#3a3a3a;
	border:none;
	color:#fff;
	font-size:12px;
	display:block;
	padding:5px 15px 5px 15px;
	width: 45px;
	text-decoration: none;
	outline: none;
	text-transform:uppercase;
}
a.button:hover {
	background:#cdcdcd;
}
.textfield {
	border:1px solid #d6d6d6;
	font-family:Arial, sans-serif;
	padding:3px;
	width:139px;
}
select {
	border:1px solid #d6d6d6;
	font-family:Arial, sans-serif;
	padding:3px;
}