
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:super;font-size:75%;line-height:65%;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
/* == CSS3 Notes ==
For menu background in Firefox, Chrome, Safari;Also buttons in header (Cash back, etc.) Cheat sheet for syntax:Rounded corners:border-radius:radiusvalue;Set like any other CSS Property.

Gradients:set via browser specific syntax shown below.
-MUST be set in place of background-image.
-MUST be set AFTER the CSS2 version that uses a real background image, otherwise older browsers won't assign an image. (See body.homepage class)

Firefox/Gecko:-moz-linear-gradient(Gradient Starting location, Gradient Starting Color Starting Color Start Point, Gradient Ending Color)
Gradient Starting location - Same values as background-position.
Gradient Starting Color - The starting color of the gradient. Any valid color value. (transparency set via rgba(###,###,###,0))
Starting Color Start Point - pixel or % that says how far along gradient line to start the gradient transition. Useful for insuring certain elements on the page have the background color you want.
Gradient Ending Color - The color the gradient should fade to. Values as Gradient Starting Color.

SAMPLE:background:transparent -moz-linear-gradient(bottom, #ffffff 45%, rgba(255,255,255,0)) top left;This tells Gecko to use a linear gradient that starts at the bottom and goes to the top. The first gradient color is White and the gradient will start 45% of the way up from the bottom. The gradient starts White and fades to transparent, allowing the cloud image to show through.

Webkit based
Safari 4-5, Chrome 1-9 
-webkit-gradient(Gradient Type, Gradient Starting Point, Gradient Ending Point, from(Gradient Starting Color), to (GradientEnding Color))
Gradient Type - Linear
Gradient Starting Point - Same values as background-position. (% seem to work best)
Gradient Ending Point - Same values as background-position. (% seem to work best)
from(Gradient Starting Color) - The starting color of the gradient. Any valid color value.
to (GradientEnding Color) - The color the gradient should fade to. Values as Gradient Starting Color.

SAMPLE:background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ecc69), to(#c6f8b1));Safari 5.1, Chrome 10+ - Webkit changed the engine so the gradient style followed the Mozilla definition.
background:-webkit-linear-gradient(bottom, #ffffff 45%, rgba(255,255,255,0))
*/

