/* mason */
body {
background-color: #69c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000;
margin-top: 5px;
}
div,ul,li,table,ol,dl,dt,dd,form,p, q {
	margin: 0;
	padding: 0;
	}
p, dl {
   margin: 0 1em 9px 0;
   max-width: 550px;
}
li, ol, ul {
margin-left: 10px;
}
ol, ul {
margin-bottom: 1em;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Times New Roman", Times, serif;
	margin: 15px 0;
	padding: 0; 
	font-weight: normal;
}
.ExPAS h1, .ExPAS h2, .ExPAS h3 {
color: #3f2d58;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 2.2em;
border-bottom: #000 solid 1px;
padding-bottom: .2em;
}
body.index h1 {
border-bottom: none;
}
h1 span, h3 span {
font-size: .7em;
display: block;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 span {
font-weight: normal;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
.ExMIA h3, .ExBOS h3, .ExCHI h3, .ExORL h3, .ExBLR h3 {
margin-top: 0;
}
h4 {
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
h5 {
font-size: 1em;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h6 {
font-size: 1.2em;
}
address {
clear: left;
font-style: normal;
display: block;
}
a:link, a:visited, a:focus, .link {
color: #009;
outline: none;
text-decoration: none;
}
.old a {
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
.move a {
text-decoration: none;
font-weight: bold;
color: #009;
}
a img {
	border: none;
	}
em {
font-style: italic;
font-weight: bold;
font-size: .9em;
color: #c60;
}
.ExLAS em {
font-style: normal;
font-size: 1em;
}
p.return {
text-align: right;
margin: 1em;
}
p.return a {
background: url(../img/arrow_l.gif) no-repeat left top;
padding-left: 20px;
}
p.attractionbody {
font-size: .8em;
margin-top: 20px;
}
img.map {
margin-left: -18px;
}
strong span {
display: block;
}

/* ---- used at the beginning of colmain ------- */
#buynow {
position: relative;
height: 32px;
padding: 0;
margin: 0;
}
#buynow .buyitnow {
position: absolute;
right: 0;
top: 0;
width: 190px;
height: 32px;
}

/* ---- Proven Value, used in the left column ------------- */

#provenvalue, #provenvaluealt {
padding: 0 0 10px 0;
margin: 33px 0 0 12px;
font-size: .8em;
width: 177px;
background: url(/glb/img/pv_top.gif) no-repeat left top;
}
#provenvaluealt {
background: url(/glb/img/pv_top2.gif) no-repeat left top;
}
#provenvalue div, #provenvaluealt div {
background: url(/glb/img/pv_bottom.gif) no-repeat left bottom;
padding-bottom: 5px;
}
#provenvalue h2, #provenvaluealt h2 {
font-size: 1.6em;
border-bottom: 1px #ccc solid;
font-family: Arial, Helvetica, sans-serif;
color: black;
padding: 20px 0 2px 0;
margin: -5px 70px 15px 10px;
}
#provenvalue div p, #provenvaluealt div p {
margin: 0 20px 10px 10px;
}

/* ---- cardbox , used in the left column of attractions pages ------ */
#cardbox {
width: 179px;
margin: 0 0 0 7px;
background: url(/glb/img/testimonials_top.jpg) no-repeat left 55px;
}
.ExPAS #cardbox {
background: url(/glb/img/testimonials_top.jpg) no-repeat left top;
}
#cardbox h2 {
margin: 0;
font-size: 1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#cardbox h2 a {
background-repeat: no-repeat;
background-position: 40% 0;
display: block;
height: 20px;
width: 165px;
padding: 95px 0 0 10px;
}
.ExPAS #cardbox h3 { /* in explorer passes */
margin: 0 0 10px 2px;
width: 7em;
font-size: 2em;
}
#cardbox p {
margin: 0 0 10px 0;
}
#cardbox p a {
text-decoration: underline;
}
.GoBLR #cardbox h2 a {
background-image: url(/glb/img/GoBLR/cardbox_card.png);
}
.GoBOS #cardbox h2 a {
background-image: url(/glb/img/GoBOS/cardbox_card.png);
}
.GoCHI #cardbox h2 a {
background-image: url(/glb/img/GoCHI/cardbox_card.png);
}
.GoHIM #cardbox h2 a {
background-image: url(/glb/img/GoHIM/cardbox_card.png);
}
.GoHIO #cardbox h2 a {
background-image: url(/glb/img/GoHIO/cardbox_card.png);
}
.GoLAX #cardbox h2 a {
background-image: url(/glb/img/GoLAX/cardbox_card.png);
}
.GoMIA #cardbox h2 a {
background-image: url(/glb/img/GoMIA/cardbox_card.png);
}
.GoORL #cardbox h2 a {
background-image: url(/glb/img/GoORL/cardbox_card.png);
}
.GoSDO #cardbox h2 a {
background-image: url(/glb/img/GoSDO/cardbox_card.png);
}
.GoSEA #cardbox h2 a {
background-image: url(/glb/img/GoSEA/cardbox_card.png);
}
/*#itineraries #cardbox h2, #map #cardbox h2, .GoSFO #cardbox h2, .GoCHI #cardbox h2 {
background: none;
padding: 0;
}*/
.GoSFO #cardbox h2 a {
background-image: url(/glb/img/GoSFO/cardbox_card.png);
}
.GoTOR #cardbox h2 a {
background-image: url(/glb/img/GoTOR/cardbox_card.png);
}

#itineraries #cardbox h2 a, #map #cardbox h2 a {
color: #c60;
background: url(/glb/img/cardbox_guidebook.png) no-repeat 50% 0;
display: block;
height: 40px;
width: 160px;
padding: 95px 0 0 10px;

}
#cardbox div {
background: url(/glb/img/testimonials_bottom.jpg) no-repeat left bottom;
font-size: .9em;
padding: 10px 10px 60px 10px;
margin: 0
}
#colsub #cardbox ul {
list-style-type: disc;
margin-left: 2em;
}
#colsub #cardbox li {
border-bottom: none;
}
.ExPAS #colsub #cardbox ul {
list-style-type: none;
margin-left: 0;
}
.ExPAS #colsub #cardbox ul a {
background: none;
padding-left: 0;
color: #009;
font-size: 1.1em;
font-weight: normal;
}
/* used on redesigned explorer pass homepages ----------- */
/* #showguarantee for ExLAS attractions with a show guarantee in left column */
p#showguarantee a {
background: url(/glb/img/ExPAS/ExLAS_guarantee.jpg) no-repeat 50% 0;
padding: 140px 10px 10px 10px;
width: 160px;
height: 60px;
display: block;
text-align: center;
}
p#showguarantee em {
font-style: normal;
font-size: 1em;
color: #009;
font-weight: normal;
display: block;
}
.itineraryhead {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.itinerarytotal {
color:#CC6600;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
/* ------------ google map through map API on the attraction pages ----------------------- */
#googlemap {
float: right;
width: 250px;
height: 200px;
}
/* --------- plug for the guidebook on the itinerary pages ----------- */
#colsub #freeguidebook {
background: url(/glb/img/freeguidebook2_top.jpg) no-repeat left top;
margin: 0 0 0 13px;
font-size: .8em;
width: 171px;
padding: 120px 0 0 0;
position: relative;
float: left;
}
#colsub #freeguidebook h2 a {
font-size: .8em;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
top: 0;
line-height: 1;
color: #CC6600;
padding: 97px 10px 0 20px;
height: 90px;
width: 135px;
}
#colsub #freeguidebook h2 span {
font-size: .9em;
}
#colsub #freeguidebook ul {
float: left;
list-style: disc;
background: url(/glb/img/freeguidebook_bottom.gif) no-repeat left bottom;
margin: 0;
padding: 0 0 10px 0;
width: 170px;
}
#colsub #freeguidebook li {
margin-left: 45px;
border-bottom: none;
}

