﻿/* Create Your Own Vacation */

#fit {margin: 0; width: 760px; text-align: left; padding: 0; background-color: #FFFFFF;}

#fit #full {width: 760px; margin: 0; padding: 0 0 10px 0;}
#fit #left {float: left; width: 400px; margin: 0; padding: 0 0 10px 0;}
#fit #right {float: right; width: 450px; margin: 0; padding: 0 0 10px 0;}

#fit #sectionheader {margin: 0; width: 100%; border-bottom: 1px solid #c4c4c4;}
#fit .sectionheader .left 
{
	/*background-image: url(pics/toctab-header-left.gif);
	background-repeat: no-repeat;  */
	background-color: #dfd5ab;
	width: 7px; 
	font-size: 1px; 
	line-height: 1px; 
	border-bottom: 1px solid #dfd5ab;
}
#fit .sectionheader .right 
{
	/*background-image: url(pics/toctab-header-right.gif);
	background-repeat: no-repeat;  */
	background-color: #dfd5ab;
	width: 7px; 
	font-size: 1px; 
	line-height: 1px; 
	border-bottom: 1px solid #dfd5ab;
}
#fit .sectionheader .name 
{
	/*background-image: url(pics/toctab-header-bg.gif); 
	background-repeat: repeat-x; */
	background-color: #dfd5ab;
	font: 18px Georgia, "Times New Roman", Times; 
	height: 20px;
	color: #630400; 
	text-align: center; 
	font-style: italic;
	font-weight: bold; 
	padding: 3px 2px 2px 2px; 
	border-bottom: 1px solid #dfd5ab;
}

#fit .subhead 
{
	margin: 0; 
	background-color: #f0eaca; 
	border-left: 1px solid #dfd5ab; 
	border-right: 1px solid #dfd5ab; 
	padding: 2px 5px 2px 5px; 
	font: 11px Arial, Helvetica; 
	font-weight: normal; 
	color: #000000; 
	text-align: center;
}

#fit .destination 
{
	margin: 0; 
	border: 1px solid #dfd5ab; 
	background-color: #f8f5e5;
	text-align: left !important;
}

#fit .box 
{
	margin: 0; 
	border: 1px solid #dfd5ab; 
	font: 11px Verdana, Arial, Helvetica; 
	font-weight: normal; 
	color: #000000; 
	background-color: #f8f5e5;
}

#fit .box2 
{
	margin: 0; 
	border: 0px !important; 
	font: 11px Verdana,  Arial, Helvetica; 
	font-weight: normal; 
	color: #000000; 
	background-color: #f8f5e5 !important;
}
.checkBox
{
	font: 11px Arial, Helvetica; 
	background-color: #f8f5e5; 
	color: #000000; 
	font-weight: bold; 
	margin: 0;
}

#fit .button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight:bold;
	background-image: url(Pics/inLoginButton.gif);
	height: 23px;
	cursor:pointer;
	text-transform:uppercase;
	border: none;
}

#fit .button2
{
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 9px;
	font-weight:bold;
	background-image: url(Pics/inLoginButton.gif);
	cursor:pointer;
	text-transform:uppercase;
}

#fit .photo {border: 1px solid #FFFFFF; background-color: #ffffff; padding: 1px;}
#fit .title {margin: 0; font: 13px Arial, Helvetica; font-weight: bold; color: #25408f; padding: 2px; background-color: #FFFFFF;}
#fit .deal {margin: 0; font: 11px Arial, Helvetica; font-weight: normal; color: #25408f; padding: 2px; background-color: #FFFFFF;}


#create {margin: 0; width: 760px; clear: both; text-align: left; padding: 0;}
#create #content {margin: 0; clear: both; padding: 0; border: 1px solid #c4c4c4; width: 760px; text-align: center;}

#content #box-yellow {margin: 0; padding: 0; border: 1px solid #888051; background-color: #F9FBEC;}
#content #box-yellow .title {margin: 0; background-image: url(pics/link2-button-on.gif); background-repeat: repeat-x; background-color: #ffffff; font: 12px Arial, Helvetica; color: #990000; font-weight: bold; border-bottom: 1px solid #888051; padding: 1px 2px 1px 2px;}
#content #box-yellow .text {background-color: #F9FBEC; font: 11px Arial, Helvetica; color: #25408f; padding: 2px;} 

#content .box-blue {margin: 0; padding: 0; border: 1px solid #c4c4c4; background-color: #ffffff;}
#content .box-blue .title {margin: 0; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff; font: 12px Arial, Helvetica; color: #990000; font-weight: bold; border-bottom: 1px solid #c4c4c4; padding: 1px 2px 1px 2px;}
#content .box-blue .title2 {margin: 0; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff; font: 12px Arial, Helvetica; color: #990000; font-weight: bold; border-bottom: 1px solid #c4c4c4; padding: 1px 2px 1px 2px; text-align: center;}
#content .box-blue .text {background-color: #ffffff; font: 11px Arial, Helvetica; color: #25408f; padding: 2px;}
#content .box-blue .text2 {background-color: #ffffff; font: 11px Arial, Helvetica; color: #25408f; padding: 2px; border-bottom: 1px dotted #c4c4c4;}
#content .box-blue .odd {background-color: #F0F5FB; font: 11px Arial, Helvetica; color: #FFFFFF;}
#content .box-blue .even {background-color: #ffffff; font: 11px Arial, Helvetica; color: #FFFFFF;}
#content .box-blue .ni {margin: 5px;}

