/* =========== IE6 & IE7 CSS ============= */
* html div.browseBtn{margin:1px 0 0 4px;}
*:first-child+html div.browseBtn{margin:1px 0 0 4px;}

* html div.celebInfo  { height:160px;}
* html .not .celebInfo h3 {background: transparent url(../../SiteImages/test/blueRulerIE6.gif)  right bottom no-repeat;}
* html .hot .celebInfo h3 {background: transparent url(../../SiteImages/test/yellowRulerIE6.gif)  right bottom no-repeat;}

* html .fiveStar span, * html .fourStar span, * html .threeStar span, 
* html .twoStar span, * html .oneStar span, * html .fiveStar,
 * html .fourStar, * html .threeStar, * html .twoStar, * html .oneStar {
	background: url(../../SiteImages/test/starsIE6.gif)}
	
	
a:focus
{
	outline:none;	
}
div#content
{
	background:url(../../SiteImages/Common/comp_BG.png) no-repeat;
}
div.compLogo
{
	width:960px; 
	height:170px;
}
div.compBookOnline
{
	width:180px;
	height:122px;
	background:url(../../SiteImages/Common/bookOnline.png) no-repeat;
	float:right;	
}
div.mtLogo
{
	float:right;
	width:294px;
	height:74px;
	background:url(../../SiteImages/Common/logo.png) no-repeat;
	margin:30px 100px;	
}

div.compContentHolder h2, div.compContentHolder h3
{
	margin:0;
	padding:0;	
}
div.compContentHolder fieldset
{
	margin:0 0 0 0;	
}
div.compContentHolder div.compClear
{
	clear:both;
}
div.termsAndConditions
{
	margin-bottom:50px;
}
div.aboutYou p span, div.compClear label span, div.compFile label span
{
	/*color:red;*/
}
div.compAbout label, div.compFile label
{
	display:block;
	width:171px; /*120*/
	/*margin-left:20px;*/
	float:left;
	/*margin-top:10px;*/
	line-height:2em;	
	padding-bottom:0.3em;
}
div.compAbout input
{
	margin-top:5px;	
}
div.compTerms
{
	padding:10px 0;
}
div.compTerms input
{
	display:block; 
	float:left;
	margin-right:10px;
	height:20px;
	vertical-align:top;
}
div.compAbout input
{
	background:url(../../SiteImages/Common/textBoxLarge.jpg) no-repeat;
	width:270px;
	height:27px;
	border:0;
	padding:5px 0 0 5px;
}
div.compAbout input#compDOB, div.compAbout input#compPostcode
{
	background:url(../../SiteImages/Common/textBoxSmall.jpg) no-repeat;
	width:150px;
	height:27px;
	border:0;
	padding:5px 0 0 5px;
}
div.filePath, div.browseBtn
{
	float:left;	
}
div.browseBtn
{
	margin-left:10px;
}
div.compFile label
{
	clear:both;	
}

/*
div.compFile textarea
{
	float:left;
	background:url(../../SiteImages/Common/textArea.jpg) no-repeat;
	width:270px;
	height:52px;
	border:0;
	overflow:hidden;
	padding:5px 0 0 5px;
}
*/

/*this is a hack because the correct class of "genericForm" has not been used - Stuart Johnston 29/09/08
see MadameTussaudsWeb/AAA_HTMLTemplates/pageCityContent.aspx.  All these concepts have been written.
For new HTML work sugget use these concepts rather than redoing everything again*/

#container .nonStandardTextarea
{
	border:3px double #7B531B;
	font-size:1.2em;
	margin-bottom:0.8em;
	padding:3px;
	font-family:Arial,Verdana,sans-serif;
	height:10em;
	overflow:auto;
	width: 270px;
}

div.btnHomePage
{
	margin-top:50px;	
}
div.compTerms input#uiBtncompEnter, div.btnHomePage input#uiBtnHomePage
{	
	width:194px;
	height:34px;
	border:0;
}
div.compFile input#filePath
{
	background:url(../../SiteImages/Common/textBoxMedium.jpg) no-repeat;
	width:168px;
	height:27px;
	border:0;
	padding:5px 0 5px 5px;	
}
div.browseBtn input#browseBtn
{
	background:url(../../SiteImages/Common/browseBtn.gif) no-repeat;
	width:87px;
	height:27px;
	border:0;
	float:left;	
}
div#primaryContent
{
	padding:1px;
}
div.thanksInner
{
	float:left;
	padding-top:40px; 
	margin-top:130px; 
	width:330px;
}
div.additionalWidth{width:695px !important;}
div.tennisAd
{

	width:365px;
	height:438px;
	margin-top:100px;
	float:right;
	background:url(../../SiteImages/Common/Thanks.png) no-repeat;	
}

/* ========= popup css =========== */

body#popupBg
{
	
}
div#pageWrapper
{
	height:1947px;
	width:532px;
	background:url(../../SiteImages/Common/TermsBG.gif) no-repeat;	
	border:5px solid green;
}

/*added Stuart Johnston*/
.compClear label,
/*this is not an input - it is a class name on div - careful - Stuart Johnston 29/09/08*/
.compContentHolder .input label,
.compContentHolder p
{
	font-size: 1.2em;
}

.compFile label
{
	font-size: 1.2em;
}

#nonStandardFieldset .input
{
	margin-bottom: 10px;
}

#nonStandardFieldset .input label
{
	padding-bottom: 0.3em;
	margin-left: 8px;
}

.compClear .genericButton
{
	height: auto;
}

 #content .small
{
	width: 25%;
}

.largeColumn .genericForm .genericInput
{
	width: 50%;
	float: left;
	
}

.largeColumn .genericForm label,
.largeColumn .genericForm legend
{
	float: left;
	width: 45%;
	line-height: 2em;
	font-size: 1.1em;
	
}

