@charset "utf-8";
/* CSS Document */

/*****Quote*****/
.wrapperQuote{
	width:248px;
	float:left;
	font-size:1.1em;
	position:relative;
}

h3 {
	font-size: 1.6em;
	background:url(../images/h3-bg.gif) repeat-x;
	color:#fff;
	padding:0 10px 4px 10px;
	font-weight:normal;
	clear:both;
	text-transform:lowercase;
}

.quote {width:248px; float:left; text-align:left; position:relative;}
.quote h3 {text-align:left;}
.quote .tripboxtop {float:left; background:url(../images/tripbox-header-bg.gif) no-repeat top left; width:200px; height:20px;}
.quote .tripbox {  padding:0px 6px 30px 6px; float:left;}


.quote .tripbox .line { float:left; position:relative; width:217px; padding:10px; background:url(../images/nav-dropdownbottom.gif) repeat-x top left; clear:both}
.quote .tripbox .first {background:none;}
.quote .tripbox .line.on { background:#fafafa;}
.quote .tripbox .line .no { font-size:2em; padding-right:10px; float:left; padding-top:6px; color:#154182; font-weight:bold;}
.quote .tripbox .line .questionholder {float:left; width:190px; padding-top:1px;}
.quote .tripbox .line .questionholder .question { float:left; width:170px; font-weight:bolder; margin-bottom:10px;}
.quote .tripbox .line .questionholder .questioninput { float:left; margin-right:5px;}
.zindex2{z-index:1; position:relative;}
.zindex1{z-index:2; position:relative;}
.quote .tripbox .line .questionholder .questioninput select {width:176px; z-index:-9}

.quote .tripbox .line .help {float:left; width:18px; padding:4px 0 0 2px;}

.quote .tripbox .line .help img {border:none;}
.quote .btn {background:#ccc url(../images/btn-getquote.jpg) no-repeat right top;	position:absolute; bottom:10px;	right:10px;	width:120px; height:30px; border:none; color:#fff; font-size:1.2em; padding-bottom:8px; padding-right:70px; font-weight:bold;cursor:pointer;
/*	float:right;
	color:#fff;
	padding-right:40px;
	line-height: 1;
	height:23px;
	margin-top:-5px;
	
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	border:0;
	width:140px;
	white-space:nowrap;*/
}
.quote .btn span {
	margin-left:15px;
	margin-top:-5px;
	position:relative;
	display:block;
	cursor:pointer;
	line-height: 1;
}
/****************/
/*Error Message
/****************/
.getaquoteError {float:left; width:237px;}
.getaquoteError .getaquoteErrorHeader {background:#DB001B url(../images/nomatching.gif) no-repeat 5px 3px; color:#efefef; padding-left:25px; text-transform:uppercase; line-height:2em; font-size:0.85em; width:211px; position:relative;}
getaquoteError .getaquoteErrorHeader p{padding:0; margin:0;}
.quote .tripbox div.getaquoteErrorBody { background:#f5d9d9;width:217px;}
.getaquoteError{ width:auto;}

/*******************/
/*Mandatory Fields*/
/*******************/
.quote .madatoryfields {float:left; width:240px; display:block; padding-left:5px;}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/*******************/
/* Skin */
/*******************/
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, sans-serif;
    margin:0 !important;
	width:248px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0px;
	background:url(../images/tripbox-header-bg.png) no-repeat left top;
	width:250px;
	display:none
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
    padding: 0 !important;
	font-size: 14px;
list-style: none;

}

.ui-tabs-nav a {
    margin: 0;
    color: #8c8c8c;
    display: block;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	padding:10px 0 8px 0;
}
.ui-tabs-nav .ui-tabs-selected a {
   /* position: relative; this is making the active tab sit above the dropdown menu.. fix */
    z-index: 2;
    color: #373737;
}

.ui-tabs-nav a.fragment1 { width:91px; text-align:left; padding-left:13px; }
.ui-tabs-nav a.fragment2 { width:116px; text-align:right; padding-right:13px; }

.ui-tabs-nav .ui-tabs-selected a.fragment1 { background:url(../images/tripboxleft.png) no-repeat left top; width:84px; padding-right:24px;}
.ui-tabs-nav .ui-tabs-selected a.fragment2 { background:url(../images/tripboxright.png) no-repeat right top; width:109px; padding-left:24px;}


.ui-tabs-nav a span {
    /*width: 74px; *//* IE 6 treats width as min-width */
    /*min-width: 74px;*/

}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    /*opacity: .4;
    filter: alpha(opacity=40);*/
}
.ui-tabs-panel {
    padding: 1em 0px;
    /*background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */
	background:#efefef url(../images/tripbox-bg.png) no-repeat left bottom;
	float:left;
	/*font-size:1em;*/
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*===================
default page calendar
=====================
*/
a.calendarIcon {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar-icon.gif) no-repeat; 
}

/* html a.calendarIcon {margin: 0 2px 0 2px;}*/

input.date-pick {float:left; font-size:11px; padding:0 1px; width:60px; margin-right:4px;}

.calendarHoder1{
	z-index:1;
	position:absolute;
	left:120px;
	width:185px;
	height:152px;
	display:block;
	background:#FFFFFF;
	border:1px solid #b1b1b1;
}



.Cal1 
{
    font-size:11px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    height:182px;
    width:193px;
    background:#FFFFFF;
    border:none;
	/*margin-top:-20px;*/
}
.Cal1 a 
{
    text-decoration:none;
    height:20px;
    padding:0 5px;
}

.Cal1 td 
{
    padding:0 3px;
}
.Cal1 table 
{
    background:url("../images/month-header-bg.gif") top center;
    height:24px;
}

.calHolder 
{
    z-index:1;
	position:absolute;
	left:70px;
	width:auto;
	height:auto;
	display:block;
	background:#FFFFFF;
	border:1px solid #b1b1b1;

}

.calWrapper 
{
    /*background-color: #006699;*/
    background:#efefef;
    width: 157px;
    height: 210px;
    font-size:11px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

}

.monthTitle 
{
    background-color:#FFFFFF;
    height:25px;
    font-weight:bold;
    font-size:10pt;
    color:#FFFFFF;
    
}

.nextPrevMonth
{
    font-size:10pt;
    text-align:center;
    /*padding-top:4px !important;
    display:block;*/
}

.nextPrevMonth a 
{
    padding-top:4px !important;
    display:block;
}




.calendarWrapper 
{
    border-collapse:collapse;
    background:#ffffff;
    border:none;
    width:185px;
    height:152px;
    font-size:11px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    position: absolute;
    top: 0;
    left:90px;
    z-index: 9999;
}

.calendarWrapper a 
{
    text-decoration:none;
}

.calendarWrapper a:hover
{
    text-decoration:underline;
}



.dayHeader 
{
    background:#efefef;
    color:#939393;
    height:20px;
    font-weight:normal;
}

.selectedDay
{
    background:url(../images/date-month-bg.gif) repeat-x scroll left top;
}
.weekendDay 
{
    font-weight:bold;
}







.todayDay 
{
    background:#FFE0CC;
}
.nextMonthDay
{
    background:#DDDDDD;
    color:#666666;
}

.otherMonthDayStyle 
{
    background-color:#dddddd;
    color:#666666;
}
.otherMonthDayStyle a
{
	cursor:default;
}

.otherMonthDayStyle a:hover
{
    text-decoration:none;
}

.calMonth
{
    width: 100px !important;
}

.calYear
{
    width: 80px !important;
}

/*****Banner*****/
.home .main .banner {float:left;  /*padding:10px 6px; margin-left:-5px;background:url(../images/banner-bg.gif) no-repeat bottom left;*/}
.home .main .bannerbutton {
	float:right;
	width:360px;
	background:url(../images/banner-tag-bg.gif) no-repeat top right;
	text-align:right;
	padding:6px 24px 0 0;
	font-size:1.8em;
	color:#fff;
	height:44px;
	margin-top:-5px;
	font-weight:bold;
}
.home .main .bannerbutton a {color:#fff; display:block; text-decoration:none;}
.home .main .bannerbutton a:hover { text-decoration:none;}
.home .main .bannerbutton span {color:#dddbdb;}

/*****Main Content*****/
.home .main .maincontent {width:454px; padding:0px; float:left; margin-right:18px;}
.home .main .maincontent .breadcrumbs {padding-bottom:20px; font-size:0.9em;}

/*****Quote*****/
.rightquotespace {margin-right:15px;}/*Only for default page*/
.quote {width:247px; float:left; /*margin-right:13px;*/}

/*****Main Content*****/
.homespots {float:left; clear:both; padding:9px 0;}
.homespots a.spot { margin-left:5px;}
.homespots a.spotfirst { margin-left:0;}
.maincontent ul {margin: 20px;}
.home .main .homerightarea {width:245px; float:right; /*position:relative;*/ height:auto;}
.home .main .homerightarea .highlightedarea {/*background:#f0f0f0;*/ width:248px; float:left; height:auto;}
img.ad {float:left; margin-top:0px;}


/*????? Choose a Plan ?????*/
.subnav {width:187px;float:left;padding: 0 0 5px 0;font-size:1.3em}
/* level 1 */
.subnav ul {list-style:none;font-size:1em;}
.subnav ul li a {display:block;text-decoration:none;color:#808080;background:url(../images/arrow-right.gif) no-repeat 23px 9px;padding: 0 0 0 35px;line-height:1.7em;}
.subnav ul li a:hover, .subnav ul li a:focus {background-color:#fff9cf;}
.subnav ul li.on a,.subnav ul li.on a:hover,.subnav ul li.on a:focus {background-color:#eee;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;} /* affects all list items under the "on" one */

/* level 2 */
.subnav ul li ul {list-style:none;}
.subnav ul li li a {background:#f9f9f9;font-size:0.85em;padding-left:45px;border-top:1px solid #eee;}
.subnav ul li li a:hover, .subnav ul li li a:focus {background:#000000;color:#000000;}
.subnav ul li li a.more,.subnav ul li li a.more:hover, .subnav ul li li a.more:focus  {background-repeat:no-repeat;background-position:171px 8px;}
.subnav ul li li a.more {background-image:url(../images/bg-subnav-off.gif);}
.subnav ul li li a.more:hover, .subnav ul li li a.more:focus {background-image:url(../images/bg-subnav-on.gif);}

/* level 3 */
.subnav ul li li li a {padding-left:60px;}
.subnav ul li li li.first a,.subnav ul li li li.first a:hover,.subnav ul li li li.first a:focus {border:none;}
.subnav ul li.on li a,.subnav ul li.on li a:hover,.subnav ul li.on li a:focus {border-top:1px solid #fff;border-bottom:none;}
.subnav ul li.on li a:hover, .subnav ul li.on li a:focus {color:#000 !important;}

.pngbg {background:url(../images/png.png) no-repeat; width:250px; height:250px; clear:both; }

#anchor1, #anchor2 {background:url(../images/calendar-icon.gif); width:16px; height:16px; display:block; position:relative; margin-left:70px;}
.select-free
{
	position:absolute;
	z-index:10;
	cursor:move;
	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
	
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
	border:none;
}