/* ---------------------------------------------------- reset ---------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td 
{  
	margin: 0; 
	padding: 0; 
} 

/* ---------------------------------------------------- general ---------------------------------------------------- */

body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	color: #000;
}
td,th
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

input, textarea
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

td { vertical-align: top; }

table.formatted tr.row-even td { background-color: #F0E8D9; }
table.formatted tr.row-odd td { background-color: #FFF; }
table.formatted th
{
	height: 30px;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
	background: url('../gfx/th-background.gif') repeat-x 0 0;
}
table.formatted
{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

img { border: none; }

a
{
	text-decoration: underline;
	color: #B0325C;
}

a:visited { color: #B0325C; }
a:hover { color: #B0325C; }

a.linkArrow {
	padding: 0 0 0 20px;
	background: url('../gfx/linkArrow.gif') no-repeat 2px 1px;
}

p {	margin: 0 0 10px 0; }

ul, ol { margin: 0 0 10px 0;}

ul li { margin: 2px 0 2px 3px; }

ol li { margin: 2px 0 2px 24px; }

hr 
{
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	margin: 10px 0 10px 0;
	width: 100%;
	border: none;
	background-color: #666;
	display: block;
	clear: both;
}

h1 
{
	font-family: Helvetica, Arial;
	font-size: 33px;
	line-height: 35px;	
	color: #333;
	margin: 0 0 18px 0;
	font-weight: normal;
	clear: both;
}

h2
{
	font-family: Helvetica, Arial;
	font-size: 18px;
	line-height: 20px;	
	color: #000;
	margin: 0 0 14px 0;	
	font-weight: normal;
	clear: both;	
}

h3
{
	font-family: Helvetica, Arial;
	font-size: 14px;
	line-height: 16px;	
	color: #999;
	margin: 0 0 8px 0;
	font-weight: normal;
	clear: both;	
}

.clearBoth {
	clear: both ! important;
}

.noMargin {
	margin: 0 ! important;
}

#greyLayer 
{
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 5; 
	height: 450px; 
	width: 500px; 
	background-color: #666; 
	opacity: .5; 
	filter: alpha(opacity=50);
	display: none;
}

/* ---------------------------------------------------- buttonBox ---------------------------------------------------- */
/*
div.buttonBox ul
{
	list-style: none;
	background: url("../gfx/buttonBox-bg.gif") no-repeat 0 0;
	width: 264px;
	height: 41px;
	margin: 8px 14px 8px 14px;
	padding: 0;
}

div.buttonBox ul li
{
	margin: 0;
	padding: 0;
}

div.buttonBox ul li a
{
	height: 40px;
	line-height: 40px;
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	text-align: center;
}

div.buttonBox ul li strong
{
	background: url("../gfx/buttonBox-arrow.gif") no-repeat right 5px;
	padding: 5px 22px 5px 0;
	color: #000;
}
*/
/* ---------------------------------------------------- buttonDefault ---------------------------------------------------- */

button.buttonDefault 
{
	border: none;
	background: url("../gfx/buttonDefault-bg.gif") no-repeat 0 0;
	width: 264px;
	height: 41px;
	cursor: pointer;
}

button.buttonDefault span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonDefault-arrow.gif") no-repeat right 5px;
	padding: 5px 22px 5px 0;
	color: #000;	
}

/* ---------------------------------------------------- buttonSmall ---------------------------------------------------- */

button.buttonSmallLogin,
button.buttonSmall
{
	border: none;
	background: url("../gfx/buttonSmall-bg.gif") no-repeat 0 0;
	width: 125px;
	height: 41px;
	cursor: pointer;
}

button.buttonSmallLogin
{
	background: url("../gfx/buttonSmallLogin-bg.gif") no-repeat 0 0;
}

button.buttonSmallLogin span,
button.buttonSmall span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonDefault-arrow.gif") no-repeat right 5px;
	padding: 5px 22px 5px 0;
	color: #000;	
}

/* ---------------------------------------------------- buttonS ---------------------------------------------------- */

button.buttonS
{
	border: none;
	background: url("../gfx/buttonS-bg.gif") no-repeat 0 0;
	width: 87px;
	height: 18px;
	cursor: pointer;
	font-size: 10px;
	margin-bottom: 3px;
}

/* ---------------------------------------------------- buttonM ---------------------------------------------------- */

button.buttonM
{
	border: none;
	background: url("../gfx/buttonM-bg.gif") no-repeat 0 0;
	width: 111px;
	height: 18px;
	cursor: pointer;
	font-size: 10px;
}

/* ---------------------------------------------------- buttonL ---------------------------------------------------- */

button.buttonL
{
	border: none;
	background: url("../gfx/buttonL-bg.gif") no-repeat 0 0;
	width: 125px;
	height: 18px;
	cursor: pointer;
	font-size: 10px;
}

/* ---------------------------------------------------- buttonFormSubmit ---------------------------------------------------- */

button.buttonFormSubmit
{
	border: none;
	background: url("../gfx/buttonForm-bg.gif") no-repeat 0 0;
	width: 137px;
	height: 41px;
	cursor: pointer;
}

button.buttonFormSubmit span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonForm-submitSymbol.gif") no-repeat right 5px;
	padding: 5px 22px 5px 0;
	color: #000;	
}

/* ---------------------------------------------------- buttonFormResume ---------------------------------------------------- */

button.buttonFormResume
{
	border: none;
	background: url("../gfx/buttonForm-bg.gif") no-repeat 0 0;
	width: 137px;
	height: 41px;
	cursor: pointer;
}

button.buttonFormResume span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonForm-resumeSymbol.gif") no-repeat right 5px;
	padding: 5px 22px 5px 0;
	color: #000;	
}

/* ---------------------------------------------------- buttonBasketForward & buttonBasketBack ---------------------------------------------------- */

button.buttonBasketForward,
button.buttonBasketBack
{
	border: none;
	background: url("../gfx/buttonBasket-bg.gif") no-repeat 0 0;
	width: 244px;
	height: 41px;
	cursor: pointer;
	font-weight: bold;
}

button.buttonBasketForward span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonBasket-arrowForward.gif") no-repeat right 5px;
	padding: 5px 28px 5px 0;
	color: #000;	
}

