/* 

	Paisley Freight
	Date Created: 13 May 2007
	Date Modified: 5 September 2010
	Author: Stuart Swan

*/

/* Global Styles */

html { overflow-x: auto; overflow-y: scroll; }

html, body { height: 100%; }

img { border: 0; }

#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }

#bottom, .push { height: 100px; }

.push { clear: both; }

* { margin: 0; padding: 0; }

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: url(../images/backgrounds/body-background.gif) repeat-x top left #FFF; }

a, a:link, a:visited, a:active { text-decoration: none; color: #427FB9; }

/* Styles */

.success { color: #007400; font-weight: bold; }

.fail { color: #f45c25; font-weight: bold; }

.pipe { padding-left: 4px; padding-right: 4px; }

.white { color: #FFF; }

/* Structural Styles */

#container { width: 760px; }

#header { margin-bottom: auto; height: 86px; background-image: url(../images/backgrounds/header-background.gif); background-repeat: no-repeat; background-position: left top; }

#banner { margin-bottom: auto; height: 32px; background: url(../images/backgrounds/banner-background.gif) no-repeat left top; }

#content { margin-left: 213px; background-image: url(../images/backgrounds/content-background.gif); background-repeat: no-repeat; background-position: right top; padding-top: 11px; padding-right: 41px; padding-bottom: 0; padding-left: 21px; }

#sidebar { float: left; width: 213px; margin-right: auto; background: url(../images/backgrounds/sidebar-background.gif) no-repeat top left; }

#sidebar .smalltext { font-size: 0.9em; color: #CC0000; font-weight: bold; }


#bottom { clear: both; margin: 0 auto; background: url(../images/backgrounds/footer-cascade-background.gif) repeat-x bottom left; }

#footer { width: 760px; height: 100px; margin: 0 auto; background: url(../images/backgrounds/footer-background.gif) no-repeat bottom left; }

/* Header */

#header ul { list-style: none; padding-top: 45px; padding-left: 352px; }

#header li { display: inline; }

/* Banner */

#banner p { line-height: 2.9; padding-left: 226px; font-size: 1.1em; color: #D5E7F4; }

#banner .pipe { color: #356697; }

#banner a { color: #FFF; }

/* Sidebar */

#sidebar ul.main { list-style: none; font-size: 1.2em; font-weight: bold; padding: 10px 34px 0 34px; text-align: left; }

#sidebar ul.main li { line-height: 2.3; border-bottom: 1px solid #EAEAEA; padding-left: 4px; }

#sidebar ul.main li.new { background: url(/images/new.gif) no-repeat right 7px; }

/* Content */

#content h1, #content h2, #content h3, #content p { margin-bottom: 4px; }

#content h1 { line-height: 1.4; font-size: 2em; color: #696968; font-weight: bold; letter-spacing: -0.05em; border-bottom: 1px solid #EAEAEA; padding-left: 1px; margin-top: 3px; margin-bottom: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; }

#content h2 { line-height: 1.4; font-size: 1.6em; color: #335D89; padding-left: 1px; margin-bottom: 8px; letter-spacing: -0.05em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }

#content h3 { line-height: 1.4; font-size: 1.4em; color: #6B6B6D; padding-left: 1px; margin-bottom: 8px; letter-spacing: -0.05em; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }

#content p { line-height: 1.4; font-size: 1.2em; padding-left: 2px; margin-bottom: 6px; }

#content tr td { font-size: 1.2em; } 

#content table tr td p { font-size: 1.2em; }

#content ul { list-style-type: square; margin-left: 16px; padding-left: 6px; font-size: 1.2em; line-height: 1.6; }

/* Footer */

#footer p { padding-left: 28px; padding-top: 68px; font-size: 1.1em; color: #97C1E4; }

#footer p strong { color: #FFF; }

#footer .pipe { color: #23477C; }

#footer a { color: #E8EEF7; }

#footer a:hover { color: #FFF; }

#content table tr td h2 { font-size: 1.4em; border-bottom: 1px solid #CCC; }

#book select, #book input { padding: 2px; }

/* Tables */

.table_pricing h4 { color: #FFF; }

.table_pricing tr td { padding: 8px; }

h4 { font-size: 1.2em; font-weight: bold; }

.book-now-button { margin: 15px auto; padding: 20px; width: 200px; background-color: #2D66BB; color: #FFF; border: 5px solid #638FD1; font-size: 2.2em; text-align: center; }

.book-now-button a { color: #FFF; }

#popular { width: 480px; float: left; margin-bottom: 20px; }
#popular .featured { width: 480px; height: 203px; position: relative; background: url(../images/featured.jpg) no-repeat top left; margin-bottom: 20px; }
#popular .featured h2 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; width: 380px; position: absolute; top: 50px; left: 25px; color: #000; font-size: 2.3em; font-weight: normal; letter-spacing: 0; line-height: 1.5; }
#popular .featured h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; position: absolute; bottom: 15px; left: 25px; color: #000; font-size: 2.3em; font-weight: normal; letter-spacing: 0; }
#popular .featured span.grey { color: #777777; font-size: 0.7em; }
#popular .featured .book_now_button { position: absolute; bottom: 22px; right: 23px; }
#popular .popular-table { margin-bottom: 30px; margin-left: 3px; border-top: 1px solid #d2d2d2; }
#popular .popular-table tr td { font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding: 4px; border-bottom: 1px solid #d2d2d2; }
#popular .popular-table tr td small { color: #777777; font-weight: bold; }
#popular h4 { font: 1.8em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #000; margin-bottom: 12px; padding-left: 6px; }
#popular h1 { font: 2.3em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-bottom: 18px; padding-left: 5px; }

#popular .service_message { width: 480px; height: 203px; position: relative; background: url(../images/service-message.jpg) no-repeat top left; margin-bottom: 20px; }
#popular .service_message p { font: 1.1em/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; position: absolute; top: 50px; left: 23px; width: 434px; }

.price-calc { position: relative; width: 480px; height: 96px; margin-bottom: 18px; background: url(../images/booking-calculator.jpg) no-repeat top left; }
.price-calc p { position: absolute; top: 54px; left: 23px; }
#popular p { font: 1.2em/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

#tracking_form { margin-top: 20px; width: 150px; }
#tracking_form h3 { font: 1.4em "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin-bottom: 6px; border-bottom: 1px solid #d4d4d4; padding-bottom: 3px; }
#tracking_form sup, #sidebar sup { color: orange; font-weight: bold; font-size: 0.8em; padding-left: 2px; }
#tracking_form label { display: block; font: 1.1em "Lucida Grande", "Lucida Sans Unicode", sans-serif; padding: 0 0 4px 0; font-weight: bold; color: #393939; }
#tracking_form input.tracking_form_text { padding: 3px; font: 1.1em "Lucida Grande", "Lucida Sans Unicode", sans-serif; width: 144px; }
.buttons a, .buttons button { display: block; float: left; margin: 4px 0 0 0; background-color: #f5f5f5; border: 1px solid #dedede; line-height: 130%; font: bold 1.1em "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-decoration: none; color: #666; cursor: pointer; padding: 4px 9px 5px 6px; }
.buttons button { width: auto; overflow: visible; padding: 3px 9px 2px 6px; }
.buttons button[type] { padding: 4px 9px 4px 6px; line-height: 20px; }
*:first-child+html button[type] { padding: 3px 9px 2px 6px; }
button:hover, .buttons a:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #1B73BB; }

.easter { font: 1em 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 6px; border: 1px solid #eaeaea; margin: 10px 34px 0 0; background: #EDF3FA; }
.easter p { margin-bottom: 8px; line-height: 1.5; }
.easter h3 { margin-bottom: 8px; }
.easter ul { margin: 0; padding: 0; list-style: none; }
.easter ul li { line-height: 1.6; }
.easter em { color: #d50202; }