/* content1 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	color: #333;
	background: #fff;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ------- end reset styles -------- */
body {
	font: 75% Verdana, Geneva, Arial, sans-serif;
	background: #d6e3f2 url(/img/ui/bk.jpg) repeat-x;
}
h1, h2, h3, h4, h5, h6, caption, legend {
	font: bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
font-size: 1.5em;
margin-bottom: 10px;
}
h2 {
font-size: 1.3em;
}
h3, h4, h5, h6 {
color: #333;
margin: 10px 0;
}
h4, h5, h6 {
font-size: 1em;
}
a {
	/*text-decoration: none;*/
	color: #002091;
}
a:hover {
text-decoration: underline;
}
p {
margin: 1em 0;
}
ol li {
margin-left: 20px;
}
strong {
font-weight: bold;
}
blockquote p {
margin: 0;
display: inline;
}
.btn {
	display: inline;
	white-space: nowrap;
	height: 28px;
	clear: both;
	float: left;
	font-size: 13px;
	background: #07A652 url(/img/ui/btn_l.jpg) no-repeat 0 0;
	color: #fff;
	margin-top: 10px;
}
.big {
background-image: url(/img/ui/btn_l_big.jpg);
height: 43px;
}
.small {
background-image: url(/img/ui/btn_l_small.jpg);
background-color: #002091;
height: 20px;
}
.important {
background: #e30303 url(/img/ui/btn_l_important.jpg) no-repeat 0 0;
}
.btn a, .big a, .btn input, .big input, .important a {
	display: inline;
	height: 24px;
	float: left;
	background:  url(/img/ui/btn_r.jpg) no-repeat 100% 0;
	padding: 5px 15px 7px 15px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
.big a {
background: url(/img/ui/btn_r_big.jpg) no-repeat 100% 0;
padding: 10px 25px 15px 25px;
height: 32px;
font-size: 1.1em;
}
.small a {
background-image: url(/img/ui/btn_r_small.jpg);
height: 20px;
padding: 0 15px 4px 15px;
font-weight: normal;
text-decoration: none;
}
.important a {
background-image: url(/img/ui/btn_r_important.jpg);
text-decoration: none;
}
.btn input {
border: none;
padding: 1px 15px 3px 15px;
height: 28px;
}
.btn input:hover {
text-decoration: underline;
}

em {
	color: #666;
	font-style: normal;
}
address {
font-style: normal;
}
dl {
margin: 1em 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.5em;
margin-left: 5px;
}
dd p {
margin-top: 0;
}
ul.nav li {
float: left;
border-right: 1px solid #333;
padding-right: 10px;
margin-right: 10px;
}
ul.nav li.last {
border-right: none;
padding-right: 0;
margin-right: 0;
}
th {
text-align: left;
font-weight: normal;
}

/* ---------- styles relating to the corporate smartdesitnations.com screens ------------- */

/* ---------- the offers screen, sdi/offers.html, which appears as a thickbox --------- */
#offers {
background: url(/img/offers.jpg) no-repeat;
padding: 110px  0 20px;
}
#offers div {
background: #fff;
width: 275px;
padding: 5px 10px;
}
#offers h1 {
font-size: 1.1em;
color: #c60;
}
#offers li {
margin: 10px 0;
}

/* ------- pressrelease ---------- */
#pressrelease dt {
border-top: 1px solid #ccc;
padding-top: 10px;
}
#pressrelease dd {
margin: 0 0 10px 10px;
}
#pressrelease dl {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
/* ---------- the contact screen --------------- */
#contact #main1 ul li {
float: left;
width: 50%;
}
#contact #main1 ul ul li {
float: none;
width: 218px;
}
#contact h1 {
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 5px;
}
#contact ul ul {
border: 1px solid #cbe0f4;
margin-bottom: 1em; 
}
#contact ul ul li {
padding: 3px 5px;
}
#contact li.odd {
background: #DFF0FF; 
}
/* ------- the weeklyoffer screen, affiliate/weeklyoffers.html ----------- */
#weeklyoffer #main1 h1 {
font-size: 2em;
}
#weeklyoffer #main1 h2 {
color: #999;
padding-bottom: 10px;
border-bottom:1px dotted #767676;
}
#weeklyoffer #main1 dt {
font-size: 1.4em;
clear: left;
}
#weeklyoffer #main1 dt strong {
color: #c00;
text-transform: uppercase;
}
#weeklyoffer #main1 dl li {
float: left;
width: 115px;
margin: 10px;
}
#weeklyoffer #main1 h1, #weeklyoffer #main2 h2 {
background: #CBE0F5 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 5px;
}
#weeklyoffer #main1 dl li img {
display: block;
}
#weeklyoffer #content #colmain #main2 {
padding: 0;
background: none;
}
#weeklyoffer #main2 div {
padding: 5px;
width: 150px;
margin-bottom: 10px;
background: #fff;
}
#main2 .main2box h3 {
background: url(/img/ui/main2box_top.gif);
margin-top: 0;
font-size: 1.5em;
padding: 10px;
border-bottom:1px dotted #767676;
}
#content #main2 .main2box {
background: #fff url(/img/ui/main2box_bot.gif) 0 100%;
padding: 0;
width: 160px;
}
#main2 .main2box h4, #main2 .main2box p {
margin: 10px;
}
/* ---- the exp pass product rolecall screen on smartdestinations.com ----- */
#explorerproduct #main1 div {
background: #fff url(/img/prod/destinationbanner_ExPAS.gif) no-repeat;
padding-top: 30px;
}
#explorerproduct #main1 div.nobkgd {
background: #fff;
padding-top: 10px;
}
#main1 #exp_rolecall {
background: #fff url(/img/prod/expass_slanted_card.jpg) no-repeat 0 80px;
position: relative;
padding-left: 80px;
width: 400px;
}
#main1 #exp_rolecall h2 {
margin-left: -80px;
}
#main1 #exp_rolecall div {
border-bottom: 1px solid #333;
width: 380px;
}
#main1 #exp_rolecall div.last {
border-bottom: none;
margin-bottom: 30px;
}

/* ---- the newsletter signup screen smartdestinations.com/newsletter.html ---- */
.newsletter h1 {
margin-bottom: 0;
}
.newsletter #content h1 + p {
margin-top: 0;
}
.newsletter #content p, .newsletter #content ol {
max-width: 460px;
margin: 10px auto;
}
.newsletter #content input.signup {
font-size: 1.4em;
padding: 5px;
/*color: #ccc;*/
}
/* --------- the old static sdi corporate site thankyou.html screen ------------------ */
#thankyou #main1 div {
padding: 100px 50px 300px 50px;
width: 380px;
}
/* --------- the thanks screen after signing up for newsletter ------------------ */
#thanks h1 {

}
#thanks h2 {
font-size: 1.8em;
}
#thanks #main1 h3 {
font-size: 1.6em;
margin-bottom: 5em;
}

