/*
	About
	================
	Generic.css defines the site's main structural elements and default site-wide elements.
	After initial authoring at the beginning of the project, it should rarely need editing.

	Info
	================
	Author(s): 	Finbarr N, Ian H, Lee R
	For: 		Freeview
	URL: 		freeview.com
	
	Contents
	================
	Reset:		Equalising all browsers
	Structure: 	Main structure of the website (e.g. body, header, footer, navigation)
	Defaults:	Default styles for elements (e.g links, tables, lists)
	Fonts: 		Defines non-web safe fonts across the site (font-squirrel)
*/





/*	
	Reset
	===============================================================================================================
*/
html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, em, strong, object, form, fieldset, legend, button, label, table, tr, th, td, tbody, tfoot, thead, caption, blockquote, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, samp, small, sub, sup, tt, var, pre, b, u, i, center, font, applet, strike, s, iframe, embed, form {padding:0; margin:0; border:0; outline:0; font-size:1em; background:transparent; vertical-align:baseline;}
input, select, textarea {padding:0; margin:0; font-size:1em; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
address, abbr, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 {font-weight:normal; font-style:normal;}
ul, dir, menu {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th {text-align:left;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
acronym {cursor:help;}
nobr {white-space:normal;}
hr {display:none;}





/*
	Structure
	===============================================================================================================
*/
html					{min-height:100%; background:#000; background-image:-moz-linear-gradient(bottom, #333, #000 400px); background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #333), color-stop(0.3, #000));}
body 					{width:100%; min-width:940px; text-align:center; height:100%; line-height:1; color:#000; font:62.5%/1 Arial, Helvetica, sans-serif; background-repeat:no-repeat; background-position:center 100px;}
#container 				{width:100%; margin:0 auto; text-align:left; xmin-height:100%; xheight:auto !important; xheight:100%; position:relative; /*overflow-x:hidden; overflow-y:auto*/}
* html #container 		{overflow:visible;}


/* & header */

#header 					{width:100%;}
#header .inner				{width:920px; height:104px; margin:0 auto; position:relative;}

#header .brand 				{width:123px; height:53px; display:block; position:absolute; left:0; top:10px; text-indent:-9999px; background:url(../img/logo_freeview.png) no-repeat;}

#site-tools ul				{float:right; clear:both;}
#site-tools li				{float:left;}
#site-tools li a			{padding:10px 5px 2px 5px; display:block; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px;}
#site-tools li a:hover		{background:#777;}
#site-tools form			{width:400px; margin-top:8px; float:right; clear:both; text-align:right;}
#fSiteSearch				{width:190px; padding:2px; margin-right:3px; border:1px solid #555; background:#fff; color:#222;}
#submitSearch				{width:70px; height:20px; line-height:20px; padding:0 0 0 20px; border:none; text-align:left; color:#fff; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; cursor:pointer;}

#nav-main ul				{width:940px; height:33px; position:absolute; left:-10px; bottom:-16px;}
#nav-main li				{float:left; height:33px; display:inline; background:url(../img/bg_nav-main.png) center top;}
#nav-main li.first			{background-position:left top;}
#nav-main li.last			{background-position:right top;}
#nav-main li a				{width:134px; line-height:33px; height:33px; float:left; display:block; position:relative; text-indent:-9999px; background:url(../img/bg_nav-main-text.png) no-repeat center top;}
#nav-main li.first a,
#nav-main li.last a			{width:134px;}
#nav-main li.home a			{background-position:center 10px;}
#nav-main li.freeview a		{background-position:center -90px;}
#nav-main li.freeview-plus a{background-position:center -190px;}
#nav-main li.freeview-hd a	{background-position:center -290px;}
#nav-main li.products a		{background-position:center -390px;}
#nav-main li.whats-on a		{background-position:center -490px;}
#nav-main li.whats-new a	{background-position:center -590px;}
#nav-main a span,
#nav-main a:after			{width:1px; height:30px; display:block; position:absolute; right:-1px; top:3px; content:"\00a0"; background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0)); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255,255,255,0.5)), color-stop(1, rgba(255,255,255,0))); -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ffffff, endColorstr=#99ffffff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ffffff, endColorstr=#99ffffff);}
#nav-main li.last a:after	{display:none;}
#nav-main li:hover			{background-position:center bottom;}
/*#nav-main li:hover			{background:-20px -67px url(../img/bg_nav-main.png); height:24px;}*/
#nav-main li.first:hover	{background-position:left bottom;}
#nav-main li.last:hover		{background-position:right bottom;}

/* & wrapper */
#wrapper	{width:920px; margin:215px auto 0 auto; position:relative; background:#fff; border-bottom:1px solid #fff;}
.row		{margin:0 10px 20px 10px; width:900px; clear:both;}
.row-full	{width:920px; margin-left:0; margin-right:0;}

/* & footer */
#footer 	{width:920px; margin:0 auto; text-align:left; background:#000; text-align:center; color:#808080; padding:8px 0;}
#footer ul 	{clear:both;}
#footer li 	{display:inline; background:url(../img/bg_footer-li.png) no-repeat 100% 50%; padding:0 10px 0 4px; margin:0 1px; font-size:1.1em;}
#footer p 	{font-size:1.1em;}
#footer a	{color:#808080;}


/*
	Defaults
	===============================================================================================================
*/

/* Hides contents */
.context 				{height:1px; overflow:hidden; position:absolute; top:-9999em; left:0; width:1px; clear:none !important;}
/* Hides contents but leaves structure in place */
.context-flow 			{text-indent:-20000px;}

/* Clearfix */
.clearfix {height:1%;}
.clearfix:after			{clear:both; content:"."; display:block; height:0; visibility:hidden;}
/* horizontal rules (hr) - allows universal control */
.hr 					{clear:both; height:1px; color:#dcdcdc; /*ie*/ background:#dcdcdc; /*Gecko/Opera*/ border:0 solid #dcdcdc; /* necessary to ensure hr is only 1px high in all browsers */ padding:0; margin:1.5em 0;}
.hr hr 					{display:none;}

/* & Links */
a 						{color:#3ED2E6; text-decoration:none; outline:0; font-style:inherit; font-weight:inherit;}
a:hover,
a:focus,
a:active 				{text-decoration:underline;}

/* Hide contents off-left */
.accessibility {height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px; line-height:1px;}


p.disclaimer			{font-size:.86em;}
.module p.disclaimer, 
.mod-details p.disclaimer {font-size:1em;}

/* & Standard typography */
p, li, dt, dd 			{font-size:1.2em; line-height:1.5; font-style:inherit;}
li p, li li, dd p, dt p, li li p, ul li li {font-size:1em;}
h1, h2, h3, h4, h5, h6 	{line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#ccc;}
h2 						{font-size:2.2em; background:#000;}
h3 						{font-size:1.6em; color:#333;}
h4 						{font-size:1.4em;}
h5 						{font-size:1.3em;}
h6 						{font-size:1.2em;}
address 				{font-size:1.2em; line-height:1.5; margin-bottom:1.2em;}
em 						{font-style:italic; font-weight:inherit; line-height:inherit;}
strong 					{font-style:inherit; line-height:inherit; font-weight:bold;}

#wrapper h4, 
#wrapper h5, 
#wrapper h6 			{color:#333;}

h2						{background:#000 url(../img/bg_h2.jpg) no-repeat right top; padding:7px 10px 5px 10px; line-height:1.4em;}
h2 span					{width:40px; height:30px; float:left; display:inline; background:url(../img/sprt_icons.png) no-repeat 0 50%; margin-right:10px;}

.row-full h2			{margin-left:10px; margin-right:10px;}

/* standard cta with cyan arrow icon*/
.cta a,
.tout .modules .mod-content .cta a,
.tout .modules .mod-content .cta a,
.want-to-buy .triplet .check .cta a			{color:#000; min-height:17px; height:auto !important; height:17px; padding:1px 0 1px 22px; display:inline-block; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; font-size:12px !important;}

/* cta with grey button bg */
.cta-btn									{float:left; display:inline; font-size:12px !important;}
.cta-btn a									{background:url(../img/homepage-new/sprt_bg-btn.png) no-repeat 0 0; height:28px; line-height:27px; display:block; float:left; color:#fff; padding:0 2px 0 10px; position:relative; margin:0;}
.cta-btn a:hover							{color:#fff;}
.cta-btn a span								{background:url(../img/homepage-new/sprt_bg-btn.png) no-repeat 100% 0; width:20px; height:28px; overflow:hidden; float:right; display:block; position:absolute; right:-20px; top:0;}

ul.cta {margin:20px 0;}


/*
	Fonts
	===============================================================================================================
*/


@font-face {
	font-family:'AvenirLTStd55Oblique';
	src:url('/_functions/fonts/avenirltstd-oblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-oblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-oblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-oblique-webfont.svg#webfontc8VuhKrH') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd55Oblique {
	font-weight:normal;
	font-style:italic;
	font-family:'AvenirLTStd55Oblique', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd65MediumOblique';
	src:url('/_functions/fonts/avenirltstd-mediumoblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-mediumoblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-mediumoblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-mediumoblique-webfont.svg#webfonte8e7N5Nf') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd65MediumOblique {
	font-weight: normal;
	font-style:italic;
	font-family:'AvenirLTStd65MediumOblique', sans-serif;
}

@font-face {
	font-family: 'AvenirLTStd65Medium';
	src:url('/_functions/fonts/avenirltstd-medium-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-medium-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-medium-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-medium-webfont.svg#webfontmDvGq1t6') format('svg');
	font-weight:normal;
	font-style:normal;
}
.AvenirLTStd65Medium, 
.vanilla .mod-page-tabs li {
	font-weight:normal;
	font-style:normal;
	font-family:'AvenirLTStd65Medium', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd85Heavy';
	src:url('/_functions/fonts/avenirltstd-heavy-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-heavy-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-heavy-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-heavy-webfont.svg#webfont02pvJ1TM') format('svg');
	font-weight:normal;
	font-style:normal;
}
.AvenirLTStd85Heavy, 
.vanilla h2, 
.vanilla .col-sec .standard-blk h3 {
	font-weight:normal;
	font-style:normal;
	font-family:'AvenirLTStd85Heavy', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd35LightOblique';
	src:url('/_functions/fonts/avenirltstd-lightoblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-lightoblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-lightoblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-lightoblique-webfont.svg#webfontXdetvVJQ') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd35LightOblique {
	font-weight:normal;
	font-style:italic;
	font-family:'AvenirLTStd35LightOblique', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd85HeavyOblique';
	src:url('/_functions/fonts/avenirltstd-heavyoblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-heavyoblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-heavyoblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-heavyoblique-webfont.svg#webfontiNrGPXh5') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd85HeavyOblique {
	font-weight:normal;
	font-style:italic;
	line-height:normal;
	font-family:'AvenirLTStd85HeavyOblique', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd45BookOblique';
	src:url('/_functions/fonts/avenirltstd-bookoblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-bookoblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-bookoblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-bookoblique-webfont.svg#webfontrsgrhnyv') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd45BookOblique {
	font-weight:normal;
	font-style:italic;
	font-family:'AvenirLTStd45BookOblique', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd35Light';
	src:url('/_functions/fonts/avenirltstd-light-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-light-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-light-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-light-webfont.svg#webfontkj14bmry') format('svg');
	font-weight:normal;
	font-style:normal;
}
.AvenirLTStd35Light {
	font-weight:normal;
	font-style:normal;
	line-height:normal;
	font-family:'AvenirLTStd35Light', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd95BlackOblique';
	src:url('/_functions/fonts/avenirltstd-blackoblique-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-blackoblique-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-blackoblique-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-blackoblique-webfont.svg#webfontWO0WTqcM') format('svg');
	font-weight:normal;
	font-style:italic;
}
.AvenirLTStd95BlackOblique {
	font-weight:normal;
	font-style:italic;
	font-family:'AvenirLTStd95BlackOblique', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd45Book';
	src:url('/_functions/fonts/avenirltstd-book-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-book-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-book-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-book-webfont.svg#webfontk70OicNE') format('svg');
	font-weight:normal;
	font-style:normal;
}
.AvenirLTStd45Book {
	font-weight:normal;
	font-style:normal;
	font-family:'AvenirLTStd45Book', sans-serif;
}

@font-face {
	font-family:'AvenirLTStd95Black';
	src:url('/_functions/fonts/avenirltstd-black-webfont.eot');
	src:local('?'),
	url('/_functions/fonts/avenirltstd-black-webfont.woff') format('woff'),
	url('/_functions/fonts/avenirltstd-black-webfont.ttf') format('truetype'),
	url('/_functions/fonts/avenirltstd-black-webfont.svg#webfontkcijzDBp') format('svg');
	font-weight:normal;
	font-style:normal;
}
.AvenirLTStd95Black {
	font-weight:normal;
	font-style:normal;
	font-family:'AvenirLTStd95Black', sans-serif;
}

@font-face {
    font-family: 'CooperStdBlack';
    src: url('/_functions/fonts/cooperblackstd-webfont.eot');
    src: url('/_functions/fonts/cooperblackstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_functions/fonts/cooperblackstd-webfont.woff') format('woff'),
         url('/_functions/fonts/cooperblackstd-webfont.ttf') format('truetype'),
         url('/_functions/fonts/cooperblackstd-webfont.svg#CooperStdBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

.CooperStdBlack {
	font-weight:normal;
	font-style:normal;
	font-family:'CooperStdBlack', sans-serif;
}


/* standard page set-up */
.vanilla #wrapper 								{margin-top:0; padding-top:10px; width:920px; overflow:visible; /* was overflow:auto; - added for wtw competition page*/}
.vanilla #breadcrumb							{width:920px; margin:30px auto 10px auto;}
.vanilla h2 									{background-image:none;}
.vanilla .col-sec h2 							{background:none; font-size:1.6em;} 
.vanilla .mod-page-tabs							{position:relative; top:-10px; margin-bottom:0;}
.vanilla .col, 
.vanilla .row									{display:inline-block;}
.vanilla .col .row								{width:100%; margin:10px 0 0;}
.vanilla .col .col-pri, 
.vanilla .col .col-sec 							{float:left; display:inline; width:666px; padding-right:10px;}
.vanilla .col .col-sec 							{width:223px; padding-right:0;}
.vanilla .col-sec-left .col-pri					{float:right; padding:0 0 0 10px;}
.vanilla .module								{padding:10px;}
.vanilla .module h2								{color:#fff;}
.vanilla .module h3, 
.vanilla .module h4								{font-weight:bold; font-size:1.8em; margin-bottom:10px; color:#000;}
.vanilla .module h4								{font-size:1.6em; margin-bottom:6px;}
.vanilla .module p								{margin-bottom:6px;}
.vanilla .module .mod-details ul				{list-style:disc outside; padding-left:12px;}
.vanilla .module .mod-details ol				{list-style:decimal outside; padding-left:16px;}
.vanilla .module ul li, 
.vanilla .module ol li							{display:list-item; margin-bottom:6px;}
.vanilla .module table							{margin-bottom:16px;}
.vanilla .module thead th, 
.vanilla .module tr.thead th					{background:#eee; font-weight:bold; font-size:1.2em; padding:8px; border-bottom:1px solid #e8e8e8}
.vanilla .module table td, 
.vanilla .module tbody th, 
.vanilla .module th.th-hoz						{background:#f8f8f8; font-size:1.1em; padding:5px; line-height:1.4em;}
.vanilla .module table tr.altrow td, 
.vanilla .module tbody tr.altrow th				{background:#f2f2f2;}
.vanilla .module table td a						{text-decoration:underline;}
.vanilla .module label, 
.vanilla .col label								{width:130px; margin-right:10px; display:inline-block;}
.vanilla .module input, 
.vanilla .col input								{width:200px; border:1px solid #555; background:#fff; font-size:1.2em; margin-right:8px;}
.vanilla .module input.submit, 
.vanilla .col input.submit						{padding:1px 0 1px 22px; border:none; color:#000; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; font-size:1.2em; cursor:pointer; width:auto; overflow:hidden; font-size:1em;}

/* secondary content navigation */
.vanilla .tri-nav								{padding:0;}
.vanilla .tri-nav h3							{font-size:1.3em; font-weight:bold; margin-bottom:6px;}
.vanilla .tri-nav ul							{float:left; display:inline; border-bottom:1px solid #e5e5e5; padding:0; list-style:none;}
.vanilla .tri-nav ul li							{border-top:1px solid #e5e5e5; float:left; display:inline; margin-bottom:0;}
.vanilla .tri-nav li a							{background:#ececec; color:#646464; display:block; padding:7px 10px; width:203px;}
.vanilla .tri-nav li a:hover					{background:#fff;}
/* secondary content navigation - sec-col-left version */
.vanilla .col-sec-left .tri-nav ul				{border:1px solid #a8a8a8; padding:3px 10px 10px;}
.vanilla .col-sec-left .tri-nav ul li			{border:0; padding-bottom:1px; font-size:1.1em; background:#eaeaea; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ffd5d7d6,EndColorStr=#fff8f8f8); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ffd5d7d6,EndColorStr=#fff8f8f8)"; background:-webkit-gradient(linear, left top, right top, from(#d5d7d6), to(#f8f8f8)); background:-moz-linear-gradient(left, #d5d7d6, #f8f8f8);}
.vanilla .col-sec-left .tri-nav li a			{background:#fff url(../img/icon_star.png) no-repeat 0 50%; padding:5px 0 5px 12px; width:189px;}
.vanilla .col-sec-left .tri-nav li a:hover		{text-decoration:underline; background:#fff url(../img/icon_star.png) no-repeat 0 50%;}

/* twitter module */
.vanilla .mod-twitter							{background:#eaeaea; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#343434'); background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#343434)); background:-moz-linear-gradient(top, #eaeaea, #343434);}
.vanilla .col-sec .mod-twitter							{background:#333333; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#333333'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff020202,EndColorStr=#ff333333)"; background:-webkit-gradient(linear, left top, left bottom, from(#020202), to(#333333)); background:-moz-linear-gradient(top, #020202, #333333);}
.vanilla .mod-twitter .module					{height:auto; padding-bottom:16px; position:relative; background:url(../img/icon_twitter.png) no-repeat 100% 100%;}
.vanilla .mod-twitter h3						{font-size:1.7em; line-height:1.2; color:#f7362d; display:block; padding-bottom:7px; font-weight:bold;}
.vanilla .mod-twitter p.cta						{position:absolute; bottom:20px; left:75px;}
.vanilla .mod-twitter p.cta	a 					{padding:0; background:none; text-decoration:underline;}
.vanilla .mod-twitter img						{margin-left:4px;}
.vanilla .mod-twitter #ticker-container-wrap{position:relative; top:auto; left:auto; padding-bottom:14px; margin-bottom:8px; background:url(../img/icon_tweet.png) no-repeat 138px 100%;}
.vanilla .mod-twitter #ticker-container			{height:auto; float:none; display:block; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #666; border-bottom:0;}
.vanilla .col-sec .mod-twitter #ticker-container{width:201px; overflow:hidden;}
.vanilla .mod-twitter #ticker 					{position:relative; top:auto; left:auto; visibility:visible; padding:6px;}
.vanilla .col-sec .mod-twitter #ticker 			{width:189px; position:relative; top:auto; left:auto; visibility:visible; padding:6px;}
.vanilla .mod-twitter #ticker li 				{float:none; padding-left:0;}

/* search module */
.vanilla .search .module						{background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%; border-bottom:1px solid #d3d3d3; padding:0;}
.vanilla .search .module form					{padding:14px 10px; background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%;}
.search #fSiteSearch							{width:190px; padding:2px; margin-right:3px; border:1px solid #555; background:#fff; color:#222;}
.vanilla .search label							{font-weight:bold;}
.vanilla #faqSearch								{width:200px; font-size:1.2em;}
.vanilla #faqSubmit, 
.vanilla #submitHelpResults, 
.vanilla .retra #submit							{padding:1px 0 1px 22px; border:none; color:#000; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; font-size:1.2em; cursor:pointer; width:auto; overflow:hidden;}
	* html.vanilla .retra #submit				{padding-left:3px;}
	* + html.vanilla .retra #submit				{padding-left:3px;}

/* pagination module */
.vanilla .col .pagination						{text-align:center; position:relative; border-bottom:1px solid #ccc; padding-bottom:6px; min-height:16px; height:auto !important; height:16px;}
.vanilla .pagination .module					{padding:0 10px;}
.vanilla .pagination ul							{margin:6px auto 0; display:block; padding:0;}
.vanilla .pagination ul.sort					{display:inline; margin:0; border:0;}
.vanilla .pagination ul li, 
.vanilla .pagination p							{display:inline; margin:0; border:0;}
.vanilla .pagination li.previous, 
.vanilla .pagination li.next					{position:absolute; bottom:6px; left:0;}
.vanilla .pagination li.next					{left:auto; right:0;}
.vanilla .pagination li a						{padding:2px; margin:0 2px; color:#000;}
.vanilla .pagination li a:hover					{font-weight:bold; text-decoration:underline;}
.vanilla .pagination li.previous, 
.vanilla .pagination li.next					{min-height:17px; height:auto !important; height:17px; padding:1px 0 1px 22px; display:inline-block; background:url(../img/icon_arrow-back.png) no-repeat 0 50%; font-size:12px !important;}
.vanilla .pagination li.next					{padding:1px 22px 1px 0; background:url(../img/homepage-new/icon_arrow.png) no-repeat 100% 50%;}
.vanilla .pagination li.previous a, 
.vanilla .pagination li.next a					{padding:0; margin:0;}
/* pagination module - end of page */
.vanilla .col .bookend							{border-top:1px solid #ccc; border-bottom:0; padding-bottom:0;}
.vanilla .bookend li.previous, 
.vanilla .bookend li.next						{bottom:0;}

/* pagination module - sec-col-left version */
.vanilla .col-sec-left .pagination li.next		{right:0;}

/* results module */
.results p										{margin:10px 0 0 10px; font-weight:bold;}
.results li										{background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%; padding:10px; margin-top:.5em; zoom:1;}
.results li h4									{color:#000; font-weight:bold;}
.results li p									{margin:.3em 0 0 0; font-weight:normal;}

/* standard image/text modules */
.vanilla .mod-image-top .mod-image				{background:url(../img/spcr_tout-modules-li.png) repeat-x 0 0; text-align:center; margin-bottom:10px;}
.vanilla .mod-image-left						{position:relative; min-height:165px; height:auto !important; height:165px; background:#fff; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1, #e6e6e6)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6);}
.vanilla .mod-image-left .mod-details			{margin-left:195px;}
.vanilla .mod-image-left .mod-image				{position:absolute; left:10px; text-align:center; width:185px;}
.vanilla .mod-image-left .mod-image img 		{max-width:185px; max-height:120px;}
.vanilla .mod-image-left .mod-details p, 
.vanilla .mod-image-top .mod-details p			{margin-bottom:10px;}
.vanilla .mod-image-left h3						{width:480px;}
.vanilla .mod-image-left .mod-details h3		{width:auto;}
.vanilla .mod-image-left .mod-details p.cta-alt	{position:absolute; top:8px; right:10px;}

/* standard black module in sec-col */
.standard-blk .module							{padding:0 10px; background:#333333; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff020202,EndColorStr=#ff333333)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#333333'); background:-webkit-gradient(linear, left top, left bottom, from(#020202), to(#333333)); background:-moz-linear-gradient(top, #020202, #333333);}
.standard-blk .mod-details						{width:100%; overflow:hidden;}
.vanilla .standard-blk p						{color:#fff; margin-bottom:10px;}
.vanilla .col-sec .standard-blk p				{font-size:1.1em;}
.vanilla .standard-blk h3						{padding:7px 0; color:#fff; font-weight:bold; margin-bottom:0; font-size:1.7em;}
.standard-blk label								{color:#fff;}
.standard-blk select							{width:200px; font-size:1.2em;} 
.vanilla .standard-blk input					{width:198px; font-size:1.2em; margin-right:0;}
.vanilla .standard-blk .cta-btn input			{background:none; border:none; color:#fff; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; cursor:pointer; height:28px; margin-top:-3px; padding:0; /*ie*/width:auto; overflow:visible;/* ie*/}
.standard-blk a									{color:#2efdff;}

.standard-img-text .module						{padding:0; position:relative; overflow:hidden;}
.standard-img-text .mod-image					{overflow:hidden; width:100%; height:185px; background:#000;}
.standard-img-text .mod-image img				{display:block;}
.col-sec .standard-img-text .mod-image img 		{max-height:185px; height:auto !important; height:185px;}
.standard-img-text .mod-details 				{position:absolute; top:0; bottom:0; left:0; display:block; width:646px; height:135px; padding:10px 10px 40px 10px; overflow:hidden;}
.col-sec .standard-img-text .mod-details 		{width:203px;}
.overlay .mod-details 							{top:auto; height:auto; background:rgb(000, 000, 000); background-color:transparent; background-color:rgba(000,000,000,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";}
.vanilla .standard-img-text .cta-btn, 
.vanilla .multi-content .modules .mod-details p.cta, 
.vanilla .multi-content .modules .mod-details p.cta-btn	{float:left; display:inline; padding:0; position:absolute; bottom:10px; left:10px; margin-bottom:0;}
.overlay .cta-btn								{position:relative; bottom:auto; left:auto;}
.vanilla .standard-img-text h3					{font-size:1.7em; line-height:1.2; color:#f7362d; display:block;}
.vanilla .standard-img-text p					{display:block; padding-bottom:8px; font-size:1.1em; color:#fff;}
.vanilla .col-sec .standard-img-text p			{font-size:1.1em;}
.standard-img-text p strong						{font-size:1.5em;}


.vanilla .multi-content .modules						{width:665px;}
.vanilla .col-sec .multi-content .modules				{width:223px;}
.vanilla .multi-content .modules .mod-details			{width:145px; padding:10px;}
.vanilla .multi-content .modules .no-image .mod-details	{width:305px;}
.vanilla .col-sec .multi-content .modules .mod-details	{width:121px;;}
.vanilla .multi-content .modules .mod-details h3		{line-height:1.1;}
.vanilla .multi-content .modules .mod-image				{width:160px;}
.vanilla .col-sec .multi-content .modules .mod-image	{width:80px;}
.vanilla .multi-content .modules li 					{width:325px; margin-bottom:10px; min-height:170px; height:auto !important; height:170px;}
.vanilla .multi-content .modules li li					{width:auto; margin-bottom:auto; min-height:1px; height:auto !important; height:1px; border:0; background:none; filter:none; float:none; display:list-item; padding:0 0 6px 0; list-style:disc inside;  vertical-align:baseline;}
.vanilla .col-sec .multi-content .modules li 			{width:221px;}
.vanilla .multi-content .modules .mod-details			{padding-bottom:40px; min-height:110px; height:auto !important; height:110px; position:relative;}
.vanilla .multi-content .modules .mod-image 			{overflow:hidden; height:150px;}


.programme .col-pri .mod-image-top .mod-image			{background:none;}
.programme .col-pri .module p.support-text				{min-height:3em; height:auto !important; height:4em; border-bottom:1px solid #ddd; margin-bottom:10px; padding:12px 0 6px 0; font-weight:bold;}
.programme .col-pri .module p.support-text img			{float:left; display:inline; margin:-12px 20px 0 0; position:relative;}

/*error messages */
div.error {border:1px solid red; padding:6px 5px 0 5px; background:#f6f6f6; margin:5px 0;}
.error p, .error li {color:red;}
.vanilla .module .error ul {list-style:disc; margin-left:18px;}