/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 80%;
  color: #222; 
  background: #fff;
  font-family: Geneva,Arial,Helvetica,sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.8em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.0em; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009;  text-decoration: underline; }
a:active  {color:#fff;}
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0;}
ul, ol      { margin:0; margin-bottom:1.5em;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold;}
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding:0; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

/*
COLOURS FOR THIS FILE
header-grey:#323230;
background:#666;
module blue:#336699

*/
body {
background:#666666 none repeat scroll 0 0;
margin:0;
min-width:950px;
padding:0;
color:#fff;
}
#wrapper {
margin:0 auto;
text-align:left;
width:950px;
}

div#crown {
background:#494a50 url(../images/crown.gif) top left no-repeat;
height:14px;
margin-top:10px;
}

div#header {
background:#323230 url(../images/header-repeat-x.gif) repeat-x scroll left top;
height:115px;
position:relative;
z-index:999;
}
div#header h2 {margin:0;}
div#header h2 a{
background:transparent url(../images/tour-dispatch-logo.gif) no-repeat scroll left top;
display:block;
height:65px;
margin:11px 0 0 13px;
position:absolute;
text-indent:-99999em;
width:290px;
}

/*SEARCH MODULE TOP RIGHT*/

div#search {
position:absolute;
right:29px;
width:208px;
background:#222 url(../images/search-spyglass.gif) no-repeat 3px 4px;
top:25px;
z-index:99999;
border:1px solid #666;

}
div#search input.inputbox {
background:#666666 none repeat scroll 0% 50%;
border:0pt none;
color:#FFFFFF;
margin:5px 0 5px 32px;
padding-left:5px;
width:141px;
}

a#toggleSearch {
background:transparent url(../images/toggle-search.gif) repeat scroll left top;
display:block;
height:16px;
position:absolute;
right:5px;
top:5px;
width:20px;
}

div#search table {
width:150px;
margin:5px 0pt 5px 31px;
width:150px;
display:none;
}
div#search table input,div#search table select {
background:#494a50;
color:#fff;
border:1px solid #222 !important;
margin-bottom:3px;
width:148px;
}

div#pathway {margin-bottom:1.5em;}
span#bread-crumbs {
color:#fff;
font-size:1.1em;
}
span#bread-crumbs a {
color:#629EDB;
margin-left:.5em;
background: url(../images/breadcrumb-arrow.gif) center left no-repeat;
padding-left:13px;
}
span#bread-crumbs {
display:block;
clear:both;
margin-bottom:1em;
background: url(../images/breadcrum-start-icon.gif) center left no-repeat;
padding-left:40px;
}
/*---------------------------------------------

		ADVERTISING
-----------------------------------------------*/
div#advertising {
background:#222222;
height:172px;
overflow:hidden;
padding-left:20px;
padding-top:20px;	
}
div#advertising div.moduletable {width:930px;}



div#advertising  h3 {display:none;}
div#advertising div.bannergroup{
padding-top:30px;
text-align:center;
}
div.banneritem {
width:auto;
display:block;
float:left;
vertical-align:bottom;
margin-right:64px;
}
div.bannergroup div.banneritem + div.banneritem + div.banneritem 
{
margin:0;
}
div#advertising div img {
margin-left:0px;
}



div.mod_bannerslider.last
{
margin:0;
}

div.mod_bannerslider { float:left; margin-right:64px;}


div#advertising:after {
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
}
a {color:#fff; text-decoration:underline;}
a:hover {color:#45B9D3;}
/*---------------------------------------------

		TELL A FRIEND MODULE

-----------------------------------------------*/
div.st-taf {
width:97px;
height:25px;
float:right;
margin-right:30px;
color:#000;
}



/*---------------------------------------------

		MENU

-----------------------------------------------*/
#main-menu {
border-bottom:1px solid #666666;
line-height:normal;
padding-left:20px;
position:absolute;
top:88px;
width:930px;
z-index:999;
}
#main-menu ul.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
width:790px;
}

#main-menu li {
margin:0;
padding:0;
float:left;
}
#main-menu a {
background:transparent url(../images/tableftH.gif) no-repeat scroll left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
display:block;
}
#main-menu a span {
background:transparent url(../images/tabrightH.gif) no-repeat scroll right top;
color:#FFFFFF;
display:block;
padding:5px 15px 4px 6px;
}
#main-menu a span {
float:none;
}
#main-menu a:hover span {
color:#FFFFFF;
}
#main-menu a:hover {
background-position:0 -42px;
}
#main-menu a:hover span {
background-position:100% -42px;
}
#main-menu #current a {
background-position:0 -42px;
}
#main-menu #current a span {
background-position:100% -42px;
}

li#tellafriend {
float:right;
}

/*------------------------------------------------------

			DROP DOWN

--------------------------------------------------------*/
#main-menu ul.menu  {position:relative;}