#primaryContent  .compUpload .genericItem
{
	float: none;
}

#primaryContent .compUpload.compItem .genericItem {
	max-width:96%;
	width:96%;}

/* Left Navigation pages CSS */

body#pageWhosHot #content
{
	background:url(../../SiteImages/test/newMT-BG.jpg) left top; 	
}
.leftFloat
{
	float:left;
}
.rightFloat
{
	float:right !important;
}
.noMargin
{
	margin:0 !important;	
}
.mtLeftImagePanel
{
	float:left;	
	margin-right:7px;
}
.mtGallery a img
{
	border:3px double #7B531B !important;	
	margin-bottom:10px;
}
.mtGallery a:hover .flickerImage, .mtGallery a:focus .flickerImage
{
	border-color:#C99B34 !important;
}
a.mtViewMore
{
	padding:20px 0;
	display:block;
	width:150px;
	clear:both;
	font-size:1.2em;
	background:url(../../SiteImages/Icons/iconArrow.gif) no-repeat right center;
	padding-right:30px;
}
.mtHolder
{
	float:left;
	margin-right:15px;
	width:105px;	
}
.mtPrimaryComponent p, .mtPrimaryComponent ul li
{
	font-size:1.1em;
}
#uiLblFindNow
{
	display:none;	
}
.mtFormContent
{
	padding-bottom:20px;	
}
.mtFormContent .genericInput
{
	width:190px !important;
	float:left;
}
.mtFormContent .genericButton
{
	float:left;	
	margin-top:0 !important;
	margin-left:20px;
}
.mtFlickrContent
{
	padding:20px 0 50px 0;	
}
.mtFlickrContent p 
{
	margin:0 0 5px 0;
	padding:0;	
}
.mtFlickrContent p.topMarg
{
	margin-top:5px;	
}
.mtBottomInfo
{
	margin-left:150px;	
}






.mtLeftMainContent h3, .mtLeftMainContent ul
{
	padding-bottom:15px;	
}
.mtRightInfo
{
	padding-bottom:10px;	
}
.mtRightInfo a
{
	background:url(../../SiteImages/Icons/iconArrow.gif) no-repeat right center;
	padding-right:20px;	
}
/*	RM: 17/12/08 - Double margin bug in IE6 and 7. Seemed strangely coded, too. */
/*	Only used for Flickr right now. */
.galleryMargin
{
	margin-right: 0;
	float: right;
}

div.celebInfoContainer
{
	margin-top:155px;	
}

div.celebInfoHalfContainer
{
	margin-top:130px;
	width:275px;
	float:left;	
}
div.celebText
{
	width:155px;
	margin-right:0px;	
}

div.celebInfo  { min-height:160px;}

h2.sifr 
{
	/*font-size:1em; */
	line-height:1em; 
	margin-bottom: 0;
}

#pageWhosHot #breadcrumb {margin-bottom:0.5em;}

.yellowRuller { 
	height:1px; background: #fdaa03 url(../../SiteImages/test/yellowRuller.png) no-repeat right top;
	margin-bottom:10px;}
	
.blueRuller { 
	height:1px; background: #2e9add url(../../SiteImages/test/blueRuller.png) no-repeat right top;
	margin-bottom:10px;}

.not .celebInfo h3, .hot .celebInfo h3 {margin-bottom:10px; padding-bottom:5px;}
.not .celebInfo h3 {background: transparent url(../../SiteImages/test/blueRuller.png)  right bottom no-repeat;}
.hot .celebInfo h3 {background: transparent url(../../SiteImages/test/yellowRuller.png)  right bottom no-repeat;}

.higherRate,  .lowerRate, .evenRate { float:left;}

.higherRate, .higherRate span, .lowerRate,  
.lowerRate span,.evenRate, .evenRate span {
	width:35px; height:35px; margin-bottom: 9px;
	background-image: url(../../SiteImages/test/rates.gif);}


.hot .higherRate, .hot  .higherRate span { background-position:  left top;}
.hot .lowerRate, .hot .lowerRate span { background-position:  left -35px;}
.hot .evenRate, .hot .evenRate span { background-position:  left -70px;}


.not .higherRate, .not  .higherRate span { background-position:  left -105px;}
.not .lowerRate, .not .lowerRate span { background-position:  left -140px;}
.not .evenRate, .not .evenRate span { background-position:  left -175px;}

.fiveStar, .fourStar, .threeStar, .twoStar, .oneStar { 
	float:left; margin:8px 5px;
	width:104px; height:19px;   background-image: url(../../SiteImages/test/stars.png);}

.fiveStar span, .fourStar span, .threeStar span, .twoStar span, .oneStar span{
	width:104px; height:19px;   background-image: url(../../SiteImages/test/stars.png); text-indent:-99999px;} 

.hot .fiveStar, .hot .fiveStar span  { background-position: 104px top;}
.hot .fourStar, .hot .fourStar span { background-position: 104px -19px;}
.hot .threeStar, .hot .threeStar span { background-position: 104px -38px;}
.hot .twoStar, .hot .twoStar span { background-position: 104px -57px;}
.hot .oneStar, .hot .oneStar span { background-position: 104px -76px;}

.not .fiveStar, .not .fiveStar span { background-position: left top;}
.not .fourStar, .not .fourStar span { background-position: left -19px;}
.not .threeStar, .not .threeStar span { background-position: left -38px;}
.not .twoStar, .not .twoStar span { background-position: left -57px;}
.not .oneStar,.not .oneStar  span { background-position: left -76px;}


.rssItem {max-width:270px; width:27em;}
.rssItem p, .rssItem a { font-size: 1.1em;}


#pageFigure h3 {font-size: 1.2em; }