/* the gocard product page on smartdestinations.com --------- */
#colmain #main1 .banner {
background-color: #fff;
background-repeat: no-repeat;
background-position: 1px 1px;
padding-top: 30px;
}
#colmain #main1 #gotoronto {
background-image: url(/img/prod/destination_banner-TOR.gif);
}
#colmain #main1 #goblueridge {
background-image: url(/img/prod/destination_banners_BLR.gif);
}
#colmain #main1 #goboston {
background-image: url(/img/prod/destinationbanner_BOS.gif);
}
#colmain #main1 #gochicago {
background-image: url(/img/prod/destinationbanner_CHI.gif);
}
#colmain #main1 #golosangeles {
background-image: url(/img/prod/destinationbanner_LAX.gif);
}
#colmain #main1 #gomaui {
background-image: url(/img/prod/destination_banners_HIM.gif);
}
#colmain #main1 #goorlando {
background-image: url(/img/prod/destinationbanner_ORL.gif);
}
#colmain #main1 #gosandiego {
background-image: url(/img/prod/destinationbanner_SDO.gif);
}
#colmain #main1 #gosanfrancisco {
background-image: url(/img/prod/destinationbanner_SFO.gif);
}
#colmain #main1 #goseattle {
background-image: url(/img/prod/destinationbanner_SEA.gif);
}
#colmain #main1 #gomiami {
background-image: url(/img/prod/destinationbanner_MIA.gif);
}
#colmain #main1 #gooahu {
background-image: url(/img/prod/destinations_banners_GoHIO.gif);
}
#colmain #main1 #gousacard {
background-image: url(/img/prod/destinationbanner_USA.gif);
}
#colmain #main1 #exnyc {
background-image: url(/img/prod/destinationbanner_ExNYC.gif);
}
#colmain #main1 #exlas {
background-image: url(/img/prod/destinationbanner_ExLAS.gif);
}
#colmain #main1 #exbos {
background-image: url(/img/prod/destinationbanner_ExBOS.gif);
}
#colmain #main1 #exchi {
background-image: url(/img/prod/destinationbanner_ExCHI.gif);
}
#colmain #main1 #exmia {
background-image: url(/img/prod/destinationbanner_ExMIA.gif);
}
#colmain #main1 #exwco {
background-image: url(/img/prod/destinationbanner_ExWCO.gif);
}
/* ---------- the groupsales screen ----------------- */
#groupsales #main1 fieldset {
margin: 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
width: 460px;
}
#groupsales legend {
margin-bottom: 20px;
}
#groupsales select option {
text-align: center;
}
#groupsales select option {
text-align: center;
}
#selectdestination ul {
width: 155px;
float: left;
}
#selectdestination li:hover {
background: #f0f0f0;
}
#selectdestination li {
padding: 2px 0;

}

/* --------- the old static sdi corporate site thankyou.html screen ------------------ */
#thankyou #main1 div {
padding: 100px 50px 300px 50px;
width: 380px;
}

/* --------------- the 404 screen ----------------- */
#pagenotfound #content {
background: #fff url(/img/404.jpg) no-repeat 15px 15px;
height: 350px;
width: 440px;
padding: 50px 20px 0 510px;
font-size: 1.1em;
}

/* -------------- /artwork.html -------------------- */
#artwork #main1 ul {
margin-left: 40px;
}
#artwork #main1 ul li {
float: left;
margin: 10px;
}
#artwork #main1 p.btn {
margin-left: 120px;
margin-bottom: 30px;
}

/* --------------- jackpot rewards screen ----------------- */

#jackpot #main1 h2 {
background: #D6E3F2 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 5px;
}
#jackpot #main1 li {
width: 220px;
float: left;
display: inline;
}
#jackpot #main1 ul ul {
margin-bottom: 20px;
}
#jackpot #main1 ul ul li {
background: url(/img/ui/disc.gif) no-repeat 0 5px;
padding-left: 10px;
margin-left: 5px;
float: none;
display: block;
}
#jackpot #main1 li.col2 {
border-left: 1px solid #ccc;
width: 185px;
margin-left: 20px;
padding-left: 20px;
}
#jackpot #main1 li.col2 li {
padding: 0 0 5px 10px;
width: 175px;
}
/* ------------ END of corporate smartdesitnations.com screens ------------- */

/* ---------------- reusable components on smartdestinations.com --------- */

/* box = attraction spotlight. use box + enjoy, bonus, top5 (which is also used as summer promotion) */
#colsub .box, #colsub .box div {
background: #5B5997;
color: #fff;
text-align: center;
position: relative;
padding: 0;
}
#colsub .enjoy, #colsub .enjoy div {
background: #22bcb9;
}
#colsub .bonus  {
background: #9b5ba4;
}
#colsub .top5  {
background: #d27d9b;
}
#colsub .nobg  {
background: #fff;
color: #333;
border: 1px solid #95bae1;
padding: 10px;
}
#colsub .nobg p  {
	margin: 10px 0 0 5px;
}
#colsub .nobg a  {
color: #002091;
}
.box h3 {
margin: 0;
}
.box h3 a img {
margin-bottom: 10px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}
#colsub .box h3 a img.heading {
position: absolute;
top: 0;
left: 15px;
width: 280px;
border: none;
border-bottom: 1px solid #d7d7d7;
}
#colsub .box div {
margin: -40px 13px 0 15px;
width: 282px;
border: none;
border-top: 1px solid #d7d7d7;
}
.box p, .box li {
text-align: left;
}
.box a, .box h4 {
color: #fff;
}
.box a:hover {
text-decoration: none;
}
.box h4 {
margin: 5px 0 0 0;
font-size: 1.2em;
}
.box p a {
text-decoration: underline;
}
.box strong {
display: block;
}
.box p, .box ul {
margin-left: 15px;
margin-right: 10px;
}
.box .btn {
margin-left: 90px;
}
.box ul img{
clear: left;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #d7d7d7;
}
.box li {
margin-bottom: 10px;
min-height: 75px;
}
.box li p {
margin: 0 0 10px 85px;
}
.mod {
border: 1px solid #93b8e0;
}
.mod p {
margin: 10px;
}
/* ------ google 300x250 ads for the right column, for orlando destination -- */
div.displayGoogleAd {
	padding: 5px;
}
/* ---------- sale and save rightcol modules ------- */
#colsub .sale {
background: #fff url(/img/ui/salebg.jpg) no-repeat 0 0;
border: 1px solid #f78f1e;
text-align: center;
padding-bottom: 5px;
}
#colsub .save {
background: #fff url(/img/ui/savebg.jpg) no-repeat 0 0;
border-color: #05A553;
}
.sale img {
padding-top: 10px;
}
.sale h3 {
font-size: 4em;
text-transform: uppercase;
line-height: .9;
}
.sale h3 em {
display: block;
color: #666;
font-size: 10px;
text-transform: none;
}
.sale h5 {
color: #05A553;
font-size: 1.4em;
margin: 10px;
}
#colsub .save h4 {
margin-bottom: 10px;
}
.sale h4 {
margin: 0 20px 10px 20px;
}
.sale h6 {
margin: 0 20px;
}
.sale h6 strong {
font-size: 2em;
display: block;
}
.sale table {
margin: 0 auto;
width: 270px;
border-collapse: collapse;
border: 1px solid #05a553;
background: #fff;
}
.sale table td {
padding: 0 4px;
}
.sale thead tr * {
font-size: .9em;
background: #b8e3cd;
}
.sale thead th {
padding: 2px 4px;
text-align: center;
}
.sale tbody tr td {
border-top: 1px solid #05a553;
border-bottom: 1px solid #05a553;
}
.sale tbody tr.odd td {
background: #e1f3ea;
border: none;
}
.sale p.btn {
margin-top: 10px;
margin-left: 95px;
}
.sale p {
clear: both;
margin: 0 0 5px 0;
}
.sale p img {
padding-top: 0;
}

