/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, li, ol, ul, li, input, checkbox, img, a, p {
margin: 0px;
padding: 0px;
border: 0;
outline: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1;
color:#009390;
}

body{
background:#f3f3f3;
overflow:visible;
}

.ClearFix{
clear:both;
height:0px;
overflow:hidden;
}
.Replace{
overflow:hidden;
text-indent:-9000px;
}
.FloatRight{
float:right;
}.FloatLeft{
float:left;
}

.hidden { display: none; }
.unhidden { display: block; }

/* Main Table
---------------------------------------------------------------------------------------- */
#AllLeft{
background:url(../img/BgLeft.jpg) top right no-repeat;
}
#AllCentre{
width:1002px;
background:url(../img/BgCentre.jpg) top left no-repeat;
}
#AllRight{
background:url(../img/BgRight.jpg) top left no-repeat;
}
#AllLeftAlt{
background:url(../img/BgLeftAlt.jpg) top right no-repeat;
}
#AllCentreAlt{
width:1002px;
background:url(../img/BgCentreAlt.jpg) top left no-repeat;
}
#AllRightAlt{
background:url(../img/BgRightAlt.jpg) top left no-repeat;
}
.Rail{
width:1px;
overflow:hidden;
}

/* Header
---------------------------------------------------------------------------------------- */
#Header{
width:1002px;
height:214px;
background:url(../img/TitleBg.jpg) 0px 0px no-repeat;
}
#HeaderAlt{
width:1002px;
height:214px;
background:url(../img/TitleBgAlt.jpg) 0px 0px no-repeat;
}
h1#Title{
height:96px;
text-indent:-9000px;
}
#HeaderVenus{
float:left;
width:347px;
height:118px;
}
#HeaderVenus a{
position:relative;
top:13px;
left:142px;
width:153px;
height:105px;
background:url(../img/HeaderVenus.jpg) 0px 0px no-repeat;
display:block;
}
h4#Strapline{
clear:both;
width:368px;
height:29px;
background:url(../img/Strapline.gif) 0px 0px no-repeat;
text-indent:-9000px;
}

/* Menu
---------------------------------------------------------------------------------------- */
#MenuWrap{
float:left;
width:625px;
height:118px;
}
#MenuWrap ul{
margin:0px;
height:62px;
}
#MenuWrap ul li{
display:inline;
float:left;
height:29px;
margin:0;
position:relative;
left:5px;
}
#MenuWrap .Replace{
overflow:hidden;
text-indent:-9000px;
}
#MenuHome a{
width:62px;
height:29px;
background:url(../img/MenuHome.jpg) 0px 0px no-repeat;
display:block;
}
#MenuHome a:hover, #MenuHome a.selected, #MenuHome a.selected:hover {
background:url(../img/MenuHome.jpg) 0px -29px no-repeat;
}
#MenuTour a{
width:178px;
height:29px;
background:url(../img/MenuTour.jpg) 0px 0px no-repeat;
display:block;
}
#MenuTour a:hover, #MenuTour a.selected, #MenuTour a.selected:hover {
background:url(../img/MenuTour.jpg) 0px -29px no-repeat;
}
#MenuLegMatch a{
width:129px;
height:29px;
background:url(../img/MenuLegMatch.jpg) 0px 0px no-repeat;
display:block;
}
#MenuLegMatch a:hover, #MenuLegMatch a.selected, #MenuLegMatch a.selected:hover {
background:url(../img/MenuLegMatch.jpg) 0px -29px no-repeat;
}
#MenuCoverShots a{
width:106px;
height:29px;
background:url(../img/MenuCoverShots.jpg) 0px 0px no-repeat;
display:block;
}
#MenuCoverShots a:hover, #MenuCoverShots a.selected, #MenuCoverShots a.selected:hover {
background:url(../img/MenuCoverShots.jpg) 0px -29px no-repeat;
}
#MenuTips a{
width:145px;
height:29px;
background:url(../img/MenuTips.jpg) 0px 0px no-repeat;
display:block;
}
#MenuTips a:hover, #MenuTips a.selected, #MenuTips a.selected:hover {
background:url(../img/MenuTips.jpg) 0px -29px no-repeat;
}

/* Main
---------------------------------------------------------------------------------------- */
#MainWrap{
padding:0px 12px 0px 12px;
}