#main-menu ul.menu  ul { /* second-level lists */
	position: absolute;
	width:200px;
	display:block;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #666;
	background:#222; 
	z-index:9999 !important;
}

#main-menu li ul li {display:block; clear:both; width:200px;}

#main-menu li ul a, #main-menu li ul a span {display:block; background-image:none; width:195px; }
#main-menu li ul a:hover {background:#ccc; width:195px;}
#main-menu li ul a:hover span {color:#000;}
#main-menu li:hover ul, #main-menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*------------------------------------------------------

			MAIN PAGES

--------------------------------------------------------*/
div#main {
background:#222 url(../images/main-round-footer-cap.gif) no-repeat bottom left ;
padding:10px 20px 10px;

}


div.module, div.contentdescription {
background:#336699;
margin-bottom:1.5em;
color:#fff;
width:910px;
}
div.module img,div.contentdescription img {margin-bottom:10px;}

/*first-child is for js disabled ff/O/Safari, .heading is attached by jQuery*/


div.module .heading, div.contentdescription .heading
{
background:#268AA1 url(../images/module-repeat-y.gif) repeat-x;
display:block;
font-size:1.2em;
font-weight:bold;
height:26px;
line-height:1.7em;
overflow:hidden;
white-space:nowrap;
text-indent:10px;
padding:0;
}

div.module p,div.module ul,div.module ol,
div.contentdescription p,div.contentdescription ul,div.contentdescription ol,
div.module table, div.module address, 
div.module h1,
div.module h2,
div.module h3,
div.module h4,
div.module h5,
div.module h6,
div.module a
{
padding:0 10px 0;
list-style:none;
}

div.module * a {
padding:0;
}
div.module table td{
padding-right:10px;
}

div.module a.cta-link{
display:block;
color:#fff;
text-decoration:none;
font-size:1.2em;
}

span.article-num {
float:right;
margin-right:5px;
margin-top:-38px;
}

/*--------------------------------------------------

					SEARCH RESULTS

----------------------------------------------------*/
div.searchresults:after,div.pagination:after {
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
}
form#adminForm { /*ie*/
width:900px;	
margin-left:0;
}


div.result{
float:left; 
margin-left:10px; 
margin-bottom:10px;
width:290px; 
display:inline;
background-color:#2C5783;
}
div.result img {float:left; margin:6px 10px 8px; width:100px; }
div.module div.result h3 { 
font-size:1em;
font-weight:bold;
margin-bottom:0.5em;
overflow:auto;
padding:0;
text-indent:0;
white-space:normal;
line-height:1.4em;
}
div.module div.result h3 a {text-decoration:none;}
div.result span {display:block;}

/*---------paginator-------------------*/

div.paginator {padding:0 10px; height:32px; line-height:30px;}
div.paginator ul{
display:block;
float:left;
width:500px;
text-align:center;
}
span.pagecounter {
display:block;
width:90px;
float:left;
}
div.paginator ul li {display:inline;margin-left:3px; line-height:28px;}

div.paginator a.next {
text-indent:-999em;
background:url(../images/next-button.gif) no-repeat top right;
display:-moz-inline-box;
height:30px;
padding-right:25px;
text-indent:-999em;
}
div.paginator a {padding-top:7px;}
div.paginator a.prev {
background:transparent url(../images/prev-button.gif) no-repeat scroll right top;
display:-moz-inline-box;
height:30px;
padding-right:25px;
text-indent:-999em;
}

div.paginator div.display { width:150px; float:right;}

div#footer {
text-align:center;
}
div#footer a {
color:#fff;
margin:10px 10px 0;
font-size:0.9em;
}
div#footer span a {
display:block;
margin-bottom:.5em;
}

div#footer ul{
list-style:none;
list-style-type:none;
}
div#footer ul li {
display:inline;
list-style-type:none;
}
/*--------------------------------------------------

					NIFTY CORNERS

----------------------------------------------------*/
.rtop,.rbottom{display:block; clear:both;}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/*--------------------------------------------------

					TOUR DETAILS PAGE

----------------------------------------------------*/

body#tour-detail div.module img {float:left; clear:left; margin:5px 10px 0; width:300px; position:relative;}
body#tour-detail div.module ul {margin-bottom:10px;}
body#tour-detail div.module ul strong {float:left; width:100px; position:relative;}
body#tour-detail div.module p { float:left; width:560px; padding-left:0; position:relative;}
body#tour-detail div.module:after,
div#photo-gallery:after, 
div#video-gallery:after 
{
     content: "."; 
     clear: left;   
     height: 0;   
     display: block; 
	 visibility:hidden;
}
div#media {
width:460px;
float:left;
margin-right:20px;
}

