/*
 * 	$URL: http://nvdweb1/svn/CodeDB/branches/stable/webroot/images/css/R2Design/structure.css $
 *
 *  Global Newspaper stylesheet - This stylesheet controls the structure of all
 *  r2 newspaper sites
 * */
 
 /* 404 error pages styles */

.notfound-error
{
line-height:140%;
margin-left: 5px;
margin-bottom: 25px;
margin-top: 25px;
}

.notfound-error h1
{
font-size: 1.2em;
padding-left: 0px;
}

.notfound-error h2
{
font-size: 1em;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 0px;
}

.notfound-error ol 
{
list-style-position:inside;

}

div#wrap, #registration #wrap, #forum #wrap
	{
	width: 995px;
	margin: 0 auto;	
	text-align:left;	
	}
/* content areas*/

div#content 
	{
	float:left;
	width: 660px;
	margin: 0;
	padding:0;
	}
	
div#content-channel, div#content-multimedia, div#content-article
	{
	float:left;
	width: 655px;
	margin: 0;
	padding:0;
	}
	
div#content-channel-extended
	{
	float:left;
	width: 825px;
	margin: 0;
	padding:0;
	}
	
div#content-registration
	{
	float:left;
	width: 995px;
	margin: 0;
	padding:0;
	}
	
div#content-forum 
	{
	float:left;
	width: 810px;
	margin: 0;
	padding:0;
	}	
	
div#content-404page 
	{
	float:left;
	width: 993px;
	margin: 0;
	}				


div#wrap-inner {	
	margin:0;
	padding:0;
	clear:all;
	display:inline;	
	}
	
/* header and footer styles, ads, search, footer links*/

div#header	{
	float: left;
	width:100%;
	}
	
div#footer {	
	width:995px;	
	margin:1px 0;
	clear:both;
	}

* html #footer { height: 1%; }

div#header-wrap {
	width:995px;	
	margin:0;
	padding:0;
	clear:all;
	display:inline;	
	}	
	
div#top-search {
	float:left;
	width:995px;	
	margin: 0;
	}		
			
	
div#footer-links {	
	width:995px;	
	margin:5px 0 0 0;
	}	
	
div#footer-links-sites {	
	width:995px;	
	margin:0px 0 5px 0; 
	}		
	
div#footer-links ul, #footer-links-sites ul{	
	list-style: none;
	margin: 0px 10px;
	padding:5px 0;
	}

div#footer-links li, #footer-links-sites li{
	display:inline;
	}	

	
/* sidebar - ad col and classifieds col*/

div#sidebar 
	{
	float:right;
	width: 330px;
	margin: 0;
	padding:0;
	}	

div#sidebar-single
	{
	float:right;
	width: 160px;
	margin: 0;
	padding:0;
	}	

div#ad-col	{	
	float:right;	
	width: 160px;	
	text-align:center;
	margin-right:5px;
	display:inline;
	}

/* ads (tiles/sky) default margins */
div#ad-col embed, div#ad-col object,
div#ad-col img, div#ad-col iframe	{	
	margin-bottom:10px;
	}

/* centralize */
div#ad-col embed, div#ad-col object {
	display:block;
	margin-left:auto;
	margin-right:auto;
}


div.googleLinksBox {
	float:left; 
	padding-left:0.5em;
	padding-bottom:0.5em;
}
 
div#classified-col	{		
	float:left;	
	width: 160px;		
	} 	
	
/* homepage layout - equal height cols - credit http://www.positioniseverything.net/articles/onetruelayout/ */		
	
div.one-col, div.one-col-highlight, div.two-col, div.two-col-highlight, div.three-col, div.three-col-highlight, div.four-col, div.four-col-highlight
	{
	float: left;
	margin-right: 5px;	
	}
		

* html .two-col, * html .one-col, * html .three-col, * html .four-col, * html .two-col-highlight, * html .one-col-highlight, * html .three-col-highlight, * html .four-col-highlight
	{
	display: inline;
	}

.col-wrap
	{
	padding: 5px 0 5px 0;	
	}

/* Start Mac IE5 filter \*//* */
div#content .two-col, div#content .one-col, div#content .three-col, div#content .four-col, div#content .two-col-highlight, div#content .one-col-highlight, div#content .three-col-highlight, div#content .four-col-highlight
	{
	padding-bottom: 32767px;
	margin-bottom: -32767px;

	}