/* Home - Tour
---------------------------------------------------------------------------------------- */
h3#PanelHeadTourHome{
clear:both;
width:652px;
height:51px;
background:url(../img/PanelHeadTourHome.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainTourHome{
width:652px;
height:263px;
background:url(../img/PanelMainTourHome.jpg) 0px 0px no-repeat;
}
#PanelMainTourHomeLondon{
width:652px;
height:263px;
background:url(../img/PanelMainTourHome.jpg) 0px 0px no-repeat;
}
#PanelMainTourHomeNewcastle{
width:652px;
height:263px;
background:url(../img/PanelMainTourHome.jpg) 0px 0px no-repeat;
}
#PanelMainTourHomeSheffield{
width:652px;
height:263px;
background:url(../img/PanelMainTourHome.jpg) 0px 0px no-repeat;
}
#PanelMainTourHomeManchester{
width:652px;
height:263px;
background:url(../img/PanelMainTourHome.jpg) 0px 0px no-repeat;
}
.TourHomeWrap{
padding:31px 25px 0px 43px;
width:584px;
}
.TourHomeWrapImg{
float:left;
width:144px;
height:151px;
margin:0;
padding:0;
}
.TourHomeDetailsWrap{
float:left;
width:440px;
height:151px;
}
.TourHomeLocation{
float:left;
width:48px;
font-size:75%;
color:#004b8d;
line-height:22px;
font-weight:bold;
}
.TourHomeDetails{
float:left;
width:272px;
font-size:75%;
color:#000;
line-height:22px;
font-weight:bold;
}
.TourHomeDate{
float:left;
width:120px;
}
.TourHomeDescription{
clear:both;
width:392px;
font-size:75%;
line-height:1.3;
}
.TourHomeDate{
float:left;
width:118px;
height:61px;
}
.TourMenuWrap{
position:relative;
left:19px;
height:43px;
}
.TourMenuWrap ul{
float:left;
margin:0px;
height:26px;
}
.TourMenuWrap ul li{
display:inline;
float:left;
height:26px;
margin:0;
}
.TourMenuWrap .Replace{
overflow:hidden;
text-indent:-9000px;
}
.TourMenuWrapAlt{
position:relative;
left:19px;
height:30px;
}
.TourMenuWrapAlt ul{
float:left;
margin:0px;
height:26px;
}
.TourMenuWrapAlt ul li{
display:inline;
float:left;
height:26px;
margin:0;
}
.TourMenuWrapAlt .Replace{
overflow:hidden;
text-indent:-9000px;
}
.TourMenuSelect{
width:129px;
height:26px;
background:url(../img/TourMenuSelect.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuDefault a{
width:120px;
height:26px;
background:url(../img/TourMenuDefault.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuDefault a:hover, .TourMenuDefault a.selected, .TourMenuDefault a.selected:hover {
background:url(../img/TourMenuDefault.jpg) 0px -26px no-repeat;
}
.TourMenuLineup a{
width:120px;
height:26px;
background:url(../img/TourMenuLineup.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuLineup a:hover, .TourMenuLineup a.selected, .TourMenuLineup a.selected:hover {
background:url(../img/TourMenuLineup.jpg) 0px -26px no-repeat;
}
.TourMenuLondon a{
width:75px;
height:26px;
background:url(../img/TourMenuLondon.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuLondon a:hover, .TourMenuLondon a.selected, .TourMenuLondon a.selected:hover {
background:url(../img/TourMenuLondon.jpg) 0px -26px no-repeat;
}
.TourMenuNewcastle a{
width:91px;
height:26px;
background:url(../img/TourMenuNewcastle.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuNewcastle a:hover, .TourMenuNewcastle a.selected, .TourMenuNewcastle a.selected:hover {
background:url(../img/TourMenuNewcastle.jpg) 0px -26px no-repeat;
}
.TourMenuSheffield a{
width:92px;
height:26px;
background:url(../img/TourMenuSheffield.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuSheffield a:hover, .TourMenuSheffield a.selected, .TourMenuSheffield a.selected:hover {
background:url(../img/TourMenuSheffield.jpg) 0px -26px no-repeat;
}
.TourMenuManchester a{
width:108px;
height:26px;
background:url(../img/TourMenuManchester.jpg) 0px 0px no-repeat;
display:block;
}
.TourMenuManchester a:hover, .TourMenuManchester a.selected, .TourMenuManchester a.selected:hover {
background:url(../img/TourMenuManchester.jpg) 0px -26px no-repeat;
}
.TourMenuPad{
float:left;
width:101px;
height:26px;
background:url(../img/TourMenuPad.jpg) 0px 0px no-repeat;
display:block;
}
#TourMainWrap{
position:relative;
left:43px;
width:584px;
}
#TourMainWrapDefault{
position:relative;
left:20px;
width:612px;
padding-top:16px;
}
#TourMainWrapDefault p{
font-size:75%;
line-height:1.3;
color:#009390;
margin:0px 0px 8px 0px;
}
#TourMainWrapDefault p a{
color:#009390;
}
#TourMainThumb{
float:left;
width:144px;
}
#TourMainDetailsWrap{
float:left;
width:440px;
font-size:75%;
}
#TourMainDetailsWrap #DatePair{
float:right;
width:119px;
height:79px;
background:url(../img/DatePair.jpg) 0px 0px no-repeat;
}
#TourMainDetailsWrap #DateSingle{
float:right;
width:119px;
height:79px;
background:url(../img/DateSingle.jpg) 0px 0px no-repeat;
}
#TourMainDetailsWrap #TourMainDetails{
float:left;
width:321px;
color:#000;
font-weight:bold;
}
#TourMainDetailsWrap #TourMainDetails .DetailsLeft{
float:left;
width:50px;
color:#004b8d;
line-height:1.5;
}
#TourMainDetailsWrap #TourMainDetails .DetailsRight{
float:right;
width:250px;
color:#000;
line-height:1.5;
}
#TourMainDetailsWrap #DetailsDescription{
clear:both;
width:440px;
height:80px;
line-height:1.3;
}
#TourMainThumbDefault{
float:left;
width:120px;
height:182px;
background:url(../img/Aperture.jpg) 0px 0px no-repeat;
}
h4#TourMainWin{
float:left;
width:484px;
height:41px;
background:url(../img/WinFashionShoot.jpg) 0px 0px no-repeat;
text-indent:-90000px;
}

/* Home - Covers
---------------------------------------------------------------------------------------- */
#PanelCoversHome{
clear:both;
float:left;
}
h3#PanelHeadCoversHome{
width:325px;
height:55px;
background:url(../img/PanelHeadCoversHome.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainCoversHomeWrap{
width:325px;
height:256px;
background:url(../img/PanelMainCoversHome.jpg) 0px 0px no-repeat;
}
#PanelMainCoversHome{
padding:0px 22px 0px 25px;
height:203px;
}
#PanelMainCoversHome p{
padding-left:5px;
font-size:75%;
line-height:1.3;
padding-top:8px;
}
#PanelMainCoversHome p a{
color:#004b8d;
text-decoration:none;
}
#PanelMainCoversHomePic{
float:left;
width:110px;
height:143px;
background:url(../img/CoversHomePic.jpg) 0px 0px no-repeat;
}
#PanelMainCoversHeatMore{
float:left;
width:127px;
height:22px;
background:url(../img/CoversHeatMore.gif) 0px 0px no-repeat;
display:block;
}
#PanelMainCoversHomeBtn{
float:left;
position:relative;
left:119px;
}
#PanelMainCoversHomeBtn a{
width:182px;
height:27px;
background:url(../img/btn_CreateOwnCover.gif) 0px 0px no-repeat;
display:block;
}


/* Home - Win
---------------------------------------------------------------------------------------- */
#PanelWinHome{
float:left;
}
h3#PanelHeadWinHome{
width:652px;
height:69px;
background:url(../img/PanelHeadWinHome.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainWinHome{
width:652px;
height:242px;
background:url(../img/PanelMainWinHome.jpg) 0px 0px no-repeat;
}
a#LegMatchHome{
display:block;
width:505px;
height:152px;
padding-left:71px;
text-indent:-9000px;
}
#PanelMainWinHome p{
font-size:75%;
line-height:1.3;
padding:0px 26px 0px 30px;
height:36px;
}
a#LegMatchHome2{
float:left;
width:451px;
height:54px;
display:block;
background:url(../img/PlayCelebMatch.gif) 36px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainWinHomeBtn{
float:left;
position:relative;
top:2px;
}
#PanelMainWinHomeBtn a{
width:177px;
height:27px;
background:url(../img/btn_FindMatchingLegs.gif) 0px 0px no-repeat;
display:block;
}

/* Home - Ad
---------------------------------------------------------------------------------------- */
#PanelAdHome{
clear:both;
float:left;
width:323px;
height:374px;
background:url(../img/PanelAdHome.jpg) 0px 0px no-repeat;
}
h3#PanelAdTitle{
width:192px;
height:135px;
background:url(../img/ProductTitle.gif) 0px 0px no-repeat;
}
h4#PanelAdWin{
width:138px;
height:55px;
background:url(../img/ProductWin.gif);
}
#PanelAdBtn{
padding-left:13px;
width:112px;
}
#PanelAdBtn a{
width:112px;
height:37px;
background:url(../img/btn_ProductEnterNow.gif) 0px 0px no-repeat;
display:block;
}

/* Home - Tips
---------------------------------------------------------------------------------------- */
#PanelTipsHome{
float:left;
}
h3#PanelHeadTipsHome{
width:328px;
height:63px;
background:url(../img/PanelHeadTipsHome.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainTipsHomeWrap{
width:328px;
height:311px;
background:url(../img/PanelMainTipsHome.jpg) 0px 0px no-repeat;
}
#PanelMainTipsHome{
padding:0px 22px 0px 25px;
height:199px;
}
#PanelMainTipsHomePic{
float:left;
width:157px;
height:122px;
background:url(../img/TipsHomePic.jpg) 0px 0px no-repeat;
}
#PanelMainTipsHome h4{
float:left;
width:120px;
font-size:75%;
font-weight:bold;
color:#004b8d;
border-bottom: 1px dashed #004b8d;
padding:3px 0px 3px 0px;
text-indent:2px;
margin:0px 0px 8px 0px;
}
#PanelMainTipsHome p{
font-size:75%;
line-height:1.3;
padding-top:8px;
}
#PanelTipsBtn{
padding-left:195px;
width:107px;
}
#PanelTipsBtn a{
width:107px;
height:27px;
background:url(../img/btn_SeeAllTips.gif) 0px 0px no-repeat;
display:block;
}

