body {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 12px;
}



/*      ------ standard fixes ------  */
img {
	border: 0;
}

td {
	vertical-align: top;
	font-size: 11px;
}

div, img, h1, h2, h3, dl, dd, dt, ul, li, form, p {
	
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;	
}
li {margin-bottom:10px;}
span, a, b {
	background-repeat: no-repeat;
}

ul {
	list-style-type: none;
	list-style-image: none;	
}

h1, h2, h3 {
	font-size: 13px;
	font-weight: normal;
}

/*      ------ remove for dynamic optimisation -------   */

.access, hr {
	display: none;
}

/*      ------ links -------   */

a:link { text-decoration: underline; color: #000000; }
a:visited { text-decoration: underline; color: #000000; }
a:active { text-decoration: underline; color: #000000; }
a:hover { text-decoration: underline; color: red; background-color: #FFFFFF;}

/*      ------ containers -----------*/

#header, #intro, #content, #footer {
	clear: both;
	width: 750px;
	z-index: 10;
}

#global {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
}

/* ------------ access -------------- */

#breadcrumb, #access{
	display: none;
}

/* ----------- header --------------- */

#header 
{
	height: 89px;
	margin: 0px 0px 0px 0px;	
	width: 750px;
	background-color: #ffffff;
}

#branding {
	position: absolute;
	top: 14px;
	left: 22px;
	width: 300px;
}

#branding h2 
{
	font-size: 20px;
	color: #3366CC;	
}

#contact {
	position: absolute;
	top: 14px;
	left: 420px;
	width: 200px;
}

/*      ------ navigation: tasks ------- */

#nav-tasks {
	position: absolute;
	top: 14px;
	left: 630px;
	border-left: solid 1px #999999;
	padding: 4px 0px 4px 10px;
}

#nav-tasks ul li {
	padding: 0px 0px 0px 25px;
}

#nav-tasks ul li a {
	color: #666666;
	background-position: 0px 4px;
}

#nav-tasks ul li.tellafriend a {
	color: #000000;
	font-weight: bold;
}

#nav-tasks ul li.tellafriend {
	background-image: url("../graphics/icon_tellafriend.gif");
}

#nav-tasks ul li.international {
	background-image: url("../graphics/icon_usa.gif");
}

/*      ------ navigation: primary ------- */

#nav-primary {
	position: absolute;
	top: 61px;
	left: 309px;
	width: 441px;
	height: 28px;
}

#nav-primary ul {
	padding: 0px 0px 0px 0px;
}

#nav-primary ul li {
	float: left;
	padding: 0px 0px 0px 0px;
}

#nav-primary ul li a, #nav-primary ul li span {
	display: inline;
	float: left;	
	padding: 0px 0px 0px 0px;
}

#nav-primary ul li a:hover {
	background-color:#F8C235;
	text-decoration:underline;
}


/* ------------- navigation secondary -------- */

#nav-secondary {
	position: absolute;
	top: 180px;
	left: 25px;
	width: 165px;
	font-weight: bold;
}

#nav-secondary li {
	margin: 0px 0px 15px 0px;
}

#nav-secondary li.selected {
	font-weight: bold;
}

/* ------------- intro: page/default ------------------ */

#intro {
	color: #ffffff;
	width: 750px;
}

body.homepage #intro {
	background-image: url("../graphics/intro_background.gif");
	background-color: #000000;	
	background-position: 0px 254px;
	height:	405px;
}

body.article #intro {
	background-image: url("../graphics/article_intro_background.jpg");
	background-position: left top;
}

body.article #intro h1 {
	padding: 20px 0px 70px 22px;
}

body.homepage #intro h1 {
	padding: 0px 0px 10px 0px;
}

#intro p {
	font-size: 18px;
	font-weight: bold;
	color: #7F7F7F;	
	width: 450px;
	margin: 0px 0px 20px 22px;
}

body.homepage #intro p {
	margin: 0px 0px 10px 20px;
	font-size: 11px;
	line-height: 150%;
	color: #ffffff;	
	width: 470px;
}

/* ---------- content -------------- */

#content {
	width: 750px;
	margin: 0px 0px 0px 0px;
}

body.article #content-container {
	padding: 0px 0px 55px 22px;
	width: 450px;
}

body.homepage #content-container {
	float: left;
	width: 100%;
	background-image: url("../graphics/content_background.gif");	
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

/* ---------- formatting ----------- */

#content p {
	clear: both;
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

body.article #content p {
	line-height: 166%;
}

#content p.together {
	padding: 0;
	margin: 0px 0px 4px 0px;
}

#content p.intro {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#content ul {
	margin: 0px 0px 15px 0px;
}

#content ul li {
	padding-left: 15px;
	background-image: url("../graphics/bullet_disc.gif");
	background-position: 2px 4px;	
}

#content ol li 
{
	background-image: none;
}

#content ul.features li {
	float: left;
	width: 200px;	
	padding-right: 10px;
}

