/*****************************************************************************************/
/* NOTE:                                                                                 */
/* colours in this stylesheet are overridden by the channel specific colour stylesheets, */
/* so please don't edit them in here, it won't have the desired effect                   */
/*****************************************************************************************/


.clear{
	clear:both;
}

/* styles to match archived UJ features */
.headsm{
	color:red;
	font-weight:bold;
}
/* for JK features */
p.edt{
	text-align:right;
}

/* added for colour */
.error{
	color:red;
	font-weight:bold;
}
/* added for styling */
div.componentheading{
	font-weight:bold;
}

/* added styles for CB login and logout module */

form#mod_loginform{
	margin:0 0 10px 0 !important;
	font-size:71%;
	text-align:right;
	height:2em;
}

form#mod_login_logoutform{
	padding:17px 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-size:71%;
}
form#mod_loginform input#mod_login_username,
form#mod_loginform input#mod_login_password{
	width:8em;
	font-size:100%;
}
form#mod_loginform input.button,
form#mod_login_logoutform input.button{
	background-image:url(http://www.urbanjunkies.com/london/css/images/gobutton-travel.gif);
	color:#D9417A;
/* the above two rules to be overruled by channel colour stylesheets */
	background-position:100% 0.3em;
	background-repeat:no-repeat;
	background-color:transparent;
	font-family:Arial;
	font-size:100%;
	border:1px solid white;
	border-right-width:0;
	cursor:pointer;
	padding:0 11px 0 0 !important;
	margin:0 !important;
	*position:relative; /* for IE7 */
	*top:2px; /* for IE7 */
	min-height:1em;
	width:auto !important;

}
form#mod_loginform input#mod_login_remember{
	position:relative;
	top:2px;
}
form#mod_loginform div#totheleft{
	float:left;
}
form#mod_loginform span#mod_login_noaccount{
	position:relative;
	top:1px;
	*top:2px; /* for IE7 */
}
form#mod_loginform div#totheleft,
form#mod_loginform span#mod_login_noaccount{
	line-height:2;
	margin:0;
	vertical-align:baseline;
}



/* end added styles for CB login and logout module */


/* for the module when on the login page where you end up if you login with wrong details */

div.cb_comp_inner form#mod_loginform{
	margin:0 0 10px 0 !important;
	font-size:71%;
	text-align:left;
	height:2em;
}

div.cb_comp_inner form#mod_loginform div#totheleft{
	float:left;
}
div.cb_comp_inner form#mod_loginform span#mod_login_noaccount{
	clear:left;
	display:block;
}
div.cb_comp_inner form#mod_loginform div#totheleft a.mod_login{
	clear:left;
	float:left;
}

div.cb_comp_outer{
	padding:10px 0 !important; /* overriding styles from template.css */
}

/* end styles for the module on login page */




/* ujdir: */

ul.ujdircats{

}
ul.ujdircats li{

}
ul.ujdircats li a{

}
div.ujdir10MenuMod li{
	display:inline;
	list-style:none;
}
table.ujdir{
	border-collapse:collapse;
	margin-top:1em;
}
table th.ujdirlabel,
table td.ujdirinfo{
	font-size:80%;
	vertical-align:top;
	padding:0;
}
table th.ujdirlabel{
	width:10%;
	font-weight:bold;
	text-align:left;
	padding-right:5px;
}
table td.ujdirinfo{
}
img.ujdir10DetailsImage,
table.ujdir10Listing td a img{
	float:left;
	margin-right:10px;
	border:1px solid #333;
}
div.ujdir10{
	width:630px;
	_height:180px;
	min-height:180px;
}
td.ujdiricon{
	padding-top:5px !important;
	width:150px;
}
td.ujdiricon img{
	margin-right:5px;
}
tr.lastrow th,
tr.lastrow td{
	padding-bottom:15px !important;
}

div.addthis-ss{
	padding:5px 0;
}



/* title for featured agenda listing */
/* labels for the displayed fields in featured agenda listings */
/* structure:
div.ujdir10Featured
	div.entry
		div.title
			a
		div.icon
			a
				img
		div.customfields
			div.C5
				span
			div.C1
			div.C14
			div.C15
			div.C17
			div.C16
			div.C8
*/
/* old styles */
/*
body #content div.ujdir10Featured{
	padding-bottom:15px;
	border-bottom:1px solid white;
	margin-top:10px;
	margin-bottom:10px;
}
body #content div.ujdir10Featured *{
}
div.ujdir10Featured div.entry{
	font-size:80%;
}
div.ujdir10Featured div.icon,
div.ujdir10Featured div.noicon{
	width:100px;
	margin-right:10px;
	margin-top:5px;
}
div.ujdir10Featured div.customfields{
}
*/
/* new featured styles */

div.featureditem{
	float:left;
	width:190px;
	margin-right:20px;
	margin-top:10px;
	height:95px; /* to cater for items where the title wraps below the image */
	
}
div.featureditem h3{
	font-size:70%;
}
div.featureditem img{
	float:left;
	margin-right:5px;
	width:80px;
}



/* editor */

table.mceEditor a img{
	display:inline !important;
}
table.adminform{
	width:500px !important;
}
/* forum */

/* start front end styles */