/* End Mac IE5 filter */
@media all and (min-width: 0px) {
div#content .two-col, div#content .one-col, div#content .three-col, div#content .four-col, div#content .two-col-highlight, div#content .one-col-highlight, div#content .three-col-highlight, div#content .four-col-highlight
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	/* mysterious 5 pixel shift - Opera I love you */
	margin-top: -5px;
	background-position: 0 5px;
	}
	
div#content .two-col:before, div#content .one-col:before, div#content .three-col:before,div#content .four-col:before, div#content .two-col-highlight:before,div#content .one-col-highlight:before, div#content .three-col-highlight:before, div#content .four-col-highlight:before
	{
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
.verticalalign
	{
	position: absolute;
	bottom: 0;
	height: 1px;	
	}
	
.wrapper .verticalalign
	{
	width: 150px;
	}

.buyPhotoLink
{
	float:right;
	clear:both;
	margin-right: 10px;	
	font-size:0.85em;			
}


/* since we're using pixel widths we don't need to
do the usual 100% fix for old Operas or IE */
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;		
	}
		
/* IE Win shifts these snaps upwards - at some font-sizes (sigh) */

* html .col-wrap.verticalalign
	{
	bottom: -1px;
	}
/* IE Mac 5 makes a hash of the absolute positioning */
* html>body .verticalalign
	{
	position: static;
	width: 100% !important;
	}
* html>body .verticalalign p
	{
	position: static;
	float: right;
	}
.wrapper_fix
	{
	position: relative;
	margin-bottom:10px;
	}
/* IE 5.01 doesn't like this */
* html .wrapper
	{
	position/**/: relative;
	}
.wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	}
/* easy clearing */
.wrapper:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.wrapper
	{
	display: inline-block;
	}
/*\*/
* html .wrapper
	{
/* only IE 5.01 should get this float value - otherwise 5.5 sometimes makes the width of wrapper too small */
	float: left;
	float/**/: none;
	}
.wrapper
	{
	display: block;
	}	
		
/*
channels and article container structure 
*/	

div#content-channel #one-col-wrapper
	{
	float:right;
	width: 220px;	
	margin-top:5px;	
	}
	

div#content-channel div#three-col-wrapper
	{
	float:left;
	width: 425px;		
	margin-top:5px;
	}	
	
div#content-article div#one-col-wrapper
	{
	float:right;
	width: 160px;	
	margin-top:5px;
	display:inline;
	}

/*
	Alignment fix for google skyscraper ads 
*/

div#google-sky
{
	clear: both;
}
	
/*
Articles' embedded objects
*/
.art-align-center
	{
	width:100%;
	text-align:center;
	}
	
/*
for clearing floated elements - mainly images
*/

