/****************************************************************
	Reset
****************************************************************/

th,
td {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Lucida Grande, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

table {
	border-collapse: collapse;
	border-spacing:0;
	empty-cells: show;
}

/****************************************************************
	Title
****************************************************************/

.title1 {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.title2 {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #333;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

/****************************************************************
	Column
****************************************************************/

.column-head-left   { text-align: left;   }
.column-head-center { text-align: center; }
.column-head-right  { text-align: right;  }
.column-head-left,
.column-head-center,
.column-head-right {
	background: #2A5380;
	padding: 4px;
	color: #fff;
}

.column-foot-left   { text-align: left;   }
.column-foot-center { text-align: center; }
.column-foot-right  { text-align: right;  }
.column-foot-left,
.column-foot-center,
.column-foot-right {
	background: #6f6f6f;
	padding: 4px;
	color: #000000;
}

.column-on  { color: #00cc00; }
.column-off { color: #cc0000; }
.column-on,
.column-off {
	padding-right: 2px;
}

/****************************************************************
	Row
****************************************************************/

.side-label-right   { text-align: right;  }
.side-label-center  { text-align: center; }
.side-label-left    { text-align: left;   }
.side-label-justify { text-align: justify;   }
.side-label-justify,
.side-label-right,
.side-label-center,
.side-label-left {
	font-size: 12px;
	vertical-align: top;
	padding: 4px;
	font-weight: bold;
	color: #555;
	white-space: nowrap;
}

.field-data-left    { text-align: left;    }
.field-data-center  { text-align: center;  }
.field-data-right   { text-align: right;   }
.field-data-justify { text-align: justify; }
.field-data-left,
.field-data-right,
.field-data-center,
.field-data-justify {
	font-size: 12px;
	vertical-align: top;
	padding: 4px;
	color: #555;
	white-space: nowrap;
}

.field-small-left    { text-align: left;    }
.field-small-center  { text-align: center;  }
.field-small-right   { text-align: right;   }
.field-small-justify { text-align: justify; }
.field-small-left,
.field-small-right,
.field-small-center,
.field-small-justify {
	font-size: 12px;
	vertical-align: top;
	padding: 1px;
	color: #555;
	white-space: nowrap;
}

.field-odd-left    { text-align: left;    }
.field-odd-center  { text-align: center;  }
.field-odd-right   { text-align: right;   }
.field-odd-justify { text-align: justify; }
.field-odd-left,
.field-odd-right,
.field-odd-center,
.field-odd-justify {
	padding: 4px;
	color: #555;
	background-color: #fff;
}

.field-even-left    { text-align: left;    }
.field-even-center  { text-align: center;  }
.field-even-right   { text-align: right;   }
.field-even-justify { text-align: justify; }
.field-even-left,
.field-even-right,
.field-even-center,
.field-even-justify {
	padding: 4px;
	color: #555;
	background-color: #eee;
}

/****************************************************************
	Input
****************************************************************/

.input-left  { text-align: left;  }
.input-right { text-align: right; }
.input-left,
.input-right {
	color: #000000;
	padding: 1px;
	font-size: 12px;
	border-top:    1px solid #aaa;
	border-left:   1px solid #aaa;
	border-right:  1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.input-left:focus,
.input-right:focus {
	padding: 0px;
	border-top:    2px solid #FFE900;
	border-left:   2px solid #FFE900;
	border-right:  2px solid #FFE900;
	border-bottom: 2px solid #FFE900;
}

/****************************************************************
	Error/Status
****************************************************************/

.error1 {
	color:              DarkRed;
	font-size: 			14px;
	font-weight:        bold;
	text-decoration:    none;
}

.status1 {
	color:              DarkGreen;
	font-size: 			14px;
	font-weight:        bold;
	text-decoration:    none;
}

/****************************************************************
	Tool Tip/Layer
****************************************************************/

.toolTipAnchor {
	font-size: 10px;
	color: #ccc;
}

.tooltip {
	position:			absolute;
	/* visibility:			hidden; */
	display:			none;
	left:				0px; 
	top:				0px;
	z-index:			9000;
	background-color:	#fff; 
	width:				300px;
}

.tooltip2 {
	position:			absolute;
	/* visibility:			hidden; */
	display:			none;
	left:				0px; 
	top:				0px;
	z-index:			9000;
	background-color:	#f3f3f3; 
	padding:			4px;
	border:				3px double #3c6993;
	color:				#333;
}

.tooltip3 {
	position:			absolute;
	/* visibility:			hidden; */
	display:			none;
	left:				0px; 
	top:				0px;
	z-index:			9000;
}

.tooltip-auth {
	position:			absolute;
	/* visibility:			hidden; */
	display:			none;
	left:				0px; 
	top:				0px;
	z-index:			9000;
	background-color:	pink; 
	padding:			4px;
	border:				3px double red;
}

.tooltipview {
	border: 			3px double #999;
	padding: 			4px;
	color: 				#333;
}

.layerPopup {
	position:			absolute;
	display:			none;
	/* visibility:			hidden; */
	z-index:			9000;
	left:				0px; 
	top:				0px;
	background-color:	#fff; 
	width:				auto;
	border:             3px double #ddd;
	padding:            4px;
}

.layerPopup2 {
	position:			absolute;
	display:			none;
	/* visibility:			hidden; */
	z-index:			9000;
	left:				0px; 
	top:				0px;
	background-color:	#fff; 
	width:				auto;
	border:             3px double darkred;
	padding:            4px;
}

/****************************************************************
	Anchors
****************************************************************/

.anchor_pmt_option {
	font-size: 16px;
	font-weight: bold;
	color: SteelBlue;
	text-decoration: underline;
}

.anchor_pmt_option:hover {
	text-decoration: none;
}

/****************************************************************
	Highlight buttons
****************************************************************/

.addAnother,
.addVehicleGray,
.blueCreateAccount,
.cancelOrder,
.compareChecked,
.compareCheckedSP,
.emailSellerYellow,
.getStartedBlue,
.getStartedYellow,
.grayAddMore,
.grayAddMore3,
.grayBringin,
.grayLogin,
.grayUploadMyself,
.homeCreateAccount,
.howToListBlue,
.howToListBlue3,
.listAnotherItem,
.nextStepYellow,
.saveAndContinueYellow,
.saveAndContinueYellow3,
.saveSearch,
.yellowEmailTheSeller,
.yellowLogin,
.yellowW132H30,
.yellowSearch,
.yellowOnGraySearch {
	padding-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	color: #555;
}

.addAnother {
	width: 111px;
	height: 30px;
	background:url('/images/btn_add_another2.png') 0 0 no-repeat;
}

.addVehicleGray {
	width: 111px;
	height: 30px;
	background:url('/images/btn_add_vehicle2.gif') 0 0 no-repeat;
}

.blueCreateAccount {
	width: 146px;
	height: 30px;
	color: #fff;
	background:url('/images/btn_create_account_small2.gif') 0 0 no-repeat;
}

.cancelOrder {
	width: 120px;
	height: 30px;
	background:url('/images/btn_cancel_order.jpg') 0 0 no-repeat;
}

.emailSellerYellow {
	width: 180px;
	height: 30px;
	padding-left: 20px;
	background:url('/images/btn_email_the_seller2.gif') 0 0 no-repeat;
}

.homeCreateAccount {
	width: 234px;
	height: 48px;
	font-size: 18px;
	color: #fff;
	background:url('/images/btn_create_account2.png') 0 0 no-repeat;
}

.compareChecked {
	width: 131px;
	height: 27px;
	background:url('/images/btn_compare_checked2.gif') 0 0 no-repeat;
}

.compareCheckedSP {
	width: 160px;
	height: 27px;
	background:url('/images/btn_compare_checked2SP.gif') 0 0 no-repeat;
}

.getStartedBlue {
	width: 100px;
	height: 30px;
	padding-right: 16px;
	color: #fff;
	background:url('/images/btn_get_started3.gif') 0 0 no-repeat;
}

.getStartedYellow {
	width: 162px;
	height: 30px;
	font-size: 16px;
	padding-right: 20px;
	background:url('/images/btn_get_started_yellow2.gif') 0 0 no-repeat;
}

.grayBringin {
	width: 183px;
	height: 30px;
	background:url('/images/btn_bringin.gif') 0 0 no-repeat;
}

.grayLogin {
	width: 64px;
	height: 30px;
	background:url('/images/btn_login_grey_io.png') 0 0 no-repeat;
}

.grayAddMore {
	width: 92px;
	height: 30px;
	background:url('/images/btn_add_more2.jpg') 0 0 no-repeat;
}


.grayAddMore3 {
	width: 120px;
	height: 30px;
	background:url('/images/btn_add_more3.jpg') 0 0 no-repeat;
}


.grayUploadMyself {
	width: 183px;
	height: 30px;
	background:url('/images/btn_upload_myself.gif') 0 0 no-repeat;
}

.howToListBlue {
	width: 162px;
	height: 30px;
	font-size: 14px;
	color: #fff;
	background:url('/images/btn_how_to_list2.gif') 0 0 no-repeat;
}

.howToListBlue3 {
	width: 198px;
	height: 30px;
	font-size: 12px;
	color: #fff;
	padding-left: 20px;
	background:url('/images/btn_how_to_list3.gif') 0 0 no-repeat;
}

.listAnotherItem {
	width: 161px;
	height: 30px;
	padding-left: 20px;
	background:url('/images/btn_list_another_item2.png') 0 0 no-repeat;
}

.nextStepYellow {
	width: 143px;
	height: 30px;
	font-size: 14px;
	padding-right: 20px;
	background:url('/images/btn_next_step_yellow2.gif') 0 0 no-repeat;
}

.saveAndContinueYellow {
	width: 175px;
	height: 30px;
	font-size: 14px;
	padding-right: 20px;
	background:url('/images/btn_saveandcontinue_yellow2.gif') 0 0 no-repeat;
}

.saveAndContinueYellow3 {
	width: 200px;
	height: 30px;
	font-size: 14px;
	padding-right: 20px;
	background:url('/images/btn_saveandcontinue_yellow3.gif') 0 0 no-repeat;
}

.saveSearch {
	width: 90px;
	height: 27px;
	background:url('/images/btn_save_search2.gif') 0 0 no-repeat;
}

.yellowEmailTheSeller {
	width: 165px;
	height: 30px;
	background:url('/images/btn_email_the_seller.gif') 0 0 no-repeat;
}

.yellowLogin {
	width: 95px;
	height: 30px;
	background:url('/images/btn_login_yellow_io.gif') 0 0 no-repeat;
}

.yellowW132H30 {
	width: 132px;
	height: 30px;
	background:url('/images/btn_yellow_io.gif') 0 0 no-repeat;
}

.yellowSearch {
	width: 111px;
	height: 30px;
	padding-left: 30px;
	font-size: 14px;
	background:url('/images/btn_search_yellow_io.gif') 0 0 no-repeat;
	outline: none;
	outline-style: none;
}

.yellowOnGraySearch {
	width: 111px;
	height: 30px;
	padding-left: 30px;
	font-size: 14px;
	background:url('/images/btn_search_yellow_on_gray_io.gif') 0 0 no-repeat;
	outline: none;
	outline-style: none;
}

.addAnother:hover,
.addVehicleGray:hover,
.blueCreateAccount:hover,
.cancelOrder:hover,
.emailSellerYellow:hover,
.getStartedBlue:hover,
.getStartedYellow:hover,
.grayBringin:hover,
.grayAddMore:hover,
.grayAddMore3:hover,
.grayLogin:hover,
.grayUploadMyself:hover,
.howToListBlue:hover,
.howToListBlue3:hover,
.listAnotherItem:hover,
.nextStepYellow:hover,
.saveAndContinueYellow:hover,
.saveAndContinueYellow3:hover,
.saveSearch:hover,
.yellowEmailTheSeller:hover,
.yellowLogin:hover,
.yellowW132H30:hover,
.yellowSearch:hover,
.yellowOnGraySearch:hover {
	background-position: 0 -30px;
}

.compareChecked:hover,
.compareCheckedSP:hover,
.saveSearch:hover {
	background-position: 0 -27px;
}

.homeCreateAccount:hover {
	background-position: 0 -48px;
}


/****************************************************************
	End
****************************************************************/
