@charset "utf-8";

@font-face {
    font-family: 'Mission Gothic';
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_regular-webfont.eot');
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular-webfont.woff') format('woff'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular-webfont.ttf') format('truetype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular-webfont.svg#mission_gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_regular_italic-webfont.eot');
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular_italic-webfont.woff') format('woff'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular_italic-webfont.ttf') format('truetype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_regular_italic-webfont.svg#mission_gothic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_bold-webfont.eot');
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold-webfont.woff') format('woff'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold-webfont.ttf') format('truetype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold-webfont.svg#mission_gothic') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Mission Gothic';
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_bold_italic-webfont.eot');
    src: url('/assets/css/webfonts/mission-gothic/mission_gothic_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold_italic-webfont.woff') format('woff'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold_italic-webfont.ttf') format('truetype'),
         url('/assets/css/webfonts/mission-gothic/mission_gothic_bold_italic-webfont.svg#mission_gothic') format('svg');
    font-weight: bold;
    font-style: italic;
}

/* ---- 
For the entire HTML document, antialiasing has been enabled so that fonts appear as intended. 
Without this, the edges of fonts tend to look wider, causing certain weights to look heavier 
than intended. Webkit and Firefox fixes included below.
----- */
html {
    -webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
}

/******Stuff to be removed once the Stacking of the css is complete *****/
.sub-panel { border: none; padding: 0px; }
.signinButtonContainer { margin: 0; }
DIV.tabs { height: inherit; margin: 0; display: block; position: inherit; z-index: inherit; }
.sub-tab-content { display: inherit; float: none; overflow: inherit; }
.sub-tab-content ul.sub-tabs2 li a, .sub-tab-content ul.sub-tabs3 li a { border-left: none; }
.page-content ul.no-bullet li { list-style-image: none; list-style-type: none; line-height: 20px; }
.page-content ul li { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px 0px 8px 15px; list-style-position: outside; list-style-image: url("/assets/images/Global/blue_bullet.png"); list-style-type: none; }
.sub-tab-content h1, .cta-sub-panel h1 { font-weight: normal; }
.page-content { padding-bottom: 0; }
.page-content ul.links li { float: none; list-style-position:inherit;list-style-image:none;padding:0;margin:0;}
.sub-tab-content ul.sub-tabs2 { width: inherit; }

/*HTML 5 IE hack */
header, nav, section, article, aside, footer {
   display:block;
}

/*******G E N E R I C  P A G E   S T U F F  *************************************/
#mainContentWrapper { background: url(/assets/images/Global/background.png) repeat-x 0 0; background-color: #FFFFFF; }
#mainContent { width: 965px; margin: 0px auto; overflow: visible; }
#mainContent #body .body-inner { margin: 0px auto; width: 963px; }
.top-gradient { width: 963px; height: 10px; z-index: 300; position: absolute; background: transparent url(/assets/images/Global/bkg_body_top_gradient.png) repeat-x; }
.top-gradient-home {width:660px; height:10px; z-index:300; position: absolute; background: transparent url(/assets/images/Global/bkg_body_top_gradient.png) repeat-x; }

/***********************H E A D E R  S T U F F *********************************/
#header { height: 140px; overflow: visible; }
#header .inner { padding: 0px 0px 13px 0px; height: 71px; overflow: hidden; }
#header #logo { display: inline; float: left; }
#header #sub-nav { 
    text-align: right; float:right; padding-top:6px; padding-right:12px; 
    font-family: "Mission Gothic", Arial Narrow, Verdana;
	font-weight:normal; 
	font-style:normal;
    font-size: 13px;
}
#header #sub-nav .divider { padding: 0px 9px; font-size:14px; }
#header #sub-nav a, #header #sub-nav span { font-size: 13px; color: #666666; }
#header #sub-nav #contactMenu { cursor: pointer; }
#header #sub-nav #contactMenu:hover { text-decoration: underline; }
#header .links-logo-container { position: relative; height:84px;}
#header .search-container { margin-top: 9px; float: right; }

#contactbox {
    font-size: 15px;
    font-family: "Mission Gothic", Arial Narrow Bold;
	font-weight:normal; 
	font-style:normal;
    text-align: left;
    height: auto;
    width: 188px;
    display: none;
    position: absolute;
    z-index: 10000;
    background: white;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc; 
    margin-top: 34px;
    margin-left: 760px;
    padding-left: 15px;
    padding-bottom: 15px;
    -moz-box-shadow:    1px 1px 2px 1px #ccc;
    -webkit-box-shadow: 1px 1px 2px 1px #ccc;
    box-shadow:         1px 1px 2px 1px #ccc;
}
#contactbox div { padding-top: 12px; }
#contactbox a {
    text-decoration: underline;
    font-size: 15px;
    font-family: "Mission Gothic", Arial Narrow Bold;
	font-weight:normal; 
	font-style:normal;
}
/*********************** E N D  H E A D E R  S T U F F *********************************/

/***********************F O O T E R   S T U F F *********************************/
#footer { width: 100%; text-align: center; height: 52px; padding: 25px 0 50px; }
#footer ul { width: 800px; margin: 7px auto 7px auto; }
#footer ul li { display: inline; }
#footer ul li.divider { padding: 0px 5px; }
#footer p { clear: both; margin-top: 15px; }
.aToolTip {
	display: none;
    border:2px solid #444;
	background:#555;
	color:#fff;
	position:absolute;
    left: 60px;
    margin:0;
	padding:6px 12px;
	width: 400px;
}
/***********************E N D  F O O T E R   S T U F F *********************************/

