/* EQUIPMENT & SUPPLIES
------------------------------------------------------------------ */

/* WHITE ROUNDED CORNER BG */
#roundedcornerBG
{
	margin: 0;
	padding: 0;
	width: 740px;
	background: #fff url(/budgettruck/images/top_left_corner_v2.gif) no-repeat top left;
}

#roundedcornerBG .topright
{
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/top_right_corner.gif) no-repeat top right;
}

#roundedcornerBG .bottomleft
{
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/bottom_left_corner.gif) no-repeat bottom left;
}

#roundedcornerBG .bottomright
{
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/bottom_right_corner.gif) no-repeat bottom right;
}

.topright, .bottomright
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 10px;
	font-size: 1px;
}

#resultscontainer
{
	padding: 0;
	width: 738px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#resultscontainer h2
{
	margin: 0;
	padding: 5px 10px 10px 5px;
	color: #000;
	text-align: right;
}

/* END WHITE ROUNDED CORNER BG */
#results
{
	float: left;
	width: 545px;
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/bt_blue_header_bg_r.gif) no-repeat;
	background-color: #006;
	border-right: 1px solid #01008A;
	border-left: 1px solid #01008A;
}

#results h1
{
	color: #fff;
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: url(/budgettruck/images/reservation/bt_results_header_h1_bg.gif) no-repeat left top;
	border-bottom: 1px solid #03f;
}

#results h2
{
	margin: 0;
	padding: 5px 10px 5px 5px;
	background-color: #8394D7;
	border-bottom: 1px solid #fff;
	color: #fff;
}

#results p
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

/* SELECT EQUIPMENT AND SUPPLIES container styles */
#selectequipmentandsuppliescontainer
{
	margin: 0;
	padding: 0;
	width: 545px;
	height: 375px;
	background-color: #fff;
	overflow: auto;
}

/* ONE-WAY container styles */
#resultscontaineronewaypickup, #resultscontaineronewaydropoff
{
	/*float: left;*/
	margin: 0;
	padding: 0;
	width: 543px;
	height: 174px;
	background-color: #fff;
	overflow: auto;
}

/* AROUND TOWN container styles */
#resultscontaineraroundtown
{
	margin: 0;
	padding: 0;
	width: 545px;
	height: 375px;
	background-color: #fff;
	overflow: auto;
}
/* MAKE YOUR RESERVATION container styles */
#reservationstop
{
	width: 525px;
	/* height: 400px; */
	margin: 0;
	padding: 0 10px 10px 10px;
	background-color: #fff;
}

#reservationsbottom
{
	width: 545px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

/* RESULT COLUMN HEADERS This is for the section headers like Location, Maps & Hours, etc. */
#headerrow1
{
	margin: 0;
	padding: 5px 0 5px 0;
	width: 545px;
	color:#fff;
	background-color: #8394D7;
	border-bottom: 1px solid #fff;
}

#headerrow1 div, #headerrow1 p
{
 	display:inline;
	list-style: none;
}

/* section headers for row 2 if the page has a divider like One-way Location Selection and Make a Reservation */
#headerrow2
{
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/bt_blue_dropoff_header_bg.gif) no-repeat right top;
	color: #fff;
	width: 545px;
}

/* COLUMN Headers for Header Rows */
.leftcolumnheader
{	
	float: left;
	margin: 0;
	padding: 0 0px 0 20px;
	width: 415px;
	/*border: solid 1px red;*/
}

.rightcolumnheader
{
	margin: 0;
	padding: 0 15px 0 0px;
}

.locationsheader
{
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	width: 180px;
}

.mapandhoursheader
{
     float: left;
     margin: 0;
     padding: 0 0 0 10px;
     width: 120px;
}

.trucksavailableheader
{
	 /*float: left;*/
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     width: 170px;
}

.ratesandmilesheader
{
	margin: 0;
	padding: 0 15px 0 0;
	display: inline;
}


/* row1 & row2 are for results pages that need to have rows with diffrent background colors */
.row1
{
	margin: 0;
	padding: 0;
	background-color: #ccc;
	border-top: 1px solid #8394D7;
	border-bottom: 1px solid #8394D7;
	list-style: none;
	background: url(/budgettruck/images/bt_local_bg_row_1.gif);
}

.row2
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	list-style: none;
	background: url(/budgettruck/images/bt_local_bg_row_2.gif);
}

