@charset "utf-8";
/* CSS Document */
html {
	overflow-y: scroll;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e4e;
}
body {
	background-color: #dadfde;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bodyFill.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;
}
form{
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
ul {
	border:0;
	margin:0;
	padding:0;
}
#wrapper{
	text-align:left;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#logo{
	float:left;
}
.skipLink{
	border:none;
}
#mastHeadContent{
	float: right;
	margin-right: 37px;
	width:337px;
}
/* --------------------------------------------------------------- MAIN NAVIGATION */
#navcontainer{
	clear:both;
	height:42px;
	background-image: url(../images/mainNavBase.gif);
	background-repeat: no-repeat;
}
#navlist {
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 30px;
	overflow:hidden;
}
#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0px;
	
}
#navlist li a {
	text-decoration: none;
	display: block;
	float: left;
	height:23px;
	margin-top: 10px;
	margin-right: 1px;
	padding-top: 9px;
	padding-right: 15px;
	padding-left: 15px;
	color:#ffffff;
}
#navlist li a:visited {
}
#navlist li a:hover {
	background-image: url(../images/navOver.gif);
	background-repeat: repeat-x;
	color:#ffffff;
}
#navlist li a#selected {
	background-image: url(../images/tabSelected.jpg);
	background-repeat: repeat-x;
	color:#4d4e4e;
}
#contentWrapper{
	background-image: url(../images/mainPageFill.gif);
	background-repeat: repeat-y;
	padding-top:12px;	
}
/*------------------------------------------------------------------*/
/* ----------------------------------------------------------------- SUBNAV */
#subNav{
	background-image: url(../images/subNavBase.gif);
	background-repeat: no-repeat;
	height: 36px;
	overflow:hidden;
	padding-left: 22px;
}
#subNav ul{
	margin:0;
	list-style:none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
} 
#subNav li {
	float:left;
	margin:0;
	padding:0;
	
}
	
#subNav a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4e4e;
	font-size:12px;
	background-image: url(../images/subnavUp.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration:none;
	padding-top: 11px;
	padding-right: 17px;
	padding-left: 15px;
	padding-bottom:10px;
}

#subNav a:hover {
	background-image: url(../images/subnavOver.gif);	
}
#subNav #subSelected {
	background-image: url(../images/subSelectedRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#subNav #subSelected a {
	background-image: url(../images/subSelectedLeft.gif);
	background-position: left top;
	color:#ffffff;
}
/* ----------------------------------------------------------------- 2ND NAVIGATION */
#secondNav{
	background-image:url(../images/secondaryMenuBase.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#secondNav ul{
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 102px;
	padding-bottom: 0px;
	height:32px;
}
#secondNav li{
	list-style-type: none;
	display: inline;
}
#secondNav li a{
	font-size:11px;
	color:#cecece;
	text-decoration:none;
	margin-right:23px;
}
#secondNav li a:hover{
	text-decoration:underline;
}
/* -----------------------------------------------------------------*/
/* ----------------------------------------------------------------- LOGIN AREA */
#loginTab{
	background-image: url(../images/loginLinkBase.gif);
	background-repeat: no-repeat;
	height: 23px;
	text-align:right;
	padding-top:8px;
	padding-right:35px;
	color:#ffffff;
}
#accountLogin a{
	font-weight:bold;
	color:#f29018;
	text-decoration:none;
	padding-right:15px;
	margin-right:20px;
	background-image: url(../images/arrowDown.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}