/* Sobox, used in the right column to show special offers --------------- */
#sobox {
width:190px;
float:right;
background-repeat: no-repeat;
background-position: left top;
padding: 105px 0 0 0;
margin: 0;
text-align: center;
}
.ExPAS #sobox h2 {
}
.GoMIA #sobox {
background-image: url(/glb/img/GoMIA/sobox_top.jpg);
}
.GoCHI #sobox {
background-image: url(/glb/img/GoCHI/sobox_top.jpg);
}
.ExPAS #sobox {
background-image: url(/glb/img/ExPAS/sobox_top.jpg);
}
#sobox div {
background-repeat: no-repeat;
background-position: left bottom;
margin: 0;
padding: 0 0 60px 0;
float: left;
width: 190px;
}
.GoMIA #sobox div {
background-image: url(/glb/img/GoMIA/sobox_bottom.gif);
}
.GoCHI #sobox div {
background-image: url(/glb/img/GoCHI/sobox_bottom.gif);
}
.ExPAS #sobox div {
background-image: url(/glb/img/ExPAS/sobox_bottom.gif);
}
#sobox a {
text-decoration: underline;
}
#sobox h2 {
width: 130px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1;
color: #fff;
margin: 0 0 0 15px;
}
/*.ExPAS #sobox h2 {
color: #3f2d58;
}*/
#sobox h3 {
line-height: 1.2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em; 
margin: 10px 25px 10px 25px;
padding: 0;
font-weight: bold;
}
#sobox h3 a {
color: #c60;  
}
#sobox h3 a span.uppercase {
font-size: 2.8em;
}
#sobox h4 {
margin: 0;
padding: 0 25px 0px 25px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

#sobox h4 strong {
display: block;
}
#sobox h5 {
font-size: 1em;
font-weight: bold;
margin: 20px 0 0 0;
padding: 0 25px 0 25px;
}
#sobox h6 {
margin-bottom: 0;
}
#sobox h6 a {
color: #c60;
width: 100px;
display: block;
margin: 0 auto;
text-decoration: none;
font-weight: bold;
}
#sobox ul {
padding: 0 25px;
}
#sobox p {
margin: 10px 25px 15px 25px;
}
#sobox p strong {
display: block;
}
/* --------- choose box used in explorer pass homepages ------------- */
#choosebox {
padding: 10px 0 0 193px;
min-height: 105px;
background-repeat: no-repeat;
}
#choosebox p {
background-color: #196a84;
color: #fff;
font-size: .9em;
padding: 5px 0;
min-height: 75px;
}
#choosebox p a {
color: #ccc;
text-decoration: underline;
}
.ExBLR #choosebox {
background-image: url(/glb/img/ExPAS/ExBLR_main_stretch.gif);
}
.ExHLW #choosebox {
background-image: url(/glb/img/ExPAS/ExHLW_main_stretch.gif);
}
.ExWCO #choosebox {
background-image: url(/glb/img/ExPAS/ExWCO_main_stretch.gif);
}
/* #hotdeal, used in the right column to show special offers NOT BEING USED AS ON AUGUST 2008 --------------- */
#hotdeal {
width:143px;
float:right;
background-color: #fff;
background-position: left top;
background-repeat: no-repeat;
padding: 85px 0 0 0;
margin: 0 0 0 10px;
text-align: center;
}
.GoCHI #hotdeal {
background-image: url(/glb/img/GoCHI/sale_top.jpg);
}

#hotdeal div {
background-position: left bottom;
background-repeat: no-repeat;
width: 143px;
margin: 0;
padding: 0 0 20px 0;
float: left;
}
.GoCHI #hotdeal div {
background-image: url(/glb/img/GoCHI/sale_bottom.gif);
}

#hotdeal h2 {
font-size: 2.8em;
color: #009;
margin: 0;
text-transform: uppercase;
color: #c60;
font-weight: bold;
}
#hotdeal h2 a {
text-decoration: none;
}
#hotdeal h2 a:hover {
text-decoration: underline;
}
#hotdeal h3 {
font-size: 1em; 
margin: 0 10px 10px 10px;
padding: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
#hotdeal h3 a {
color: #c60; 
text-decoration: none; 
}
#hotdeal h3 a span strong {
display: block;
margin: 0 15px;
}
#hotdeal h3 a span {
font-size: 1em;
color: #009;
display: block;
margin-top: 5px;
}
#hotdeal span.button {
margin: 0 0 10px 0;
}
#hotdeal p {
margin: 0 15px 5px 15px;
font-weight: bold;
}
#hotdeal p span {
font-weight: normal;
}
#hotdeal p span img {
margin-bottom: -5px;
}
/* ------- Last Minute Trip? used in new homepage redesign in the left column http://chi.smartdestinations.com/indexREDESIGNED.html ---------------------- */
#iwantitnow {
position: relative;
margin: 0;
}
#iwantitnow a {
display: block;
background-color: #cde297;
background-repeat: no-repeat;
min-height: 20px;
width: 192px;
margin: 0 0 20px 0;
padding: 132px 0 0 0;
text-decoration: none;
color: #000;
font-size: .8em;
text-align: center;
border-right: 1px solid #cc9;
}
#spotlight {
margin: 0;
}
#spotlight a {
display: block;
background-color: #cde297;
background-repeat: no-repeat;
background-position: 0 30px;
min-height: 20px;
width: 193px;
margin: 0 0 30px 0;
padding: 0 0 10px 0;
font-size: .8em;
font-weight: bold;
text-align: center;
}
#spotlight strong {
	padding: 8px;
	font-size: 1.2em;
	display: block;
	background-color: #000;
	color: #cc9;
	margin: 0 0 122px 0;
}

#spotlight a:hover strong {
	color: #fff;
}

body.holiday #iwantitnow a {
background-color: #fff;
}
.ExPAS #iwantitnow a {
background-image: url(/glb/img/ExPAS/iwantitnow.jpg);
}
body.holiday.ExPAS #iwantitnow a {
background-image: url(/glb/img/ExPAS/greatgiftidea.jpg);
}
body.holiday.ExNYC #iwantitnow a {
background-image: url(/glb/img/ExPAS/greatgiftidea.jpg);
}
.GoBLR #iwantitnow a {
background-image: url(/glb/img/GoBLR/iwantitnow.jpg);
}
.GoBOS #iwantitnow a {
background-image: url(/glb/img/GoBOS/iwantitnow.jpg);
}
body.holiday.GoBOS #iwantitnow a {
background-image: url(/glb/img/GoBOS/greatgiftidea.jpg);
}
.GoCHI #iwantitnow a {
background-image: url(/glb/img/GoCHI/iwantitnow.jpg);
}
body.holiday.GoCardUSA #iwantitnow a {
background-image: url(/glb/img/GoCHI/greatgiftidea.jpg);
}
body.holiday.GoCHI #iwantitnow a {
background-image: url(/glb/img/GoCHI/greatgiftidea.jpg);
}
.GoLAX #iwantitnow a {
background-image: url(/glb/img/GoLAX/iwantitnow.jpg);
}
.GoHIM #iwantitnow a {
background-image: url(/glb/img/GoHIM/iwantitnow.jpg);
}
.GoHIO #iwantitnow a {
background-image: url(/glb/img/GoHIO/greatgiftidea.jpg);
}
.GoMIA #iwantitnow a {
background-image: url(/glb/img/GoMIA/iwantitnow.jpg);
}
.GoORL #iwantitnow a {
background-image: url(/glb/img/GoORL/iwantitnow.jpg);
}
.GoSDO #iwantitnow a {
background-image: url(/glb/img/GoSDO/iwantitnow.jpg);
}
body.holiday.GoSDO #iwantitnow a {
background-image: url(/glb/img/GoSDO/greatgiftidea.jpg);
}
.GoSEA #iwantitnow a {
background-image: url(/glb/img/GoSEA/iwantitnow.jpg);
}
.GoSFO #iwantitnow a {
background-image: url(/glb/img/GoSFO/iwantitnow.jpg);
}
.GoTOR #iwantitnow a {
background-image: url(/glb/img/GoTOR/iwantitnow.jpg);
}
.GoSFO #spotlight a {
background-image: url(/glb/img/GoSFO/spotlight_alcatraz.jpg);
}