button.buttonBasketBack span
{
	text-decoration: none;
	font-weight: bold;
	background: url("../gfx/buttonBasket-arrowBack.gif") no-repeat left 5px;
	padding: 5px 0 5px 28px;
	color: #000;	
}

/* ---------------------------------------------------- container ---------------------------------------------------- */

div#container
{
	width: 945px;
	margin: 0 auto 0 auto;
}

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

div#header
{
	position: relative;
	height: 107px;
	margin: 0;	
}

/* ---------------------------------------------------- logo ---------------------------------------------------- */

div#logo 
{
	position: absolute;
	left: 0;	
	top: 18px;
}

/* ---------------------------------------------------- serviceNav ---------------------------------------------------- */

ul#serviceNav 
{
	position: absolute;
	right: 0px;
	top: 16px;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#serviceNav li 
{
	float: left;
	height: 18px;
	line-height: 18px;	
	margin: 0;
	padding: 0 0 0 17px;
	background: url("../gfx/serviceNav-a-bg.gif") no-repeat 8px 2px;
}

ul#serviceNav li  a 
{
	height: 18px;
	line-height: 17px;
	text-decoration: none;
}

ul#serviceNav li a:visited { color: #CC6600; }
ul#serviceNav li a:hover { color: #CC6600; }

/* ---------------------------------------------------- statusLogout ---------------------------------------------------- */

div#statusLogout 
{
	position: absolute;
	right: 0;
	top: 43px;
}

span#statusText 
{
	height: 18px;
	line-height: 18px;
}

span#logoutLink
{
	padding: 0 0 0 17px;
	background: url("../gfx/serviceNav-a-bg.gif") no-repeat 8px 3px;
}

span#logoutLink a 
{
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}

span#logoutLink a:visited { color: #CC6600; }
span#logoutLink a:hover { color: #CC6600; }

/* ---------------------------------------------------- mainNav ---------------------------------------------------- */

div#mainNav 
{
	height: 43px;
	width: 945px;	
	font-family: Helvetica, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 63px;
	left: 0;
	background: url("../gfx/mainNav-bg.gif") no-repeat right 0;		
}

div#mainNavLeft 
{
/*
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: url("../gfx/mainNav-left.gif") no-repeat 0 0;	
	width: 3px;
	height: 53px;
*/
	display: none;
}

div#mainNav ul
{
	margin: 0 0 0 1px;
	padding: 0;
	height: 37px;
	width: 945px;
	list-style: none;
}

div#mainNav ul li 
{
	float: left;
	height: 37px;	
	background: url("../gfx/mainNav-spacer.gif") no-repeat right 0;
	padding: 0 2px 0 0;
	margin: 0;
}

div#mainNav ul li a 
{
	display: block;
	padding: 0 22px 0 20px;
	line-height: 37px;
	height: 37px;
	background: url("../gfx/mainNav-item-no.gif") repeat-x 0 0;
	color: #FFF;
	text-decoration: none;
	float: left;
}

div#mainNav ul li a:hover { background: url("../gfx/mainNav-item-act.gif") repeat-x 0 0; }
div#mainNav ul li.act a { background: url("../gfx/mainNav-item-act.gif") repeat-x 0 0; }

/* ---------------------------------------------------- contentContainer ---------------------------------------------------- */

div#contentContainer 
{
	position: relative;
	margin: 0 0 6px 0;
}

div#contentContainer div#leftColumn { float: left; }

div.contentContainerIndented div#contentSpacer
{
	width: 150px;
	height: 10px;
}

div.contentContainerIndented div#mainColumn
{
	float: left;
	width: 660px;
}

/* ---------------------------------------------------- breadcrumbNav ---------------------------------------------------- */

div#breadcrumbNav 
{
	height: 18px;
	line-height: 18px;
	color: #666;
	margin: 0 0 33px 0;
}

div#breadcrumbNav  a.cur
{
	text-decoration: none;
	color: #666;		
}

/* ---------------------------------------------------- infoBox ---------------------------------------------------- */

div#infoBox 
{
	position: absolute;
	top: 35px;
	left: 480px;
	width: 465px;
}

/* ---------------------------------------------------- subNav ---------------------------------------------------- */

ul#subNav
{
	width: 192px;
	list-style: none;	
	margin: 0 44px 0 0;
	padding: 5px 0 0 0;
	background: url("../gfx/subNav-top.gif") no-repeat 0 0;
}

ul#subNav li 
{ 
	width: 192px; 
	margin: 0;
	padding: 0;
}

div#subNavBottom
{
	width: 192px;
	height: 5px;
	background: url("../gfx/subNav-bottom.gif") no-repeat 0 0;
}

ul#subNav ul.subNavLevel2
{
	width: 192px;
	list-style: none;
	margin-bottom: 0;
}

ul#subNav li a 
{
	display: block;
	background-color: #F0F0F0;
	border: solid 1px #C1C1C1;
	padding: 8px 8px 10px 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 11px;
	line-height: 13px;
	width: 170px
}

ul#subNav li.firstItem a { border-top: none; }

ul#subNav ul.subNavLevel2 li a 
{
	border-top: none;	
	border-bottom: none;
	font-weight: normal;
	background: #FFF url("../gfx/subNav-item-bg.gif") no-repeat 12px bottom;
}

ul#subNav ul.subNavLevel2 li a:hover,
ul#subNav ul.subNavLevel2 li a.act 
{
	background: #F0E8D9 url("../gfx/subNav-item-bg.gif") no-repeat 12px bottom;
}

ul#subNav ul.subNavLevel2 li.lastItem a 
{
	background: none;
	background-color: #FFF;
}

ul#subNav ul.subNavLevel2 li.lastItem a:hover,
ul#subNav ul.subNavLevel2 li.lastItem a.act 
{
	background: none;
	background-color: #F0E8D9;
}

/* ---------------------------------------------------- tabNav ---------------------------------------------------- */

ul.tabNav
{
	width: 938px;
	list-style: none;
	height: 37px;
	background: url("../gfx/tabNav-bg.gif") no-repeat 0 bottom;
	padding: 0 0 0 7px;
	margin: 0 0 18px 0;
}

ul.tabNav li 
{
	float: left;
	height: 30px;	
	margin: 1px 3px 0 0;
	background: url("../gfx/tabNav-item-no-right.gif") no-repeat right 0;
}

ul.tabNav li a
{
	display: block;
	float: left;
	height: 30px;	
	background: url("../gfx/tabNav-item-no-left.gif") no-repeat 0 0;
	padding: 0 28px 0 28px;
	line-height: 30px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

ul.tabNav li.act {	background: url("../gfx/tabNav-item-act-right.gif") no-repeat right 0; }

ul.tabNav li.act a { 
	background: url("../gfx/tabNav-item-act-left.gif") no-repeat 0 0; 
	font-weight: bold;
}

/* Doesn't work in IE6, but FF, IE7 and Opera */
ul.tabNav li:hover  {	background: url("../gfx/tabNav-item-act-right.gif") no-repeat right 0; }
ul.tabNav li:hover a { background: url("../gfx/tabNav-item-act-left.gif") no-repeat 0 0; }

/* Javascript Hack for IE6 adds over-class to list items, see general.js */
ul.tabNav li.over  { background: url("../gfx/tabNav-item-act-right.gif") no-repeat right 0; }
ul.tabNav li.over a { background: url("../gfx/tabNav-item-act-left.gif") no-repeat 0 0; }

/* ---------------------------------------------------- subTabNav ---------------------------------------------------- */

ul.subTabNav 
{
	position: relative;
	top: -16px;
}

/* ---------------------------------------------------- footerHeadline ---------------------------------------------------- */

div#footerHeadline 
{
	background-color: #000;
	clear: both;
	height: 17px;
	line-height: 17px;
	text-align: center;	
}

/* ---------------------------------------------------- footerNav ---------------------------------------------------- */

div#footerNav 
{
	margin: 16px 0 16px 0;
	color: #666;
	text-align: center;
}

div#footerNav a 
{
	color: #666;
	padding: 0 4px 0 8px;
	background: url("../gfx/footerNav-bg.gif") no-repeat 0 2px;
	text-decoration: none;
}

/* ---------------------------------------------------- contactForm ---------------------------------------------------- */

.contactForm { width: 500px; }

.contactForm .formRow { clear: both; }

.contactForm label
{
	width: 120px;
	float: left;
}

.contactForm .formValue 
{
	width: 350px;
	float: left;
	margin: 0 0 5px 0;
}

.contactForm .formValue input,
.contactForm .formValue select,
.contactForm .formValue textarea 
{
	width: 348px;
}

.contactForm .formValue textarea { height: 200px; }

.contactForm .formButtons { clear: both; }

.contactForm .formButtons button { margin: 40px 80px 40px 0; }

/* ---------------------------------------------------- csc-sitemap ---------------------------------------------------- */

div.csc-sitemap ul 
{
	list-style-type: none;
	margin: 10px 0 50px 0;
}

div.csc-sitemap ul ul li { margin: 3px 0 3px 0; }

div.csc-sitemap ul li a 
{
	text-decoration: none;
	font-weight: bold;
}

div.csc-sitemap ul ul 
{
	list-style-type: disc;
	margin: 0;
}

div.csc-sitemap ul ul li 
{
	margin: 3px 0 3px 18px;
}