/* CSS Document - Help the Aged - advanced version - created 06.10.2005 */

/* ------------------------ basics ------------------------------- */
html {
/* This is the colour of the bottom of the gradient to fill the viewport in Firefox where there not enough content 							    to fill the entire page */
 background-color: #e5e5e5; 
}
body {
	color: #000000;
	margin:0;
	padding:0;
	text-align:center;
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	background-color: #ffffff;
	background-image: url(../images/pageBg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
p{
 margin:0;
 padding:0; 
 font-weight:normal;
}
h1{
 font-size:1.6em;
 margin:0;
 padding:0; 
 font-weight:normal;
}
h2{
 font-size:1.2em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
h3{
 font-size:1em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
h4{
 font-size:0.8em;
 margin:0;
 padding:0; 
 font-weight:bold;
}
b, strong{
 font-weight:bold;
}
em{
 font-style:italic;
}
abbr, acronym { 
 border-bottom:1px dotted #000000; 
 cursor:help; 
}
a{
 color: #0066CC;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:active {
 text-decoration: underline;
}

img{
 border:0;
}

form{
 margin:0;
 padding:0; 
}
label{
 margin:0;
 padding:0px; 
 /*padding-bottom:5px; 
 margin-left:-10px;*/
 font-weight:bold;
}

code{
 padding:4px 0;
 display:block;
 margin:10px;
 border-top:1px dotted #AAAAAA;
 border-bottom:1px dotted #AAAAAA;
 font-size:1.0em;
}

blockquote{
 font-family: Times, serif;
 color:#000000; 

 font-size:1.2em;
 margin:4px 30px 10px 20px;
 padding:0;
}
blockquote span.quoteAuthor{ 
font-style:normal;
 font-family: arial, verdana, sans-serif; 
 color:#666666;
 text-align:right;
 font-size:0.8em; 
 font-weight:bold;
}

table, td{
 font-family: arial, verdana, sans-serif; 
 font-size:1em;

}
/*table{
 margin:10px 0px;
 padding:0;
 border:2px solid #FFBB00;
 border-collapse:collapse;
}
table caption{
 text-align:center;
 font-weight:bold;
 color:#666666;
 padding:2px 0;
}*/
thead{
 background:#FFBB00;
 padding:2px;
}
td{
 /*border:1px solid #666666;*/
 padding:2px;
 text-align:left;
 vertical-align:top;
}

#plainTable 
{
 font-family: arial, verdana, sans-serif; 
 font-size:1em;
 border-width: 0px;
}

#plainTable thead 
{
 padding:2px;
 background-color: transparent;
}

#plainTable td 
{
 text-align:left;
 vertical-align:top;
 border-width: 0px;
}

#multiPageForm fieldset p.lblElectricity
{
	margin-top: 11px;
}

#multiPageForm fieldset p.lblHeatingOil
{
	margin-top: 12px;
}

/* ------------------------------- global layout -------------------------------  */

/* access */
#accessHelp {
 display: none;
}


/* global page elements */ 
#wrapper {
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	width:960px;
	font-size:0.8em;
	text-align:left;
	/*position:relative;*/
 border:0;
	padding:0;
	background-color: #ffffff;
	background-image: url(../images/wrapperBg.gif);
	background-repeat: repeat-y;
}

#masthead {
	margin:0 3px 0 3px;
	padding:0;
	text-align:right;
	position:relative;
	width:954px;
	background-color: #598CD2;
}

#accessAndLogin {
 background: #598CD2;
 margin:0 17px 0 0px;
 padding:0; 
 font-size:0.85em;
 position:relative;
}
/* hack */
* html #accessAndLogin {
 width: 600px;
}

#enlargTextBtn{
 margin:0;
 padding:0 0 3px 6px;
 background: transparent url("../images/enlargeTabLeft.gif") no-repeat bottom left;
}
#enlargTextBtnCnt{
 margin:0 2px 0 -3px;
 padding:0 6px 3px 0;
 background: #0066CC url("../images/enlargeTabRight.gif") no-repeat bottom right;
 display:block;
 float:right;
}

#enlargTextBtnCnt a{
 color: #FFFFFF;

}