div#photo-gallery,div#video-gallery {
background:#121212;
margin-bottom:20px;
}
div#photo-gallery .heading,
div#tour-info .heading,
div#video-gallery .heading, 
div#availability .heading
{
background:none;
margin-bottom:0;
margin-top:.2em;
margin-bottom:.2em;
font-size:1.2em;
font-weight:bold;
margin-top:.5em;
}
div#photo-gallery .heading,div#video-gallery .heading {
text-indent:10px;
}
div#media img {
display:block;
float:left;
width:100px;
height:100px;
margin:5px 0 5px 10px;
border:1px solid #666;
display:inline;
}

div#tour-info {
color:#fff;
float:left;
width:430px;
}

div#tour-info ul,div#tour-info ol{
padding:0 22px;
} 
div#requirements {
position:relative;
background:#A13D26;
margin-bottom:20px;
}
div#availability{
position:relative;
background:#446644;
margin-bottom:20px;
}
div#testimonials {
position:relative;
background:#394B58;
margin-bottom:20px;
}
div#availability ul, div#availability ol {
list-style:none;
margin:0 10px 10px;
}
div#availability li {position:relative;height:1%;}
div#availability a {
color:#fefefc;
background: url(../images/right-arrow.gif) 99% center  no-repeat;
display:block;
padding:0 3px;
}
div#availability a:hover {
background:#669966 url(../images/right-arrow.gif) 99% center  no-repeat;
}
div#requirements .heading,
div#availability .heading, 
div#testimonials .heading 
{
text-align:center;
}

/*------------------------------------------------

				Advertise With US

--------------------------------------------------*/

.radaricon {
display:block;
float:left;
margin-right:15px;
margin-top:3px;
}

.floatleft {
margin-right:10px;
float:left;
display:block;
position:relative;
zoom:1;
}
.floatright {
margin-left:10px;
float:right;
display:block;
position:relative;
zoom:1;
}

/*------------------------------------------------

				Contact Us

--------------------------------------------------*/
dl.system-message {margin:0; margin-bottom:.5em;}
dt.error {display:none;}
dd.error {
background:#FF6666 url(../images/exclamation.png) no-repeat scroll 5px center;
border:1px solid #FF4444;
height:15px;
line-height:1;
padding:3px 25px;
margin:0;
}
dd.error ul {list-style-type:none;}
div#contactCard {
background:#2c5783;
float:right;
width:330px;
margin-right:10px;
position:relative;
}
div#contactForm {
float:left;
width:560px;
margin-left:10px;
position:relative;
border:#336699;
zoom:1;

}
div#contactForm label {
font-weight:bold;
float:left;
width:155px;
}
div#contactForm label.invalid {
color:#FF0000;
}
div#contactForm div {margin-bottom:5px; clear:both;position:relative; zoom:1; height:1;}
div#contactForm div.contact_email input,div#contactForm div.contact_email textarea {
border:1px solid #184f6d;
background-color: #2c5783;
width:340px;
color:#fff;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
div#contactForm div.contact_email textarea {
overflow:hidden;
}
div#contactForm div.contact_email input:focus,div#contactForm div.contact_email textarea:focus {
border:1px solid #212121;
background-color:#CCCCCC;
color:#000;
}
div.contact_email_checkbox input {
float:left;
margin-right:10px;
width:10px;
zoom:1;
}
div#contactForm div.contact_email_checkbox label {
float:left;
width:440px;
clear:right;
zoom:1;
}
button#send {
color:#fff;
font-weight:bold;
clear:both;
margin-left:155px;
display:block;
height:26px;
width:120px;
border:none;
margin-top:40px;
background:#2C5783;
cursor:pointer;
border-right:1px solid #123C52;
border-bottom:1px solid #123C52;
zoom:1;
}
button#send:hover {
background:#ccc;
color:#000;
}
div.module div#contactForm  input.invalid, div.module div#contactForm  textarea.invalid {
border:1px solid red;
}
div#contactForm div.captcha img{
float:left;
margin-right:15px;
zoom:1;
}
div#contactForm div.captcha input {
width:241px;
}
div.fixie{ height:100px;}
/*RHS contact card*/
div#contactCard ul {margin-bottom:0.5em;}
p#contactName {font-weight:bold; margin-bottom:.5em;}
p#contactPosition {font-style:italic;}
#contactImage {
float:right;
margin:5px 8px 0 0;
background-color:#666;
width:165px;
overflow:hidden;
}
#contactImage img {
display:block;
margin:0 auto;
padding-left:6px;
padding-right:6px;
width:150px;
}
span#divider {border-bottom:1px solid #184f6d; display:block; margin:-5px 10px 5px;}
ul#furtherInfo li { position:relative; font-weight:bold; }
ul#furtherInfo li span {
text-align:right;
position:absolute;
left:160px;
font-weight:normal;
}


/*---------------------------

		JCE OVERRIDES

-----------------------------*/