/************************N A V I G A T I O N   S T U F F ********************************/
#Navigation > ul > li:hover .Drop-Down { visibility: visible; }
/* --------------Formerly Drop-Down.css-------------- */
.Drop-Down, .Drop-Down div, .Drop-Down .Corner, .Drop-Down .Bottom { background-image: url("/assets/Images/Global/Drop-Down.png"); }
.Drop-Down { background-repeat: repeat-y; padding-left: 15px; display: inline-block; position: absolute; left: -8px; top: 56px; z-index: 10; visibility: hidden; }
.Drop-Down > div { background-position: right top; background-repeat: repeat-y; padding-right: 15px; background-color: transparent;}
.Drop-Down div div { background-repeat: repeat-y; background-color: #fff; position: relative; }

.White2-Grey1 {width: 535px;}
.White2 {width: 374px;}

.White2-Grey1 > div > div, .White2-Grey1 > div > div > div {background-position: -435px 0;}

.White2 > div > div, .White2 > div > div > div { background-position: -435px 0; }
.White1 > div > div, .White1 > div > div > div { background-position: -435px 0; }
.Drop-Down > div > div > div { top: 7px; padding: 7px 6px 17px 10px; }
.Drop-Down .Corner { display: inline-block; width: 15px; height: 15px; position: absolute; }
.Drop-Down .Corner-Left-Bottom { background-position: -1200px 0; left: -15px; bottom: -15px; }
.Drop-Down .Corner-Right-Bottom { background-position: -1216px 0; right: -15px; bottom: -15px; }
.Drop-Down .Bottom { display: inline-block; position: absolute; background-position: -1232px 7px; height: 15px; width: 100%; left: 0; bottom: -15px; margin-right: 30px; }
.Drop-Down .Columns-White > li { width: 160px; float: left; }
.Drop-Down .Columns-White > li:first-child { margin-left: 0; }
.Drop-Down .Columns-White > li:nth-child(2) { margin-left: 14px; }
.Drop-Down .Columns-Grey > li { width: 130px; float: left; }
.Drop-Down .Columns-Grey { float: right; }
.Drop-Down li li { font: 11px/13px Verdana, Geneva, sans-serif; color: #666; }
.Drop-Down li li:first-child { padding: 0 0 10px; }
.Drop-Down li.Divider { padding: 15px 0 10px; }
.Drop-Down li.No-Link { padding-top: 3px; padding-bottom: 2px; }
.Drop-Down h4 { font: 12px/14px Verdana, Geneva, sans-serif; color: #0065a4; }
.Drop-Down h5 { font: bold 11px/13px Verdana, Geneva, sans-serif; color: #333; }
.Drop-Down a { color: #666; display: block; padding-top: 3px; padding-bottom: 2px; background: none; }
.Drop-Down a:hover { text-decoration: underline; color: #559cbe; }
/* Right-align Banking drop down for NR */
.Navigation-CWS .Bank .Drop-Down { left: inherit;  *left: -419px;right: -8px; }
/* Right-align Automotive/Financial/Community for SR*/
.Navigation-CWS .Automotive .Drop-Down { left: inherit;  *left: -419px;right: -8px; }
.Navigation-CWS .Financial .Drop-Down { left: inherit;  *left: -429px;right: -8px; }
.Navigation-CWS .Community .Drop-Down { left: inherit;  *left: -259px;right: -8px; }
.DropDownInheritZ { z-index: 0; }
/* Basic Style */
#Navigation { margin: 0 auto; width: 965px; }
#Navigation > ul { margin: 0; padding: 0; }
#Navigation > ul > li { border: none; list-style: none; position: relative; float: left; }
#Navigation > ul, #Navigation > ul > li > a, #Navigation > ul > li > a > span, .Site-Search-Input, .Site-Search-Button { background-image: url(/assets/Images/Global/MainNav.png); background-repeat: no-repeat; }
.Navigation-Regular > ul { background-position: 0 0; }
.Navigation-Regular > ul, .Navigation-Regular > ul > li, .Navigation-Regular > ul > li > a, .Navigation-Regular > ul > li > a > span, nav-separator { height: 56px; }
#Navigation > ul > li.zindex { z-index: 1000; }
#Navigation > ul > li:last-child.nav-separator { float: right; }
#Navigation > ul > li > a, #Navigation > ul > li > a > span { display: block; text-indent: -1900px; }
#Navigation > ul > li > a > span:hover { cursor: pointer; } /* IE6-7 Fix */
.Navigation-Regular .Membership a span { background-position: center -170px; } /* Image width 100px */
.Navigation-Regular .Insurance a span { background-position: center -226px; } /* Image width 88px */
.Navigation-Regular .Travel a span { background-position: center -282px; } /* Image width 56px */
.Navigation-Regular .Discounts a span { background-position: center -338px; }
.Navigation-Regular .Savings a span { background-position: center -394px; }
.Navigation-Regular .Automotive a span { background-position: center -450px; }
.Navigation-Regular .Financial a span { background-position: center -506px; }
.Navigation-Regular .Bank a span { background-position: center -562px; } /* Image width 41px */
.Navigation-Regular .Community a span { background-position: center -618px; }
.Navigation-Regular .Membership a:hover span { background-position: center -170px; }
.Navigation-Regular .Insurance a:hover span { background-position: center -226px; }
.Navigation-Regular .Travel a:hover span { background-position: center -282px; }
.Navigation-Regular .Discounts a:hover span { background-position: center -338px; }
.Navigation-Regular .Savings a:hover span { background-position: center -394px; }
.Navigation-Regular .Automotive a:hover span { background-position: center -450px; }
.Navigation-Regular .Financial a:hover span { background-position: center -506px; }
.Navigation-Regular .Bank a:hover span { background-position: center -562px; }
.Navigation-Regular .Community a:hover span { background-position: center -618px; }

.Site-Search {
    float: right; padding-top: 6px; margin-right:-12px;
}
.Site-Search-Input { top: 2px; background-position: -10px -113px; height: 25px; width: 166px; outline: none; border: none !important; background-color: transparent; position: relative; float: left; font: 12px/24px Arial, Verdana, Geneva, sans-serif; color: #999; text-indent: 10px; background-repeat: no-repeat; }
.Site-Search-Button { top: 2px; background-position: -935px -113px; height: 26px; width: 29px; outline: none; border: none; background-color: transparent; position: relative; cursor: pointer; background-repeat: no-repeat; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .Site-Search-Input, .Site-Search-Button {
        height: 25px;
    }
}
@-moz-document url-prefix() {
    .Site-Search-Input, .Site-Search-Button {
        height: 25px;
    }
}

.Site-Search-Button:hover { background-position: -935px -139px; }
/* Puerto Rico Navigation */
.Navigation-PR .Membership { width: 188px; }
.Navigation-PR .Savings { width: 220px; }
.Navigation-PR .Travel { width: 180px; }
.Navigation-PR .Automotive { width: 188px; }
.Navigation-PR .Financial { width: 188px; }
.Navigation-PR .Membership a { background-position: 0 0; }
.Navigation-PR .Savings a { background-position: 0 0; } /* each successive tab adds 3px more x-position to compensate for the left border divider */
.Navigation-PR .Travel a { background-position: 0 0; }
.Navigation-PR .Automotive a { background-position: 0 0; }
.Navigation-PR .Financial a { background-position: 0 0; }
.Navigation-PR .Membership a:hover, .Membership:hover > a { background-position: 0 -56px; }
.Navigation-PR .Savings a:hover, .Savings:hover > a { background-position: 0 -56px; } /* each successive tab adds 3px more x-position to compensate for the left border divider */
.Navigation-PR .Travel a:hover, .Travel:hover > a { background-position: 0 -56px; }
.Navigation-PR .Automotive a:hover, .Automotive:hover > a { background-position: 0 -56px; }
.Navigation-PR .Financial a:hover, .Financial:hover > a { background-position: 0 -56px; }
/* Common Navigation (non-Puerto Rico - includes Bank for NR) */
.Navigation-CWS .Membership { width: 138px; }
.Navigation-CWS .Discounts { width: 208px; }
.Navigation-CWS .Travel { width: 102px; }
.Navigation-CWS .Insurance { width: 129px; }
.Navigation-CWS .Automotive { width: 129px; }
.Navigation-CWS .Financial { width: 129px; }
.Navigation-CWS .Bank { width: 129px; }
.Navigation-CWS .Community { width: 129px; }
.Navigation-CWS .Membership a { background-position: 0 0; }
.Navigation-CWS .Discounts a { background-position: 0 0; }
.Navigation-CWS .Travel a { background-position: 0 0; }
.Navigation-CWS .Insurance a { background-position: 0 0; }
.Navigation-CWS .Automotive a { background-position: 0 0; }
.Navigation-CWS .Financial a { background-position: 0 0; }
.Navigation-CWS .Bank a { background-position: 0 0; }
.Navigation-CWS .Community a { background-position: 0 0; }
.Navigation-CWS .Membership a:hover, .Membership:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Discounts a:hover, .Discounts:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Travel a:hover, .Travel:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Insurance a:hover, .Insurance:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Automotive a:hover, .Automotive:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Financial a:hover, .Financial:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Bank a:hover, .Bank:hover > a { background-position: 0 -56px; }
.Navigation-CWS .Community a:hover, .Community:hover > a { background-position: 0 -56px; }
.nav-separator { width: 3px; background-image: url(/assets/Images/Global/Navigation.png?v=2); background-repeat: no-repeat; background-position: -0px -112px; height: 56px; position: absolute; right: 0; }
.nav-separator.first-nav{left:0;}
/************************E N D  N A V I G A T I O N   S T U F F ********************************/

/***Q U E S T I O N A B L E  G L O B A L  S T Y L E S *****************************************************/ 
/* Tag Styles */
body { font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 0px; color: #666666; }
dl, dt, dd { margin: 0; padding: 0; }
img { border: 0px; }
form { margin: 0; padding: 0; width: 100%; }
ol, ul, li { list-style: none outside none; margin: 0; padding: 0; }
/* Helper Styles */
.fr { display: inline; float: right; }
.clr { clear: both; }
.blk { display: block; }
.w100 { width: 100%; }
.bold { font-weight: bold; }
.center { text-align: center; }
.left { text-align: left; }
.underline { text-decoration: underline; }
span.symbol { font-size: 8px; vertical-align: super; }
.pad29 { padding: 29px; }
.hide { display: none; }
.ErrorText { color: #d41115; padding: 0 0 10px; }
.InformationText { color: blue; font-weight: bold; }
/* Font Styles */

a { font-size: 11px; color: #666666; cursor: pointer; }
a:link { font-size: 11px; color: #666666; text-decoration: none; }
a:visited { font-size: 11px; color: #666666; text-decoration: none; }
a:hover { font-size: 11px; color: #666666; text-decoration: underline; }
a:active { font-size: 11px; color: #666666; text-decoration: none; }
h4, h5 { margin: 0; padding: 0; font-weight: normal; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-weight: normal; }
h1 { color: #2C68AB; font-size: 16px; font-weight: bold; }
h2 { color: #0065a4; font-size: 13px; }
h3 { color: #767676; font-size: 15px; }
h4 { color: #0065a4; font-size: 11px; }
h5 { color: #559cbe; font-size: 16px; }
.sub-panel h1, .sub-panel h2, .sub-panel h3, .sub-panel h4, .sub-panel h4, .sub-panel h1.prim-blueTxt, .sub-panel h1 span.prim-blueTxt, .sub-panel h2.prim-blueTxt, .sub-panel h2 span.prim-blueTxt, .sub-panel h3.prim-blueTxt, .sub-panel h3 span.prim-blue-Txt, .sub-panel h4.prim-blueTxt, .sub-panel h4 span.prim-blueTxt, .sub-panel h5.prim-blueTxt, .sub-panel h5 span.prim-blueTxt { color: #2C68AB; }
.sub-panel h1.sec-blueTxt, .sub-panel h1 span.sec-blueTxt, .sub-panel h2.sec-blueTxt, .sub-panel h2 span.sec-blueTxt, .sub-panel h3.sec-blueTxt, .sub-panel h3 span.sec-blueTxt, .sub-panel h4.sec-blueTxt, .sub-panel h4 span.sec-blueTxt, .sub-panel h5.sec-blueTxt, .sub-panel h5 span.sec-blueTxt { color: #317ECE; }
.sub-panel h1.prim-greyTxt, .sub-panel h1 span.prim-greyTxt, .sub-panel h2.prim-greyTxt, .sub-panel h2 span.prim-greyTxt, .sub-panel h3.prim-greyTxt, .sub-panel h3 span.prim-greyTxt, .sub-panel h4.prim-greyTxt, .sub-panel h4 span.prim-greyTxt, .sub-panel h5.prim-greyTxt, .sub-panel h5 span.prim-greyTxt { color: #666666; }
.sub-panel h1.sec-greyTxt, .sub-panel h1 span.sec-greyTxt, .sub-panel h2.sec-greyTxt, .sub-panel h2 span.sec-greyTxt, .sub-panel h3.sec-greyTxt, .sub-panel h3 span.sec-greyTxt, .sub-panel h4.sec-greyTxt, .sub-panel h4 span.sec-greyTxt, .sub-panel h5.sec-greyTxt, .sub-panel h5 span.sec-greyTxt { color: #999999; }
.sub-panel h1.prim-redTxt, .sub-panel h1 span.prim-redTxt, .sub-panel h2.prim-redTxt, .sub-panel h2 span.prim-redTxt, .sub-panel h3.prim-redTxt, .sub-panel h3 span.prim-redTxt, .sub-panel h4.prim-redTxt, .sub-panel h4 span.prim-redTxt, .sub-panel h5.prim-redTxt, .sub-panel h5 span.prim-redTxt { color: #CA2026; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #0065a4; font-size: 13px; }
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { color: #0065a4; font-size: 11px; }
/***E N D  Q U E S T IO N A B L E  G L O B A L  S T Y L E S *****************************************************/ 
/******GCS Global Section ****/
/*Links*/
a.stdGraylink { color: #666666; font-size: 11px; text-decoration: underline; }
/* Buttons */
a.Button-Blue, span.Button-Selected, a.Button-Red, a.Button-Grey { 
    background: url(/assets/images/btn/Buttons2014.png) no-repeat left top;
    display: inline-block;
    height: 24px;
    position: relative;
    padding: 0 3px 0 15px;
    font: bold 12px/24px Arial, Helvetica, sans-serif !important; /* (!important) IE6 Fix */
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none !important; 
}
a.Button-Grey span, a.Button-Blue span, a.Button-Red span, span.Button-Selected span { background: url(/assets/images/btn/Buttons2014.png) no-repeat right top; display: inline-block; height: 24px; width: 12px; position: absolute; top: 0; right: -12px; cursor: pointer; /* IE6 Fix */ }
a.Button-Blue { background-position: left -24px; color: #fff !important; } /* (!important) IE6 Fix */
a.Button-Blue span { background-position: right -24px; color: #2C68AB !important; }
a.Button-Blue:hover { background-position: left 0px; }
a.Button-Blue:hover span { background-position: right 0px; }
a.Button-Red { background-position: left -72px; color: #fff !important; } /* (!important) IE6 Fix */
a.Button-Red span { background-position: right -72px; }
a.Button-Red:hover { background-position: left -48px; }
a.Button-Red:hover span { background-position: right -48px; }
a.Button-Grey { background-position: left -120px; } /* (!important) IE6 Fix */
a.Button-Grey span { background-position: right -120px; }
a.Button-Grey:hover { background-position: left -96px; color: #333 !important; }
a.Button-Grey:hover span { background-position: right -96px; }
span.Button-Selected { background-position: left -140px; color: #0065a4 !important; padding-left: 30px; } /* (!important) IE6 Fix */
span.Button-Selected span { background-position: right -140px; cursor: default; }
a.Button-Search { background-position: left -112px; padding-left: 30px; }
a.Button-Search:hover { background-position: left -188px; }
a.Button-Plus { background-image: url(/assets/Images/btn/Buttons.png); background-position: -580px -96px; height: 22px; display: inline-block; line-height: 20px; padding-left: 30px; color: #767676; }
a.Button-Plus:hover { background-position: -580px -118px; }

button.Button-Grey, button.Button-Blue, button.Button-Red{ border:none; background: url(/assets/images/btn/Buttons2014.png) no-repeat left top; display: inline-block; height: 24px; position: relative; padding: 0 3px 0 15px; font: bold 12px/24px Arial, Helvetica, sans-serif !important; /* (!important) IE6 Fix */ text-transform: uppercase; color: #424242 !important; text-shadow: none; text-decoration: none !important; }
button.Button-Grey span, button.Button-Blue span, button.Button-Red span{ background: url(/assets/images/btn/Buttons2014.png) no-repeat right top; display: inline-block; height: 24px; width: 12px; position: absolute; top: 0; right: -12px; cursor: pointer; /* IE6 Fix */ }
button.Button-Blue { background-position: left -24px; color: #fff !important; } /* (!important) IE6 Fix */
button.Button-Blue span { background-position: right -24px; }
button.Button-Blue:hover { background-position: left 0px; }
button.Button-Blue:hover span { background-position: right 0px; }
button.Button-Red { background-position: left -72px; color: #fff !important; } /* (!important) IE6 Fix */
button.Button-Red span { background-position: right -72px; }
button.Button-Red:hover { background-position: left -48px; }
button.Button-Red:hover span { background-position: right -48px; }
button.Button-Grey { background-position: left -96px; } /* (!important) IE6 Fix */
button.Button-Grey span { background-position: right -96px; }
button.Button-Grey:hover { background-position: left -120px; color: #333 !important; }
button.Button-Grey:hover span { background-position: right -120px; }
button.Button-Search { background-position: left -112px; padding-left: 30px; }
button.Button-Search:hover { background-position: left -188px; }
button.Button-Plus { background-image: url(/assets/Images/btn/Buttons.png); background-position: -580px -96px; height: 22px; display: inline-block; line-height: 20px; padding-left: 30px; color: #767676; }
button.Button-Plus:hover { background-position: -580px -118px; }

/*****************************/

/* --------------Formerly Global.css-------------- */

.cta-top {
    background: url(/assets/images/Global/cta-box-top.png) no-repeat center top;
    width: 228px;
    height: 17px;
}
.cta-middle {
    background: url(/assets/images/Global/cta-box-middle.png) repeat-y center center;
    margin: 0;
    padding-bottom: 12px;
    text-align:center;
    width:228px;
}
.cta-bottom {
    background: url(/assets/images/Global/cta-box-bottom.png) no-repeat center top;
    width: 228px;
    height: 17px;
}
.disclaimer-text
{
    font-family: Verdana,Arial,Helvetica,Sans-serif;
    font-size: 9px;
    color: #666666;
    line-height:10px;
}
.disclaimer-section {
    border-top: solid 1px #ececec;
    clear:both;
    margin-top: 30px;
    padding: 15px 25px 15px 25px;
    color: #666;	
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	font-size: 9px;
	line-height:1.6em;
	clear:both;
    display:block; 
}
a.disclaimer-link, a.disclaimer-link:link, a.disclaimer-link:hover, a.disclaimer-link:active {
  display: inline-block;
  font-size: 9px !important;
  text-decoration: underline !important;
}
.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.RotatingTRAVELImage { display: none; z-index: 100; position: absolute; top: 0px; left: 0px; }
.RotatingTRAVELNavigation { z-index: 200; text-align: center; position: absolute; left: 0px; width: 100%; bottom: -30px; background-color: #FFF; padding-top: 1px; padding-bottom: 1px; -moz-opacity: .90; -ms-filter: 'alpha(opacity=90)'; filter: alpha(opacity=90); opacity: .90; font-size: 10px; font-family: Arial; border-top: 1px solid #DDD; }
.RotatingNavTRAVELLink { padding-right: 15px; padding-left: 15px; cursor: pointer }
/***Styling of cruise select and text boxes */
.cwsSelectStyle2 { height: 26px; width: 286px; color: #8c8976; padding: 3px 3px 3px 3px; margin-top: 3px; background-color: white; border: 1px solid #afafaf; }
.cwsSelectStyle { height: 26px; width: 137px; color: #8c8976; padding: 3px 3px 3px 3px; margin-top: 3px; background-color: white; border: 1px solid #afafaf; }
.cwsTextInputStyle { height: 14px; width: 125px; color: #8c8976; padding: 5px 5px 5px 5px; margin: 0px 0px 10px 0px; background-color: white; border: 1px solid #bababa; }
.selectedRadioLabel
{
    font-weight: bold;
}
.standardRadioLabel
{
    font-weight: normal;
}
/***Main Top Banner*/ 
#TopBannerAdSection { width: 660px; height: 236px; float: left; }
#TopBannerAdSection .RotatingHOMEImage { display: none; z-index: 100; position: absolute; top: 0px; left: 0px; }
#TopBannerAdSection .RotatingHOMENavigation { z-index: 200; text-align: center; position: absolute; left: 0px; width: 100%; bottom: -30px; background-color: #FFF; padding-top: 1px; padding-bottom: 1px; -moz-opacity: .90; -ms-filter: 'alpha(opacity=90)'; filter: alpha(opacity=90); opacity: .90; font-size: 10px; font-family: Arial; border-top: 1px solid #DDD; }
#TopBannerAdSection .RotatingNavHOMELink { padding-right: 15px; padding-left: 15px; cursor: pointer }
.top-content
{
    width: 963px;
    height: 236px;
    position: relative;
}
.top-content h1, .page-content h1, .top-content h2, .page-content h2, .top-content h3, .page-content h3 { overflow: hidden; margin: 0; padding: 0; letter-spacing: -0.03em; }
.top-content h1, .page-content h1 {
    font-size: 22px;
    line-height: 25px;
    font-family: 'Mission Gothic', Arial Narrow, Arial; 
    font-weight: bold;
    font-style:normal;
}
.top-content h2, .page-content h2 {
    font-size: 18px;
    line-height: 20px;
    font-family: 'Mission Gothic', Arial Narrow, Helvetica, sans-serif;
    font-weight: normal;
    font-style:normal;
}
.top-content h3, .page-content h3 {
    font-size: 30px;
    line-height: 32px;
    font-family: 'Mission Gothic', Arial Narrow;
    font-weight: normal;
    font-style:normal;
}
.top-content .right-section { width: 267px; height: 217px; float: left; text-align: center; margin: 18px 0px 0px 34px; background: #fff; border: 1px solid #dbdbdb; border-bottom-color: #959595; position: relative; }
.top-content .right-section .sub-panel {margin: 6px auto 0px auto; }
.page-content .sub-panel .top-container div { display: none; }
.page-content .sub-panel a, #tcoContainer a { text-decoration: underline; cursor: pointer; }
.page-content .sub-panel a:hover, #tcoContainer a:hover { text-decoration: underline; }
.page-content .widgetTabs { height: 28px; margin-bottom: -3px; display: inline-block; position: relative; z-index: 5; }
/*GCS - fix this when the widget links are not in list elements */
.top-content .right-section .sub-panel ul { margin: 8px 0px 10px 0px;display: inline-block;margin: 0 auto;text-align: left; }
.top-content .right-section .sub-panel ul li { padding: 0px; margin: 0px 0px 6px 15px; list-style-position: outside; list-style-image: url("/assets/images/Global/blue_bullet.png"); list-style-type: none; }
.page-content p { line-height: 17px;}
.page-content .sub-panels { clear: both; position: relative; }
.page-content .sub-panel { background-color: rgb(255, 255, 255); border: 1px solid #dbdbdb; border-top: none; border-bottom-color: #959595; }
.page-content .lower-left-mc .sub-panel { height: 322px; }
/**Button and link positioning in sub panels **/
.page-content .sub-panel .cta-section, .page-content .sub-panel .Search-Container, .top-content .sub-panel .cta-section { position: absolute; bottom: 24px; }
.page-content .sub-panel .cta-section.nolinks, .page-content .sub-panel .Search-Container.nolinks, .top-content .sub-panel .cta-section.nolinks { position: absolute; bottom: 37px; }
.page-content .sub-panel .cta-section ul.links, .page-content .sub-panel .Search-Container ul.links, .top-content .sub-panel .cta-section .links { position: relative; top: 12px; }
.page-content .formEntry label { color: #2c68ab; text-transform: uppercase; padding-bottom: 4px; }
.page-content .lower-left-mc { width: 342px; height: auto; float: left; }
.page-content .sub-panel { padding: 24px 26px 12px 26px; min-height: 350px; }

h2.cta-box-title { text-align: center; font-size: 30px; line-height: 32px; }
h2.cta-box-title1
{
    font-size:30px;
    font-weight:normal;
    font-style: normal;
    font-family: 'Mission Gothic', Arial Narrow;
    color:#2c68ab;
}
h2.cta-box-subtitle { text-align: center; font-size: 26px; line-height: 28px; }
.page-content .sub-panel .cta-button { margin: 20px auto 17px auto; }
    .page-content .sub-panel.center
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
        line-height: 20px;
    }
.page-content .sub-panel.center img.membershipCardImg { width:228px; height:150px;}
.page-content .sub-panel.center img {position:relative;left:-15px; }
.page-content article
{
    margin-bottom: 24px;
}
.page-content .sub-panel p { margin-top:3px; margin-bottom:10px; line-height:17px; }

.ContentMiddle { height: 371px; position: relative; margin-top: 24px; margin-bottom: 30px; }

.ContentMiddle .lower-left-mc { width: 352px; height: auto; float: left; }
.ContentMiddle .lower-left-mc .sub-panel { width: 320px; }
.ContentMiddle .lower-middle-mc, .ContentMiddle .lower-right-mc { float: left; margin-left: 30px; }
.ContentMiddle .lower-middle-mc { width: 283px; }
.ContentMiddle .lower-middle-mc .ribbon { position: absolute; z-index: 1; top: 8px; }
.ContentMiddle .lower-right-mc { width: 268px; }
    
.ContentMiddle .lower-right-mc ul.no-bullet li { list-style-image: none; list-style-type: none; line-height: 20px; }
.ContentMiddle .sub-panel { padding: 15px 15px 0px 15px; height: 320px; }
.ContentMiddle .sub-panel h1 {
    font-size: 20px;
    line-height: 23px;
    font-family: "Mission Gothic", Arial Narrow;
    font-weight:bold;
    font-style:normal;
}
/*GCS - fix this when the widget links are not in list elements */
.ContentMiddle li { display: inline; }
.ContentMiddle .formEntry li { display: block; }
ul.bulleted-list { line-height: 1.5; }
ul.bulleted-list li { display: inline-block; margin: 8px 0px 0px 0px; padding-left: 10px; background: transparent url(/assets/Images/Global/blue_bullet.png) no-repeat 0 5px; list-style-type: none; list-style-position: outside; }

.sub-tab-content h2 { font-size: 18px; font-weight: normal; letter-spacing: -0.2px; }
.sub-tab-content h2, .page-content .widgetTabs ul li a,.page-content .widgetTabs ul li span { 
    font-family: "Mission Gothic", Arial Narrow;
    color: #2c68ab; 
	font-weight:normal; 
	font-style:normal;
}
.page-content .sub-tab-content { position: relative; }
.page-content .widgetTabs ul li a,.page-content .widgetTabs ul li span { font-size: 15px; text-transform: uppercase; text-decoration: none; margin-left: 0px; float: left; display: inline; }
.page-content .widgetTabs a:hover { background: rgba(255, 255, 255, 1); -moz-opacity: 1; -ms-filter: 'alpha(opacity=100)'; filter: alpha(opacity=100); opacity: 1;}
.page-content .widgetTabs li { border-left: 1px solid #dbdbdb; display: inline; float: left; margin-left: 0px; margin-right: 0px; overflow: hidden; background: rgba(240, 240, 240, .4);  }
.widgetTabs li.active-tab { background: rgba(255, 255, 255, 1);-moz-opacity: 1; -ms-filter: 'alpha(opacity=100)'; filter: alpha(opacity=100); opacity: 1; }
.page-content .widgetTabs ul li:last-child { border-right: 1px solid #dbdbdb; }
.page-content .widgetTabs ul li a,.page-content .widgetTabs ul li span { height: 20px; letter-spacing: 0.47px; padding: 5px 10px 3px 10px; }

@-moz-document url-prefix() {
    .page-content .widgetTabs ul li a,.page-content .widgetTabs ul li span { letter-spacing: 0.15px; }
    .page-content .ContentMiddle .widgetTabs ul li a,.page-content .ContentMiddle .widgetTabs ul li span { letter-spacing: 0.20px; padding: 5px 7px 3px 7px; }
}

.page-content .mp-1box-container { width: auto; min-height: 0px; float: none; margin-top: 30px; margin-left: 38px; }
.page-content .mp-1col-box { width: auto; float: none; padding: 20px 26px 10px 26px; position:relative;}
.page-content .mp-2col-leftEqual-box { width: 304px; float: left;position:relative; }
.page-content .mp-2col-rightEqual-box { width: 304px; margin-left: 30px; float: left; position:relative;}
.page-content .mp-2col-leftRatio-box { width: 390px; float: left;position:relative; }
.page-content .mp-2col-rightRatio-box { width: 250px; margin-left: 18px; float: left; position:relative;}
.page-content .mp-2box-leftBox-container { width: 444px; margin-top: 30px; margin-left: 38px; float: left; position:relative;}
.page-content .mp-2box-leftBox-container .content { padding-right: 22px; }
.page-content .mp-2box-leftBox-container .sub-panel { min-height: 350px; }
.page-content .mp-2box-leftBox-container .sub-panel .disclaimer { margin-top: 35px; }
.page-content .mp-2box-rightBox-container { width: 230px; margin-top: 30px; margin-left: 36px; float: left; position:relative;}
.page-content .mp-2box-rightBox-container .sub-panel .content { width: 190px; float: left; overflow: hidden; padding: 26px 19px 0; }
.pp-content-wrapper {
	width:748px;
	margin:30px 0 65px 0;
}
.page-content .pp-content-container { width: 484px; margin-left: 24px; position:relative;}
.page-content .pp-maxWidth-content { width: 660px; margin-top: 30px; margin-left: 24px; padding-bottom:12px; position:relative;}
.pp-content-container h3 {line-height:17px; font-size:14px;}
.pp-content-container a {text-decoration:underline;}
.page-content .pp-cta-container { float:right; width: 210px; margin-left: 15px; margin-right: 15px; padding: 0px 10px 20px 10px; }
.pp-3equalCol-boxRow{clear: both; margin:12px 0px 12px 24px; width:724px;}
.pp-3equalCol-box
{
    width:218px; min-height:114px; margin-right:22px; float:left;
}
    .pp-3equalCol-box h2
    {
        color:#666666;
        padding-top:12px;
    }
    .h3HyperLink {
            font-size: 14px !important;
            color: #549bbf !important;
        }
.sliding-marketing-area { margin-top: 37px; }
.the-main-page-accordian
{
    margin-left:24px;
    font-size:9px;
}
.the-main-page-accordian a
{
    font-size:9px;
    text-decoration:underline;
}
.the-main-page-accordian-text
{
    padding-top:20px;
}
/*VACATION WIDGET*/
.TrvWdgVacationImg { float: left; margin-left: 6px; width: 66px; }
.TrvWdgVacationOdd, .TrvWdgVacationEven { clear: both; border-top: 1px solid #A2C5EF; height: 46px;}
.TrvWdgVacationOdd { background-color: #DBEAFC; }
.TrvWdgVacationText { float: left; margin-right: 6px; font-size: 8pt; color: #808080; font-family: Arial, Helvetica, Sans-Serif; white-space: nowrap; }
a.TrvWdgVacationLink, a.TrvWdgVacationLink:active, a.TrvWdgVacationLink:visited, a.TrvWdgVacationLink:link { font-size: 9pt; font-weight: bold; color: #3366CC; }
/*	P R I C E L I N E  W I D G E T S */
/* PRICELINE Styles*/
.rs_multiSearchBoxRooms { background: #fff; width: 137px; height: 26px; padding: 3px; margin: 3px 0px 0px 0px; border: 1px solid #afafaf; color: #8C8976; }
.rs_multiSearchBoxGuests { background: #fff; width: 137px; height: 26px; padding: 3px; margin: 3px 0px 0px 0px; border: 1px solid #afafaf; color: #8C8976; }
.rs_multiSearchBoxAutosuggest { background: #fff; width: 137px; height: 14px; padding: 5px; margin: 3px 0 10px 0; border: 1px solid #afafaf; color: #8C8976; }
.rs_multiSearchBoxCalendar { margin-top: 0px !important; margin-left: 0px !important; }
.rs_calendarBody { right: 0px !important; bottom: 10px !important; }
.rs_multiSearchBoxCalendar table .topRow, .rs_multiSearchBoxCalendar table .weekRow { background: #777 !important; }
.rs_multiSearchBoxCalendarShow { background-image: url(/assets/images/global/calendar.jpg); background-repeat: no-repeat; background-position: right; background-color: white; width: 125px; height: 14px; padding: 5px; margin: 3px 0 14px 0; border: 1px solid #afafaf; color: #8C8976; cursor: pointer; }
.rs_multiSearchBoxCalendarTime { background: #fff; width: 137px; height: 26px; padding: 3px; margin-top:3px; border: 1px solid #afafaf; color: #8C8976; }
.rs_multiSearchBoxCalendar .calendarNext { background-image: url(/assets/images/global/searchbox.png) !important; }
.rs_multiSearchBoxCalendar .calendarPrev { background-image: url(/assets/images/global/searchbox.png) !important; }
.rs_multiSearchBoxCabin { background: #fff; width: 137px; height: 26px; padding: 5px; margin: 0px; border: 1px solid #afafaf; color: #8C8976; }
.rs_multiSearchBoxAutosuggestResults { margin-top: 0px !important; margin-left: 0px !important; }
.rs_multiSearchBoxAutosuggestResultsContent { right: 0px !important; bottom: 7px !important; }
.rs_multiSearchBoxAutosuggestResultsContent li { margin-left: 0px !important; }
/**** T R A V E L *****/

.travel.lower-left-mc{ width: 370px; float: left; position: relative; margin-top:30px; margin-left: 38px; }
#tcoContainer { float: right; width: 292px; margin-top:30px; }
#tcoContainer .teaserBox { width: 292px; height: 138px; position: relative; padding-right: 12px; margin-bottom: 12px; }
.teaserBox.altered { width:600px; min-height:138px; margin-left:24px; clear:both; }
#tcoContainer .teaserBox .teaserImg { padding: 4px 12px 12px 8px; display: block; position: absolute; right: 12px; background-image: url("/assets/Images/Travel/TCO_BKGD.png"); }
.teaserImg.left { float: left; width: 120px; height: 138px; padding: 2px 25px 16px 9px; background: transparent url(/assets/Images/Travel/TCO_BKGD.png) no-repeat;}
#tcoContainer .teaserBox .teaserBody { position: absolute; left: 0; width: 134px; padding: 8px 8px 0px 0px; line-height: 17px; }
.teaserBox.altered .teaserBody { padding: 8px 8px 0px 0px; line-height: 17px; }
.teaserBox .teaserBody .teaserTitle { 
    font-family: "Mission Gothic", Arial Narrow;
    font-size: 15px;
    line-height: 17px;
    color: #2c68ac;
    letter-spacing: -.2px;
    padding-bottom: 2px; 
	font-weight:normal; 
	font-style:normal;
}
.teaserBox.altered .teaserBody .teaserTitle { 
    font-family: "Mission Gothic", Arial Narrow;
    font-size: 16px;
    line-height: 21px;
    color: #2c68ac;
    letter-spacing: -.2px;
    padding-bottom: 2px; 
	font-weight:normal; 
	font-style:normal;
}
a.teaserLinks{font-size:11px !important; color:#666666 !important; text-decoration:underline !important;}

/*****M E M B E R S H I P *******/
.mp-2box-rightBox-container .cta-phone { margin-top: -4px; }
.mp-2box-rightBox-container .sub-panel.center ul.no-bullet
{
    margin-left: -6px;
}
.blankCardName { font-size: 12px; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#000000; }
.blankCardMemNumber { font-size: 16px; font-family:Arial, Verdana, Helvetica, Sans-serif; color:#000000; }
.classicCardName { font-size: 12px; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#2c68ab; }
.classicCardMemNumber { font-size: 16px; font-family:Arial, Verdana, Helvetica, Sans-serif; color:#2c68ab; }
/*****I N S U R A N C E  *******/
.insurance-page.page-content .mp-2box-rightBox-container label { display: block; text-align: left; }
.mp-2box-rightBox-container .formEntry { line-height: 12px; }

.insurance-page.page-content .mp-2box-rightBox-container .cta-section div:nth-child(1) { padding-bottom: 9px; }
/*******LEFT NAV***********/
#left-rail { width: 215px; display: inline-block; float: left; }
#leftnav { width: 205px; display: inline; float: left; padding: 24px 0px 0px 0px; margin-right:10px; }
#leftnav em { margin: 0px 0px 0px 25px; font-style: italic; }
#leftnav em a { font-size: 21px; color: #767676; display: block; width: 100%; font-style: normal; }
#leftnav .section-title { display: block; width: 100%; padding: 0 12px 10px 24px }
#leftnav .section-title { 
    font-size: 30px;
    font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif;
    font-weight: bold;
	font-style:normal;
    color: #2c68ab;
    text-decoration: none;
    line-height: 28px;
    letter-spacing: -.20px;
    text-transform: uppercase; 
}
#leftnav .section-title a { font-size: inherit; font-family: inherit; color: inherit; text-decoration: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav ul { margin-bottom: 10px; }
#leftnav ul li { margin-left: 0px; }
#leftnav ul li a { border: 1px transparent; color: #666; display: block; padding: 9px 12px 9px 25px; text-decoration: none; }
#leftnav ul li a:hover { border: 1px solid #dbdbdb; padding: 8px 11px 8px 24px; }
#leftnav ul li a.sub-cat { padding: 10px 11px 10px 25px; }
#leftnav ul li a.sub-cat:hover { padding: 9px 10px 9px 24px; }
#leftnav ul li span {border: 1px solid #dbdbdb; padding:9px 12px 9px 24px; color:#333; text-decoration:none; display:block;}
#leftnav ul li span.sub-cat {padding-left:10px;}
#leftnav ul li span.level3-sub-cat { padding: 9px 10px 9px 24px; }
#leftnav ul.action-nav li a { color: #559cbe; text-transform: uppercase; font-size: 10px; }
#leftnav ul.action-nav li a:hover { background: transparent url(/assets/images/bkg/bkg_leftnav_links_on.gif) repeat-y 100% 0; }
#leftnav ul.action-nav li a:first-child { border-top: transparent; }
#leftnav .mc-ad1, #leftnav .mc-ad2 { margin: 0px 0px 15px 15px; }
#leftnav .glo-ad { margin: 0 0 15px 9px; }
#leftnav .glo-ad em { margin: 0px; font-style: italic; }
#leftnav .glo-ad-clickable { margin: 0 0 15px 15px; margin-top: -8px; padding-top: 5px; }
.hasLeftNav .page-content { display: inline; float: left; width: 748px; margin: 0px 0px 26px 0px; }
.insurancePersonalCoverage { display: none; }
.insuranceCustomerServices { display: none; }
.insuranceLearnMore { display: none; }
#leftnav .section-subtitle {
    font-size: 16px;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: normal;
    padding: 10px 12px 0 24px;
}
/*******LEFT NAV FOR AAA LIVING***********/
#leftnav .section-title-aaaliving { display: block;margin: -10px 0 10px 5px; width: 100%; }
#leftnav .section-title-aaaliving { 
    font-size: 25px;
    font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif;
    font-weight: bold;
	font-style:normal;
    color: #2c68ab;
    text-decoration: none;
    line-height: 28px;
    letter-spacing: -.20px;
    text-transform: uppercase; 
}
#leftnav .section-title-aaaliving a { border: 1px transparent; color: #666; display: block; margin: -10px 0 10px 5px; font-size: 25px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-title-aaaliving a:hover { border: 1px solid #dbdbdb; margin: -9px 0 9px 4px; font-size: 25px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }

#leftnav .section-sub-title-aaaliving { display: block;margin: 15px 0 10px 5px; width: 100%; }
#leftnav .section-sub-title-aaaliving { 
    font-size: 25px;
    font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif;
    font-weight: bold;
	font-style:normal;
    color: #2c68ab;
    text-decoration: none;
    line-height: 28px;
    letter-spacing: -.20px;
    text-transform: uppercase; 
}
#leftnav .section-sub-title-aaaliving a { border: 1px transparent; color: #666; display: block; margin: 15px 0 10px 5px; font-size: 25px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-sub-title-aaaliving a:hover { border: 1px solid #dbdbdb; margin: 14px 0 9px 4px; font-size: 25px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }

#leftnav .aaaliving-title { display: block;margin: 15px 0 -5px 5px; width: 100%; }
#leftnav .aaaliving-title p {
    font-size:12px;
    font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif;
    font-weight:normal;
    text-decoration:none;
    line-height: 12px;
    letter-spacing: -.20px;
    margin-bottom: 10px;
    }
#leftnav .aaaliving-title a { border: 1px transparent; color: #666; display: block; margin: 15px 0 10px 5px; font-size: 12px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .aaaliving-title a:hover { border: 1px solid #dbdbdb; margin: 14px 0 9px 4px; font-size: 12px; font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }

/*******LEFT NAV FOR AAA LIVING FIX ***********/
 #leftnav .aaaliving-title a { padding: 0px 0px 0px 0px; border: 0px solid transparent; color: #666; display: block;  margin: 0px;  font-size: 12px; font-family: Verdana, Arial Narrow, Helvetica, Sans Serif; text-transform: inherit; }
#leftnav .aaaliving-title a:hover { padding: 0px 0px 0px 0px; border: 0px solid transparent; margin: 0px; font-size: 12px; font-family: Verdana, Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-title-aaaliving a { border: 0px transparent; color: #666; display: block; margin: -10px 0 -10px 5px;  font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-title-aaaliving a:hover { border: 0px solid #dbdbdb; margin: -10px 0 -10px 5px;  font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-sub-title-aaaliving a { border: 0px transparent; color: #666; display: block; margin: 15px 0 -10px 5px;  font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-sub-title-aaaliving a:hover { border: 0px solid #dbdbdb;  margin: 15px 0 -10px 5px;  font-family: "Mission Gothic", Arial Narrow, Helvetica, Sans Serif; color: inherit; text-decoration: none; line-height: inherit; letter-spacing: inherit; text-transform: inherit; }
#leftnav .section-title-aaaliving { display: block;margin: 0px ; width: 100%;  }
#leftnav .section-sub-title-aaaliving { 
    display: block;
    margin: 40px 0 0px 0px;
    width: 100%;
}
/*******END LEFT NAV FOR AAA LIVING FIX ***********/


/*******LEFT NAV FOR AAA LIVING END***********/


/**********************A D S P O T S *****************************************************/

.adspot-content-outer { margin-top: 22px; }
/* root element for Ad Spot scroll feature (this element stays still) */
.scrollableAds { position: relative; overflow: hidden; width: 933px; height: 200px; float: left; }
/* root element for scrollable items in Ad Spot scroll feature */
.scrollableAds .adItems { width: 20000em; position: absolute; clear: both; }
/* a single item in Ad Spot scroll feature */

a.browseAds { display: block; width: 12px; height: 84px; margin: 0px 0px 0px 0px; cursor: pointer; }
a.rightAds { float: right; background: url(/assets/images/btn/ADSPOT-ARROWR.png) no-repeat; margin-left: 2px; }
a.rightAds:hover { background: url(/assets/images/btn/ADSPOT-ARROWR-ENABLED.png) no-repeat; }
a.leftAds { float: left; background: url(/assets/images/btn/ADSPOT-ARROWL.png) no-repeat; margin-right: 4px; }
a.leftAds:hover { background: url(/assets/images/btn/ADSPOT-ARROWL-ENABLED.png) no-repeat; }
.adspot_title, .menu_title { 
    font-size: 15px;
    color: #666666;
    font-family: "Mission Gothic", Arial Narrow Bold;
	font-weight:bold; 
	font-style:normal;
    line-height: 17px; 
}
.adspot_description { margin: 6px 0px 6px 0px; }
.adspot_link a:link { font-size: 11px; color: #666666; text-decoration: underline; }
.adspothoverlink a:hover { text-decoration: none; }
.adspot_link a:visited { font-size: 11px; color: #666666; text-decoration: underline; }
/* Ad Slider */
.slider-item { float: left; background: transparent url("/assets/Images/AdSpots/ADSPOT-BKGD.png") no-repeat; width: 228px; margin-right: 7px; }
.slider-item a img { padding: 4px 9px 14px 9px; }
.slider-item .info { display: inline; float: left; padding-right: 9px; width: 209px; padding-left: 10px; line-height: 17px; color: #666666; font-size: 11px; }
.slider-item .infoNR { display: inline; float: left; width: 214px; padding-left: 6px; line-height: 20px; }
.slider-item2 .info { display: inline; float: left; width: 190px; margin-left: 10px; line-height: 20px; }
.slider-item p { padding: 0px; margin: 0px; }
.slider-item span { padding-right: 14px; text-decoration: underline; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
.slider-item2 p { padding: 0px; margin: 0px; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
.slider-item2 span { background: transparent url(/assets/Images/Global/link_arrow.png) no-repeat 100% 50%; padding-right: 14px; text-decoration: underline; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; }
.slider-indicator { margin: 15px auto 5px; text-align:center;}
.slider-indicator ul { display:inline-block;}
.slider-indicator ul li { display: inline; float: left; width: 20px; height: 4px; background-color: #cecece; margin: 1px }
.slider-indicator ul li.shown { background-color: #999; }
.slider-indicator2 { margin: 10px auto 0px auto; }
.slider-indicator2 ul { }
.slider-indicator2 ul li { display: inline; float: left; width: 20px; height: 4px; background-color: #cecece; margin: 1px }
.slider-indicator2 ul li.shown { background-color: #999; }
/* Partner Slider (modified add slider, use both classes) */
.partner-slider { width: auto; margin-left: 15px; }
.partner-slider .view-port { width: 645px; }
.partner-slider .content .slider-item { width: 215px; }
.partner-slider .content .slider-item .image-container { height: 80px; vertical-align: middle; }
.partner-slider .content .slider-item .image-container img { display: block; float: none; }
.partner-slider .content .slider-item .info { display: block; float: none; margin-left: 23px; width: auto; margin-top: 5px; line-height: 1.5; }
.partner-slider .content .slider-item .info em { font-size: 13px; }
/* Partner component */
.partner { width: 100%; }
.partner .img-container { display: inline; float: left; margin-left: 29px; width: 111px; }
.partner .details { display: inline; float: right; width: 171px; margin-right: 19px; }
.partner p { line-height: 1.5; padding-top: 5px; }
.partner ul { line-height: 1.5; }
.partner ul li { margin: 8px 0px 0px 0px; padding-left: 10px; background: transparent url(/assets/Images/Global/blue_bullet.png) no-repeat 0 5px; list-style-type: none; list-style-position: outside; }
.partner strong { padding: 10px 0px 5px; display: block; }
/**********************E N D  A D S P O T S *****************************************************/


/**HTML5 Stuff**/
.image-divider { position: relative; background-image: url(/assets/Images/Global/cta-box-line.png); width: 228px; height: 2px; margin:15px 0;}
.sub-panel .image-divider { left: -15px; margin-bottom:5px; }


/****Priceline changes ****/
.page-content .rs_suggest_absolute ul li{display:block;padding:8px;font-size:12px;margin:0; list-style:none;}

/* --------------New CSP Table Styles-------------- */

table.table-style {
			border-collapse: collapse;
			margin: 25px 0 25px 0;
			text-align: left;
			width: 704px; 
		}
table.table-style2 {
    border-collapse: collapse;
    margin: 5px 0 25px 0;
    text-align: left;
}
		table.table-style th {
			background: #3e7fcf url(/Assets/images/Global/table-header-background.png) top left repeat-x;
			color: #fff;
			font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 16px;
			padding: 10px 10px;
			height: 40px;
			vertical-align: middle;
		}
table.table-style2 th {
    background: #3e7fcf url(/Assets/images/Global/table-header-background.png) top left repeat-x;
    color: #fff;
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px;
    height: 30px;
    vertical-align: middle;
    border-style:none;
}
		table.table-style td  {
			color: #666;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 13px;
			padding: 10px 10px;
		}
table.table-style2 td  {
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    padding: 10px 10px;
    border-style:none;
}
		table.table-style th span { color: #ececec; font-size: 13px; font-weight: normal; }
		table.table-style td strong { color: #2c68ac; }
		table.table-style tr.even, table.table-style td.even, table.table-style tr:nth-child(odd) { background: #eee; }
        table.table-style tr.even, table.table-style td.even, table.table-style tr:nth-child(odd) { background: #eee; }
		table.table-style tr.border { border-bottom: solid 8px #eee; }
		table.table-style tr.border td { padding-top:5px; }
		table.table-style th.center, table.table-style td.center { text-align: center; }
		table.table-style sup { font-style: normal; font-size: 80%; height: 0; line-height: 1; }

/* --------------------Contest Form Styles (may apply to Non-Mem Registration too when that is converted to use new css)------------------------ */
.FirstNameField {float: left; width: 160px; min-height: 50px;}
.LastNameField {float: left; width: 160px; min-height: 50px;}
.FormFieldBox { font-family:arial;font-size:10pt;color:#000;border:solid 1px #ced1d5;height:auto}
.CWSAddressAddr1 { width: 280px; }
.CWSAddressAddr2 { width: 100px; }
.CWSAddressCity { width: 230px; }
.CWSAddressZip { width: 72px; }
.CWSAddressCounty { width: 280px; }
.CWSEmail1 { width: 230px; }
#Address2Holder, #CityHolder {float: left; margin: 2px 6px 0 0; } 
#Address1Holder { float: left; margin: 1px 6px 0 0; }
#StateHolder {float: left; width: 156px; margin: 1px 4px 0 0;}
#ZipHolder {float: left; width: 120px; margin-top:2px;}

.formTable, .table {
    width: 660px;
}
.formTableRow, .tablerow { min-height: 22px; clear: both; }
.fieldTitle, .fieldtitle { 
    width: 34%;
    float:left;
    text-align: right;
    /*padding: 6px 0px 6px 0px;*/
    padding: 10px 0px 6px 0px;
    font-weight: bold;
    font-size: 11px;
}

.fieldLabel, .fieldlabel {
    width: 34%;
    float:left;
    text-align: right;
    padding: 6px 0px 6px 0px;
    font-size: 11px;
}
.formField, .input {
    width: 64%;
    float:left;
    padding: 6px 0px 6px 10px;
    font-size: 11px;
}

.formField input[type=text], .input input[type=text], .formField input[type=tel], .input input[type=tel], .formField textarea, .input textarea, .formField select, .input select { 
    border: 1px solid #C4C4C4;
    background-color: #f6f6f6;
    font: 12px/20px Verdana, Geneva, sans-serif;
    color: #555;
    margin: 0;
    padding: 0; 
}

.formField input[type=text], .input input[type=text] { width: 225px; }
.formField input, .input input { text-indent: 4px; height: 24px; }
.formField input[type=radio], .input input[type=radio] { margin-left: 0px; margin-top: 1px;  /*height: auto;*/ }
.formField textarea, .input textarea { padding: 4px; }
.formField select, .input select { padding: 4px 4px 4px 2px; min-width: 50px; min-height: 24px;}

.autoWidthSelect 
{
    width: auto !important;
    max-width: 98%;
}

input[type=radio], input[type=checkbox]
{
	margin-top: -1px;
	vertical-align: middle;
}

a.ctaH3 {
    line-height: 1.6em;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
a.ctaLink {
    text-decoration: underline;
}
  
.ExtraInfoPopup { display: none; border: 3px solid #8F8F8F; padding: 10px; background-color: #ffffff; font-size: 10px; color: #172169; font-family: Arial,Verdana,Helvetica,sans-serif; width: 406px; position: absolute; left: 60px; margin-top: 120px; z-index: 5000; }

.RoundedBoxes { -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;-o-border-radius:10px;-icab-border-radius:10px;border:solid 1px #808285;padding:10px; background-color:white; }  
.FAQWrapper {padding-bottom: 3px; width: 680px; margin: auto; border-bottom: 1px solid #DDD;}
.Question   {cursor: pointer; font-weight: bold; color: #000; padding: 5px;}
.Answer     {display: none; color: #333; padding: 5px 20px 10px 22px; width: 640px;}

.PreviousStep, .PreviousStep:hover {
    color: #172169;
    font-size:12px;
    text-decoration:none;
}
.PreviousStep:hover {
    color: #172169;
    font-size:12px;
    text-decoration:underline;
}
.PreviousStepDisabled, .PreviousStepDisabled:hover {
    color: #808080;
    font-size:12px;
    text-decoration:none;
}
.CurrentStep, .CurrentStep:hover {
    color: #172169;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
.FutureStep, .FutureStep:hover {
    color: #808080;
    font-size:12px;
    text-decoration:none;
}

.WelcomeDiv { width: 750px; text-align: center;  min-height: 450px; margin: 0 auto;}
.WelcomeLogoDiv { float: right; margin: 0 0 0 15px; padding-bottom: 40px;}
.TopTitle, .TopTitleChoosePlan, .TopTitleJoinPayment { margin: 22px 0 0 0; height: 38px; padding: 0; float:left;}
.JoinFlowDiv { float: right; margin: 32px 0 0 0; padding: 0; vertical-align:sub; }
.NavCrumbSelected { font-weight: bold; }
.JoinBox, .JoinBoxChoosePlan, .JoinBoxMemberInfo, .JoinBoxPayment { width:100%; padding: 10px 0px 3px 10px; margin: 0px auto 20px auto; text-align:left; min-height: 250px; display: inline-block; }
.IE .JoinBoxChoosePlan { width:100%; padding: 10px 0px 10px 10px; margin: 0px auto 20px auto; text-align:left; min-height: 250px; display: inline-block; }
.JoinPaymentSummary { float: left; width:99%; background-color: #e5f2ff; padding-top:10px; padding-bottom:10px; }
.JoinPayCard { float: left; width: 22%; text-align: center; }
.JoinPayCardImage { width: 115px; height: 73px; }
.PayNamePriceSummary { float: left; width: 75%; }
.PayNameChange { float: left; width: 200px; display: none; font-weight: bold; font-size: 11px; text-decoration: none; }
.PayMemberChange { float:left; width:170px; display: none; text-align: center; font-weight: bold; font-size: 11px; text-decoration: none; }
.PayMemNameTitle { float:left; width:37%; padding-bottom:5px; }
.PayMemBikeTitle { float:left; width:30%; text-align: center; padding-bottom:5px }
.PayMemDuesTitle { float:left; width:33%; text-align: right; padding:0 0 5px 0;}
.PayMemSummaryTotalDiv { clear:both; padding-top: 10px; text-align:right; border-top:solid 1px gray }
#PaymentAutoBill {margin-top: 10px;}
.PayInfoSubmitOnce { font-size: 10px; color: #555; padding-top: 10px; clear: both; text-align: right;}
.PayInfoSSL { padding-top: 10px;  margin: auto; margin-top: 10px; font-size: 10px; }

.MemberInfoDiv, .JoinPaymentDiv { margin: 0px auto 0px auto; width:80%; }
#MemberInfo { float: left; max-width: 550px; }
#MemberInfo .Spacer { margin: 10px;}
.MemberInfoTitle { border-bottom: 1px solid #999; margin: 20px; display:flexbox; }
#MembershipCard {text-align: center; padding-bottom: 10px;}
#CWSForm .RoundedBoxes { border: 1px solid #e0e3e8; padding: 0; margin: 0; width: 100%;}
#PricingInfo { float: right; max-width:200px; padding-top: 20px; margin: 0 20px 0 0;}
#PricingInfo .Spacer { margin-left: 5px; padding-top: 3px; max-width:200px;}
.PriceRow { width: 200px; clear: both; padding-top: 3px;}
.PriceRow .Description { float: left; width: 120px;}
.PriceRow .Price { float: left; width: 80px; text-align: right;}
#HowManyAssociates { width: 440px; padding: 3px 0 5px 0; }
.HowManyAssociatesDropdown { width: 50px; float: right; text-align: right; }
.descriptionParagraph {padding-top: 5px; padding-bottom: 10px;}
.PlanCompareLeft { float: left; width: 410px; padding: 10px 0 0 0; }
.PlanCompareRight { float: left; width: 290px; margin: -10px -10px -10px 20px; padding:10px 10px 14px 20px; background-color: #E4E7EC; border-radius: 0 10px 10px 0; }
.PlanCardDiv { clear:both; cursor:pointer; height: 100px; margin: 0 0 0 0; }
.PlanCardDetail { float: left; width: 260px;}
.MembershipRadioClass { float: left; width: 10px; padding: 30px 10px 0 6px; }
.ChooseCardImage { float: left; width: 115px; padding: 0 5px 0 0; }
.MemberPricingDescription { width: 120px; float: left; padding-bottom: 5px; }
.MemberPricingPrice { width: 110px; float: left; text-align: right; }
.PlanDetailsTextDiv { margin: 11px 0 0 0; line-height: 30px; letter-spacing: -1px;}
.ChoosePlanArrowDiv { position:relative; top:-320px; left:410px; width:15px; }
.PlanChooseLargeCardImage { text-align: center; }
.PlanDetailsDisclaimer, .PlanDetailsDisclaimerPR { font-size: 10px; line-height: 10px; color: #444; padding-top: 10px; min-height: 30px; }


.BackContinueDiv { width: 100%; }
.BackContinueDivMemberInfo { clear: both; padding: 10px 0 0 0; margin: 0 0 0 0; }
.BackButtonDiv { float: left; }
.ContinueDiv { float: right; }
.MailerImageDiv { float: left; width: 250px; margin: 25px 50px 35px 5px; }
.MailerImage { margin: 0 30px 15px -9px; }
.FormTitleText { font-weight: bold; font-size: 12px; line-height: 1.7; padding-bottom:5px }
.Mailer3Char { width: 25px; }
.Mailer4Char { width: 35px; }
.AsterixText {font-size:10pt;color:red;vertical-align:super}
.TempCardZip { font-style:italic; color:gray; font-size:11px; font-weight:normal; }

.HideOnPC { display: none; }

.MemberAmountGrid { border: 0; padding: 0; width: 100%; }
.MemberAmountGrid td { border: 0; padding: 0; margin: 0; margin: 0 0 20px 0; }
.MemberAmountGridHeader { font-weight: bold;}

    /* ICP Start */

  #pbr-shell { position: relative; overflow:hidden; width:100%;}
  #pbr-shell img { display: block; }
  #pbr-shell .static {
    width: 100%;
    height: auto;
  }
  #pbr-shell .blow-out {
    position: absolute;
    width: 60%;
  	height: 85%;
  	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 30%, rgba(255,255,255,.5) 60%, rgba(255,255,255,0) 72%);
    text-align: center;
  }
  #pbr-shell .pbr-center .pbr-text { /* border:solid 1px red; */
    position: relative;
    top: 20%; left: 10%;
    width: 80%;
  	height: auto;
  }
  #pbr-shell .pbr-left .pbr-text { /* border:solid 1px red; */
    position: relative;
    top: 20%; left: 10%;
    width: 80%;
  	height: auto;
  }
  #pbr-shell .pbr-right .pbr-text { /* border:solid 1px red; */
    position: relative;
    top: 20%; right: -10%;
    width: 80%;
  	height: auto;
  }
  #pbr-shell .blow-out.pbr-center { top: 0%; left: 20%; /* border:solid 1px #000; */}
  #pbr-shell .blow-out.pbr-left { top: 0%; left: -4%; /* border:solid 1px #000; */}
  #pbr-shell .blow-out.pbr-right { top: 0%; right: -4%; /* border:solid 1px #000; */}
  #pbr-shell .pbr-text h1 { 
		color: #cc0000;
		font-family: "Mission Gothic", helvetica, arial, sans-serif;
		font-size: 50px;
		line-height: 48px;
		letter-spacing: -0.01em;
		margin-bottom: 5px;
		padding: 0 25px;
		font-style: italic;
		overflow: visible;
	}
	#pbr-shell .pbr-text p { 
		color: #333;
		font-family: helvetica, arial, sans-serif;
		font-size: 18px;
		line-height: 23px;
		margin:0;
		padding: 0 25px;
	}
  @media (max-width: 768px) {
    #pbr-shell .blow-out {
      position:relative;
      width: 100%;
    	height: 100%;
    	background: none;
      text-align: left;
    }
    #pbr-shell .pbr-center .pbr-text, 
    #pbr-shell .pbr-left .pbr-text, 
    #pbr-shell .pbr-right .pbr-text  { /* border:solid 1px red; */
      position: relative;
      top: 0%; left: 0px;
      width: 85%;
    	height: auto;
    	padding-right: 15px;
      padding-left: 15px;
    }
    
    #pbr-shell .blow-out.pbr-center, 
    #pbr-shell .blow-out.pbr-left { top: 0%; left: 0%; /* border:solid 1px #000; */}
    #pbr-shell .blow-out.pbr-right { top: 0%; right: 0%; /* border:solid 1px #000; */}
    #pbr-shell .pbr-text h1 { /* border:solid 1px red; */
		  font-size: 26px;
      line-height: 26px;
      padding:0;
	  }
	  #pbr-shell .pbr-text p { /* border:solid 1px red; */
		  font-size: 13px;
      line-height: 17px;
      padding:0;
	  }

    #pbr-shell .pbr-left .pbr-text, #pbr-shell .pbr-right .pbr-text { width: 100%; padding: 30px; text-align: center; }
    #pbr-shell .btn { width: 100%; }

  } 

    /* ICP End */