#loginTab{
 margin:0;
 padding:0 0 3px 6px;
 background: transparent url("../images/loginTabLeft.gif") no-repeat bottom left;
}
#loginTabCnt{
	margin:0;
	padding:0 6px 3px 0;
	background: #FFFFFF url("../images/loginTabRight.gif") no-repeat bottom right;
	display:block;
	float:right;
	font-weight: bolder;
}
#loginTabCnt a{
 color: #AA1133;
}

#logoAndLocale {
 float:none;
 clear:both;
 background: #598CD2;
 margin:0;
 padding:2px 17px 17px 17px;
 text-align:left;
 position:relative;
 /* fix for shifting logo, nav bar and search bar in IE7 */
}
#logoAndLocale h1{
 margin:0;
 padding:0;
}


/* MAIN NAGIGATION */

#mainNavBar {
 background: #598CD2;
 margin:0;
 padding:0;
 position:relative;
}
#navTabs {
 background: #598CD2;
 margin:0;
 padding:0 17px 0 17px;
 position:relative;
}
#navTabs ol{
 margin:0;
 padding:0;
 position:relative;
}
#navTabs ol li{
 margin:0 4px 0 0;
 padding:0;
 display:block;
 float:left;
 position:relative;
}
#navTabs ol li a{
 padding:4px 0 4px 6px;
 background: #FFFFFF url("../images/tabsLeftWhite.gif") no-repeat top left;
 color: #000000;
 font-size:0.9em;
 text-decoration:none;
 display:block;
 position:relative;
 font-weight: bold;

}
#navTabs ol li a:hover{
 padding:4px 0 4px 6px;
 background: #0066CC url("../images/tabsLeftOver.gif") no-repeat top left;
 color: #FFFFFF;
 text-decoration:none;
}
#navTabs ol li a:hover span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightOver.gif") no-repeat top right;
}
span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightWhite.gif") no-repeat top right;
}
/* home Channel on */
#navTabs ol li#HomeOn a{
 padding:4px 0 4px 6px;
 background: #FFEEBB url("../images/tabsLeftHome.gif") no-repeat top left;
 color: #000000;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#HomeOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightHome.gif") no-repeat top right;
}
#navTabs ol li#HomeOn a:hover span{
 text-decoration: underline;
}
/* What we do Channel on */
#navTabs ol li#WhatOn a{
 padding:4px 0 4px 6px;
 background: #552244 url("../images/tabsLeftWhat.gif") no-repeat top left;
 color: #FFFFFF;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#WhatOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightWhat.gif") no-repeat top right;
}
#navTabs ol li#whatOn a:hover span{
 text-decoration: underline;
}
/* Advice Channel on */
#navTabs ol li#AdviceOn a{
 padding:4px 0 4px 6px;
 background: #AA1133 url("../images/tabsLeftAdvice.gif") no-repeat top left;
 color: #FFFFFF;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#AdviceOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightAdvice.gif") no-repeat top right;
}
#navTabs ol li#AdviceOn a:hover span{
 text-decoration: underline;
}
/* How you can help Channel on */
#navTabs ol li#HowOn a{
 padding:4px 0 4px 6px;
 background: #992288 url("../images/tabsLeftHow.gif") no-repeat top left;
 color: #FFFFFF;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#HowOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightHow.gif") no-repeat top right;
}
#navTabs ol li#HowOn a:hover span{
 text-decoration: underline;
}
/* Campaigns Channel on */
#navTabs ol li#CampaignsOn a{
 padding:4px 0 4px 6px;
 background: #000000 url("../images/tabsLeftCampaigns.gif") no-repeat top left;
 color: #FFFFFF;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#CampaignsOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightCampaigns.gif") no-repeat top right;
}
#navTabs ol li#CampaignsOn a:hover span{
 text-decoration: underline;
}
/* Shop Channel on */
#navTabs ol li#ShopOn a{
 padding:4px 0 4px 6px;
 background: #FF7700 url("../images/tabsLeftShop.gif") no-repeat top left;
 color: #FFFFFF;
 font-size:0.9em;
 text-decoration:none;
 display:block;
}
#navTabs ol li#ShopOn a span.navTabOff{
 padding:4px 6px 4px 0;
 background: transparent url("../images/tabsRightShop.gif") no-repeat top right;
}
#navTabs ol li#ShopOn a:hover span{
 text-decoration: underline;
}

#searchBar {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:12px;
}