html,body,ul,li,h1,h2,h3,h4,h5,h6,p,form,hr,a{
	padding:0;
	margin:0;
	font-family:Arial,sans-serif;
	font-size:100%;
	line-height:1.3;
}
html,body{
	background-color:#FFFFFF;
	color:#676767;
}
body{padding-top:10px !important}

td{
	vertical-align:top;
}
.article_seperator{
	display:block; /* to make sure the height of 1px is honoured */
	height:1px;
	overflow:hidden;
}
/* next one purely to counter a side effect of sIFR in IE */
.clearmain{
	clear:both;
	height:1px;
	overflow:hidden;
}
a{
	text-decoration:none;
	color:#FF2123;
}
a:focus,
a:hover,
a:active{
	color:#676767;
}
a img{
	display:block;
	border:none;
}
#twfb{
	margin-top:0px;
	margin-bottom:10px;
}
#twfb ul li{
	list-style:none;
	display:block;
	width:160px; /* for IE7 spacing issue */
	line-height:1.3;
	margin-bottom:9px;
}
#twfb a{
	display:block;
	width:160px; /* for IE7 spacing issue */
	padding:5px 0;
}
#twfb a img{
	display:inline;
}


.twtr-hd,
.twtr-ft{
	display:none;
}



h1{
	float:left;
	height:85px;
	padding-top:20px;
	background-color:transparent;
}
/*.channel div#search,
.static div#search*/
div#search{
	float:right;
	width:200px;
	height:4.3em;
	text-align:right;
	margin-bottom:15px;
}
#search p{
	font-size:71%;
	margin-top:20px;
	color:#676767;
}
#search p,#search p a{
	line-height:1em;
}
#search p.notloggedinyet{
	margin-bottom:24px;
}
#search p.profilelink{
	margin-top:0;
	margin-bottom:9px;
}
#search form{
	padding-top:0;
	padding-bottom:10px;
}
#search input#mod_search_searchword{
	width:120px;
	border:1px solid #D3D3D3;
}
#search input.button{
	margin-left:7px;
}
div.titlepadding{
	padding:20px 0;
	border-bottom:1px solid silver; /* replaced by image on #main so that the line is there in all cases */
	margin-bottom:15px;
}
h2.statictitle,
h2.channeltitle{
	color:#A7A7A7;
	font-family:Arial;
	font-size:240%;
	font-weight:normal;
	line-height:1.1;
	padding:0; /* no padding on elements that are subject to sIFR replacements */
	margin:0;
}
h2.componentheading,
h2.contentheading,
h2.sectionname{
	font-size:110%;
	color:red;
}
body.static .innermain h2.contentheading,
body.static .innermain .componentheading{
	color:#A7A7A7;
	font-family:Arial;
	font-size:160%;
	font-weight:normal;
	line-height:1.1;
	padding:20px 0;
/* the border below is replaced by a background image on #main in
   some cases, so that the line is there also with new static pages
   not ideal, so new pages should be added to the list in the
   item-template-file so that the line is really a border-bottom
        border-bottom:1px solid silver; */
	margin-bottom:15px;
}
#container{
	width:820px;
	margin:0px auto 10px auto;
	padding-left:1px;
}

#banner{
	height:120px;
	text-align:center;
}
#banner a img{
	display:inline;
}

#nav{
	clear:both;
	font-size:100%;
	word-spacing:0em;
	padding-left:0px;
	padding-bottom:5px;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
}

/* following line does nothing but hide the next bit from IE5 */

i{content:"\"/*"}
#nav{
	*margin-right:-20px; /* IE only - hide from IE5 though */
}


body.home #nav{
	margin-bottom:15px;
}
#nav ul{
	margin-top:5px;
}
#nav li{
	display:inline;
	list-item:none;
}
#nav a{
	word-spacing:-0.3em !important;
	*word-spacing:0 !important;
	letter-spacing:.1em;
	*letter-spacing:.05em;

	font-size:65%;
	*font-size:59%;
	word-spacing:-0.3em;
	*word-spacing:0;
	letter-spacing:.1em;
	*letter-spacing:.05em;
	margin-right:14px;
	
}

/**** #main ****/

#main{
	float:left;
	width:820px;
	margin-bottom:20px;
}
body.static #main .innermain{
	float:left;
	width:820px;
	background:url(images/line.gif) white no-repeat 0 4.3em; /* replacement for border-bottom on h2 headings */
}
#content,
#content0,
#content1,
#content2,
#content3{
	float:left;
	width:660px;
}
body.static #content{
	width:630px;
}
#contentfeature{
	float:left;
	width:630px;
	min-height:300px;
	_height:300px;
}
div.blog{
	float:left;
	width:630px;
}
body.channel div.blog{
	width:660px;
}
div.channelhome{
	position:relative;
	width:631px;
	height:285px;
	background-color:black; /* to read the links if no images are shown or if image is too small */
	color:white;
	font-size:85%;
	margin-bottom:20px;
}

div.channelhomehalf{
	position:relative;
	float:left;
	width:307px;
	height:285px;
	overflow:hidden;
	background-color:black; /* to read the links if no images are shown or if image is too small */
	color:white;
	font-size:85%;
	margin-right:17px;
	margin-bottom:20px;
}

