/*****************
 GLOBAL
*****************/

* {margin:0; padding:0;}

p, ul, ol {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

html {
    overflow-y: scroll;   
}

body {
	margin:0;
	padding:0;
	color: #fff;
	background: #222 url(images/paving.jpg) left top;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 2.2em; margin: 0px 0px 10px 0px; color: #f60; font-weight: normal; font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.5em;  margin: 3px 0px 8px 0px; color: #f60; font-weight: normal; font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.4em; color: #f60; line-height: 1.2em; font-weight: normal; font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}

/**********
 FORMS
**********/

form { display: inline; }

.errorMessage {
    border: 2px solid #900;
    color: #900;
    background: #F99;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

.errorMessage p {
   margin: 5px 0px; 
}

.errorMessage ul {
    padding: 0px 0px 0px 30px;   
    margin: 0px;
}

.successMessage {
    border: 2px solid #090;
    color: #060;
    background: #9F9;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

.successMessage p {
    margin: 0px;   
}

/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 980px;
	margin: 0px auto;
	font-size: 0.85em;
	background: #000;
}

	#pagecontainer {
		width: 980px;
		background: #000;
	}

		#header {
			width: 940px;
			height: 300px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #000 url(images/header-back.jpg) no-repeat right bottom;
			}
			
			#header a:link, #header a:visited { color: #f60; text-decoration: none; }
			#header a:hover { color: #f90; text-decoration: none; }
			
	    #header.area {
	        width: 960px;
	        background: none;
	        position: relative;   
	        overflow: hidden;
	        padding: 0px;
			margin: 0px 10px;
	    }
			
			#toplogo {
				padding: 10px 0px 10px 10px;
				width: 300px;
				float: left;
				font-size: 0.9em;
				color: #000;
			}
			
			#toplogo.area {
			    padding: 10px 0px 10px 20px;
				position: absolute;
			    float: none;
			    z-index: 10;
			}			
			
			#topright {
				padding: 40px 0px 0px 0px;
				width: 580px;
				float: right;
				font-size: 0.85em;
				color: #000;
			}


				#topright strong {
					font-size: 1.8em;
					color: #f60;
					line-height: 1.2em;
					font-weight: normal;
					font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
				 }

				



		#topnav {
			width: 940px;
			height: 36px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #000;
			font-size: 0.95em;
		}


		#topbar {
			width: 940px;
			padding: 0px 10px 10px 10px;
			margin: 0px 10px;
			background: #222 url(images/topbar-back.gif) no-repeat center bottom;
			color: #fff;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 20px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #fff; text-decoration: none; }
			#breadcrumb a:hover { color: #fff; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #fff;
			}
			
        #underbreadcrumb {
		    background: #000;
		    margin: 5px 0px 0px 0px;
		    padding: 0px 0px;
		    width: 960px;
		    text-align: center;
		    font-size: 1.0em;
	    }
			

		#maincontent {
			clear: both;
			width: 960px;
			padding: 0px 0px 0px 0px;
			margin: 1px 10px;
			color: #fff;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #000;
		}

			#maincontent a:link, #maincontent a:visited { color: #f60; text-decoration: none; }
			#maincontent a:hover { color: #f90; text-decoration: none; }

      		#socialbookmarks {
			width: 940px;
			padding: 5px 10px 0px 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			line-height: 50px;
			color: #fff;
			text-align: right;
		}

			#socialbookmarks a:link, #socialbookmarks a:visited { color: #f60; text-decoration: none; }
			#socialbookmarks a:hover { color: #f90; text-decoration: none; }

      		#abovefooter {
			width: 940px;
			padding: 10px 10px 0px 10px;
			margin: 0px 10px -5px 10px;
			font-size: 1.3em;
			font-weight: bold;
			position: relative;
			line-height: 40px;
			color: #630;
			text-align: center;
			background: #f89428 url(images/bg-phone.gif) no-repeat center top;
		}

		#footer {
			width: 940px;
			padding: 10px 10px 20px 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			position: relative;
			color: #fff;
			background: #222 url(images/footer-back.gif) no-repeat center bottom;
		}
		
		#footer .tta {
		    z-index: 10;
		    position: absolute;   
		    right: 6px;
		    top: -30px;
		}

		#footer a:link, #footer a:visited { color: #eec; text-decoration: none; }
		#footer a:hover { color: #eec; text-decoration: underline; }


		#belowfooter {
			clear: both;
			margin: 0px 10px;
			width: 810px;
			padding: 10px 10px 10px 140px;
			font-size: 0.9em;
			color: #fff;
			background: #000 url(images/footerlogo.gif) no-repeat left top;
		}

		#belowfooter img {
			float: right;
			margin-left: 5px;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #f60; text-decoration: none; }
		#belowfooter a:hover { color: #f90; text-decoration: none; }


