
* { padding:0; margin:0; }
.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide from IE-mac */


body { background:#200001; margin:0 0 20px 0; }
div#container { margin:0 auto; padding:0; width:849px; }



/* header */
div#header { position: relative; }
div#header div.logo { float:left; width:206px; padding:10px 0 0 45px; }
div#header div.right { float:left; width:598px; height:147px; text-align:right; background:url(../images/core/bg-topright-new.gif); position:relative;}
div#header div.links, 
div#header div.links a { font:9px Verdana; color:#c3a069; }
div#header div.links a:hover { color:#fff; }
div#header div.links { position:absolute;top:103px;right:55px;}
div#header div.right .contact-details {height:42px;position:absolute;top:25px;right:50px;}
div#header div.right .contact-details span {display:inline-block;height:42px;background:url(../images/core/phone-numbers.gif) no-repeat 0 0;width:212px;overflow:hidden;text-indent:-999px;text-align:left;}
div#header div.right .contact-details a {height:42px;display:inline-block;overflow:hidden;text-indent:-999px;width:42px;text-align:left;}
div#header div.right .contact-details a.youtube {background:url(../images/core/you-tube.gif) no-repeat 0 0;}
div#header div.right .contact-details a.facebook {background:url(../images/core/facebook.gif) no-repeat 0 0;}
div#header div.right .contact-details a.twitter {background:url(../images/core/twitter.gif) no-repeat 0 0;}
div#header div.right .contact-details a.contact-us {background:url(../images/core/button-contact-us.gif) no-repeat 0 0;width:142px;}
div#header div.right .contact-details a:hover {background-position:0 -42px;}

/* nav */
div#nav { width:765px; height:63px; margin:0 0 0 27px; }
div#nav ul { list-style-type:none; }
div#nav li { float:left; }
div#nav li a { height:63px; display:block; text-decoration:none; }
div#nav li a:hover { background-position:0 -63px !important; }
div#nav li a.active { background-position:0 -63px !important; }
div#nav li span.hidden { display:none; }

div#nav li.tours a { background:URL(../images/nav/tours.gif); width:164px; }
div#nav li.gallery a { background:URL(../images/nav/gallery.gif); width:124px; }
div#nav li.merchandise a { background:URL(../images/nav/merchandise.gif); width:118px; }
div#nav li.traveltips a { background:URL(../images/nav/travel-tips.gif); width:110px; }
div#nav li.team a { background:URL(../images/nav/team.gif); width:129px; }
div#nav li.media a { background:URL(../images/nav/media.gif); width:120px; }

body.tours div#nav li.tours a, 
body.gallery div#nav li.gallery a, 
body.merchandise div#nav li.merchandise a, 
body.traveltips div#nav li.traveltips a, 
body.team div#nav li.team a, 
body.media div#nav li.media a { background-position:0 -63px !important; }



/* feature area on homepage */
div#featurearea, div#featurearea div.left, div#featurearea div.right { height:375px; }
div#featurearea div.left { float:left; width:273px; }
div#featurearea div.left h2.featured-tours {background:url(../images/index/feature-tour-packages.png) no-repeat 0 0;width:222px;height:51px;overflow:hidden;text-indent:-999px;margin:0 0 0 25px;}
div#featurearea div.left .featuredtours {padding:10px 20px 0 40px;}
div#featurearea div.left .featuredtours .border {border-bottom:2px solid #3a0e07;}
div#featurearea div.left .featuredtours .item {padding:10px 0;}
div#featurearea div.left .featuredtours h4 a {color:#c3a069;}
div#featurearea div.left .featuredtours a {color:#7ba864;}
div#featurearea div.right {
	padding:10px 0 0 0;
	float:left;
	width:546px;
	/*background:url(../images/index/bg-feature.jpg) no-repeat;*/
	position:relative;
}

div#featurearea { font:11px/13px Verdana; color:#fff; background:url(../images/index/feature-background.gif) no-repeat 0 0;}

/*div#featurearea div.right div.button { position:absolute; top:316px; left:110px; }
div#featurearea div.right div.features { margin-top:70px; width:210px; }
div#featurearea div.right div.item { padding:15px 0 15px 8px; }
div#featurearea div.right div.border { border-bottom:3px solid #662612; }
div#featurearea div.right a { color:#7ba864; }
div#featurearea div.right h4 a { color:#c3a069; font-size:11px; }
div#featurearea div.right a:hover { color:#fff; }


div#featurearea div.left div#postcard-flash {
}
*/
div#featurearea div.left div.register {
	height:99px;
	/* background:url(../images/index/bg-register.jpg) no-repeat; */
	padding:25px 34px 0 30px;
}