/* ----- guidebook rightcol module ----- */
.guide h3 {
background: url(/img/ui/guidetop.jpg) no-repeat;
padding-top: 10px;
text-align: center;
}
#colsub .guide {
clear: both;
background: url(/img/ui/guidebot.jpg) no-repeat 0 100%;
}
.guide h4 {
color: #C00;
margin: 10px 0 0 0;
}
.guide ul {
margin: 10px 0 0 120px;
list-style: disc;
}
.guide li {
margin: 0 3px 0 15px;
}
.guide img {
float: left;
display: inline;
margin: 0 10px;
}
.guide h5 {
margin: 0;
clear: both;
}
.guide h5 a {
display: block;
text-align: center;
padding: 20px 0;
}
/* ------- look whos talking rightcol module ------ */
div#wallst {
border: 1px solid #ccc;
}
div#wallst p {
padding: 10px 0;
margin: 0 10px;
}
div#wallst p.wallst {
border-bottom: 1px dotted #666;
}
div#wallst q {
display: block;
}

/* ---- show two products module for the right column on individual attractions */
#show2products {
border: 1px solid #39F;
border-top: none
}
#show2products a {
	font-size: 1.2em;
	text-decoration: none;
}
#show2products li {
margin-bottom: 10px;
clear: both;
}
#show2products li img {
float: left;
display: inline;
margin: 0 10px 0 10px;
}
#show2products h3 {
padding: 5px 10px;
margin: 0 0 10px 0;
background: #DCE8F4;
border: 1px solid #39F;
border-left: none;
border-right: none;
font-size: 1em;
}
#show2products p {
width: 172px;
margin: 0 15px 10px 0;
float: right;
display: inline;
}
#show2products p.signature, #show2products p.premier {
	background: url(/img/ui/s_small.gif) no-repeat;
	padding-left: 20px;
	width: 152px;
	font-weight: bold;
	margin-top: 10px;
}
#show2products p.premier {
	background: url(/img/ui/p_small.gif) no-repeat;
}
#show2products .btn {
clear: none;
margin: 0 0 15px 10px;
margin-top: 5px;
font-size: 1em;
}
/* --------------- the search results screen ------------------- */
#search h1 {
margin-left: 40px;
}
#search h2.noresult {
margin-top: 100px;
margin-left: 40px;
font-size: 1.6em;
}
#search #colmain div.last {
min-height: 400px;
}
#search dt {
clear: left;
}
#search dt img {
margin-bottom: 20px;
}
#search #amenities {
clear: none;
}
#search #colmain form.search fieldset {
margin-bottom: 20px;
margin-left: 40px;
}
#search #colmain form.search input {
width: 200px;
border: 1px solid #ccc;
padding: 4px;
}
#search #colmain form.search input.go {
background: url(/img/ui/siteinfo_arrow.gif) no-repeat 0 50%;
width: auto;
padding-left: 20px;
font-weight: bold;
cursor: pointer;
}
/* -------------  product pages, such as go chicago card page ----------------- */
#colmain #main1 .prodlist {
padding: 0;
margin: 0;
}
#colmain .prodlist .col1 {
padding: 0;
width: 180px;
float: left;
display: inline;
margin-top: 0;
}
#colmain .prodlist .col1 img {
display: block;
}
#colmain .prodlist .col1 h2 {
font-size: 1.3em;
margin: 10px 0;
color: #333;
}
#colmain .prodlist table {
width: 100%;
}
#colmain .prodlist .col2 {
padding: 0;
float: left;
margin-right: 0;
display: inline;
width: 260px;
padding: 0;
}
#colmain .prodlist .col2 h4 {
clear: both;
font-size: 1.2em;
}
#colmain .prodlist .col2 p {
margin-top: 0;
}
#colmain .prodlist .col2 ul {
list-style: disc;

}

#colmain .prodlist .col2 li {
clear: both;
margin-left: 20px;
}
#colmain .prodlist .col2 li.btn {
margin-left: 0;
}
#colmain .prodlist .col2 li.small {
margin-left: 5px;
}

#colmain .prodlist h2, #colmain .prodlist h3 {
color: #c00;
}
#colmain .prodlist h2, #colmain .prodlist h3 {
margin: 0;
}

#colmain #tabbedchoices {
padding: 0;
width: 480px;
margin-right: 0;
}
#colmain #tabbedchoices div, #tabbedchoices h1 {
padding: 0 10px;
}
#tabbedchoices dl {
margin-top: 0;
}
#tabbedchoices ul.tabs {
border-bottom: 1px solid #002091;
padding-top: 10px;
margin-bottom: 20px;
padding-left: 10px;
/*background: #D6E3F2;*/
}
#tabbedchoices ul.tabs li {
float: left;
display: inline;
cursor: pointer;
}

#tabbedchoices ul.tabs li {
position: relative;
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 5px 10px 2px 10px;
bottom: -1px;
border: 1px solid #002091;
margin: 5px 2px 0;
font-weight: bold;
}
#tabbedchoices ul.tabs li.selected  {
background: #fff url(/img/ui/tabgradient2.gif) repeat-x;
border: 1px solid #002091;
border-bottom-color: #fff;
margin: 0 2px;
padding: 10px 10px 2px 10px;
}

#tabbedchoices ul.tabs li.selected:hover {
text-decoration: none;
}


.allattractions h2 {
font-size: 1.1em;
}
.allattractions ul {
margin-bottom: 20px;
}
.allattractions ul li {
background: url(/img/ui/disc.gif) no-repeat 0 6px;
float: left;
display: inline;
width: 195px;
margin-left: 10px;
padding: 0 0 5px 11px;
} 
.allattractions ol {
list-style: none;
float: left;
display: inline;
width: 225px;
}
.allattractions ol li {
padding: 0 0 5px 20px;
margin-bottom: 7px;
margin-left: 13px;
}
.allattractions ol li {
background-repeat: no-repeat;
background-position: 1px 0;
padding: 0 0 5px 20px;
margin-bottom: 7px;
width: 200px;
}
.allattractions ol li.signature {
background-image: url(/img/ui/s_small.gif);
}
.allattractions ol li.premier {
background-image: url(/img/ui/p_small.gif);
}
.allattractions ol li.mainevent {
background-image: url(/img/ui/m_small.gif);
}
.allattractions ol li.wildcard {
background-image: url(/img/ui/w_small.gif);
}
ul#iconkey {
margin: 0 0 20px 0;
padding-bottom: 10px;
}
ul#iconkey li img {
display: block;
margin-left: 60px;
}
ul#iconkey li {
float: left;
display: inline;
width: 180px;
background-repeat: no-repeat;
background-position: 0 1px;
padding: 10px 0 0 40px;
min-height: 30px;
margin-top: 10px;
margin-left: 5px;
}
ul#iconkey li.signature {
background-image: url(/img/ui/s_med.gif);
}
ul#iconkey li.premier {
background-image: url(/img/ui/p_med.gif);
}
ul#iconkey li.wildcard {
background-image: url(/img/ui/w_med.gif);
}
ul#iconkey li.mainevent {
background-image: url(/img/ui/m_med.gif);
}

/* -------------  city homepages, such as chicago homepage ----------------- */
/* for the city homepages, to cross sell gocards and explorer passes */
#main1 div.xsell {
padding: 0;
}
#main1 div.xsell img {
float: left;
margin: 0 15px 20px 0;
}
#main1 div.xsell p, #main1 div.xsell ul {
float: left;
width: 200px;
margin-top: 0;
}
#main1 div.xsell li {
clear: both;
margin-bottom: 5px;
}
#main1 div.xsell li.btn {
clear: none;
}
#attsample li {
clear: left;
margin-bottom: 10px;
border-bottom: 1px dotted #767676;
}
#attsample img {
float: left;
margin-right: 10px;
}
#attsample dl {
float: left;
width: 400px;
margin-top: 0;
margin-right: 20px;
}
#attsample dd {
margin-left: 0;
}
#attsample ul {
margin-top: 10px;
margin-left: 110px;
min-height: 20px;
width: 80px;
}
#attsample ul li {
float: left;
width: 40px;
clear: none;
border-bottom: none;
}
#colmain th.th_large {
font-size: 1.2em;
padding: 5px 0;
}