/* ----- #whatpeoplesay used in new homepage design http://www.gochicagocard.com/ ------------- */
#whatpeoplesay {
background: url(/glb/img/testimonials_top.jpg) no-repeat 0 0;
padding: 10px 0 0 0;
margin-left: 7px;
}
#whatpeoplesay h3 {
font-size: 1.2em;
margin: 10px 10px 10px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#whatpeoplesay p {
margin: 0;
}
#whatpeoplesay p a {
padding: 110px 0 0 0;
margin: 0 10px;
display: block;
color: #000;
}
.GoCHI #whatpeoplesay p a {
background: url(/glb/img/GoCHI/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoSDO #whatpeoplesay p a {
background: url(/glb/img/GoSDO/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoBOS #whatpeoplesay p a {
background: url(/glb/img/GoBOS/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoSEA #whatpeoplesay p a {
background: url(/glb/img/GoSEA/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoTOR #whatpeoplesay p a {
background: url(/glb/img/GoTOR/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoSFO #whatpeoplesay p a {
background: url(/glb/img/GoSFO/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoBLR #whatpeoplesay p a {
background: url(/glb/img/GoBLR/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
.GoHIM #whatpeoplesay p a {
background: url(/glb/img/GoHIM/whatpeoplesay_0.jpg) no-repeat 5px 0;
}
#whatpeoplesay cite {
display: block;
margin: 10px 0 0 0;
/*border-bottom: 1px solid #ccc;*/
text-align: left;
}
#whatpeoplesay p a.more {
background: url(/glb/img/testimonials_bottom.jpg) no-repeat 0 100%;
text-align: right;
padding: 25px 20px 55px 0;
margin: 0;
color: #009;
display: block;
}
/* ----- #bonusbox used in new homepage design http://www.gooahucard.com/ ------------- */
#bonusbox {
background: url(/glb/img/testimonials_top.jpg) no-repeat 0 0;
padding: 10px 0 0 0;
margin: 0 0 15px 7px;
}
#bonusbox h3, #bonusbox h4, #bonusbox h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#bonusbox h3 a:hover, #bonusbox h4 a:hover, #bonusbox h5 a:hover {
text-decoration: none;
}
#bonusbox h3 {
color: #638137;
font-size: 1.6em;
margin: 10px 5px 0 7px;
/*text-transform: uppercase;*/
}
.GoLAX #bonusbox h3 {
margin: 10px 5px 0 13px;
}
#bonusbox h3 a, #bonusbox h4 a {
color: #638137;
}
#bonusbox h4 {
color: #638137;
font-size: .9em;
margin: 5px 15px 10px 10px;
}
#bonusbox h5 {
font-size: .9em;
margin: 8px 5px 10px 12px;
}
#bonusbox p {
margin: 0;
}
#bonusbox p a {
padding: 120px 13px 0 7px;
margin: 0 7px;
display: block;
color: #000;
}
#bonusbox p a:hover {
text-decoration: none;
}
#colsub #bonusbox ul {
margin: 0;
}
#colsub #bonusbox li {
border: none;
margin: 0 10px;
}
#colsub #bonusbox li a {
padding: 0 0 0 12px;
background: url(/glb/img/green_dot.gif) no-repeat 0 5px;
font-weight: normal;
font-size: .9em;
display: inline-block;
}
.GoHIO #bonusbox p a {
background: url(/glb/img/GoHIO/bonus.jpg) no-repeat;
}
.GoORL #bonusbox p a {
background: url(/glb/img/GoORL/bonus.jpg) no-repeat;
}
.GoMIA #bonusbox p a {
background: url(/glb/img/GoMIA/bonus.jpg) no-repeat;
}
.GoLAX #bonusbox p a {
background: url(/glb/img/GoLAX/bonus.jpg) no-repeat;
}
#bonusbox p a.more {
background: url(/glb/img/testimonials_bottom.jpg) no-repeat 0 100%;
text-align: right;
padding: 25px 20px 55px 0;
margin: 0;
color: #009;
display: block;
}


/* --------------- sale image which conveys the current sale message, replacing #sobox http://chi.smartdestinations.com/indexREDESIGNED.html ------ */
#sale {
position: relative;
float: right;
width: 153px;
margin: 0 10px 0 0;
display: inline;
}

#sale a {
display: block;
padding: 0 10px;
text-align: center;
color: #000;
}
#saleimage {
display: block;
margin-top: 8px;
}
a#alert, #endstomorrowalert, #lastdayalert {
display: none;
}
.ends_tomorrow a#alert, .last_day a#alert {
display: block;
background: none;
margin: 0;
padding: 0;
}
.ends_tomorrow #endstomorrowalert, .last_day #lastdayalert {
display: block;
position: absolute;
top: -20px;
right: 0;
z-index: 5;
}
.ends_tomorrow #lastdayalert {
display: none;
}
.last_day #lastdayalert {
right: 30px;
}
.last_day #endstomorrowalert {
display: none;
}
/* -------------- howgcworks used in main column of homepage http://chi.smartdestinations.com/indexREDESIGNED.html
the way this was done (w/background images) causes a flicker in IE6 ------------------- */
#howgcworks ol {
list-style: none;
margin: 0;
}
#howgcworks li {
float: left;
margin: 0 0 10px 0;
text-align: center;
width: 100px;
padding:0 10px 0 5px;
}
#howgcworks li.description {
text-align: left;
width: 210px;
}
#howgcworks li a img {
display: block;
}
#howgcworks li a {
color: #000;
text-decoration: none;
}
#howgcworks li.description a {
color: #000099 
}
#howgcworks li a:hover {
text-decoration: underline;
}
#whatis #howgcworks li a {
min-height: 1em;
}
.ExPAS #howgcworks p {
width: 340px;
margin-top: -58px;
}
.ExNYC #howgcworks p {
margin-top: -88px;
}
.ExPAS #howgcworks h4 {
margin-top: -20px;
}
.ExHLW #howgcworks h4 {
margin-top: -40px;
}

/* used on the new what is page http://chi.smartdestinations.com/whatisREDESIGNED.html */
#cont-howgcworksmini {
border: 1px solid #ccc;
background: #f5f5f5;
padding: 10px;
}
#about #cont-howgcworksmini {
margin-top: 20px;
}
#about #cont-howgcworksmini h4 {
	margin: 0 0 10px 0;
}
#about #cont-howgcworksmini p {
	text-align: center;
}
#about #cont-howgcworksmini img {
	padding: 0 10px;
	vertical-align: middle;
}
#howgcworksmini {
float: right;
width: 165px;
padding: 3px;
border: 1px solid #ccc;
background: #fff;
margin: 0 0 0 5px;
min-height: 245px;
}
#howgcworksmini h4 {
margin: 5px 0 15px 5px;
font-size: 1.2em;
}
#howgcworksmini ol {
list-style: none;
margin: 0;
width: 170px;
}
#howgcworksmini li {
margin: 0;
}
#howgcworksmini li a {
padding:0 0 5px 25px;
color: #000;
text-decoration: none;
width: 130px;
display: block;
background-position: 5px 5px;
background-repeat: no-repeat;
background-image: url(/glb/img/circle.png);
}

#howgcworksmini p.button {
margin: 15px 0 5px 30px;
}
/* puts a ticket-like image to the left of a heading.  Used in attraction pages */
.admitone {
background: url(/glb/img/admitone.gif) no-repeat 0 50%;
padding: 0 0 0 55px;
min-height: 31px; 
}
h2.admitone {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0 0 10px 0;
color: #666;
}
/* -------- #attraction, used for individual attraction pages --------- */

#attraction dl.inline dt {
font-weight: normal;
}
#attraction #calltoaction {
padding: 15px 10px 50px 0;  
border: none;
}
#attraction #calltoaction h3 {
font-size: 1.1em;
}
#attraction h2 {
margin-top: 25px;
}
#attraction #expsplitcol div {
width: 283px;
}
#attraction #expsplitcol div.col2 {
float: right;
width: 237px;
}
#attraction #expsplitcol div p {
font-size: 1em;
}
#attraction #expsplitcol div p.col2 {
font-size: .9em;
margin: 5px 0 0 1px;
}