/* Tips - Score
---------------------------------------------------------------------------------------- */
#PanelTipsScore{
float:left;
}
h3#PanelHeadTipsScore{
width:326px;
height:63px;
background:url(../img/PanelHeadTipsScore.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainTipsScoreWrap{
width:326px;
height:250px;
background:url(../img/PanelMainTipsScore.jpg) 0px 0px no-repeat;
}
#PanelMainTipsScore{
padding:0px 22px 0px 25px;
height:199px;
}
#PanelMainTipsScorePic{
float:left;
width:157px;
height:122px;
background:url(../img/TipsScorePic.jpg) 0px 0px no-repeat;
}
#PanelMainTipsScore h4{
float:left;
width:120px;
font-size:75%;
font-weight:bold;
color:#004b8d;
border-bottom: 1px dashed #004b8d;
padding:3px 0px 3px 0px;
text-indent:2px;
margin:0px 0px 8px 0px;
}
#PanelMainTipsScore p{
font-size:75%;
line-height:1.3;
padding-top:8px;
}
#PanelTipsBtn{
padding-left:195px;
width:107px;
}
#PanelTipsBtn a{
width:107px;
height:27px;
background:url(../img/btn_SeeAllTips.gif) 0px 0px no-repeat;
display:block;
}


/* Covers - Scores
---------------------------------------------------------------------------------------- */
#PanelCoversScores{
clear:both;
float:left;
}
h3#PanelHeadCoversScores{
width:325px;
height:55px;
background:url(../img/PanelHeadCoversScore.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainCoversScoresWrap{
width:325px;
height:249px;
background:url(../img/PanelMainCoversScore.jpg) 0px 0px no-repeat;
}
#PanelMainCoversScores{
padding:0px 22px 0px 25px;
height:203px;
}
#PanelMainCoversScores p{
padding-left:5px;
font-size:75%;
line-height:1.3;
padding-top:8px;
}
#PanelMainCoversScores p a{
color:#004b8d;
text-decoration:none;
}
#PanelMainCoversHomePic{
float:left;
width:110px;
height:143px;
background:url(../img/CoversHomePic.jpg) 0px 0px no-repeat;
}
#PanelMainCoversHeatMore{
float:left;
width:127px;
height:22px;
background:url(../img/CoversHeatMore.gif) 0px 0px no-repeat;
display:block;
}
#PanelMainCoversHomeBtn{
float:left;
position:relative;
left:119px;
}
#PanelMainCoversHomeBtn a{
width:182px;
height:27px;
background:url(../img/btn_CreateOwnCover.gif) 0px 0px no-repeat;
display:block;
}

/* Scores
---------------------------------------------------------------------------------------- */
h4#ScoreThanks{
width:407px;
height:60px;
background:url(../img/ThankYou.gif) 43px 27px no-repeat;
}
#ScoreIntro{
width:652px;
height:94px;
font-size:75%;
color:#9d9d9d;
padding-left:49px;
}
#PanelMainLegMatchScore table{
position:relative;
left:32px;
padding:0px 0px 9px 0px;
}
#PanelMainLegMatchScore table tr td{
text-indent:11px;
font-size:75%;
line-height:1;
color:#9d9d9d;
height:23px;
font-weight:bold;
padding:0;
margin:0;
}
.ScoreLeader{
color:#fff;
}
#PlayGameBtn{
padding-left:504px;
padding-top:0px;
}
#PlayGameBtn a{
width:121px;
height:27px;
background:url(../img/btn_PlayGame.gif) 0px 0px no-repeat;
display:block;
}

/* Home - Stylists
---------------------------------------------------------------------------------------- */
#PanelStylistsHome{
float:left;
}
h3#PanelHeadStylistsHome{
width:325px;
height:63px;
background:url(../img/PanelHeadStylistsHome.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainStylistsHomeWrap{
width:325px;
height:311px;
background:url(../img/PanelMainStylistsHome.jpg) 0px 0px no-repeat;
}
#PanelMainStylistsHome{
padding:0px 22px 0px 25px;
height:199px;
}
#PanelMainStylistsHomePic{
float:left;
width:143px;
height:137px;
}
#PanelMainStylistsHome h4{
float:left;
width:120px;
font-size:75%;
font-weight:bold;
color:#004b8d;
border-bottom: 1px dashed #004b8d;
padding:3px 0px 3px 0px;
text-indent:2px;
margin:0px 0px 8px 0px;
}
#PanelMainStylistsHome p{
/* float:left; */
font-size:75%;
line-height:1.3;
padding-top:8px;
}
#PanelStylistsBtn{
padding-left:120px;
width:182px;
}
#PanelStylistsBtn a{
width:182px;
height:27px;
background:url(../img/btn_BookYourAppointment.gif) 0px 0px no-repeat;
display:block;
}

/* Cover Shots - Gallery Main
---------------------------------------------------------------------------------------- */
#PanelGalleryWrap{
clear:both;
float:left;
width:652px;
height:625px;
}
h3#PanelHeadGallery{
clear:both;
width:652px;
height:51px;
background:url(../img/PanelHeadGalleryCS.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainGalleryWrap{
width:652px;
height:574px;
background:url(../img/PanelMainGalleryCS.jpg) 0px 0px no-repeat;
}
#PanelMainGallery{
width:652px;
height:525px;
}
#PanelMainGallery p{
font-size:75%;
line-height:1.3;
padding:21px 35px 8px 49px;
}
#PanelMainGallery p.BigNav{
font-size:75%;
line-height:1.3;
padding:21px 35px 8px 49px;
}
#PanelMainGalleryCovers{
width:652px;
height:525px;
background:url(../img/PanelMainGalleryCS.jpg) 0px 0px no-repeat;
}
#PanelMainGalleryCovers p.GalleryCaption{
clear:both;
color:#004b8d;
margin:0px;
}
#PanelMainGalleryCovers p{
font-size:75%;
line-height:1.3;
padding:13px 35px 0px 49px;
}
#CoversGalleryBtns{
position:relative;
left:49px;
width:572px;
height:430px;
}
#LondonCovers{
float:left;
width:286px;
height:194px;
}
#CoversGalleryBtns p{
clear:both;
font-size:75%;
line-height:1.3;
padding:3px 0px 0px 0px;
}
#LondonCovers a{
width:274px;
height:182px;
background:url(../img/LondonCovers.jpg) 0px 0px no-repeat;
display:block;
}
#SheffieldCovers{
float:left;
width:286px;
height:194px;
}
#SheffieldCovers a{
width:274px;
height:182px;
background:url(../img/SheffieldCovers.jpg) 0px 0px no-repeat;
display:block;
}
#ManchesterCovers{
float:left;
width:286px;
height:194px;
}
#ManchesterCovers a{
width:274px;
height:182px;
background:url(../img/ManchesterCovers.jpg) 0px 0px no-repeat;
display:block;
}
#NewcastleCovers{
float:left;
width:286px;
height:194px;
}
#NewcastleCovers a{
width:274px;
height:182px;
background:url(../img/NewcastleCovers.jpg) 0px 0px no-repeat;
display:block;
}
#PanelGalleryCoversBtn{
position:relative;
left:447px;
margin-bottom:4px;
}
#PanelGalleryCoversBtn a{
width:182px;
height:27px;
background:url(../img/btn_CreateOwnCover.gif) 0px 0px no-repeat;
display:block;
}
#PanelGalleryBtn{
position:relative;
left:447px;
}
#PanelGalleryBtn a{
width:182px;
height:27px;
background:url(../img/btn_CreateOwnCover.gif) 0px 0px no-repeat;
display:block;
}
#PanelGalleryCoversBack{
float:left;
padding-left:18px;
width:136px;
height:421px;
background:url(../img/GalleryBack.jpg) 18px 0px no-repeat;
}
#PanelGalleryCoversBack a{
width:136px;
height:421px;
display:block;
}
#PanelGalleryCoversNext{
float:left;
width:137px;
height:421px;
background:url(../img/GalleryNext.jpg) 0px 0px no-repeat;
}
#PanelGalleryCoversNext a{
width:137px;
height:421px;
display:block;
}
#PanelGalleryCoversMainPic{
float:left;
width:343px;
height:421px;
background:url(../img/GalleryMainBg.gif) 0px 0px no-repeat;
text-align:center;
}
#PanelGalleryCoversMainPic img{
position:relative;
top:8px;
}
#FlashCreateContainer{
padding-left:20px;
}