div.adinline{
	float:left;
	width:303px;
	height:283px;
	border:1px solid white;
}



div.channelhome strong,
div.channelhomehalf strong{
	font-size:115%;
	font-weight:bold;
	color:red;
}
div.channelhome img{
}
div.channelhome a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:613px;
	height:285px;
	border-left:17px solid #EAFF00;
	background:url(images/clear.gif); /* needed to make the links on channelhomepage top graphics work in IE6 */
}

div.channelhomehalf a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:307px;
	height:285px;
	background:url(images/clear.gif); /* needed to make the links on channelhomepage top graphics work in IE6 */
}

div.channelhome .coverright a,
div.channelhome .coverleft a,
div.channelhomehalf .coverright a,
div.channelhomehalf .coverleft a{
	display:inline;
	position:static;
	width:auto;
	height:auto;
	color:red !important;
	border-left-width:0;
}
div.channelhome span.coverright,
div.channelhome span.coverleft,
div.channelhomehalf span.coverright,
div.channelhomehalf span.coverleft{
	position:absolute;
	top:0;
	height:265px;
	background:black;
	color:white;
	padding:10px;
}
div.channelhome span.coverright{
	right:0;
	width:303px;
}
div.channelhome span.coverleft{
	left:0;
	width:285px;
}

#top{
	width:631px;
	float:left;
}
body.channel #top{
	width:660px;
}
#middle{
	clear:both;
	float:left;
	width:660px;
	padding-top:0;
	margin-top:15px;
}
#content0 #middle{
	margin-top:0px;
	min-height:471px; 
	_height:471px;
}
#side0{
	padding-top:0px;
}
#bottom{
	float:left;
	width:630px;
	margin-top:20px;
}

.middleleft{
	float:left;
	width:300px;
}
.middleright{
	float:right;
	width:300px;
}

div.pagenav{
	clear:both;
	font-size:75%;
	text-align:center;
	padding-top:15px;
}

#summaries{
	float:left;
	width:630px;
	margin-top:20px;
}
#side,
#side0,
#side1,
#side2,
#side3{
	float:right;
	width:160px;
}

#content3,
#side1,
#side2,
#side3{
	padding-top:20px;	
}

#footer{
	clear:both;
	color:#A0A0A0;
	font-size:71%;
	text-align:right;
	padding-top:15px;
	border-top:1px solid #D3D3D3;
}
.homefooter{
	clear:both;
	padding-bottom:15px;
}
.homefooter p{
	padding:0 !important;
	margin:0 !important;
}
#tempfooter{
	width:865px;
	background:#010D41;
	margin:0 auto;
}
#tempfooter a img{
	position:relative; /* for Firefox 2 on Mac - image isn't visible otherwise */
}

/**** #top ****/

#top ul{
	padding:auto;
	margin:auto;

}
#top a{
	color:black;
	text-decoration:none;
	line-height:1.4;
}

.large{
	float:left;
	position:relative;
	width:300px;
}

body.channel #blogfader{
	margin-bottom:20px;
}
body.channel #blogfader .large{
	width:631px !important;
	height:285px !important;
	overflow:hidden;
}
body.channel #blogfader .large h2 {
	position:absolute;
	width:631px;
	color:black;
	z-index:200;
}
body.channel #blogfader .large h2 a {
/*	display:inline;
	height:auto;
*/
	display:block;
	width:631px;
	height:285px;
	color:black;
	z-index:200;
	padding-left:26px;
	position:absolute;
}
body.channel #blogfader .large h2 a span{
	display:none;
}
body.channel #blogfader .large .contentpaneopen div p.overlay {
	position:absolute;
	width:595px; /* 631 including 16px border + 10px padding on both sides */
	display:none;
}
body.home #blogfader div.large div.contentpaneopen p img{
	display:none;
}

ul#mainlevelfader{
	margin-bottom:30px;
	width:631px;
	height:285px;
	overflow:hidden;

}
ul#mainlevelfader li,
ul#mainlevelfader li a{
	float:left;
	position:relative;
	width:631px !important;
	height:285px !important;
	background-color:black; /* to read the links if no images are shown */
	color:white; /* contrasting with background always */
	list-style:none;
}
ul#mainlevelfader li img{
	width:631px !important;
	height:285px !important;
}

.mainlevelfader span{
/*	position:absolute;
	bottom:7px;
	left:7px;
	display:block;
	width:auto;
	background:url(images/bullet-black.gif) no-repeat 5px .5em;
	font-size:71%;
	font-weight:bold;
	cursor:pointer;
	padding-left:15px;
	border-left-width:0px !important;
*/
	display:none;
}


ul#mainlevelfader li,
ul#mainlevelfader li a{
	background-color:#FFFFFF; /* to read the links if no images are shown or if image is too small */
	/* needs to contrast with color as mentioned below */
	color:#000000;
}





