/****************************************************************************/
/****************************** ASSORTED ********************************/
/****************************************************************************/
#vvv {
	font-size:16px;
	color:#EEE;
	float:left;
}

#vvv .hidden {
	display:none;
}

#vvv .visible {
	display:block;
	visibility:visible;
}

#vvv a {
	color:#CCDDFF;
}

#vvv a:hover {
	color:#ffffff;
}

#vvv a:visited {
	color:#EEE;
}

.vroomsearchlink {
	cursor:pointer;
	font-size:12px;
	text-decoration:underline;
	color:#EEE;
}

.valignmiddle {
	vertical-align:middle;
}

#loading { /* form loading */
	font-family:tahoma; 
	color:#fff;
}

.vvvloading { /* ajax loading icon */
	height:16px;
	width:16px;
	margin-top:3px;
	background:url(../gfx/loading-blue.gif) no-repeat;
	position:relative;
}

.pleaseWait {
	font-size:16px;
	text-align:left;
	color:White;
	font-family: Arial, Helvetica, sans-serif;
}

#divDebug {
	background:#426FD9;
	color:#FFF;
	text-align:center;
	width:100%;
}

#divExtra {
	padding-top:5px;
}

/****************************************************************************/
/****************** BOX SURROUNDING THE FORM ******************/
/****************************************************************************/
.vroomsearch {
	font-family:Arial;
	color:#7777bb;
}

#vvvcontainer {
	background: url(../gfx/bgmiddle-blue.png) top left;
	border-width:0px;
	color:#ffffff;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:left;
	font-size:16px;
	width:492px;
	font-family: Arial, Helvetica, sans-serif;
	z-index:9000;
}

#vvvcontainertop {
	padding: 0px 0px;
	color: #FFFFFF;
	width: 507px;
	height:11px;
	background: url(../gfx/bgtop-blue.png) no-repeat top;
	margin:0px;
}

#vvvcontainerbottom {
	padding: 0px 0px;
	color: #FFFFFF;
	width: 507px;
	height:11px;
	background: url(../gfx/bgbottom-blue.png) no-repeat top;
	margin:0px;
}

/****************************************************************************/
/*************************** DIALOG BOX *********************************/
/****************************************************************************/
#vvvdialog{
	float:left;
	width:460px;
	display:none;
	z-index:9100;
	background:#3a50d8;
	border:solid #2a30c8;
	border-width:0px;
	color:#ffffff;
	margin-top:15px;
	margin-left:-495px;
	margin-bottom:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
}

/****************************************************************************/
/************************** LOCATION INPUT ****************************/
/****************************************************************************/
#vvv #vvvwhere {
	clear:both;
}

#vvv #wheretitle {
	font-size:18px;
	font-weight:normal;
}

#vvv .pickuptitle {
	line-height:35px;
}

#vvv .returntitle {
	line-height:32px;
}

#divPickup {
	margin-top:5px;
	margin-bottom:0px; /*distance between pickup box and return box */
	text-align:left;
	padding-bottom:0px;
}

#divReturn {
	text-align:left;
	display:none;
	clear:both;
}

#divCheckSamePickup {
	clear:both;
}

.myAutoComplete .inputbg {
	white-space:nowrap;
	display:inline;
	width:387px;
	height:36px;
	padding-top:8px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:24px;
	border:0px;
	text-align:left;
	background:url(../gfx/input-box-blue387.png) left top no-repeat;
}

.myAutoComplete input {
	width:362px;
	height:20px;
	margin-top:10px;
	margin-bottom:10px;
	border:0px;
	font-weight:bold;
	font-size:16px;
	background:transparent left center no-repeat;
}