/* -------- the single attraction screens for each attraction ------------ */
#map, #map2 {
	width: 310px;
	height: 300px;
	position: relative;
}

#colsub #map *, #colsub #map2 *, #colsub #smc, #colsub #logocontrol {
background: none;
}
p.skipline, p.priorityboarding, p.discount, p.gift {
	background: url(/img/ui/skipline.gif) no-repeat;
	padding-left: 65px;
	line-height: 3;
	font-weight: bold;
	color: #05A553;
}
p.priorityboarding {
	background: url(/img/ui/priorityboarding.gif) no-repeat;
}
p.discount {
	background: url(/img/ui/discount.gif) no-repeat;
}
p.gift {
	background: url(/img/ui/gift.gif) no-repeat;
}

/* -------- the list of attractions screen for each city ------------ */

#attr_nav {
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 5px 0 10px 10px;
}
#attr_nav li {
float: left;
display: inline;
width: 200px;
color: #039;
font-size: 1em;
white-space: nowrap;
padding: 2px 0 2px 17px;
}
#main1 .attractionlist {
width: 460px;
background: none;
padding: 0;
}
#main1 .attractionlist dt {
clear: left;
}
#main1 .attractionlist dt a {
display: block;
/*background: url(/img/ui/mask.png);*/
}
#main1 .attractionlist dt img {
margin-bottom: 20px;
background: url(/img/ui/shadow.gif) 100% 100%;
padding: 0 4px 4px 0;
}
#main1 .attractionlist h2 {
margin: 0 0 30px 0;
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
padding: 15px 0 2px 17px;
border-bottom: 1px solid #002091;
}
#main1 .attractionlist h2 span {
position: relative;
display: inline-block;
bottom: -3px;
padding: 7px 50px 0 15px;
background: #fff url(/img/ui/tabgradient2.gif) repeat-x;
border: 1px solid #002091;
border-bottom-color: #fff;
}

/* ------ individual attraction pages ------------ */
#main1 #attr_img {
	width: 210px;
float: left;
display: inline;
padding: 0;
}
#main1 #attr_descrip {
width: 240px;
float: left;
display: inline;
padding: 0;
margin-right: 0;
}
#main1 #attr_descrip > p {
margin-top: 0;
}
#amenities {
clear: both;
margin-left: 40px;
}
#amenities li {
float: left;
display: inline;
margin: 0 3px 10px 3px;
}
#colmain div h2.included, #colmain div h2.bonus, #colmain div h2.vip {
background-repeat: no-repeat;
background-position: 0 0;
padding: 3px 0 10px 65px;
margin-bottom: 5px;
}
#colmain div h2.included {
background-image: url(/img/ui/admitone.gif);
}
#colmain div h2.bonus {
background-image: url(/img/ui/bonus.gif);
padding-bottom: 5px;
}
#colmain div h2.vip {
background-image: url(/img/ui/extra.jpg);
}
#colmain #vipextras {
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
width: 440px;
clear: both;
}
#vipextras ul { 
margin-top: 0;
list-style: disc;
margin-bottom: 1em;
}
#vipextras li {
margin-left: 15px;
} 
#sidebyside li {
float: left;
display: inline;
width: 242px;
}
#sidebyside img {
display: block;
float: left;
display: inline;
padding: 5px 10px 0 0;
}
#sidebyside p {
padding-left: 110px;
margin-top: 0;
}
/* -------- drop shadows via css, based on css mastery, p 58 ---------- */

#content #attr_img div {
    background: url(/img/ui/shadow.gif) no-repeat right bottom; 
    padding: 0;
		margin: 0;
}
#content #attr_img div div {
    display: inline;
    float: left;
    background: url(/img/ui/mask.png) no-repeat left top;
    padding: 0 4px 4px 0;
    margin: 0;
}
#content #attr_img div div img {
	border: 1px solid #999;
	}
#content #attr_img p {
clear: left;
font-size: .8em;
width: 200px;
margin-top: 0;
}	

/* ------------- guidemap screen ---------------------- */
#guidemap #main1 p {
float: left;
}
#guidemap #main1 p img {
display: block;
margin-top: 5px;
}
#downloadguidebook p.guidebook {
margin-left: 20px;
}
#guidemap #main1 #downloadguidebook {
padding: 0;
}
#downloadguidebook p.map {
text-indent: 5px;
margin-left: 20px;
}
#downloadguidebook p img {
display: block;
}
#downloadguidebook h4 {
clear: left;
font-weight: normal;
font-size: 1em;
text-align: center;
margin: 0;
}
#downloadguidebook h4 strong {
display: block;
font-weight: normal;
}
#downloadguidebook li {
float: left;
width: 220px;
text-align: center;
}
#guidemap #main1 form {
margin-bottom: 40px;
}
/* ------------ guidemap download screen --------------- */
#downloadlinks ul li {
float: left;
display: inline;
width: 145px;
font-weight: bold;
text-indent: 35px;
margin: 0 5px 20px 5px;
min-height: 90px;
}
#downloadlinks ul ul li {
font-weight: normal;
margin-bottom: 0;
text-indent: 0;
min-height: inherit;
}
#downloadlinks a {
display: block;
background-image: url(/img/ui/pageturn.gif);
background-repeat: no-repeat;
padding: 0 0 7px 30px;
background-position: 0 30%;
}
#main1 a.pdflink, #downloadlinks a.pdflink {
background-image: url(/img/ui/pdf.gif);
background-position: 8px 0;
background-repeat: no-repeat;
padding: 0 0 7px 30px;
}

/* ------ hotel vacation package screen ------------------- 
#hotels #main1 .travelzoo iframe {
width: 100%;
height: 190px;
}*/
#main1 div#TA_cdshac146 {
height: 350px;
padding: 0;
}

#main1 div.TA_cdshac {
height: 300px;
}
/* --- for googleads --------- */
#content #colmain .googlead div {
padding: 0;
}
#content #colmain .googlead div iframe {
height: 80px;
}

/* ------------------ the faq and incitypickup screen ------------------------- */
#faq #main1 h1 {
margin: 10px 0;
font-size: 1.8em;
}
#faq #main1 h2 {
margin: 2em 0;
font-size: 1.4em;
}
#faq dt {
margin-top: 1em;
color: #002091;
text-decoration: underline;
cursor: pointer;
background-image: url(/img/ui/plus.gif);
background-repeat: no-repeat;
background-position: 0 3px;
padding-left: 16px;
line-height: 1.5;
}
#faq dt:hover {
text-decoration: none;
}
#faq dt.selected {
background-image: url(/img/ui/minus.gif);
}
#faq dd {
margin: 5px 0 20px 15px;
}
#faq dd a {
font-weight: bold;
}
.accent {
border: 1px solid #e30303;
padding: 1em;
/*background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;*/
margin: 10px 30px;
}
dd .accent {
padding: .5em;
margin-left: 0;
}
span.link1, span.link2 {
color: #002091;
text-decoration: underline;
cursor: pointer;
}
span.link1:hover, span.link2:hover {
text-decoration: none;
}

/* ------ the  incitypickup screen (in commerce manager, or vhosts citycode/redemption.html)---- */
#incitypickup #main1 h1 {
margin: 10px;
font-size: 1.8em;
}
#incitypickup #main1 dt {
font-size: 1.1em;
}
#incitypickup #main1 h4 {
font-size: 1.2em;
}