/* ------------- #attractions created slideshow box on homepages, such as chicago homepage ----------------- */
#attractions {
border: 1px solid #ccc;
background: #f5f5f5;
min-height: 300px;
position: relative;
margin-right: 10px;
}
#attractionnav {
position: absolute;
top: 10px;
left: 10px;
list-style: none;
margin: 0;
padding: 0;
width: 135px;
border-left: 1px solid #ccc;
font-size: 12px;
}
#attractionnav li {
border-bottom: 1px solid #ccc;
}
#attractionnav li, #attractionnav ul, #attractionnav ul li {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
#attractionnav ul, #attractionnav ul li {
margin: 0;
padding: 0;
}
#attractionnav li span {
display: block;
padding: 4px 0 5px 5px;
font-weight: bold;
color: #f5f5f5;
margin: 0;
background: #4860A0; /*  dark blue color */
}
.GoBLR #attractionnav li span {
background: #196a84; /*  dark blueish green color */
}
.GoBOS #attractionnav li span {
background: #c00; /*  red color */
}
.GoCHI #attractionnav li span {
background: #4860A0; /*  dark blue color */
padding: 3px 0 4px 5px;
}
.GoLAX #attractionnav li span {
background: #a6b432; /*  light green color */
padding: 0 0 1px 5px;
}
.GoMIA #attractionnav li span {
background: #e60082; /*  hot pink color */
padding: 0 0 1px 5px;
}
.GoHIM #attractionnav li span {
background: #d1505b; /*  coral color */
padding: 2px 0 3px 5px;
}
.GoHIO #attractionnav li span {
background: #009ee0; /*  bright blue color */
padding: 0 0 1px 5px;
}
.GoORL #attractionnav li span {
background: #febb30; /*  light orange color */
padding: 3px 0 4px 5px;
}
.GoSDO #attractionnav li span {
background: #ad4499; /*  purple color */
padding: 2px 0 3px 5px;
}
.GoSFO #attractionnav li span {
background: #0058e9; /*  deep blue color */
}
.GoSEA #attractionnav li span {
background: #da541f; /*  red color */
padding: 2px 0 2px 5px;
}
.GoTOR #attractionnav li span {
background: #699; /*  aqua color */
padding: 2px 0 3px 5px;
}
.PpNES #attractionnav li span {
background: #4082c8; /*  blue color */
}
.ExPAS #attractionnav li span {
background: #3F2D58; /*  explorer pass color */
padding: 0px 0 1px 5px;
}

#attractionnav ul {
margin: 0;
padding: 0;
list-style: none;
width: 130px;
}
#attractionnav ul li {
text-indent: 0;
margin: 0;
padding: 0;
}
#attractionnav ul li a {
background: #f5f5f5;
color: #666;
padding: 4px 0 4px 5px;
font-weight: normal;
margin: 0;
display: block;
border-bottom: 1px solid #ccc;
}
#attractionnav ul a.active, #attractionnav ul a:active, #attractionnav ul a:hover {
font-weight: normal;
background: #D1DAEF; /* light blue color */
color: #666;
}
#attractions img {
margin: 10px 0 10px 147px;
height: 282px;
}
#attractions p {
margin: 0;
height: 282px;
}
/* ------------ lists of SDI products, styled like the bottomnav, but bigger font size */
ul.prodlist {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
ul.prodlist li {
float: left;
width: 173px;
margin: 0;
padding: 0;
}
ul.prodlist a {
text-decoration: none;
}
ul.prodlist a:hover {
text-decoration: underline;
}
/* --------- box with accent color used on new guidebook page http://chi.smartdestinations.com/guidebookREDESIGNED.html ---------------- */
#accentbox {
border: 1px solid #ccc;
background: #f5f5f5;
margin-right: 10px;
}
#accentbox em {
color: #000;
font-weight: normal;
}
#accentbox h2 {
margin:13px;
font-size: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#includedattractions #accentbox {
margin-bottom: 2em;
}
#includedattractions #accentbox h2 {
margin: 13px 0;
}
#includedattractions #accentbox {
padding-left: 13px;
}
#accentbox div {
margin: 10px;
background: #fff;
border: 1px solid #ccc;
padding: 20px 10px;
}

#accentbox div p span.button {
margin: 10px;
}
#accentbox div ul {
float: right;
width: 310px;
margin: 0;
}
#accentbox div ul li {
padding: 2px 0 2px 18px;
margin-bottom: 5px;
list-style-type:none;
background: url(/glb/img/circle.png) no-repeat 0 50%;
}
#accentbox h3 {
font-size: 1.1em;
font-weight: normal;
padding: 10px 20px;
border: 1px solid #ccc;
background: #fff;
margin: 10px;
}
#accentbox h2 {
font-size: 1em;
float: left;
margin: 0 0 2em 10px;
}
#accentbox h2 a {
display: block;
}
#accentbox div p {
float: left;
margin: 20px 0 0 0;
width: 145px;
}

#accentbox div a.thickbox {
text-indent: -3000px;
float: left;
height: 271px;
width: 214px;
background: url(/glb/img/guidebook.png) no-repeat;
}
#accentbox div ul {
width: 240px;
}

#accentbox div ul li {
background-position:  0 5px;
}

/*#specialoffers, for special offers pages like: http://www.gomiamicard.com/specialoffers.html and http://www.explorerpass.com/blueridge/specialoffers.html*/
#specialoffers h3 {
margin: 0 0 -8px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#specialoffers dt {
 font-weight: bold;
}


/* --------- #calltoaction , used on redesigned guidebook and index pages to hold a button and calls to action , also see /attractions/5WITScss.html in the GoBOS site --------- */
#calltoaction {
margin: 0;
width: 493px;
padding: 5px 10px;
display: inline-block;
border: 1px solid #ccc;
border-top: none;
}
#calltoaction h3 {
font-size: 1.2em;
margin: 10px 0 0 0;
float: right;
width: 360px;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*color: #c60;
font-weight: bold;*/
}
#whatis #calltoaction, #includedattractions #calltoaction {
padding: 15px 10px 5px 0;  
border: none;
}
#whatis #calltoaction h3, #includedattractions #calltoaction h3 {
font-size: 1em;
}
#calltoaction p {
float: left;
margin:  5px 0 0 10px;
}
/* -------- sliding doors button --------------- */
.buyit {
background: #84af44 url(/glb/img/buyit_left.jpg) no-repeat left top;
padding-left: 7px;
height: 33px;
display: block;
float: left;
margin: 20px 0 10px 0;
}
#itin .buyit { /* positions the buy it button for #itin buttons */
margin: 0 10px 20px 0;
}
.buyit a, .buyit input {
background: #84af44 url(/glb/img/buyit_right.jpg) no-repeat right top;
height: 31px;
margin: 0;
padding: 3px 15px 0 5px;
display: block;
color: #fff;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}
.buyit a:visited {
color: #fff;
}
.buyit input {
border: none;
height: 33px;
padding-top: 0;
}
/* ---- code below takes a single image as a buy it button, instead of sliding doors ---

a.buyit {
background: url(/glb/img/buy_it.png) no-repeat;
display: block;
height: 36px;
width: 89px;
text-indent: -3000px;
}

 */
.button {
background: url(/glb/img/btn_left.gif) no-repeat left top;
padding-left: 20px;
height: 25px;
display: block;
float: left;
margin: 20px 0 10px 0;
}
#sobox .button {
margin: 20px 0 10px 15px;
}
.button a, #sobox .button a {
background: url(/glb/img/btn_right.gif) no-repeat right top;
height: 25px;
margin: 0;
padding: 4px 20px 0 0;
display: block;
color: #ffffc6;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
}

/* ------- action box MAYBE NOT IN USE ANYMORE ------- */
div.actionbox h2 {
text-align: center;
font-size: 2em;
margin: 1em 0;
}
div.actionbox a {
background: url(../img/moreinfo.gif) no-repeat left top;
padding: 6px 0 0 50px;
display: block;
color: #fff;
font-weight: bold;
width: 140px;
height: 32px;
text-decoration: none;
font-size: 1.2em;
float: left;
margin-left: 40px;
}
div.actionbox a:hover {
color: #f09;
}
/*-------------- sIFR ----------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- end sIFR ---*/

/* -------- table styles for the intineraries except Toronto ----------- */
thead { 
display: table-header-group; 
}
tfoot {
display: table-footer-group;
padding-bottom: 1em;
border-top: 1px solid #000;
}
tfoot td, tfoot th { 
/*background-color: #f0f0f0;*/
padding: 3px;
}
tfoot tr th { 
/*border-top: 1px solid #000;*/
margin: 1em 0 0 0;
}
tbody tr.lastrow td {
padding-bottom: 1em;
}

.savings {
color:#f00;
font-weight: bold;
font-size: 1.1em;
text-align: right;
}
.uppercase {
text-transform: uppercase;
font-weight: bold;
} 

/* -------- styles for Itineraries --------------- */

ul#navTab {
	width: 480px;
	margin: 0;
	padding: 0 0 0 32px;
	list-style: none;
	min-height: 1%;
	background: #fff url(/glb/img/nav_bg.gif) repeat-x bottom left;
}
.ExNYC ul#navTab {
	width: 487px;
	padding: 0 0 0 25px;
	}
	
.ExNYC #navTab button {
	margin: 0 2px 0 3px;	
	padding: 5px 0 6px 0;
	width: 150px;
}
.ExLAS ul#navTab {
	width: 482px;
	padding: 0 0 0 30px;
	}