.htlname {font: 12px Arial, Helvetica; color: #25408f; text-align: center; font-weight: bold;}

#listbox {margin: 0; padding: 0; width: 100%; height: 250px; overflow: auto;}
#listbox .inner {background-color: #ffffff; font: 11px Arial, Helvetica; color: #25408f; padding: 2px; border-bottom: 1px dotted #c4c4c4;}

#stepmeter {clear: both; margin: 0 0 10px 0; width: 760px; text-align: center;}
#stepmeter .stepmeter-box {border: 1px solid #c4c4c4;}
#stepmeter .stepmeter-on {background-image: url(pics/step-on.gif); background-color: #dbe4f3; background-position: top left; background-repeat: repeat-x; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #25408f; padding: 0;}
#stepmeter .stepmeter-off {background-image: url(pics/step-off.gif); background-color: #ffffff; background-position: top left; background-repeat: repeat-x; font: 12px Arial, Helvetica, sans-serif; font-weight: normal; color: #25408f; padding: 0;}
#stepmeter .stepmeter-mid {background-image: url(pics/step-mid-bg.gif); background-color: #ffffff; background-position: left; background-repeat: repeat-y; font-size: 1; line-height: 1; padding: 0;}

#sectionheader {width: 610px;}
#price {margin: 0; width: 140px; float: right; font: 16px Georgia, "Times New Roman", Times; color: #990000; text-align: right; font-weight: bold; padding: 2px 0 3px 0;}

#pkglisting {border: 1px solid #888051; width: 748px; margin: 5px 0 5px 0;}

#box3 {margin: 0; padding: 0; border: 1px solid #c4c4c4; background-color: #F0F5FB;}
#box3 p, #content #box3 td {margin: 5px; font: 12px arial, helvetica; font-weight: normal; color: #25408f;}
#box3 .smtext {font-size: 11px;}
/*
.button {font: 11px Arial, Helvetica; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff; color: #990000; font-weight: bold; padding: 2px 10px 2px 10px; border: 1px solid #c4c4c4; margin: 0;}
.button2 {font: 11px Arial, Helvetica; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff; color: #990000; border: 1px solid #c4c4c4; margin: 0 0 5px 0;}
*/
.check {margin: 0; padding: 0;}
.textbox {font: 11px Arial, Helvetica; background-color: #ffffff; color: #a5408f; font-weight: normal; border: 1px solid #c4c4c4; width: 100%;}

.formbox100 
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	background: #FFFFFF url('Pics/inputMid.png') repeat-x;
	border-top: none;
	border-left: 1px solid #C1BA9F;
	border-right: 1px solid #C1BA9F;
	border-bottom: 1px solid #C1BA9F;
	height: 22px;
	line-height: 22px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

/*
.formbox100 
{
    width: 100%; 
    font: 11px Arial, Helvetica; 
    color: #25408f; 
    border: 1px solid #5F6583; 
    background-color: #FFFFFF; 
}
*/
.formbox2 {margin: 0; border: 1px solid #c4c4c4; font: 11px Arial, Helvetica; font-weight: normal; color: #c4c4c4; text-align: left; width: 100%;}

/*
.formbox
{
    border: 1px solid #5F6583;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 1px 1px 1px;
}
*/

#fittabs {padding: 0; margin: 0; width: 748px;}

#fittabs ul {float: left; list-style: none; line-height: 1; padding: 0; margin: 0; width: 700px; color: #25408f; font: 12px Arial, Helvetica, serif; font-weight: bold; border-left: 1px solid #c4c4c4;}

#fittabs ul li a {display: block; border-right: 1px solid #c4c4c4; margin: 0px; background-image: url(pics/link-button-off.gif); background-repeat: repeat-x; background-color: #dbe4f3; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #25408f; text-decoration: none; padding: 3px 6px 3px 6px;}

#fittabs ul li a:hover {border-right: 1px solid #c4c4c4; margin: 0px; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff;  font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #25408f; text-decoration: underline; padding: 3px 6px 3px 6px;}

#fittabs li {float: left; padding: 0; margin: 0; border-top: 1px solid #c4c4c4;}

#fittabs li a:hover, #fittabs li a.sfhover {border-right: 1px solid #c4c4c4; margin: 0; background-image: url(pics/link-button-on.gif); background-repeat: repeat-x; background-color: #ffffff;  font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #25408f; text-decoration: underline; padding: 3px 6px 3px 6px;} /* rollover */

#fittabs .active {display: block; border-right: 1px solid #c4c4c4; margin: 0; background-image: url(pics/link2-button-on.gif);  background-repeat: repeat-x; background-color: #ffffff; font: 12px Arial, Helvetica, sans-serif; font-weight:bold; color: #990000; padding: 3px 6px 3px 6px;}