ul#mainlevelfourblocks li,
ul#mainlevelfourblocks li a{
	float:right;
	position:relative;
	width:145px;
	background-color:black; /* to read the links if no images are shown */
	list-style:none;
}
.large{
	float:left;
	width:300px;
	height:285px;
	background-color:black; /* to read the links if no images are shown */
	background-image:url(../images/uj/frontpage.jpg);
	margin-right:10px;
	margin-bottom:9px;
}
ul#mainlevelfourblocks li img{
	width:145px;
}
body ul#mainlevelfourblocks{
	width:660px;
	overflow-x:hidden;
	min-height:155px;
	clear:left;
}
body ul#mainlevelfourblocks li{
	float:left;
	margin-right:17px;
	margin-left:0;
	margin-bottom:15px;
}
.large h2{
	position:absolute;
	top:5px;
	left:0px;
	width:300px;
	font-size:80%;
	z-index:100;
}
.large h2 a{
	display:block;
	padding-left:26px;
	font-weight:bold;
	height:285px;
	z-index:101;
	background-image:url(images/clear.gif);
}
.large .contentpaneopen div p.overlay{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background-image:url(images/lightgrey.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/london/css/images/lightgrey.png',
	  sizingMethod = 'scale'
	);
	cursor:pointer;
	border-left:16px solid #EAFF00;
}
.large p.overlay{
	width:264px;
	font-size:71%;
	color:black;
	padding:2em 10px 7px 10px;

}
.mainlevelfourblocks span{
	position:absolute;
	bottom:7px;
	left:7px;
	display:block;
	width:124px;
	background:url(images/bullet-black.gif) no-repeat 5px .5em;
	font-size:71%;
	font-weight:bold;
	cursor:pointer;
	padding-left:15px;
	border-left-width:0px !important;
	display:none; /* temp style until it is really gone from the html */
}

/*** #middle ***/

#middle{
	padding-top:15px;
	padding-bottom:15px;
	margin-top:0;
}
#content0 #middle{
	padding-top:0;
	margin-top:-2px;
}
#middle div.line{
	width:630px;
	border-top:1px solid #D3D3D3;
	height:20px;
	overflow:hidden;
}
#middle h3.morenews,
#bottom h3.morenews{
	width:300px;
	color:#999999;
	font-size:90%;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:1em;
}
.mblock,
.flexcontentitem{
	float:left;
	width:300px;
	min-height:4.2em;
	padding-right:30px; /* padding instead of margin to cater for IE6 */
	margin-right:0px;
	padding-bottom:20px;
}
body.authors .mblock{
	min-height:1em;
	padding-bottom:5px;
}
.mblock h2{
	color:#FF2123;
	font-size:80%;
	font-weight:bold;
}
.flexcontentitem  h2,
#contentfeature .flexcontentitem h2{
	color:#FF2123;
	font-size:80%;
	font-weight:bold;
}

.mblock p,
.flexcontentitem p,
#contentfeature .flexcontentitem p{
	color:#676767;
	font-size:71%;
	line-height:1.4em;
}
.mblockclear{
	clear:both;
	height:1px;
	overflow:hidden;
}
/* temp */
/*.mblock{font-size:71%;color:#676767;}
.mblock h2{font-size:112%;color:#FF2123;}
.mblock p{font-size:100%;}
/* end temp */


#newarticles,
#newcolumns1{
	float:left;
	width:330px;
}
#newcolumns{
	width:300px;
	float:left;
}
#newcolumns p.imageleft img,
#newcolumns1 p.imageleft img{
	border:1px solid #DDDDDD;
	padding:2px;
	margin-right:10px;
	margin-top:0 !important;
}



/*** blocks above MPU advert on all homepages ***/

/*** 300 + 24 + 145 + 10 + 145 + 10 + 14 = 648px      ***/
/*** 648px is within the 660px limit                  ***/
/*** this means you can swap the order of the modules ***/
/*** MPU-1block and MPU-2blocks without a problem     ***/	

div#mpublocks{
	width:660px;
	_overflow:hidden; /* needed for IE6 */
}
ul#mainlevelmpu1block li,
ul#mainlevelmpu1block li a{
	float:left;
	position:relative;
	width:300px;
	background-color:black; /* to read the links if no images are shown */
	list-style:none;
}
ul#mainlevelmpu1block li{
	margin-right:24px;
	margin-bottom:9px;
}
ul#mainlevelmpu1block li img{
	width:300px;
}
.mainlevelmpu1block span{
	position:absolute;
	bottom:7px;
	left:7px;
	display:block;
	width:279px;
	background:url(images/bullet-black.gif) no-repeat 5px .5em;
	font-size:71%;
	font-weight:bold;
	cursor:pointer;
	padding-left:15px;
	border-left-width:0px !important;
}
ul#mainlevelmpu2blocks{
	float:left;
	width:310px;
	margin-right:14px;
}
ul#mainlevelmpu2blocks li,
ul#mainlevelmpu2blocks li a{
	float:left;
	position:relative;
	width:145px;
	background-color:black; /* to read the links if no images are shown */
	list-style:none;
}
ul#mainlevelmpu2blocks li{
	margin-right:10px;
	margin-bottom:9px;
}
ul#mainlevelmpu2blocks li img{
	width:145px;
}

.mainlevelmpu2blocks span{
	position:absolute;
	bottom:7px;
	left:7px;
	display:block;
	width:124px;
	background:url(images/bullet-black.gif) no-repeat 5px .5em;
	font-size:71%;
	font-weight:bold;
	cursor:pointer;
	padding-left:15px;
	border-left-width:0px !important;
}

