/* CSS Document */

.main { 
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:750px;
	background-color: #fff;
}

* html body { 
	text-align: center; 
}


.page-title {
	padding:0px;
	border-bottom:solid 5px #cccccc;
	text-align:left;
}

.content-grey-header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	line-height:1.3em;
	color:#7C7C7C;
	font-weight:normal;
	margin:10px 0px 10px 10px;	
}

.leftimage {
	float:left;
}


.rightimage {
	float:right;
}

.leftimage2 {
	float:left; height:35px;
}

.rightimage2 {
	float:right; height:35px;
}
.clear-both {
	clear:both;
}

.redgrey {
	background-repeat:repeat-x;
	margin-top: 5px;
	height:10px;
	width:750px;	
	background-image:url(../../images/tv-redgreystripe.gif);
}

* html div.redgrey{
	background-repeat:repeat-x;
	margin-top: 5px;
	height:10px;
	width:750px;	
	background-image:url(../../images/tv-redgreystripe.gif);
	margin-bottom:-10px;
}

a, 
a:visited {
	color:#cc0000; 
	text-decoration:none;
}

a:hover { 
	color:#cc0000; 
	text-decoration:underline; 
}

.middlecontent ul a, 
.middlecontent ul a:visited { 
	color:#cc0000;
	text-decoration:none;
}

.middlecontent ul a:hover {
	color:#cc0000; 
	text-decoration:underline;
}

.content { 
	border: #999999 1px solid; 
}

div.content { 
	border: #999999 1px solid; 
	margin-top:-10px; 
	height:100%;
}

.greyboxleft {
	width:180px; 
	height:70px;
	padding:5px; 
	margin:10px 5px 5px 0px; 
	background-color:#333333; 
	float:left;
}

.greyboxright {
	width:180px; 
	height:70px;
	padding:5px; 
	margin:10px 0px 5px 5px; 
	background-color:#333333; 
	float:left;
}

.greybox a, .greybox a:visited {
	color:#ffffff; 
	text-decoration:none;
}

.greybox a:hover {
	color:#ffffff; 
	text-decoration:underline;
}

.topbanner {
	width:750px;
	height:102px;
	float:left;
	text-align:center;
	background-color:#000000;
}

* html div.topbanner {
	width:750px;
	height:102px;
	float:left;
	padding-bottom:10px;
	text-align:center;
	background-color:#000000;
}

.line {
	width:150px;
	border-top:#CCCCCC solid 1px;
	margin-top: 10px;
	height: 10px;
}

.line2 {
	width:450px;
	border-top:#CCCCCC solid 3px;
	height: 3px;
	margin-top:-20px;
	margin-bottom: -10px;
}

.line3 {
	width:730px;
	border-top:#CCCCCC solid 3px;
	height: 3px;
	margin:20px 0 0 10px;
	text-align:center;
	}


.line4 {
	width:220px;
	border-top:#CCCCCC solid 1px;
	margin-top: 10px;
	height: 10px;
}

* html div.line {
	margin-bottom:-10px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.5;
	color:#333333;
}

.indent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.2;
}

li.datatable table { padding:5px; }
li.datatable th {
	TEXT-ALIGN: left; MARGIN: 0px 0px 6px; FONT-FAMILY:  Arial, Helvetica, sans-serif;
}
li.datatable td {
	TEXT-ALIGN: left; MARGIN: 0px 0px 6px;  FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#DFDFDF;
}

.datatable table { padding:7px; }
.datatable th {
	TEXT-ALIGN: left; MARGIN:8px; FONT-FAMILY:  Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold; padding:5px; background-color:#F6F6F6; 
}
.datatable td {
	TEXT-ALIGN: left;   MARGIN: 6px;  FONT-FAMILY: Arial, Helvetica, sans-serif; background-color:#F8E6EA; font-size:75%; padding:8px;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.5;
	color:#333333;
	padding:10px;
	text-align:left;
}

.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:72%;
	line-height:1.2;
	color:#333333;
	font-weight:bold;
	padding:5px 0px 15px 0px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	line-height:1.5;
	color:#666666;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:82%;
	line-height:1.5;
	color:#333333;
	font-weight:bold;
}

h4 span {
	color:#000000;
}

ul  {
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.3;
	color:#333333;	
}

ul.bullet-list {
	list-style-image:url("../../images/generic/bullet_list.gif");
	padding: 0 0 2px 0;
}

ul.tick-list {	
	list-style-image:url("../../images/generic/tick_list.gif");
	list-style-position:outside;
	padding:0 0 0px 3px;
	margin-left:1.5em;
}

ul.sublist {
	list-style-image:url("../../images/generic/bullet_list.gif");
	padding: 0 0 2px 0;
	font-size:95%;
}

li {
	padding: 0 0 2px 0;
}

.contentholder {
	width:748px;
	text-align:left;	
}

/* left-hand navigation */

.left-navigation-container {
	float:left;
	width:154px;
	padding:16px 6px 0px 10px;
	text-align:left;
}

* html .left-navigation-container { /* ie5 width fix */
	width:160px;
	w\idth:154px;	
}

a.navigation, a.navigation:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#cf002d;
	line-height:2em;
    width:150px;
	text-decoration:none;	
}

a.navigation:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:2em;
	color:#cc0000;
	text-decoration:underline;	
}

a.navigations, a.navigations:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#cf002d;
	font-size:70%;
    width:150px;
	text-decoration:none; 
	margin-left:15px;
	line-height:2em;
}

a.navigations:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#cc0000;
	text-decoration:underline;
	margin-left:15px;
	line-height:2em;	
}

a img { border: 0; }

.nolink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#333333;
	line-height:2em;
    width:150px;
	text-decoration:none; 
}