div#featurearea div.left div.register td.formfield {
	/*background:url(../images/index/bg-register-form.gif) repeat-x;*/
	vertical-align:top;
	padding:3px 0 0 0;
}
div#featurearea div.left div.register td.formfield input {height:23px;}
div#featurearea div.left div.register p { font-size:10px; margin:0 0 4px 0; }
div#featurearea div.left div.register input { 
	background:#e0e7bf;
	font:11px/11px Verdana;
	border:0;
	padding:3px;
}

.right .banner .nojs { display: none; }
.right .banner .item {position:relative;}
.right .banner .item .image {}
.right .banner .item .text {position:absolute;top:290px;width:546px;left:40px;font-size:1.8em;} 
.right .banner .item .see-more {background:url(../images/index/see-more-button.png) no-repeat 0 0;width:111px;height:43px;display:block;overflow:hidden;text-indent:-999px;position:absolute;right:20px;top:280px;}


/* YOU TUBE VIDEO */

div.youtube {position:relative;width:265px;height:230px;margin:0 0 40px;float:left;}
div.youtube div {margin-left:-20px;width:225px; height:190px;background:url(../images/index/bg-video.gif) no-repeat;padding:20px;float:left;margin-right:20px;}
div.youtube a {position:absolute;width:107px;height:42px;display:block;background:url(../images/index/more-videos-button.png) no-repeat 0 0;bottom:-30px;right:10px;overflow:hidden;text-indent:-999px;}



/* general */
input.formbuttonimage {
	border:0 !important;
	background:none !important;
	padding:0 !important;
}



/* content (containers) */
div#contentcontainer1 { background:url(../images/core/bg-content.gif) center repeat-y; }
div#contentcontainer2 { background:url(../images/core/bg-content-bottom.gif) center bottom no-repeat; }
div#contentcontainer3 { background:url(../images/core/bg-content-top.gif) left top no-repeat; }


/* content (content area) */
div#contentcontainer3 div.content {
	font:13px/20px Verdana;
	color:#300d00;
	width:551px;
	float:left;
}

div.content div.text { padding:10px 20px 0 60px; }

div.content div.text div.indexheading { padding-top:20px; }
div.content div.text div.indexheading h5 {
	padding:0;
	margin:0;
}


div.content p { margin:20px 0; }
div.content p.nogap { margin:0; }