#incitypickup #main1 dd {
margin: 5px 10px 3em 27px;
}
#incitypickup #main1 dd li {
margin-bottom: 10px;
}
#incitypickup #main1 dd h5 {
font-size: 1.1em;
margin: 0 0 0 -27px;
color: #002091;
line-height: 1.5;
cursor: pointer;
}
#incitypickup #main1 dd h5:hover {
text-decoration: underline;
}
#incitypickup #main1 dd h5 span {
font-weight: normal;
}
#incitypickup #main1 dd h5 em {
padding: 0 5px;
color: #fff;
margin-right: 5px
}

#main1 dd h5 em {
background: #002091;
}
 /*.blr #main1 dd h5 em {
background: #196a84;  dark blueish green color 
}
.bos #main1 dd h5 em {
background: #c00;  red color 
}
.chi #main1 dd h5 em {
background: #5b5997;   dark blue color 
}
.lax #main1 dd h5 em {
background: #a6b432;   light green color 
}
.mia #main1 dd h5 em {
background: #e60082; hot pink color 
}
.him #main1 dd h5 em {
background: #d1505b;   coral color 
}
.hio #main1 dd h5 em {
background: #009ee0;   bright blue color 
}
.orl #main1 dd h5 em {
background: #febb30;   light orange color 
}
.sdo #main1 dd h5 em {
background: #ad4499;  purple color 
}
.sfo #main1 dd h5 em {
background: #0058e9;   deep blue color 
}
.sea #main1 dd h5 em {
background: #da541f;  red color 
}
.tor #main1 dd h5 em {
background: #699;   aqua color 
}
#incitypickup #main1 .exp dd h5 em {
background: #3F2D58;   explorer pass color
}
 */
#incitypickup #main1 dd.purchase h5 em {
background: #05a553;
}
#incitypickup #main1 dd dt {
clear:left;
float: left;
display: inline;
font-weight: normal;
font-size: 1em;
margin-right: .5em;
}
#incitypickup #main1 dd dd {
margin: 0;
}
#incitypickup #main1 dd ul {
clear: left;
}

/* ------ incitypopup ----------- */
#incitypickup.popup {
min-width: 695px;
}
#incitypickup.popup #main1, #incitypickup.popup #colsub {
float: left;
display: inline;
width: 300px;
}
#incitypickup.popup #main1, #incitypickup.popup #tabbedchoices {
width: 370px;
margin-right: 10px;
}
#incitypickup.popup #main1 ul.tabs {
margin-bottom: 0;
}
#incitypickup.popup #main1 #div1, #incitypickup.popup #main1 #div2 {
width: 360px;
padding: 20px 0 0 10px;
background: #fff;
}
#incitypickup.popup h1 {
margin: 10px 0 0 10px;
}
#incitypickup.popup #colsub {
margin: 35px 0 0 0;
}
#incitypickup.popup #colsub div {
margin: 0;
}

/* ------------ the index incitypickupindex ---------------- */
#incitypickupindex #main1 ul {
margin: 20px;
}
#incitypickupindex.popup #main1 {
margin: 20px;
}

#incitypickupindex #main1 ul li a {
display: block;
padding: 5px 50px;
font-size: 1.8em;
border: 1px solid #6666CC;
border-bottom: none;
}
#incitypickupindex.popup #main1 ul li a {
font-size: 1.4em;
}
#incitypickupindex #main1 ul li.odd a{
background: #D6E4F1 url(/img/ui/lrgradient.jpg) repeat-y;
}
#incitypickupindex #main1 ul li.last a {
border-bottom: 1px solid #6666CC;
}
#incitypickupindex #main1 ul li a:hover {
background: #f0f0f0;
}

/* ------- the howtosave screen ---------- */
#howtosave table {
margin-bottom: 20px;
}
#howtosave th, #howtosave td  {
padding: 5px;
}
#howtosave tfoot {
background: #D6E3F2;
}
#howtosave th {
font-weight: bold;
border-bottom: 1px solid #666;
padding-top: 10px;
}
#howtosave th.toprule {
border-top: 1px solid #666;
}
#howtosave th.norule {
border-bottom: 1px none;
}
#howtosave table em {
display: block;
font-size: .9em;
font-weight: normal;
text-transform: none;
}

/* ---------- the deals page --------- */
#deals #main1 ul li {
border-bottom: 1px solid #666;
}
#deals #main1 ul li img {
float: left;
padding-right: 10px;
}
#deals ol {
list-style: none;
}
#deals ol li {
float: left;
display: inline;
width:150px;
margin-left: 0;
}
#hotels #main1 .travelzoo iframe, #deals #main1 iframe {
	margin-left: -10px;
width: 480px;
height: 190px;
}
#deals #main1 ol iframe {
width:115px;
height:240px;
}
p.ad a.popup img {
	width: 460px;
	overflow: hidden;
}
/* ----------- the modals in the footer ------------------------ */
#modal div {
margin: 1em 3em;
padding: 1em;
background: #fff;
}
#modal h2 {
font-size: 1.6em;
padding: .5em;
background: #cbe0f4 url(/img/ui/lrgradient.jpg) repeat-y;
}

/* ---------------------- Beginning of checkout styles ----------------- */

/* ---- checkout screen 1 ---------- */
.checkout #colmain {
width: 530px;
}
.checkout #progress {
float: left;
position: relative;
height: 90px;
}
.checkout #progress ul {
position: absolute;
left: 220px;
width: 560px;
padding-top: 20px;

}
#checkout1 #progress ul {
background: url(/img/progress1.gif) no-repeat 85px 0;
}
#checkout2 #progress ul {
background: url(/img/progress2.gif) no-repeat 85px 0;
}
#checkout3 #progress ul {
background: url(/img/progress3.gif) no-repeat 85px 0;
}
.checkout #progress li {
float: left;
display: inline;
margin: 0 10px;
color: #ccc;
}
#checkout1 li.checkout1, #checkout2 li.checkout1, #checkout2 li.checkout2, #checkout3 #colmain li {
color: #333;
}
#checkout4 h1 {
margin-top: 20px;
}
.checkout #colsub {
position: relative;
top: 50px;
width: 387px;
margin: 0 0 110px 30px;
padding-bottom: 1em;
}
table.store {
margin-bottom: 1em;
border-bottom: 1px solid #333;
/*width: 100%;*/
}
table.store span {
display: block;
color: #E30303;
}
table.store #product {
width: 200px;
}
table.store #price {
width: 170px;
}
table.store #qty {
width: 30px;
}
table.store #subtotal {
width: 70px;
background: #E0ECFE;
}
table.store span.listprice {
font-weight: normal;
text-decoration: line-through;
color: #333;
}
input.quantity {
width: 20px;
}
table.store th, table.store td {
padding: 4px;
}
.store thead th, p.store {
background: #ECECEC;
}
thead th {
font-weight: bold;
}
p.store {
margin: 0;
padding: 5px 5px 20px 5px;
}
table.store em {
color: #333;
font-size: .9em;
display: block;
}
#colmain td div {
width: auto;
}
col#subtotal, #colmain td div, col#summaryprice {
width: 30px;
background: #E0ECFE;
}
tr.odd th, tr.odd td {
border-top: 1px solid #333;
}

