/* @group Global Typography */

body { font-family: 'DejaVuSansBook', Arial, sans-serif; }
h1,h2,h3,h4,h5,
label,
#nav-main,
#nav-contactnumbers,
#nav-supp { font-family: "DejaVuSansCondensedBook", "Arial Narrow", Arial, sans-serif; }

/* @end */

/* @group Global Block Formatting */

#container { position: relative; width: 850px; margin: 0 auto; padding: 0 88px 0 85px; background: #fff url(../images/bg-body.png) repeat-y left top; }
#branding { height: 360px; background: #ffffff url(../images/bg-branding.jpg) no-repeat left 149px; }
#branding a {
	position: absolute; left: 100px; top: 20px; width: 335px; height: 90px;
	background: transparent url(../images/logo-tafa.png) no-repeat left top; text-indent: -9999px; }

#content { position: relative; background: transparent url(../images/bg-content.png) repeat-y left top; min-height: 370px; }
#content-main { float: left; width: 323px; margin-left: 200px; padding: 0 15px; }
#content-supp { float: left; width: 281px; margin-left: 16px; }

#bookinghotline { position: absolute; right: 103px; top: 20px; line-height: 1.2; }
#bookinghotline h2 { font-size: 2.0em; font-weight: bold; color: #90c355; }
#bookinghotline p { font-size: 18px; }

#siteinfo {
	width: 850px; height: 46px; margin: 0 auto; padding: 80px 88px 0 85px;
	background: #fff url(../images/bg-siteinfo.png) no-repeat left top;
	text-align: right; color: #222; line-height: 1.3; }
#siteinfo a { color: #222; }

.clearfix { display: block; clear: both; visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; }

/* @end */

/* @group Global Navigation */

/* @group Main */

#nav-main { position: absolute; left: 85px; top: 309px; width: 850px; height: 37px; background: url(../images/bg-nav-main.png) repeat-x left top;}
#nav-main h4 { display: none; }
#nav-main ul { list-style: none; margin-left: 10px; }
#nav-main li { float: left; height: 37px; margin-left: 10px; }
#nav-main li a {
	float: left; height: 37px; padding: 0 20px;
	background: transparent url(../images/bg-nav-main-li-sprite.png) no-repeat left top;
	font-size: 11px; line-height: 35px; color: #000; }

#nav-main li#navbookings a { background-position: 0 0; }
#nav-main li#navservices a { background-position: 0 -37px; }
#nav-main li#navcorporate_services a { background-position: 0 -37px; }
#nav-main li#navabout_us a { background-position: 0 -74px; }
#nav-main li#navfaqs a { background-position: 0 -74px; }
#nav-main li#navcontact_us a { background-position: 0 -111px; }

#nav-main li.active a { text-decoration: underline; color: #00ac90; }

/* @end */

/* @group Contact numbers */

#nav-contactnumbers { position: absolute; left: 85px; top: 130px; width: 850px; padding: 4px 0 4px ; background: #90c355 ; color: #fff ; }
#nav-contactnumbers p { text-align: center; font-size: 1.1em; line-height: 1.0 ; }

/* @end */

/* @group Supplementary */

#nav-supp { position: absolute; left: 85px; top: 360px; width: 185px; }
#nav-supp h2,
#nav-supp p { padding-left: 15px; }
#nav-supp p { font-size: 12px; }
#nav-supp ul { margin-left: 0; padding: 10px 10px 10px 10px; background: #e8eef3; font-size: 12px; }
#nav-supp li {
	margin-bottom: 0.3em; padding-left: 20px; list-style: none; line-height: 1.2;
	background: transparent url(../images/bg-nav-supp-li.png) no-repeat left 2px; }
#nav-supp a { font-weight: normal; color: #222; }

/* @end */

/* @end */

/* @group Global Typography */

#content { color: #000; }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 { margin: 0 0 0.3em; line-height: 1.3; font-weight: normal; color: #00ac90; }

#content h1 { font-size: 2.0em; font-weight: bold; color: #535353; }
#content #content-supp h2 { margin-left: 10px; font-size: 2.0em; font-weight: bold; }
#nav-supp h2 { margin: 0 0 0.3em; line-height: 1.3; font-size: 2.0em; font-weight: bold; color: #90c355; }
#content h2 { font-size: 1.7em; }
#content h3 { font-size: 1.5em; }
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.2em; }

#content p,
#content ul,
#content ol { font-size: 1.2em; line-height: 1.5; margin-bottom: 1em; color: #222222; }

#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol { font-size: 1em; }

#content ul,
#content ol,
#content blockquote { margin-left: 20px; }

