/* Start of CMSMS style sheet 'Swagman - Styles' */
/*=========== Swagman Tours Stylesheet  ============*/
/*== copyright 2008 Steve Nicel http://luminousdesign.com.au ==*/

/*============= General Setup Styles ==============*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background: url(images/slices/bgr.gif) #d1c6ad repeat-x top;
	color: #656565;
	font: .7em Verdana,Arial,Geneva, Helvetica,Sans-Serif;
	padding: 0 0 20px;
}
a{
	color: #415301;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
input,select,textarea{
	border: #7f9db9 1px solid;
	color: #656565;
	font-size: 1em;
	font-size: 11px;
	padding: 3px;
}
li{
	list-style: none;
}
h2{
	color: #617b81;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 .5em;
	text-transform: uppercase;
}
h2 em{
	color: #96113d;
	font-style: normal;
}
h3{
	color: #415301;
	font: bold 1.1em Georgia,"Times New Roman", Times, serif;
	margin: 0 0 .8em;
}
h4{
        padding: 0 0 1em;
}
p{
	line-height: 1.6em;
	padding: 0 0 1.2em;
}
/*=========== Layout ===========*/
#page, #header{
	background: url(images/slices/page-bgr.gif) #ebe9e4 repeat-x top;
	margin: 0 auto;
	width: 930px;
}

/*=========== Header ===========*/
#header{
	background: url(images/slices/header-bgr.gif) no-repeat top;
	height: 100px;
}
#header .spacer{
	float: right;
	width: 230px;
}

/*------------------ Logo ------------------*/
#header h1{
	background: url(images/slices/logo.gif) no-repeat;
	float: left;
	margin: 0 0 0 98px;
	text-indent: -9999px;
	width: 352px;
}
#header h1 a{
	display: block;
	height: 87px;
}
#header h1 a:hover{
	text-decoration: none;
}

/*- Bookmark -*/
.bookmark{
	float: left;
	padding: 0 0 0 40px;
	width: 104px;
}

/*========= Navigation ==========*/
/*---------------- Top Nav ----------------*/
.topnav{
	display: block;
	float: right;
	font-size: 11px;
	height: 26px;
	line-height: 26px;
	margin: 0 0 15px;
}
.topnav a{
	color: #656565;
	text-decoration: underline;
}
.topnav a.active{
	color: #5c901a;
	font-weight: bold;
}

/*---------- Nav1 - Main Nav -----------*/
/*---- Styled in the Flyout CSS file ----*/
.nav1 li a{
	color: #415301;
	display: block;
	height: 30px;
	padding: 0 0 0 35px;
}


/*-------- Nav2 - Tab Navigation ---------*/

.nav2{
	background: url(images/slices/nav2-bgr.gif) repeat-x top;
	font-size: 12px;
	font-weight: bold;
	height: 54px;
	margin: 0 0 18px;
}
.nav2 ul{
	float: right;
	padding: 0 10px 0 0;
}
.nav2 li{
	float: left;
	line-height: 33px;
	text-align: center;
}
.nav2 li a{
	background: url(images/slices/nav2-normal.gif) no-repeat top;
	color: #415301;
	display: block;
	float: left;
	width: 211px;
}
.nav2 li a:hover{
	background: url(images/slices/nav2-hover.gif) no-repeat top;
	text-decoration: none;
}


/*==== Dynamic Code for Nav2 - CSS Tabs ====*/
.nav2{
voice-family: "\"}\"";
voice-family: inherit;
}

.nav2 li{
display: inline;
}

.nav2 a.selected{   /* currently selected tab */
background: transparent url(images/slices/nav2-hover.gif) 0 0 no-repeat;
color: #799B02;
}

/******************************  
.tabcontent{  Arbitrary content divs
display:none;
}
#tcontent2, #tcontent3{
display:none;
}
******************************/

@media print {  /************* Recheck this when print stylesheet is created *************/
.tabcontent {
display:block !important;
}
}


/*========== Title Pics ==========*/
#title{
	background: url(images/slices/title-bgr.png) no-repeat top;
	height: 221px;
	margin: -9px -18px -4px -3px;
	position: relative;
	width: 786px;
}
#title #alt-cont {  /*Flash content container*/
	position: absolute;
	left:15px;
	top:15px;
	background-color: #cccccc;
	opacity: 0.7;
}
#title #alt-cont p {  /*Flash content container*/
	width: 160px;
	color: #000;
	margin: 0 0 0 5px;
	padding: 0 0 4px 0;
	line-height: 150%;
}
#title #myFlashContent{  /*Flash content container*/
	display: block;
	height: 190px;
	padding: 16px 0 0 15px;
	width: 756px;
}
#title2{
	background: url(images/slices/title2-bgr.png) no-repeat top;
	height: 168px;
	margin: -9px -18px -4px -3px;
	position: relative;
	width: 786px;
}
#title2 img{
	display: block;
	height: 135px;
	padding: 16px 0 0 13px;
	width: 756px;
}