.nolinksub {
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#333333;
	line-height:2em;
    width:135px;
	text-decoration:none; 
	margin-left:15px;
}

/* middle content */

.middlecontent {
	float:left;
	width:408px;
	padding:20px 10px 20px 10px;
	text-align:left;	
}
.middlecontentlarge {
	float:left;
	width:490px;
	padding:20px 10px 20px 10px;
	text-align:left;	
}

.middle-content {
	float:left;
	width:490px;
	padding:10px 10px 20px 10px;
	text-align:left;	
}

.middlecontentright {
	float:left;
	width:558px;
	padding:20px 10px 20px 10px;
	text-align:left;	
}

a.red, a.red:visited {
	color:#CC0000;
	text-decoration:none;
}

a.red:hover {
	text-decoration:underline;
}

.indent { 
	padding-left:30px; 
	padding-right:30px;
}

.box-centre {   border: 1px solid #999999;
	padding: 0px 10px 0px 10px;
	background-color:#F5F5F5;
	padding:10px 30px 10px 30px; 
}

.box-right { 
	padding-left:5px; 
	padding-right:5px;
}

/* right hand elements */

.righthand {
	float:left;
	width:150px;
	text-align:left;
	padding-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.3;
}

.rightlit {
	float:left;
	width:230px;
	text-align:left;
	padding-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.3;
}

.right-hand {
	float:left;
	width:220px;
	text-align:left;
	padding-top: 15px;
}

.right-hand p {

	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	line-height:1.5;
	margin:0px;
	color:#333333;
}

.right-hand h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.5;
	color:#000;
	margin:7px 0px 7px 0px;
}

.logo {
	width:90px;
	float:left;
	text-align:center;
}

.logotext {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:66%;
	line-height:1.2;
	width:130px;
	color:#333333;
}

.boxgrey {
	margin-top:10px;
	border:#666666 solid 1px;
	height:68px; 
	width:146px
}

.boxgrey2 {
	margin-top:10px;
	border:#666666 solid 1px;
	height:36px; 
	width:146px;
}

.boxlgrey {
	border:#cccccc solid 1px; 
	background-color:#eaeaea;
	height: 34px;
	width:144px;
}

.lefticon {
	float:left; 
	height:34px; 
	width:38px; 
	background-color:#000000;  
}

.rightlink {
	float:left;
	padding:5px;
}

.righthand a, .righthand a:visited {
	color:#cf002d;
    width:150px;
	text-decoration:none;	
}

.righthand a:hover {
	color:#cc0000;
	text-decoration:underline;	
}

.rightlit a, .rightlit a:visited {
	color:#cf002d;
    width:150px;
	text-decoration:none;	
}

.rightlit a:hover {
	color:#cc0000;
	text-decoration:underline;	
}

input { 
	background-color:#FFFFFF; 
	color:#FFFFFF; 
	border:#000000 solid 1px; 
	cursor:pointer  
}

.bullet-list-item {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url(../../images/generic/bullet_list.gif);
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
}

.tick-list-item {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url(../../images/generic/tick_list.gif);
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
}

.tick-list-item-white {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:  url(../../images/generic/p4l_tick_list_white.gif);
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#ffffff;
}

.tick-list-item-black {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:  url(../../images/generic/p4l_tick_list_black.gif);
	background-repeat:no-repeat;
	padding:0 0 4px 20px;
	line-height:1.3;
	color:#333333;
}

.footer a, .footer a:visited {
	color:#cf002d;
 	text-decoration:none;	
}

.footer a:hover {
	color:#cc0000;
	text-decoration:underline;	
}

/* new styles */

.xpando h4  {
	font-weight: normal;
	font-size: 1em;
}

.xpando h4  a {
	text-decoration: none;
	color: #c00;
}

.button a {
	display:block;
	float:left;
	width:170px;
	margin:5px;
	padding:3px;
	color:#fff;
	background:#cc0000 url(../images/microsites/nav-tab2.gif) repeat-x;
	font:bold .9em/2.3 "Arial","Verdana",Helvetica,Geneva,sans-serif;
	text-decoration:none;
	text-align:center;
	height:38px;
}

.button a:hover,
.button a:focus,
.button a:active {background:#b31203 url(../images/microsites/nav-tab2.gif) repeat-x 0 -150px}

.button2 a {
	display:block;
	float:left;
	width:auto;
	margin:5px;
	padding:3px;
	color:#fff;
	background:#cc0000 url(../images/microsites/nav-tab2.gif) repeat-x;
	font:bold .9em/2.3 "Arial","Verdana",Helvetica,Geneva,sans-serif;
	text-decoration:none;
	text-align:center;
	height:38px;
}
.button2 a:hover,
.button2 a:focus,
.button2 a:active {background:#b31203 url(../images/microsites/nav-tab2.gif) repeat-x 0 -150px}

/*------------------------------------- footer ---------------------------------------------*/
.wrapper .footer {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	clear:both;
	padding:1.5em 2em;
	display:inline-block;
}
.wrapper .footer p {
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:1em;
}
.wrapper .footer ul {
	color:#666;
	font-size:1.1em;
	line-height:1.4em;
	margin-bottom:1em;
}
.wrapper .footer li {
	float:left;
	padding:0 0.7em 0 0em;
	margin-right: 0.6em;
	background:#fff url(../images/vert_stroke02.gif) no-repeat right center;
	white-space:nowrap;
}

.wrapper .footer li.last {
	background-image:none;
}
.wrapper .footer li a {
	color:#000;
	white-space:nowrap;
}
/*------------------------------------- end footer ---------------------------------------------*/

iframe.footerInfo { /* footer iframe for hide/show info */
	height:335px;
	width:100%;
	margin-bottom:3px;
	border: none;