div.content hr { border:0; border-top:1px solid #9d7b45; height:1px; margin: 25px 0; }

div.content h1, 
div.content h2, 
div.content h3, 
div.content h4, 
div.content h5 { color:#300d00; margin:20px 0; }
div.content h1 { font:bold 28px/30px Verdana; } 
div.content h2 { font:bold 24px/27px Verdana; color:#662612; }
div.content h3 { font:bold 21px/25px Verdana; }
div.content h4 { font:bold 18px/24px Verdana; }
div.content h5 { font:bold 14px/24px Verdana; }

div.content a { color:#662612; }
div.content a:hover { color:#000; }

div.content ul { list-style-type:none; margin:25px 40px; }
div.content li { background:url(../images/icon-beer.gif) left 5px no-repeat; padding-left:15px; }
div.content ul ul { margin:5px 0 20px 20px; }

div.content div.imgright { width:226px; float:right; margin:0 0 10px 10px; }

div.content span.number { color:#9d7b45; font-size:24px; }
div.content blockquote { margin:25px; }



/* content (tours) */
div.content div#breadcrumb { font-size:10px; padding:5px 0; border-bottom:2px solid #9d7b45; }
div.content ul.onepdf { background:url(../images/bg-tourdownload.gif) no-repeat; width:244px; height:60px; padding:30px 0 0 0; margin-left:0px; }
div.content ul.onepdf li { background:url(../images/icon-write.gif) left 2px no-repeat; padding-left:20px; margin:0 0 0 10px; }
div.content ul.onepdf li a { color:#fff; }
div.content ul.file { margin:30px 0; }
div.content ul.file li { background:url(../images/icon-pdf.gif) left 2px no-repeat; padding-left:20px; margin:0 0 0 10px; }
div.content ul.photos { margin-left:0; }
div.content ul.photos li { background:url(../images/icon-camera.gif) left 4px no-repeat; padding-left:20px; }

ul.itinary { margin:20px 0 0 0 !important; padding:0 !important; }
ul.itinary li { background:url(../images/icon-write2.gif) left 2px no-repeat; padding-left:20px; }

div.sublink {
	margin: 15px 0;
}

div.content div.info div.left {
	float:left;
	width:180px;
	height:auto;
}

div.content div.info div.destinations {
	margin:0 20px 0 0;
	background:url(../images/bg-destinations-repeat.gif) repeat-y;
}

* html div.content div.info div.destinations { margin:0 10px 0 0; }

div.content div.info div.destinations ol { padding:63px 15px 0 45px; background:url(../images/bg-destinations.gif) top no-repeat !important; }
div.content div.info div.destinations li { background-image:url(../images/core/spacer.gif); font-style:italic; font-size:10px; line-height:20px; padding-left:0; }

div.content div.info div.inforight {
	float:left;
	width:244px;
}

div.gallery div.info {
	float:left;
	width:324px;
}

.small {
	font-size: 10px;
}





/* content (gallery) */
div.gallery {
	margin-bottom:15px;
}

div.gallery div.item {
	float:left;
	width:120px;
	background:#fff9f2 url(../images/bg-caption.gif) center bottom no-repeat;
	margin:0 15px 15px 0;
}

div.gallery div.item div.caption {
	background:transparent url(../images/line-h.gif) repeat-y;
	padding:4px 5px 20px 5px;
	height: 100px;
}

div.category div.item div.caption { height: 30px; }
div.tourlisting div.item div.caption { height: 80px; }

div.gallery div.item div.caption h5 {
	color:#000;
	margin:0; padding:0;
	font:bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
}

div.gallery div.item div.caption p {
	color:#300d00;
	margin:0; padding:0;
	font:normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
}

div.caption .note { color: #999; }
div.caption .note a { color: #999; }
div.caption .note a:hover { color: #444; }


/* content (news) */
div.new-listing {
	border-bottom:1px solid #9d7b45;
	padding: 20px 0;
}

div.new-listing div.date {
	font-size: 10px;
}

div.new-listing h3 {
	margin:0;
	font-size:14px;
	line-height:18px;
}

div.new-listing div.photo {
	float:left;
	width:120px;
	background:#fff9f2 url(../images/bg-caption.gif) center bottom no-repeat;
	margin:0 15px 15px 0;
}

div.new-listing div.photo div.caption {
	background:transparent url(../images/line-h.gif) repeat-y;
	padding:4px 5px 20px 5px;
	height: 10px;
	font:normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#300d00;
}




/* general content page (photos) */
div.photoleft, div.photoright {
	width:120px;
	background:#fff9f2 url(../images/bg-caption.gif) center bottom no-repeat;
}

div.photoleft {
	float:left;
	width:120px;
	background:#fff9f2 url(../images/bg-caption.gif) center bottom no-repeat;
	margin:0 15px 15px 0;
}

div.photoright {
	float:right;
	width:120px;
	background:#fff9f2 url(../images/bg-caption.gif) center bottom no-repeat;
	margin:0 0 15px 15px;
}

div.photoleft div.caption, div.photoright div.caption {
	background:transparent url(../images/line-h.gif) repeat-y;
	padding:4px 5px 20px 5px;
	height: 10px;
	font:normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#300d00;
}




/* content (right column) */
div#contentcontainer3 div.right {
	width:260px;
	float:left;
	font:11px/13px Verdana;
	color:#fff;
}

div#contentcontainer3 div.right div.latestnews {
	background:url(../images/index/bg-latestnews.jpg);
	height:357px;
	position:relative;
}
div#contentcontainer3 div.right div.latestnews div.button { position:absolute; left:139px; bottom:0; }
div#contentcontainer3 div.right div.latestnews div.item { padding:15px 0 15px 0; width:200px; margin-left:25px; }
div#contentcontainer3 div.right div.latestnews div.border { border-bottom:3px solid #662612; padding-top:80px; }
div#contentcontainer3 div.right div.latestnews a { color:#7ba864; }
div#contentcontainer3 div.right div.latestnews h4 a { color:#c3a069; font-size:11px; }
div#contentcontainer3 div.right div.latestnews a:hover { color:#fff; }

div#contentcontainer3 div.right div.featuredtours {
	background:url(../images/core/bg-featuredtours.jpg);
	height:357px;
	position:relative;
}
div#contentcontainer3 div.right div.featuredtours div.button { position:absolute; left:139px; bottom:0; }
div#contentcontainer3 div.right div.featuredtours div.item { padding:15px 0 15px 0; width:200px; margin-left:25px; }
div#contentcontainer3 div.right div.featuredtours div.border { border-bottom:3px solid #662612; padding-top:80px; }
div#contentcontainer3 div.right div.featuredtours a { color:#7ba864; }
div#contentcontainer3 div.right div.featuredtours h4 a { color:#c3a069; font-size:11px; }
div#contentcontainer3 div.right div.featuredtours a:hover { color:#fff; }


div#contentcontainer3 div.right div.bookings {
	background:url(../images/core/bg-bookings.gif);
	height:125px;
	padding:35px 20px 0 30px;
}
div#contentcontainer3 div.right div.bookings p { margin:15px 0; }
div#contentcontainer3 div.right div.bookings a { color:#4e1b0b; }
div#contentcontainer3 div.right div.bookings a:hover { color:#000; }

div#contentcontainer3 div.right div.fblike {
	padding-left: 15px;
}

div#header div.fblike {
	position: absolute;
	width: 225px;
	top: 130px;
	left: 28px;
}



/* LINKS (Our Mates) */
.linksphoto {
	float: left;
	width: 135px;
}

.linksinfo {
	float: left;
	width: 300px;
}
	





/* CART/CHECKOUT */

#carttable th { text-align:left; border-bottom:1px solid #9d7b45; font-weight:bold; color:#662612; padding:8px 2px; }
#carttable td { padding:2px 0; border-bottom:1px dashed #9d7b45; }
#carttable .right { text-align:right; }
#carttable .qty td { border-bottom:0; }
#cart .totalprice { text-align:right; font-weight:bold; padding:8px 0; }
#cart .buttons { padding-top:10px; text-align:right; }
#cart input {
	font:13px/13px Verdana;
	color:#300d00;
	width: 250px;
	background:#fff;
	border:1px solid #9d7b45;
	padding:3px;
}

#cart input.formbutton {
	background:#200001;
	color:#fff;
	font-weight:bold;
	width:auto;
	border:0;
	cursor: pointer;
}

#cart input.formbuttonimage {
	background:none;
	width:auto;
	border:0;
	padding: 0;
	cursor: pointer;
}



/* enquiry form */
#form {	border:0; }
#form em { color:#662612; font-weight:bold; }
#form fieldset {	border:0; display:block; height:auto; }
#form fieldset ol {	list-style-type:none; margin:0; padding:0; }
#form fieldset ol li {	padding:10px 10px 0 0; background:none; }
#form label {	display:inline-block; padding-top:0; vertical-align:top;	width:150px; }
#form textarea, #form input {
	font:13px/13px Verdana;
	color:#300d00;
	width: 250px;
	background:#fff;
	border:1px solid #9d7b45;
	padding:3px;
}
.stdform input {
	font:13px/13px Verdana;
	color:#300d00;
	background:#fff;
	border:1px solid #9d7b45;
	padding:3px;
}
.stdform textarea {
	font:13px/13px Verdana;
	color:#300d00;
	background:#fff;
	border:1px solid #9d7b45;
	padding:3px;
}
#form textarea {	height:200px; }

#form input.formbutton, .stdform input.formbutton{
	background:#200001;
	color:#fff;
	font-weight:bold;
	width:auto;
	cursor: pointer;
	border: 0;
}

#form input.radiocheck {
	width: auto;
	background: none;
	border: 0;
}





/* footer */
div#footer {
	background:url(../images/core/bg-footer.gif) center top no-repeat;
	padding:55px 0 20px 65px;
	font:9px/14px Verdana;
	color:#c3a069;
	position: relative;
	height: 50px;
}

div#footer a { color:#c3a069; }
div#footer a:hover { color:#fff; }

div#footer .addthis {
	position: absolute;
	right: 120px; bottom: 80px;
	width: 100px; height: 20px; 
}




ul.travel-tip-list li ul li { background-image: none; }
ul.travel-tip-list li ul.normal li { background-image:url(../images/icon-beer.gif); }
