/**
* screen.css
* author:Elliot Schoemaker
* description:Global screen layout and design.
**/

/** B O D Y S E T U P **************************/
h1          {color: #65ADD4}
body        {text-align:center;background-color:#cfcdb7;color:#ffffff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:62.5%;}
#wrapper    {text-align:left;margin:0 auto;width:920px;background-color:#301d00;}
#container  {padding:0 25px 25px;}

label.error { display: inline; padding-left: 10px; color: #FF0000}

/** H E A D E R A R E A ************************/
#header-wrapper           {height:342px;position:relative;}
#header                   {height:130px;width:100%;}

/* Logo */
#logo                     {display:block;overflow:hidden;width:321px;height:111px;position:absolute;top:10px;left:270px;}
#logo a                   {display:block;height:100%;width:100%;overflow:hidden;text-indent:-999%;background:url(/uploads/images/0000/0597/ctlogo.gif) 0 0 no-repeat;}

/* Right-side links */
#sub-links                {position:absolute;right:5px; top: 15px;}
#sub-links li             {font-size:10px; line-height:1.3;}
#sub-links a:link, 
#sub-links a:visited      {color:#cfcdb7;text-decoration:none;text-transform:uppercase;}
#sub-links a:hover        {color:#fff; text-decoration:underline;}
#sub-links ul li a        {line-height: 1.5; margin: 0}

#cse-search-box           {position:absolute; top:8px; right:0;}
#searchbox-container      {background:url(/images/ct-search.gif) no-repeat left top; padding: 0px;}
#cse-search-box input.textbox     {background: transparent; border:0; text-align:center; padding:5px;}
#cse-search-box input.button { position: absolute;  left: 123px;}

/* The travel image */
#page-image               {height:170px;width:870px;background-color:#cfcdb7;}

/* Primary Navigation */
#primary-nav              {padding:0 0;margin:0;width:100%;position:absolute;bottom:0;left:0;}
#primary-nav ul           {margin:0;padding:0;height:40px;}
#primary-nav li           {display:inline;margin:0;padding:0;height:40px;font-size:10px;font-weight:bold;text-transform:uppercase;}
#primary-nav li a:link,
#primary-nav li a:visited {padding:14px 0;margin:0 11px 0 0;display:block;float:left;color:#fff;text-decoration:none;}
#primary-nav li.current a {background:url(/images/navbar.gif) 50% 80% no-repeat;}

/** L A Y O U T  S E G M E N T S ***************/
#content-wrapper          {clear:both; margin-top:30px; /*background:url(/images/ctbgline.gif) 66% 0 repeat-y;*/}
#content                  {width:570px;float:left;font-size:13px;line-height:1.4; border-right: 1px solid #A39971;}
#sidebar                  {width:285px;float:right;font-size:16px;}
#content-blurb p          {margin-right: 15px;}
#copyright-blurb a { color: #301D00 }

/* Clearing elements - use hr to split segments */
.clear,hr                 {clear:both;display:block;padding:0;margin:0;}
hr                        {border:0; height: 1px; color:#A39971; background-color:#A39971;margin:0 0 40px; width: 97%; display:block;clear:both;}


/* 2/3 left and 1/3 right floats */
.lcol                     {width:330px; float:left;}
.rcol                     {width:210px; float:right;}

/* 1/2 1/2 split. .first and .last for specific styles */
.hcol                     {width:260px; float:left;}
.hcol.first               {margin-left:0;}
.hcol.last                {margin-left:25px;}

/* 2 column */
#left-sub-column { width: 58%; text-align: left;float: left; margin-bottom: 20px;}
#left-sub-column p { margin-bottom: 10px;}
.left-sub-column { width: 58%; text-align: left;float: left; margin-bottom: 20px;}
.left-sub-column p { margin-bottom: 10px;}

#right-sub-column { float: left; margin-left: 12px;  }
#right-sub-column ul li { margin-bottom: 10px;}
.right-sub-column { float: left; margin-left: 12px;  }
.right-sub-column ul li { margin-bottom: 10px;}

/* city columns */
.city-wrapper .right-sub-column table { float: right; margin-right: 20px;}
.city-wrapper .right-sub-column table tr td img { width: 200px; }
.city-wrapper h1 { font-size: 20px; line-height: 1.8em; }
.city-wrapper h2 { font-size: 14px; font-weight: bolder; line-height: 1.7em; }
.city-wrapper h3 { font-weight: bolder; margin-bottom: 10px; }

/* itinerary columns */
.itinerary-wrapper h1 { font-size: 18px; line-height: 1.2em; }
.itinerary-wrapper h2 { font-weight: bolder; line-height: 2.2em }
.itinerary-wrapper .right-sub-column table { float: right; margin-right: 20px;}
.itinerary-wrapper .right-sub-column table tr td img { width: 200px; }

/* Main Sidebar */
#sidebar h2 { font-size: 16px; margin-bottom: 10px;}

#sidebar-offer-table { width: 100%; font-size: 12px; }
#sidebar-offer-table tr td { padding: 5px; padding-left: 0; }
#booking-engine { margin-top: 30px;}

/* Destinations in Sidebar */
#sidebar div ul li              {margin:0 0 5px; padding:0; line-height:1; list-style-type:none;}
#sidebar div ul li a            {text-decoration:none;}
#sidebar div ul li ul           {margin:10px;}
#sidebar div ul li li           {font-size:13px; margin:0 0 2px;}
#sidebar div ul a:link,
#sidebar div ul a:visited       {color:#65add4;}
#sidebar div ul a:hover         {color:#fff;}
#sidebar div ul li li a:link,
#sidebar div ul li li a:visited {color:#fff; text-decoration:none;}
#sidebar div ul li li a:hover   {text-decoration:underline;}

ul.menu li li { display: none }
ul.menu li.current li { display: block;}

ul.menu li li li { display: none }
ul.menu li.current li.current li { display: block;}
ul.menu li ul li.current {display: block;}


/* Features */
.featurebox               {float:left; width:135px; border-left:1px solid #a39971; height:190px;}
.featurebox h3            {padding:0 5px 5px 10px}
.featurebox ul            {margin-top:10px;}
.featurebox li            {padding:0 5px 5px 10px; line-height:1.3; font-size:11px; font-weight:bold;}
.featurebox a:link,
.featurebox a:visited     {color:#fff; text-decoration:none;}
.featurebox a:hover       {text-decoration:underline;}
#social                   {width:25px; padding:0;}
#social ul, #social li    {margin:0; padding:0;}
#social li                {padding:5px 5px 0;}

/* Itinerary Table */
#itinerary-wrapper { width: 97%; margin-bottom: 70px;}
#itinerary-wrapper h1 { font-size: 18px; margin-bottom: 10px;}
#left-itin-col { width: 70%;float:left; border-right: 1px solid #A39971; }
#left-itin-col table { font-size: 11px; margin: 0 auto; width: 80%;}
#left-itin-col table tr td { padding-bottom: 10px; }
#left-itin-col table tr td h2 { font-weight: bolder; }
#right-itin-col { float: left; padding-left: 10px; }
#right-itin-col p { font-size: 11px; }

/** C L A S S E S  &  S U N D R Y **/
.box-head                 {color:#65add4; font-size:18px;}
.hilite                   {color:#65add4; font-size:14px;}
.hilite h1                {font-size:18px;}

strong      {font-weight:bold;}
em          {font-style:italic;}
em em       {font-style:normal;}

#copyright-blurb {font-size: 9px; color: #301D00; margin-top: 8px;}