html{color:#333;background:#FFF;}
body { font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;background:transparent url('/BCA/GENERIC/images/globals/site_bg.jpg') 0 0 repeat-x;margin:0px;padding:0px;}
strong {font-weight:bold;}
a,a:visited {color:#3470c6;text-decoration:none;}
a:hover,a:active {}
p {margin:10px;}
div.clear { clear:both;margin:0px;padding:0px;line-height:0px;font-size:0px;}
a:hover {text-decoration:underline;}
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9 { position:relative;visibility:hidden;display:none;left:0px;top:0;z-index:1;width:562px;}
div.travelExtras #lyr1, div.travelExtras #lyr2, div.travelExtras #lyr3, div.travelExtras #lyr4, div.travelExtras #lyr5, div.travelExtras #lyr6, div.travelExtras #lyr7, div.travelExtras #lyr8, div.travelExtras #lyr9 { width:448px;}
span.validateError { color:red;font-weight:bold;padding-bottom:10px;}
div#siteBackground { background:transparent url('/BCA/GENERIC/images/globals/clouds.jpg') 50% 0 no-repeat;margin:0px;min-height:940px;padding:20px 0px 30px 0px;}
div#wrapper { width:1055px;margin:0px auto 0px auto;padding-bottom:20px;background-color:#fff;-moz-box-shadow:0 0 20px #000;-webkit-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000;}
body.homepage div#wrapper { background:transparent url('/BCA/GENERIC/images/globals/bodybackgroundimage.png') top left;background:-moz-linear-gradient(bottom, #ffffff 45%, rgba(255,255,255,0));background:-webkit-linear-gradient(bottom, #ffffff 45%, rgba(255,255,255,0));}
div#leftcol { width:345px;margin:0 0 20px 20px;float:left;}
div#rightcol { margin:0 20px 20px 0px;width:650px;float:right;}
body.homepage div#sliderWrap { width:1000px;height:325px;border:3px solid #fff;z-index:5;position:relative;top:auto;margin:0 20px 10px 0;}
div#controller { position:absolute;width:150px;z-index:100;top:275px;right:20px;}
span.jFlowControl { background:transparent url('/BCA/GENERIC/images/open_box.png') 0 0 no-repeat;width:24px;height:16px;display:block;float:left;margin-left:5px;}
span.jFlowSelected { background:#4c799f url('/BCA/GENERIC/images/filled_box.png') 0 0 no-repeat;}
div#leftPromo img, div#slides img, div.offerbox a img {margin:0 !important;}
div.offerbox { margin:10px 0px;width:314px;height:226px;float:left;border:1px solid #517aca;background-color:#fff;}
div.offerbox.left{width:314px;margin-left:0;}
div.offerbox.right {margin-left:18px;width:314px;}
div.offerbox h3 { font-size:18px;font-weight:bold;color:#004c94;padding:10px;border-bottom:1px solid #517aca;background-color:#fff5e3;}
/*div#hoteloffer h3{background:transparent url('/BCA/GENERIC/images//hotels_bg.jpg') top left no-repeat;}
div#membershipoffer h3{background:transparent url('/BCA/GENERIC/images//membership_bg.jpg') top left no-repeat;}
div#flightoffer h3{background:transparent url('/BCA/GENERIC/images//flights_bg.jpg') top left no-repeat;}
*/

div.offerbox p { font-size:14px;padding:10px 0 0 5px;}
div#rightcol div.offerbox ul { width:275px;margin-left:5px;list-style-type:disc;}
div.offerbox li { list-style-type:disc;font-size:12px;margin-left:25px;}
div#membershipoffer {height:226px !important;}
div.travelTools { margin:10px 0;background-color:#fff;float:left;width:345px;clear:both;}
div.travelTools h3 { background-color:#285598;color:#fff;font-weight:bold;font-size:14px;height:35px;line-height:35px;padding-top:0px;padding-left:10px;}
div.travelTools p { background:transparent url('/BCA/GENERIC/images//envelope.jpg') 0 50% no-repeat;padding-left:36px;margin:10px;}
div.travelTools ul { width:162px;margin-top:10px;margin-left:10px;}
div.travelTools ul.left{float:left;}
div.travelTools ul.right{float:right;}
div.travelTools ul li {height:30px;padding-left:32px;vertical-align:middle;padding-top:10px;}
div.travelTools ul li.passport {background:transparent url('/BCA/GENERIC/images//passport.jpg') 0 50% no-repeat;}
div.travelTools ul li.advisories {background:transparent url('/BCA/GENERIC/images//advisories.jpg') 0 50% no-repeat;}
div.travelTools ul li.airportstatus {background:transparent url('/BCA/GENERIC/images//airport.jpg') 0 50% no-repeat;}
div.travelTools ul li.faq {background:transparent url('/BCA/GENERIC/images//faq.jpg') 0 50% no-repeat;}
div.travelTools ul li.currency {background:transparent url('/BCA/GENERIC/images//currency.jpg') 0 50% no-repeat;}
div.travelTools ul li.weather {background:transparent url('/BCA/GENERIC/images//weather.jpg') 0 50% no-repeat;}
div.travelTools ul li.timezone {background:transparent url('/BCA/GENERIC/images//time_zone.jpg') 0 50% no-repeat;}
div.travelTools ul li.traveltips {background:transparent url('/BCA/GENERIC/images//tips.jpg') 0 50% no-repeat;}
#emailsubscribe {position:relative;left:230px;top:-20px;}
h1 { font-weight:bold;font-size:17px;color:#4577bf;padding:5px;margin:5px 5px 5px 0;}
h2 { font-weight:bold;font-size:13px;line-height:21px;color:#4577bf;background-color:#e7f4f4;padding:0 0 0 10px;margin:5px 5px 5px 0;}
div#copy { font-size:12px;line-height:15px;}
div#rightcol p {margin-top:5px;}
div#rightcol p.cs {margin:15px 20px;}
div#rightcol p.cs2 {margin:15px 30px;}
div#rightcol p.cs3 {margin:15px 40px;}
div#copy ul,div#rightcol ul, div#copy ol,div#rightcol ol{margin-left:25px;margin-top:5px;}
div#copy ul li,div#rightcol ul li{list-style-type:disc;margin-bottom:5px;}
div#copy ul ul{margin-top:0;margin-left:5px;}
div#copy ul ul li{list-style-type:none;margin:0;}
div#copy ol li,div#rightcol ol li{list-style-type:decimal;margin-bottom:5px;}
div.benefit h2 a { color:#4577bf;cursor:pointer;background-image:url('/BCA/generic/images/globals/benefit-arrows.gif');background-position:100% 0px;background-repeat:no-repeat;padding-right:15px;}
div.benefit h2.open a { background-position:100% -22px;}
div.benefit h2 a:hover, div.benefit h2.open a:hover { text-decoration:none;}
div.benefit p, div.benefit li {font-size:11px;}
div.benefit ul li {margin-left:15px;}
body.enroll label {font-weight:bold;}
body.enroll div#leftcol {width:370px;}
body.enroll div#rightcol {width:645px;}
body.enroll div#leftcol p {margin:25px 40px 20px 35px;line-height:17px;}
body.enroll div#promoBody { font-size:12px;line-height:15px;margin-top:20px;}
body.enroll div#promoBody p a:hover { font-weight:normal;text-decoration:underline;}
div.promoHeader { background-image:url('/BCA/GENERIC/images/enroll/promo.jpg');background-position:0px 0px;background-repeat:no-repeat;height:191px;margin:0 0 20px 20px;}
div.promoHeader h1 { color:#004b8d;font-size:40px;font-weight:bold;line-height:44px;padding:45px 0px 0px 68px;}
div#promoLeftSideHeader, div#promoLeftSideWayToSave { background-position:0px 0px;background-repeat:no-repeat;margin:0px 0px 0px 20px;width:319px;}
div#promoLeftSideHeader { background-image:url('/BCA/GENERIC/images/enroll/waystosave-banner.jpg');height:58px;}
div#promoLeftSideHeader h2 { color:#fff;font-family:arial black;font-size:19px;line-height:58px;text-align:center;background-color:transparent;}
div#promoLeftSideWayToSave { background-image:url('/BCA/GENERIC/images/enroll/enroll-list.jpg');height:466px;}
div#promoLeftSideWayToSave div { color:#666;font-family:verdana;font-size:11px;font-weight:bold;line-height:15px;padding:52px 0 0 105px;}
body.enroll div#leftcol div#promoLeftSideWayToSave div p { margin:64px 0 0 0;}
h2.enrollHeader { background-color:#E7F4F4;color:#4577BF;font-weight:bold;font-size:12px;line-height:22px;padding:0 0 0 10px;margin:10px 0;}
table.enrollForm { margin:10px;width:625px;}
table.enrollForm td { font-size:12px;line-height:16px;padding-bottom:10px;vertical-align:top;}
table.enrollForm td span { font-size:10px;line-height:12px;}
table.enrollForm td input{
border-top-color:#d0cfcd;border-bottom-color:#ecebe9;border-left-color:#d0cfcd;border-right-color:#d0cfcd;border-style:inset;border-width:1px;color:#333;display:block;line-height:18px;outline-color:#858584;outline-style:none;outline-width:0px;padding:2px;width:170px;}
table.enrollForm td select{
border-top-color:#d0cfcd;border-bottom-color:#ecebe9;border-left-color:#d0cfcd;border-right-color:#d0cfcd;border-style:inset;border-width:1px;color:#333;line-height:18px;outline-color:#858584;outline-style:none;outline-width:0px;padding:2px;}
table.enrollForm td input#PhoneAreaCode, table.enrollForm td input#PhoneExchange, table.enrollForm td input#PhoneLocalNumber { display:inline-block;margin-right:5px;}
table.enrollForm td input#PhoneAreaCode, table.enrollForm td input#PhoneExchange { width:32px
}
table.enrollForm td input#PhoneLocalNumber { width:46px
}
table.enrollForm td input#Zip { width:80px;}
table.enrollForm td.promoCheckbox, div.enableCheckbox { font-size:10px;line-height:12px;}
div.enableCheckbox { margin-top:10px;width:400px;}
table.enrollForm td.promoCheckbox input, div.enableCheckbox input { border:0px;display:inline;float:left;width:14px;margin-right:5px;}
body.fivepercent div#header ul#promolist li a#fivepercentlink,
body.preferredproviders div#header ul#promolist li a#fivepercentlink,
body.lowpricepromise div#header ul#promolist li a#lowpricepromiselink,
body.twentyfoursevenhelp div#header ul#promolist li a#twentyfoursevenhelplink { border:2px solid #02a5e0;background-color:#e5f5f2;background:-moz-linear-gradient(top, #e5f5f2, #e5f5f2);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5f5f2), to(#e5f5f2));background:-webkit-linear-gradient(top, #e5f5f2, #e5f5f2);}
body.homepage div#nav ul li#homelink a,
body.homepage div#nav ul li#homelink a:visited,
body.flightbenefit div#nav ul li#flightlink a,
body.flightbenefit div#nav ul li#flightlink a:visited,
body.hotelbenefit div#nav ul li#hotellink a,
body.hotelbenefit div#nav ul li#hotellink a:visited,
body.extras div#nav ul li#extraslink a,
body.extras div#nav ul li#extraslink a:visited
body.cruises div#nav ul li#cruiselink a,
body.cruises div#nav ul li#cruiselink a:visited,
body.cruises div#wrapper div#nav ul li#cruiselink a { color:#2f7495;background:transparent url('/BCA/GENERIC/images/globals/nav_active.gif') top left repeat-x;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#80ca67), to(#caf9b5));background:-webkit-linear-gradient(top, #caf9b5, #80ca67);background:-moz-linear-gradient(top, #caf9b5, #80ca67);}
div#howitworks { background-color:#e7f4f4;border-top:1px solid #004b8d;border-bottom:1px solid #004b8d;margin-bottom:20px;text-align:center;}
div#howitworks img { margin:0 20px;vertical-align:top;padding:10px 0;}
div.hsnHotels { border-bottom:1px solid #999;float:left;margin-right:10px;margin-top:20px;padding-bottom:10px;width:315px;}
div.hsnHotels div { background-position:5px 0px;background-repeat:no-repeat;height:60px;padding-left:120px;}
body.signin span.validateError { display:block;padding-left:8px;}
body.signin form { padding-left:8px;}
body.signin form label { display:block;margin-top:10px;font-size:12px;font-weight:bold;line-height:18px;}
body.signin form input.fullsize, 
body.signin form span.fullsize input, 
body.signin form input.smallsize, 
body.signin form input.medsize,
body.signin form input.monthsize, 
body.signin form input.daysize,
body.signin form input.yearsize { border:1px solid #5f90df;width:250px;font-size:12px;line-height:16px;padding:2px;}
body.signin form input.strongPassword { float:left;}
body.signin form input.smallsize { width:75px;}
body.signin form input.medsize { width:150px;}
body.signin form input.yearsize, 
body.signin form span.fullsize input#BirthYear { width:50px;}
body.signin form input.monthsize, body.signin form input.daysize, 
body.signin form span.fullsize input#BirthMonth, 
body.signin form span.fullsize input#BirthDay { width:25px;}
body.signin form span.fullsize input#BirthMonth, 
body.signin form span.fullsize input#BirthDay { margin-right:5px;}
body.signin form span { display:block;float:left;margin-top:10px;margin-right:20px;}
body.signin form span.info { display:inline;font-size:10px;font-weight:normal;line-height:12px;float:none;margin-top:0px;margin-right:0px;}
body.signin form span.fullsize { display:inline;float:none;margin-top:0px;margin-right:0px;}
body.signin form span label {display:inline;margin:0;}
body.signin form p { clear:both;margin-top:10px;display:block;}
body.signin form span.line { display:block;background-color:#e7f4f4;height:1px;float:none;clear:both;margin-top:25px !important;}
body.signin div#leftcol { width:550px;margin-left:105px;min-height:500px;}
body.signin div#rightcol { width:345px;background-color:#e7f4f4;min-height:500px;}
body.signin div#leftcol h1 { padding-left:8px;}
body.signin div#leftcol p { margin-left:0px;padding-left:8px;}
body.signin div#rightcol h1{font-size:14px;line-height:18px;margin:0;padding:0;}
body.signin div#rightcol h2{font-size:14px;line-height:18px;margin:5px 0;padding:0;}
body.signin div#rightcol h1,body.signin div#rightcol h2 {color:#000;}
body.signin div#rightcol h2 strong{color:#5f90df;}
body.signin div#rightcol ul { list-style-type:disc;}
body.signin div#rightcol ul li { color:#000;margin-bottom:5px;}
body.signin div#rightcol p { color:#000;}
div#signInLinks { border-top:1px solid #E7F4F4;margin-top:12px;padding-left:8px;}
div#signInLinks p{
font-size:12px;}
div.signinButton, div.signinButton2 { float:left;margin-top:20px;margin-right:10px;width:100px;}
div.signinButton2 { margin-top:25px;width:200px;}
div#signInLinks p a:hover{
text-decoration:underline;}
div#signinRightCol { padding:30px 20px 0 20px;}
input.signinformbutton { margin:10px 0 10px 20px;}
body.forgotpassword p.forgotPasswordLink, body.forgotusername p.forgotUsernameLink, body.enablewebaccess p.needUsernameLink { display:none;}
body.help div#leftcol {width:250px;}
body.help div#rightcol {width:540px;float:left;margin-left:20px;}
body.help div#adcol, body.extras div#adcol { float:left;margin-top:20px;width:183px;height:380px;}
body.help div#adcol div#sliderWrap, body.extras div#adcol div#sliderWrap { width:182px;height:377px;z-index:5;margin:-15px 0 0 0;}
body.help div#sliderWrap div#controller, body.extras div#sliderWrap div#controller {display:none;}
body.help div#leftLinks ul li { background-color:#4a7dc7;color:#fff;font-weight:bold;font-size:14px;line-height:28px;padding:0;margin-top:5px;text-indent:1em;}
body.help div#leftLinks ul li a { color:#fff;display:block;}
body.help div#leftLinks ul li a:hover { text-decoration:underline;}
body.help div#leftLinks ul li ul li { background-color:#fff4e1;font-weight:bold;font-size:12px;line-height:25px;padding:0 5px;border-top:5px solid #fff;margin:0;}
body.help div#leftLinks ul li ul li a {color:#004b8d;display:inline;}
body.help#privacy div#leftLinks ul li ul li a.helpPrivacy,
body.help#terms div#leftLinks ul li ul li a.helpTerms,
body.help#contact div#leftLinks ul li ul li a.helpContact,
body.help#profile div#leftLinks ul li ul li a.helpProfile,
body.help#cancel div#leftLinks ul li ul li a.helpCancel,
body.help#termsOfTravel div#leftLinks ul li ul li a.helpTermsOfTravel { background-image:url('/BCA/generic/images/globals/benefit-arrows.gif');background-position:100% 0px;background-repeat:no-repeat;padding-right:20px;}
body.help h2 {clear:both;}
body.help p.left {width:45%;float:left;}
body.help div.right { border:1px solid #000;width:45%;float:left;}
body.help div.right h2 {margin:0;}
body.help div.right p {margin:5px;}
body.help div#rightcol td{padding:2px 0 2px;}
body.help div#rightcol td.left{width:230px;}
body.help div#rightcol td.left2{width:186px;}
body.help div#rightcol td.center{width:169px;}
body.help div#rightcol td.right{width:166px;}
body.help div#rightcol td.right2{width:186px;}
body.help div.right a:hover { font-weight:normal;text-decoration:underline;}
table.profile { margin:0px 20px 20px 20px;}
table.profile td { font-size:12px;font-weight:bold;line-height:14px;vertical-align:top;}
table.profile td input { border-top-color:#D0CFCD;border-bottom-color:#ECEBE9;border-left-color:#D0CFCD;border-right-color:#D0CFCD;border-style:inset;border-width:1px;color:#333;display:block;font-weight:normal;line-height:18px;outline-color:#858584;outline-style:none;outline-width:0px;padding:2px;}
table.profile td.profilePhone input { display:inline-block;margin-right:5px;}
body.help div#rightcol table.profile td.checkBox { padding:5px 0px 5px;}
table.profile td.checkBox input { display:inline;float:left;line-height:14px;margin:5px 5px 5px 0;}
table.profile td select { border-top-color:#D0CFCD;border-bottom-color:#ECEBE9;border-left-color:#D0CFCD;border-right-color:#D0CFCD;border-style:inset;border-width:1px;color:#333;font-weight:normal;line-height:18px;outline-color:#858584;outline-style:none;outline-width:0px;padding:2px;}
table.profile td span { font-size:10px;font-weight:normal;line-height:12px;}
table.profile td strong{color:#004b8d;}
body.cancel#cancel div#leftcol {display:none;}
body.cancel#cancel div#rightcol {width:1015px;}
body.preferredproviders div#copy ul { width:45%;float:left;margin-bottom:20px;}
body.preferredproviders div#copy h2,
body.preferredproviders div#copy p { clear:both;float:none;}
body.forgotpassword a#signinlink, body.forgotusername a#signinlink, body.enablewebaccess a#signinlink {display:inline;}
.strongPasswordDiv{
visibility:hidden;font-weight:bold;color:Green;background-color:silver;position:absolute;margin-left:260px;}
.weakPasswordDiv{
visibility:hidden;font-weight:bold;color:Red;background-color:silver;position:absolute;margin-left:260px;}
body.enroll .weakPasswordDiv, body.enroll .strongPasswordDiv, body#profile .weakPasswordDiv, body#profile .strongPasswordDiv {margin-left:0px;}
#divActOtherDest { margin-top:-15px;margin-bottom:10px;margin-left:75px;}
body.homepage div#leftPromo { width:345px;margin-top:0;float:left;}
body.homepage #joinnowlink { min-height:350px;}
body.homepage #leftcol { display:none;}
body.homepage div#rightcol { width:1014px;}
body.homepage #sliderWrap { margin:0 !important;}
body.homepage #flightoffer { }
body.homepage #membershipoffer, body.homepage #hoteloffer { margin-left:18px;}
body.homepage #flightoffer, body.homepage #membershipoffer, body.homepage #hoteloffer { width:322px;}
body.homepage div#leftPromo img { width:339px;border:6px solid #fff !important;}
.uppercase { text-transform:uppercase;}
div#rightcol ul.disc li { list-style-type:disc;}
div.travelExtras h3 { background-color:#4a7dc7;color:#fff;font-weight:bold;font-size:14px;height:28px;line-height:28px;padding:0 0 0 10px;margin-bottom:2px;}
a.button { background-color:#F2A73D;color:#ffffff;padding:5px 25px;border-radius:25px;font-weight:bold;border:2px solid #ffffff;font-size:14px;margin-top:10px;display:inline-block;outline:1px solid #F2A73D;}