ul#mainlevelpicoftheweek li,
ul#mainlevelpicoftheweek li a{
	float:left;
	position:relative;
	width:629px;
	background-color:black; /* to read the links if no images are shown */
	color:#002d62;
	list-style:none;
}
ul#mainlevelpicoftheweek li{
	margin-bottom:9px;
}
ul#mainlevelpicoftheweek li img{
	width:629px;
	border:1px solid #DDDDDD;
}
.mainlevelpicoftheweek span{
	position:absolute;
	bottom:1px;
	left:1px;
	display:block;
	width:608px;
	background-image:url(images/lightgrey.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/london/css/images/lightgrey.png',
	  sizingMethod = 'scale'
	);
	font-size:71%;
	cursor:pointer;
	padding:7px 0 7px 7px;
	border-left:15px solid #002d62 !important;
}
.mainlevelpicoftheweek span strong{
	font-size:118%;
}

ul#mainlevelsidebarblock li,
ul#mainlevelsidebarblock li a,
ul#mainlevelsidebarblockshort li,
ul#mainlevelsidebarblockshort li a{
	float:left;
	position:relative;
	width:158px;
	background-color:black; /* to read the links if no images are shown */
	list-style:none;
}
ul#mainlevelsidebarblock li,
ul#mainlevelsidebarblockshort li{
	margin-bottom:9px;
	border:1px solid #DDDDDD;
}
ul#mainlevelsidebarblock li img,
ul#mainlevelsidebarblockshort li img{
	width:158px;
}



/*** regular feature pages ***/

div#contentfeature div.createdate p{
	font-size:70%;
}
div#contentfeature h2{
	font-size:120%;
	color:red;
}
div#contentfeature .contentpaneopen p img{
	margin-top:1em;
}
div#contentfeature .contentpaneopen p img.imageleftbordered,
div#contentfeature .contentpaneopen p img.imagerightbordered{
	margin-top:4px !important;
}
div#contentfeature .contentpaneopen img.imageleftbordered,
div#contentfeature .contentpaneopen img.imagerightbordered{
	border:1px solid #CCC;
	padding:4px;
}

div#contentfeature h3,
div#contentfeature h4,
div#contentfeature h5,
div#contentfeature h6{
	color:red;
}
div#contentfeature div.alsoin h3,
div#content div.blog_more h3{
	font-size:85%;
	color:#9C9C9C;
	border-bottom-width:1px;
	border-bottom-style:solid;
	margin-bottom:1em;
}
div#contentfeature p,
div#contentfeature li,
div#contentfeature table td,
span.cbFieldIconsLabels,
body.static #content table td,
div.searchpagenav{
	font-size:80%;
	color:#676767;
	margin-bottom:1em;
}
div#contentfeature table td p{
	font-size:100%;
}
div#contentfeature table td p.bsmall{
	font-size:89%;
}

/* for sample sales image strokes */
table.strokeimages td img{
	border-width:1px;
	border-style:solid;
}


body.static #content table td table td{
	font-size:100%;
}
div#contentfeature ul li{
	list-style:none;
	background-image:url(images/bullet.gif);
	background-position:0px .5em;
	background-repeat:no-repeat;
	padding-left:10px;
}
div#contentfeauture ul ul{
	font-size:100%;
}
div#contentfeature p.intro{
	font-size:100%;
}
div#contentfeature p.smallprint{
	font-size:71%;
}
div#contentfeature a.guidelink_pink{
	font-family: Arial, Helvetica, sans-serif;
	color:#ff0066;
}
div#contentfeature p.guide-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
div#contentfeature td.guide-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}
div#contentfeature td.guide-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 32px;
	color: #FF0066;
}
div#contentfeature td.guide-menu-det {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
div#contentfeature .guide-details {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	color: #FF0066;
}
div#contentfeature .startunderpicture,
div#contentfeature p.startunderpicture,
div#contentfeature p span.startunderpicture{
	display:block;
	clear:both;
}
div#contentfeature .quotelarge{
	font-size:100%;
	font-weight:bold;
}
div#contentfeature .rowof2{
	float:left;
	width:314px;
	text-align:center;
}
div#contentfeature .rowof3{
	float:left;
	width:209px;
	text-align:center;
}
div#contentfeature .rowof4{
	float:left;
	width:157px;
	text-align:center;
}
div#contentfeature .rowof4text{
	float:left;
	width:150px;
	margin-right:7px;
}