#content p.link {
	padding-left: 15px;
	background-image: url("../graphics/bullet_disc.gif");
	background-position: 2px 4px;	
}

#content dl dd {
	margin: 0px 0px 0px 30px;
	color: #666666;
}

#content dl dd.large {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 15px 0px;
}

#content h2, #content caption  {
	margin: 20px 0px 8px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

body.article #content h2, #content caption  {
	color: #F0AE00;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	line-height: 120%;
}

#content caption {
	text-align: left;
	float: left;
}

#content h3 {
	margin: 10px 0px 8px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E2E2E2;
	padding: 2px 0px 2px 4px;
}

#content div.item {
	width: 385px;
}

#news-index #content div.item {
	border-bottom: 1px dashed #FFCC33;
	padding: 10px 0 0 0;
}

#news-index #content div.itemend {
	width: 385px;
	border-bottom: 1px dashed #FFCC33;
	padding: 10px 0 0 0;
}

#content div.item p.link {
	font-weight: bold;
}

#content img {
	display: inline;
}

#content table thead {
	display: none;
}

#content table {
	width: 450px;
	margin: 15px 0px 0px 0px;
}

#content table td {
	margin: 0px;
	padding: 6px 0px 6px 15px;
	border-bottom: 1px solid #cccccc;
}

#content table .column-1 {
	font-weight: bold;
}

/* --------- summary: homepage  ------------ */

#content div.columns {
	
}

#content div.columns div {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 22px;
}

/* ----------- related: column format ----------- */

#related-container {
	position: absolute;
	padding: 0px 0px 0px 0px;
	width: 246px;
	top: 119px;
	left: 493px;
	height: 623px;	
	font-size: 12px;
}

body.homepage #related-container {
	background-image: url("../graphics/homepage_related.jpg");
	background-position: top left;
	height: 350px;
	top: 103px;
}

body.homepage #related p {
	margin: 288px 101px 15px 23px;	
}

body.article #related-container {
	background-image: url("../graphics/article_related.jpg");
	background-position: top left;

}

body.article #related p {
	margin: 0px 101px 0px 0px;
	padding-left: 0px;	
}

body.article #related p.button {
	margin: 0px 101px 15px 50px;
	padding-left: 0px;	
}

#related ul li {
	padding-left: 15px;
	background-image: url("../graphics/bullet_disc.gif");
	background-position: 2px 5px;	
}

#related #customerservice 
{
	margin: 210px 0px 0px 40px; 
	font-size: 11px;
}

#related #customerservice h3 
{
	font-size: 11px;
	font-weight: bold;	
}

/* ---------- Navigation: global ---------------- */

#nav-global 
{
	position: absolute;
	top: 19px;
	left: 454px;
	width: 250px;
}

#help-thankyou #nav-global, #help-sitemap #nav-global, #help-thankyou_tellafriend #nav-global {
	clear: both;
	position: static;
}

#nav-global ul {
	
}

#nav-global li {
	float: left;
	padding: 0px 15px 0px 0px;
}

#nav-global a:link, #nav-global a:visited {
	color: #000000;
}


/* ---------- footer ----------- */

#footer {
	position: relative;
	font-size: 11px;
}

#footer a:hover {
	background-color: #FFFFFF;
	color: red;
}

body.homepage #footer {
	background-image: url("../graphics/footer_background.gif");
	background-position: left top;
	background-color: #f8c235;
	height: 150px;
}

#footer #footer-container {
	padding: 5px 0px 0px 22px;
}

#footer-summary {
	float: left;
	padding: 0px 0px 35px 0px;
}

#footer-summary dl {
	float: left;
	width: 450px;
}

#footer-summary dd.overview {
	font-weight: bold;
}

#footer-summary dl dd, #footer-summary dl dt {
	float: left;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

#footer-summary dl dd.phone {
	clear: both;
}

/* --------- Alert: content -------- */

#alert-content #alert-content-container {
	float: none;
	width: 500px;
	background-color: #FFFFAA;
	border: dashed 1px #CCCCCC;
	padding: 10px;
	margin: 0px 0px 20px 0px;
}

body.homepage #alert-content #alert-content-container {
	width: 420px;
}

#content #alert-content div h2 {
	margin-top: 0px;
}

#alert-content ul {
	margin-bottom: 0px;
}

/* --------- Panels -------- */

#related div.panel, #related div.panel div {
	display: block;
	width: 246px;
	height: 186px;
	overflow: hidden;
}

#related div.panel p {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav-primary .navigation li.end {background: url(../../images/site/menu-curve.gif) no-repeat top left;}
#nav-primary .navigation li {background-color:#F8C235;height:22px;padding:6px 10px 0px 5px;}
#nav-primary .navigation li a {text-decoration:none;}
#nav-primary .navigation li.selected-parent a {text-decoration:underline;color:red;}

#content table.testsTable td {text-align:center;width:50%;padding:6px 0px 6px 0px;}
#content table.testsTable td.header {font-weight:bold;}