/* CSS Document */

/* Fixes Leading Blowout From Superscripting Characters */
sup {
   vertical-align: baseline;
   font-size: 0.8em;
   position: relative;
   top: -0.4em;
}

#space {
	width: 900px;
	height:20px;
	background-color:#fff;
	}

form{
	font-size:12px;
	margin:0px 0px 10px 0px;
}

/*#container {
	position: relative;
	width: 1270px;
	left: 50%;
	margin-left: -450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C1BBC9;
	z-index: 1;
}*/

body {
    margin: 0px 0px;
    padding: 0px;
    /*text-align: center;*/
}
#container {
	position: relative;
	width: 900px;
	margin: 5px auto;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C1BBC9;
	z-index: 1;
}


#photoBox {
	float: left;
	position: relative;
	width: 900px;
	height: 322px;
	background-color: #261a40;
	z-index: 1;
}



#contentwrapper {
	float: left;
	width: 900px;
	height: auto;
	background-color: #261a40;
	z-index: 1;
}

#bkgColor {
	float: left;
	width: 900px;
	background-color: #261a40;
}

#headline {
	float: left;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 27px;
	line-height: 28px;
	color: #e5dcc3;
	width: 456px;
	padding: 15px 0px 16px 32px;
	z-index: 4;
}

#copyBlock {
	float: left;
	position: relative;
	width: 900px;
	line-height: 17px;
	z-index: 4;
}

#copyContainer {
	float: left;
	position: relative;
	width: 450px;
	line-height: 17px;
	padding: 0px 0px 20px 75px;
	background-color: #261a40;
	z-index: 4;
}

#copyContainerHome {
	float: left;
	position: relative;
	width: 455px;
	line-height: 17px;
	padding: 0px 0px 20px 34px;
	background-color: #261a40;
	z-index: 4;
}

#copyCardContainer {
	float: left;
	position: relative;
	background-image:url(../images/q407/map.jpg);
	background-repeat: no-repeat;
	width: 450px;
	line-height: 17px;
	padding: 0px 0px 20px 75px;
}

.copyCapsBo14 {
	font-size:	14px;
	color:	#fff;
	font-weight:bold;
	}

#addLogo {
	width: 400px;
	height: auto;
	margin: 0px 0px 0px 0px;
	z-index: 4;
}

#footer {
	clear:both; /* added to fix for firefox 3 062608. */
	position: relative;
	padding-top: 20px;
	line-height: 12px;
	background-color: #261a40;
	z-index: 5;
	color:#CCCCCB;
}

#copyright {
	float: left;
	position: relative;
	width: 870px;
	font-size: 10px;
	padding: 17px 5px 10px 25px;
	background-color: #261a40;
	z-index: 5;
}

#formBkg {
	float: left;
	position: relative;
	width: 334px;
	height: auto;
	margin: 17px 0px 0px -361px;
	padding: 5px 5px 5px 5px;
	
	background-image: url(../images/q407/white_trans50.png) !important;
	background-image: none; /* this is so that IE lt 7 does not see the background image.  A hack but seems to work. */
	z-index: 30;
}

#formBkgColor {
	float: left;
	position: relative;
	width: 334px;
	background-color: #E5DCC3;
	z-index: 31; 
}

#linksCol1 {
	float: left;
	width: 100px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0px 15px 29px;
	}
	
#linksCol2 {
	float: left;
	width: 115px;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0px 15px 30px;
	}
	
#cardArt {
	float: left;
	width: 108px;
	}
	
#cardHeadline {
	float: left;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	}

#cardCopyBlock {
	float: left;
	width: 310px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0px 15px 0px;
	}

.subheadBox {
	width: 293px;
	margin: 0;
	float: left;
	color: #301A4b;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 70px 35px 30px 32px;
}