.ExLAS #navTab button {
	margin: 0 2px 0 3px;	
	padding: 5px 0 6px 0;
	width: 220px;
}
#navTab li {
	float: left;	
	font-family: "Lucida Grande", sans-serif;
	font-size: 70%;
	margin: 2em 0 0 0;
	padding: 0;
}
#navTab button {
	display: block;
	margin: 0 2px 0 3px;	
	padding: 5px 0 6px 0;
	border: 1px solid #ccc;
	border-bottom: none;
	color: #333;
	width: 85px;	
	text-decoration: none; 
	text-align: center;
	background: url(/glb/img/on_bg3.gif) repeat-x left top;
	outline: none;
}
#navTab button:hover, #navTab button.on {
	background:#fff;
	background-image: none;
	color:#333;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	outline: none;
	}
#navTab button:focus {
	outline: none;
	outline-color: #fff;
	}

/*#navTab button:hover, itinday1 button#day1, itinday2 button#day2, itinday3 button#day3, itinday5 button#day5, itinday7 button#day7 {
	border-color: #669999;
	background: #fff url(/glb/images/on_bg.gif) repeat-x left top;	
}*/

 
 /* -------- table styles for the intineraries ----------- */

#itin {
width: 510px;
margin: 0 10 23px;
border: 1px solid #ccc;
border-top: none;
padding: 15px 0 0 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.ExWCO #itin {
border: 1px solid #ccc;
margin-top: 35px;
}
#home #itin { /* gets rid of the border around the itineraries on ExPAS home pages */
border: none;
}
#itin h1 {
border-bottom: 1px solid #000;
margin: .5em 0;
}
#itin h2 {
background-color: #69c;
color: #fff;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
padding: 3px 10px;
margin: 0 10px;
clear: both;
}
.ExPAS #itin h2 { /* puts in different background image for ExPAS only in itins */
background: #3f2d58 url(/glb/img/ExPAS/bar_matrix.png) no-repeat;
height: 23px;
}
#itin h4 {
margin: 0 0 0 10px;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}
#itin h4 strong {
 display: block;
 color: #c60;
}
#itin p strong {
 display: block;
 color: #c60;
}
#itin em {
font-weight: bold;
font-style: normal;
font-size: 100%;
color: #000;
}
.ExPAS #itin h2 {
background-color: #3f2d58;
}
.GoBOS #itin h2 {
background-color: #c00;
}
.GoBLR #itin h2 {
background-color: #196a84;
}
.GoCHI #itin h2 {
background-color: #5b5997;
}
.GoLAX #itin h2 {
background-color: #A6B432;
}
.GoHIM #itin h2 {
background-color: #d1505b;
}
.GoHIO #itin h2 {
background-color: #0091e1;
}
.GoMIA #itin h2 {
background-color: #e60082;
}
.GoORL #itin h2 {
background-color: #febb30;
}
.GoSDO #itin h2 {
background-color: #872d86;
}
.GoSFO #itin h2 {
background-color: #0058e9;
}
.GoSEA #itin h2 {
background-color: #c3511f;
}
.GoTOR #itin h2 {
background-color: #699;
}
#itin div, #itin ol li {
clear: both;
}
#itin ul, #itin ol, #itin ol li {
margin: 1em 0 0 0;
padding: 0;
list-style: none;
}
#itin:after, #itin ol:after, ul#navTab:after, #itin p.button:after, ul li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
* html #itin ol, * html ul#navTab  {
height: 1%;
}
#itin ol, ul#navTab {
min-height: 1%;
}
#itin table {
border-collapse: collapse;
border-spacing: 0;
margin: 4px 0 4px 10px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#itin table caption {
text-align: left;
padding: 0 0 0 10px;
margin: 0;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #CC6600;
}
#itin .costwithout {
float: right;
padding: 10px 0 0 0;
display: inline;
margin: 0 10px 0 0 ;
font-weight: bold;
font-size: 1em;
}
.ExWCO #itin .costwithout {
padding: 5px 0 0 0;
}
#itin tr:hover {
background-color: #f0f0f0;
}
#itin td strong {
display: block;
padding-top: 1em;
}
#itin td {
border-bottom: 1px dashed #ccc;
padding: 5px 0;
}
#itin td a {
text-align: left;
display: block;
width: 440px;
}
.ExLAS #itin td a {
width: 440px;
}
.ExLAS #itin h2 a {
color: #fff;
font-weight: normal;
}
#itin td.price {
text-align: right;
}
#itin td.icon {
width: 20px;
text-align: left;
}
#itin td.icon a{
width: 20px;
text-align: left;
}
#itin td em {
display: block;
font-style: normal;
text-transform: uppercase;
color:#666;
font-size: .8em;
}
#home #itin td em {
display: inline;
text-transform: none;
color:#c60;
}
#itin td.premier a, #itin td.signature a {
text-align: left;
display: block;
padding: 0 0 0 20px;
background-image: url(/glb/img/p_small.jpg);
background-repeat: no-repeat;
}
#itin td.signature a {
background-image: url(/glb/img/s_small.jpg);
}
#itin p.sale {
height: 72px;
width: 50px;
float: left;
 color: #c60;
 font: bold 1em Verdana, Arial, Helvetica, sans-serif;
 background-repeat: no-repeat;
 background-position: left top;
 padding: 0 0 0 70px;
 margin: 0 0 0 9px;
 }
 #itin p.sale span {
 font-weight: normal;
 }
 
  .ExPAS p.sale {
 background-image: url(/glb/img/ExPAS/reflectioncard.jpg);
 }
 .GoBOS p.sale {
 background-image: url(/glb/img/GoBOS/reflectioncard.jpg);
 }
 .GoBLR p.sale {
 background-image: url(/glb/img/GoBLR/reflectioncard.jpg);
 }
 .GoCHI p.sale {
 background-image: url(/glb/img/GoCHI/reflectioncard.jpg);
 }
 .GoLAX p.sale {
 background-image: url(/glb/img/GoLAX/reflectioncard.jpg);
 }
 .GoHIM p.sale {
 background-image: url(/glb/img/GoHIM/reflectioncard.jpg);
 }
 .GoHIO p.sale {
 background-image: url(/glb/img/GoHIO/reflectioncard.jpg);
 }
 .GoMIA p.sale {
 background-image: url(/glb/img/GoMIA/reflectioncard.jpg);
 }
 .GoORL p.sale {
 background-image: url(/glb/img/GoORL/reflectioncard.jpg);
 }
 .GoSKI p.sale {
 background-image: url(/glb/img/GoSKI/reflectioncard.jpg);
 }
 .GoSDO p.sale {
 background-image: url(/glb/img/GoSDO/reflectioncard.jpg);
 }
 .GoSFO p.sale {
 background-image: url(/glb/img/GoSFO/reflectioncard.jpg);
 }
 .GoSEA p.sale {
 background-image: url(/glb/img/GoSEA/reflectioncard.jpg);
 }
 .GoTOR p.sale {
 background-image: url(/glb/img/GoTOR/reflectioncard.jpg);
 }
 #itin p.totalcost {
 float: right;
 margin-right: 10px;
 margin-bottom: 10px;
 text-align: right;
 width: 330px;
 font-weight: normal;
 font-size: 105%;
 }
#itin p.top {
float: right;
margin: 0 10px 10px 470px; 
}
strong span {
color: #c60;
}
.strikeout {
text-decoration:line-through ;
font-weight: bold;
} 
#itin ul {
list-style-type: none;
margin: 0;
}
#itin ul li {
display: inline;
padding: 0 .5em;
}
#itin ul li {
display: inline;
padding: 0 .5em;
}
.rightalign, .itin th.rightalign {
text-align: right;
}
.globalsale {
text-align: left;
font-weight: bold;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #CC6600;
}
/* --- sliding button  --- */
#itin .button {
background: url(/glb/img/btn_left.gif) no-repeat left top;
padding-left: 20px;
height: 25px;
display: block;
float: left;
margin: 10px 0 0 220px;
}

