body { text-align: center; }
#wrapper {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  width: 965px;
  margin: 0px auto 30px auto;
  color: #3d3d3d;
  text-align: left;
}
#wrapper table,
#wrapper p,
#wrapper li,
#wrapper .cardbox {
  font-size: 1.2em;
}
div.iframe_container { width: 964px; margin: 0px auto; }
#wrapper #topnav {
  background-color: #082340;
  padding: 7px 0px;
}
#wrapper div,
#wrapper table,
#wrapper #topnav a,
#wrapper p {
  margin: 0px 0px 0px 0px;
}
#wrapper .margin_override { margin: 0px 0px 0px 0px !important; }
#wrapper .padding_override { padding: 0px 0px 0px 0px !important; }
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper td,
#wrapper th,
#wrapper #cur_selector div,
#wrapper .cardbox,
#wrapper p {
  padding: 4px;
}
#wrapper img,
#wrapper #content-primary th,
#wrapper #content-primary td {
  border: 0px solid;
}
#wrapper th.formfieldname { width: 35%; }
#wrapper img.card_ico,
#wrapper .apply_button {
  margin: 8px;
}
#wrapper #topnav a,
#wrapper .costtitle {
  color: #E3EDF8
}
#wrapper .bold,
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper .highlight,
#wrapper span.menu_item,
#wrapper .costtitle,
#wrapper #content-primary p.enteryouramount,
#wrapper p.purchasenote {
  font-weight: bold;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper .clear {
  clear: both;
}
#wrapper a {
  text-decoration: none;
  color: #00AAD2;
  font-size: 1.2em;
}
#wrapper h2 {
  color: #004DB3;
  font-size: 1.3em;
  text-transform: capitalize;
}
#wrapper h3 { color: #004db3; }
#wrapper .highlight,
#wrapper h1,
#wrapper h2.sectiontitle,
#wrapper .costtitle {
  background: #082340 url(/static/affiliate/travelmail/headerBackground.jpg) no-repeat top right;
  color: #ffffff;
  padding: 5px;
}
#wrapper h2.sectiontitle { background-position: -200px top; }
#wrapper #sectiontitlecontainer { 
  padding-top: 82px;
  background: #fff url(/static/powered_by_logo.gif) no-repeat center top;
}
#wrapper h1 { font-size: 1.5em; }
#wrapper div.right,
#wrapper #right_col { float: right; }
#wrapper #left,
#wrapper div.left,
#wrapper #left_col  { float: left; }
#wrapper div.cardbox div.left { width: 100px; }
#wrapper div.cardbox div.right {
  width: 250px;
  padding-top: 15px;
}
#wrapper div.two_col { width: 49%; }
#wrapper .outline {
  border: 1px solid #082340;
  margin-bottom: 15px;
}

#wrapper .gradient {
  background: #FFFFFF url(/static/affiliate/travelmail/gradient.gif) repeat-x scroll;
  padding: 5px;
}
#wrapper .costtitle2 {
  color: #082340;
}
#wrapper .smalltext { padding-left: 10px; }
#wrapper a:hover {
  text-decoration: underline;
}
#wrapper .go_button,
#wrapper .apply_button {
  cursor: pointer; /* moz  */
  cursor: hand;   /*  ie? */
  height: 24px;
}
#wrapper table {
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0px;
}
#wrapper div.border_override {
  border-right: 1px solid #082340;
}
#wrapper .border_override {
  border-left: 1px solid #082340;
  border-bottom: 1px solid #082340;
}
#wrapper .buttons,
#wrapper .right_align,
#wrapper .purchasingnavigation  { text-align: right; }
#wrapper .left_align,
#wrapper #content-primary th,
#wrapper #content-primary td              { text-align: left; }
#wrapper #content-primary td.curr         { text-align: right; }
#wrapper .center_align          { text-align: center; }
#wrapper .auto_overflow         { overflow: auto; }
#wrapper .expand,
#wrapper .labelspacer,
#wrapper table                  { width: 100%; }