/*========= Left Column =========*/
#leftcol{
	float: left;
	margin: 0 0 0 -11px;
	position: relative;
        z-index: 10;  /* Fixes IE6-7 layering bug: Stops ul ul and ul ul ul sitting behind header image*/
	width: 175px;
}

/*======== Center Column ========*/
#centercol{
	float: right;
	height: 1%;
	padding: 0 0 15px;
	width: 765px;
}

/*======== Sub Columns =========*/
.subcols{
	height: 1%;
	padding: 0 39px 0 30px;
}
.subcols2{
	background: #e2ddd2;
	border-top: 1px solid #ccc7bc;
	height: 1%;
	padding: 25px 35px 0 30px;
}
#home .subcols2{
	padding: 25px 0 25px 35px;
}
.col1{
	float: left;
	width: 335px;
}
.col2{
	margin: 0 0 0 160px;
	width: 700px;
}
.col3{
	float: left;
	height: 1%;
	width: 505px;
}
.col4{
	float: left;
	width: 260px;
}
.col4.fr{
	width: 220px;
}
.col5{
	background: url(images/slices/vl-dot.gif) repeat-y left;
	float: right;
	padding: 0 0 0 10px;
	width: 230px;
}
.col6{
	float: left;
	width: 171px;
}
.col7{
	float: left;
	height: 1%;
	width: 630px;
}
.col8{
	float: left;
	width: 171px;
}
.col9{
	float: left;
	margin: 0 0 0 20px;
	width: 195px;
}


/*======= Styling Headings =======*/
/*------------ Main Heading ------------*/
.main-hdr{
	background: #82a5ad;
	color: #ffffff;
	height: 20px;
	padding: 20px 25px; /* original settings: 20px 25px */
}
.main-hdr a{
	color: #ffffff;
	text-decoration: underline;
}
.main-hdr h2{
	color: #ffffff;
	float: left;
	font-size: 22px;
}
.main-hdr small{
	font-size: 10px;
}
.main-hdr .fr{
	padding: 5px 0 0;
	text-align: right;
}

/*-------------- Sub Heading -----------*/
.subhdr{
	background: url(images/slices/subhdr-bgr.gif) repeat-x top;
	clear: both;
	height: 37px;
	margin: 0 0 1.2em;
	overflow: hidden;
}
.subhdr h3{
	float: left;
	font-size: 12px;
	line-height: 39px;
	padding: 0 0 0 35px;
}
.subhdr img{
	float: right;
}

/*------- Find, Register, Win etc. -------*/
#find-reg-win{
	background: url(images/slices/find-reg-win-bgr2.gif) no-repeat top;
	height: 145px;
	margin: 0 0 1.3em;
	padding: 14px 4px 0 22px;
}

/*========= Styling Lists =========*/
/*------------------ List1 ------------------*/
.list1{
	clear: both;
	line-height: 1.4em;
	margin: 0 0 1.3em;
}
.list1 dt{
	display: block;
	float: left;
	width: 90px;
}
.list1 dd{
	display: table-cell;
	display: block;
	float: left;
	position: relative;
	width: 215px;
}

/*------------------ List2 ------------------*/
.list2{
	margin: 0 0 1.3em;
}
.list2 li{
	margin: 0 0 .5em;
}
.list2 li a{
	color: #656565;
}

/*------------------ List3 ------------------*/
.list3{
	clear: both;
	line-height: 1.5em;
	margin: 0 0 1.3em;
	width: 620px;
}
.list3 dt{
	display: block;
	float: left;
	width: 90px;
}
.list3 dd{
	display: table-cell;
	display: block;
	float: left;
	position: relative;
	width: 500px;
}
.list-bluecheck {
        margin-left: 1.6em;
        color: #657797;
	line-height: 1.3em;
}
.list-bluecheck li {
        list-style-image: url(images/slices/bluecheck.gif);
        padding: .4em 0;
}

/*========= Styling Forms =========*/
input.btn{
	border: 0;
	padding: 0;
}
select{
	padding: 1px;
}

