/* mason */
#wrap {
width: 748px;
border: 1px solid #000;
margin: 0 auto;
background: #fff url(../img/cc9_193px.gif) repeat-y left top;
padding: 0;
position: relative;
}
/* related to the header -- */
#header {
height: 131px;
position: relative;
background-repeat: no-repeat;
background-position: 0 100%;
}
.ExPAS #header {
height: 97px;
}
.ExPAS #limitedtimeoffer {
display: none;
}

/*this style is to make an orange circle in the header of an explorer site.  To use it, add the city code to this rule, and the orange circle will appear.  It is already in the code, set to display none.  .ExBOS #header #limitedtimeoffer, .ExLAS #header #limitedtimeoffer, .ExNYC #header #limitedtimeoffer */
.ExCHI #header #limitedtimeoffer { 
display: block;
width: 76px;
height: 77px;
position: absolute;
left: 301px;
top: 3px;
margin: 0;
}
 
#header h2 {
background: url(../img/GoMIA/GoMIA.gif) no-repeat left top;
margin: 0;
height: 131px;
}
#header h2 a {
height: 131px;
padding: 0 0 0 480px;
display: block;
}
#header img#full {
position: absolute;
right: 0;
top: 0;
width: 412px;
height: 130px;
}
#header h5 {
margin: 0;
}
#header h5 img {
position: relative;
top: 22px;
}
.ExNYC #header h5 img {
position: relative;
top: 10px;
}
#header h5 a {
background: url(/glb/img/ExPAS/ExPAS_logo.gif) no-repeat left bottom;
height: 97px;
width: 300px;
display: block;
text-indent: -3000px;
}
.ExNYC #header h5 a {
background: url(/glb/img/ExPAS/ExNYC_logo_phone.gif) no-repeat left bottom;
}
#header h6 {
/*background-position: left top;
background-repeat: no-repeat;
height: 57px;
width: 336px;
text-indent: -3000px;*/
float: left;
margin: 0;
}
#header h6 a {
/*height: 57px;
width: 336px;
margin: 0;
text-indent: -3000px;
float: left;*/
}
#header img {
float:left;
}
#header ul li img {
float: none;
}
body.ExPAS #header {
background: #3f2d58 url(/glb/img/ExPAS/ExPAS_main.jpg) no-repeat right top;
}
body.ExBLR #header {
background: #3f2d58 url(/glb/img/ExPAS/ExBLR_main.jpg) no-repeat right top;
}
body.ExBOS #header {
background: #3f2d58 url(/glb/img/ExPAS/ExBOS_main.jpg) no-repeat right top;
}
body.ExCHI #header {
background: #3f2d58 url(/glb/img/ExPAS/ExCHI_main.jpg) no-repeat right top;
}
body.ExHLW #header {
background: #3f2d58 url(/glb/img/ExPAS/ExHLW_main.jpg) no-repeat right top;
}
body.ExMIA #header {
background: #3f2d58 url(/glb/img/ExPAS/ExMIA_main.jpg) no-repeat right top;
}
body.ExNYC #header {
background: #3f2d58 url(/glb/img/ExPAS/ExNYC_main.jpg) no-repeat right top; 
/* the 340x99 city view on the right */
}
body.ExLAS #header {
background: #3f2d58 url(/glb/img/ExPAS/ExLAS_main.jpg) no-repeat right top;
}
body.ExORL #header {
background: #3f2d58 url(/glb/img/ExPAS/ExORL_main.jpg) no-repeat right top;
}
body.ExSDO #header {
background: #3f2d58 url(/glb/img/ExPAS/ExSDO_main.jpg) no-repeat right top;
}
body.ExSFO #header {
background: #3f2d58 url(/glb/img/ExPAS/ExSFO_main.jpg) no-repeat right top;
}
body.ExWCO #header {
background: #3f2d58 url(/glb/img/ExPAS/ExWCO_main.jpg) no-repeat right top;
}
body.ExNYC #header {
background: #3f2d58 url(/glb/img/ExPAS/ExNYC_main.jpg) no-repeat right top;
}
body.GoBLR #header {
background-image: url(/glb/img/GoBLR/main.jpg);
}
body.GoBOS #header {
background-image: url(/glb/img/GoBOS/main.jpg);
}
body.GoCHI #header {
background-image: url(/glb/img/GoCHI/main.jpg);
}
body.GoHIM #header {
background-image: url(/glb/img/GoHIM/main.jpg);
}
body.GoHIO #header {
background-image: url(/glb/img/GoHIO/main.jpg);
}
body.GoLAS #header {
background-image: url(/glb/img/GoLAS/main.jpg);
}
body.GoLAX #header {
background-image: url(/glb/img/GoLAX/main.jpg);
}
body.GoMIA #header {
background-image: url(/glb/img/GoMIA/main.jpg);
}
body.GoORL #header {
background-image: url(/glb/img/GoORL/main.jpg);
}
body.GoSDO #header {
background-image: url(/glb/img/GoSDO/main.jpg);
}
body.GoSEA #header {
background-image: url(/glb/img/GoSEA/main.jpg);
}
body.GoSFO #header {
background-image: url(/glb/img/GoSFO/main.jpg);
}
body.GoTOR #header {
background-image: url(/glb/img/GoTOR/main.jpg);
}
body.sdi #header {
background-image: url(/glb/img/GoBOS/main.jpg);
}