/* Cover Shots - Gallery Thumbs
---------------------------------------------------------------------------------------- */
#PanelThumbs{
float:left;
width:326px;
height:625px;
}
h3#PanelHeadThumbs{
width:326px;
height:51px;
background:url(../img/PanelHeadThumbsCS.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainThumbsWrap{
width:326px;
height:574px;
background:url(../img/PanelMainThumbsCS.jpg) 0px 0px no-repeat;
}
#PanelMainThumbs{
width:326px;
height:525px;
}
#PanelMainThumbs p{
font-size:75%;
line-height:1.3;
padding:3px 0px 5px 25px;
}
#ThumbsFilter{
position:relative;
left:18px;
width:288px;
height:32px;
background:url(../img/FilterByLocationBg.gif) 0px 0px no-repeat;
}
.ThumbsFilterSelect{
float:right;
width:116px;
height:17px;
margin:6px;
font-size:10px;
color:#009390;
}
.ThumbWrap{
position:relative;
left:21px;
width:284px;
background:#fff;
}
.thumb{
float:left;
width:68px;
height:68px;
background:#ddd;
margin:0px 3px 5px 0px;
}
#ThumbPagination{
position:relative;
left:21px;
width:281px;
height:23px;
background:url(../img/ThumbPaginationBg.gif) 0px 0px repeat-x;
text-align:center;
}
.ThumbPaginationList{
float:left;
font-size:80%;
color:#0092cf;
font-weight:bold;
padding-top:6px;
width:221px;
}
.ThumbPaginationList a{
color:#fff;
text-decoration:none;
}
#ThumbPagination div.Back{
float:left;
width:30px;
height:23px;
list-style-type:none;
background:url(../img/ThumbsBack.gif) 0px 0px no-repeat;
text-indent:-9000px;
}
#ThumbPagination div.Back a{
width:30px;
height:23px;
display:block;
}
#ThumbPagination div.Next{
float:left;
width:30px;
height:23px;
list-style-type:none;
background:url(../img/ThumbsNext.gif) 0px 0px no-repeat;
text-indent:-9000px;
}
#ThumbPagination div.Next a{
width:30px;
height:23px;
display:block;
}
#PanelThumbsBtn{
position:relative;
left:121px;
}
#PanelThumbsBtn a{
width:182px;
height:27px;
background:url(../img/btn_CreateOwnCover.gif) 0px 0px no-repeat;
display:block;
}

/* Cover Shots - Leg Match
---------------------------------------------------------------------------------------- */
#PanelLegMatch{
float:left;
}
h3#PanelHeadLegMatch{
width:652px;
height:63px;
background:url(../img/PanelHeadLegMatchCS.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainLegMatch{
width:652px;
height:303px;
background:url(../img/PanelMainLegMatchCS.jpg) 0px 0px no-repeat;
}
#PanelMainLegMatch p{
font-size:75%;
line-height:1.3;
padding:0px 26px 0px 30px;
height:186px;
}
#PanelMainLegMatch h3{
float:left;
width:451px;
height:54px;
background:url(../img/PlayCelebMatch.gif) 36px 0px no-repeat;
}
#PanelMainLegMatchBtn{
float:left;
position:relative;
top:2px;
}
#PanelMainLegMatchBtn a{
width:177px;
height:27px;
background:url(../img/btn_FindMatchingLegs.gif) 0px 0px no-repeat;
display:block;
}