#searchBar.home {
 background: #FFEEBB url("../images/homeTabBarBg.gif") repeat-x bottom;
 color:#000000;
}

#searchBarWhat {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:30px;
 background: #552244 url("../images/whatTabBarBg.gif") repeat-x bottom;
 color:#FFFFFF;
}

* html #searchBarWhat {
 height:30px;
}

#searchBarAdvice {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:30px;
 background: #AA1133 url("../images/adviceTabBarBg.gif") repeat-x bottom;
 color:#FFFFFF;
}
* html #searchBarAdvice {
 height:30px;
}

#searchBarHow {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:30px;
 background: #992288 url("../images/howTabBarBg.gif") repeat-x bottom;
 color:#FFFFFF;
}
* html #searchBarHow {
 height:30px;
}

#searchBarCampaigns {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:30px;
 background: #000000 url("../images/campaignsTabBarBg.gif") repeat-x bottom;
 color:#FFFFFF;
}
* html #searchBarCampaigns {
 height:30px;
}

#searchBarShop {
 margin:0;
 padding:0px;
 clear:both;
 float:none;
 text-align:left;
 font-size:0.85em;
 position:relative;
 height:30px;
 background: #FF7700 url("../images/shopTabBarBg.gif") repeat-x bottom;
 color:#FFFFFF;
}
* html #searchBarShop {
 height:30px;
}

#searchTool{
position:relative;
 margin:0;
 padding:4px 0 4px 10px;
 width:500px;
}
#searchTool label{
 margin:0;
 padding:0;
 position:relative;
}
#searchTool input{
 margin:0 3px;
 font-size:0.9em;
 position:relative;
}
#searchTool select{
 margin:0 3px;
 font-size:0.9em;
 position:relative;
}
#donateBtn {
	position:absolute;
	right:17px;
	top:4px;
	width:200px;
	height:5px;
	margin:0px 0 0 0;
	padding:0;
	font-weight: bolder;
}
#volunteerDonateBtn {
 position:absolute;
 right:17px;
 top:3px;
 width:171px;
 height:23px;
 margin:0px 0 0 0;
 padding:0;
}
#volunteerDonateBtn #volunteerBtn{
 margin:0 6px 0 0px;
 padding:0 0 0 0px;
}
.searchGoBtn{
 vertical-align:bottom;
}

/* main content area */
#pageBody{
 margin:0 3px;	/*or left,right 3px*/
 padding:0;
 border-top:1px solid #FFFFFF;
 position:relative;

}



/* footer */
#footer{
 padding:0; 
 font-size:0.8em;
 text-align:center;
 background: url('../images/footer.gif') no-repeat bottom center;
padding: 0px 3px;
margin-top: 3px;
}

#footer p
{
	margin-top:4px;
}

#footer ul a{
	text-decoration: none;
	font-weight: normal!important;
}

#footer ul a:hover{
	text-decoration: underline;
}

#footer ul, #footer ul li{
 margin:0;
 padding:0;
list-style: none;

}



#footer ul li#footer-links{
	width: 674px;
	background-color: #598CD2;
	background-image: url(../images/tab_blue.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer ul li#footer-links, #footer ul li#set-your-nation, #footer ul li#font-size{
	height: 30px;	
}

#footer ul li#set-your-nation, #footer ul li#font-size{
	background: #552244 url('http://smilecharity.co.uk//images/tab_purple.gif') no-repeat center top;
	width: 136px;
}

#footer ul li#set-your-nation a, #footer ul li#font-size a, #footer ul li#font-size{
	color: #fff;
}

#footer ul li#font-size div{
width: 8em;
margin: 0 auto;
}

#footer ul li#font-size a{
	margin-right: 3px;
}

#footer ul li#font-size a#noScriptFontLink
{
	float : none;
}

#footer ul li#font-size a#text-smaller{
	top: 11px;
}

#footer ul li#font-size a#text-larger{
	top: 8px;
}

#footer ul li{
	float: left;
	line-height: 30px;
	margin-left: 2px;
}

#footer ul li ul li{
	display: inline;
	float: none;
}

#footer ul li ul li a{
	color: #000;
	font-weight: bold!important;
}