/* for gift guide styles */
div#contentfeature div.giftguide{
	width:630px;
	padding-top:6px;
	padding-left:0px;
	overflow-x:hidden;
}
div#contentfeature div.giftguide p.gift,
div#contentfeature div.giftguide p.giftwide,
div#contentfeature div.giftguide p.giftlarge{
	float:left;
	width:145px;
	_height:210px;
	min-height:210px;
	font-size:71%;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:silver;
	margin-right:10px;
	margin-bottom:10px !important;
}
div#contentfeature div.giftguide p.giftwide,
div#contentfeature div.giftguide p.giftlarge{
	width:302px !important;
}
div#contentfeature div.giftguide p.giftlarge{
	_height:432px;
	min-height:432px;
}
div#contentfeature .contentpaneopen p.gift img,
div#contentfeature .contentpaneopen p.giftwide img,
div#contentfeature .contentpaneopen p.giftlarge img{
	display:inline;
	margin-top:0 !important;
}
div#contentfeature .contentpaneopen p.gift strong,
div#contentfeature .contentpaneopen p.gift span,
div#contentfeature .contentpaneopen p.giftwide strong,
div#contentfeature .contentpaneopen p.giftwide span,
div#contentfeature .contentpaneopen p.giftlarge strong,
div#contentfeature .contentpaneopen p.giftlarge span{
	display:block;
	padding:0 6px;
}
div#contentfeature .contentpaneopen p.gift a,
div#contentfeature .contentpaneopen p.giftwide a,
div#contentfeature .contentpaneopen p.giftlarge a{
	color:#8FC3BF !important;
}
div#contentfeature .contentpaneopen p.gift a:focus,
div#contentfeature .contentpaneopen p.gift a:hover,
div#contentfeature .contentpaneopen p.gift a:active,
div#contentfeature .contentpaneopen p.giftwide a:focus,
div#contentfeature .contentpaneopen p.giftwide a:hover,
div#contentfeature .contentpaneopen p.giftwide a:active,
div#contentfeature .contentpaneopen p.giftlarge a:focus,
div#contentfeature .contentpaneopen p.giftlarge a:hover,
div#contentfeature .contentpaneopen p.giftlarge a:active{
	color:#000000 !important;
}


/* end styles for gift guide */

.imageleft,
.imageleftbordered{
	float:left;
	clear:left;
	margin-right:7px;
}
.imageright,
.imagerightbordered{
	float:right;
	clear:right;
	margin-left:7px;
}
.headerimage{
	display:block;
	margin-bottom:15px;
}
div.floatedrows div{
	float:left;
	clear:left;
	width:99%;
	margin-bottom:7px;
}

/* for thumbnail captions in boutique section */
div.gallerythumbs{
	font-size:71%;
}
div.gallerythumbs a{
	min-height:170px;
	_height:170px;
}

div.authorname,
p.authorname{
	clear:both;
	text-align:right;
	font-size:80%;
	color:#999999;
	margin-top:.5em;
	margin-bottom:.5em;
}
div.moduletablecolumnlink{
	clear:both;
}

div.emailback{
	float:left;
	width:610px;
	background:#EEEEEE;
	color:red;
	font-size:71%;
	padding:10px;
}
div.emailback a{
	padding-left:8px;
	background:url(images/bullet.gif) transparent no-repeat left center;
}
a.sendemail{
	float:right;
	font-weight:bold;
}
a.backlink{
	float:left;
}
h3.also{
	clear:both;
}


/*** search result pages ***/
span.highlight{
	font-weight:bold;
	color:red;
}
table.searchintro{
	clear:left;
}
/*** #bottom ***/
#bottom .adbottomleft{
	float:left;
}
#bottom div.facebook,
#bottom div.blog_more,
div.alsoin{
	float:right;
	width:300px;
}
#bottom li,
#summaries li{
	list-style:none;
	background-image:url(images/bullet.gif);
	background-position:0px .4em;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-left:8px;
	font-size:80%;
	font-weight:bold;
}
/* this style to make sure no bullets appear on the  */
/* ALSO IN [this channel] lists on the feature pages */
#bottom .listalsoin li{
	background:none;
	padding-left:0;
}
#bottom .listalsoin li p{
	font-size:100%;
	font-weight:normal;
}



/*** #summaries *** (below #bottom - only on homepage) ***/
#summaries .sumrow{
	float:left;
	clear:left;
	width:630px;
	border-top:1px solid #D3D3D3;
}
#summaries .summary{
	float:left;
	width:207px;
	padding:3px 5px 10px 0px;
}
#summaries .summaryr{
	float:left;
	width:206px;
	padding:3px 0px 10px 0px;
}
#summaries h3{
	color:#969696;
	font-size:70%;
	border-bottom:1px solid #D3D3D3;
}

#summaries .summary ul li,
#summaries .summaryr ul li{
	font-weight:normal;
	font-size:71%;
}
#summaries .dailyimage {
	float:left;
	width:418px;
	padding:25px 0 20px 0;
	text-align:center;
}
#summaries .dailyimage img{
	display:inline !important;
}
#summaries .dailyquote{
	float:left;
	width:388px;
	background:url(images/ql.gif) white no-repeat 20px 30px;
	color:#969696;
	padding:30px 10px 20px 20px;
	font-size:90%;
}
#summaries .dailyquote .quotetext{
	background:url(images/qr.gif) transparent no-repeat right bottom;
	padding-left:20px;
	padding-right:10px;
}

/*** #side ***/
#side h2,
#side0 h2{
	background:transparent;
	color:#E8E8E8;
	font-size:70%;
	line-height:1.4;
	font-weight:bold;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#side #mostread,
#side0 #mostread,
#side0 #twitter{
	min-height:138px;
	_height:138px;
	margin-bottom:9px;
}
body.home #side #mostread,
body.home #side0 #mostread,
body.home #side0 #twitter{
	min-height:178px;
	_height:178px;
	padding:8px;
	border:1px solid #DDDDDD;
	margin-bottom:9px;
}
body.home #side #latestblog{
	min-height:95px;
	_height:95px;
	padding:8px;
	border:1px solid #DDDDDD;
	margin-bottom:9px;
}