/* Cover Shots - Create
---------------------------------------------------------------------------------------- */
h3#PanelHeadCoversCreate{
clear:both;
width:652px;
height:72px;
background:url(../img/PanelHeadCoversCreate.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainCoversCreateWrap{
width:652px;
height:574px;
background:url(../img/PanelMainCoversCreate.jpg) 0px 0px no-repeat;
}
#PanelMainCoversCreate{
width:652px;
height:503px;
}
#CoversCreateIntro{
width:652px;
height:126px;
background:url(../img/CoversCreateIntroBg.jpg) 447px 0px no-repeat;
}
#CoversCreateIntro p{
font-size:75%;
line-height:1.3;
padding:0px 205px 8px 49px;
}
#CoversCreateIntro p.Title{
color:#014a8f;
}
#CreateCoversBtn{
padding-left:527px;
width:101px;
}
#CreateCoversBtn a{
width:101px;
height:27px;
background:url(../img/btn_NextStep.gif) 0px 0px no-repeat;
display:block;
}
h4#CreateCoversHead1{
width:652px;
height:43px;
background:url(../img/CreateCoverHead_01.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
h4#CreateCoversHead2{
width:652px;
height:43px;
background:url(../img/CreateCoverHead_02.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
h4#CreateCoversHead3{
width:652px;
height:29px;
background:url(../img/CreateCoverHead_03.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
h4#CreateCoversHead4{
width:652px;
height:39px;
background:url(../img/CreateCoverHead_04.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
h4#CreateCoversHead5{
width:652px;
height:43px;
background:url(../img/CreateCoverHead_05.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
h4#CreateCoversHead6{
width:652px;
height:39px;
background:url(../img/CreateCoverHead_06.jpg) 40px 0px no-repeat;
text-indent:-9000px;
}
#CreateCoversHeat{
float:left;
position:relative;
padding-left:53px;
width:256px;
height:325px;
}
#CreateCoversMore{
float:left;
position:relative;
padding-left:33px;
width:256px;
height:325px;
}
#CreateCoversMore p{
font-size:75%;
line-height:1.3;
margin-bottom:8px;
}
#PanelHeadCoversInstructions{
width:326px;
height:68px;
background:url(../img/PanelHeadInstructions.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainCoversInstructions{
width:326px;
height:557px;
background:url(../img/PanelMainInstructions.jpg) 0px 0px no-repeat;
}
#PanelMainCoversInstructions p.Intro{
font-size:75%;
line-height:1.3;
padding:0px 35px 0px 25px;
height:34px;
}
#CoversInstructions1{
position:relative;
left:18px;
width:288px;
height:93px;
background:#f1f5f6;
}
#CoversInstructions1 h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions1_off.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions1On{
position:relative;
left:18px;
width:288px;
height:93px;
background:#0092ce;
color:#fff;
}
#CoversInstructions1On h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions1_on.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions2{
position:relative;
left:18px;
width:288px;
height:103px;
background:#fff;
}
#CoversInstructions2 h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions2_off.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions2On{
position:relative;
left:18px;
width:288px;
height:103px;
background:#0092ce;
color:#fff;
}
#CoversInstructions2On h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions2_on.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions3{
position:relative;
left:18px;
width:288px;
height:93px;
background:#f1f5f6;
}
#CoversInstructions3 h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions3_off.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions3On{
position:relative;
left:18px;
width:288px;
height:93px;
background:#0092ce;
color:#fff;
}
#CoversInstructions3On h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions3_on.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions4{
position:relative;
left:18px;
width:288px;
height:103px;
background:#fff;
}
#CoversInstructions4 h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions4_off.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions4On{
position:relative;
left:18px;
width:288px;
height:103px;
background:#0092ce;
color:#fff;
}
#CoversInstructions4On h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions4_on.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions5{
position:relative;
left:18px;
width:288px;
height:93px;
background:#f1f5f6;
}
#CoversInstructions5 h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions5_off.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
#CoversInstructions5On{
position:relative;
left:18px;
width:288px;
height:93px;
background:#0092ce;
color:#fff;
}
#CoversInstructions5On h5{
float:left;
width:68px;
height:93px;
background:url(../img/CoversInstructions5_on.gif) 10px 13px no-repeat;
text-indent:-9000px;
}
strong.CoversInstructions{
font-size:75%;
line-height:2.4;
position:relative;
top:4px;
}
span.CoversInstructions{
font-size:75%;
line-height:1.2;
padding-right:5px;
}
.UploadFileField{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}
#UploadPictureBtn{
position:relative;
left:0px;
}
h5#ProfilePicture{
width:306px;
height:25px;
background:url(../img/ProfilePicture.jpg) 18px 0px no-repeat;
}
#ConfirmCover{
float:left;
width:391px;
height:491px;
padding-left:38px;
background:url(../img/CoverConfirmBg.jpg) 38px 0px no-repeat;
}
#ConfirmCover img{
padding:10px 0px 0px 9px;
}
#AreYouHappy{
float:left;
width:199px;
height:495px;
background:url(../img/AreYouHappyBg.gif) 0px 34px no-repeat;
}
#AreYouHappy p{
font-size:75%;
line-height:1.3;
padding:0px 30px 0px 9px;
height:408px;
}
#AreYouHappy h5{
width:184px;
height:34px;
background:url(../img/AreYouHappy.gif) 0px 0px no-repeat;
}
#ReconfigureCoverBtn{
position:relative;
left:45px;
}
#ReconfigureCoverBtn a{
width:154px;
height:26px;
background:url(../img/btn_ReconfigureCover.gif) 0px 0px no-repeat;
display:block;
}
#SendForApprovalBtn{
position:relative;
left:45px;
}
#SendForApprovalBtn a{
width:154px;
height:27px;
background:url(../img/btn_SendForApproval.gif) 0px 0px no-repeat;
display:block;
}
#UserEmailWrap{
position:relative;
left:40px;
width:573px;
height:60px;
background:#0092ce url(../img/icon_email.gif) top right no-repeat;
margin-bottom:47px;
}
#UserEmail{
color:#fff;
font-weight:bold;
font-size:75%;
padding:20px 0px 0px 9px;
}
.UserEmailField{
width:172px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
padding:1px;
border:1px solid #999;
}
.FriendEmailWrap{
position:relative;
left:40px;
width:573px;
height:39px;
}
.FriendEmailWrapAlt{
position:relative;
left:40px;
width:573px;
height:39px;
background:#f1f5f6;
}
.FriendEmail{
color:#0092ce;
font-weight:bold;
font-size:75%;
padding:10px 0px 0px 9px;
}
#FinishBtn{
padding-left:551px;
}
#FinishBtn a{
width:77px;
height:27px;
background:url(../img/btn_Finish.gif) 0px 0px no-repeat;
display:block;
}

/* Booking Tool
---------------------------------------------------------------------------------------- */
#PanelBookingTool{
float:left;
}
h3#PanelHeadBookingTool{
width:652px;
height:63px;
background:url(../img/PanelHeadBookingTool.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainBookingTool{
width:652px;
height:876px;
background:url(../img/PanelMainBookingTool.jpg) 0px 0px no-repeat;
margin-bottom:32px;
}
#PanelAvailableSlot{
float:left;
margin-top:313px;
width:326px;
}
h3#PanelHeadAvailableSlot{
width:326px;
height:55px;
background:url(../img/PanelHeadAvailableSlot.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainAvailableSlot{
width:326px;
height:258px;
background:url(../img/PanelMainAvailableSlot.jpg) 0px 0px no-repeat;
}
h3#PanelHeadBookingInst{
width:326px;
height:63px;
background:url(../img/PanelHeadBookingInst.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainBookingInst{
width:326px;
height:250px;
background:url(../img/PanelMainBookingInst.jpg) 0px 0px no-repeat;
}
#PanelMainBookingInst p{
font-size:75%;
line-height:1.3;
padding:16px 30px 0px 26px;
}
#PanelMainBookingInst ol{
margin-left:41px;
}
#PanelMainBookingInst ol li{
list-style-type:decimal;
list-style-position:outside;
font-size:75%;
line-height:1.1;
margin-bottom:4px;
padding-right:30px;
}
#BookingFormPicWrap{
float:left;
width:178px;
height:135px;
background:url(../img/BookingFormPicsBg.jpg) 33px 0px no-repeat;
}
#BookingFormPic{
position:relative;
left:36px;
top:3px;
width:129px;
height:129px;
background:url(../img/BookingFormPics.jpg) 0px 0px no-repeat;
}
#BookingFormWrap{
float:left;
width:445px;
}
#BookingFormLocationWrap{
width:445px;
height:23px;
background:url(../img/BookingFormLocations.gif) 0px 0px no-repeat;
margin-bottom:10px;
}
.BookingFilterSelect{
float:right;
width:116px;
height:16px;
margin:4px;
font-size:10px;
color:#009390;
}
h4#YourBookingDetails{
width:445px;
height:23px;
margin-bottom:13px;
background:url(../img/YourBookingDetails.gif) 0px 0px no-repeat;
}
h4#YourPersonalDetails{
width:445px;
height:23px;
margin:17px 0px 6px 0px;
background:url(../img/YourPersonalDetails.gif) 0px 0px no-repeat;
}
h4#InviteAFriend{
width:445px;
height:23px;
margin:18px 0px 5px 0px;
background:url(../img/InviteAFriend.gif) 0px 0px no-repeat;
}
.FormDivisionWrapDate{
width:445px;
height:39px;
background:url(../img/FormDateBg.gif) 362px -4px no-repeat;
}
.FormDivisionWrapTime{
width:445px;
height:39px;
background:#f1f5f6 url(../img/FormTimeBg.gif) 362px 0px no-repeat;
}
.FormDivisionWrap{
width:445px;
height:39px;
}
.FormDivisionWrapAlt{
width:445px;
height:39px;
background:#f1f5f6;
}
#SubmitBookingBtn{
position:relative;
left:312px;
margin-top:19px;
}
h4#AvailableWhere{
position:relative;
left:24px;
width:277px;
height:23px;
background:url(../img/AvailableWhere.gif) 0px 0px no-repeat;
margin-bottom:16px;
}
h4#AvailableDate{
position:relative;
left:24px;
width:277px;
height:23px;
background:url(../img/AvailableDate.gif) 0px 0px no-repeat;
margin-bottom:16px;
}
h4#AvailableTime{
position:relative;
left:24px;
width:277px;
height:23px;
background:url(../img/AvailableTime.gif) 0px 0px no-repeat;
margin:11px 0px 15px 0px;
}
#PanelMainAvailableSlot p{
font-size:75%;
line-height:1.3;
text-align:center;
}
#GoogleMapBtn{
position:relative;
left:66px;
margin:7px 0px 10px 0px;
}
#GoogleMapBtn a{
width:189px;
height:27px;
background:url(../img/btn_GoogleMap.gif) 0px 0px no-repeat;
display:block;
}