div#photo-gallery a.jcebox span.zoom-image,div#video-gallery a.jcebox span.zoom-image {
display:none;
}



/*---------------------------

		SEARCH

-----------------------------*/
.searchresult,div.searchresult-last {
width:290px !important;
background:#2c5783;
float:left;
margin-right:10px;
margin-bottom:10px;
}
div.searchresult-last {margin-right:0;}
.searchresult p,div.searchresult-last p {padding:3px 10px; margin-bottom:0;}
.searchresult h4.heading,div.searchresult-last h4.heading{
background:none;
width:280px;
white-space:normal;
font-weight:normal;
font-size:1.1em;
height:auto;
margin-bottom:.5em;
text-indent:0;
padding:0 10px;
}


.highlight {background:#FFFF66; color:#222;}

div.search-module {
background:#a13d26;
margin-bottom:10px;
}
div.search-module h3 {
margin-left:10px;
}
div.search-module fieldset.word {
float:left;
margin-left:10px;
width:307px;}
div.search-module fieldset.phrase {
float:left;
margin-right:10px;
width:300px;}
div.search-module fieldset.only {
float:left;
width:270px;
}
div.search-module  button.button{
background:#652618 none repeat scroll 0%;
border:none;
border-right:1px solid #481B11;
border-bottom:1px solid #481B11;
clear:both;
cursor:pointer;
display:block;
font-weight:bold;
margin:0pt auto;
width:160px;
color:#fff;
height:26px
}
div.search-module  button.button:hover {
background:#ccc;
color:#000;
}
#search_searchword {}

#search_searchword,#ordering {
width:190px;
background:#2c5783;
border:1px solid #1A2939;
color:#fff;
}
#search_searchword:focus,#ordering:focus {
background:#ccc;
color:#000;
}

fieldset.only input {
background:#652618;
border:1px solid #481B11;
}

/*---------------------------

		NEW SEARCH PAGE

-----------------------------*/

div.search-summary {
padding:0 10px;
}

div.search-summary span.result,div.search-summary span.active {
display:block;
background:#2c5783;
margin-right:5px;
float:left;
padding:3px 5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

div.search-summary span.active {
background:#a13d26;
}

.searchresult h4.cp_title, div.searchresult-last h4.cp_title {
background:none;
width:260px;
white-space:normal;
font-weight:normal;
font-size:1.1em;
height:auto;
margin-bottom:.5em;
text-indent:0;
padding:0 10px;
}

div.searchresult a.cp_tag, div.searchresult-last a.cp_tag {
display:inline;
}

fieldset.resultholder{
float:left;
padding:0 0 0 10px;
width:890px;
}

div.cp_text {
width:270px;
padding:0 10px;
font-size:.8em;

}
div.searchresult span.cp_tags, div.searchresult-last span.cp_tags {
display:block;
font-size:0.8em;
margin-left:104px;
padding:0pt 10px;
}

span.cp_tags {
padding:0 10px;
font-size:.8em;
color:
}
div.cp_text img {
width:100px;
float:left;
margin-right:5px;
margin-bottom:5px;
}

a.cp_tag {
display:block;
}


/*------------------------------------------------

				HOMEPAGE

--------------------------------------------------*/

a.viewtours {
background:url(../images/next-button.gif) no-repeat top right;
display:block;
height:25px;
padding-right:30px;
width:120px;
font-weight:bold;
}

/*------------------------------------------------

				TOUR CATEGORIES

--------------------------------------------------*/
div#tourcategories div.result h1,
div#tourcategories div.result h2,
div#tourcategories div.result h3,
div#tourcategories div.result h4,
div#tourcategories div.result h5,
div#tourcategories div.result h6
{
margin-left:10px;
margin-bottom:5px;
}
div#tourcategories a {text-decoration:underline;}

div#tourcategories div.result p{
padding:0 10px;
}


/*------------------------------------------------

				TOUR SPOTLIGHT TEMPLATE

--------------------------------------------------*/
div#touroftheyear h1,div#touroftheyear h2, div#touroftheyear h3, div#touroftheyear h4, div#touroftheyear h5, div#touroftheyear h6 {
color:#EFC982;
}
div#touroftheyear {
background:#121212;
color:#EFC982;
}
div#touroftheyear table {
vertical-align:top;
}
div#touroftheyear table td {
padding:10px;
vertical-align:top;
}
/*------------------------------------------------

				SITEMAP COMPONENT

--------------------------------------------------*/


ul.level_0 {
background:#336699;
}
div.xmap ul.level_0 li {
margin-left:10px;
}

/*------------------------------------------------

				RESOURCES PAGE

--------------------------------------------------*/


.module dl {
padding:0 10px;	
}

.module dl dd a:link {
	text-decoration:underline;
}

.quote {font-size:100%; font-weight:normal; font-style:italic;}