/* Filename: main.css
 * Website: Kayak
 * Author: Eranga Lakmal Kapukotuwa
 * Date Created: 13/12/2011
 * Media: Screen
 *
 * Description
 * -----------
 * Colours:
 * Background       - #XXXXXX
 * Link             - #xxxxxx  
 * Link Hover       - #xxxxxx 
 * Link Active      - #xxxxxx 
 *
 *=====================================================================*/ 

/* Layout styles    
    index ->    
                CSS reset
                default styles
                
*/

/* =css reset     
--------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; list-style-type:none; text-decoration: none; } 

header, section, aside, footer, article, nav { display: block; }
table {border:0; border-collapse:collapse;}

/* =font emberding styles 
--------------------- */
@font-face
{
font-family: 'angelina';
src: url('../fonts/angelina.TTF');
}
@font-face {
	font-family: 'helveticaNeue';
	src: url('../fonts/helveticaneue/helveticaneue-webfont-webfont.eot');
	src: url('../fonts/helveticaneue/helveticaneue-webfont-webfont.eot#iefix') format('embedded-opentype'),
	url('../fonts/helveticaneue/helveticaneue-webfont-webfont.woff') format('woff'),
	url('../fonts/helveticaneue/helveticaneue-webfont-webfont.ttf') format('truetype'),
	url('../fonts/helveticaneue/helveticaneue-webfont-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* = Base Background & default styles 
--------------------------------------- */
html { background: #feffff url("http://www.londonkayaktours.co.uk/themes/kayak/images/html_bg.jpg") top center no-repeat; }
body { width: 100%;/* background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/body_bg.jpg") bottom center no-repeat; */font-family: arial; font-size: 12px; line-height: 18px; color: #6a6c72; }
.overflow { overflow: hidden; }
.clear { float:none; clear:both; }
h1 { font-size: 30px; line-height: 36px; min-height:60px; padding-left: 58px; font-family: helveticaNeue; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/h1_bullet.jpg") left top no-repeat; margin:0 0 20px 0; color:#333333; font-weight:bold }
h1 a { color: #283142; border-bottom: 1px dotted #dcdbdd; font-weight:bold }
h2 { margin-bottom: 10px; font-family: helveticaNeue; font-size: 22px; line-height: 22px; font-weight: bold; color:#333333; border-bottom: 1px dotted #cccccc; display: block; overflow: hidden; padding:0 0 10px 0; margin:0 0 20px 0; }
h2 a { margin-bottom: 10px; font-family: helveticaNeue; font-size: 25px; line-height: 42px; font-weight: bold; color:#333333; border-bottom: 1px dotted #cccccc; display: block; overflow: hidden; }
h3 { border-bottom: 2px dotted #dcdbdd; display: block; }
h3 a { background: url("../images/h3_bullet.png") right 12px no-repeat; padding-right: 50px; font-family: angelina; font-size: 40px; line-height: 42px; color: #283142; }
p{ margin:0 0 10px 0;}

/* = Main Layout styles 
------------------------------- */
.wrapper { width: 945px; margin: auto; }
.mainContent { overflow: hidden; background-color:#FFFFFF; min-height:400px; line-height:1.5em; padding-top:20px }
#contentcontainer,.contentarea { width: 660px; padding: 0 15px; float: left; }
.contentarea .mainContent{ padding:0 }
.sidebar { width: 240px; padding: 0px 15px 0px 0px ; float: right; }
.mainContent ol {display: inline; }
.mainContent ul, ol{ margin: 0; line-height:1.5em;}
.mainContent li{list-style-type:disc; margin-left:20px} 
.TabControl li{list-style-type:none;}
.TabContainer li{list-style-type:none;margin:0; padding:0;}
.booking_content li{list-style-type:none;margin:0; padding:0;}


/* = Header styles 
------------------------------- */
.header { width: 931px; padding: 11px 14px 0px 0px; overflow: hidden; height: 134px; }
.header .logo { margin: 15px 0 0 0px; padding-left: 0; display: block; float: left; width: 200px; height: 88px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/logo.png") center no-repeat; text-indent: -9999px;}
.header .logo a { display: block; width: 202px; border: 0px; height: 87px; }
.header .headerRightHolder { float: right; text-align: right; margin-top: 15px; }

.header .topNav { float: right; display:block }
.header .topNav li { float: left; display: block; margin-right: 10px; }
.header .topNav li a { color: #ffffff; font-weight: bold; border-right: 1px solid #ffffff; padding-right: 10px; }
.header .topNav li.last { margin-right: 0px; }
.header .topNav li.last a { padding-right: 0px; }
.header .topNav li.topNavList_item1 { padding-left: 30px; background: url("../images/sprite.png") -237px 5px no-repeat;  }
.header .socialNet { margin-top: 1px; } 
.header .socialNet li { margin-right: 8px; }
.header .socialNet li a { display: block; border: 0px; width: 17px; height: 16px; padding: 0px;} 
.header .socialNet li:hover a { opacity: 0.8; } 
.header .socialNet li.socialNet_item1 a{ background: url("../images/sprite.png") -115px 0px no-repeat; }
.header .socialNet li.socialNet_item2 a{ background: url("../images/sprite.png") -98px 0px no-repeat; }
.header .socialNet li.socialNet_item2 { margin-right: 0px; }
                 

.header #SearchForm_SearchForm { display: block; clear:right; width: 223px; height: 25px; padding-left: 5px; background: url("../images/sprite.png") -20px -32px no-repeat; overflow: hidden; float:right; margin-top:10px; }     
.header #SearchForm_SearchForm fieldset { width: 223px; } 
.header #SearchForm_SearchForm label{display:none;}
.header #SearchForm_SearchForm .text { float: left;  }
.header #SearchForm_SearchForm .text input { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border: 0px; width: 139px; height: 20px;float: left; background: none; font-size: 13px; color: #939292; }           
.header #SearchForm_SearchForm .text input:focus{outline:none;}
.header #SearchForm_SearchForm .action { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border: 0px; background: url("../images/sprite.png") -18px -67px no-repeat; width: 82px; height: 25px; text-indent: -9999px; cursor: pointer; float: left; }  

.header .siteSearchForm { display: block; width: 223px; height: 25px; padding-left: 7px; background: url("../images/sprite.png") -18px -32px no-repeat; overflow: hidden; position: relative; left: 433px; top: 9px; }
.header .siteSearchForm .text { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border: 0px; width: 139px; height: 20px;float: left; background: none; font-size: 13px; color: #939292; }
.header .siteSearchForm .action { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; border: 0px; background: url("../images/sprite.png") -18px -67px no-repeat; width: 82px; height: 25px; text-indent: -9999px; cursor: pointer;  }
.header .siteSearchForm .action:hover { opacity: 0.8; }




.header .mainNav_Holder {  height: 31px; padding-left: 6px; background: url("../images/mainNav_Left.png") top left no-repeat; }
.header .mainNav_InnerHolder { height: 31px; padding-right: 6px; background: url("../images/mainNav_Right.png") top right no-repeat; }
.header .mainNav { height: 31px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/maiNav_Body.png") top right repeat-x; max-width:650px; overflow:hidden; padding:0 5px }
.header .mainNav li { display: block; float: left; height: 31px; padding-right: 12px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/mainNav_Bullet.png") right no-repeat; }
.header .mainNav li a { display: block; color: #000000; font-size: 14px; line-height: 31px; font-weight: bold; padding-left: 12px; text-transform:uppercase }
.header .mainNav li.last {  background: none; margin-right: -4px; }
.header .mainNav li.last a { padding-right: 0px; margin-right: 0px; }
.header .mainNav li.first { margin-left: -4px; }
.header .mainNav li:hover {  background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/mainNav_Hover_Right.png") right 2px no-repeat; }
.header .mainNav li:hover a { background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/mainNav_Hover.png") left -3px no-repeat; color: #ffffff;  }

/* = Slider styles 
------------------------------- */
.slider { height: 380px; }    
.nivo-controlNav { float: right; overflow: hidden; margin-top: 250px; margin-right: 32px; }
.slider .nivo-controlNav { float: right; overflow: hidden; margin-top: 300px; margin-right: 32px; }
.nivo-controlNav a { float: left; width: 26px; height: 26px; color: #0688be; font-size: 13px; line-height: 25px; font-weight: bold; background: url("../images/sprite.png")  -102px -67px no-repeat; text-align: center; }
.nivo-controlNav a:hover, .slider .nivo-controlNav a.active { color: ; background-position: -129px -67px; color: #ffffff; }


/* = Content styles 
------------------------------- */
.contentarea .block { padding: 7px 0 18px 0; margin-left: -17px; overflow: hidden; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/blockFooter_bg.png") bottom left no-repeat;  }
.contentarea .block .blockTop { padding-top: 5px; background: url("../images/blockHeader.png") top left no-repeat; }
.contentarea .block .blockBody {  padding: 5px 10px 18px 52px; background: url("../images/blockBody_bg.png") left repeat-y;}
.contentarea .block .floatLeftHolder { float: left; width: 414px; }
.contentarea .block .flatRightHolder { float: right; margin: -20px -5px 0 0;}
.contentarea .block .floatLeftHolder p { margin-bottom: 10px; }
.contentarea .block .floatLeftHolder a.findoutTours { display: block; width: 172px; height: 27px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/findoutTours.png") center top no-repeat; text-indent: -9999px; }
.contentarea .block .floatLeftHolder a.findoutTours:hover { opacity: 0.8; }

.contentarea .toursList .blockBody {  padding: 0px; }
.contentarea .toursList .floatLeftHolder { width: 543px; }
.contentarea .toursList .floatLeftHolder .tourListImage { float: left; margin: -11px 10px 0 30px; overflow: hidden;}
.contentarea .toursList .moreDetails { display: block; margin: 12px 3px 0 0; width: 102px; height: 104px; text-indent: -9999px; float: right; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/moreDetails.png") center top no-repeat; }
.contentarea .toursList .moreDetails:hover { opacity: 0.8; }

.contentarea .toursList .floatLeftHolder h2,
.contentarea .toursList .floatLeftHolder p{margin-left:40px;}
.contentarea .toursList .PriceAndButton{padding-left:10px;float:left;}
.contentarea .toursList .CurrentPrice{font-size: 25px;text-align: center;margin: 10px 0;padding-top:30px;}
.contentarea .toursList h2 a{border-bottom:none;line-height:normal;height:auto;display:inline;}

/* = sidebar styles 
------------------------------- */
.sidebar h3 { margin-bottom: 13px; }
.sidebar .calender { margin-bottom: 20px; }
.sidebar .voucherList li { display: block; width: 241px; height: 105px; background: url("../images/voucherLinks_bg.png") top center no-repeat; }
.sidebar .voucherList li a { position: relative; top: 42px; right: -110px; display: block; width: 200px; color: #283142; font-family: helveticaNeue; font-size: 25px; line-height: 22px; }

/* = footer styles 
------------------------------- */
.footer { overflow: hidden; background: url("../images/footer_bg.jpg") bottom center no-repeat; padding: 21px 0 0 0; height: 153px;  } 
.footer a{ color:#FFFFFF; text-decoration:underline; } 
.footer .footerLeft { float: left; }
.footer .copy { font-family: arial; font-size: 12px; line-height: 16px; color: #ffffff; }
.footer .copy.floatLeft { float: left; }
.footer .copy .strong { font-weight: bold; }
.footer .footerSocialNetNav { float: right; }
.footer ul li { float: left; }
.footer ul.footerNav { float: left; }
.footer ul.footerNav a { font-family: arial; font-size: 12px; line-height: 16px; color: #ffffff; display: block; margin-left: 8px; padding-left: 8px; border-left: 1px solid #ffffff; }
.footer ul.footerSocialNetNav li { margin-left: 11px; }
.footer ul.footerSocialNetNav li a { display: block; text-indent: -9999px ; }
.footer ul.footerSocialNetNav li a:hover { opacity: 0.8; }
.footer ul.footerSocialNetNav .footerSocialNetNav_list_1 a { width: 22px; height: 21px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/share.png") center no-repeat; }
.footer ul.footerSocialNetNav .footerSocialNetNav_list_2 a { width: 21px; height: 21px; background: url("../images/tweeter.png") center no-repeat; }
.footer ul.footerSocialNetNav .footerSocialNetNav_list_3 a { width: 21px; height: 21px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/facebook.png") center no-repeat; }
.footer ul.footerSocialNetNav .footerSocialNetNav_list_4 a { width: 22px; height: 21px; background: url("http://www.londonkayaktours.co.uk/themes/kayak/images/google.png") center no-repeat; }
.footer ul.footerSocialNetNav .footerSocialNetNav_list_5 a { width: 18px; height: 18px; background: url("../images/print.png") center no-repeat; }

/* = Redeem Voucher Page
------------------------------ */
#redeem_voucher_background {
	background: url(../images/booking/img_redeem_voucher_redeem_bg.jpg);
}

/* Booking Sytem Overrides */
body .booking_content {
	padding: 0 20px 30px 20px;
}
#Form_BillingPageForm h2{
	clear:both;
}

#sidebar .WidgetHolder, .sidebar .WidgetHolder{margin-bottom:30px !important}
#sidebar h3, .sidebar h3{font-family: helveticaNeue; font-size: 22px;}

.toursList .PriceAndButton .action-btn,.toursList .PriceAndButton .action{
	width:110px;
	padding:0;
}

.footerImages {
	width: 675px;
	position: relative;
	display: block;
	text-align: center;
}

.payment-cards{
	margin-top: 30px;
	position: relative;
	left: 105px;
}