.checkout #colsub caption {
font-size: 1em;
padding: 5px;
background: #E0ECFE;
}
.checkout #colsub table {
background: #fff;
width: 100%;
padding: 5px 0;
}
.checkout #colsub tbody {
font-size: .9em;
}
.checkout #colsub tbody td {
padding-bottom: 5px;
}
.checkout #colsub tbody td.btn {
padding-bottom: 0;
}
col#summaryadjust {
width: 100px;
}
#colsub table td.last {
text-align: right;
padding-right: 3px;
}
.checkout #colsub table tfoot td {
border-top: 1px solid #333;
padding: 5px 0;
}
#colsub #trustmarks {
background: #fff;
margin: 0;
padding: 0;
}
.checkout #trustmarks {
border: 10px solid #E0ECFE;
}
#trustmarks ul li {
background: #fff;
float: left;
display: inline;
margin: 5px 0;
padding-top: 20px;
width: 175px;
text-align: center;
}
#trustmarks li.ssl {
padding-top: 0;
}
#trustmarks li.ssl a {
color: #333;
text-transform: uppercase;
font-size: 7px !important;
}

.checkout #trustmarks ol {
background: #E0ECFE;
list-style: none;
}
 #trustmarks ol li {
margin-left: 0;
margin-top: 10px;
float: left;
background: #E0ECFE;
border-right: 1px solid #333;
text-indent: 5px;
padding-right: 5px;
}
#trustmarks li.last {
border-right: none;
}
/* addon module, offering upsell in the left and rightcols of checkout */

tfoot.addon {
border: 1px solid #ccc;

}
tfoot.addon .descrip {
border-bottom: 1px solid #666;
}
tfoot.addon a {
float: left;
clear: left;
text-align: center;
text-decoration: underline;
font-size: 1.2em;
}
tfoot.addon img {
display: block;
margin-bottom: 5px;
border: 1px solid #fff;
}
tfoot.addon p, tfoot.addon h5 {
width: 340px;
margin-left: 140px;;
}
tfoot.addon p {
margin-top: 0;
}
tfoot.addon h3, tfoot.addon tr p em {
text-transform: uppercase;
}
tfoot.addon tr strong {
display: block;
margin-bottom: 5px;
}
tfoot.addon .h3 {
background: url(/img/ui/grad_bot_top.jpg) repeat-x 0 100%;
}
tfoot.addon .h4 {
font-size: 1.2em;
background: url(/img/ui/grad_top_bot.jpg) repeat-x;
}

/* ----- screen 2 of checkout ---------- */
.checkout #colmain fieldset {
background: url(/img/ui/legend.gif) repeat-x 0 0;

padding-top: 40px;
}
.checkout #colmain legend {
/*padding-top: 27px;*/
font-size: 1em;
padding-left: 5px;
margin-bottom: -27px;
}
.checkout #colmain div div {
padding: 10px 0 0 0;
}
/* for the modal box that appears when you mouseover tooltip.gif (a question mark icon on the CVV field) */
/*div.cvv {
	background-color: #d7e7ff;
	border: 2px solid #898989;
	padding: 0 5px 10px;
	line-height: 1.3;
}*/
div.notes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.notes li.visa {
	background: url(/img/visa.gif) no-repeat 0 3px;
	padding-left: 40px;
	margin-top: .3em;
}
div.notes li.amex {
	background: url(/img/amex.gif) no-repeat 0 3px;
	padding-left: 40px;
	margin-top: .6em;
}
div.notes li span {
font-weight: bold;
display: block;
}
div.notes a {
text-decoration: underline;
}
label.paypal img {
margin-bottom: -5px;
}
/* ------------- screen 3 of checkout ------------ */
#checkout3 form#billship legend a {
padding: 0 10px;
font-size: .9em;
font-weight: normal;
}

/* ------------- screen 4 of checkout - the thank you page ------------ */
#checkout4  #colmain {
width: 100%;
margin-left: 0;
}
#checkout4  #colmain div {
width: 600px;
margin-left: 200px;
}
#checkout4 #colmain table {
width: 100%;
}
#checkout4 #colmain tr {
padding: 5px;
background: url(/img/ui/border.gif) repeat-x;
}
#checkout4 #colmain td {
vertical-align: middle;
}
#checkout4 #colmain td.btn {
margin: 10px 0;
padding: 0;
}
#checkout4 #colmain td p {
width: 270px;
font-weight: bold;
}
#checkout4 #colmain td.last {
width: 100px;
}
#colmain #travelzoo_med {
padding: 0;
margin-top: 20px;
}
#colmain #travelzoo_med p.ad {
margin-bottom: 0;
padding-left: 10px;
}
#colmain #travelzoo_med iframe {
width: 540px;
height: 185px;
}
.receipt_236x60 div {
width: 236px;
height: 60px;
float: left;
display: inline;
margin: 0 10px;
}

/* -------- screen 5 of checkout: printable voucher - voucher/display.vm ---------- */
/* includes table.store from above ----- */

body#voucher {
background: #fff;
width: auto;
margin: 0 1%;
padding: 0;
font-size: 14pt;
}
body#voucher #masthead {
position: relative;
width: auto;
margin: 0 0 -25px 0;
height: 20px;
background-image: none;
}
#masthead .logo {
position: absolute;
top: 20px;;
left: 60px;
z-index: 100;
}

#orderInfoBar {
	margin: 0;
	border: none;
}
body#voucher #orderInfoBar div {
	width: 40%;
	float: left;
}
body#voucher #orderInfoBar img {
	float: left;
	padding-top: 5px
}
#ticketbox {
	border-style: solid;
	border-width: 56px;
	border-top-width: 80px;
	border-bottom-width: 20px;
	position: relative;
	padding: 0 0 0 15px;
	border-color: #002091;
	z-index: 1;
}

#voucher_indentL, #voucher_indentR {
position: absolute;
top: 60px;
z-index: 2;
}	
#voucher_indentL {
left: -61px;
}
#voucher_indentR {
right: -61px;
}
#voucher table.store {
border-bottom: none;
}
#voucher table.store col#product {
	width: 300px;
}
#voucher table.store col#price {
	width: 50px;
}
#voucher table.store col#qty {
	width: 50px;
}
#voucher table.store col#subtotal {
	width: 50px;
	background: none;
}
#voucher table.store thead {
	border-bottom: 1px solid #898989;
}
#voucher table.store tfoot th, #voucher table.store tfoot td {
	border-top: 1px solid #898989;
}
#voucher h2 {
	background-color: #ffd400;
	padding: 3px;
}
#voucher h3 {
	background-color: #ECECEC;
	padding: 3px;
}
#redemption {
margin: 10px 5% 10px 260px;
}
#signhere {
margin: 40px 0 0 0;
padding-top: 5px;
text-transform: uppercase;
}
#signhere span {
margin-left: 5px;
}
#signherelabel {
float: left;
width: 250px;
}
#voucherads {
	float: left;
	margin-top: 10px;
}
#voucherads ul, ul#vouchertext {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#voucher p.clear {
border-top: 2px solid #000;
padding-top: 20px;
}
#voucher #orderInfoBar p.clear {
border-top: none;
}
ul#vouchertext {
	padding: 0;
}
ul#vouchertext dl, #voucherother div {
	float: left;
	width: 47%;
	margin: 0 10px 20px 0;
}
ul#vouchertext dl + dl, #voucherother div + div {
	margin-right: 0;
margin-left: 10px;
	}
ul#vouchertext dl + dl dd {
	padding-bottom: 20px;
}
ul#vouchertext li {
	clear: left;
	margin-top: 40px;
	border: 1px solid #ccc;
	padding: 10px;	
}
ul#vouchertext li li {
	clear: left;
	margin-top: 0;
	border: none;
	padding: 0;	
}
ul#vouchertext h4 {
clear: left;
margin-top: 0;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
ul#vouchertext dt {
	float: left;
	clear: left;
	margin-right: 5px;
	font-weight: bold;
	font-size: .9em;
}
ul#vouchertext dd {
margin-bottom: 5px;
}
#voucherother h3 {
	clear: left;
}