/* Booking Confirmation
---------------------------------------------------------------------------------------- */
h3#PanelHeadConfirmation{
clear:both;
width:652px;
height:51px;
background:url(../img/PanelHeadConfirmation.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
h4#ConfirmationCongrats{
position:relative;
left:18px;
width:615px;
height:79px;
background:url(../img/ConfirmationCongrats.gif) 0px 0px no-repeat;
}
#BookingDetailsEventWrap{
float:left;
width:168px;
}
h5#BookingDetailsEvent{
width:168px;
height:31px;
background:url(../img/BookingDetailsEvent.gif) 0px 0px no-repeat;
}
#BookingDetailsEventWrap p{
font-size:75%;
line-height:1.3;
color:#004b8d;
margin-bottom:8px;
padding-left:6px;
font-weight:bold;
}
#BookingDetailsEventWrap p span{
color:#000;
}
#BookingDetailsPersonalWrap{
float:left;
width:296px;
}
h5#BookingDetailsPersonal{
width:296px;
height:31px;
background:url(../img/BookingDetailsPersonal.gif) 0px 0px no-repeat;
}
#BookingDetailsPersonalWrap p{
font-size:75%;
line-height:1.3;
color:#004b8d;
margin-bottom:8px;
padding-left:6px;
font-weight:bold;
}
#BookingInst{
float:left;
width:442px;
}
#BookingInst p{
float:left;
font-size:75%;
line-height:1.3;
width:305px;
padding:10px 0px 0px 6px;
}
#BookingInst p span{
color:#004b8d;
font-weight:bold
}
#BookingPrintBtn{
float:left;
width:114px;
}
#BookingPrintBtn a{
width:114px;
height:54px;
background:url(../img/btn_Print.gif) 17px 0px no-repeat;
display:block;
}


/* Product Giveaway
---------------------------------------------------------------------------------------- */
h3#PanelHeadProduct{
clear:both;
width:652px;
height:63px;
background:url(../img/PanelHeadProduct.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainProduct{
width:652px;
height:876px;
background:url(../img/PanelMainProduct.jpg) 0px 0px no-repeat;
margin-bottom:32px;
}
#PanelMainProduct p{
font-size:70%;
line-height:1.3;
position:relative;
top:9px;
left:202px;
width:421px;
height:125px;
}
h3#PanelHeadTipProduct{
width:326px;
height:55px;
background:url(../img/PanelHeadTipProduct.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
h3#PanelHeadCoversProduct{
width:326px;
height:63px;
background:url(../img/PanelHeadCoversProduct.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainCoversProductPic{
float:left;
width:140px;
height:143px;
background:url(../img/CoversProductPic.jpg) 24px 0px no-repeat;
}
#PanelMainCoversProductPics{
float:left;
width:147px;
height:22px;
background:url(../img/CoversHeatMore.gif) 20px 0px no-repeat;
display:block;
}
#PanelMainCoversProduct{
width:326px;
height:250px;
background:url(../img/PanelMainBookingInst.jpg) 0px 0px no-repeat;
}
#PanelMainCoversProduct p{
font-size:75%;
line-height:1.3;
padding:8px 30px 0px 26px;
}
#PanelMainCoversProduct p a{
color:#004b8d;
text-decoration:none;
}
#PanelMainTipProduct{
width:326px;
height:258px;
background:url(../img/PanelMainAvailableSlot.jpg) 0px 0px no-repeat;
}
#PanelMainTipProduct p{
font-size:75%;
line-height:1.3;
}
#VisitGilletteBtn{
padding-left:366px;
padding-top:8px;
}
#VisitGilletteBtn a{
width:224px;
height:31px;
background:url(../img/btn_VisitGillette.gif) 0px 0px no-repeat;
display:block;
}
#ProductFormWrap{
padding:33px 29px 0px 178px;
}
h4#YourDetails{
width:445px;
height:23px;
margin:17px 0px 6px 0px;
background:url(../img/YourDetails.gif) 0px 0px no-repeat;
}
h4#SendToAFriend{
width:445px;
height:23px;
margin:18px 0px 5px 0px;
background:url(../img/SendToAFriend.gif) 0px 0px no-repeat;
}
.ProductFormDivisionWrap{
width:445px;
height:36px;
}
.ProductFormDivisionWrapAlt{
width:445px;
height:36px;
background:#f1f5f6;
}
#ProductSubmitBookingBtn{
position:relative;
left:312px;
margin-top:19px;
}