.myAutoComplete input.GreyColor {color:#68F;}
.myAutoComplete input.GreyColor:hover {color:#336;}
.myAutoComplete input.GreyColor:focus {color:#336;}
.myAutoComplete input.RegularColor {color:#336;}
.myAutoComplete input.RegularColor:focus {background: #FFF;}

.olddropdown {
	line-height:28px;
	font-size:26px;
}

#divLocationSuggestions {
	margin-top:5px;
	position:relative;
	margin-left:80px;
	font-size:13px;
	padding:0px;
}

#divLocationSuggestions li {
	list-style:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

#divLocationSuggestions li:hover {
	text-decoration:underline;
}

/****************************************************************************/
/********************** AUTOCOMPLETE FEATURE **********************/
/****************************************************************************/
/* custom styles for inline instances */
.myAutoComplete .yui-ac-container {width:28em;margin-left:68px;clear:both;}
.myAutoComplete .yui-ac {position:relative;font-family:arial;font-size:100%;}
.myAutoComplete .yui-ac-content {position:absolute;width:387px;border:1px solid #808080;height:auto;background:#fff;overflow:auto;z-index:9050;}
.myAutoComplete .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#000;z-index:9049;}
.myAutoComplete .yui-ac iframe {padding-right:.3em;padding-bottom:.3em;}
.myAutoComplete .yui-ac-content ul {margin:0;padding:0;width:100%;}
.myAutoComplete .yui-ac-content li {margin:0;padding:2px 5px;color:#000;cursor:default;white-space:nowrap;list-style:none;}
.myAutoComplete .yui-ac-content li.yui-ac-prehighlight {background:#B3D4FF;}
.myAutoComplete .yui-ac-content .yui-ac-selected {color:#000;font-weight:bold;}
.myAutoComplete .yui-ac-content li.yui-ac-highlight {background:#426FD9;color:#FFF;}
.myAutoComplete .yui-ac-content li .ac {color:#4466CC;} /*airport code highlight*/
.myAutoComplete .yui-ac-content li.yui-ac-highlight .ac {color:#FFFFFF;} /*airport code highlight*/ 

.vvvacairport { /* icon for airport */
	padding-left:18px;
	height:10px;
	background:url(../gfx/airportblue16.png) no-repeat 0px 1px;
}

.vvvaccity { /* icon for city (if any) */
	padding-left:18px;
}

/****************************************************************************/
/****************************** DATE PICKER *****************************/
/****************************************************************************/
#vvv #vvvwhen {
	clear:both;
}

#vvv #whentitle {
	font-size:18px;
	font-weight:normal;
}

.vvvDateTime {
	margin-left:0%;
	margin-right:0%;
	margin-bottom:2px;
	text-align:left;
}

.label {
	width:60px;
	display:block;
	float:left;
	margin-right:5px;
	text-align:left;
}

.calendarbutton {
	display:inline;
	padding-left:26px;
	width:26px;
	background:url(../gfx/calendar1.png) left no-repeat;
	cursor:pointer;
	height:22px;
	border:solid 0px;
	vertical-align:top;
	padding-bottom:1px;
}

.vvvdate {
	background: url(../gfx/bg-input-boxcurved1.png) transparent 0px 0px no-repeat;
	padding-top:2px;
	width: 100px;
	padding-left:5px;
	height:22px;
	color:#000;
	border:solid 0px;
	z-index:1;
	cursor:pointer;
	vertical-align:top;
}

.vvvdate:focus {
	background: url(../gfx/bg-input-boxcurved2.png) transparent  0px 0px no-repeat;
}

.vvvdate:hover {
	background: url(../gfx/bg-input-boxcurved2.png) transparent  0px 0px no-repeat;
}

.yuical {
	display: none;
	position:relative;
	margin-top:-118px;
	margin-left:200px;
	display: none;
	z-index: 100;
}

/****************************************************************************/
/*************************** SUPPLIER ICONS ****************************/
/****************************************************************************/
.supplierAV16 {
	padding-left:42px;
	height:8px;
	background:url(../gfx/icon-av16.png) no-repeat 0px 0px;
}

.supplierBG16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-bg16.png) no-repeat 0px center;
}

.supplierSX16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-sx16.png) no-repeat 0px center;
}

.supplierTH16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-th16.png) no-repeat 0px center;
}

.supplierTE16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-tu16.png) no-repeat 0px center;
}

.supplierTU16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-tu16.png) no-repeat 0px center;
}

.supplierEC16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-ec16.png) no-repeat 0px center;
}

.supplierEU16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-ec16.png) no-repeat 0px center;
}

.supplierHZ16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-hz16.png) no-repeat 0px center;
}

.supplierEN16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-en16.png) no-repeat 0px center;
}

.supplierDO16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-do16.png) no-repeat 0px center;
}

.supplierAD16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-ad16.png) no-repeat 0px center;
}

.supplierAL16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-al16.png) no-repeat 0px center;
}

.supplierGM16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-gm16.png) no-repeat 0px center;
}

.supplierNA16 {
	padding-left:42px;
	height:10px;
	background:url(../gfx/icon-na16.png) no-repeat 0px center;
}

/****************************************************************************/
/************************* SEARCH BUTTON *****************************/
/****************************************************************************/
#vvvsearch {
	text-align:center;
}