/* nav for explorer pass screens - lives at the top, just below the header, as a vertical nav */
#nav {
background-color: #30283c;
border-top: 1px solid #fff;
}

#nav ul {
	list-style-type: none;
	font: bold .9em Verdana,Arial,Helvetica,sans-serif;
	padding: 5px 0 0 5px;
	background-color: #30283c;	/* dark purple */
	margin: 0;
	max-height: 25px;
	min-height: 20px;
}

#nav li {
float: left;
display: inline-block;
padding: 0;
margin: 0;

}
#nav ul a {
	color: #ccc;
	text-decoration: none;
	font-size: .9em;
	/* removed temporarily until finshed converting all of explorer passes to css */
	/*background: url(/glb/img/pipe_explorer.gif) no-repeat 100% 30%;*/
	padding: 0 5px 5px 0;
	margin: 0 0 0 5px;
	/*display: inline-block;*/	
}
#nav ul li a.last {
background: none;
padding-right: 0;
}
#nav ul a:hover {
	text-decoration: underline;
}
#nav p.buyitnow {
float: right;
margin: 0;
background-color: #30283c;
max-height: 25px;
min-height: 20px;
}


/* relating to colmain ------- */
#cont-colmain {
float: right;
margin: 0 0 280px 0;
padding: 0;
}
body.c39 #cont-colmain {
width: 555px;
}
#colmain {
padding: 0 0 10px 0;
margin: 0 10px 10px 20px;
}

/* relating to colsub ------- */

#colsub {
float: left;
padding: 0;
margin: 0;
border-top: 1px solid #fff;
}
body.c39 #colsub {
width: 193px;
}
#colsub ul {
list-style-type: none;
margin: 0 0 20px 0;
}
#colsub li {
border-bottom: 1px solid #fff;
padding: 0;
margin: 0;
min-height: 7px;
}


#colsub li.spacer {
background: url(../img/lispacer.gif) no-repeat;
display: block;
height: 5px;
}
#colsub li a, #colsub li .active {
background: url(../img/btn_arrow.gif) no-repeat left -1px;
display: block;
padding: 4px 0 4px 22px;
margin: 0;
color: #000;
font-size: .8em;
font-weight: bold;
text-decoration: none;
}
#colsub li .active {
color: #666;
}
#colsub li .spacerabove {
background: url(../img/spacerabove.gif) no-repeat left top;
padding: 13px 0 5px 22px;
min-height: 1em;
}
#colsub li .spacerboth {
background: url(../img/spacerboth.gif) no-repeat left top;
padding: 13px 0 5px 22px;
height: 21px;
}
#colsub li .spacerbelow {
background: url(../img/spacerbelow.gif) no-repeat left top;
padding: 4px 0 4px 22px;
height: 21px;
}
#colsub li a.blue {
color: #009;
}
#colsub li a:hover {
text-decoration: underline;
}

body.home #colsub li.home {
display: none;
}
body.home #colsub li.affiliate {
display: block;
}

/* ---- relating to #footer ---------------- */

#footer {
	clear: both;
float: right;
width: 540px;
padding: 0;
font-size: .8em;
margin: -280px 0 0 0;
vertical-align: bottom;
}
#footer ul {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;
}
#footer li {
margin-left: 0;
}
#footernav {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 8px 0 0 0;
margin: 0 10px 2em 0;
}
/* duplicated above in the #colmainfooter rules */
#footernav ul li, #footersubnav li {
float: left;
}
#footernav li a, #footersubnav li a {
background: url(/glb/img/divider.gif) no-repeat 100% 50%;
padding: 0 5px;
font-size: .9em;
white-space: nowrap;
display: block;
}
/* end duplicged above */
#footer ul li.last a {
background: none;
}
#footer p.inc500 {
float: left;
width: 280px;
}
#footer p.satisfaction {
float: left;
width: 100px;
}
#footer ul.policies {
float: left;
margin: 5px 0 0 0;
}
#footer ul.policies li {
height: 1.5em;
}

#footer ul.bottomnav {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 1em 0;
}
#footer a {
text-decoration: none;
font-weight: normal;
}
#footer a:hover {
text-decoration: underline;
}
#footer ul.bottomnav li {
float: left;
width: 173px;
}
#footer p.reliability {
float: right;
}
#footer h5 {
margin: 0;
font-size: 1em;
font-weight: bold;
}
#footer h4 {
margin: 0 0 .4em 0;
}