/* Leg Match
---------------------------------------------------------------------------------------- */
#PanelLegMatchWrap{
clear:both;
float:left;
width:652px;
height:625px;
}
h3#PanelHeadLegMatchWrap{
clear:both;
width:652px;
height:63px;
background:url(../img/PanelHeadLegMatch.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainLegMatchWrap{
width:652px;
height:562px;
background:url(../img/PanelMainLegMatch.jpg) 0px 0px no-repeat;
}
h3#PanelHeadLegMatchScore{
clear:both;
width:652px;
height:63px;
background:url(../img/PanelHeadLegMatchScore.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainLegMatchScore{
width:652px;
height:562px;
background:url(../img/PanelMainLegMatchScore.jpg) 0px 0px no-repeat;
}
#LegMatchDesc{
height:156px;
}
#LegMatchDesc p{
font-size:75%;
line-height:1.3;
padding:20px 31px 0px 279px;
}
#LegMatchDesc p span{
color:#004b8d;
font-weight:bold;
}
#PanelLegMatchInst{
float:left;
width:326px;
height:625px;
}
h3#PanelHeadLegMatchInst{
width:326px;
height:63px;
background:url(../img/PanelHeadLegMatchInst.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainLegMatchInst{
width:326px;
height:562px;
background:url(../img/PanelMainLegMatchInst.jpg) 0px 0px no-repeat;
}
#LegMatchInstComp{
height:156px;
}
#LegMatchInstComp p{
font-size:75%;
line-height:1.3;
color:#004b8d;
padding:19px 25px 0px 130px;
margin-bottom:8px;
}
#LegMatchInstComp p.Indent{
padding:0px 25px 0px 142px;
color:#00978c;
}
h4#LegMatchInstPrize{
height:84px;
}
#LegMatchInstIntro{
height:239px;
}
#LegMatchInstIntro p{
font-size:75%;
line-height:1.2;
padding:0px 25px 0px 26px;
margin-bottom:8px;
}
#LegMatchControlsWrap{
padding:0px 0px 0px 430px;
}
#LegMatchControls{
width:183px;
height:358px;
background:#f1f5f5;
}
#LegMatchControls p{
font-size:75%;
line-height:1.3;
padding-left:19px;
height:17px;
}
#SeeScoresBtn{
padding-left:430px;
padding-top:0px;
}
#SeeScoresBtn a{
width:199px;
height:27px;
background:url(../img/btn_SeeScores.gif) 0px 0px no-repeat;
display:block;
}
#PlayGameWinBtn{
padding-left:122px;
padding-top:0px;
}
#PlayGameWinBtn a{
width:200px;
height:27px;
background:url(../img/btn_PlayGameWin.gif) 0px 0px no-repeat;
display:block;
}
#PlayNowBtn{
width:184px;
height:91px;
}
#PlayNowBtn a{
width:184px;
height:91px;
background:url(../img/btn_PlayNow.gif) 0px 0px no-repeat;
display:block;
}
h5#Controls{
width:183px;
height:142px;
background:url(../img/LegMatchControls.gif) 0px 0px no-repeat;
}
h5#Keyboard{
width:183px;
height:20px;
background:url(../img/LegMatchKeyboard.gif) 0px 0px no-repeat;
}
h5#MouseCursor{
clear:both;
width:183px;
height:38px;
background:url(../img/LegMatchMouseCursor.gif) 0px 0px no-repeat;
}
.KeyboardArrows{
clear:both;
float:left;
width:79px;
}
.KeyboardControls{
float:left;
width:57px;
text-transform:uppercase;
}
#PanelLegMatchGame{
width:958px;
height:625px;
padding:60px 0 0 20px;
background:url(../img/PanelLegMatchGame.jpg) 0px 0px no-repeat;
}


/* Fashion Tips
---------------------------------------------------------------------------------------- */
#PanelTips{
clear:both;
float:left;
width:652px;
height:625px;
}
h3#PanelHeadTips{
clear:both;
width:652px;
height:62px;
background:url(../img/PanelHeadTips.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainTips{
width:652px;
height:563px;
background:url(../img/PanelMainTips.jpg) 0px 0px no-repeat;
}
#PanelSelectTip{
float:left;
width:326px;
height:625px;
}
h3#PanelHeadSelectTip{
width:326px;
height:63px;
background:url(../img/PanelHeadSelectTip.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainSelectTip{
width:326px;
height:562px;
background:url(../img/PanelMainSelectTip.jpg) 0px 0px no-repeat;
}
h4#TipsMovieTitle{
float:left;
width:490px;
padding-top:4px;
font-size:75%;
color:#004b8d;
font-weight:bold;
text-indent:44px;
}
#ShareTipTopBtn{
float:right;
padding-right:39px;
height:31px;
}
#ShareTipTopBtn a{
width:119px;
height:27px;
background:url(../img/btn_ShareTipTop.gif) 0px 0px no-repeat;
display:block;
}
#TipsMovieWrap{
clear:both;
position:relative;
left:40px;
width:573px;
height:346px;
}
h4#TipsTopTip{
float:left;
width:494px;
height:28px;
background:url(../img/TopTip.gif) 40px 0px no-repeat;
}
#ShareTipFootBtn{
float:right;
padding-right:39px;
height:31px;
}
#ShareTipFootBtn a{
width:119px;
height:23px;
background:url(../img/btn_ShareTipFoot.gif) 0px 0px no-repeat;
display:block;
}
#ExpertPicWrap{
clear:both;
float:left;
width:180px;
height:135px;
background:url(../img/ExpertPicWrap.gif) 39px 0px no-repeat;
}
#ExpertPicWrap img{
position:relative;
left:42px;
top:3px;
}
#ExpertTip{
float:left;
width:432px;
height:129px;
background:url(../img/ExpertLogos.gif) 296px 110px no-repeat;
}
#ExpertTip p{
font-size:75%;
line-height:1.3;
margin-top:8px;
}
p#SelectTipIntro{
font-size:75%;
line-height:1.3;
padding:0px 19px 0px 24px;
height:31px;
}
#SelectTipWrap{
position:relative;
left:17px;
width:288px;
height:503px;
}
#SelectTipWrap ul li{
clear:both;
height:77px;
padding:8px;
list-style-type:none;
}
#SelectTipWrap ul li img{
float:left;
}
#VideoDesc{
float:left;
height:75px;
}
#SelectTipWrap ul li p{
height:48px;
}
#SelectTipWrap ul li p a{
font-size:75%;
line-height:1.3;
color:#004b8d;
font-weight:bold;
height:48px;
padding-left:8px;
text-decoration:none;
}
#SelectTipWrap ul li.Alt{
height:77px;
padding:8px;
background:#f1f5f5;
}
#ViewVideoBtn{
width:107px;
height:27px;
padding-left:8px;
}
#ViewVideoBtn a{
width:107px;
height:27px;
background:url(../img/btn_ViewVideo.gif) 0px 0px no-repeat;
display:block;
}
#ViewVideoBtnAlt{
width:107px;
height:27px;
padding-left:8px;
}
#ViewVideoBtnAlt a{
width:107px;
height:27px;
background:url(../img/btn_ViewVideoAlt.gif) 0px 0px no-repeat;
display:block;
}


