html, body {
    color: #52472f;
    width: 100%;
    height: 100%;
    background: #f5f2e7 url('/images/background.jpg') left top repeat-x;
    font-size: 9pt;
    font-weight: normal;
    font-family: Helvetica, Verdana, Arial, Sans-Serif;
    padding: 0;
    margin: 0;
}
img { border: none; }
a, a:visited { color: #473c25; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #b64d07; font-size: 11pt; font-weight: bold; margin: 0 0 10px 0; }
hr { width: 90%; text-align: left; margin: 0 auto 10px 0; }
#title { color: #b64d07; font-size: 11pt; font-weight: bold; margin: 0; }
ul.graphic { list-style-image: url('/images/bullet.gif'); }
.clear { 
    width: 100%; 
    height: 25px; 
    font-size: 8pt; 
    text-align: left; 
    padding: 10px 0 0 0; 
    margin: 0 0 0 10px; 
    clear: both; }
#container {
    width: 700px;
    min-height: 100%;
    background: transparent url('/images/contentBackground.png') repeat-y center top;
    background-attachment: fixed;
    padding: 0px 12px 0px 13px;
    margin: 0px auto;
    float: inherit;
}
/* ######## Header [ logo | world | nav ] ######## */
#header {
    width: 699px;
    height: 205px;
    background: transparent url('/images/world.png') top right no-repeat;
    padding: 0;
    margin: 0;
}
.logo A {
    width: 285px;
    height: 86px;
    background: transparent url('/images/logo.png') left top no-repeat;
    padding: 0;
    margin: 30px 0 0 10px;
    float: left;
}

.nav { 
    color: #fff;
    width: 700px; 
    height: 25px; 
    background: transparent url('/images/navBackground.png') left top repeat-x; 
    margin: 30px auto;
    float: left;
}

.nav a { color: #fff; }
.nav ul { list-style: none; padding: 0; margin: 5px 0 0 20px; float: left; }
.nav li { padding: 0 6px; float: left; }
.nav li a { font-weight: bold; }


/* ######## Content Area ######## */
#content { width: 700px; min-height: 100%; margin: 0 auto; float: left; }
#content #left { width: 300px; height: auto; float: left; }
#content #right { width: 390px; height: auto; padding: 0 10px 0 0; float: right; }

/* ######## Main Blurb ######## */
#mainBlurb { 
    position: relative;
    top: 0px;
    left: -20px;
    width: 304px; 
    height: auto; 
    margin: 0;
}

.spine {
    width: 20px;
    height: 300px;
    background: transparent url('/images/mainBlurbSpine.png') left top no-repeat;
    padding: 0;
    margin: 0;
    float: left;
}
.mainArea {
    width: 284px;
    height: 205px;
    background: transparent url('/images/mainBlurb.png') left top no-repeat;
    padding: 0;
    padding-top: 100px;
    margin: 0;
    float: left;
}

.mainArea .formLine {
    padding-bottom: 10px;
}

/* ######## Main Blurb [Back] ######## */
#mainBlurbBack { 
    position: relative;
    top: 0px;
    left: -20px;
    width: 304px; 
    height: auto; 
    margin: 0;
}

.spineBack {
    width: 20px;
    height: 124px;
    background: transparent url('/images/mainBlurbSpine_back.png') left top no-repeat;
    padding: 0;
    margin: 0;
    float: left;
}
.mainAreaBack {
    width: 284px;
    height: 116px;
    float: left;
}

/* ######## Index Sub Blurbs ######## */
#indexSubArea { width: 700px; height: auto; margin: 0 auto; float: left; }
#indexSub {
    width: 204px;
    height: auto;
    padding: 0;
    margin: 0 12px;
    float: left;
}
#indexSub .top {
    width: 194px;
    min-height: 200px;
    height: auto;
    max-height: 290px;
    background: url('/images/indexSubBlurb.jpg') left top no-repeat;
    padding: 5px 5px 11px 5px;
    float: left;
}
#indexSub .top a { color: #52472f; }
#indexSub .top ul { list-style: none; padding: 0; margin: 0; float: left; }
#indexSub .top li { margin: 0 0 5px 0; }
#indexSub .btm {
    width: 204px;
    height: 11px;
    background: url('/images/indexSubBlurb_btm.jpg') left top no-repeat;
    float: left;
}

/* ######## Sub Blurbs ######## */
.subBlurb { width: 300px; height: auto; padding: 0; margin: 5px 0 5px 10px; float: left; }
.subBlurb .top {
    width: 253px;
    min-height: 120px;
    height: auto;
    background: url('/images/subBlurb.jpg') left top no-repeat;
    padding: 5px 5px 11px 5px;
    margin: 0;
    float: left;
} 

.subBlurb .title {
    margin: 5px 0pt 0pt;
    font-weight: bold;
    text-align: center;
}

.subBlurb h5,
.subBlurb p,
.subBlurb ul {
  margin: 4px;
}

.subBlurb .btm {
    width: 263px;
    height: 7px;
    background: url('/images/subBlurb_btm.jpg') left top no-repeat;
    float: left;
}

/* ######## Variable Sized Sub Blurbs ######## */
.variableSubBlurb { 
    width: 300px; 
    height: auto; 
    padding: 0; 
    margin: 5px 0 5px 10px; 
    float: left; 
}

