@charset "utf-8";
/* CSS Document */

/* ====================================================================================================================
	[[[[[  include BASIC styles  ]]]]] 
   ==================================================================================================================== */

img, a img { border: none; }

ul, ol, li, dl, dt, dd {
	margin: 0; /* undo all margins */
	padding: 0; /* undo all padding */
	display: block; /* display inline-block list items at block level */
	list-style-type: none; /* undo bullets */
	}

body {	
		font-family: Arial,Helvetica,Sans-Serif; 
		font-size: 11px; 
		line-height: 14px; 
		color: #333333;	}
p, td {	
		/*text-align: left; not necessary needed*/
		font-family: Arial,Helvetica,Sans-Serif; 
		font-size: 12px; 
		line-height: 16px; 
		color: #333333;	}

a, a:link  { color: #1a4a7a; text-decoration: none; }
a:visited { color: #2e4b68; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

ul { list-style: none; padding: 0; margin: 0; }
li { list-style: none; padding: 0 0 0 14px; margin: 3px 0; background: url(Images/list-bullet2.gif) 3px 6px no-repeat; }


/* ====================================================================================================================
	[[[[[  include FOOTER styles  ]]]]] 
   ==================================================================================================================== */

#footer { display: block; width: 930px; margin: 30px auto 0; padding: 25px 0 20px 0; border-top: 1px solid #eaeaea; position: relative; }

#footer ul { margin: 0px auto; display: block; width: auto; clear: both; height: 28px; }
#footer li { float: left; padding: 1px 10px 1px 10px; border-right: 1px dashed #999999; background: none; }
#footer a, #footer li a:visited { display: block; color: #666666; text-decoration: none; padding: 0; margin: 0; } 
#footer ul li a:hover { background: none; text-decoration: underline; margin: 0; padding: 0; } 
#footer ul li.noBorder { border: none; }

#footer ul li a:hover { padding: 0; margin: 0; border: none; }

#footer #footer_global { background: url(Images/icon_world.gif) left top no-repeat; padding: 1px 0px 1px 20px; }
#footer #footer_contact { background: url(Images/icon_phone.gif) left top no-repeat; padding: 1px 0px 1px 20px; }

#footer ul.footer1 { width: 400px; }
#footer ul.footer2 { width: 360px; }
#footer ul.footer3 { width: 220px; }

#footerLogo { display: block; width: 110px; position: absolute; top: 50%; right: 0; margin: -29px 0 0 0; }

#footer_popup h1 { color:#CC0000; font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; }

.footerBrand { font-family: Helvetica, sans-serif; font-weight: bold; font-style: normal; color: #000; font-size: 11px; } 

#footerHome { display: block; width: 670px; margin: 30px auto 0; padding: 25px 0 20px 0; border-top: 1px solid #eaeaea; position: relative; }

#footerHome ul { margin: 0px auto; display: block; width: auto; clear: both; height: 28px; }
#footerHome li { float: left; padding: 1px 10px 1px 10px; border-right: 1px dashed #999999; background: none; }
#footerHome a, #footer li a:visited { display: block; color: #666666; text-decoration: none; padding: 0; margin: 0; } 
#footerHome ul li a:hover { background: none; text-decoration: underline; margin: 0; padding: 0; } 
#footerHome ul li.noBorder { border: none; }

#footerHome ul li a:hover { padding: 0; margin: 0; border: none; }

#footerHome #footer_global { background: url(Images/icon_world.gif) left top no-repeat; padding: 1px 0px 1px 20px; }
#footerHome #footer_contact { background: url(Images/icon_phone.gif) left top no-repeat; padding: 1px 0px 1px 20px; }

#footerHome ul.footer1 { width: 400px; }
#footerHome ul.footer2 { width: 360px; }
#footerHome ul.footer3 { width: 220px; }

/*
====================================================================================================================
	[[[[[  include MAINBODY styles  ]]]]] 
   ==================================================================================================================== */

#main_banners670 {	z-index: 0; width: 670; height: 220;}

#main_highlights{ font-family:Arial, Helvetica, sans-serif; margin-top:15px;}
#main_highlights .title { font-size:12px; font-weight:bold; }

.subheadings{ color:#4773a5; font-size:18px; font-weight:bold; }
.subheadingsdesc{ color:#4773a5; font-size:14px; font-weight:bold; }

#mainbody { font-family:Arial, Helvetica, sans-serif; margin-top:10px; vertical-align:top;}

#mainbody .title{ font-size:12px; font-weight:bold; }
#mainbody .title2{ font-size:16px; font-weight:bold; }
#mainbody .titledesc{ font-size:12px; font-weight:bold; }

#mainbody .tabs a{ color:#FFFFFF; font-size:14px; font-weight:bold; margin-left:15px; }

#mainbody .faq_cat, #mainbody .terms_cat, #mainbody .smiles_points_cat { font-weight:bold; }
#mainbody .faq_q { color:#4773a5;font-weight:bold;}


/*
====================================================================================================================
	[[[[[  table styles  ]]]]] 
   ==================================================================================================================== */

#steps td { font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px;}

#redemption_table { border:solid; border-width:thin; border-color:#eeeeee ; border-collapse:collapse; }
#redemption_table td { font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px;}
#redemption_table .title { font-size:14px; font-weight:bold; color:#2F4C68;}
#redemption_table .titledesc { font-weight:bold; color:#2F4C68;}
#redemption_table .selected { color:#CC0000;font-weight:bold;}

.table_common { border:solid; border-width:thin; border-color:#eeeeee ; border-collapse:collapse; }
.table_common .titledesc { font-weight:bold; color:#2F4C68;}

.table_common { border:solid; border-width:thin; border-color:#eeeeee ; border-collapse:collapse; }

.altrow { background: #eee; }

/*building in progress*/
.table_common { border-collapse: collapse; margin: 0; border: none; outline: 0;  }
.table_common th { background: url(Images/bg_rewards.gif) left top no-repeat; font-weight:bold; color:#333; border: none; padding: 2px 10px 3px; }
.table_common tr { border: none; }
.table_common tr.header-col th { background: none; padding: 2px 10px; }
.table_common tbody { border: none; }
.table_common td { padding: 10px; }
.table_common td { border: 1px solid #b5b5b5; }
.table_common table td { padding: 0; border: none; }

.table_section {}
.table_section td { padding: 5px; }
.table_section td.title_link { padding: 0px; }
.table_section .title_link a, .table_section .title_link a:visited { font-size: 12px; font-weight: bold; color: #333; text-transform: none; background: #ebebeb url(Images/bg_subpages_titles_btm.gif) left bottom no-repeat; display: block; padding: 4px 5px; line-height: 1.2em; }
.table_section .title_link a:hover { text-transform: underline; background: #dee9f2 url(Images/bg_subpages_titles_btm.gif) left bottom no-repeat; color: #1A4A7A; }

/*
====================================================================================================================
	[[[[[  rewards styles  ]]]]] 
   ==================================================================================================================== */

.rewards_title { height: 80px; vertical-align: top; overflow: hidden; }
.rewards_points { color: #f26c0c; }
.rewards_points span { font-size: 30px; line-height: 32px; }
.altrow, #rewards .altrow { background: #e6e6e6; }

/*
====================================================================================================================
	[[[[[  title  ]]]]] 
   ==================================================================================================================== */

.titledesc2 { color: #fff; font-weight: bold; }

a.title_link, a.title_link:visited  { font-size: 12px; font-weight: bold; color: #333; text-transform: none; background: #ebebeb url(Images/bg_subpages_titles_btm.gif) left bottom no-repeat; display: block; padding: 4px 5px; line-height: 1.2em; }
a.title_link:hover { text-transform: underline; background: #dee9f2 url(Images/bg_subpages_titles_btm.gif) left bottom no-repeat; color: #1A4A7A; }

.title_link2 { background: #ebebeb url(Images/title-link-circle.gif) no-repeat 5px 5px; border-bottom: 1px solid #ccc; padding: 0 5px 0 24px; font-weight: bold; }

.title_link2 a, .title_link2 a:visited { display: block; font-size: 12px; font-weight: bold; color: #333; text-transform: none; background: url(Images/title-link-arrow.gif) no-repeat right 5px; padding: 4px 3px; line-height: 1.2em; }
.title_link2 a:hover { text-transform: underline; color: #1A4A7A; }


/* ====================================================================================================================
	[[[[[  include MAIN NAV styles  ]]]]] 
   ==================================================================================================================== */
#mainNavTB { background: transparent url(Images/Navigation/lightBlueOn.jpg) repeat-x top left; }
#mainNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top: 0px solid #fff; border-bottom: 0px solid #fff; 
	color: #fff; clear:both; margin:0 2px 0 0;
}
#mainNav ul { float:left; }
#mainNav ul li { float:left; white-space:nowrap; background: none; padding: 0; margin: 0; }
#mainNav li a { color: #fff; 
	background: transparent; padding: 0 10px 1px 10px; text-decoration: none; display:block;
	font-size: 12px;; font-weight: bold; line-height: 21px; }
#mainNav li a#mnLeftMost { padding-left: 22px; }
#mainNav li a#mnLeftMost:hover { padding-left: 22px; }
#mainNav li a#mnLeftMost.mnNavOn { padding-left: 22px; text-decoration:none; }

#home #mainNav li a:hover, #home li a.mnNavOn {
background: url(Images/Navigation/BlueoffBtn.jpg);border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:none;}
#aboutsmiles #mainNav li a:hover, #aboutsmiles li a.mnNavOn1 {
background: url(Images/Navigation/BlueoffBtn.jpg);border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:none;}
#rewards #mainNav li a:hover, #rewards li a.mnNavOn2 {
background: url(Images/Navigation/BlueoffBtn.jpg);border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:none;}
#stationlocator #mainNav li a:hover, #stationlocator li a.mnNavOn3 {
background: url(Images/Navigation/BlueoffBtn.jpg);border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:none;}
#promotions #mainNav li a:hover, #promotions li a.mnNavOn4 {
background: url(Images/Navigation/BlueoffBtn.jpg);border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 0 9px 1px 9px; text-decoration:none;}

/* ====================================================================================================================
	[[[[[  include LEFT NAV styles  ]]]]] 
   ==================================================================================================================== */
   
#leftNavTB{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px;}
#leftNavTB a{ color:#666666;}
#leftNavTB a:hover{ color:#1A4A7A;}
#leftNavTB .l1texton{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1A4A7A;}
#leftNavTB .l2texton{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1A4A7A;}
#leftNavTB .l3texton{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#1A4A7A;}
#leftNavTB .l1text{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#leftNavTB .l2text{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#leftNavTB .l3text{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#leftNavTB td.l1off { padding-left:25px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l1_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l1on { padding-left:25px; background-color: #dee9f2; background-image:url(Images/bg_subpages_leftnav_l1_on.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l1-arrow-off { padding-left:25px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l1_arrow_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l1-arrow-on { padding-left:25px; background-color: #dee9f2; background-image:url(Images/bg_subpages_leftnav_l1_arrow_on.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l2off { padding-left:40px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l2_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l2on { padding-left:40px; background-color: #dee9f2; background-image:url(Images/bg_subpages_leftnav_l2_on.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l2-arrow-off { padding-left:40px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l2_arrow_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l2-arrow-on { padding-left:40px; background-color: #dee9f2; background-image:url(Images/bg_subpages_leftnav_l2_arrow_on.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l3off { padding-left:60px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l3_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l3on { padding-left:60px background-color: #dee9f2;; background-image:url(Images/bg_subpages_leftnav_l3_on.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l3-arrow-off { padding-left:60px; background-color: #ebebeb; background-image:url(Images/bg_subpages_leftnav_l3_arrow_off.gif); background-repeat:no-repeat; background-position:topleft;}
#leftNavTB td.l3-arrow-on { padding-left:60px; background-color: #dee9f2; background-image:url(Images/bg_subpages_leftnav_l3_arrow_on.gif); background-repeat:no-repeat; background-position:topleft;}


/* ====================================================================================================================
	[[[[[  quicklinks  ]]]]] 
   ==================================================================================================================== */
  
#quicklinks { margin-top: 20px; }
#quicklinks .title_link2 { color: #666; background: #ebebeb; background-image: none;  border-bottom: 1px solid #ccc; padding: 0 10px 0 10px; font-weight: bold; }
#quicklinks ul{ padding: 0 0 0 10px;}
#quicklinks li { background: url(Images/list-bullet.gif) 3px 6px no-repeat; }
#quicklinks ul li a { font-weight: bold; }

/* ====================================================================================================================
	[[[[[  include Station Locator Links styles  ]]]]] 
   ==================================================================================================================== */
   
#stationlocatormap td{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; } 
#hiddendiv {display: none;}
#oddrow{background-color:#f1f1f1;}  
#links a{ color:333;}
#links ul { background-color:#c0c0c0; list-style-type:none; padding: 5px; margin-bottom:8px; }
#links{width:210px;	}
#links img{ padding:2px;	}
#litem111{	background-color:inherit;cursor:pointer;}
.hide{display:none;	}
.show{display:inherit;	}
.divsec{float:left;font-weight:bold;}
.divsecon{	float:left;	font-size:13.5px;font-weight:bold;cursor:pointer;}


/* ====================================================================================================================
	[[[[[  usual class  ]]]]] 
   ==================================================================================================================== */

.floatLeft { float: left; margin: 0 15px 15px 0; }
.floatRight { float: right; margin: 0 0 15px 15px; }
.oddrow{ background-color:#f1f1f1;}
.clear { clear: both; line-height: 1px; }
.highlights { color: #e70000 }
#main_banners670 { font-family:Arial, Helvetica, sans-serif;}