/*=Forms==================================*/

/* form.css http://jeffhowden.com/code/css/forms/ */


#colmain form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 530px;
}
#colmain #main1 form {
  width: 460px;
}

#colmain label {
  font-size: 100%;
}

#colmain label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

#content #colmain form div {
  clear: left;
  display: block;
  width: 390px;
/*  zoom: 1;*/
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
#content #colmain form.nonotes div {
width: 450px;
}
#content  #main1  form div {
width: 325px;
}
#content #colmain form fieldset div.notes {
  float: right;
	display: inline;
  width: 105px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
background:#E0ECFE;
	border: 2px solid #898989;
  font-size: 88%;
}

#colmain form fieldset div.notes h4 {
margin: 0 0 5px 0;
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #999;
  color: #666666;
  font-size: 110%;
	padding-bottom: 5px;
}

#colmain form fieldset div.notes p {
  margin: 0em 0em 1em 0em;
}

#colmain form fieldset div.notes p.last {
  margin: 0em;
}

#colmain form div fieldset {
  clear: none;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #898989;
  margin: 0 0 0 75px;
  padding: 0 5px 5px 5px;
  width: 375px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

#colmain form div label {
  display: block;
  float: left;
	display: inline;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
	font-size: .9em;
}
#colmain form .form {
margin-left: 120px;
padding-left: 20px;
clear: both;
width: 330px;
}
#colmain #main2 form#login {
margin-left: 5px;
}
#colmain #main2 form#login,  #colmain #main2 form#login div {
width: 145px;
float: left;
}
#colmain #main2 form#login input {
width: 130px;
}
#colmain #main2 form#login input#submit {
width: auto;
}
#colmain #main2 form#login label {
text-align: left;
float: none;
display: block;
}
.checkout #colmain form div.binary label.binary {
width: 2em;
font-weight: normal;
}
#colmain form div.binary *, #colmain form div span label input {
float: left;
}
form div.optional label, label.optional {
  font-weight: normal;
}
form div.required label, label.required {
  font-weight: bold;
}
#colmain form div label.labelCheckbox, #colmain form div label.labelRadio {
  float: none;
  display: block;
  width: 220px;
 /* zoom: 1;*/
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
	font-weight: normal;
}
#colmain form div fieldset label.labelCheckbox, #colmain form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 350px;
}
p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}
form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}
form div select, form div textarea {
  /*width: 200px;*/
  padding: 1px 3px;
  margin: 0 0 0 0;
}
form div.inline select {
  width: auto;
}
form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}
form div input.inputFile {
  width: 211px;
}
form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}
#colmain form div input.inputCheckbox, #colmain form div input.inputRadio, #colmain input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}
#content #colmain form .submit {
display: inline;
  margin: 0 0 0 146px;
	width: auto;
	padding-bottom: 20px;
}
#colmain form ul.submit {
margin-bottom: 2em;
}
form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}
#content #colmain form.nonotes div.submit {
  width: 200px;
	}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}
form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}
form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
 /* zoom: 1;*/
}
/* from the import sheet */

orm fieldset legend {
  line-height: 150%;
}
form input, form select, form textarea {
  background-color: #ffffff;
}
form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}
div.optional label:before {
  content: '';
}
div.required label:before {
  content: '';
}  
#colmain form div label.labelCheckbox, #colmain form div label.labelRadio, #colmain label.labelCheckbox, #colmain label.labelRadio {
  display: block;
	font-size: .9em;
  width: 300px;
/*  zoom: 1;*/
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}
#colmain form div select.date {
width: 60px;
}
#colmain form div.binary em {
font-size: .9em;
padding: 4px 15px 0 0;
color: #333;
}
#colmain form div label.labelCheckbox input.inputCheckbox, #colmain form div label.labelRadio input.inputRadio, #colmain label.labelCheckbox input.inputCheckbox, #colmain label.labelRadio input.inputRadio {
  margin: 0;
}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0 0 0 18px;
  margin: expression(setCntr(), '0 0 0 -124px');
}
form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}
form div.wide label {
  float: none;
  display: block;
}
form div label.wide {
  width: 348px;
}
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}
form div.notes p, form div small {
  line-height: 125%;
}
form div.wide small {
  margin: 0 0 5px 0;
}
optgroup {
margin: 8px;
}
/* ------ the change request form ----------- */

#changerequest #content #main1 form div {
width: 100%;
}
#changerequest #content #main1 form ul label {
text-align: left;
margin: 0;
}
#changerequest #content #main1 form ul {
list-style: none;
margin-left: 150px;
margin-bottom: 20px;
}
#changerequest #content #main1 form ol{
list-style: none;
margin-left: 115px;
}
#changerequest #content #main1 form ol li label {
float: none;
display: block;
}
#changerequest #content #main1 form div.submit {
width: 300px;
}
#changerequest #content #main1 #datepicker {
width: 165px;
margin: -30px 0 0 210px;
}
#changerequest #content #main1 .ui-datepicker-header {
width: 155px;
line-height: 1;
}
#changerequest #content #main1 .ui-datepicker-title {
width: 145px;
line-height: 1;
}
#changerequest #content #main1 #deadline {
width: 65px;
}
#changerequest #content #main1 option {
padding-left: 10px;
}
/*------- jquery simplemodal for interactive guidebook -------------- */
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:660px; width:980px; left:50%; top:50%;  }
#simplemodal-container a.modalCloseImg {background:url(/img/ui/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:-35px; cursor:pointer;}
#simplemodal-container .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(/img/ui/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;
}
/* --------------- elastic path error handling ---------------- */
.error-message-title {
color: #C00;
}
#colmain ul#alert {
list-style: disc;
margin-left: 20px;
margin-bottom: 2em;
color: #C00;
}
#colmain ul#alert li {
color: #C00;
}

/* ----- livechat -------- */
#main2 .livechat {
margin: 0 0 10px 5px;
}
#colsub .livechat {
clear: both;
min-height: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
margin: 20px 0 0 0;
}
#colsub .livechat a {
float: left;
clear: left;
}
#colsub .livechat div {
float: right;
width: 210px;
}
#colsub .livechat h3, #colsub .livechat h4, #colsub .livechat h5 {
margin: 0 0 7px 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
#colsub .livechat h3 {
font-size: 1.8em;
margin-bottom: 0;
}
#colsub .livechat h4 {
font-size: .8em;
}
#colsub .livechat h5 {
font-size: .9em;
}
#colsub .skype {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dotted #666;
}
#main2 .skype {
	margin: 0 0 20px 5px;
}
#main2 .skype a {
	text-decoration: none;
}
/* --- google translate ----- */
#colsub div.translate {
padding: 10px 0 10px 70px;
border: 1px solid #A9A9A9;
}

/* power reviews, styles from http://cdn.powerreviews.com/aux/11555/3063/css/powerreviews_express.css */