.clearfix:after {
    content:".";
    display:block; 
    height:0;
    font-size:0;
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}  
/* \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
.cfdebug {text-align:left;}


/* Image Gallery styles
added by john hodgson for chris lam 12/05/08
------------------------------------------------*/
div.gallery-controls-next {float: left; width: 50px; height: 25px; margin-bottom: 5px;  background: url('http://images.icnetwork.co.uk/collections/css_r2_all/gallery_next.gif') no-repeat;}
div.gallery-controls-buy {float: left; width: 260px; text-align: center; padding: 0; background: #202020; height: 18px; font-size: 0.9em; padding-top: 7px;}
div.gallery-controls-previous {float: left; width: 50px; height: 25px; margin-bottom: 5px; background: url('http://images.icnetwork.co.uk/collections/css_r2_all/gallery_previous.gif') no-repeat;}
div.gallery-caption {clear: both; font-size: 0.8em; padding: 5px 5px;}
div.gallery-controls-buy a.gallery-buy { font-weight: normal;}
div.gallery-controls, div.gallery-controls-previous, div.gallery-controls-next, div.gallery-controls-buy { color: #fff; }
div.gallery-photo {overflow: hidden; width: 360px; height: 268px; float: left;}

/* Competitions widget
 */
.competitionMessageError,
.competitionMessage,
.compSubErr {
	border:2px solid gray;
	margin:0.2em;
	padding:0.4em;
	color:#d22;
	background-color:#fee;
}
.competitionMessage {
	border-color:gray;
	color:black;
	background-color:#eee;
}
.compSubErr {
	font-style:italic;
	font-size:75%;
}

/*
Motors storylist objects and widgets 
*/
div.motorsTeaser a img{
	float:left;
	margin: 0px 10px 10px 10px;	
	border:	1px solid #000000;
}

div.motorsTeaser p{
	margin-bottom: 10px;
}

div.motorsTeaser {
	clear:both;
	margin-bottom: 10px;
}

div.motorsStoryList ul li {
	background:transparent url(http://images.icnetwork.co.uk/collections/css_r2_liverpoolecho/i_arr.gif) no-repeat scroll 0pt 5px;
	padding: 0px 0px 5px 10px;	
	font-size: 0.85em;
	font-weight: normal;
	line-height: 1.4em;
}

div.motorsStoryList{
	margin: 0px 10px 10px 10px;
}

.motorSearchForm {	
	font-weight: normal;
	line-height: 1.4em;	
	margin: 0px 10px 10px 10px;	
}

.motorSearch input {
	margin: 5px 15px 5px 0px;	
}


.motorSearchForm p {
	padding: 0px;	
}

.motorSearchForm label {
	display:block;	
	padding:3px 3px 0px 0px;
	font-size: 0.85em;
}

.motorsShort select {
	font-size: 0.85em;
	margin: 10px;
}

.motorsShort a {
	font-size: 0.85em;
	margin: 0px 5px 5px 0px;
	text-align:right;
	float:right;
}

.textLinks {
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
	margin-left: 15px;
}

.motorlink {
	margin: 10px 0px 10px 0px;
}

/* dealers ad table styles */
div.xhtmlrhbox ul.recent-dealers {
	background:transparent url(http://images.icnetwork.co.uk/collections/css_r2_walesonline/dots.gif) repeat-x scroll center bottom;
	margin:0pt 0pt 3px;
	padding:3px 5px 5px;
}
div.xhtmlrhbox ul.recent-dealers li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt
	padding: 0pt;
}
div.xhtmlrhbox td {
	color:black;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: x-small;
	text-align: left;
	align: top;
}
div.xhtmlrhbox {

	margin-left: 0px;
	margin-top: 0px;
	width: 160px;
}
div.xhtmlrhbox table {
	margin:0pt 0pt 3px;
	align: top;
	border: 1px solid #EF1C21;

}
div.xhtmlrhbox-title {

	background-color:#EF1C21;
	color:#FFFFFF;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	padding:2px 0px 2px 2px;

}
iframe.alternate-object {
	overflow: hidden;
	border: none;
}


div.classified-search{
width: 325px;
padding: 5px 0;
margin: 5px 0 0;
}


/* Madgex job search widget styles */
div.madgex-jobs {
	background:#FFFFFF none repeat scroll 0 0;
	margin:10px 0 0;
	padding-bottom:5px;
	text-align:left;
	width:160px;
}

div.madgex-jobs p {
	padding-bottom:5px;
}

div.madgex-jobs .tab_textbox {
	width:130px;
}

/* Job of the week display method */
.job-of-week ul {font-size: 0.85em;}
.job-of-week ul li h5 { padding: 0px; font-size: 1.118em;}
.job-of-week ul li { padding: 0 10px;}


/* scotcareers widget for SuN */

#scw-wrap{
	width:160px;
	font-family:arial;
}

#scw-wrap h1{
	background: url(http://images.mirror.co.uk/collections/DR_site_images/DR_scotcareers_widget_header.gif) no-repeat;
	height:36px;
	margin:0px;
	padding:0px;
}
#scw-wrap h2{
	background-color:#180073;
	color:#fff;
	font-size:1.8em;
	text-align:center;
	margin:0px;
	padding:10px 0px;
}

#scw-wrap h3{
	background:url(http://images.mirror.co.uk/collections/DR_site_images/search_glass.gif) 5px 5px no-repeat;
	background-color:#cebee7;
	margin:0px;
	padding:10px 0px 0px 5px;
	color:#180073;
	font-size:1.2em;
	text-transform: uppercase;
	height:20px;
	border-bottom:1px dashed #DED7EF;
}

#scw-form{
	background-color:#cebee7;
	margin:0px;
	padding:3px;
}

#scw-form fieldset{
	padding:0px;
}

#scw-form p{
	margin:0px 0px 5px 0px;

}
#scw-form form{
	display:inline;
	background-color:#cebee7;
	text-align:left;
}

#scw-form form label{
	font-size:1.1em;
}

#scw-form form input[type=text],
#scw-form form select{
	font-size:1.1em;
	border:1px solid #999;
	width:140px;
}

*html #scw-form form input{
	width:140px;
	}

#scw-form form select{
	width:144px;
}


#scw-form form .helptxt{
	font-size:0.9em;
}

#scw-form fieldset{
	border:0px ;
}