#footer p{
	height: 41px;
	line-height: 35px;
	color: #fff;
	clear: both;
	margin: 0;
	padding: 0;
}
#footer a{
 color: #FFFFFF;
 text-decoration: none;
}
#footer a:visited {
 text-decoration: none;
}
#footer a:hover {
 color: #0066CC;
 text-decoration: underline;
}
#footer a:active {
 color: #0066CC;
 text-decoration: underline;
}
/* ------------------------------- Homepage specific -------------------------------  */


/* layout */

#homeContent{
	margin: 0 3px 2px;
}

#homeContent .leftCol{
	width: 670px;

}

#homeContent .rightCol
{
	margin-left: 2px;
	
}

#homeContent div.leftCol, #homeContent div.rightCol{
	/*margin-left: 2px;*/
	float: left;
}

#homeContent div.leftCol div.leftCol, #homeContent div.rightCol{
	width: 280px;
}

#homeContent div.leftCol div.leftCol{
	margin-left: 0;
}

/* overide styles */

#homeContent a{
	font-weight: normal;
}


/* rounded boxes */

#homeContent div.yellowBox div.roundedBoxInner{
	background-image: url('http://smilecharity.co.uk//images/yellow_bottom_wide.gif');	
}

#homeContent div.redBox{
	background-image: url('http://smilecharity.co.uk//images/red_top_wide.gif');	
}

#homeContent div.redBox div.roundedBoxInner{
	background-image: url('http://smilecharity.co.uk//images/red_bottom_wide.gif');	
}

/* main content */

#homeContent div.bigTop{
	background: #eee url('http://smilecharity.co.uk//images/grey_bottom_cental_column.gif') no-repeat bottom;
	padding: 7px 10px;
	margin-top: 2px;
	margin-right: 1px;
	margin-left:4px;
}

#homeContent div.bigTop, #homeContent div.yellowBox div.roundedBoxInner{
	height: auto;
}

#homeContent div.bigTop img{
	float: left;
	margin-top: 3px;
}

#homeContent div.bigTop h2, #homeContent h3{
color: #0568bb;
}

#homeContent div.bigTop h2{
margin: 0 0 8px 254px;	
}

#homeContent div.bigTop h2 a{
	font-weight : bold;	
	color : #0568bb;
}

#homeContent div.bigTop p{
	margin: 6px 0 6px 254px;
}


#homeContent h3{
	padding: 15px 0 5px 0;
	font-size: 1.2em;
	clear: left;
}

#homeContent h3 a{
	color:#0568BB;
	font-weight:bold;
}

#homeContent .leftCol .leftCol div, #homeContent .leftCol .rightCol div{
	margin: 0 8px;
}

#homeContent .leftCol .leftCol img, #homeContent .leftCol .rightCol img{
	float: left;
	margin-right: 5px;
}
#homeContent .leftCol .leftCol p, #homeContent .leftCol .rightCol p{
margin-bottom: 5px;
}

#homeContent .rightCol p{
margin-bottom: 9px;
}
#homeContent .rightCol p .sample1{
margin-bottom: 0px;
}

/* advice links */

#homeContent div#adviceLinks{
	margin-bottom: 20px;
}

#homeContent div#adviceLinks ul{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}

#homeContent div#adviceLinks ul li{
	margin: 6px 10px;	
}

#homeContent div#adviceLinks ul li a{
	padding-left: 0;
}

#homeContent div#adviceLinks h5{
	padding-bottom: 3px;
	border-bottom: 1px solid #aa1034;
	color: #aa1034;
	font-size: 1.1em;
	font-weight: normal;
	margin: 22px 0 5px 0;
}

#homeContent div#adviceLinks h5, #homeContent div#adviceLinks a, #homeContent div#adviceLinks p{
	padding-left: 10px;
}		

#homeContent div#adviceLinks h5
{	
	margin-left:5px;
	padding-left:5px;
}
#homeContent div#adviceLinks p a
{
	padding-left: 0px;
}

#homeContent div#adviceLinks a, #homeContent div#adviceLinks p{
	margin: 8px 0;
	
}

#homeContent div.roundedBox div.roundedBoxInner h4{
	margin: 7px 0 4px 0;
}

#homeContent div.roundedBox div.roundedBoxInner h4{
	margin: 7px 0 4px 0;
}

.externalsubSection ul{
	margin: 0 !important;
	padding: 0;
}

.externalsubSection ul li{
	margin: 0px 0;
	list-style: none;
	text-indent:-7px;
}

