body	{padding: 0; margin: 0; background: #fff;}
body, td, th, div, p, input, select, label, legend, h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; color: #000; margin:0; padding: 0;}
td, p, legend, input, select, h5, h6 {font-size:11px;}
label {font-size:10px; display:block;}
p label {font-size:11px; display:inline; padding-right:5px;}
.finePrint {display:block; font-size:10px;}

h1	{font-size:16px;color:#000;} /* more h1 in page header section */
h2	{font-size:15px;}
h2 em {color: #999; font-style:normal;}
h3, th	{font-size:13px;}
h4	{font-size:12px;}
h1, h2, h3, h4, h5, th	{font-weight: bold;}
h2, h3, h4 {margin:0 0 6px 0;}
p {margin:0 0 4px 0;}
h5 {margin:0 0 3px 0;}

ul {padding: 0; margin: 0 0 6px 0;}
li {margin: 0 0 4px 0; padding: 0 0 0 10px;}
ul li {list-style:none;}
li.form, ul.form li {padding-left: 0; background-image: none; }
li.form label, ul.form li label{display:inline; font-size:11px; font-weight:bold;}
li.form li, li.form li.form li, ul.form li li, ul.form ul.form li {margin: 0 0 0 20px;}
li li.form, li.form li li {margin: 0;}
.chk_list_item .chk {float:left; margin-bottom:10px;}

.relative { position:relative; }
/* "horizontal" list style - add "#container li" to selectors to style individual lists this way */

.dpPages li, #whosTraveling li, #whosDriving li, #footer li, .pagination li, #meta li, #metaSignOut li, #selectCorpTraveler li, #packageDetails_hotelLinks li, #addTravelArranger li, #myTravelArrangers li {padding: 0 4px 1px 5px; line-height:16px; margin-bottom:2px; list-style:none; background: none; display:inline; border-left: 1px solid #999; font-weight:bold;}
li.first {border-left: none !important; padding-left: 0 !important; }/* important so ID from first rule doesn't override this one */

#body { clear: both; }

/* 'standard' sliding doors tabs - no padding or margin, add that where you need it  */
#body ul.tabs					{margin:0; padding:0 16px 0 0; list-style:none;}

 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#body .tabs li a				{float:none;}
  /* End IE5-Mac hack */

hr {border:0 solid #000;color:#000;background:#000;height:1px;margin:3px 0;padding:0;}
input, select, .button {margin: 0px 5px 6px 0px;}
p input, p select {margin-bottom: 0;}
input.chk {padding: 0; margin: 0 3px 0 0; vertical-align:text-bottom; }
p input.chk {margin-top: 3px;}
* html .chk  {margin: -4px 0 0 -3px !important; vertical-align:text-top; } /*gets rid of extra padding on checkboxes and radio buttons in IE*/
div, form, fieldset {margin: 0; padding: 0; border: 0;}
fieldset div {float: left; padding-right:6px;}
td, th {vertical-align: top;}
th {text-align: left;}
img {border: none;}
.keyValue td {padding-right:16px;}
.disabled	{color: #ccc;}
.textRight { text-align: right; }

a:link, .js {cursor:pointer; color: #36f; text-decoration:underline;}
a:active	{color: #039;}
a:visited	{color: #69f;}
a:hover, .js:hover	{color: #039;}
a.novisit:visited {color: #36f;} /* disable visited states for page anchor links that don't get encoded*/
a.hidden:link	{color: #000; text-decoration: none;}
a.hidden:active	{color: #000; text-decoration: none;}
a.hidden:visited	{color: #000; text-decoration: none;}
a.hidden:hover	{color: #000; text-decoration: none;}

/* clears */
.clear, .clear_r, .clear_l {line-height: 0; padding: 0; margin: 0; display:block; height:0;overflow: hidden;}
.clear {clear: both;}
.clear_r {clear: right;}
.clear_l {clear: left;}

.tinySpace {font-size:1px;}

/* page header */
h1 {padding: 13px 0px 11px 16px; line-height:16px; background-color: #cef; margin: 0; text-align:left;}

/* top nav styles */
#topnav { width: 770px; background-color: #fff; padding: 0; }
#topnav div.tabs {padding-left: 16px;}
#topnav .tabs ul { list-style-type: none; margin: 0; padding: 0; line-height:1.2;}
#topnav .tabs ul li { float: left; margin: 0 2px 0 0; padding: 0; line-height: 0;}
#topnav .tabs ul li.cs {margin: 0; padding-right: 2px; background: url(/common-info/images/tab_cs_bg.gif) 100% 0 no-repeat;}
#topnav .tabs img { vertical-align: bottom; }
#blue-tabs { float: left; width: 425px; background: url(/common-info/images/bg_left_bigtabs.gif); margin: 8px 0 0 0;}
#green-tabs { float: right; width: 345px; background: url(/common-info/images/bg_right_bigtabs.gif); margin: 8px 0 0 0;}
#green-tabs .tabs ul{ padding: 10px 0 0 0; margin: 0;}
#green-tabs .tabs#withTLC ul {background: url(/common-info/images/corner_tr_tlc.gif) top right no-repeat;}
#green-tabs .tabs#withTLC ul.tlcActive {background: url(/common-info/images/corner_tr_tlc_o.gif) top right no-repeat;}
#green-corner {text-align: right;}
#topnav #meta { height: 32px; width: 345px; margin: 10px 0 0 0; text-align: right; font-weight: bold; font-size:13px;}
#meta .smaller { font-size:10px; }
#meta h3 {margin: 0; padding: 0;}
#meta ul { font-size:11px; margin: 0 0 3px 0;}
#meta ul li { margin-left: 3px; padding-right: 0; }

#topnav #metaSignOut { height: 32px; width: 345px; margin: 10px 0 0 0; vertical-align: center; text-align: right; font-weight: bold; font-size:13px;}
#metaSignOut .smaller { font-size:10px; }
#metaSignOut h3 {margin: 0; padding: 0;}
#metaSignOut ul { font-size:11px; margin: 0 0 3px 0;}
#metaSignOut ul li { margin-left: 3px; padding-right: 0; }
#metaSignOut {display:none;}

/* IE5 Mac only -- it renders the left border in the wrong place, so I am turning it off */
 /*\*//*/
  #meta li { border-left: none; }
/**/
/* end IE5 Mac only */

/* footer */
#footerContainer {float:none; clear:both;}
#footer {padding: 16px 0 24px 16px; font-size:10px; width: 570px;  color: #999; float: left; clear: left;}
#footer a, #footer p {font-size:10px;} 
#footer .secondary_nav {margin:4px 0; color:#999;}
#footer .secondary_nav a {color:#999;}
#footer p {padding: 0 0 0 86px; clear:both; margin-top:10px;}/*margin doesn't actually appear - it's here for ie bug*/
#footer p em {color: #999; font-style:normal;}
#footer ul {clear:both; margin:0 0 1px 0;}
#footer li {white-space:nowrap; clear:none;}
.license {white-space:nowrap;}

#verisign { float: right; padding-left: 12px; }
#trustE   { float: right; padding-top: 6px; }

#footer_right {padding: 16px 0; text-align: right; font-size:10px; margin-left: 590px; width: 170px; clear: right;}

#footer .footerRss {  float:left; margin-top: 6px; margin-bottom:10px; }
#footer .footerRss a { line-height:17px;}
#footer .imgX	{ margin-left:6px; vertical-align:middle;}
.imgXY { margin-right:10px; vertical-align:middle;}
.imgXTbl { padding-right:16px; }

.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearFix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearFix {display: block;}
/* End hide from IE-mac */

body {font-size:11px;}

#ftr { clear:both; }
#ftr p {font-size: 10px; line-height: 11px; }
#ftrMid {width:769px; height:54px; background-color:#E3EBFC; } 
#ftrMid .left {padding: 0px 0 0 0; float:left; width:570px;}
#ftrMid .left p {padding: 0 0 0 80px; background: url(/common-info/images/siteName.gif) no-repeat; margin-left: 16px; }
#ftrMid .left p em {color: #999; font-style:normal;}

#ftr .nav { margin:12px 0 0 16px; color:#999;  }
#ftr .nav2 { margin:6px 0 10px 16px; color:#999; }
#ftr .nav2 img { position:relative; top:5px; left:5px; }
#ftr .nav2 span { padding-left:87px; }

#ftrAwards { width:769px; }
#ftrAwards img { margin: 8px 16px 16px 16px; vertical-align: top; }
#ftrAwards .middle { margin: 8px 75px 16px 75px !important; }

#ftrAmex { border-left: 1px solid #FFF; height: 54px; margin-left: 601px;}
#ftrAmex img { margin: 8px 0 5px 24px; }

#ftrSecurity { border-left: 1px solid #FFF; height: 54px; margin: 0 3px 0 571px;}
#ftrSecurity img { margin: 8px 0 5px 3px; vertical-align: top; }

h2 sup { font-size:10px !important}

#body {float:left; width:770px; background:#cef;}
.step, .stepWide { border-bottom: 2px solid #cef; margin: 0; width:620px; position:relative; background-color:#fff; border-top:1px solid #fff; overflow: visible;}
.step:after, .stepWide:after {content: "."; height: 0; visibility: hidden; clear: both}
* html .step, * html .stepWide {height: 1%;} 
.main { margin: 13px 16px 16px 36px; }

#singleModule #firstRow {border-bottom:1px solid #fff;}
#singleModule #lastRow, #singleModule #lastRowWide {line-height:12px;}
#singleModule .main {margin-left:16px;}
.step hr, .main hr {padding:0; margin:8px 0; height:1px; color:#cef; border-top: 1px solid #cef;}
.dp {background-color:#ffc; border-top: 1px solid #cef;}
.highlight {background-color:#ffc;}
.moduleBackground {background-color:#e5f6ff;}
.dp h2 {font-size: 18px;}