/*------------------ Search ------------------*/
#search{
	background: #cee0e4;
	clear: both;
	float: right;
	height: 55px;
	padding: 10px 0 0 20px;
	width: 218px;
}
#search input{
	float: left;
	margin: 3px 0 0;
	width: 150px;
}
#search .btn{
	margin: -2px 0 0 5px;
	width: auto;
}

/*------------------- Find -------------------*/
.form1.find{
	float: left;
	width: 245px;
}
.form1.find img{
	margin: 0 0 5px;
}
.form1.find .fr{
	margin: -40px 0 0;
	position: relative;
	width: 39px;
}

/*------------------ Text ---------------------*/
.lineheight {
        line-height: 1.3em;
}

/*------- Find a Tour: Form1 Setup --------*/
.form1 div{
	margin: 0 0 12px;
}
.form1 label{
	color: #617b81;
	float: left;
	font: 11px Verdana, "Times New Roman", Times, serif;
	margin: 3px 0 0;
	text-transform: uppercase;
        letter-spacing: -1px;
	width: 42px;
}
.form1 input{
	width: 150px;
}
.form1 .btn{
	margin: 5px 0 0;
	width: auto;
}

/*------- Find a Tour: Form1 Select --------*/
.form1 select{
	width: 197px;
}

/*======== Styling Buttons ========*/
.btn-cust a{
	color: #ffffff;
	display: block;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	height: 39px;
	margin: 0 0 5px;
	padding: 10px 0 0 37px;
	width: 125px;
}
.btn-cust.newsl a{
	background: url(images/slices/btn-getnewsl.png) no-repeat top;
	color: #96113d;
}
.btn-cust.tellfr a{
	background: url(images/slices/btn-tellafriend.png) no-repeat top;
}

/*========== Ads, Pics ==========*/
.ads{
	float: right;
	width: 468px;
}
.ads2{
	background: #e4eec0;
	clear: both;
	float: right;
	height: 1%;
	margin: 0 -35px 0 0;
	padding: 7px;
	position: relative;
	width: 750px;
}
* html .ads2{
	margin: 0 -17px 0 0;
}
.pic img, .pic3 img{
	border: 1px solid #ccc7bc;
	display: block;
	margin: 0 0 2em;
}
.pic2{
	border: 1px solid #ccc7bc;
	margin: 0 0 .5em;
}
.pic3 img{
	margin: 0;
}

/*---------- Banners With "GO" ----------*/
.b01{
	width: 214px;
	height: 63px;
	float: left;
	margin: 0 4px 0 0;
	background: url(images/slices/ad1.gif) no-repeat top;
}
.b01 img{
	margin: 29px 0 0 164px;
	position: absolute;    /*fixes GO button link error in FF2*/
}
.b02{
	width: 214px;
	height: 63px;
	float: left;
	margin: 0 4px 0 0;
	background: url(images/slices/ad2.gif) no-repeat top;
}
.b01 img, .b02 img{
	margin: 29px 0 0 164px;
	position: absolute;    /*fixes GO button link error in FF2*/
}
.b03{
	width: 314px;
	height: 63px;
	float: left;
	background: url(images/slices/ad3.gif) no-repeat top;
}
.b03 img{
	margin: 29px 0 0 260px;
	position: absolute;    /*fixes GO button link error in FF2*/
}
.b04{
	width: 464px;
	height: 63px;
	float: left;
	margin: 0 0 4px;
	background: url(images/slices/ad4.gif) no-repeat top;
}
.b04 img{
	margin: 29px 0 0 415px;
	position: absolute;    /*fixes GO button link error in FF2*/
}
.b05{
	width: 230px;
	height: 63px;
	float: left;
	background: url(images/slices/ad5.gif) no-repeat top;
}
.b05 img, .b06 img{
	margin: 29px 0 0 180px;
	position: absolute;    /*fixes GO button link error in FF2*/
}
.b06{
	width: 230px;
	height: 63px;
	float: left;
	margin: 0 0 0 4px;
	background: url(images/slices/ad6.gif) no-repeat top;
}

/*========== Footer ==========*/
#footer{
	background: url(images/slices/footer-bgr.gif) no-repeat top;
	color: #ebe9e4;
	height: 74px;
	margin: 0 auto;
	padding: 11px 0 0;
	text-align: center;
	width: 956px;
}
#footer a{
	color: #ebe9e4;
	text-decoration: underline;
}
#footer ul{
	margin: 0 0 24px;
}
#footer li{
	border-right: 1px solid #ffffff;
	display: inline;
	line-height: 1.1em;
	padding: 0 1.5em;
}
#footer li a{
	color: #ffffff;
}
#footer li.last{
	border: 0;
}