.variableSubBlurb .content {
    width: 263px;
    height: auto;
    border: 2px solid #b28045;
    padding: 5px; 
    background-color: #e5cea4;
}

.variableSubBlurb .title {
    padding-top: 3px;
    font-weight: bold;
    font-size: larger;
}

/* ######## FAQ Page ######## */
dl.faq dt { color: #b64d07; font-weight: bold; margin: 10px 0 5px 0; }
dl.faq dd { padding: 0; margin: 0 0 0 10px; }

/* ######## Results Page ######## */
#mainInfo {
    width: 380px;
    height: auto;
    background: #ded5b8;
    padding: 5px;
    margin: 0 0 10px 0;
    float: left;
}
#mainInfo u { font-weight: bold; }
#mainInfo h4 { margin-top: 0px; }
#luggageInfo { width: 100%; height: auto; margin: 0; float: left; }
#luggageInfo u { font-weight: bold; }
#luggageInfo ul { list-style: disc; }
#luggageInfo .right {    
    width: 185px;
    height: auto;
    margin: 0;
    float: right;
}
#luggageInfo .left {    
    width: 190px;
    height: auto;
    float: left;
}
.info {
    width: 190px;
    height: auto;
    margin: 0 0 15px 0;
    float: left;
}
.info h4 { 
    text-decoration: underline; 
    margin-top: 0px;
}
.ticket_information {
    margin-bottom: 15px;
}
/* ######## Airline Selector ######## */
#airline_selector_letters {
  position: fixed;
  left: 0px;
  top: 40px;
  width: 24px;
}

#airline_selector_letters .disabled,
#airline_selector_letters .airline_selector_letter {
  font-weight: bold;
  float: left;
  padding: 2px;
  margin: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  background: #DAD1A8 url(/images/tabBackground.gif) repeat-x scroll 0 0;
  border: 1px solid #747148;
}

#airline_selector_letters .airline_selector_letter:hover {
  padding-left: 7px;
}

#airline_selector_letters .hover {
  cursor: pointer;
}

#airline_selector_letters .disabled {
  color: #666;
}

#airline_selector_container {
  position: fixed;
  top: 40px;
  left: 21px;
  width: 150px;
  border: 1px solid #747148;
  display: none;
}

.airline_selector_airline {
  border-bottom: 1px solid #aaa;
  background-color: #ccc;
}
.airline_selector_area {
  background-color: #eee;
  padding: 2px;
  padding-left: 10px;
  border-bottom: 1px solid #ccc;
}

.airline_selector_airline_group {
  max-height: 500px;
  overflow-y: scroll;
}

.airline_selector_airline_group .hover,
.airline_selector_airline_group div.selected {
  color: #ff9;
  cursor: pointer;
  background-color: #aaa;
}

.airline_selector_airline_title {
  padding: 3px;
}

a.airline_selector_area {
  display: block;
  color: #666;
}

a.airline_selector_area:hover {
  color: #333;
  text-decoration: none;
  background-color: #ff9;
}

#airline_selector_container_close {
  background: transparent url(/images/closeButton.png) no-repeat 0 0; 
  width: 15px;
  height: 15px;
  position: fixed;
  top: 37px;
  left: 163px;
}

#airline_selector_container_close:hover {
  cursor: pointer;
}

#rightAdvert {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 120px;
  height: 600px;
}
/* ######## Compare Page ######## */
#compareTable {
    width: 690px;
    height: auto;
    padding: 0;
    margin: 0 5px;
    clear: both;
}
#compareTable .alternate { background: #ded6bb url('/images/compare_alterRow.jpg') top left repeat-y; }
#compareTable .centerCol { background: transparent url('/images/compare_centerCol.png') top center repeat-y; }
#compareTable td.titles {
    width: 125px;
    height: 50px;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
    border-right: 1px solid #ccc;
    vertical-align: text-top;
    padding: 5px 5px 0 0;
    margin: 10px 0;
}
#compareTable td .genInfo {
    width: 180px;
    height: 200px;
    overflow-y: auto;
}

#compareTable td {
    width: 180px;
    height: auto;
    padding: 5px;
}
#compareTable a { color: #b95209; height: auto; font-size: 8pt; font-weight: normal; text-align: center; margin: 10px 0 0 5px; }
#compareTable td h3 {
    width: 160px;
    background: transparent;
    color: #635430;
    text-align: center;
    text-decoration: underline;
    padding: 0 10px;
    margin: 10px auto;
}  
#compare_submit {
  float: right;
  position: relative;
  top: -20px;
  left: -27px;
}
#widgetBlurb {
  width: 303px;
  height: 128px;
  background: transparent url('/images/widgetBlurb.png') top left no-repeat;
  margin: 5px 0 0 -18px;
  float: left;
}
#widgetBlurb dt { padding: 0 0 0 30px; }
#widgetBlurb dl dd a { margin: 0 10px 0 0; float: left; }
#socialMedia {
  width: 34px;
  height: auto;
  display: block;
  overflow: none;
  float: right;
}
#socialMedia ul { padding: 0; margin: 10px 0 0 35px; }
#socialMedia ul li { width: 34px; list-style: none; padding: 0; margin: 0; }
#socialMedia ul img { float: right; }