#accountLogin a:hover{
	text-decoration:underline;
}
#signUp a{
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
#signUp a:hover{
	text-decoration:underline;
}
#loginArea{
	color:#ffffff;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#loginIntro{
	float:left;
	width:370px;
}
#loginIntro #loginTitle{
	font-size:20px;
	font-weight:bold;
	color:#f29018;
}
#loginIntro #loginSubtitle{
	margin-left:15px;
	color:#8bb5d4;
}
#loginIntro p{
	margin-top: 7px;
	margin-bottom: 7px;	
}
#loginSubtitle{
	font-weight:bold;
}
#signUpBtn{
	float:left;
	margin-top:30px;
	padding-left:15px;
}
#signUpBtn img{
	border:none;
}
#loginForm{
	float:left;
	margin-right:0px;
	margin-top:22px;
	padding-left:30px;
	text-align:right;
}
#loginForm label
{
	float:left;
	width:100px;
	margin-right:5px;
	text-align: right;
	margin-top:3px;
}
#loginForm input#userName, #loginForm input#password{
	width:150px;
	margin-bottom:1px;
	margin-right:4px;
	border: 1px solid #000000;	
}
#loginForm input#login{
	background-image: url(../images/loginBtn.gif);
	border:none;
}
#loginBtn{
	float:left;
	margin-top:30px;
}
#forgotPassword{
	margin-right:5px;
	margin-top:5px;
}
#forgotPassword a{
	color:#a0a0a0;
	text-decoration:none;
}
#forgotPassword a:hover{
	text-decoration:underline;
}
#closeBtn{
	float:right;
	padding:5px;
}
#closeBtn a img{
	border:none;
}
#welcome{
	color:#ffffff;
	font-weight:bold;
}
#logout a{
	font-weight:bold;
	color:#f29018;
	text-decoration:none;
	margin-left:20px;
}
#logout a:hover{
	text-decoration:underline;
}
/* -----------------------------------------------------------------*/
/* ----------------------------------------------------------------- HEADER */
#header{
	position:relative;
}
#strapline{
	width:430px;
	color:#ffffff;
	position:absolute;
	right: 46px;
	top: 30px;
}
#headerTitle{
	font-size:30px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-transform: uppercase;
	margin-bottom:10px;
	text-align: right;
}
#headerTitle p{
	margin:0px;
	padding:0px;
	text-align: right;
}
#headerContent{
	text-align: right;
}
#headerContent p{
	padding-left:3px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	text-align: right;
}
#headerImg{
	padding-left:17px;
}
/* ----------------------------------------------------------------- BREADCRUMBS */
#breadcrumbs{
	background-image: url(../images/breadcrumbsBase.gif);
	background-repeat: no-repeat;
	height: 22px;
	padding-left: 46px;
	padding-top: 8px;
}
.nav {
	color: #ffffff;
	margin:0px;
	padding:0px;
}
.nav li {
	float: left;
	display: inline;
	margin-right: 10px;
	font-size:11px;
}
.nav a {
	color: #fff;
	font-weight: bold;
	padding-right: 13px;
	text-decoration: none;
	background-image: url(../images/bullet1up.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}
.nav a:hover {
	color: #cecece;
	background-image: url(../images/bullet1over.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}

/* ----------------------------------------------------------------- HOMEPAGE BASKETS*/

#baskets{
	width: 910px;
	margin-left: 5px;
	padding-left:40px;
	background-image: url(../images/contentGrad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow:hidden;
	min-height:201px;
}
#baskets h2{
	margin-left:0px;
	margin-top:25px;
	color:#10687d;
	font-size:20px;
	font-weight:bold;
	letter-spacing: -1px;
}
#baskets h3{
	font-size:14px;
	color:#4d4e4e;
	margin:0px;
	margin-bottom:12px;
}
#baskets p{
	margin-top:0px;
}

#basket1, #basket2, #basket3{
	float: left;
	width: 270px;
	margin-right:30px;
	padding-bottom:20px;
}
/* ----------------------------------------------------------------- CONTENT */
#content{
	width: 950px;
	margin-left: 5px;
	background-image: url(../images/contentGrad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#mainContent{
	float:left;
	width:550px;
	padding-left:40px;
	padding-bottom:40px;
}
#mainContentFull{
	padding: 0px 40px 40px 40px;
}
#mainContentFull .reducedWidth{
	width:580px;
}
#mainContent h1, #mainContentFull h1{
	margin-left:-2px;
	margin-top:25px;
	color:#10687d;
	font-size:24px;
	font-weight:bold;
	letter-spacing: -1px;
}
#mainContent h2, #mainContentFull h2{
	margin-left:0px;
	margin-top:25px;
	color:#10687d;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -1px;
}
#mainContent h3, #mainContentFull h3{
	margin-left:0px;
	margin-top:25px;
	color:#10687d;
	font-size:12px;
	font-weight:bold;
}
#mainContent p, #mainContentFull p{
	margin-top:10px;
	margin-bottom:10px;
	line-height: 17px;
}
#mainContent a, #mainContentFull a{
	color:#10687d;
	text-decoration:none;
}
#mainContent a:hover, #mainContentFull a:hover{
	text-decoration:underline;
}
/* ------------------------------------------------------------------INBOX      */

.coloredBar{
	background-color: #10687d;
	color: #ffffff;
	padding: 9px;
}
#messageAttr{
	margin-top: 6px;
	background-color: #ebebeb;
	padding: 9px;
	border:1px solid #d3d3d3;
}
.bold{
	font-weight: bold;	
}
#messageArea{
	background-color: #ffffff;
	padding: 9px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #d3d3d3;
	border-bottom-color: #d3d3d3;
	border-left-color: #d3d3d3;
}
#messageTitle{
	float:left;
	font-weight:bold;
}
#messageBody{
	float:right;
	width:740px;
}
#messageTitle p, #messageBody p{
	margin-top:7px;
	margin-bottom:7px;
}
#messageNav{
	padding-bottom: 2px;
}
.back{
	float:left;
	display:block;
}
#reply{
	float:right;
}