div#externallinks div.leftCol
{
	width:225px;
	line-height:2em;
	padding-top: 7px;
}

div#externallinks div.rightCol
{
	width:370px;
	line-height:2em;
	padding-top: 7px;
}

div#externallinks a
{
	margin-bottom : 3px;
	margin-top:8px;
	
}

div#externallinks 
{	
	background-image: url("http://smilecharity.co.uk//images/grey_box.gif");
	width:505px;
	padding-left:10px;
	padding-bottom:6px;
	background-repeat : no-repeat;
	margin-left: 4px;
	border-top-width: 9px;
	margin-top: 12px;
	height : 160px;
	
}

div#externallinks h4{
	font-size : 1.8em;
}

div#bookmark table
{
	border-width:0px;
}

div#bookmark 
{

}

/* ------------------------------- Clearfix -------------------------------  */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ------------------------------- New Rounded Boxes -------------------------------  */

div.roundedBox{
	background-repeat:no-repeat;
	background-position: left top;
	margin-top: 2px;
}

div.roundedBox div.roundedBoxInner{
	background-repeat:no-repeat;
	background-position: left bottom;
	padding: 14px 10px;
}

.titleOnly div.roundedBoxInner{
	padding: 7px 10px!important;
}

div.yellowBox{
	background-image: url('http://smilecharity.co.uk//images/yellow_top.gif');
	background-color: #fb0;	
}

div.yellowBox div.roundedBoxInner{
	background-image: url('http://smilecharity.co.uk//images/yellow_bottom.gif');
}

div.greyBox{
	background-image: url('http://smilecharity.co.uk//images/grey_top.gif');
	background-color: #eee;	
}

div.greyBox div.roundedBoxInner{
	background-image: url('http://smilecharity.co.uk//images/grey_bottom.gif');
	padding-top:1px;
}
div.roundedBoxInnerAce{
	background-image: url('http://smilecharity.co.uk//images/hta_homepage_top.gif');
	background-repeat:no-repeat;
}

div.roundedBoxInnerAcebtm{
	background-image: url('http://smilecharity.co.uk//images/hta_homepage_bottom.gif');
	background-repeat:no-repeat;
}
/*div.whiteBox div.roundedBoxInner #AceBox2{
	border: 3px solid #C0C0C0;
	padding: 1px;
	color: #5b5b5b;
	width: 139px;
	height: 145px;
}
div.whiteBox div.roundedBoxInner .AceStatement2
{
    margin: 3px 0px 5px 5px;
    font-family:Arial;
    font-size: 0.9em;
    border:solid 1px black;
}
div.whiteBox div.roundedBoxInner #AceStatementlink2
{
    /*border:none;
    border:solid 1px black;
}*/

div.greyBox div.roundedBoxInner h5
{
	margin-top:8px;
	margin-bottom : 8px;
	font-size:1.25em;
}

div.wideGreyBox{
	background-image: url('http://smilecharity.co.uk//images/wide_grey_top.gif');
	background-color: #eee;	
}

div.wideGreyBoxlinks{
	background-color: #eee;
	background-image: url(../images/grey_bottom_cental_column.gif);
}

div.wideGreyBox div.roundedBoxInner{
	background-image: url('http://smilecharity.co.uk//images/wide_grey_bottom.gif');
}

div.wideGreyBox div.roundedBoxInner h4{
	font-size : 1.2em;
}

div.redBox{
	background-color: #aa1034;	
}

div.noTop{
background-image: none!important;	
}

div#moreLinks
{
	width : 428px;
	margin-left : -10px;
}

div#externallinks
{
	width : 660px;
	
}

div.externalRoundedBoxInner
{
	padding-top : 14px;
}



/* ------------------------------- Side boxes content -------------------------------  */

#otherWebsites select, div#signUp input.textField{
	border: 1px solid;
	padding: 1px;
	color: #5b5b5b;
	font-size: 0.9em;
}

div.yellowBox #otherWebsites select, div.yellowBox div#signUp input.textField{
	border: 1px solid #c69a00;
}

#homeContent div#signUp input.textField{
width: 163px;
padding: 0.3em 3px;
}

#homeContent #otherWebsites select{
	width: 172px;
	height: 19px;
}