/*=========== Misc. ===========*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ac{
	text-align: center;
}
.ar{
	text-align: right;
}


/*********************** Pages *************************/
/******************************************************/

/*========= Inner Style Pages =========*/
#inner .col1, #register .col1, #contact .col1, #gallery .col1 {  /* left-col main container. */
	width: 465px;	
}
#inner .col1.fr, #register .col1.fr, #contact .col1.fr, #gallery .col1.fr {  /* right-col main container. */
	width: 220px;
} 
#inner .main-hdr {
	background: #C7D597;  /*inner-page h2-bg-color under header image*/
        /*color: #;*/
	height: 25px;
}
#inner .main-hdr a {
	/*color: #ffffff;*/
	text-decoration: underline;
}
#inner .inner-left {
        padding: 0 1em;
}

/*=========  Gallery Page  =========*/
#gallery .main-hdr {
        background: #7fb9ed;
}

/*========= Register Page  =========*/
#register .main-hdr {
        background: #9f9c7a;
}

/*========= Contact Page ==========*/
#contact .main-hdr {
        background: #c7d597;
}

/*========== Tour Finder ==========*/
#tourpage .ads{
	padding-left: 20px;
	width: 448px;
}
#tourpage .ads h3 {
        margin: 0;
        padding: 6px 0px 4px;
}
#tourpage .ads p {
        margin: 0 4px;
        padding: 0;
}
#tourpage .b04 {
        
	background: none;
}
#tourpage .b05 {
	background: none;
}
#tourpage .b06 {
	background: none;
}
#tourpage .tour-searchbox {    /* top white line for tour search graphic box */
        border-top: 5px solid #fff;
        margin-top: 13px;
}

/*=========== Tour Info ===========*/

#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	width:300px;
}
.tooltiptext {
	display: none;  /*LEAVE !IMPORTANT - fixes ie6-7 randomly ignoring display:none*/
}

/*----------------- Itineraries Info ----------------*/
.list3 .list3-dt {    /* short itinerary */
        color: #415301;
}
#tcontent2 h5 {    /* long itinerary */
        color: #415301;
        font-size: 110%;
}

/*======== Tour Quick Search ========*/
#quick-search {
        background-color: #ebb146;
        height: 25px;
        padding: 10px 25px;
}
.pagetable {
        width:100%
}
.pagetable  thead th {
        background-color: #98ae26;
        color: #fff;
        padding: 6px 6px 6px 12px;
        width: 160px;
        text-align: left;
}
.pagetable td {
        padding: 5px 10px;
        
}
.pagetable .row1 {
        background-color: #f3f3f3;  
}
.pagetable .row2 {
        background-color: #fff;
}
.pagetable .at-name {
        padding-left: 10px;
        width: 26%;
}
.pagetable .at-type {
        padding-left: 10px;
        width: 16%;
}
.pagetable .at-location {
        padding-left: 10px;
        width: 23%;
}
.pagetable .at-description {
        width: 20%;
}
.pagetable .at-details {
        padding-left: 15px;
        width: 9%;
        color: #96113d;
}
.pagetable .at-details a {
        color: #96113d;
        text-decoration: underline;
        font-size: 100%;
}
.pagetable .at-details a:hover {
        color: red;
}

/*--------------- Dates and Prices ----------------*/
#tcontent3 .subhdr {
        margin-bottom: 10px;
}
#tcontent3 thead th {
        background-color: #666;
        color: #fff;
        padding: 6px 6px;
}
#tcontent3 .Odd{
        background-color: #ddd;

}
#tcontent3 .Even {
        background-color: #F2F2F2;

}
#tcontent3 th.dph-date {
        width: 92px;
}
#tcontent3 th.dph-price {
        width: 88px;
}
#tcontent3 th.dph-notes {
        width: 70px;
}
#tcontent3 td.dptd-date, #tcontent3 td.dptd-price {
        padding-left: 14px;
}
#tcontent3 td.dptd-notes {
        padding-left: 0px;
        text-align: center;
}
#tcontent3 td.dptd-buy {
        padding-left: 2px;
        padding-top: 1px;
        color: #cc3333;
        text-align: center;
}

#tellfr-popup {
        position: absolute;
        top: 450px;
        left: 190px;
}

/* End of 'Swagman - Styles' */