/* ----------------------------------------------------------------- SUBCONTENT */
#subContent{
	float:right;
	padding-right:12px;
	padding-top:9px;
	background-image: url(../images/subContentDivider.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:315px;
}
#subContent h2{
	padding-left:28px;
	color:#10687d;
	font-size:20px;
	font-weight:bold;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}
.subPanel{
	width:301px;
	background-image: url(../images/roundedBtm1.gif);
	background-repeat: no-repeat;
	background-color:#e2e2e2;
	background-position: bottom;
	margin-left: 14px;
	padding-bottom:10px;
	margin-top: 5px;
}
.subPanel h3{
	background-image: url(../images/roundedTop1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
	padding-right: 16px;
	margin-bottom: 0px;
	padding-left: 15px;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
}
.subPanel p{
	margin-top: 8px;
	padding-right: 16px;
	margin-bottom: 8px;
	padding-left: 16px;
	line-height: 17px;
}
.subPanel img{
	padding-left:12px;
	
}
#slideshow{

height:301px;
float:right;
padding-right:12px;
padding-top:9px;
background-image: url(../images/subContentDivider.png);
background-repeat: no-repeat;
background-position: left top;
width:315px;

}
#slideshow h2{
	padding-left:28px;
	color:#10687d;
	font-size:20px;
	font-weight:bold;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}
/* ----------------------------------------------------------------- FOOTER */
#footer{
	font-size:10px;
	clear:both;
	background-image: url(../images/footerBase.gif);
	background-repeat: no-repeat;
	height: 93px;
	position:relative;
}
#copyright{
	position:absolute;
	top:7px;
	color:#8fc0cb;
	left: 46px;
}
#privacy{
	position:absolute;
	top:7px;
	color:#8fc0cb;
	right: 46px;
}
#footerNav{
	position:absolute;
	top:62px;
	left: 46px;
}
#footerNav ul{
	list-style-type: none;	
	margin:0px;
	padding:0px;
}
#footerNav ul li{
	display: inline;	
	margin-right: 10px;
}
#footerNav ul li a{
	color:#878787;
	text-decoration:none;
}
#footerNav ul li a:hover{
	text-decoration:underline;
}
#credits{
	position:absolute;
	top:62px;
	right: 46px;
	color:#878787;
}
#credits a{
	color:#878787;
	text-decoration:none;
}
#credits a:hover{
	text-decoration:underline;
}
/* ----------------------------------------------------------------- PAGINATION*/
.paginationNav{
	margin-top:20px;
	position:relative;
}
.pagination ul{
	position:absolute;
	right:0px;
	left: auto;
}
.pagination li {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
.pagination a {
	border:solid 1px #DDDDDD;
	margin-right:2px;
}
.pagination .previous-off, .pagination .next-off {
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}
.pagination .next a, .pagination .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}
.pagination .active {
	color:#4d4e4e;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}
.pagination a:link, .pagination a:visited {
	color:#0063e3;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
.pagination a:hover {
	border:solid 1px #666666;
}

/* ----------------------------------------------------------------- FORMS */
form {
		margin-bottom: 0px;
		}
		
fieldset {
		margin-bottom: 10px;
		padding: 10px;
		border: 1px dotted #666666;
		}		

legend {
		padding: 0 10px;
		background: #ffffff;
		color: #666666;
		font-weight:bold;
		}

.formLabel {
		text-align: right;
		margin-right: 10px;
		width: 100px;
		float: left;
		}
.formField{
	margin-bottom:3px;
}
.formControl {
		float: left;
		width: 326px;
		}
		
input, textarea {
		border: 1px solid #666666;
		padding: 2px;
		}	
		
textarea {
	width:536px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e4e;
	padding:5px;
}	

.status
{
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: 13px 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 42px;
	margin-bottom: 15px;
	font-weight:bold;
}
.status p{
	margin:0px;
}
.status li{
	margin:0px;
	font-weight:normal;
}
.statusOK
{
	border: 1px solid #A3E899;
	background-image: url(../images/warningGreen.gif);
}
.statusERROR
{
	border: 1px solid #E03F3A;
	background-image: url(../images/warningRed.gif);
}

/* ----------------------------------------------------------------- MISC */
.clear{
	clear:both;
	height:0px;
}
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.orange{
	color: #f29018;