body
{
	font: 80% Arial;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(                                                             'images/bg.jpg' );
	background-repeat: repeat-x;
}

table.master
{
	width: 1032px;
	background-color: White;
	background-image: url(                                                             'images/tbl.gif' );
	background-repeat: repeat-y;
	margin: 0 auto;
	border-collapse: collapse;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
table.master td.left
{
	width: 30px;
}
table.master td.middle
{
	width: 972px;
}
table.master td.right
{
	width: 30px;
}


/* Hpi Check */
#hpireg
{
	padding-top: 75px;
	text-align: center;
}
#hpireg input
{
	border-style: none;
	width: 120px;
}
#hpigo
{
	text-align: center;
	padding-top: 19px;
	margin-bottom: 2px;
}

#hpilink
{
	text-align: center;
	padding-bottom: 10px;
}

.Homepagelink
{
	color: White;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}



/*Testimony */
#hometestimony
{
	height: 180px;
	margin-left: 15px;
	margin-right: 15px;
}

/* Progress bar */
#progress
{
	margin-top: 0px;
	margin-bottom: 10px;
}

/* Your vehicle details */
#yourVehicle
{
	text-align: left;
}
table.vehicle
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
table.vehicle td.label
{
	width: 16%;
	font-weight: bold;
	color: #577dbe;
	text-align: right;
}
table.vehicle td.value
{
	width: 84%;
	text-align: left;
	padding-left: 5px;
}


.lblMessage
{
	color: Red;
}


/* History page */
#history
{
	text-align: left;
}
table.vehicleDetails
{
	border-collapse: collapse;
}
table.vehicleDetails td.name
{
	width: 170px;
	font-weight: bold;
	color: Black;
}
table.vehicleDetails td.value
{
	text-align: left;
	padding-left: 10px;
}

table.history
{
	border-collapse: collapse;
}
table.history select
{
	width: 290px;
}

table.history td.name
{
	font-weight: bold;
	color: #577dbe;
	text-align: right;
	padding-right: 7px;
}

table.history td.value
{
	text-align: left;
	vertical-align: top;
}

.HistMsg
{
	height: 20px;
	font-size: 12px;
}


/* Additional information */
#doptions
{
	text-align: left;
}
#doptions .sectionheader
{
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 7px;
}
table.options
{
	/*font-size:80%;*/
	width: 100%;
}
table.options td.name
{
	width: 469px;
	font-size: 12px;
	color: #597cc0;
	font-weight: bold;
}
table.options td.value
{
	width: 87px;
	text-align: right;
	word-spacing: 10px;
}

.RdbttnNo
{
	text-align: right;
	width: 43px;
}

.RdbttnYes
{
	width: 43px;
}


/* Exterior damage page */
table.imagemap
{
	border-collapse: collapse;
}
table.imagemap td
{
	margin: 0;
	padding: 0;
}
/* Appraisal page */
#appraisal
{
	width: 100%;
}
#appraisal .right
{
	float: right;
	width: 200px;
}
#appraisal .left
{
	width: 550px;
}
#appraisal .bottom
{
	width: 555px;
}

.notyet
{
	color: Red;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}


.imgExt
{
	vertical-align: bottom;
}

/* Headers for all pages */
.bycheaders
{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 10px;
	width: 554px;
}

.checkBoxPnlHeader
{
	background-image: url(                                 'images/checkboxpanelheader.gif' );
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	height: 21px;
}

.ContBtn
{
	padding-top: 10px;
	text-align: right;
}

.Spotname
{
	font-size: 18px;
	font-weight: bold;
}


/* Appraisal page treeviews */


.condition_box
{
	margin-top: 10px;
}
.condition_header
{
	background-color: Black;
	color: White;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 10px;
}

.condition_body
{
}
.condition_selected
{
	background-color: Black;
	color: White;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
}

/*
.accordionHeaderSelected
{

background-image: url('/images/collapse.jpg'); 

background-position :right ;
background-repeat:no-repeat;  

}

 .accordionHeader
{

background-image: url('/images/interior_close.jpg'); 

background-position :right ;
background-repeat:no-repeat;  

}

*/
















.conditions
{
	font-family: Arial;
}
.conditions .title
{
	background: gray;
	color: White;
	display: block;
	text-align: center;
}
.treeview
{
	width: 170px;
	font-size: 80%;
}

.rootNodeStyle
{
	font-weight: bold;
	font-size: 11px;
}
.leafNodeStyle
{
	color: Red;
	font-weight: bold;
	font-size: 9px;
}
.parentNodeStyle
{
	font-weight: lighter;
	font-size: 10px;
}

.updated
{
	color: Red;
	text-align: center;
	padding-top: 5px;
}

/*  In Rounded box Header,Used for Exterir,Interior and Mechanical*/

div.CarDetails
{
	font-size: 17px;
	color: Black;
	font-weight: bold;
	border-bottom: 1px solid black;
	margin-bottom: 3px;
}

/* Damages page parts and conditions section on the top of the page. */
table.parts
{
	text-align: left;
	font-size: 70%;
	border: solid 1px #EBEBEB;
	border-collapse: collapse;
	width: 100%;
}
table.parts .name
{
	font-weight: bold;
	font-size: 12px;
	color: White;
	padding-top: 4px;
}
table.parts td.value
{
	vertical-align: top;
}



/* The tables used to show checkbox lists. We are showing in 3 columns and we have set the width of each column
   to 33%. The label is the text next to checkbox. */
table.conds
{
	width: 100%;
	padding-right: 2px;
	padding-left: 2px;
	border: none;
}
table.conds label
{
	padding-right: 20px;
	width: 100%;
	font-size: 10px;
	display: inline;
}
table.conds td
{
	width: 33%;
}


/* In Interior we have repeat colomns as 4 so we need to use seperate CSSCLASS for checkboxlist(25% width for colomns)*/

table.condsInt
{
	width: 100%;
	border-collapse: collapse;
}
table.condsInt label
{
	padding-right: 20px;
	width: 100%;
	font-size: 10px;
}
table.condsInt td
{
	width: 25%;
}


/* Damage listing user control */
.damagelist
{
	text-align: left;
	padding-top: 2px;
	border-bottom: solid 1px gray;
}
.damagelist .title
{
	font-size: 13px;
	font-weight: bold;
	color: Gray;
}

.damagelist .hotspot
{
	font-weight: bold;
}
.nodamage
{
}
table.damages
{
	border-collapse: collapse;
	width: 100%;
}
table.damages td.name
{
	width: 250px;
	text-align: left;
}
table.damages td.value
{
}


/* Additional Info User control page : Edit link */

table.Addinfo
{
	width: 100%;
	border-bottom: solid 1px black;
}

table.Addinfo td.name
{
	font-size: 17px;
	font-weight: bold;
	color: Black;
	width: 50%;
}

table.Addinfo td.value
{
	font-size: 12px;
	vertical-align: top;
	font-weight: bold;
	width: 50%;
	text-align: right;
}


/* Summary page */
.damagesection
{
	/*font-size:80%;*/
	font-weight: bold;
}
table.dispvehicle
{
	text-align: left;
}
table.dispvehicle td.name
{
	width: 250px;
	font-weight: bold;
	vertical-align: top;
}
table.dispvehicle td.value
{
}

table.dispbycheaders
{
	text-align: left;
}
table.disphistory td.name
{
	width: 250px;
	font-weight: bold;
	vertical-align: top;
}
table.disphistory td.value
{
}

.pnlAddinfo
{
	padding-top: 12px;
}






/* Addn info user control */
table.dispaddn
{
	text-align: left; /*font-size:80%;*/
	width: 100%;
}

table.dispaddn th
{
	text-align: left;
	font-weight: bold;
}
table.dispaddn td.name
{
	width: 80%;
	text-align: left;
	font-weight: bold;
}
table.dispaddn td.value
{
	text-align: right;
	padding-right: 5px;
}

/* Our offer page */
.para2
{
	padding-top: 5px;
	font-size: 12px;
}



.offerpage
{
	text-align: left; /*font-size:80%;*/
}
.evtprice
{
	text-align: center;
}
.evtprice .price
{
	font-size: 47px;
	font-weight: bold;
	color: #84ac33;
	text-align: center;
}

.offerpage .will
{
	color: #c5525e;
	font-weight: bold;
}
.offerpage .we
{
	color: Black;
	font-weight: bold;
	padding-left: 18px;
}



.offerpage .error
{
	color: Red;
	font-size: 100%;
}
.offerpage .cmds
{
	display: block;
	text-decoration: none;
}



/* save my car details */
.savemycar
{
	text-align: left; /*font-size:80%;*/
}

/* My details page */
.mydetailspage
{
	width: 600px;
	text-align: left; /*font-size:80%;*/
}
table.mydata
{
	text-align: left;
}
table.mydata td.name
{
	width: 250px;
	font-weight: bold;
	vertical-align: top;
}
table.mydata td.value
{
}

/*Added by Pawan */

/* My details page */
.yourdetailspage
{
}
table.yourdetailspage
{
	border-collapse: collapse;
}
table.yourdetailspage td.name
{
	text-align: right;
	color: #577dbe;
	font-weight: bold;
	padding-right: 7px;
	width: 225px;
}
table.yourdetailspage td.value
{
	width: 330px;
	text-align: left;
}
.valsummaryMydetails
{
	text-align: left;
	padding-left: 225px;
}




/* Payments screen */
#paymentpage
{
	text-align: left;
	width: 100%;
}
.SecureBankText
{
	font-weight: bold;
	font-size: 14px;
}

table.payment
{
}

table.payment td.rdbttn
{
	vertical-align: top;
	width: 10px;
}

table.payment td.imgtype
{
	vertical-align: top;
	width: 24px;
	padding-left: 3px;
}

table.payment td.Desc
{
	vertical-align: top;
	width: 520px;
	padding-left: 4px;
}


/* Acceptance page */
#acceptpage
{
	text-align: left;
}
#acceptpage p.section
{
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 0;
}

#acceptpage .offer
{
	margin-top: 10px;
}
#acceptpage .title
{
	display: block;
	font-weight: bold;
}
#acceptpage .tandc
{
	margin-top: 10px;
}
#acceptpage .confirm
{
	margin-top: 10px;
}
#acceptpage .correct
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.SellPrice
{
	color: #8fbe1a;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	
	}



.OfferAcceptBtn
{
	background-color: Transparent;
	background-image: url(                        'images/offeracceptbutton.png' );
	background-position: center;
	border: solid 0px black;
	width: 452px;
	height: 40px;
	background-repeat: no-repeat;
	color: White;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 4px;
}


/* Thank you */
#thankyou
{
	text-align: left;
}

.emailid
{
	font-size: 14px;
}



/* Validation Error page */
#validationpage
{
	text-align: left;
	width: 555px;
	margin-top: 4px;
}

/* Thanks for saving */
.saved
{
	text-align: left;
}
.savedtitle
{
	font-size: large;
}
.saveddetails
{
	text-align: left;
	width: 554px;
}

/* Print page */
#printpage
{
	text-align: left;
	width: 700px;
	margin: 0 auto;
	
}
#printpage .offer
{
	margin-top: 10px;
}
#printpage .title
{
	display: block;
	font-weight: bold;
}
#printpage .tandc
{
	margin-top: 10px;
}
#printpage .confirm
{
	margin-top: 10px;
}
#printpage .correct
{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* common to all pages. the continue button */
.continue
{
	padding-top: 10px;
}

.commandscenter
{
	text-align: center;
	padding-top: 10px;
}
.commandsleft
{
	text-align: left;
	padding-top: 10px;
}
.commandsright
{
	text-align: right;
	padding-top: 10px;
}
.commands input
{
	width: 100px;
}


.errmessage
{
	color: Red;
}

#toppara
{
	padding-bottom: 10px;
	font-size: 13px;
}

/* User login page */
table.userlogin
{
	text-align: right;
}
table.userlogin td.name
{
	color: #577dbe;
	font-weight: bold;
	font-size: 12px;
}
table.userlogin td.value
{
	padding-right: 6px;
	width: 330px;
	text-align: left;
}

.errormsg
{
	color: Red;
	font-size: 100%;
}


/* Save My Car Page */

table.savemycarDetail
{
}
table.savemycarDetail td.name
{
	color: #577dbe;
	font-weight: bold;
	font-size: 13px;
	padding-right: 6px;
	text-align: right;
	width: 238px;
}

table.savemycarDetail td.value
{
	padding-right: 6px;
	width: 330px;
	text-align: left;
}



/* Vehicle confirmation page */
#confirmpage
{
	text-align: left;
}
table.confirm
{
}
table.confirm td.name
{
	width: 200px;
	color: Black;
	font-weight: bold;
}
#confirmyesno
{
	padding: 20px;
	text-align: center;
	font-size: medium;
	background-color: Gray;
	color: White;
}
.Adminbodywrapper
{
	width: 971px;
	margin: 0 auto;
	background-color: White;
	text-align: left;
	position: relative;
	padding: 0px;
	margin-top: 20px;
}
.menuPanel
{
	width: 100%;
	padding-left: 0px;
}
.sidemenulink
{
	font: 11px Arial, Verdana;
	text-decoration: none;
	padding: 0px 0 5px 0;
	color: #3B86C9;
	font-weight: bold;
	font-size: 14px;
}

.ContentText
{
	width: 98%;
	margin-top: 10px;
	min-height: 400px;
}

.menuItem
{
	text-align: center;
	margin: auto;
}

.Menuclass
{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.LoginPanel
{
	background-color: #F7F7DE;
	border-color: #CCCC99;
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
	margin: 0 auto;
	width: 300px;
}

/*For Panel tables*/
table.paneltable
{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

table.paneltable td.name
{
	text-align: right;
	padding-right: 5px;
	padding-left: 10px;
	font-size: 12px;
	background-color: #DDDDDD;
}
table.paneltable td.value
{
	text-align: left;
	padding-right: 5px;
	padding-left: 3px;
}

/*For Panel Text, by Pawan*/
.PanelText
{
	font-size: 16px;
}




.priceviewer
{
	margin-left: auto;
	margin-right: auto;
}

/*Styling GroupingText of panel, by vinod */
.PanelText legend
{
	text-align: left;
	padding-bottom: 0px; /*Keeps Space between grouping text(legend) of panel and inner control, by vinod*/
}
.PanelText fieldset
{
	padding-top: 0px; /*keeps space between start tag of div and end tag of fieldset, by vinod*/
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#footer
{
	width: 800px;
	height: 20px;
	background-color: #ffffff;
	border-top-color: #000000;
	border-top-style: none;
}
A.footerLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.ColumnTD
{
	padding-right: 5px;
	text-align: right;
	vertical-align: top;
	background-color: #E4E4E4;
	width: 150px;
}
.DataTD
{
	padding-left: 5px;
	text-align: left;
	vertical-align: top;
	width: 350px;
}

.testimonyHeader
{
	font-weight: bold;
	font-size: 16px;
	font-family: "Arial" , Arial, Helvetica, Sans-serif;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}
.Details
{
	text-align: justify;
	font-family: "Arial" , Arial, Helvetica, Sans-serif;
	font-size: 14px;
	width: auto;
}
.testimonyPerson
{
	font-weight: bold;
	font-size: 14px;
	font-family: "Arial" , Arial, Helvetica, Sans-serif;
	color: #3d5ba5;
	padding-top: 10px;
}
h1
{
	margin-top: 10px;
	font-size: 10pt;
	vertical-align: bottom;
	color: #cc6600;
	font-family: Arial;
	letter-spacing: 2px;
}
.pnlLoad
{
	display: none;
}


/* Added By Pawan */

/* Used in HomePage For Testimonial */

.Rotator
{
	padding: 0;
	font-size: 11px;
	cursor: default;
}

.NewsTitle
{
	font-size: 15px;
	font-weight: bold;
	color: White;
	text-align: left;
	padding-top: 6px;
}


.NewsbyWhom
{
	font-size: 11px;
	color: Black;
	font-weight: bold;
	text-align: left;
}

.RegText
{
	background-color: #F0F5B5;
	text-transform: uppercase;
}

.Hpicheck
{
	text-transform: uppercase;
}
.HomepageWaterBox
{
	color: Gray;
	background-color: #F0F5B5;
}

.footerclass
{
	text-decoration: none;
	color: White;
	vertical-align: top;
}


.imgmap
{
	vertical-align: top;
	margin: 0px;
}

/* Instant Offer */

.InstOffRegbox
{
	background-color: #F0F5B5;
	width: 340px;
	height: 70px;
	border: none;
	font-size: 60px;
	font-weight: lighter;
	text-transform: uppercase;
}

.Regmsg
{
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
}

.Linkmsg
{
	font-size: 10px;
	text-decoration: underline;
	padding-top: 5px;
	padding-right: 45px;
}

.instLinkBot
{
	font-size: 11px;
}

.InstOffRegboxWaterBox
{
	background-color: #F0F5B5;
	width: 340px;
	height: 70px;
	border: none;
	font-size: 60px;
	font-weight: normal;
	color: Gray;
}


/* Our Customer */

.CustTitle
{
	font-size: 16px;
	font-weight: bold;
	color: #2763ab;
}

.CustDetails
{
	color: Black;
	font-size: 11px;
}

.CustName
{
	font-size: 12px;
	color: Black;
	font-weight: bold;
}

.VehName
{
	font-size: 12px;
	color: Red;
	font-weight: bold;
}


table.OurCustomer
{
	border-collapse: collapse;
}
table.OurCustomer td.left
{
	width: 100%;
	text-align: justify;
}



/* Used in MyDetails Page */
.EnterDetails
{
	width: 550px;
	height: 20px;
	border-bottom-color: Green;
	border-bottom-width: 10px;
	border-bottom: solid;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	font-size: 14px;
	font-weight: bold;
}


/* Image Loader */

.PanelBtn
{
	margin-top: 20px;
	margin-bottom: 30px;
}


/* News and FAQ's*/

.TitleLink
{
	color: #2763ab;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

.TitleNews
{
	font-size: 16px;
	font-weight: bold;
	color: #2763ab;
	text-decoration: underline;
}
.DetailsNews
{
	color: Black;
	font-size: 11px;
}

.RefNews
{
	font-size: 12px;
	color: Black;
	font-weight: bold;
}


.AttachedFile
{
	color: black;
	font-weight: bold;
	font-size: 11px;
}


.ReadMore
{
	font-weight: bold;
	color: Red;
	font-size: 11px;
}

.BacktoTop
{
	font-weight: bold;
	color: Green;
	padding-right: 10px;
}

table.NewsDetails
{
	border-collapse: collapse;
}

table.NewsDetails td.left
{
	width: 100%;
}



/* ----- Left side Rectangular Image : Used in Master Page Site 1           */
div.box
{
	width: 180px;
}

div.boxtop
{
	background-image: url(        'images/boxtop.gif' );
	background-repeat: no-repeat;
}
div.boxmid
{
	background-image: url(        'images/boxmid1.gif' );
	background-repeat: repeat-y;
	min-height: 382px;
	height: 382px;
	padding: 10px;
}

div.boxmid ul
{
	margin: 0px;
	padding: 10px;
}

div.boxbottom
{
	background-image: url(                                           'images/boxbottom.gif' );
	background-repeat: no-repeat;
}
/* ----- Rounded Images with Background colour as light Blue*/


div.RoundedImg
{
	width: 555px;
}

div.boxtopImg
{
	background-image: url(                                            'images/blueback_01.gif' );
	background-repeat: no-repeat;
}


div.boxmidImg
{
	background-color: #e7f1fa; /*  background-image: url(   'images/blueback_02.gif' ); */
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 12px;
}
div.boxbottomImg
{
	background-image: url(                                            'images/blueback_03.gif' );
	background-repeat: no-repeat;
}


/* Used in Confirm page for radio Button*/


.RpList2
{
	padding-left: 83px;
}
.RpList3
{
	padding-left: 83px;
}


/* Used in Confirm page for radio Button*/

.MileageReading
{
	padding-left: 105px;
	color: #577dbe;
	font-weight: bold;
	font-size: 12px;
	width: 200px;
	padding-right: 5px;
}

.milTxt
{
	width: 120px;
}



/* Styles for rounded Box Type i.e Rounded Box with no Background Image*/
.box1_top
{
	background-image: url(                                 'images/Box_1.gif' );
	background-repeat: no-repeat;
	width: 554px; /* You must specify this because it is container for other div's */
	padding-top: 10px; /* Show the background image. Set this to the height of the background image */
}
.box1_middle
{
	background-image: url(                                 'images/Box_2.gif' );
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}
.box1_bottom
{
	background-image: url(                                 'images/Box_3.gif' );
	background-repeat: no-repeat;
	background-position: left bottom; /* Move the image to bottom */
	padding-bottom: 11px; /* Show the bottom image. set this to image height */
}



/* Bank User Control */

table.BankDetail
{
}
table.BankDetail td.name
{
	color: #577dbe;
	font-weight: bold;
	font-size: 13px;
	padding-right: 6px;
	text-align: left;
	width: 215px;
}

table.BankDetail td.value
{
	width: 340px;
	text-align: left;
	font-weight: bold;
}


/* Finance Page */

.FinRdBtn
{
	font-size: 27px;
	font-weight: bold;
}



.FinDtlHdr
{
	font-size: 13px;
	font-weight: bold;
	color: #6aa2d3;
}

.FinText
{
	width: 150px;
	font-size: 25px;
	height: 25px;
	font-weight: lighter;
	border: none;
}

.ApprExact
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}



/* Used for Edit Link in Acceptance,Summary etc */

.Editlink
{
	font-size: 12px;
	color: Black;
	vertical-align: top;
	text-decoration: none;
	font-weight: bold;
}



/* Used for CollapsiblePanelExtender */
.IntCollapseTitleHeader
{
	width: 555px;
	height: 33px;
	float: left;
	cursor: pointer;
	margin-bottom: 4px;
}


.collapsepanel
{
	width: 555px;
	overflow: hidden;
	float: left;
	text-align: left;
	height: 0px;
}


.SitMap
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
}