#scw-form .submit{
	background:url(http://images.mirror.co.uk/collections/DR_site_images/search2.png) no-repeat;
	width:90px;
	height:27px;
	border:0px;
	cursor: pointer;
	margin-bottom:5px;
}

#scw-form p a{
	font-size:1em;
	color:#660066;
	text-decoration:none;
}

#scw-hotjobs{
	background-color: #fff;
	margin:5px 0px;
	padding:0px 3px;
}

#scw-hotjobs h4{
	margin:5px 0px;
	padding:0px;
	font-size:0.9em;
	color: #180073;
	text-transform:uppercase;

}
#scw-hotjobs h5{
	margin:2px 0px 0px 2px;
	padding:0px;
	font-size:1.2em;
	line-height:normal;
	font-weight:normal;
	text-align:left;
	color: #660066;
}
#scw-hotjobs p{
	margin:0px;
	padding:0px;
	font-size:0.8em;
	color: #000;
	text-align:left;
	margin-left:2px;
}

#scw-jobseeker{
	text-align:center;
	height:40px;
	background:url(http://images.mirror.co.uk/collections/DR_site_images/bg-gradient.gif) repeat-x;
}

#scw-jobseeker img{
	margin-top:8px
}

/* Article mpu ad */

#three-col .mpu2{float:right; width:300px; margin-left:20px; border:none; padding:0px;}


/* MPU classesadded for C.L. */
div.mpu-ad {
margin:0px 0 0 0; 
padding:10px 0; 
width:330px; 
min-height:250px;
height:auto !important;
height:250px;
}

/* Hot Local Flyout Offers 
-------------------------------------------------------------*/
.span-30 {width:295px; float:left; margin-right:5px; margin-bottom:0px;}
.span-64 {width:635px; float:left; margin-right:5px; margin-bottom:0px;}
div.last {margin-right:0}