#side #archives,
#side #archives2{
	min-height:245px;
	_height:245px;
	padding:8px;
	border:1px solid #DDDDDD;
	margin-bottom:0;
}
#side #archives2{
	min-height:187px;
	_height:187px;
	margin-bottom:30px;
}

#side0 #twitter .twtr-widget{font-size:100% !important;}

#side #mostread li,
#side #latestblog div div div,
#side0 #mostread li,
#side0 #twitter div.twtr-tweet-text p,
#side #dirmostread li,
#side #dirnewentries li,
#side #forum li,
#side #archives li,
#side #archives2 li,
#side p{
	font-size:71%;
}

#side #latestblog div div div p{
	font-size:100%; 
}

#side0 #twitter .twtr-widget,
#side0 #twitter .twtr-widget .twtr-doc,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd .twtr-timeline,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet .twtr-tweet-wrap{
	padding:0 !important;
	margin:0 !important;
}
#side0 #twitter div.twtr-tweet-text p em{
	padding-bottom:2px !important;
}


#side #mostread li,
#side #latestblog div div div,
#side0 #mostread li,
#side0 #twitter .twtr-widget .twtr-doc .twtr-bd .twtr-timeline .twtr-tweets .twtr-tweet .twtr-tweet-wrap .twtr-tweet-text,
#side #dirmostread li,
#side #dirnewentries li,
#side #forum li,
#side #archives li,
#side #archives2 li{
	list-style:none;
	padding-top:5px;
	padding-left:7px;
	background-image:url(images/bullet.gif);
	background-position:0px .9em;
	background-repeat:no-repeat;
}
#side #archives li,
#side #archives2 li{
	line-height:1;
	padding-top:4px;
	padding-left:7px;
}

body.channel #side #mostread,
body.channel #side #latestblog,
body.channel #side0 #twitter{
	min-height:285px;
	_height:285px;
	margin-bottom:20px;
}
#side #dirmostread,
#side #dirnewentries{
	margin-bottom:20px;
}
#side #subscribe{
	margin-bottom:21px;
}
#side #forum{
	margin-bottom:9px;
}
#side #subscribe img{
	display:block;
}
#side #mostread,
#side #latestblog,
#side0 #mostread,
#side0 #twitter,
#side #dirmostread,
#side #dirnewentries,
#side #forum,
#side #archives,
#side #archives2{
	background:transparent;
	color:#969696;
}
#side #forum{
	min-height:74px;
	_height:74px;
}
#side #subscribe p,
#side #forum p{
	padding:10px 8px 0 0px;
}
#side #advert{
	width:160px;
	float:right;
	background:#EEEEEE;
	color:#969696;
	margin-top:15px;
}
#side #advert a{
	float:right;
}
/*** #footer ***/

#footer p{
	float:left;
}
#footer li{
	display:inline;
}
#footer li a{
	margin-left:17px;
}



/* styles to be made part of a different stylesheet */

/* registration form */

#cbIconsBottom{
	display:none !important;
}




/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/* Style Sheet of Reviews Plugin for SOBI 2 Component reviews.css              */
/* Version $Id: reviews.css 2287 2007-09-12 17:05:28Z Sigrid Suski $
/* --------------------------------------------------------------------------- */
/* Copyright (C) 2007 Sigsiu.NET (http://www.sigsiu.net). All rights reserved. */
/* UJDIR1 and SOBI Reviews and Ratings are free software; you can redistribute */
/* it and/or modify it under the terms of the GNU General Public License as    */
/* published by the Free Software Foundation.                                  */
/* Authors: Sigrid & Radek Suski, Sigsiu.NET                                   */

div#revsBox {
	width:629px;
	font-size:80%;
}

/* Style for Pagination bars */
/* ------------------------- */
.revNavTop {
	display: none;
}
.revNavBottom {
}


td.sobi_review_VC {
	padding-left: 8px;
	text-align: left;
}

span.sobiRating {
	display: block;
}
span.sobiRating img {
	float: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

/* Style for Review/Vote Control */
/* ----------------------------- */
table.revFormTable {
	width: 99%;
	padding-top:30px;
	padding-bottom:30px;
}
table.revFormTable td {
}
table.revFormTable td#revVoteSelect{
	width:155px;
	text-align:right;
	padding-bottom: 10px;
}
table.revFormTable td#revVotePrev {
	padding-bottom: 10px;
}
table.revFormTable td#sendVoteBt{
	text-align:right;
}
table.revFormTable td#reviewFormBox {
}

table#revFormTable {
	padding-left: 5px;
}
.revCol1 {
	width: 80px;
}
.revCol2 {
}

table#revFormTable td {
	padding-right: 5px;
}

/* Style for Reviews in Details View */
/* --------------------------------- */

