/*
     ThomsonLocal.com version 5
	 Thomsonlocal.com December 2008      
     Peter Tizzard                   

     Styles for pages with the 2 coloumn layout.
	 These pages will have an id of "twoCol" on the body element
*/

/* ------------------- main content --------------------- */
#twoCol #content h1{font-size:167%;font-weight:normal;}
#twoCol #content h1 span,#twoCol #content h2 span{padding:0.1em 3em 0.1em 1em;}
#twoCol  h3,#twoCol  h2{padding:0;margin:1em 0 0 0;}

/* ------------------- sidebar contents --------------------- */
#twoCol #right .rounded2{background-color:#F6F9FC;}
#twoCol #right div h4{margin:0 1em 0 0;text-align:center;font-size:100%;}
#twoCol #right h5{margin:0;padding:0;color:#333;}

#twoCol #right ul{font-size:92%;list-style-type:none;margin:0;padding:1em 0 1em 0;}
#twoCol #right ul:last-child{border:none;}
#twoCol #right li{margin:0 1.5em 0.5em 0em;padding:0;}

#twoCol #right a{display:block;padding:1px;color:#333;}
#twoCol #right ul a:hover{background-color:#FFFFCC;}
#right p{margin-right:1.5em;}
/* ------------------- END sidebar contents --------------------- */