#homeContent input.signUpBtn{
	margin-left: 7px;
	position: inherit;
	top: 5px;
}

div#signUp label, div#otherWebsites label{
	display: none;
}

#homeContent div#signUp p.sample{
	float: right;
}

#homeContent div#signUp p#formelements{
	float: none;
}
#homeContent div#signUp p.formmessage{
	float: none;
}

div#signUp p a{
		color: #343233;
		font-weight: normal;

}

div#signUp p a strong{
	font-weight: bold;
}

div#signUp, div#otherWebsites
{
	margin:0;
	margin-top: 7px;
}


/* ------------------------------- Locale and regional -------------------------------  */

.locale_en-ni{
 background: #FFBB00 url("http://smilecharity.co.uk//images/ni.gif") no-repeat bottom right;
}
.locale_en-sc{
 background: #FFBB00 url("http://smilecharity.co.uk//images/sc.gif") no-repeat bottom right;
}
.locale_en-cy{
 background: #FFBB00 url("http://smilecharity.co.uk//images/cy.gif") no-repeat bottom right;
}
.locale_en-en{
 background: #FFBB00 url("http://smilecharity.co.uk//images/en.gif") no-repeat bottom right;
}

#homeContent div.leftCol h2.locale{
 background:#FFBB00 url("http://smilecharity.co.uk//images/curveYelCrmBL.gif") no-repeat bottom left; 
 color:#000000;
 margin:0 0 0 0;
 padding:3px 10px;
 font-size:1em;

}

#homeContent div.leftCol h2.adviceHighligh{
 margin:10px 0 0 0;
 border-top:1px solid #FFFFFF;
}


/* ------------------------------- useful classes -------------------------------  */
.hideMe{
 display: none;
}

.darkBg{
 color:#FFFFFF;
}

.darkBg a{
 color:#FFFFFF;
 text-decoration:none;
}

.itemLeftPic{
 float:left;
}

.itemLeftPic img{
 float:left;
}

* html .itemLeftPic{
 float:none;
}
* html .itemType1{
 float:none;
 clear:both;
}
.itemRightPic {
 /* added by Thomas W */
 float:left;
 width: 391px;
}
.itemRightPic img {
 float:right;
 padding-left: 3px;
}
* html .itemRightPic {
 float:none;
}
p img.storyLeftPic {
 float:left;
 margin:0 10px 0 0;
}
p img.storyRightPic{
 float:right;
 margin:0 10px 0 0;
}

.veryEmphasized{
 font-weight: bold;
 font-size:1.1em;
}
.forceNormal{
 font-weight:normal;
}

.forceRight{
 text-align:right;
}
.shrunkenTxt{
 font-size:0.85em;
}
.floatLeft
{
	float:left;
}
.floatRight
{
	float:right;
}
.dataTable 
{
	width: 390px; 
	border: 1px solid #ffcc33;
	margin: 10px;
}

.dataHeader 
{
	background-color:#ffcc33;
	text-align:left;
	padding: 2px 2px 2px 7px;
	border: 1px solid #ffcc33;
}
.dataItem 
{
	background-color:#ffeecc;
	text-align:left;
	padding: 2px 2px 2px 7px;
	border: 0px solid #ffcc33;
}

.separator 
{
	margin-top: 7px;
}

.storyLeader p 
{
	padding: 4px;	
}

.storyLeader h3
{
	padding: 4px 4px 4px 7px;
	margin: 7px 4px 7px 0px;
}
.storyLeader h1
{
	/*background-color:Lime;*/
	font-size:1.3em;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
}

#ServiceSelector 
{
	margin-left: 4px;
	margin-right:4px;	
}

.importantInfo{
	padding:10px;
	border: 2px solid #FFBB00;
	margin:10px 0 10px 0px;
}

p img.storyLeftPic{
 float:left;
 margin:0 10px 0 0;
 border:4px solid #eeeeee;

}
p img.storyRightPic{
 float:right;
 margin:0 0 0 5px;
 border:4px solid #eeeeee;
}

div.storyRightPic{
 float:right;
 margin:5px;
 background:#eeeeee url("http://smilecharity.co.uk//images/curvegyWht160.gif") no-repeat bottom;  
 width:160px;  
 /*border:4px solid #eeeeee; */  
 padding:4px 4px 4px 4px; } 
 