#itin .button a {
background: url(/glb/img/btn_right.gif) no-repeat right top;
height: 25px;
margin: 0;
padding: 4px 20px 0 0;
display: block;
color: #ffffc6;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
font-size: 12px;
}
/* centers maps on all "gocard"-map.html: http://sdo.smartdestinations.com/sandiego-map.html */
.imgmap {
float: left;
margin: 15px 0 30px 0;
}
/* ------- attraction_spot --------- */
#attraction_spot h2, #attraction_spot h3, #attraction_spot h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#attraction_spot h2 {
background-color: #000;
color: #cc9;
text-align: center;
margin: 0;
padding: .3em;
font-size: 1.2em;
}
#attraction_spot h3 {
font-size: 1em;
font-weight: bold;
margin: 5px 0 10px 0;
}
#attraction_spot h4 {
font-size: .9em;
font-weight: normal;
margin: 0 0 40px 0;
}
#attraction_spot h4, #attraction_spot h3, #attraction_spot p {
margin-left: 10px;
}
#attraction_spot p {
font-size: .9em;
}

/* -------- chat component used for left column to hold customer service chat graphic http://mia.smartdestinations.com/testimonials.html --------------- */
#chat {
text-align: center;
}
/* -------------- testimonials ----------- */
.quotedby {
font-style: italic;
border-bottom: 1px solid #ccc;
padding: 0 0 1em 3em;
}
/* ------------ forms ------------------- */
.intro {
	margin-bottom: 1em;
	}
/*= asterisks denoting required/optional elements*/
label abbr.optreq {
	border: none;
	margin-right:  .2em;
	}

p.intro span.optreq {
	font-weight: bold;
	}

/*=Forms==================================*/
fieldset {
clear: both;
margin: 2em 0;
padding: 2em 0 1em 0;
}

/*Setup basic layout of forms - */

.fieldsetwrapper .fieldset label {
	display: block; 
	}
	
/*side by side layouts - right and left side containers*/
/*Labels and container for labels (left side or top)*/

.fieldwrapper .cont-field {
	font-weight: normal;
	}

.fieldwrapper, .fieldsetwrapper {
	clear: left;
	}
	
.fieldwrapper span, .fieldsetwrapper .legend {
	float: left; 
	}

/*--many forms share a common left-column width--*/ 
.fieldwrapper span, .fieldsetwrapper .legend {
	width: 120px;
	font-weight: bold;
	}
	
/*--but this one doesn't. It makes the left side of the form wide, with the labels right-aligned--*/ 	
form.longlabel .fieldwrapper span, .form.longlabel .fieldsetwrapper .legend {
	width: 350px;	
	}
			
/*Container for form elements (right side or bottom)*/
.fieldwrapper span, .fieldsetwrapper .legend {
	text-align: right;	
	}

form .fieldwrapper span.cont-field, .fieldsetwrapper .fieldset  {
	float: left;
	display: inline;
	margin-left: 15px; 
	text-align: left;
	}
		
.fieldwrapper span.cont-field, .fieldsetwrapper .fieldset {
	width: 260px; 
	}
	.cont-field input	{
	width: 225px;
	margin: 0; 
	} 
	 
.hastextarea textarea {
display:block;
clear: left;
background: #fff url(/glb/img/bg_tip.gif) repeat-x 0 0;
}
input {
background: #fff url(/glb/img/bg_tip.gif) repeat-x 0 0;
}

/*Generic form stuff*/

#contact fieldset {
padding-top: 20px;
border: 2px solid #cc9;
}
#contact legend {
}
#closesat {
display: inline;
}
 /*=tips*/
/*TIPS 	- right aligned--*/	
.hastip {
	position: relative;
	min-height: 6em; 
	}	
	
.hastip .tip  {
width: 115px;
	position: absolute;
	top: 0;
	right: 0;
	margin:0;
	text-align: left;
	padding: .5em;
	background: url(/glb/img/bg_tip.gif) repeat-x 0 0;
	}
.longtip {
	min-height: 7.5em;
	}
.reallylongtip {
	min-height: 10em;
	}
span.tip {
	display: inline;
	float: none;
	font-weight: normal;
	text-align: left;
	}

	/*continue generic form elements*/

/*=bottom - these are margins for bottom of each form field "row" */

.fieldwrapper .cont-field, .fieldsetwrapper .fieldset {
	padding-bottom: 1em;
	}

.fieldwrapper .mask, .fieldsetwrapper .mask {
	margin-bottom: .2em;
	font-weight: normal;
	float: none;
	width: auto;
	text-align: left;
	display: block;	
}

.cont-singleradiocheck span.cont-field  {
	width: 220px;
    padding-bottom: 0;
	}
.hastip .checkboxes {
	width: 250px;
}
/*=checkboxes*/		
ul.checkboxes {
	margin: .5em 0 0 0;
	list-style: none;
	}	

ul.checkboxes li label {
	display: inline;
	}


ul.checkboxes li { 
	padding: 0; 
	background-image: none;
	} 

.radiogroup li,.fieldsetwrapper .fieldset ul li {
	list-style-type: none;
	margin-left: 0;
	}	
	
form .binary .checkboxes * {
	display: inline;
	float: none;
	}
	
form .binary .checkboxes input {
	margin: .15em 0 0 0;
	}
	
form .binary .checkboxes li label {
	margin: 0 .1em 0 0;
	}
	
form .binary .checkboxes  {
	margin-left: 0;
	}
	
/*=Submitgroup*/

/*.submitgroup {
	clear: both;
	margin-left: 140px;
	}*/
/*.submitgroup input {
background-color: #cc9;
}*/	
form.longlabel .submitgroup {
	margin-left: 365px;
	margin-top: 65px;
	}	
	
.singlefield .submitgroup {
	padding-left: 0;
	}
	
/*.submitgroup input {	
	padding: .3em .4em;
	 font-weight: normal;
	clear: left;
	}*/

.submitgroup input.secondary {
	float: none;
	}

div div input.primary 	{
	font-weight: bold;
}	
	
.formsection {
	clear: both;
	}
	/*
.submitgroup {
background: #84af44 url(/glb/img/buyit_left.jpg) no-repeat left top;
padding-left: 7px;
height: 32px;
display: inline;
float: left;
clear: left;
margin: 20px 0 10px 140px;
}

.submitgroup input {
background: #84af44 url(/glb/img/buyit_right.jpg) no-repeat right top;
height: 32px;
margin: 0;
padding: 3px 15px 5px 5px;
color: #fff;
font-size: 1.5em;
font-weight: bold;
border: none;
white-space: nowrap;
float: left;
}*/

.submitgroup {
display: inline;
clear: both;
margin-left: 130px;
float: left;
}


/*=sentencestyle */
/* first the core sentence style rules, then w3 and w4 which also mimick standard sentencestyles*/
.sentencestyle .hastip .checkboxes {
	width: 100%;
	}	
div .sentencestyle .submitgroup {
	margin-left: 0;
	}	

.sentencestyle .fieldsetwrapper .legend {
	text-align: left;
	}
form div .sentencestyle .fieldwrapper, 
form .sentencestyle .fieldsetwrapper   {
	width: 100%;
	}

.sentencestyle ul.checkboxes {
	clear: left;
	}
	
form .sentencestyle .fieldwrapper span, 
form .sentencestyle .fieldsetwrapper .fieldset {
	float: none;
	margin-left: 0; 
	text-align: left; 
	display: block; 
	width: auto ;
	}
/* used in explorer pass homepages to hold two cols ---------- */
#expsplitcol {
clear: both;
margin-bottom: 1em;
}
#expsplitcol div {
float: left;
width: 253px;
}
#expsplitcol div h3 {
background-color: #ffc;
font-size: 1.2em;
border: #ccc solid 1px;
padding: 5px;
margin-right: 10px;
}
#expsplitcol {
margin: 1em 0;
}
#expsplitcol div p {
font-size: .9em;
}
/* used in redesigned explorer pass homepages and whatis pages to hold two cols ---------- */
#choicesplitcol, #choicesplitcolwhatis, #choicesplitcolwhatis_old {
margin: 0 0 2em 0;
}
#choicesplitcol div, #choicesplitcolwhatis div, #choicesplitcolwhatis_old div {
float: left;
width: 223px;
margin: 1em 0;
margin-right: 20px;
}
.ExLAS #choicesplitcol {
margin: 0;
}
.ExLAS #choicesplitcol div {
margin-right: 50px;
}
.ExLAS #choicesplitcol div.last {
margin-right: 0;
}
.ExLAS #choicesplitcol img {
margin: 0 10px 0 0;
}
.ExLAS #choicesplitcol h4 {
margin-left: 2px;
}
.ExLAS #choicesplitcol p {
min-width: 237px;
margin-left: 2px;
}
#choicesplitcol h3, #choicesplitcolwhatis h3, #choicesplitcolwhatis_old h3 {
color: #3F2D58;
font: 1.6em Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0;
}
#choicesplitcol h3, #choicesplitcol h4 {
margin: 0;
}
#choicesplitcol img, #choicesplitcolwhatis img, #choicesplitcolwhatis_old img {
margin: 0 10px 10px 0;
float: left;
}
#choicesplitcol p {
clear: left;
}
#choicesplitcolwhatis p {
margin:2em 1em 1em 0;
}
#choicesplitcolwhatis_old p {
margin:2em 1em 1em 50px;
}