#wrapper .odd                   { background-color: #fff; }
#wrapper .even                  { background: transparent url(/static/affiliate/travelmail/gradient.gif) repeat-x scroll; }
#wrapper, #wrapper .white       { background-color: white; background-image: none; }
#wrapper .white td {
  color: #082340;
  border-top: solid 1px #082340;
  border-bottom: solid 1px #082340;
}
#wrapper th {
  text-align: left;
  color: #082340;
}
#wrapper #mainreg { border: 0px solid #fff !important; }
#wrapper #left_col              { width: 190px; }
#wrapper #right_col             { width: 765px; }
#wrapper #right_col,
#wrapper #left_col              { margin-top: 10px; }
#wrapper #left_col h2.highlight { background-position: -200px top; }
#wrapper #right_col h1          { margin: 0px 0px 10px 0px; }

#wrapper #estimatorfunction.post #rcv_card { display: none; }
#wrapper #estimatorfunction.post #rcv_post { display: block; }
#wrapper #estimatorfunction.card #rcv_post { display: none; }
#wrapper #estimatorfunction.card #rcv_card { display: block; }
#wrapper .moredetails { margin: 10px; }
#wrapper #estimatorfunction th {
  padding-right: 0px !important;
}
#wrapper #estimatorfunction select {
  width: 100%;
}
#wrapper #estimatorfunction table { width: 175px !important; }
#wrapper div.moredetails div.left  { width: 80%; }
#wrapper div.moredetails div.right { width: 15%; }
#wrapper a.more_info               { margin-right: 20px; }
#wrapper #topnav a {
  padding: 0px 7px;
  border-right: solid 1px #ffffff;
  font-size: 1.2em;
  font-weight: bold;
}
#wrapper #converter_header {
  margin: 10px 0px 0px 0px;
  border-style: solid;
  border-color: #000;
  border-width: 1px 1px 0px 1px;
  background-position: -140px -150px;
  padding: 5px;
}
#wrapper h2.majikwidjit,
#wrapper h2.purchasetitles {
  color: #FFF;
  background: #082340 url(/static/affiliate/travelmail/headerBackground.jpg) no-repeat scroll right -150px;
}
#wrapper h2.purchasetitles { padding: 5px; }
#wrapper #topnav a.last_one {
  border-right: 0px solid #082340;
}
#wrapper #topnav a.first_one {
  background: #082340 url(/static/affiliate/travelmail/nav_left.gif) no-repeat scroll 100% 100% !important;
  padding-right: 5px !important;
}
#wrapper a.selected_nav     { font-style: italic; }
#wrapper select.menu        { width: 120px; }
#wrapper .go_button,
#wrapper .apply_button,
div.moredetails a,
div.moredetails img {
  border: 0px solid #FFFFFF;
}
#wrapper .go_button {
  background: transparent url(/static/affiliate/travelmail/go_button.gif) no-repeat scroll 0 0;
  margin-left: 15%;
  width: 55px;
  height: 24px;
}
#wrapper .even .go_button {
  background: transparent url(/static/affiliate/travelmail/go_button_even.gif) no-repeat scroll 0 0;
}
#wrapper #go_existing {
  margin: 0px;
}
#wrapper .apply_button { background: transparent url(/static/affiliate/travelmail/applynow_button.gif) no-repeat scroll 0 0; }
#wrapper p.note, #wrapper p.notes {
  clear: both;
  font-style: italic;
  font-size: 1em;
}
#wrapper p.footer {
  color: #737373;
  margin-top: 10px;
  text-align: center;
}
#wrapper .costtitle2 {
  background-color: #f7f7e7;
  text-align: center;
}
/********** wizard compatibility **********/
#wrapper #left  { width: 190px; }
#wrapper #left  { text-align: center; }
#wrapper #left div { text-align: left; }
#wrapper #left { margin-top: 10px; }
#wrapper #content-primary table {  border: 1px solid #C6C6C6; }
#wrapper .specialrate { color: red; }
#wrapper #content-primary p.notes { font-style: italic; }
#wrapper #content-primary th, #wrapper #content-primary td { padding: 5px; }
#wrapper .labelspacer { margin: 10px 0px; }
#wrapper #purchase_table {
  background-color: #EDEDE5;
  border-collapse: separate;
}
#wrapper p.purchasenote { border: solid 1px #c6c6c6; }
#wrapper #content-primary #newuser .hint, #wrapper #content-primary #newuser .hint .hint-pointer { position: absolute; }
#wrapper #content-primary #newuser .hint {
  display: none;
  width: 150px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
  left: 650px;
}
#wrapper #content-primary #panel4 #newuser .hint,
#wrapper #content-primary #newuser .hint   { left: 900px; }
#wrapper #content-primary #newuser .hint .hint-pointer {
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(/static/pointer.gif) left top no-repeat;
}
#wrapper #content-primary table td, #wrapper #content-primary table th { border: 0px solid; }
#wrapper #content-primary h2, #wrapper #left h2 { margin-top: 0px; text-transform: capitalize; }
#wrapper #content-primary p.slide2, #wrapper #content-primary span.btn-slide4 { width: 230px; height: 22px; }
#wrapper #content-primary p.slide2 { background: transparent url(/static/affiliate/travelmail/new_customers_click_here_button.gif) no-repeat scroll center center; margin: auto; }
#wrapper #content-primary span.btn-slide4 { background: transparent url(/static/affiliate/travelmail/arrow-square.gif) no-repeat scroll right -56px;  padding: 0px; display : block; }
#wrapper #content-primary span.active { background-position: right 6px; }
#wrapper #content-primary table.formsubtable { border: none !important; }
#wrapper #content-primary table.formsubtable th, #wrapper #content-primary table.formsubtable td { font-size: 7pt; padding: 1px; }
#wrapper #content-primary table.formsubtable td select, #wrapper #content-primary table.formsubtable td input { font-size: 7pt; }
#wrapper #content-primary p.purchasenote { margin-top : 10px; }
#wrapper #content-primary a img { margin : 10px auto 10px auto; }
#wrapper #content-primary #newuser br { display: none; }
#wrapper #content-primary #panel4 {
  height: auto;
  width: 530px;
  display: none;
}
#wrapper span.dfv_errors {
  color       : red;
  font-weight : bold;
}
#wrapper div.buttons { margin-top: 10px; }
#wrapper div.buttons div { display: inline; }
#wrapper #show_login { margin-bottom: 10px !important; }
.btn-slide4 { background-image: none !important; }
/********** end wizard compatibility **********/

