/* == 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 (from div#nav):background:-moz-linear-gradient(top, #598fe5, #285598);This tells Gecko to use a linear gradient that starts at the top and goes down. The first gradient color is a light blue and fades to a dark blue.

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(#285598), to(#598fe5));Safari 5.1, Chrome 10+ - Webkit changed the engine so the gradient style followed the Mozilla definition.
background:-webkit-linear-gradient(top, #598fe5, #285598);*/

div#header {background-color:#fff;}
div#headerright {float:right;width:525px;padding-top:20px;}
div#headerleft {float:left;width:500px;}
div#headerleft img { margin:20px 0 10px 20px;}
div#header ul#promolist{float:right;}
div#header ul#promolist li { display:inline;}
div#header ul#promolist li a { margin-right:10px;padding:3px 10px 3px 10px;border-radius:15px;border:2px solid #00aadc;font-weight:bold;text-decoration:none;background:transparent url('/BCA/GENERIC/images/globals/nav_active.gif') top left repeat-x;background:-moz-linear-gradient(top, #c6f8b1, #7ecc69);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7ecc69), to(#c6f8b1));background:-webkit-linear-gradient(top, #c6f8b1, #7ecc69);}
div#header ul#promolist li a:hover { border:2px solid #04a0db;background:-moz-linear-gradient(top, #dcfdce, #8cd784);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8cd784), to(#dcfdce));background:-webkit-linear-gradient(top, #dcfdce, #8cd784);}
div#header ul#promolist li a:focus,div#header ul#promolist li a:active { 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);}
div#header ul#memberinfo { float:right;clear:both;margin-top:30px;margin-right:20px;}
div#header ul#memberinfo li { display:inline;}
div#header ul#memberinfo li a { padding:3px 5px;border-right:1px solid blue;}
div#header ul#memberinfo li a#joinnowlink { color:#fff;background-color:#ffce7b;padding:3px;font-weight:bold;border-right:none;}
.activesigninlink { background-color:#fff4e1;}
div#nav { float:left;width:100%;height:30px;margin-bottom:20px;background:transparent url('/BCA/GENERIC/images/globals/nav_bkgrd.gif') top left repeat-x;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#285598), to(#598fe5));background:-webkit-linear-gradient(top, #598fe5, #285598);background:-moz-linear-gradient(top, #598fe5, #285598);}
div#nav ul { width:600px;float:left;height:100%;}
div#nav ul li { display:inline;font-size:13px;font-weight:bold;color:#fff;vertical-align:middle;height:30px;}
div#nav ul li a,div#nav ul li a:visited { color:#fff;line-height:30px;padding:7px 8px;}
div#nav ul li a:hover { background:transparent url('/BCA/GENERIC/images/globals/nav_hover.gif') top left repeat-x;text-decoration:none;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3465aa), to(#7aa0f3));background:-webkit-linear-gradient(top, #7aa0f3, #3465aa);background:-moz-linear-gradient(top, #7aa0f3, #3465aa);}
div#nav ul.triptools { width:300px;float:right;height:30px;margin-right:10px;}
div#nav ul.triptools li { float:right;}
div#signinform { float:right;display:inline;height:0;display:none;width:316px;}
div#signinform form { margin:10px;background-color:#fff4e1;position:relative;top:85px;right:183px;padding:10px;z-index:30;}
div#signinform label { display:block;margin:5px 12px 0 12px;}
div#signinform input.fullsize { width:250px;border:1px solid #5f90df;margin:0 12px;}
div#signinform span { display:block;float:right;margin-top:15px;margin-right:25px;}
div#signinform span label { display:inline;margin:0 0 0 0;}
div#signinform span.line { display:block;background-color:#ffce7b;height:1px;float:none;clear:both;margin:0 12px 5px 12px;}
div#signinform p { margin:5px 12px;}
div#signinform p.last { margin:15px 12px;}
div#memberinfo { margin:30px 20px 0px 0px;text-align:right;padding-bottom:5px;}
div#memberinfo a:hover { font-weight:normal;text-decoration:underline;}
div#memberinfo a#joinnowlink { color:#fff;background-color:#ffce7b;padding:1px 3px;font-weight:bold;}
div#memberinfo a:hover#joinnowlink { text-decoration:none;}
a#signinlink { padding:5px;}
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#htmlSiteHeader div#header li { border:none;font-weight:normal;color:#000;padding:0;}
div#htmlSiteHeader div#header li a { font-size:13px;color:#3470c6;}
div#htmlSiteHeader div#header a span { font-size:13px;color:#3470c6;font-weight:bold;}
div#htmlSiteHeader div#signinform { background-color:#fff4e1;height:auto;position:absolute;top:115px;right:365px;width:275px;}
div#htmlSiteHeader div#signinform * { font-size:13px;}
div#htmlSiteHeader div#signinform a,
div#htmlSiteHeader div#signinform a:visited { color:#3470c6;text-decoration:none;}
div#promolist a { color:#3470C6;border:0px;background-image:url('/BCA/Generic/images/globals/nav_btns_left.gif');background-position:0px 0px;background-repeat:no-repeat;display:block;float:right;font-weight:bold;height:25px;line-height:25px;margin-right:10px;}
div#promolist a span { background:none;background-image:url('/BCA/Generic/images/globals/nav_btns_right.gif');background-position:100% 0px;background-repeat:no-repeat;cursor:pointer;display:block;float:left;height:25px;line-height:25px;padding:0px 10px;}
div#promolist a:hover { background-position:0px -25px;text-decoration:none;}
div#promolist a:hover span { background-position:100% -25px;text-decoration:none;}
div#htmlSiteHeader div#header div#promolist a { text-decoration:none;}
body.fivepercent div#promolist a#fivepercentlink, body.lowpricepromise div#promolist a#lowpricepromiselink, body.twentyfoursevenhelp div#promolist a#twentyfoursevenhelplink { background-position:0px -50px;}
body.fivepercent div#promolist a#fivepercentlink span, body.lowpricepromise div#promolist a#lowpricepromiselink span, body.twentyfoursevenhelp div#promolist a#twentyfoursevenhelplink span { background-position:100% -50px;}