/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/**********************
 FLASH ANIMBLOCK
***********************/

.gallery { position: relative; }

/*****************
 IMAGES
*****************/
.floatright {
    float: right;   
}
img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

table.acc {
    font-size: 1.0em;   
}

table.acc th {
    text-align: left;
    color: #f90;
    font-weight: bold;   
    padding-right: 20px;
}

table.acc td {
    padding-right: 20px;   
}


/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}


 /*****************
  FEATURES
 *****************/

.pagefeature5 {
	width: 940px;
	padding: 10px;
	background: #000 url(images/bg-pagefeature.gif) repeat-x left bottom;
}

.pagefeature5tall {
	width: 940px;
	padding: 10px;
	background: #000 url(images/bg-pagefeaturetall.gif) repeat-x left bottom;
}



.pagefeature3 {
	width: 552px;
	float: left;
	padding: 10px;
	margin: 10px 10px 0px 0;
	background: #000 url(images/bg-pagefeature.gif) repeat-x left bottom;
}

.pagefeature2 {
	width: 358px;
	float: left;
	padding: 10px;
	margin: 10px 10px 0px 0;
	background: #000 url(images/bg-pagefeature.gif) repeat-x left bottom;
}


.pagefeature1 {
	width: 164px;
	float: left;
	padding: 10px;
	margin: 10px 10px 0px 0;
	background: #000 url(images/bg-pagefeature.gif) repeat-x left bottom;
}

.pagefeatureend {
	margin: 10px 0px 0px 0;
}

    .pagefeature1info {
        position: absolute;
        bottom: 18px;   
        text-align: center;
    }
    
    .strorange {
        color: #f90;
        font-weight: bold;   
    }


/**********************
PARAGRAPHS
 ***********************/

.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}

	
/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}


/*****************
 DEFAULT PAGE
*****************/

ul#nav  li a.homelink {
	font-weight: bold;
	letter-spacing: -1px;
}

#flashanim {
	background: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	z-index: 1;
	width: 552px;
	height: 250px;
}

#homefeaturebigtext {
	position: absolute;
	width: 144px;
	height: 210px;
	padding: 30px 10px 10px 10px;
	top: 0px;
	left: 0px;
	z-index: 2;
	background: url(images/trans-white.png) repeat-y left top;
	color: #fff;
 }

#homefeaturebigtext strong {
	font-size: 1.7em;
	color: #000;
	line-height: 1.2em;
	font-weight: Normal;
	}
	
	#weekenderbigtext {
	display: block;
	padding: 5px 0px 58px 10px;
	color: #fff;
 }

#weekenderbigtext strong {
	font-size: 1.4em;
	color: #FFF;
	line-height: 1.4em;
	font-weight: Normal;
	}
 
 .tbl th {
     font-size: 0.8em;
     text-align: left;
     font-weight: normal;
     padding: 3px 20px 3px 0px;
     color: #F90;
 }
 
  .tbl td {
     font-size: 0.8em;
     text-align: left;
     padding: 3px 20px 3px 0px;
 }
 
 .halftbll {
    width: 50%;
    float: left;   
 } 
 .thrdtblr {
    float: right;   
    width: 340px;
 }
 
/*****************
 UI TABS
*****************/   

#tab-notes, #tab-countries {
    overflow:auto;
}
    
    
.tc-days {
    width: 121px;
    padding: 19px 20px 5px 40px;
    height: 50px;
    float: left;
    color: #000;
    margin-bottom: 10px;
}  

.tc-dtext {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 20px;
    float: left;
    width: 700px;
}  
    
.tc-label {
    float: left;
    width: 200px;
    color: #f90;
    margin-bottom: 10px;
}

.tc-text {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 200px;
}

.tc-text p {
    margin: 0px;
    padding: 0px;
}
  
.ui-tabs {
    margin: 15px 0px 15px 0px;
    background: url(/images/tab-back.gif) repeat-x left 29px;
}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    margin-left: 10px;
}

.ui-tabs .ui-tabs-nav li {
    background: url(/images/tab.gif) no-repeat center center;
    width: 100px;
    height: 30px;
    text-align: center;
    float: left;
    margin-bottom: -2px;
}

.ui-tabs .ui-tabs-nav li a span {
    color: #333;
    line-height: 30px;
}

.ui-tabs .ui-tabs-nav li a:hover span {
    color: #C60;
    line-height: 30px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: url(/images/tab-sel.gif) no-repeat center center;
    border-bottom: 1px solid #333;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span {
    color: #FFF;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover span {
    color: #CCC;
}
 
.ui-tabs .ui-tabs-panel {
    border: 1px solid #953;

    padding: 10px;
	width: 920px;
	background: #333;
	color: #fff;
}
 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
    top: 0px;
}

#styleinfo {
    display: none;
    padding: 5px 8px;
    border: 2px solid #953;
    background: #F90;   
    color: #000;
    width: 600px;
}

.si-label {
    float: left;
    width: 200px;
    margin-bottom: 5px;
    clear: left;
    font-weight: bold;
}

.si-text {
    margin-bottom: 5px;
    margin-left: 200px;
}

.tab-box {
	background: #333 url(images/bg-tabbox.gif) repeat-x left bottom;
    padding: 5px; 
}


/*****************
    BLOG
*****************/

#blogArchive a {
   
}

#blogArchive .blogDate {
    font-size: 1.2em;
    float: left;
    width: 50px;
    margin: 0px 0px 10px 10px;
    line-height: 1.0em;
}

.blogAvatar {
    border: 1px solid #F90;
    float: right;
}

/*****************
    PAYMENT
*****************/

.paymentform {
    margin: 10px 0px 5px 0px;
}

.paymentform label {
    float: left;
    display: block;
    width: 220px;  
    margin: 0px 0px 10px 0px; 
}

.paymentform .text {
    margin: 0px 0px 10px 0px; 
}

.paymentform .btn, .pagefeature5 .btn, .pagefeature3 .btn {
    background: transparent url(/images/btn.gif) no-repeat center center;
    border: 0px;
    width: 100px;
    height: 30px;
    color: #900;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.pf2 label {
    width: 100px;   
}

.galleryimage {
    margin: 0px 20px 15px 0px;   
}

.galleryimageend {
    margin: 0px 0px 15px 3px;   
}

a.bg-btn {
    display: block;
    background: url(/images/btn.gif) no-repeat center center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #900;
    cursor: pointer;
    border: 0px;
    font-size: 11px;
    text-align: center;
}

#maincontent a.bg-btn:link, #maincontent a.bg-btn:visited {
    color: #900;
}

#maincontent a.bg-btn:hover {
    color: #C33;
}

.minimap {
    cursor: pointer;
    margin: 10px 10px 10px 10px;
    float: right;
}   

#weekenders {
    margin-top: 0px;
    padding: 5px 10px 20px 10px;   
    text-align: center;
    font-size: 1.2em;
}

#joinbigtrip {
    padding: 15px 0px 48px 0px;
}

    #joinbigtrip input.text {
        width: 200px;
        margin: 5px 0px;
    }
    
    #joinbigtrip input.btn {
        margin: 5px 0px;
        background: url(/images/btn.gif) no-repeat center center;
        width: 100px;
        height: 30px;
        line-height: 30px;
        color: #900;
        cursor: pointer;
        border: 0px;
        font-size: 11px;
        text-align: center;
        font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
    }
    
    #joinbigtrip label {
        display: block;
        float: left;
        width: 100px;
        margin: 5px 0px;
    }