/* row1 & row2 are formatted with the following styles */
#selectequipmentandsuppliescontainer ul, #resultscontaineronewaypickup ul, #resultscontaineronewaydropoff ul, #resultscontaineraroundtown ul
{
	margin: 0;
	padding: 0;
	float: left;
	width: 529px;
}

#selectequipmentandsuppliescontainer li, #resultscontaineronewaypickup li, #resultscontaineronewaydropoff li, #resultscontaineraroundtown li
{
	float: left;
	text-decoration: none;
	list-style: none;
	color: #000;
	margin: 0;
	padding: 0;
	display: inline;
}

#selectequipmentandsuppliescontainer li.dealerdivrow, #resultscontaineronewaypickup li.dealerdivrow, #resultscontaineronewaydropoff li.dealerdivrow, #resultscontaineraroundtown li.dealerdivrow
{
	/*float: left;*/
	width: 519px;
	margin: 0;
	padding: 5px 5px 5px 5px;
	background-color: #ccc;
	border-bottom: 1px solid #fff;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}

#selectequipmentandsuppliescontainer li.equipmentTitle
{
	color: #009;
	font-weight: bold;
}

#selectequipmentandsuppliescontainer li.description
{
	width: 255px;
	padding: 5px 0 5px 5px;
}

#selectequipmentandsuppliescontainer li.towdescription
{
	width: 174px;
	padding: 0 0 5px 15px;
}

#selectequipmentandsuppliescontainer li.towselect
{
	width: 140px;
	padding: 5px 5px 5px 0px;

}

#selectequipmentandsuppliescontainer li.rentalitem
{
	width: 100px;
	padding: 5px 30px 5px 0;
}

#selectequipmentandsuppliescontainer li.rentalrate
{
	margin: 0;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	width: 75px;
	text-align: center;
	line-height: 26px;
}

#resultscontaineronewaypickup li.rentallocation, #resultscontaineronewaydropoff li.rentallocation, #resultscontaineraroundtown li.rentallocation
{
	width: 160px;
	padding: 10px 10px 5px 10px;
}

#resultscontaineronewaypickup li.mapandhours, #resultscontaineronewaydropoff li.mapandhours, #resultscontaineraroundtown li.mapandhours
{
	width: 95px;
	padding: 5px 30px 5px 20px;
}

#resultscontaineronewaypickup li.trucksavailable, #resultscontaineronewaydropoff li.trucksavailable, #resultscontaineraroundtown li.trucksavailable
{
	width: 165px;
	padding: 5px 10px 5px 10px;
}


/* Results Footer */
#resultsfooter
{
	margin: 0;
	padding: 0;
	background-color: #006;
}
#ratesummary
{
	margin: 0;
	padding: 0;
	background: #006;
	color: #fff;
	width: 545px;
}

#rateandsavingscontainer h2 
{
	font-size: 12px;
	color: #009;
	text-align: left;
}
#rateandsavingscontainer 
{
	margin: 0;
	padding: 5px;
	width: 520px;
	background-color: #fff;
}

#rateandsavingscontainerleftside 
{
	float: left;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 170px;
    background: url(/budgettruck/images/bestrates_left_side.gif) bottom left no-repeat;
    display: inline;
}

#ratecolumn, #pricebreakdown 
{
	margin: 0;
	padding: 0 10px 0 0;
	float:left;
	text-align: left;	
}

#additionalsavings  
{
	margin: 0;
	padding: 0 0 0 35px;
	float:left;
}

#ratecolumn li, #pricebreakdown li, #additionalsavings li 
{
	list-style: none;
	line-height: 1.8em;
}

#ratecolumn input, #pricebreakdown input, #additionalsavings li 
{
	margin: 2px 0 0px 0;
	padding: 0;
	/* font-size: 11px; */
}

.invisablefieldMedium, .grandtotalrate
{	
	text-align: right; 
	padding: 0;
	margin: 0px;
	border:0;
	background-color: transparent;    
	width: 50px; 
}

.invisablefieldLarge
{
	text-align: left;
	padding: 0;
	margin: 0 0 1px 0;
	border:0;
	background-color: transparent;
	width: 100px;   
}

.discount, .discountrate
{
	color: #f60;
}

.discountrate
{
	text-align: right;
	padding: 0 4px 1px 0;
}

.grandtotal
{
	color: #000;
	font-weight: bold;
	padding: 5px 0 5px 0;
	border-top: 1px solid #000
}

.grandtotalrate
{
	font-weight: bold;
}

.savingsdropdown 
{
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 11px;
}

.savings, .progressbar
{
	color: #f60;
	font-weight: bold;
}

/* Enter Contact & Credit Card FORM ELEMENTS */
#entercontactinfo
{
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 250px;
	/*border: solid 1px red;*/
}

#entercontactinfo h3
{
	color: #006;
	margin: 0;
	padding: 0;
}

#entercreditcardinfo
{
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 250px;
}

#entercreditcardinfo h3
{
	color: #006;
	margin: 0;
	padding: 0;
}

#entercontactinfo p, #entercreditcardinfo p
{
	float: left;
	margin: 0;
	padding: 2px;
}

#entercontactinfo .radiobutton, #entercontactinfo .checkbox, #entercreditcardinfo .radiobutton, #entercreditcardinfo .checkbox
{
	margin: 0 2px 0 0;
	width: 10px;
}

#entercontactinfo .intial, #entercreditcardinfo .intial
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 2px;
	/*float: left;*/
	width: 20px;
}