#choicesplitcolwhatis h4, #choicesplitcolwhatis_old h4 {
margin: 0;
}
#choicesplitcol h4 a, #choicesplitcolwhatis h4 a, #choicesplitcolwhatis_old h4 a {
margin-top: 0;
}
/* -------- used in redesigned explorer pass homepages for sample itineraries ----- */

table.popularitineraries {
width: 100%;
}
thead.popularitineraries tr th {
background: #3f2d58 url(/glb/img/bar_matrix.jpg) no-repeat;
color: #fff;
padding: 5px;
text-align: left;
height: 29px;
}
.popularitineraries caption {
text-align: left;
background-color: #3f2d58;
color: #fff;
padding: 3px;
margin: 0 0 1em 0;
}
.popularitineraries td {
text-align: right;
padding: 4px 0;
border-bottom: 1px dashed #ccc;
margin-botton: 3px;
}
.popularitineraries tfoot td {
border-bottom: none;
}
td.premier a, td.signature a {
text-align: left;
display: block;
padding: 0 0 0 20px;
background-image: url(/glb/img/p_small.jpg);
background-repeat: no-repeat;
}
td.signature a {
background-image: url(/glb/img/s_small.jpg);
}
.reflectioncard {
background: url(/glb/img/ExPAS/reflectioncard.jpg) no-repeat;
padding: 10px 0 30px 70px;
width: 20px;
color: #c60;
font-weight: bold;
}

/* ---- explorer pass whatis redesign ---------- */
div.expassintro {
background: url(/images/ExPAS_card.jpg) no-repeat 100% 0;
padding: 0 200px 0 0;
}
/* ---------------------------- */
#whatis table, #whatis_old table, #includedattractions table {
width: 506px;
margin: 2em 0;
padding: 0 0 2em 0;
border-bottom: 1px solid #333;
}
#whatis table img, #whatis_old table img {
float: left;
margin: 3px 5px 5px 0;
}
#whatis thead tr, #includedattractions thead tr {
background: #3f2d58 url(/glb/img/bar_matrix.jpg) no-repeat;
color: #fff;
padding: 5px;
text-align: left;
height: 29px;
}
#whatis_old th {
background: #3f2d58;
color: #fff;
padding: 5px;
text-align: left;
}
#whatis thead th, #includedattractions thead th {
padding-left: 5px;
}

#whatis td, #whatis_old td, #includedattractions td {
padding-top: .5em;
}
/* ------------------- Google Adsense ------------------- */
#adsense {
border-bottom: 1px solid #ccc;
padding: 8px 0 5px 20px;
margin: 15px 10px 15px 0;
}
.ExPAS #adsense {
border-bottom: none;
}
/* ------------------- lists ------------------- */
ul.stablewithfloat li {
line-height: 1;
}

dl {
margin: .5em 0 2em 0;
}
dt {
margin-top: 10px;
}
dd strong {
font-size: .9em;
}
dd ul {
list-style-type: none;
margin-left: 0;
}
dd ul li {
display: inline;
margin-left: 0;
}

dl.arrow {
float: left;
}
ul.arrow {
clear: left;
}
dl.arrow dt {
font-weight: bold;
margin-bottom: 5px;
}
dl.arrow ul li { 
margin: 0;
display: block;
}
dl.arrow ul li a, ul.arrow li {
background: url(/glb/img/arrow.gif) no-repeat 0 4px;
padding: 0 0 0 13px;
list-style: none;
}
dl.arrow ul ul {
margin: 0 0 0 15px;
}

dl.indent dd {
margin-left: 1em;
}

dl.inline dd {
margin: 0 0 15px 0;
}
dl.inline dt {
float: left;
min-width: 2em;
margin: 0 .5em 0 0;
font-weight: bold;
}

dl.indent li, dl.inline li {
display: block;
}


div.twocol ul {
margin: 0;
padding: 0;
}
div.twocol li {
width: 243px;
padding: 0 0 5px 18px;
margin: 0;
letter-spacing: -1px;
 list-style-type:none;
background: url(/glb/img/small-arrow.png) no-repeat 0 1px;
float: left;
}
div.twocol li a {
margin: 0;
padding: 0;
} 
ul.inline {
list-style-type: none;
display: inline;
}
ul.inline li{
display: inline;
}
ul.pipe {
margin: 0;
padding: 0;
}
ul.pipe li a {
border-right: 1px solid #666;
padding-right: .8em;
margin: 0;
}
ul.pipe li.last a {
border-right: none;
}
ul.guidebook {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.guidebook li {
display: inline;
padding: 0 .5em 0 0;
margin: 0;
}
ul.guidebook li a { /* needed to make underlining in ie6 go away */
text-decoration: none;
}
ul.guidebook img {
border: 3px solid #999;
border-bottom: 4px solid #666;
border-right: 4px solid #666;
margin-bottom: .5em;
}
ul.bullet li {
display: block;
padding: 0 0 5px 18px;
list-style-type:none;
background: url(/glb/img/orange_circle.gif) no-repeat 0 1px;
}

/* -------------------------------------------------- */
#faq h3 {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}
#vacations #colmain div {
margin: 0 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px solid #ccc;
}
#tooltip { /* for jquery enhanced tooltips on itineraries.html */
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #f0f0cf;
	padding: 5px;
	opacity: 0.85;
	font-size: 10px;
}
#tooltip h3, #tooltip div { margin: 0; }
ul.bullet {
margin: 0 20px;
list-style: disc;
}
/* --- to hold google ads --------- */
.adbox {
	margin: 10px 0 0 10px;
}
/* ------------- the basics - one offs that can be used anywhere ------------------------ */
.sans {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.alert, .error {
color:#900;
}
.floatleft {
float: left;
}
.imgleft {
float: left;
margin: 0 10px 0 0;
}
.floatright, .right {
float: right;
}
.imgright {
float: right;
margin: 0 0 0 10px;
}
.floatnone, .nofloat {
float: none;
}
.clear, .clearboth {
clear: both;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clearnone {
clear: none;
}
.positionrelative, .relative {
position: relative;
}
.positionabsolute, .absolute {
position: absolute;
}
.block {
display: block;
}
.inline {
display: inline;
}
.center {
text-align: center;
}
.textalignleft, .leftalign {
text-align: left;
}
.textalignright, .rightalign, .itin .rightalign {
text-align: right;
}

/* border rules */
.bordernone, .noborder {
border: none;
}
.borderwidth {
border-width: 1px;
}
.borderwidth2 {
border-width: 2px;
}
.borderstyle {
border-style: solid;
}

/* margin rules */
.margincenter {
	margin: 0 auto;
}
.margin {
margin: 1em;
}
.margin2 {
margin: 2em;
}
.margin3 {
margin: 3em;
}
.margintop, .spaceabove {
margin-top: 1em;
}
.margintophalfem {
margin-top: .5em;
}
.margintop2em {
margin-top: 2em;
}
.margintop3em {
margin-top: 3em;
}
.margintop4em {
margin-top: 4em;
}
.marginbottom, .spacebelow {
margin-bottom: 1em;
}
.marginbottomhalfem {
margin-bottom: .5em;
}
.marginbottom2em {
margin-bottom: 2em;
}
.marginbottom3em {
margin-bottom: 3em;
}
.marginbottom4em {
margin-bottom: 4em;
}
.marginbottom5em {
margin-bottom: 5em;
}
.marginbottom6em {
margin-bottom: 6em;
}
.marginbottom7em {
margin-bottom: 7em;
}
.marginbottom8em {
margin-bottom: 8em;
}
.marginbottom9em {
margin-bottom: 9em;
}
.marginleft {
margin-left: 1em;
}
.marginleft2em {
margin-left: 2em;
}
.marginleft3em {
margin-left: 3em;
}
.marginleft4em {
margin-left: 4em;
}
.marginright {
margin-right: 1em;
}
.marginright2em {
margin-right: 2em;
}
.marginright3em {
margin-right: 3em;
}
.marginright4em {
margin-right: 4em;
}
.nomarginright {
margin-right: 0;
}
.largespaceabove {
margin-top: 2em;
}
.nomarginbelow, .nomarginbottom {
margin-bottom: 0;
}

/* padding rules */
.padding {
padding: 1em;
}
.nospacebelow {
padding-bottom: 0;
margin-bottom: 0;
}
.nopaddingtop {
padding-top: 0;
}
.paddingtop, .paddingabove {
padding-top: 1em;
}
.paddingtop2em {
padding-top: 2em;
}
.paddingtop3em {
padding-top: 3em;
}
.paddingtop4em {
padding-top: 4em;
}
.nopaddingbelow, .nopaddingbottom {
padding-bottom: 0;
}
.paddingbottom, .paddingbelow {
padding-bottom: 1em;
}
.paddingbottom2em {
padding-bottom: 2em;
}
.paddingbottom3em {
padding-bottom: 3em;
}
.paddingbottom4em {
padding-bottom: 4em;
}
.nopaddingleft {
padding-left: 0;
}
.paddingleft {
padding-left: 1em;
}
.paddingleft2em {
padding-left: 2em;
}
.paddingleft3em {
padding-left: 3em;
}
.nopaddingright {
padding-right: 0;
}
.paddingright {
padding-right: 1em;
}
.paddingright2em {
padding-right: 2em;
}
.paddingright3em {
padding-right: 3em;
}
/* list styles */
.liststylenone {
	list-style: none;
	}
/* background image */
.nobackgroundimage, .backgroundimagenone {
background-image: none;
}
.backgroundnone {
display: block;
background: none !important;
}
.textdecorationnone {
text-decoration: none;
}
.quote {
font-style: italic;
}
.uppercase, .transform {
text-transform:uppercase;
}
.small {
font-size: .9em;
}
.extrasmall {
font-size: .8em;
}
.smalleritalic {
font-size: .8em;
font-style: italic;
}
.noborder {
border: none;
}
.hr {
border-top: 1px solid #ccc;
}
/* ----- end one off styles ---------------- */ 


/*------- One off for jquery modal -------------- */
/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:660px; width:980px; left:50%; top:50%; margin-left:-490px;margin-top:-330px; }
#modalContainer a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:-35px; cursor:pointer;}
#modalContainer #showme {padding:8px;top:10px;}
#showme iframe {
width: 980px;
height: 660px;
overflow: hidden;
margin: 0;
border: none;
}
/* -------- tooltip, using jquery.tooltip.js ------------------ */
#tooltip {
	position: absolute;
	background: url(/glb/img/tooltip.png) no-repeat;
	width: 143px;
	height: 101px;
	z-index: 3000;
	/*border: 1px solid #111;
	background-color: #eee;*/
	font-size: .7em;
	/*padding: 5px;*/
	opacity: 0.85;
	border: none;
	padding: 40px 10px 0 20px;
}
#tooltip h3, #tooltip div { 
margin: 0; 
}
#foottip a img {
margin-bottom: -5px;
}