.copyBox12LtPurple {
	color: #c1bbc9;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.copyBox12Wht {
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.copyBox12Blk {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.col10 {
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
}

.col13 {
	color: #000;
	font: 13px Arial, Helvetica, sans-serif;
}

.col13Bo {
	color: #000;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col13BoPurple {
	color: #2f1a4a;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col14RedBo {
	color: #852c30;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col15Bo {
	color: #fff;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col14Bo {
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col11Bo {
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col11 {
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
}

.col12 {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
}

.col18BoPurple {
	color: #2f1a4a;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.col09 {
	width: 330px;
	margin: 0;
	float: left;
	color: #000;
	font: 9px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
}
.col09Form {
	color: #000;
	font: 9px Arial, Helvetica, sans-serif;
}

.smallErrorCopy {
	color: #f00;
	font: 9px Arial, Helvetica, sans-serif;
}

.headlineCopy2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	color: #e5dcc3;
}


.errorCopy {
	color:#F00;
	font-size:12px;
}

.errorCopy a, .errorCopy a:hover, .errorCopy a:visited {
	color: #f00;
	text-decoration:underline;
	font-size:12px;
}


/* Links */

a, a:hover, a:visited, a:active {
   	color: #59496F;
	font-size: 12px;
	text-decoration: none;
}

a.footerLink, a.footerLink:visited, a.footerLink:link, a.footerLink:hover {
   color: #867E94;
	font-size: 9px;
	text-decoration: none;
}

a:hover, a.footerLink:hover {
	text-decoration: underline;
}

a.LinksLink, a.LinksLink:visited, a.LinksLink:link, a.LinksLink:hover {
   	color: #8A7E99;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
a.LinksLink:hover{
	text-decoration: underline;
}


a.TermsLink, a.TermsLink:visited, a.TermsLink:link, a.TermsLink:hover {
   	color: #8A7E99;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}
a.TermsLink:hover{
	text-decoration: underline;
	color:white;
}

a.TermsBoxLink, a.TermsBoxLink:visited, a.TermsBoxLink:link, a.TermsBoxLink:hover {
   	color: #59496F;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
a.TermsBoxLink:hover{
	text-decoration: underline;
}

a.listLink, a.listLink:visited, a.listLink:link, a.listLink:hover {
   	color: #8e7e99;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
	text-decoration: none;
}
a.listLink:hover{
	text-decoration: underline;
}

a.boxLink, a.boxLink:visited, a.boxLink:link, a.boxLink:hover {
   	color: #59496f;
	font-size: 10px;
	font-weight:bold;
	text-decoration: underline;
}

a.box11Link, a.box11Link:visited, a.box11Link:link, a.box11Link:hover {
   	color: #59496f;
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
}

a.box12Link, a.box12Link:visited, a.box12Link:link, a.box12Link:hover {
   	color: #59496f;
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}

a.Purple12Link, a.Purple12Link:visited, a.Purple12Link:link, a.Purple12Link:hover {
   	color: #c1bbc9;
	font-size: 12px;
	text-decoration: underline;
}

a.linkBlk, a.linkBlk:visited, a.linkBlk:link, a.linkBlk:hover {
   	color: #000;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}
a.linkBlk:hover{
	text-decoration: underline;
}

a.linkBlk11, a.linkBlk11:visited, a.linkBlk11:link, a.linkBlk11:hover {
   	color: #000;
	font-size: 11px;
	text-decoration: none;
}
a.linkBlk11:hover{
	text-decoration: underline;
}

/*******************************************************/
/*   Brand Bar Popup Styles                            */
/*******************************************************/

#brandNavBrandList {
	background-color: #FFFFFF;
	border: 1px solid #ECECEC;
	padding: 8px 0px;
	padding-top:8px;
	width: 142px;
	text-align: left;
	position:absolute;
	top: -130px;
	left:0px;
	z-index:1000;
	font-family: Arial,Helvetica,Sans Serif;
}

#brandNavBrandList hr {
	border-color:#AFAFAF;
	border-style:solid;
	border-width:0pt 0pt 1px;
	margin:3px 10px;
}

#bb_other_brands {
	text-decoration: underline;
}

#brandNavBrandList a, #brandNavBrandList a:hover, #brandNavBrandList a:visited  {
	color:#3E3061;
	display:block;
	font-size:11px;
	font-weight:normal;
	margin:0pt 0pt 1px;
	padding:0pt 10px;
	text-decoration:none;
}

#brandNavBrandList a:hover {
	background-color: #E49F43;
	color: #fff;
}

/*Begin Pop-up classes*/
.popHeadText {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : bold;         
color : #666666;
}

ul {
   margin-top: 0;
   margin-bottom: 0;
   padding:10px 0 10px 24px;
}

#logo img{
	padding: 0;

.popBodyText {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}

.popBodyText a:link, .popBodyText a:visited, .popBodyText a:hover, .popBodyText a:active {
color : #A41E16;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
text-decoration : underline;
}

.bgHorizontalTop { background-color:#DDDDDD; }
.bgHorizontal { background-color:#DDDDDD; }
/*End Pop-up classes*/