div.flyout-wrap {z-index: 1000000000; margin: 40px 0px;border: 7px solid #eee; background: #eee; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-moz-box-shadow: 0 0 10px #666;-webkit-box-shadow: 0 0 10px #666;position: absolute;height:auto;}
div.flyout {background: #f1f1f1;padding: 10px;border: 1px solid #ddd;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.flyout-triangle {position: absolute; top: 150px; right: -53px;}
div.flyout-header {border-bottom: 1px solid #ddd;margin-bottom: 10px;height: 30px;}
div.flyout-header h2 a {font-size: 1.8em;background:url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/i_arr_lrg.gif") no-repeat 100% 10px;padding-right:12px;}
img.flyout-close {float: right;}
div.flyout-mpu {margin-top: 10px;height: 300px;}

div.flyout-offers {margin-top: 5px; }
div.flyout-offers ul {width: 295px; position: absolute;background: #f1f1f1;}
div.flyout-offers ul li {border-bottom: 1px solid #ddd;padding: 1px 0; clear: both;display: inline-block;}
div.flyout-offers ul li a {color: #005689;}
div.flyout-offers h3 {width: 185px;float: left; display: inline; line-height: 14px;}
div.flyout-offers h3 a {padding-top: 3px; background:url("http://images.icnetwork.co.uk/collections/css_r25_livpost/sprites.png") no-repeat 0 10px; padding-left: 12px;font-size: 12px;font-weight: normal;display: block;}
div.flyout-offers h3 a span {font-size: 14px;font-weight: bold;line-height: 18px;}
div.flyout-offers ul li.more-link {font-weight: bold; font-size: 14px; float: right;  margin: 5px 5px 0 0;border-bottom: none;}

div.offer-amount {margin-top: 8px; display: block;width: 85px; background: #ec1b2e url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/amount-bkg.png") no-repeat right; font-size: 12px; color: #fff; font-weight: normal; text-transform: uppercase; padding: 3px 2px 3px 5px;float: right;display: inline;}
div.offer-amount a {color: #fff; display: block;}
div.offer-amount a:hover {text-decoration: none;color: #eee;}
div.flyout-offers ul li div.offer-amount a {color: #fff;}

div.flyout-search {margin-top: 20px;clear: both; padding: 8px 0 4px 10px;background: #e2e2e2;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.flyout-search h3 {color: #333; font-size: 12px;float: left; display: inline;margin-right: 10px;margin-top: 5px;}
div.flyout-othersites h3 {color: #333; font-size: 12px;float: left; display: inline;margin: 0 10px 0 0; line-height:18px;}
div.flyout-search input {padding: 2px;}
div.flyout-othersites {clear: both; width: 610px; height: 25px;}
div.flyout-othersites h3 {padding: 0;font-size: 13px; font-weight: bold;}
div.flyout-othersites ul {margin: 0px 0 0 0;}
div.flyout-othersites ul li {margin-top: 2px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #ddd;float: left; display: inline;}
div.flyout-othersites ul li a {font-weight: bold; }
div.flyout-othersites ul li.more-link a {background: #ec1b2e url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/amount-bkg.png") no-repeat right; color: #fff;padding: 5px 20px 5px 5px;}
div.flyout-othersites ul li.more-link {border-right: none;}

div.flyout-widget {margin-bottom: 10px;padding: 0; width: 325px;height: 100px;}
div.flyout-widget h4 {margin: 0; padding: 5px 0px 5px 10px;background: url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/flyout-widget-head.png") no-repeat; height: 30px; width: 315px;}
div.flyout-widget h4 a { font-size: 14px; padding-right: 12px;color: #fff;}
div.flyout-widget h4 a:active {color: #fff;}
div.flyout-widget #all_offers h2 {padding: 5px 10px 10px 10px;line-height: 20px;}
div.flyout-widget #all_offers h2 a {color: #fff; font-size: 0.8em;display: block; width: 300px; height: 40px;}
div.flyout-widget #all_offers h2 a span {font-size: 2em;}
div.flyout-widget #all_offers h2 a:hover {color: #fff;}
div.flyout-widget #all_offers { height:52px; overflow:hidden; }
div.flyout-triangle { width:54px; height:45px; background: url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/triangle2.png") no-repeat; z-index: 1000000000;}
div.flyout-widget { position:relative; margin:0 auto; }
div.flyout-widget .flyout-wrap { position:absolute; left:-660px; top:-170px; opacity:0; filter:alpha(opacity=0);  } 
a.flyout-close { width:20px; height:20px; background: url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/btn-close.png") no-repeat; float:right; }

/* Local Offers */
div.local-offers div.offer-logo {float:left;margin-right: 10px;margin-bottom: 10px; padding: 5px 0 ; background: #f2f2f2; border: 1px solid #d9d9d9;}
div.local-offers div.teasers {border-bottom: 1px solid #f2f2f2;margin-top: 10px;padding-bottom: 10px; font-family: Arial, Sans-Serif; font-size: 12px;}
div.local-offers h2 a {color: #d40009;font-size:18px;background:url("http://images.icnetwork.co.uk/collections/css_r25_livpost/sprites.gif") no-repeat 100% 8px;padding-right: 23px;}
div.local-offers h2 a:hover {color:#d40009;}
div.local-offers p {margin-bottom:0; font-size: 12px;color: #333;padding-top: 5px;padding-bottom: 5px;}
div.local-offers div.offer-desc {width: 345px; float: left; display: inline;}
div.local-offers a.offer-visit {display: block;background: #ec1b2e url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/amount-bkg1.png") no-repeat right; font-size: 12px; color: #fff;padding: 3px 20px 2px 5px;float: left;margin-left: 4px;}
div.local-offers-quicklinks div.quick-links-list ul li a span {font-size: 0.8em; color: #333;}

/* Hot Local Offers */
div.flyout-widget {background: url("http://images.icnetwork.co.uk/collections/css_r25_hotoffers/flyout-body.png") no-repeat bottom;}

/* ShareThis widget */
div#at16pcc h4 {background: none;} /* removes background bug on addthis popup. */
div.share.side ul li, div.share.bottom ul li{display:inline}
div.related.share ul li a {float: left; display: inline;margin: 0 2px 6px 0;font-weight: bold;font-size: 10px;}
div.related.share a.i_print {background: none;padding: 0;}
div.related.share a.i_rss {background-position:0 -680px; padding:8px 0 0 0; }
div.related.share a.i_email {background: none; padding: 0;}
div.related.share ul li a.i_facebook_like {padding: 0; margin: 0;}
div.related.share.side ul li a.i_facebook_like {padding: 0;margin: 0 0 0 -22px; _margin: 0 0 0 0px;}
div.related.share.bottom ul li a.i_rss {width: 16px; height: 16px; text-indent: -99999px;}
div.related.share.side ul li a.addthis_button_expanded {float: left; display: block; clear: both; width: 100px;}
div.related.share ul li a.addthis_button_expanded span {float: left;}
div.share-article.it-article-footer {background: #fff; height: 60px;}
div.related.share .i_rss {background:url("http://images.icnetwork.co.uk/collections/css_r25_all/sprites1.png") no-repeat;}
div.related.share .i_rss {background-position:0 -680px; padding:2px 0 0 0; }