#entercontactinfo .name, #entercontactinfo .cityandzip, #entercreditcardinfo .name, #entercreditcardinfo .cityandzip
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 2px;
	width: 85px;
}

#entercontactinfo .address, #entercontactinfo .email, #entercreditcardinfo .address, #entercreditcardinfo .email, #entercreditcardinfo .billname
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 2px;
	width: 215px;
}

#entercontactinfo .state, #entercreditcardinfo .state
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 0px;
	width: 26px;
	font-size: 11px;
}

#entercontactinfo .areacode, #entercreditcardinfo .areacode
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 2px;
	width: 25px;
	font-size: 11px;
}

#entercontactinfo .phonenumber, #entercreditcardinfo .phonenumber
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 2px;
	width: 30px;
	font-size: 11px;
}

.typeofcreditcard
{
	float: left;
	border: 1px solid #999;
	margin: 2px 2px 3px 0px;
	padding: 0;
	width: 120px;
}

.cardnumber
{
	float: left;
	border: 1px solid #999;
	margin: 2px 2px 2px 0;
	padding: 2px;
	width: 125px;
}

.expday
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 0px;
	width: 34px;
	font-size: 11px;
}

.expyear
{
	border: 1px solid #999;
	margin: 2px 2px 2px 0px;
	padding: 0px;
	width: 50px;
	font-size: 11px;
}

#sameascontactinfo
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	width: 100%;
}

.note
{
	/*clear: left;*/
	font-size: 10px;
	vertical-align: text-bottom;
	width: 100%;
}

.whenismycardcharged
{
	float: left;
	margin: 0;
	padding: 0;
}

#creditcardsecurity
{
	float: left;
	width: 510px;
	margin: 10px 0 10px 0;
	padding: 5px;
	background-color: #ffc;
}

#rentaltermsandconditions
{
	margin: 10px;
	padding: 5px;
	background-color: #fff;
	height: 150px;
	overflow: auto;
	border: 1px solid #999;
}

#continuebutton
{
	margin: 0;
	padding: 10px 0 10px 400px;
	width: 125px;
	height: 27px;
	border: 0px;
}

/* SECONDARY NAVIGATION */
#secondarynavigation
{
	width: 175px;
	margin: 26px 0;
	padding: 0px;
	background-color: #C1C9EB;
	float: left;
}

#secondarynavigation 
{
	margin: 0;
	padding: 0 5px 2px 5px;
	color: #006;
	font-size: 12px;
}

#secondarynavigation h2
{
	color: #006;
	margin: 0;
	padding: 0 0 2px 5px;
	font-size: 11px;
}

#secondarynavigation p
{
	margin: 0;
	padding: 0 5px 5px 5px;
}

#secondarynavigation li
{
	margin: 0;
	padding: 0 5px 5px 5px;
	list-style: none;
}

/*STATIC PAGES- TERMS OF USE */
.terms
{
	width: 400px;
	margin: 10px;
	padding: 10px;
	border: 1px solid red;
}

.terms li
{
	margin: 0;
	padding: 10px 0;
	word-spacing: 2px;
	line-height: 1.5em;
	list-style-position: outside;
}