.vvvsearchbargain { /*BARGAIN WHEELS MODE ONLY */
	color:#3a50d8;
	font-size:12px;
	margin-top:15px;
	width:190px;
	height:73px;
	border:0px;
	cursor:pointer;
	font-size: 0px;
	line-height:0px;
	background:url(../gfx/button-search-little-guys.gif) no-repeat 0px center;
}

.vvvsearchnobargain { /*BARGAIN WHEELS MODE ONLY */
	color:#3a50d8;
	margin-top:15px;
	width:190px;
	height:73px;
	border:solid 0px #fff;
	font-size: 0px;
	line-height:200px;
	background:url(../gfx/button-search-no-little-guys.gif) no-repeat left top;
}

.vvvsearchbutton { /* USED NORMALLY */
	font-size: medium;
	margin-top:15px;
}

.vvvsearchvroom { /*BARGAIN WHEELS MODE ONLY */
	color:#3a50d8;
    margin-right:50px;
	margin-left:-20px;
	margin-top:15px;
	width:199px;
	height:73px;
	border:0px;
	cursor:pointer;
	font-size: 0px;
	line-height:0px;
	background:url(../gfx/button-search-big-guy.gif) no-repeat 0px center;
}

/****************************************************************************/
/*********** VVV MAP AND ADVANCED LOCATION PICKER *********/
/****************************************************************************/
#vvvmap {
	float:right;
	width: 100%;
	height: 100%;
}

#divMapHeader {
	text-align:center;
	width:100%;
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#divMapFooter {
	background:#426FD9;
	color:#FFF;
	text-align:center;
	width:100%;
	font-size:18px;
	padding:10px;
}

#divMapContainer {
	background:#426FD9;
	color:#FFF;
	text-align:center;
	width:100%;
	font-family:arial;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
}

.tblMapContainer {
	padding:0;
	margin:10em;
	width:100%;
	height:350px;
	background:#fff;
	border:2px solid #ccc;
	font-size:14px;
	font-family:arial;
	color:#444;
}

#divMapLocations {
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	overflow:auto;
	height:400px;
}

#divMapLocations li {
	display:block;
	font-size:12px;
	font-family:verdana;
	background:white;
	cursor:pointer;
	padding-top:3px;
	padding-bottom:3px;
}

#divMapLocations li:hover {
	background:#DDD;
}

#divMapAddresses {
	height:400px;
	overflow:auto;
	width:250px;
}

#divMapAddresses li {
	width:200px;
	white-space:nowrap;
	padding-left:0px;
	display:block;
	font-size:11px;
	font-family:verdana;
	background:white;
	cursor:pointer;
	padding-top:0px;
	padding-bottom:1px;
	list-style:none;
}

#divMapAddresses li:hover {
	background:#DDD;
}

/****************************************************************************/
/********************** DEPOT ADDRESSES ******************************/
/****************************************************************************/

#divTogglePickupAddresses {
  padding-bottom:10px;
  margin-left:70px;
  font-size:12px;
  height:10px;
  width:10px; 
}

#divToggleReturnAddresses {
  margin-left:70px;
  font-size:12px;
}

.depotaddresses {
  height:200px;
  width:440px;
  overflow:auto;
  margin-bottom:10px;
  margin-top:5px;
  padding:5px;
  font-size:14px;
  background-color:#fff;
  color:black;
  border:solid 1px #2a30c8;
}

.Returnradio, Pickupradio {
	width:5px;
}

#vvv .depotaddresses li a {
  color:#2b59bf;
  text-decoration:none;
}

#vvv .depotaddresses li a:visited {
  color:#5588ee;
  text-decoration:none;
}

#vvv .depotaddresses li a:hover {
  color:#8dc500;
  text-decoration:none;
}

.depotaddresses li {
  list-style:none;
}
.depotaddresses li.newli {
  list-style:none;
  padding-top:2px;
  margin-top:4px;
  border-top:dashed 1px #ccc;
}

.depotaddresses li.sololi {
  list-style:none;
  padding-top:2px;
  margin-top:4px;
  border-top:dashed 1px #ccc;
}

.depotaddresses li.sololi input[type="radio"] {
  visibility:visible;
}

.c1{background: url(../gfx/bg-input-boxcurved2.png) -1000px;}
.c2{background: url(../gfx/input-box-blue387.png) -1000px;}
.c3{background: url(../gfx/calendar2.png) -1000px;}
.c4{background: url(../gfx/loading-blue.gif) -1000px;}
.c5{background: url(../gfx/airport16.png) -1000px;} 