#brCr{display:inline;}
/* ------------------- rounded corners --------------------- */
div.rounded { /* browser with no javascript */ padding-top: 16px;}
div.rounded2 {position:relative; background: transparent url(http://images.thomsonlocal.com/tlc/tr.gif) no-repeat top right;padding:0 16px 0 0;}
	div.rounded2 div.roundedInner { background: transparent url(http://images.thomsonlocal.com/tlc/tl.gif) no-repeat top left;}
		div.rounded2 div.roundedInner div.roundedInner { background: transparent url(http://images.thomsonlocal.com/tlc/br.gif) no-repeat bottom right; padding-top:16px; margin-right:-16px;}
			div.rounded2 div.roundedInner div.roundedInner div.roundedInner {background: transparent url(http://images.thomsonlocal.com/tlc/bl.gif) no-repeat bottom left;margin-top:0;padding:10px 16px 10px 1em;}

.blue{background-color:#F6F9FC;}
#wrapper .rounded2{margin:0 0 2em 0;}/* add margin to rounded div across both columns */
/* ------------------- END rounded corners --------------------- */

/* div that contains the content inside a rounded corner div. It is needed in order to add padding. */
.cornerContent{padding:0 20px 1em 20px;zoom:1;}

.breadcrumb{list-style-type:none;margin:1em 0 1em 0;padding:0;height:2em;font-size:85%;color:#999;}
	.breadcrumb li{float:left;border-right:1px solid #ccc;padding:0.25em 0.5em 0 0.5em;}
	.breadcrumb li:last-child{border:none;}
		.breadcrumb a{color:#999;}
		.breadcrumb a:hover{color:#666;}
		.breadcrumb a:visited{color:#999;}


/* ------------------- trade associations overview --------------------- */
.tr-over #container .roundPos0{margin:0 1.5em;}/* the search box at bottom */

/* ------------------- trade associations type page --------------------- */
/* basic vcard markup in common.css*/
#twoCol .trade .vcard{border-bottom:1px solid #ccc;width:48%;margin-right:2%;height:12em;font-size:90%;float:left;}
.trade .vcard a{display:block;text-decoration:none;width:100%;}
.trade .vcard:hover{background-color:#FFFEEC;}
.trade .vcard:hover h3{color:#003399;}
/* ------------------- trade associations detail page--------------------- */
p.web{color:#ff8400;margin:0.5em 0 2em 0;font-size:92%;}
p.web a{color:#333;text-decoration:none;}
#right .vcard{text-align:center;border:none;}
#right .vcard img{margin-bottom:1em;}
#right .vcard .adr,#right .vcard h3{text-align:left;margin:0 1em 0 0.5em;}
#right .vcard p span{display:inline;}

#tradeSearch p{margin:0 0 0.5em -10px;}
#tradeSearch fieldset{margin:0.5em 0 0 10em;border:0;}
#tradeSearch fieldset label{font-size:136%;color:#003399;}
#twoCol #mp_MainColumn_searchArea h3{margin:0;}
#searchArea h2{left:8px;z-index:100;padding:0 0 0.5em 0.5em;margin:0;color:#003399;font-size:114%;height:22px;width:380px;}
				
/* ------------------- forms class "forms" is applied to the fieldset element--------------------- */
fieldset.forms{display:block;padding:1em;margin:2em 0 1em 0;border:1px solid #E1E1E1;}
.compInfo fieldset.forms{margin:0;}/*contact form info page*/
	fieldset.forms legend{font-weight:bold;color:#003399;}
	fieldset.forms legend span{font-weight:normal;color:#6699cc;font-size:85%;}

/*	.forms label{display:block;width:25em;font-size:92%;margin:1em 0 0.2em 0;}
	.forms label span{display:block;font-size:77%;color:#666;}

	.forms textarea{width:30em;height:10em;border:1px solid #999;}
	.forms .error{margin:0;}

	.helpText{border:1px solid #6699cc;padding:0.25em;margin:0.5em 1em 0.5em 0;}

	.commsPref input{width:1em;display:inline;border:0;line-height:1.2em;}
	.commsPref label{display:block;width:auto;}
	.commsPref label span{font-size:92%;color:#666;}
	
		*/
	/* free listing application form */
	.forms .listType{display:inline;line-height:2em;}
	#listingNew,#listingMod{width:1em;display:inline;padding-top:5px;border:0;}
	
/* Britain's punniest */
#content #main #britainspunniestLogo{float:right;display:block;width:182px;height:35px;background:url(http://images.thomsonlocal.com/tlc/britainspunniest/britainsPunniestCompanyInfo.png) 0 0 no-repeat;padding:85px 0 0 18px;color:#69c;text-decoration:none;}
#content #main #britainspunniestLogo:hover{color:#f60;text-decoration:underline;}	
#content #main #britainspunniestLogo.side{top:160px;}
#content #main #britainspunniestLogo.companyInfo{top:70px;left:490px;font-size:11px;}

#twoCol #content #right #britainspunniestLogo{display:block;width:182px;height:35px;background:url(http://images.thomsonlocal.com/tlc/britainspunniest/britainsPunniestCompanyInfo.png) 0 0 no-repeat;padding:85px 0 0 18px;color:#69c;text-decoration:none;}
#twoCol #content #right #britainspunniestLogo:hover{color:#f60;text-decoration:underline;}	
	
/* ------------------- COMPANY INFO PAGE --------------------- */
/* reduce padding top bottom in right col */
#right div.rounded2 div.roundedInner div.roundedInner div.roundedInner {padding:0 16px 5px 1em;}

/* override normal vcard style */
#twoCol .vcard {padding:0;border-bottom:0;}
/* address */
#twoCol #wrapper .compInfo h1{background:none;color:#000;font-size:159%;font-weight:normal;margin:1em 0 0.5em 0;padding:0;}
.compInfo .adr{padding:0;margin:0 0 1em 0;font-size:114%;}
.compInfo .adr span{display:inline;}
.compInfo .url{padding:0;margin:0 0 1em 0;font-size:100%;}
.compInfo .url a{color:#333;}

/* tel, email, website */
ul#suppInfo{list-style-type:none;margin:0;padding:0;}
ul#suppInfo li{margin:0;padding:0 0 0 30px;display:block;height:18px;}
ul#suppInfo li span{display:none;}
ul#suppInfo li span.value{display:inline;}
ul#suppInfo a{color:#000;}
#suppT{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 0 no-repeat;}
#suppE{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 -15px no-repeat;}
#suppM{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 -47px no-repeat;}
ul#suppInfo #suppSF{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 -64px no-repeat;margin-bottom:1em;}
#suppW{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 -85px no-repeat;}
#suppNectar{background:url("http://images.thomsonlocal.com/tlc/contactIconsSprite.png") 0 -116px no-repeat;font-size:85%;}
#suppNectar em{font-weight:bold;font-style:normal;font-size:114%;}
#nectarAd{/*border:2px solid #6F2A8E;*/display:block;padding:0;margin:0 auto;}
#nectarImg{border:2px solid #6F2A8E;margin:0;padding:0;}
p#nectar{
min-height:28px;
 height:auto !important;
 height:28px;
font-size:85%;text-align:left;line-height:1.3em;margin:0 auto;padding:10px 0 0 50px;color:#fff;background:url(http://images.thomsonlocal.com/tlc/nectarDropletListing.jpg) 5px 2px no-repeat #6F2A8E;}
p#nectar em{font-size:136%;font-weight:bold;font-style:normal;padding:0;}
p#nectar a,p#nectar a:visited{color:#fff;padding:0;}
ul#suppInfo #suppRating{margin:0.5em 0 2em 0;height:2.5em;}
#suppRating a{display:block;}

#twoCol  .compInfo h3{font-size:92%;font-weight:bold;margin:1em 0;}
#twoCol  .compInfo h3 em{color:#999;}
#twoCol  .compInfo h4{font-size:77%;color:#000;font-weight:normal;margin:0.5em 0 0 0;}

/* extra data ul id=extraInfo*/
 #extraInfo{margin:-1em 0 0 120px;font-size:85%;padding:0;height:2em;list-style-type:none;}
 #extraInfo li{padding:0 0.5em;}
#extraInfo li{float:left;padding:0 15px 0 0.75em;white-space:nowrap;background:url("http://images.thomsonlocal.com/tlc/ticks.gif") 100% -25px  no-repeat;}
div.adMapContainer{clear:both;border:1px solid #C2D6EB;margin:2em 0 1em 0;}

/* features */
#right .feature h3, #right .openingtime h3{font-size:92%;border-bottom:1px solid #ccc;color:#6699CC;}
#twoCol #right div.feature,#twoCol #right div.openingtime{margin:0;height:auto;border:0;}
#twoCol #right div.feature li,#twoCol #right div.openingtime li{float:none;margin-left:10px;padding-left:20px;background:url("http://images.thomsonlocal.com/tlc/ticks.gif") 0 -25px  no-repeat;}

/* Opening Times */
#right .openingtime li span{display:inline-block;width:75px;}

/* features main col */
#twoCol  .compInfo .feature h3,#twoCol  .compInfo .openingtime h3{color:#6699CC;margin:0.5em 0 0.25em;font-weight:normal;padding:0 0 0.25em 0;}
div.compInfo #features{margin:1.5em 0 1em 0;}
div.compInfo .feature{height:2.5em;border-bottom:1px dotted #ccc;margin:0.5em 0 0.5em 0;padding:0;}
div.compInfo .feature h3{height:1em;margin:0;} 
div.compInfo .feature ul{margin:-2em 0 0 120px;font-size:85%;padding:0;height:2em;list-style-type:none;}
div.compInfo .feature li{float:left;padding:0 15px 0 0.75em;background:url("http://images.thomsonlocal.com/tlc/ticks.png") 100% 2px  no-repeat;}
 .feature li{white-space:nowrap;}
#right .feature li{white-space:normal;}

#content.compInfo div.roundPos0{margin-top:50px;}

/* tabs on content ad/map/contact */ 
#tabMenu{border-bottom:1px solid #C2D6EB;position:relative;top:0;margin:0 0 1em 0;padding:0;height:2em;list-style-type:none;
background:url("http://images.thomsonlocal.com/tlc/tabMenuBG.png") 0 0 repeat-x;}
#tabMenu li,#maptab li{width:7em;margin:0;float:left;padding:0;border-right:1px solid #ccc;}
#tabMenu li a,#maptab li a{line-height:2em;outline:none;color:#666;text-align:center;font-weight:bold;text-decoration:none;display:block;margin:0;padding:0;}
#maptab li a{height:2.2em;}
#maptab li{background:url("http://images.thomsonlocal.com/tlc/tabMenuBG.png") 0 0 repeat-x;}
#tabMenu li.selected,#maptab li.selected{padding:0;color:#fff;background:url("http://images.thomsonlocal.com/tlc/tabMenuBGBL.png") top left repeat-x #6699CC;}
#tabMenu li.selected a,#maptab li.selected a{color:#fff;}
#maptab{background:url("http://images.thomsonlocal.com/tlc/tabMenuBG.png") 0 0 repeat-x;border:1px solid #6699cc;border-bottom:none;}
#mapWrapper{position:relative;}
#mapWrapper li{padding-right:0;width:100%;background-color:#fff;}
#mapWrapper ul{height:auto;}

/*.tabContent{display:none;}*/

#tab1Content, #tab2Content, #tab3Content{margin:0 0 1em 0;border-top:1px solid #fff;}
.adMapContainer>#tab1Content{width:100%;}
#tab1Content{text-align:center;}/* advert */
#tab1Content img{padding:0;}
#tab1Content p#mapInfo{ font-size:.8em;margin-bottom:1em;} /* CSS to style competitors on map test */


/* contact form */
.compInfo fieldset{border:0;}
.captcha{border:1px solid #999;margin:1em 0;}
#emailMess{clear:both;background-color:#990000;color:#fff;padding:2px 0 2px 2em;margin:0;}
#emailMess.good{background-color:#339933;}
#emailMess span,#emailMess span a{font-size:85%;color:#999;}
#twoCol #right.compInfoRht .roundPos0,#twoCol #right.compInfoRht .roundPos1{background-color:#fff;}

.compInfoRht img{margin:1em auto;display:block;}
.listContainer{height:100px;overflow:auto;margin:0.5em 0.5em 1em 0;padding:0;}
#twoCol #right.compInfoRht ul{padding:0;margin:0.5em 0.5em 1em 0;width:90%;height:auto;}
#twoCol #right.compInfoRht li{font-size:92%;margin:0;}
#right.compInfoRht a#hideAreas{color:#999;}
#twoCol #right.compInfoRht a,#twoCol #right.compInfoRht li{background-image:none;}
.adMapContainer #submit{margin-left:1em;}

/* comp info reviews */
#twoCol #content h1.fn span{font-size:10px;color:#666;padding:5px 0;}
#tab4Content div h4 span, #twoCol #tab4Content h2 span{text-indent:-2000px;padding:0;width:110px;height:20px;display:block;margin:-20px 0 0 150px;}
#twoCol #tab4Content h2{height:2em;line-height:20px;/*border:0;*/padding-bottom:10px;margin-bottom:1em;}

#twoCol #tab4Content h3{float:right;font-size:93%;color:#666;padding:5px;	background:url(http://images.thomsonlocal.com/tlc/reviewRecomBg.png) repeat-x 0 0;	width:95px;height:50px;margin:0px 0 0 0;text-align:center;font-weight:normal;	}
#twoCol #reviews {display:none;}
	
#tab4Content h3 span{font-size:131%;font-weight:bold;display:block;}
div span.stars5{background:url(http://images.thomsonlocal.com/tlc/reviewInfoRatingStars.png) no-repeat 0 0;width:100px;}
div span.stars4{background:url(http://images.thomsonlocal.com/tlc/reviewInfoRatingStars.png) no-repeat 0 -20px;width:80px;}
div span.stars3{background:url(http://images.thomsonlocal.com/tlc/reviewInfoRatingStars.png) no-repeat 0 -40px;width:60px;margin-bottom:-20px;}
div span.stars2{background:url(http://images.thomsonlocal.com/tlc/reviewInfoRatingStars.png) no-repeat 0 -60px;width:40px;}
div span.stars1{background:url(http://images.thomsonlocal.com/tlc/reviewInfoRatingStars.png) no-repeat 0 -80px;width:20px;}

#tab4Content{padding:0 20px;border:0;}
#tab4Content div{margin:0.5em 0 1em 0;}
#twoCol #tab4Content div h4{color:#ff8400;font-size:108%;width:18em;line-height:20px}
#twoCol #tab4Content div p{color:#444;font-size:85%;}

#comments{margin:3em 0 2em 0;padding:0;list-style-type:none;width:620px;}
#comments li{margin:0.5em 0;color:#003399;}
#comments li p{color:#333;font-size:85%;margin:0.25em 0;}
#comments li p.desc{color:#003399;}
#comments li.comment{position:relative;background:url(/tlc/reviewCommentBg.png) no-repeat 0 0 #fff;width:570px;height:75px;padding:1px 25px 30px 30px;}
#comments p.author{color:#666;position:absolute;bottom:0;left:45px;font-size:85%;}
p.author a{color:#666;}
#ratingSummary img{display:inline;margin:0;vertical-align:middle;}
#ratingSummary p{text-align:center;font-weight:bold;}
#ratingSummary span{display:block;}
#ratingSummary span, #ratingSummary a{font-size:85%;font-weight:normal;}
#ratingSummary a{display:block;margin-top:1em;text-align:center;}
#twoCol #ratingSummary #rateThis{display:block;height:25px;line-height:20px;text-align:center;margin:1em 0 0 0;background:url(http://images.thomsonlocal.com/tlc/220x25GradBoxBg.png) no-repeat 0 0 #fff;}
#rateUs{text-align:center;margin:2em 0 3em 0;}

/* Profile (about us?) */
#tab5Content{border:0 none;padding:0 10px 10px 20px;zoom:1;}
#tab5Content h2{height:auto;margin-top:0;font-size:116%;}
#profile{width:450px;float:left;}
#twoCol #tab5Content h3{height:auto;font-weight:normal;line-height:1.4em;margin-bottom:2em;}
#tab5Content p{font-size:85%;line-height:1.5em;margin:0.5em 0;}

#slideshow{width:190px;float:left;margin:0 0 1em 18px;padding:0;}
#slideshow ul{margin:0 auto;padding:0;list-style-type:none;}
#slideshow li{float:left;margin:0 0 0.75em 0;border:1px solid #ccc;padding:5px 5px 10px 5px;background:url(http://images.thomsonlocal.com/tlc/infopage/lhtGreyGrad600.jpg) repeat-x 0 0;}
#slideshow a{display:block;}
#slideshow p{clear:both;color:#999;text-align:center;margin:0 0 0.5em 0;}

#download {margin:2em 0;border:1px solid #ccc;}
#download a{display:inline-block;line-height:65px;padding:0 1em 0 60px;background:url(http://images.thomsonlocal.com/tlc/infopage/PDF-icon-lrg.gif) 10px 15px no-repeat;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#download span{font-size:85%;color:#999;margin-left:0.5em;}

/* Video */
#tab6Content{text-align:center;}
#tab6Content p{text-align:left;margin-left:1em;padding-left:1em;}
#tab6Content iframe,#tab6Content p{margin:0 auto 1em auto;}

/* Vouchers */
#tab7Content{padding:10px;text-align:center;}
#tab7Content ul{margin:0 auto;padding:0;list-style:none;}
#tab7Content ul li{margin-bottom:1em;}
#tab7Content ul li a{display:block;padding:10px;}
#tab7Content ul li img{max-width:650px;width:expression(this.width > 650 ? 650: true);}
#tab7Content ul li p.print{text-align:right;margin:0;}
#tab7Content p.footer{font-weight:bold;font-size:1.0em;}
#tab7Content p.print a{float:right;width:126px;height:24px;line-height:24px;margin:0 1em 1em 0;padding:0;text-align:center;color:#333;background:url(/tlc/printGradBoxBg.png) 0 0 no-repeat;}
#tab7Content p.print a:after{content:".";clear:both;display:block;height:0;visibility:hidden;}   
div.clearFix{display:block;clear:both;height:0;font-size:1px;}