#content ul,
#content ol { list-style: disc; }

#content blockquote { font-style: italic; }

#content a { text-decoration: none; font-weight: bold; color: #00ac90; }
#content a:hover { text-decoration: underline; }

#content table { width: 100%; margin-bottom: 10px; border-collapse: collapse; }
#content th { font-weight: bold; }
#content td { font-weight: normal; }

a#callback {
	display: block; margin-bottom: 10px; margin-top: 10px; padding: 10px 70px 10px 10px;
	background: #90c657 url(../images/bg-callback.png) no-repeat right bottom; 
	color: #fff; font-weight: bold; font-size: 13px; line-height: 1.3; }

#nav-supp #cards-accepted h3 { margin-bottom: 0.3em; line-height: 1.3; padding: 5px 10px 3px; background: #00ac90; color: #fff; }
#nav-supp #cards-accepted #cards { overflow: hidden; margin-bottom: 5px; }
#nav-supp #cards-accepted #cards img { float: left; margin-right: 2px; margin-bottom: 2px; border: 1px solid #c3d4e2; }
#nav-supp #cards-accepted #cards img:nth-of-type(4n) { margin-right: 0; }
#nav-supp #cards-accepted #cards img:nth-of-type(4n+1) { margin-left: 11px; }
#nav-supp #cards-accepted p { padding-left: 11px; font-size: 10px; }

content ul#faqlist li a { font-weight: normal ; }

/* @end */

/* @group Booking form */

form { padding: 7px 10px 3px; background: #d9e3eb; }
#content-supp h3 { padding-left: 20px; color: #535353; position: relative; cursor: pointer; }
#content-supp h3 span {
	position: absolute; left: 0; top: 3px; width: 14px; height: 14px;
	background: transparent url(../images/dc-inactive.png) no-repeat left top; }
#content-supp h3 span.expanded { background: transparent url(../images/dc-active.png) no-repeat left top; }
#content-supp p { margin-left: 10px; margin-right: 10px; }
form dt {
	display: block; height: 18px; margin-bottom: 4px; padding: 0 10px;
	background: #64bad0 url(../images/bg-quoteform-labels-sprite.png) no-repeat right 18px; line-height: 18px; }

form dt#lbl-p2a-To,
form dt#lbl-a2p-From,
form dt#lbl-a2a-From,
form dt#lbl-a2a-To,
form dt#lbl-a2s-From { background-position: right 0; }

form dt#lbl-p2a-Passengers,
form dt#lbl-a2p-Passengers,
form dt#lbl-a2a-Passengers,
form dt#lbl-a2s-Passengers,
form dt#lbl-s2a-Passengers,
form dt#lbl-p2s-Passengers,
form dt#lbl-s2p-Passengers { background-position: right -18px; }
form dt#lbl-p2a-Lugguage,
form dt#lbl-a2p-Lugguage,
form dt#lbl-a2a-Lugguage,
form dt#lbl-a2s-Lugguage,
form dt#lbl-s2a-Lugguage,
form dt#lbl-p2s-Lugguage,
form dt#lbl-s2p-Lugguage { background-position: right -36px; }
form dt#lbl-p2a-CarType,
form dt#lbl-a2p-CarType,
form dt#lbl-a2a-CarType,
form dt#lbl-a2s-CarType,
form dt#lbl-s2a-CarType,
form dt#lbl-p2s-CarType,
form dt#lbl-s2p-CarType { background-position: right -54px; }

form dt#lbl-p2a-PaymentMethod,
form dt#lbl-a2p-PaymentMethod,
form dt#lbl-a2a-PaymentMethod,
form dt#lbl-a2s-PaymentMethod,
form dt#lbl-s2a-PaymentMethod,
form dt#lbl-p2s-PaymentMethod,
form dt#lbl-s2p-PaymentMethod { background-position: right -72px; }

form dt label,
form dt .label { color: #ffffff; font-weight: bold; font-size: 11px; }
form dt.button { display: none; }
form dd { margin-bottom: 10px; padding: 0 10px; }

form dd input,
form dd select,
form dd label { color: #535353; }

form dd.select select { width: 100%; }
form dd.radio input { margin-left: 0; margin-right: 6px; }
form dd.radio .radio-block-option { display: block; margin-bottom: 2px; }
form dd.radio .radio-inline-option { margin-right: 20px; }

form dd.button { overflow: hidden; margin-top: 10px; margin-bottom: 0; }
form dd.button input {
	float: right; height: 22px; line-height: 22px; padding: 0 30px 0 0; border: none; font-size: 11px;
	background: transparent url(../images/bg-button.png) no-repeat right center; color: #000; }

/* @end */