h4.revsBoxheader{
	clear:both;
	width:629px;
	border-top:1px solid silver;
	border-bottom:1px solid silver;
	margin:5px 0;
}
div.revTitleHeader {
	padding:3px 0;
	margin-bottom:5px;
}
div.revTitle {
	float:left;
	width:60%;
	font-weight: bold;
}
div.revVote {
	text-align:left;
}
div.revHeader {
	padding:3px 0;
	font-size:85%;
}
div.revAuthor {
	clear:left;
	float:left;
	width:60%;
}
div.revDate {
	text-align:left;
}
div.revText {
	clear:left;
	background-color:#FFFFFF;
	color:#666666;
	padding-bottom:8px;
	border-top:1px solid #E5E5E5;
	border-bottom:4px solid #E5E5E5;
	margin-bottom:10px;
}
div.revCont {
	margin-bottom: 10px;
	margin-top: 10px;
}
div.revUpdateDate,
div.revUpdate {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:0px;
	background-color:#FFFFFF;
	color: #CC0000;
}
div#CommentFormTitle{
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
}
div.onlyregistered{
	font-size:80%;
	text-align:center;
}
div#poweredby{
	display:none;
}


div.message{
	width:600px;
}



table.adminform,
table.adminform *,
table#toolbar{
	background:white;
	color:black;
}

#nav{
 padding-bottom:5px !important;
 *padding-bottom:6px !important;
}
#nav a{
 color:black;
 font-weight:bold;
 font-family:Arial, 'Nimbus Sans L' !important;
 font-size:70% !important;
 letter-spacing:0em !important;
 word-spacing:-0.15em !important;
 padding-bottom:3px !important;
 margin-right:13px !important;
}
#nav a:focus,
#nav a:hover,
#nav a:active,
#nav li.mainlevel_current a,
#nav li.mainlevel_active a{
 border-bottom-width:3px;
 border-bottom-style:solid;
}


/************ for RSVP form ***************/

div#rsvp{
	padding-right:25px;
}
div#rsvp p,
div#rsvp td{
	font-size:80%;
	margin-bottom:1em;
	color:black;
}
div.chronoform{
	display:none;
}


/********** end for RSVP form *************/


/* mr&mrs smith */

div.mrmrssmith{
	clear:left;
	width:629px;
	margin:0;
	padding:0;
}
div.mrmrssmith div.hoteldetails{
	float:right;
	width:315px;
}
div.mrmrssmith img.smithimage{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
}
div#contentfeature div.mrmrssmith p.place{
	font-size:75%;
	color:#D9417A;
}
div#contentfeature div.mrmrssmith h4,
div#contentfeature div.mrmrssmith p.offer{
	font-size:80%;
	font-weight:bold;
}
div#contentfeature div.mrmrssmith h4,
div#contentfeature div.mrmrssmith p.offer,
div#contentfeature div.mrmrssmith p.offer a{
	color:#D9417A !important;
	
}


div.moreoffers{
	clear:both;
}
div.moreoffers h3{
	font-family:Arial,sans-serif;
	font-size:71%;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
div.offer{
	float:left;
	width:145px;
	_height:260px;
	min-height:260px;
	border:1px solid silver;
	margin-right:9px;
	margin-bottom:15px;
}
div#contentfeature div.offer h4{
	font-size:75%;
	color:#666666;
	padding:2px 5px 0 5px;
}
div#contentfeature div.offer p{
	font-size:75%;
	padding:0 5px;
}
div.offer p a{
	color:#D9417A;
	background-image:url(images/bullet-travel.gif);
	background-position:0 55%;
	background-repeat:no-repeat;
	padding-left:10px;
}

/* end mr&mrs smith */



/* addition for T-shirt page LFW09 */

#contentfeature div.tshirts{
	float:left;
	position:relative;
	width:307px;
	margin-right:0;
	margin-bottom:15px;
}
#contentfeature div.tshirtsleft{
	float:left;
	position:relative;
	width:307px;
	margin-right:15px;
	margin-bottom:15px;
}
#contentfeature div.tshirts div.shirtdetails,
#contentfeature div.tshirtsleft div.shirtdetails{
	position:absolute;
	bottom:1px;
	left:1px;
	width:295px;
	padding:0 5px;
	background-image:url(images/lightgrey.png);
	_background:none;
	_filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(
	  src          = '/london/css/images/lightgrey.png',
	  sizingMethod = 'scale'
	);
	cursor:pointer;
}
#contentfeature div.shirtdetails h3.featureheading{
	font-size:110%;
	line-height:1;
	padding:0;
	margin:0;
}
#contentfeature div.shirtdetails p{
	color:black !important;
	padding:0;
	margin:0;
}
#contentfeature div.shirtdetails p span{
	color:pink !important;
}
#contentfeature div.shirtdetails a.tshirtlink{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:305px;
	height:305px;
	background-image:url(images/clear.gif);
}

/* some styles from lfw page, now availabe sitewide */
p.lfwleft,
p.lfwright{
	float:left;
	width:307px;
}
p.lfwleft{
	clear:left;
	margin-right:15px !important;
}
p.lfwright{
	margin-right:0 !important;
}



#contentfeature div.moduletablebacklink{
	clear:both;
}

/* end */

div.allvideos{clear:both;} /* to be overwritten for guide pages */

div#contentfeature .contentpaneopen div.allvideos div.podcast a{
	margin-bottom:0;
}
div#contentfeature .contentpaneopen div.allvideos div.podcast img{
	display:block;
	margin-top:0 !important;
	margin-bottom:12px;
}


@media tty {
i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */