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

	westcoasttravel - Index Stylesheet
   
------------------------------------------------------ */

	@import "reset.css";
	
	
/* --- Selectors ------------------------------------- */


	body {
		font:12px/18px Arial, Helvetica, sans-serif;
		margin:30px auto 10px auto;
		background:#404e2b url(../images/bg.jpg) top center no-repeat;
	}
	
	hr {
		background-color:#d6d6d6 !important;
		color:#d6d6d6; 
		height:1px;
		border:0;
		width:100%;
			
		
	}


	
/* --- Type ------------------------------------------ */
	
	a, td a, div a, span a  { color:#a00000; text-decoration:underline;  }
	a:hover, td a:hover, div a:hover, span a:hover { color:#a00000; text-decoration:none; }
	a img { border:none; }
	
	p { margin:10px 0; font:12px/18px Arial, Helvetica, sans-serif;}
	
	h1 { font:bold 18px/24px Arial, Helvetica, sans-serif; padding:10px 0;}
	h2 { font:bold 16px/22px Arial, Helvetica, sans-serif;}
	h3 { font:bold 14px/20px Arial, Helvetica, sans-serif; }
	h4 { font:bold 12px/18px Arial, Helvetica, sans-serif; }
	h5 { font:bold 11px/16px Arial, Helvetica, sans-serif; }
	h6 { font:bold 10px/14px Arial, Helvetica, sans-serif;}
	li {list-style:square;}

/* --- Common Classes -------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }
	.nodisplay { display:none;}

/* --- Layout Styles --------------------------------- */
#wrapper {
	width:960px;
	margin:0 auto;
}

#logo {
	width:449px;
	height:82px;
	
}


#main {
	margin-top:45px;
	width:950px;
	min-height:300px;
	padding:5px;
	background:#ffffff;
	clear:both;
	position:relative;
}


#corner_left { position:absolute; top:0; left:0;}
#corner_right { position:absolute; top:0; right:0;}
/*** Navigation (Setting up some fonts, colors and more)***/

#navigation{ background:url(../images/menubg.gif) top left repeat-x; height:38px; padding-left:10px; margin-bottom:5px;}

#navigation a:link, #navigation a:visited{ color: #ffffff; padding:10px; text-decoration:none;}

#navigation a:hover { color:#ffffff; text-decoration:none; padding:0 7px;}

#navigation a:link, #navigation a:visited{color: #ffffff; padding:10px; text-decoration:none;}

#navigation a:hover { background-color: #2b2b2b;  color:#ffffff; text-decoration:none;}

#navigation .current a:link, #navigation .current a:visited{color: #fff;text-decoration:none;padding:10px;}

/*** Essential styles - Superfish menu (Setting the positions for the list elements etc.) ***/

.nav, .nav * {margin:0;padding:0;list-style:none;}

.nav ul {position:absolute;top:-999em;width:15em;}

.nav li {float:left;position:relative;z-index:99;font-size:12px; font-weight:bold; border-right:1px solid #606060; }

.nav li ul li {float:left;position:relative;z-index:99;font-size:11px; font-weight:normal; border-right:1px solid #606060; height:30px;}
#navigation li ul li a { padding: -5px 10px 0 10px; margin-top:-5px;}
.nav li.last {border-right:none; background:#b53434; padding-right:10px;}

#navigation .nav li.last a:hover {background:#b53434;}

.nav a {display:block;}

.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:2.9em;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}

.nav li li:hover ul,ul.nav li li.sfHover ul {left:15em;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li {background:url(../images/menubg.gif) top left repeat-x;}

/*.nav li li:hover {background-color:#505050;}

.nav li li li {background-color:#454545;}

.nav li li li:hover {background-color:#505050; color: #ffffff;}
*/
#textwrap {
	width:950px;
	padding:0 5px;
}

#text {
	background:url(../images/fern.gif) top right no-repeat;
	width:590px;
	padding:30px 10px 10px 10px;
	float:left;
}

#breadcrumb {
	font-size:11px;
	padding-bottom:20px;
}

#rightcol{
	padding:30px 5px;
	width:326px;
	float:right;
}

#tranzbooking {
	/*padding:5px;
	background:#2d2d2d;
	width:316px;*/
}


.calltoaction_red {
	padding:5px 0 0 0;
	margin-bottom:5px;
}
.calltoaction_red h2 {
	background:url(../images/rightcolred.gif) top left repeat-x;
	color:#FFFFFF;
	height:40px;
	line-height:40px;
	padding-left:10px;
	position:relative;
}

.calltoaction_red h2 a {
	color:#FFFFFF;
	text-decoration:none;
}



.calltoaction {
	padding:5px 0 0 0;
}
.calltoaction h2 {
	background:url(../images/menubg.gif) top left repeat-x;
	color:#FFFFFF;
	height:40px;
	line-height:40px;
	padding-left:10px;
	position:relative;
}

.calltoaction h2 a {
	color:#FFFFFF;
	text-decoration:none;
}

.calltoaction h2 span {
	position:absolute;
	right:5px;
	top:0px;
}

.calltoaction h2 span a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}


.calltoaction .actioncontent {
	background:#f2f2f2;
	font-size:11px;
	vertical-align:top;
	padding:10px;
}

.calltoaction .actioncontent ul {
	padding:10px;
}

.calltoaction .actioncontent ul li{
	list-style:square;
}

.calltoaction .actioncontent .left, .calltoaction .actioncontent .left p {
	width:120px;
	padding:10px;
	font-size:11px;
	line-height:14px;
	color:#555555;
}

.calltoaction .actioncontent .right {
	width:165px;
	padding:10px 5px;
	font-size:11px;
	line-height:14px;
	color:#555555;
}

.calltoaction .actioncontent span a{
	background:url(../images/bookingnowbg.gif) top left repeat-x;
	display:block;
	width:160px;
	height:30px;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	font-size:16px;
	text-decoration:none;
}

.calltoaction .actioncontent select, .calltoaction .actioncontent option, .calltoaction .actioncontent input {
	font-size:11px;
}  

#footer {
	clear:both;
	padding:15px;
	font-size:11px;
	color:#ffffff;
}

#footer a {
	font-size:11px;
	color:#ffffff;

}

#footer .left ul {
	margin:0;
	padding:0;
}
#footer .left ul li {
	display:inline;
	list-style:none;
}

#footer .left ul li a {
	padding-right:10px;
}

/* shopping cart*/
.cartlist {
	border-bottom:1px dotted #c2c2c2;
}

.alert {
	padding:10px;
	background:#f2f2f2;
	border:1px solid #c5c5c5;
	font-weight:bold;
	color:#ab0000;
	margin-bottom:10px;
	width:560px;
}
.form_required {
	font-weight:bold;
	color:#990000;
}

#orderlist_form label {
	font-weight:bold;
}

#orderlist_form option, 
#orderlist_form select,
#orderlist_form input,
#orderlist_form textarea {
	font-size:11px;
}

#itinerary_tours,
#itinerary_accommodation,
#itinerary_transport,
#purchase_details, 
#payment_details
{
	border:1px solid #c5c5c5;
	padding:10px;
	width:560px;
	line-height:22px;
}

#itinerary_tours .left,
#itinerary_accommodation .left,
#itinerary_transport .left,
#purchase_details .left, 
#payment_details .left
{
	width:320px;
}

#itinerary_tours .title, .viewdetails, 
#itinerary_accommodation .title, .viewdetails,
#itinerary_transport .title, .viewdetails,
#purchase_details .title, .viewdetails,
#payment_details .title, .viewdetails,
#itinerary_tours .alert,
#itinerary_accommodation div.alert,
#itinerary_transport .alert,
#purchase_details .alert, 
#payment_details .alert
{
	border:1px solid #c5c5c5;
	padding:10px;
	background:#f2f2f2;
	width:540px;

}

.form_field {
	display:inline-block;
	width:180px;
	float:left;
	clear:left;
	padding-left:10px;
}

/* location page */
#location_image2 { float:right; width:240px; padding-right:15px;}
#location_extrainfo {float:left; width:280px;}