@import 'colours-style-and-design.css';

/* you can override those styles (font-size for example) by repeating them below and writing !important in them */

/* this is the extra part only for lfw: */


body.lfw div#lfwmenu ul li{
	float:left !important;
	width:205px !important;
	background:none !important;
	border-top:1px solid #CACACA;
	font-size:65%;
	padding:0 !important;
	margin:0 7px 0 0;
}
body.lfw div#lfwmenu ul li.lfw3{
	margin-right:0;
}
body.lfw div#lfwmenu ul li a{
	display:block;
	width:205px;
	color:#FF00B9;
	padding:4px 0 !important;
}
body.lfw div.lfwleft{
	float:left;
	width:262px;
}
body.lfw div.lfwright{
	float:right;
	width:345px;
}
body.lfw div.lfwleft div,
body.lfw div.lfwright div{
}

body.lfw div.lfwleft div{
	border:1px solid #CACACA;
	padding:10px 10px 5px 10px;
	margin:0 0 10px 0;
}
body.lfw div.lfwright div{
	padding:10px 0px 5px 10px;
	margin:0;
}
body.lfw div#contentfeature .contentpaneopen div.moduletable,
body.lfw div#contentfeature .contentpaneopen div.moduletable div.flexcontentitem,
body.lfw div#contentfeature .contentpaneopen div.moduletable div.flexcontentitem div.contentpaneopen,
body.lfw div#contentfeature .contentpaneopen div.moduletable div.flexcontentitem div.contentpaneopen div{
	padding:0 !important;
	margin:0 !important;
	border:none !important;
}

body.lfw div.lfwright div.allvideos{
	padding:0px !important;
}
body.lfw div.lfwright div.allvideos object,
body.lfw div.lfwright div.allvideos embed{
	width:335px !important;
}
body.lfw object,
body.lfw object embed{
	margin-bottom:1.5em;
}
body.lfw div.lfwright h3{
	font-size:70%;
}
body.lfw div.lfwright h4{
	font-size:70%;
	color:#FF00B9 !important;
}
body.lfw div.lfwleft p,
body.lfw div.lfwright p{
	font-size:70% !important;
}
body.lfw div.lfwright p.lfwblurb{
	margin-bottom:5px !important;
	font-weight:bold;
}
body.lfw div#contentfeature .contentpaneopen p img{
	margin-top:4px !important;
}
body.lfw div.lfwright p.imageleft{
	margin-right:10px !important
}
body.lfw div.lfwleft p.lfwmore,
body.lfw div.lfwright p.lfwmore{
	clear:both;
	text-align:right;
	border-top:1px solid black;
	padding:5px 0;
	margin-top:10px !important;
}
body.lfw div.lfwleft a,
body.lfw div.lfwright a{
	color:#FF00B9;
}
body.lfw div.lfwleft a{
	font-weight:bold;
}
body.lfw div.lfwleft p.lfwmore a,
body.lfw div.lfwright p.lfwmore a{
	padding-left:5px;
	background:url(images/bullet-lfw-orange.gif) 0 .4em no-repeat;
	color:#F06829;
	font-weight:bold;
}
body.lfw div.lfwright div#lfwtrack p{
	color:#000000 !important;
	font-weight:bold;
}
body.lfw div.lfwright div#lfwtrack p a{
	font-weight:normal !important;
}

body.lfw div#lfwquote{
	clear:both;
	background:#E6E6E6;
	padding:10px;
	margin-bottom:10px;
}
body.lfw div#contentfeature h2.lfwheader,
body.lfw div#contentfeature h2.lfwheaderw{
	font-size:80%;
	margin-bottom:7px;
}
body.lfw div#contentfeature div#lfwquote p{
	margin-bottom:0;
	font-size:90%;
}
body.lfw div#contentfeature div#lfwquote p.lfwquoteattrib{
	font-size:75%;
}
body.lfw div#lfwcompetition{
	background:#CACACA;
}
body.lfw div#lfwcompetition p{
	color:#666666 !important;
}

body.lfw .lfwheaderw{
	color:#FFFFFF;
}

body.lfw div.channelhome{
	height:auto !important;
	margin-bottom:0 !important;
}
body.lfw div.channelhome h2.featureheading{
	font-size:110% !important;
	margin-top:10px;
}
body.lfw div#middle div.line{
	display:none;
}
div.mblock{
	width:145px !important;
	padding-right:0 !important;
	margin-right:14px !important;
	border:0px solid #9B9B9B;
	min-height:3em !important;
	padding-bottom:5px !important;
}
div.mblock h2.contentheading,
div.mblock div.readmore{
	padding:2px 5px;
}
div.mblock h2.contentheading{
	height:2.7em;
}
div.mblock div.readmore{
	font-size:71%;
	text-align:right;
}
div.mblock div.readmore a{
	padding-right:10px;
	background:url(images/bullet-blackonwhite.gif) 100% .3em no-repeat;
}

p#lfwbacklink{
	clear:both;
}