/*--------  easy clear ------------------ */
#wrap:after, #nav ul:after, #footer ul:after, #colmainfooter ul:after, .submitgroup:after, div.twocol:after,  dl.inline:after, #accentbox div:after, ul.prodlist:after, #cont-howgcworksmini:after, #calltoaction:after, #expsplitcol:after, #choicesplitcol:after, #choicesplitcol_old:after, #choicesplitcolindex_old:after, #sale:after, #howgcworks ol:after, #holidaysale:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
/*--------  treatment used for New! attractions and seasonal restrictions ------------------ */
.new {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: #cc6600
}
.seasonal {
font-size: 85%;
font-style:italic;
}
/* temporary - only until October 08 a/b test on lasvegas expass is over.  The styles below are for the old page, rebuilt as a css page */
#old_exp_provenvalue {
margin-left: 7px;
font-size: .8em;
}
#old_exp_provenvalue a, #SaleText a {
text-decoration: underline;
}
#SaleText {
}
#lastminute, #lastminute a, #SaleText a {
color: #c60;
font-size: 12px;
font-weight: bold;
margin-bottom: 15px;
}
.bodyFAQ {
font-size: .8em;
}
/* survey on ExLAS index.html, attractions.html, whatis.html, value.html and specialoffers.html - code in #colsub */
#survey {
	font-size: .9em;
	margin: 0 10px 20px;
}
	/*width: 180px;
	height: 292p;
	position: absolute;
	top: 130px;
	right: -185px;
	left: 755px;*/
#survey a {
display: block;
/*background: #fff url(/glb/img/survey.gif) no-repeat 15px 5px;
padding: 100px 15px 15px 15px;*/
padding: 10px;
background-color: #fff;
color: #000;
}
#survey a:hover {
	text-decoration: none;
}
#survey a span {
	font-size: 1.2em;
	display: block;
	padding: 5px;
	margin-top: 15px;
	background: #513D6A;
	color: #fff;
	text-align: center;
}
#survey a:hover span {
	background: #7141AF;
}
#survey a:hover em {
	color:  #7141AF;
}
#survey strong {
	font-size: 1.1em;
	display: block;
	margin-bottom: 15px;
	vertical-align: 3px;
	line-height: .95;
}
#survey em {
	font-size: 1.5em;
	color: #000;
	vertical-align: -3px;
}
	
/*----- holiday styles ------*/
body.GoBOS, body.GoCHI, body.GoSDO, body.ExPAS, body.ExBOS, body.ExNYC, body.ExCHI{
background : #69c url(/glb/img/holidaybg.gif) repeat-x;
}
p#holidayicon {
/* this puts a bow image in Boston, Chicago, NY Explorer pass and San diego homepages.  When you want to remove it, you must also remove the code from these pages.  The code is located at the bottom, just before the closing of the #wrap div */
display: none;
z-index: 5;
position: absolute;
width: 90px;
height: 86px;
top: 450px;
left: -50px; 
}
body.holiday p#holidayicon {
display: block;
}
#holidaysale ul {
margin: 0;
padding: 0;
}
#holidaysale li {
margin: 0 20px 0 0;
padding: 0;
list-style: none;
width: 143px;
float: left;
display: inline;
}
#holidaysale a {
text-decoration: underline;
color: #009;
width: 143px;
display: block;
padding: 0 0 0 10px;
height: 250px;
}
#holidaysale a.newyork {
background: url(/glb/img/ExNYC/sale.png) no-repeat 0 100%;
}
#holidaysale a.boston {
background: url(/glb/img/ExBOS/sale.png) no-repeat 0 100%;
}
#holidaysale a.chicago {
background: url(/glb/img/ExCHI/sale.png) no-repeat 0 100%;
}
/* ---- gocard holiday landing page ---------- */
div.holidaylandingbos {
background: url(/glb/img/GoBOS/holiday_card.jpg) no-repeat 100% 0;
padding: 0 200px 0 0;
}
div.holidaylandingsdo {
background: url(/glb/img/GoSDO/holiday_card.jpg) no-repeat 100% 0;
padding: 0 200px 0 0;
}
div.holidaylandinghio {
background: url(/glb/img/GoHIO/holiday_card.jpg) no-repeat 100% 0;
padding: 0 200px 0 0;
}
div.holidaylandingchi {
background: url(/glb/img/GoCHI/holiday_card.jpg) no-repeat 100% 0;
padding: 0 200px 0 0;
}

/*  colsub  */
#colsub {
	width: 193px;
	/*background: #838362;*/
	/*margin: 10px 0 10px 0;*/
}
/*#colsub div {
	background: #cc9;
	margin: 5px;
}*/
#colsub .subbox1 {
	background: url(/glb/img/subbox2_b.jpg) 0 100%;
	border: 3px solid #838362;
	margin: -20px 0 20px 0;
}
#colsub .subbox1 h3 {
	color:#838362;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	background: url(/glb/img/subbox2_t.jpg) 0 0;
	padding: 15px 10px 0 15px;
	margin-top: 0;
}

#colsub q:before, #colsub q:after {
	content: '"';
}
#colsub q {
	margin: 10px 15px 0 15px;
	display: block;
	font-size: .8em;
}
#colsub #wallst {
	border-top: 1px dotted #767676;
	background: url(/glb/img/wallst2.gif) no-repeat 0 10px;
	padding-top: 30px;
}

#colsub #roadtravel {
	background: url(/glb/img/roadtravel2.gif) no-repeat 0 10px;
	padding: 45px 0 15px 0;
}