div.storyRightPic p.storyPicCaption{  
 float:none;  
 font-size:0.85em;  
 border-left:0px solid #eeeeee; }

div.storyCentrePic{
 margin:5px;
 background:#eeeeee url("http://smilecharity.co.uk//images/curvegyWht360.gif") no-repeat bottom;  
 width:360px;  
 /*border:4px solid #eeeeee; */  
 padding:4px 4px 4px 4px; } 
 
 div.storyCentrePic p.storyPicCaption{  
 float:none;  
 font-size:0.85em;  
 border-left:0px solid #eeeeee; }

 .input_holder input.textField, .input_holder label, .input_holder select{
 width: 150px;
 display: block; 
 float: left;
 margin-bottom: 2px;}

 .input_holder label {
 text-align: right;
 padding-right: 20px;
 width: 120px; }

 .input_holder br {
 clear: left;
 display:none;
 }




.affinityPromoFooter {
background:#EEEEEE url(../images/curveGryWhtBL.gif) no-repeat scroll left bottom;
margin:0pt 0pt 6px;
padding:0pt 0pt 10px;
}

.affinityPromo {
background:#EEEEEE url(../images/curveGryWhtTL.gif) no-repeat scroll left top;
color:#000000;
margin:0pt;
padding:4px 17px 0pt 14px;
}

#ACEBox
{
	border: solid 0px black; overflow: hidden; width: 280px; margin-bottom: -2px;
}

#ACEBox #ACEBoxTop
{
	border: solid 0px black; overflow: hidden; width: 280px; height: 17px; float: left; background-image: url('http://smilecharity.co.uk//images/hta_homepage_top.gif'); background-repeat: no-repeat;
}
#ACEBox #ACEBoxMid
{
	border-left: solid 3px #9B9797; border-right: solid 3px #9B9797; overflow: hidden; width: 269px; margin-left: 0px; margin-left: 0px!important; float: left; padding: 2px; margin-bottom: -8px;
}
#ACEBox #ACEBoxBottom
{
	border: solid 0px black; overflow: hidden; width: 280px;  height: 17px; margin-left: 0px; float: left; background-image: url('http://smilecharity.co.uk//images/hta_homepage_bottom.gif'); background-repeat: no-repeat;
}

#ACEBoxSmall
{
	border: solid 0px black; overflow: hidden; width: 167px; margin-bottom: -2px;
}

#ACEBoxSmall #ACEBoxTopSmall
{
	border: solid 0px black; overflow: hidden; width: 167px; height: 17px; float: left; background-image: url('http://smilecharity.co.uk//images/hta_index_top.gif'); background-repeat: no-repeat; margin-top: -2px; margin-bottom: -2px;
}
#ACEBoxSmall #ACEBoxMidSmall
{
	border-left: solid 1px #9B9797; border-right: solid 1px #9B9797; overflow: hidden; width: 160px; margin-left: 1px; margin-left: 0px!important; float: left; padding: 2px; margin-bottom: -8px; margin-top: -4px;
}
#ACEBoxSmall #ACEBoxBottomSmall
{
	border: solid 0px black; overflow: hidden; width: 167px;  height: 17px; margin-left: 0px; float: left; background-image: url('http://smilecharity.co.uk//images/hta_index_bottom.gif'); background-repeat: no-repeat;
}
#ACEBoxSmall2
{
	border: solid 0px black; overflow: hidden; width: 167px; margin-bottom: -2px;
}

#ACEBoxSmall2 #ACEBoxTopSmall2
{
	border: solid 0px black; overflow: hidden; width: 167px; height: 17px; float: left; background-image: url('../img/hta_index_top.gif'); background-repeat: no-repeat; margin-top: -2px;
}
#ACEBoxSmall2 #ACEBoxMidSmall2
{
	border-left: solid 1px #9B9797; border-right: solid 1px #9B9797; overflow: hidden; margin-left: 1px; margin-left: 0px!important; float: left; padding: 2px; margin-bottom: -8px; margin-top: -4px; width: 160px;
}
#ACEBoxSmall2 #ACEBoxBottomSmall2
{
	border: solid 0px black; overflow: hidden; width: 167px;  height: 17px; margin-left: 0px; float: left; background-image: url('http://smilecharity.co.uk//images/hta_index_bottom.gif'); background-repeat: no-repeat;
}