/********** start blog compatibility **********/
#wrapper #blog .title h1,
#wrapper #blog a.homelink {
  color: #990000;
  background: transparent !important;
  font-size : 12px !important;
}
#wrapper #blog .title h2 {
  font-size : 12px !important;
  background-color: #9DACBB;
  color: white;
}
#wrapper #blog {
  width: 100% !important;
  padding: 0px;
}
#wrapper #blog div.pager {
  background: transparent !important;
  width: auto !important;
}
#wrapper #blog a { text-decoration: underline; }
/********** end blog compatibility **********/

/********** bad hair day alert **********/
#wrapper .alert {
  background: #FAA;
  border: 1px solid red;
  margin: 1em 0px;
  padding: 0em;
  text-align: center;
  color: black;
}
#wrapper .alert p {
  margin: 0.5em;
  font-size: 12px;
}
#wrapper .alert .note   { font-weight: bold; }
#wrapper .alert .closed { color: red }
#wrapper .alert .open   { color: green }
#wrapper .alert .fail   { color: red }
#wrapper .alert .pass   { color: green }
/********** end bad hair day alert **********/

#wrapper #content-primary.travel table.main { width: 100% !important; }
#wrapper #content-primary.travel table.main th { text-align: left !important; }
#wrapper table#feesummary { width : 100% !important; }
#wrapper table#feesummary td,
#wrapper table#feesummary th {
  vertical-align: top;
}
#wrapper .del_method_container {
  margin: 0px 20px 0px 0px;
}
#wrapper .del_method_container .left p.notes,
#wrapper .del_method_container .left p { width : auto !important; }