/****************************************************************************/
/******************************* YUI STUFF ********************************/
/****************************************************************************/
/*
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	Version 0.12
*/

.yui-calcontainer {
	position:relative;
	padding:5px;
	background-color:#fafaff;
	border:1px solid #7B9EBD;
	float:left;
	overflow:hidden;
	display:block;
}

.yui-calcontainer iframe {
	position:absolute;
	border:none;
	margin:0;
	padding:0;
	left:-1px;
	top:-1px;
	z-index:0;
	width:50em;
	height:50em;
}

.yui-calcontainer.multi {
	padding:0;
}

.yui-calcontainer.multi .groupcal {
	padding:5px;
	background-color:transparent;
	z-index:1;
	float:left;
	position:relative;
	border:none;
}

.yui-calcontainer .title {
	font:12px sans-serif;
	color:#000;
	font-weight:normal;
	margin-bottom:0px;
	height:25px;
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
}

.yui-calcontainer .close-icon {
	background:url(../gfx/icon-close.png) no-repeat;
	position:absolute;
	cursor:pointer;
	right:-111px;
	top:3px;
	color:#fafaff;
	text-indent:100px;
	border:none;
	z-index:1;
}

/* Calendar element styles */
.yui-calendar {
	font: 100% sans-serif;
	border-collapse: separate;
	text-align: center;
	border-spacing: 0;
	float:left;
	position:relative;
}

.yui-calcontainer.withtitle {
	padding-top:1em;
	color:black;
}

.yui-calendar .calnavleft {
	position:absolute;
	background:url(../gfx/icon-previous.png) no-repeat;
	cursor:pointer;
	top:1px;
	bottom:0;
	width:22px;
	height:22px;   
	left:2px;
	z-index:1;
	text-indent:-10000em;
	overflow:hidden;
}

.yui-calendar .calnavleft:hover {
	background:url(../gfx/icon-previous.png) -1px no-repeat;
}

.yui-calendar .calnavright {
	position:absolute;
	background:url(../gfx/icon-next.png) no-repeat;
	cursor:pointer;
	top:1px;
	bottom:0;
	width:22px;
	height:22px;  
	right:2px;
	z-index:1;
	text-indent:-10000em;
	overflow:hidden;
}

.yui-calendar .calnavright:hover {
	background:url(../gfx/icon-next.png) 1px no-repeat;
}

.yui-calendar td.calcell {
	padding:.03em .1em;
	border:1px solid #E0E0E0;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	font-size:16px;
}

#vvv .yui-calendar a {
	color:#003DB8;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border:1px dotted #555;
	background-color:#f7f7f7;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#EEE;
	background-color:#EEE;
	border:1px solid #EEE;
}

.yui-calendar td.calcell.selected {
	color:#003DB8;
	background-color:#FFF19F;
	border:1px solid #FF9900;
}

#vvv .yui-calendar td.calcell.calcellhover {
	cursor:pointer;
	color:#FFF;
	background-color:#FF9900;
	border:1px solid #EE6600;
}

#vvv .yui-calendar td.calcell.calcellhover a {
	color:#FFF;
}

.yui-calendar td.calcell.restricted {
	text-decoration:line-through;
}

.yui-calendar td.calcell.previous {
	color:#FFF;
}

.yui-calendar td.calcell.highlight1 { background-color:#CCFF99;}
.yui-calendar td.calcell.highlight2 { background-color:#99CCFF;}
.yui-calendar td.calcell.highlight3 { background-color:#FFCCCC;}
.yui-calendar td.calcell.highlight4 { background-color:#CCFF99;}

.yui-calendar .calhead {
	border:0px solid #E0E0E0;
	vertical-align:middle;
}

.yui-calendar .calheader {
	width: 100%;
	position: relative;
	height: 24px;
	font-size:13px;
	color:#004;
	line-height:23px;
}

.yui-calendar .calheader img {
	border:none;
}

.yui-calendar .calweekdaycell {
	color:#666;
	font-weight:normal;
	text-align:center;
	width:.5em;
	height:.5em;
}

.yui-calendar .calfoot {
	background-color:#EEE;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#666;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	width:15px;
}

.yui-calendar .calrowhead {
	border-right-width:2px;
}

/*Specific changes for calendar running under fonts/reset */
.yui-calendar a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}