/* ----------- my power review styles ----------- */
#colmain #main1 #prContents, #colmain #main1 #prReviewEngineDiv, #colmain #main1 .pr_review_summary, #colmain #main1 #prReviewSummary, #colmain #main1 .prSummaryBody, #colmain #main1 .prSummaryRating, #colmain #main1 #prHeader, #colmain #main1 .prReviewWrap, #colmain #main1 .prReviewAuthor, #colmain #main1 .prReviewPoints {
padding: 0;
clear: both;
}
#colmain #main1 #prReviewSummary, #colmain #main1 #prReviewEngineDiv, #colmain #main1 .prReviewAuthor, #colmain #main1 .prReviewPoints, #colmain #main1 #prContents, #colmain #main1 .prReviewWrap, #colmain #main1 #prHeader {
padding: 10px 0 0 0;
width: 440px;
margin: 0;
}
#colmain #main1 .prStars {
width: 112px;
float: left;
display: inline;
}
#colmain #main1 .prStarsSmall {
width: 83px;
margin-bottom: 0;
}
#colmain #main1 .prSummaryRating, #colmain #main1 .prSummaryBody {
width: 440px;
}
#colmain #main1 .prSummaryRating {
font-size: .9em;
}
#colmain #main1 .prReviewAuthor {
	margin-bottom: 10px;
}
/*#colmain #main1 .prSummaryRating .prStars {
	margin-left: 150px;
}*/
#colmain #main1 .prReviewPoints, #colmain #main1 .prReviewRating, #colmain #main1 .prAttributeGroup, #colmain #main1 .prReviewKey, #colmain #main1 .prReviewTools, #colmain #main1 .prReviewText, #colmain #main1 .prSummaryBody {
margin: 0;
padding: 0;
}
#colmain #main1 .prStarsSmall, #colmain #main1 .prReviewRatingHeadline, #colmain #main1 .prReviewRating {
margin-bottom: 0;
float: left;
display: inline;
}

#colmain #main1 .prAttributeGroup, #colmain #main1 .prReviewPoints, #colmain #main1 .prReviewText, #colmain #main1 .prReviewTools, #colmain #main1 .prReviewRating, #colmain #main1 .prReviewSort {
width: 430px;
clear: both;
}
#colmain #main1 .prReviewKey, #colmain #main1 .prSummaryKey {
width: 120px;
float: left;
display: inline;
text-align: right;
}
#colmain #main1 .prReviewPoints p {
	margin-left: 10px;
}
#colmain #main1 .prReviewValue, #colmain #main1 .prSummaryValue {
width: 290px;
float: left;
display: inline;
margin: 0;
}
#colmain #main1 .prSummaryValue {
width: 250px;
}
#colmain #main1 .prExpressReferral, #colmain #main1 .prAttributeGroupSeparator {
display: none;
}
#colmain #main1 .prPagination {
	width: 430px;
}
#colmain #main1 .prPagination, #colmain #main1 .prSummaryRating, #colmain #main1 .prPageCount, #colmain #main1 .prPageNav, #colmain #main1 .prSummaryAverageRatingText, #colmain #main1 .prStars {
border-bottom: none;
float: left;
display: inline;
padding: 0;
}
#colmain #main1 .prSummaryAverageRatingText  {
padding-left: 10px;
display: block;
}
/* --- the how to contact us module for the right col ------ */
#colsub .howtocontact {
	border: 10px solid #D6E3F2;
	padding: 10px 10px 10px 20px;
}
#colsub .howtocontact h2 {
	font-size: 1em;
	margin: 0 0 5px 0;
}
#colsub .howtocontact h3 {
	font-size: 2.6em;
	margin: 0;
}
#colsub .howtocontact h5 {
	margin: 0;
}
#colsub .howtocontact li {
	width: 150px;
	float: left;
	display: inline;
	margin-right: 17px;
}
#colsub .howtocontact li a {
	text-decoration: none;
}
#colsub .howtocontact div {
	clear: left;
	background: url(/img/ui/telephone.gif) no-repeat 0 10px;
	padding-left: 50px;
}

/* -------- power review snippet for just the star ratings ------- */
#product h1 {
font-size: 2em;
color: #ab0202;
margin-bottom: 0;
}
ul.pr {
list-style: disc;
width: 270px;
float: left;
display: inline;
border-right: 1px dashed #ccc;
margin-right: 30px;
margin-left: 15px;
padding-right: 20px;
margin-bottom: 10px;
}
p.pr { /* used in variation c */
width: 345px;
float: right;
display: inline;
}
#product #main1 div.col {
width: 280px;
float: right;
display: inline;
margin: 0;
padding: 0;
}
#colmain #main1 .stacked .prSnippetEngine {
width: 105px;
}
#colmain #main1 .pr_snippet_product, #colmain #main1 .prSnippetEngine, #colmain #main1 .prSnippetTitle, #colmain #main1 .prSnippetRatingUnclickable, #colmain #main1 .prSnippetWriteReview, #colmain #main1 .prSnippetReadReviews, #colmain #main1 .prSnippetNumberOfRatingsText, #colmain #main1 .prSnippetRatingDecimal {
padding: 0;
margin: 0;
float: none;
display: block;
}
#colmain #main1 .pr_snippet_product {
padding-bottom: 10px;
width: 105px;
float: left;
}
#colmain #main1 .prSnippetWriteReview {
display: inline;
}
#product #colmain #main1 .stacked .prSnippetReadReviews, #product #colmain #main1 .stacked .prSnippetWriteReview {
padding-left: 0;
border-left: none;
margin-left: 0;
}
#colmain #main1 .prSnippetRatingUnclickable .prStarsSmall {
width: 84px;
}
#colmain #main1 .prSnippetRatingDecimal, #colmain #main1 .prSnippetNumberOfRatingsText {
display: none;
}
#colmain #main1 .prSnippetLink {
	font-size: .9em;
}
/* ------ one off styles that can be used anywhere -------- */
.relative {
position: relative;
}
#colmain div.fullwidth {
width: 87%;
padding-left: 10%
}
p.ad {
color: #999;
margin: 0 0 5px 0;
}
.textindent {
text-indent: 20px;
}
b, .alert, .error {
color: #e30303; /* #c00 */
}
b {
display: block;
}
.strike {
text-decoration: line-through;
display: block;
}
.hr {
border-top: 1px solid #333;
padding-top: 1em;
margin-top: 1em;
}
.left {
float: left;
}
.right {
float: right;
}
.imgleft {
float: left;
margin-right: 10px;
}
.imgright {
float: right;
margin-left: 10px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.textright {
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
.bold {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.leftalign {
text-align: left;
}
.pipedlist {
margin: 1em 0;
}
.pipedlist li {
display: inline;
border-right: 1px solid #333;
padding-right: 5px;
margin-right: 5px;
}
.pipedlist li.last {
border-right: none;
}

.centeredlist {
width: 350px;
margin: 1em auto;
}
ul.disc {
list-style: disc;
margin-left: 1em;
}
ul.disc li {
margin: 5px 0;
}
ul.inline li {
display: inline-block;
padding: 7px;
}
.xsmall {
font-size: .7em;
}
#main1 .filluppage {
padding: 50px 0 250px 20px;
}
.margintop0 {
margin-top: 0;
}
.margintop5px {
margin-top: 5px;
}
.margintop {
margin-top: 1em;
}
.margintop2em {
margin-top: 2em;
}
.margintop3em {
margin-top: 3em;
}
.marginbottom {
margin-bottom: 1em;
}
.marginbottom5px {
margin-bottom: 5px;
}
.marginbottom2em {
margin-bottom: 2em;
}
.marginbottom3em {
margin-bottom: 3em;
}
.marginleft {
margin-left: 1em;
}
.marginleft2em {
margin-left: 2em;
}
.marginleft3em {
margin-left: 3em;
}
.padding {
padding: 10px;
}
.paddingleft {
padding-left: 10px;
}
.block {
display: block;
}
.spacebetweendivs {
border-top: 10px solid #D6E3F2;
padding-top: 10px;
}