#wrapper .del_method_container .right { width: 170px !important; }
#wrapper .del_method_container .left { width: 500px !important; }
#wrapper .del_method_container .right { text-align: right; }
#wrapper .del_method_container .right img { margin-bottom: 10px; }

#wrapper #content-primary p.or {
  font-size: 18px;
  color: #004DB3;
  font-weight: bold;
  margin-bottom: 0px;
}
#wrapper #content-primary p.or img {
  vertical-align: middle;
  margin-left: 10px;
}

#wrapper .graphic_btn {
  background: #082340 url(/static/affiliate/travelmail/button_l.gif) no-repeat scroll left top;
  border: solid 0px #fff !important;
  color: #fff !important;
  font-weight: bold;
  height: 24px;
  padding-left: 10px;
  padding-right: 0px;
  cursor: pointer;
  overflow: visible;
  margin: 0 !important;
  font-size: 12px;
}
#wrapper .left .graphic_btn_cap { float: left; }
#wrapper .right .graphic_btn_cap { float: right; }
#wrapper .graphic_btn_cap {
  border: 0px solid #fff;
  background: #082340 url(/static/affiliate/travelmail/button_r.gif) no-repeat scroll right top;
  padding-right: 10px;
  display: inline-block !important;
}

#wrapper .del_method_container .graphic_btn_cap {
  float: right;
  width: auto !important;
}

#wrapper .graphic_btn.highlight {
  font-size: 12px;
  padding: 0 0 0 10px;
}

#wrapper #wiz_top_nav { display: none !important; }

.clearfix:after {
  clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
  display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
  display: block;
}
/* End hide from IE Mac */

#wrapper td.curr,
#wrapper th.curr {
  padding-right: 0.5em;
  text-align: right !important;
}
#wrapper td.total,
#wrapper th.total {
  font-weight: bold;
  padding-top: 0.4em !important;
}
#wrapper #content-primary table td.total,
#wrapper #content-primary table th.total {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

#wrapper #content-primary table td.total.label,
#wrapper #content-primary table th.total.label {
  border: 2px solid transparent !important;
}
#wrapper td.note,
#wrapper th.note {
  font-style: italic;
  padding-left: 1em !important;
}
#wrapper .saving {
  font-weight: bold;
}

#wrapper .container .top,
#wrapper .container .bottom {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* emebedded tables! no borders! */
#wrapper #content-primary table table,
#wrapper table table { border: solid 0 !important; width: auto !important; }

.wrapper.terms h3 {
  font-size: 1.3em;
}

table.cardcosts tr {
  background: url("/static/affiliate/travelmail/gradient.gif") repeat-x scroll 0 0 transparent;
}

/* addresslookup.atml styles */
.addresslookup_row {
  background-color: #D3D3D3;
}


/* youraccount styles */
#your_account th.cardno,
#your_account th.expires,
#your_account th.renew,
#your_account th.currency,
#your_account th.cardholder,
#your_account th.balance,
#your_account th.status,
#your_account th.buttons
{
  width:10%;
}

#your_account th.balance,
#your_account td.balance {
  text-align: center;
}


/* Mini Statement Table Style */
#statement table th { text-transform: capitalize; }
#statement table th.ms_date { width:17%; }
#statement table th.ms_debit { width:15%; }
#statement table th.ms_credit { width:15%; }
#statement table th.ms_desc { width:53%; }

#statement table .ms_debit { text-align: right; }
#statement table .ms_credit { text-align: right; }

.payment_details .payopt a {
  color: rgb(0, 77, 179);
}

.payment_details .payopt {
    text-decoration: none;
}