#contentFRAME
{
	margin: 0;
	padding: 0;
	width: 738px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

/*--------------------------------------------------------------- */
#ressummaryform
{
	float: left;
	width: 175px;
	margin: 30px 0 0 5px;
	padding: 0;
	background-color: #C1C9EB;
}

.ressummarytop
{
	width: 175px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: #C1C9EB url(/budgettruck/images/res_summary_bg.gif) no-repeat top left;
}

.ressummarybottom
{
	float: left;
	width: 175px;
	height: 5px;
	margin: 0;
	padding: 0 ;
	background: url(/budgettruck/images/res_summary_bg_bot.gif) no-repeat bottom left;
}

#ressummaryform h3
{
	margin: 0;
	padding: 0 5px 2px 5px;
	color: #006;
	font-size: 12px;
}
/*
#ressummaryform h2
{
	color: #006;
	margin: 0;
	padding: 0 0 2px 5px;
	font-size: 11px;
}
*/
#ressummaryform p
{
	margin: 0;
	padding: 0 0 0 5px;
}

#ressummaryform p.floatleft
{
	float: left;
	margin: 2px 5px 2px 5px;
	padding: 0 5px 0 0;
}

#ressummaryform img
{
	margin: 0 1px 2px 1px;
	display: inline;
	vertical-align: middle;
}

.modifybutton
{
	float: left;
	margin: 0;
	padding: 10px 5px 0 5px;
	width: 103px;
	height: 28px;
}

.helpbutton
{
	float: left;
	margin: 0;
	padding: 17px 5px 0 5px;
	width: 11px;
	height: 11px;
}

/* MAKE YOUR RESERVATION SUMMARY */
#makeyourreservation
{
	float: left;
	width: 175px;
	margin: 30px 0 0 10px;
	padding: 0px;
	background-color: #C1C9EB;
	display: inline;  /* The IE Doubled Float-Margin Bug Fix */
}
 
#makeyourreservation h1
{
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #006;
	font-size: 12px;
	background: url(/budgettruck/images/bt_make_a_res_top.gif) top left no-repeat;
	border-bottom: 1px solid #fff;
}
 
#makeyourreservation h2
{
	color: #006;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 11px;
}
 
#makeyourreservation h3
{
	color: #006;
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
}
 
#makeyourreservation p
{
	margin: 0;
	padding: 0 5px 0 5px;
}
 
#makeyourreservation p.floatleft
{
	float: left;
	margin: 2px 5px 2px 5px;
	padding: 0 5px 0 0;
}
 
#makeyourreservation ul
{
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 1px solid #f39f3a;
}
 
#makeyourreservation li
{
	margin: 0 2px 0 2px;
	padding: 0;
	list-style-type: none;
}
 
#makeyourreservation img
{
	margin: 0 1px 2px 1px;
	display: inline;
	vertical-align: middle;
}
 
#makeyourreservation .modifyyoursearchbutton
{
	/*float: left;*/
	padding: 10px 0 5px 10px;
	margin: 0;
	width: 103px;
	display: inline;
}
 
#makeyourreservation .modifysearchhelpbutton
{
	/*float: left;*/
	padding: 10px 0 5px 10px;
	margin: 0;
	width: 11px;
	display:inline;
}
 
#makeyourreservation .makeyourreservationbottom
{
	width: 175px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: url(/budgettruck/images/bt_make_a_res_bottom.gif) no-repeat bottom left;
	/*border: solid 1px red;*/
}


#tipsandtools
{
	width: 523px;
	height: 450px;
	margin: 0;
	padding: 0 10px 10px 10px;
	border-right: 1px solid #009;
	border-left: 1px solid #009;
	background-color: #fff;
}

#equipmentleftpix {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0 5px;
	width: 30%;
	height: inherit;
	list-style-type: none;	
}

/* CONFIRMATION */
#confirmationcontent {
	float: right;
	padding: 10px  0 0 10px;
	width: 100%;
}


#confirmationcontent p {
	margin: 10px 0 10px 0;
	padding: 10px  0 0 10px;
}

#confirmationinfo {
	margin: 20px;
	width: 70%;
}
/*
#confirmationinfo h3 {
	padding: 2px 5px 2px 5px;
	background-color: #CCC; 
}

#Table5, #Table9 {
	margin: 10px;
	padding: 5px;
	width: 100%;
}

#outputoptions {
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 100%;
}

#outputoptions img {
	padding: 5px;
}
*/