/* Tour
---------------------------------------------------------------------------------------- */
#PanelTour{
clear:both;
float:left;
width:652px;
height:625px;
}
h3#PanelHeadTour{
clear:both;
width:652px;
height:50px;
background:url(../img/PanelHeadTour.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainTour{
width:652px;
height:575px;
background:url(../img/PanelMainTour.jpg) 0px 0px no-repeat;
}
#PanelMainTourLondon{
width:652px;
height:575px;
background:url(../img/PanelMainTour.jpg) 0px 0px no-repeat;
}
#PanelMainTourNewcastle{
width:652px;
height:575px;
background:url(../img/PanelMainTour.jpg) 0px 0px no-repeat;
}
#PanelMainTourSheffield{
width:652px;
height:575px;
background:url(../img/PanelMainTour.jpg) 0px 0px no-repeat;
}
#PanelMainTourManchester{
width:652px;
height:575px;
background:url(../img/PanelMainTour.jpg) 0px 0px no-repeat;
}
#PanelAboutTour{
float:left;
width:326px;
height:625px;
}
h3#PanelHeadAboutTour{
width:326px;
height:60px;
background:url(../img/PanelHeadAboutTour.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
#PanelMainAboutTour{
width:326px;
height:565px;
background:url(../img/PanelMainAboutTour.jpg) 0px 0px no-repeat;
}
#PanelMainAboutTour p{
font-size:75%;
line-height:1.3;
background:url(../img/AboutTourPic.jpg) 25px 9px no-repeat;
height:186px;
padding:183px 36px 0px 33px;
}
#TourLineup{
padding:13px 29px 0px 35px;
background:url(../img/TourLineupBg.gif) 48px 60px no-repeat;
height:484px;
}
#TourLineup p{
font-size:75%;
line-height:1.3;
height:54px;
}
#TourLineup ul{
position:relative;
left:35px;
}
#TourLineup ul li{
height:78px;
padding:0px 126px 0px 44px;
font-size:75%;
line-height:1.3;
list-style-type:none;
}
#BookAppointmentTourBtn{
padding-left:411px;
width:182px;
height:27px;
}
#BookAppointmentTourBtn a{
width:182px;
height:27px;
background:url(../img/btn_BookAppointment.gif) 0px 0px no-repeat;
display:block;
}
.BookAppointmentBtn{
padding-left:449px;
width:182px;
height:27px;
}
.BookAppointmentBtn a{
width:182px;
height:27px;
background:url(../img/btn_BookAppointment.gif) 0px 0px no-repeat;
display:block;
}
.BookAppointmentBtnAlt{
float:left;
width:182px;
height:94px;
background:url(../img/PanelHeadTourDetails.gif) 0px 0px no-repeat;
}
.BookAppointmentBtnAlt a{
position:relative;
top:67px;
width:182px;
height:27px;
background:url(../img/btn_BookAppointment.gif) 0px 0px no-repeat;
display:block;
}
h4#CheckSlots{
width:326px;
height:38px;
background:url(../img/CheckSlots.gif) 18px 0px no-repeat;
}
#CheckSlotsFormWrap{
width:284px;
height:110px;
}
#BookAppointmentAboutBtn{
float:right;
width:182px;
height:27px;
padding-right:22px;
}
#BookAppointmentAboutBtn a{
width:182px;
height:27px;
background:url(../img/btn_BookAppointment.gif) 0px 0px no-repeat;
display:block;
}
.TourDivisionWrap{
width:284px;
height:32px;
position:relative;
left:20px;
}
.TourDivisionWrapAlt{
width:284px;
height:32px;
background:#f1f5f6;
position:relative;
left:20px;
}
.WhenAndWhere{
float:left;
width:217px;
padding-left:26px;
}
.TourDetailsTitle{
clear:both;
float:left;
color:#004b8d;
width:50px;
font-size:70%;
line-height:1.3;
font-weight:bold;
}
.TourDetailsDetail{
float:left;
color:#000;
width:150px;
font-size:70%;
line-height:1.3;
font-weight:bold;
}
.WhenAndWhere h4{
width:217px;
height:33px;
background:url(../img/WhenAndWhere.gif) 0px 0px no-repeat;
}
.GettingThere{
float:left;
width:202px;
}
.GettingThere h4{
width:202px;
height:33px;
background:url(../img/GettingThere.gif) 0px 0px no-repeat;
}


/* Form Elements
---------------------------------------------------------------------------------------- */
label{
clear:both;
float:left;
color:#0092cf;
width:124px;
text-indent:34px;
font-size:70%;
font-weight:bold;
padding-top:3px;
margin-top:8px;
}
.TourLabel{
width:107px;
}
.TextField{
width:172px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
padding:1px;
border:1px solid #999;
margin-top:8px;
}
.Dropdown{
width:172px;
height:16px;
font-size:10px;
color:#009390;
margin-top:8px;
}
.day{
width:51px;
font-size:75%;
margin-right:4px;
margin-top:8px;
color:#717171;
}
.month{
width:63px;
font-size:75%;
margin-right:4px;
margin-top:8px;
color:#717171;
}
.year{
width:55px;
font-size:75%;
margin-top:8px;
color:#717171;
}
.CheckWrap{
padding:0px 0px 0px 124px;
}
.Check{
clear:both;
float:left;
width:18px;
margin:12px 8px 0px 0px;
}
.CheckMessage{
float:left;
font-size:70%;
margin:12px 0px 0px 0px;
color:##0092cf;
}
.CheckMessage a{
color:#004b8d;
}
.TourSelect{
width:100px;
font-size:75%;
margin-right:4px;
margin-top:8px;
color:#717171;
}
.GoogleMap{
position:relative;
left:26px;
padding:4px 0px 13px 0px;
width:601px;
height:386px;
}


/* Footer
---------------------------------------------------------------------------------------- */
#FooterWrap{
clear:both;
border-top:1px solid #ebebeb;
padding:2px 8px 32px 8px;
}
#FooterLeft{
width:50%;
float:left;
}
#FooterLeft p{
font-size:70%;
text-transform:uppercase;
color:#009390;
padding-top:8px;
}
#FooterLeft p a{
color:#009390;
text-decoration:none;
}
#FooterRight{
width:50%;
float:right;
text-align:right;
}
#FooterRight span{
font-size:70%;
color:#009390;
text-transform:uppercase;
}

/* Buttons
---------------------------------------------------------------------------------------- */
.BtnFindOutMore{
float:left;
text-indent:-9000px;
background:url(../img/btn_FindOutMore.gif) 0px 0px no-repeat;
}
.BtnFindOutMore a{
width:121px;
height:27px;
display:block;
}
.BtnBookYourAppointment{
float:left;
text-indent:-9000px;
background:url(../img/btn_BookYourAppointment.gif) 0px 0px no-repeat;
}
.BtnBookYourAppointment a{
position:relative;
top:0px;
left:0px;
width:183px;
height:27px;
display:block;
}





/* Competition

h2#CompetitionTitle{
width:406px;
height:132px;
background:url(../img/CompetitionTitle.gif) 0px 0px no-repeat;
text-indent:-9000px;
}
#CompetitionWrap{
width:330px;
height:269px;
background:url(../img/FormBg.jpg) 0px 0px no-repeat;
}
.FormInputWrap{
float:left;
width:282px;
height:34px;
background:#fff url(../img/TextBg.gif) 0px 0px no-repeat;
margin:0px 0px 9px 15px;
}
.FormInput{
position:relative;
top:8px;
left:6px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:75%;
width:272px;
height:20px;
background:#fff;
border:1px solid #fff;
color:#e41e26;
}
.CheckWrap{
padding:0px 0px 0px 15px;
}
.Check{
clear:both;
float:left;
width:18px;
margin:7px 8px 0px 0px;
}
.CheckMessage{
float:left;
font-size:65%;
margin:8px 0px 0px 0px;
}
.CheckMessage a{
color:#e63e23;
font-weight:bold;
text-decoration:none;
}
.CheckMessage a:hover{
text-decoration:underline;
}
#SubmitWrap{
clear:both;
padding:16px 0px 0px 0px;
}
---------------------------------------------------------------------------------------- */

/* Thanks
---------------------------------------------------------------------------------------- */
#ThanksIntro{
height:89px;
padding:0px 49px 0px 0px;
text-align:center;
}
#ThanksIntro p{
font-size:75%;
line-height:1.3;
}
#ThanksSurvey{
padding:0px 49px 0px 0px;
text-align:center;
}

/* Terms
---------------------------------------------------------------------------------------- */
#Terms{
padding:20px;
}
ol{
margin-left:20px;
margin-top:10px;
}
ol li{
list-style-type:decimal;
list-style-position:outside;
font-size:70%;
line-height:1.3;
margin-bottom:4px;
}
ul{
margin-left:20px;
margin-top:10px;
}
ul li{
list-style-type:circle;
list-style-position:outside;
font-size:100%;
line-height:1.3;
margin-bottom:4px;
}
li p{
line-height:1.3;
}