/****************************************************/
/****************  COMMON  STYLES  ******************/
/****************************************************/
div.rectColour { margin:10px 0 0; border:1px solid #CCCCCC; }
div.rectColour div.header { position:static; background-color:#8CCCCA; font-size:14px; font-weight:bold; text-align:left; padding:2px 0 3px 10px; }
div.rectColour div.header span { position:absolute; right:10px; top:3px; color:#000000; font-weight:normal; }
div.rectColour div.header span select { vertical-align:middle }
div.rectColour div.header span.buttonWhite { background:#FFFFFF url(/WebUI/Images/Common/dot_Red.gif) no-repeat 5px 7px; border:1px solid #888888; font-weight:normal; padding:1px 5px 2px 15px; }
div.rectColour div.content { padding:5px; }
div.rectColour div.content p { margin:0 10px; line-height:18px; }
div.rectColour div.content div.subHeader { margin:5px -5px 0; padding:5px 15px; background-color:#E1E1E1; color:#CC0000; }
div.rectColour div.footer { position:static; background-color:#8CCCCA; font-size:10px; font-weight:bold; text-align:left; padding:2px 0 3px 10px; }
div.rectColour div.barGray { height:1px; margin:8px 5px; font-size:0; background-color:#DFDFDF; }

h2.pushUp {position:absolute; left:0; top:0px; height:30px;}
b.req { display:block; margin-top:3px; text-align:right; padding-right:3px; font-size:12px; font-weight:normal; color:#CC0000 }
p.topMessage { margin:10px 0; font-size:11px; line-height:17px; }
p.topMessage b, p.topMessage a { font-size:11px; }
div.fakeSpacer { font-size:0; line-height:0; }
ul.redBullet li { list-style:none; background:url(/WebUI/Images/Common/dot_Red.gif) no-repeat 12px 7px; font-weight:normal; padding:0 5px 2px 10px; }
ul.blackBullet li { list-style:none; background:url(/WebUI/Images/Common/dot_Black.gif) no-repeat 12px 7px; font-weight:normal; padding:0 5px 2px 10px; }


img.toolTip { width:16px; height:16px; cursor:pointer; vertical-align:middle; }
img.imgYes { width:13px; height:13px; vertical-align:middle; background:url(/WebUI/Images/Common/icon_Yes.gif) no-repeat left 2px }
img.imgNo { width:13px; height:13px; vertical-align:middle; background:url(/WebUI/Images/Common/icon_No.gif) no-repeat left 2px; }

.toolHead { padding:3px; width:250px; background-color:#F3F0E7; font-size:11px;	font-weight:bold; border:1px solid #C8BA92; }
.toolBody { padding:3px; width:250px; background-color:#FFFFFF; font-size:10px; border:1px solid #C8BA92; border-top:none; }
.colourTip { padding:3px 5px; width:auto; background-color:#F3F0E7; font-size:10px;	font-weight:bold; border:1px solid #C8BA92; }

span.helpText { font-size:10px; }
span.errorMessage { display:block; color:#CC0000; margin:2px 0 5px; }
div.pnlError { height:auto; min-height:50px; position:static; background-color:#EFEFEF; background-repeat:no-repeat; background-position:20px 50%; color:#CC0000; font-weight:bold; border:1px solid #CCCCCC; }
* html div.pnlError { height:50px; overflow:visible; }
div.pnlError p { font-size:13px !important; margin:10px 10px 10px 70px !important;	line-height:20px !important; }
div.errorCritical { background-image:url(/WebUI/Images/Common/icon_Critical.gif); }
div.errorExclamation { background-image:url(/WebUI/Images/Common/icon_Exclamation.gif); }
div.errorInformation { background-image:url(/WebUI/Images/Common/icon_Information.gif); }
div.pnlNote { position:absolute; height:17px; width:35px; background-color:#CC0000; top:10px; left:10px; color:#FFFFFF; font-size:9px; font-weight:bold; text-align:center; }

label.pincodeCheckBox { color:#165A76; }
input.disabledTextBox { background-color:#E9E9E9; border:1px solid #CCCCCC; padding:2px 3px; }
#imgSecurity { border:solid 1px #A7A7A7; }
/****************************************************/
/**************** SEARCH RESULTS ********************/
/****************************************************/
div.pnlSearchTools { margin:10px 12px -4px 0; text-align:right; }
div.pnlPageLinks { padding:5px 0; text-align:right; }
div.pnlPageLinks a.lnkPage { padding:1px 5px; background-color:#EFEFEF; color:#000000; border:1px solid #888888; text-decoration:none; }
div.pnlPageLinks a.lnkPage:hover, div.pnlPageLinks a.lnkPage.hiLite { padding:1px 5px; background-color:#888888; color:#FFFFFF; border:1px solid #888888; text-decoration:none; }
div.searchOperations { padding-left:10px; margin-top:-8px; }
div.searchOperations span { position:absolute; right:10px; top:0px; color:#000000; }
div.searchOperations span select { vertical-align:middle; }
div.blockResult { width:577px;	margin:5px auto 15px; }
div.blockResult table.outer { margin-top:1px; background-color:#FFFFFF; border-collapse:collapse; width:575px; border:1px solid #CCCCCC; }
div.blockResult table.outer td { border:1px solid #CCCCCC; padding:0; margin:0; }
div.blockResult table.outer td p { line-height:20px; margin:5px 10px; }
div.blockResult table.outer td ol { margin:0 10px 10px 35px; }
div.blockResult table.outer td ol li { padding:2px; }
div.blockResult table.outer td.blockHeader { height:23px; margin:0; padding:0; padding-left:5px; background-color:#DFDFDF; font-weight:bold; font-size:11px; }
div.blockResult table.outer td.blockHeader span { position:absolute; right:10px; top:4px; color:#000000; font-weight:normal; font-size:10px; }
div.blockResult table.outer td.blockHeader span b { font-size:10px; }
div.blockResult table.outer td.blockRank { background-color:#666666; color:#FFFFFF; text-align:center; font-weight:bold; }
div.blockResult table.outer td.labelRank { background:url(/WebUI/Images/Research/bg_RankLabel.gif) no-repeat 50% 50%; font-size:16px; color:#CC0000; text-align:center; font-weight:bold; padding:0; }
div.blockResult table.outer td.priceRange { padding:3px 6px; color:#666666; text-align:right; }
div.blockResult table.outer table.inner { width:550px; border:none; }
div.blockResult table.outer table.wallpaper { width:550px; margin:10px; border-collapse:collapse; }
div.blockResult table.outer table.wallpaper td { padding:10px; text-align:center; border:none; }
div.blockResult table.outer table.wallpaper td p { text-align:center; font-weight:bold; }
div.blockResult table.outer table.wallpaper td ul { margin-left:20px; }
div.blockResult table.outer table.wallpaper td li { background-position:0 7px !important; }
div.blockResult table.inner td { border:none; }
div.blockResult table.inner ul, ul.action { margin:5px 0; list-style:none; }
div.blockResult table.inner li, ul.action li { background:url(/WebUI/Images/Common/dot_Red.gif) no-repeat 5px 7px; font-weight:normal; padding:1px 5px 2px 15px; color:#444444; }
div.blockResult td.photo { width:140px; text-align:center }
div.blockResult td.photo img { margin-bottom: 5px; }
div.blockResult td.details { width:270px; }
div.blockResult td.details table { width:270px; margin:5px 0; }
div.blockResult td.details td { height:18px; }
div.blockResult table.inner p { margin:5px; }
div.blockResult td.links { width:140px; }
div.blockResult td.links div { margin-top:3px; }
div.blockResult td.modelDesc { width:410px; height:100px; vertical-align:top; }
#frmTop10Cars div.blockResult table.outer table.inner { width:500px; }
#frmTop10Cars	div.blockResult p { margin-top:10px; }
#frmTop10Cars div.blockResult td.modelDesc { width:360px; height:100px; vertical-align:top; }

#photoResultWrapper { width:575px; margin:8px auto 3px; }
#photoResultWrapper div.rectColour { width:280px; margin:0 10px 10px 0; float:left; clear:none; }
#photoResultWrapper div.header { background-color:#DFDFDF; padding:3px 5px !important; font-size:11px; }
#photoResultWrapper div.content { background-color:#FFFFFF; height:auto; min-height:60px; padding-top:10px; }
* html #photoResultWrapper div.content { height:85px; }
#photoResultWrapper div.noMargin { margin-right:0; }
#photoResultWrapper p { margin:0 20px; text-align:center; }
#photoResultWrapper img { margin:0 10px 0; }

/****************************************************/
/*************** GREEN CONTENT TABS *****************/
/****************************************************/
div.tabbedMenu { height:30px; }
div.tabbedMenu ul { width:500px; position:absolute; z-index:1; left:10px; top:0px; list-style:none; border:0px solid blue; }
div.tabbedMenu li { display:inline; }
div.tabbedMenu li a { float:left; background:url(/WebUI/Images/Common/curve_tabLeft.gif) no-repeat 0 0; margin-left:5px; padding-left:6px; text-decoration:none; }
div.tabbedMenu li a span { float:none; display:block; background:url(/WebUI/Images/Common/curve_tabRight.gif) no-repeat 100% 0; padding:11px 10px 4px 5px; font-weight:bold; font-size:13px; color:#000000; }
div.tabbedMenu li a:hover, div.tabbedMenu li.currentTab a { background-position:0% -30px; }
div.tabbedMenu li a:hover span, div.tabbedMenu li.currentTab a span { background-position:100% -30px; padding-top:9px; padding-bottom:6px; }

/****************************************************/
/***************  INSIDE LAYOUT *********************/
/****************************************************/
#pnlPageContent { width:750px; margin:0 5px; }
#pnlContentBorder { border:1px solid #C1C1C1; text-align:center; }
#pnlContentBorder h3 { margin:8px 0 0; padding:0 10px 8px; overflow:visible; color:#CC0000; border-bottom:1px solid #EEEEEE; }
#pnlContentBorder h3 span { color:#777777; }
#pnlContentWrapper { width:730px; margin:10px auto; text-align:left; }
#pnlContentWrapper #colSingle { width:730px; float:left; }
#pnlContentWrapper #colSingle #colLeft { width:410px; float:left; clear:none; }
#pnlContentWrapper #colSingle #colRight { width:312px; float:right; clear:none; }
#pnlContentWrapperAd { width:738px; margin:10px 0 10px 10px; text-align:left; }
#pnlContentWrapperAd #colLeft { width:595px; float:left; clear:none; }
#pnlContentWrapperAd #colRight { width:135px; float:right; clear:none;  }
#pnlContentWrapperWide { width:748px; height:auto; min-height:405px; margin:4px auto 0; }
* html #pnlContentWrapperWide { height:428px; overflow:visible; }
#pnlContentWrapperWide #colLeft { width:520px; float:left; clear:none; top:10px; left:8px; padding-bottom:10px; }
#pnlContentWrapperWide #colLeft p { margin:5px 0; font-size:11px; line-height:17px; }
#pnlContentWrapperWide #colLeft p.topMessage { margin:10px 0;}
#pnlContentWrapperWide #colRight { width:195px; float:right; clear:none; top:10px; right:8px; }

/***************************************************/
/*********** ADVERT AND QUICKLINKS *****************/
/***************************************************/
#pnlAdvert { width:134px; overflow:visible; padding:10px 0; margin-top:10px; border:1px solid #CCCCCC; text-align:center; border-right:none; }
#pnlAdvert iframe { width:120px; height:600px; clear:both; padding:0; background-color:#FFFFFF; }
#pnlAdvert span { width:110px; position:absolute; display:block; z-index:1; left:15px; top:-8px; text-align:center; letter-spacing:2px; color:#AAAAAA; background-color:#FFFFFF; }
#pnlQuickTools { border-color:#CCCCCC;	border-right:none; margin:10px 0; }
#pnlQuickTools div.header { background-color:#EFEFEF;	}
#pnlQuickTools li { list-style:none; line-height:18px; background:url(/WebUI/Images/Common/dot_Red.gif) no-repeat 2px 8px; padding:0 12px; }
/***************************************************/
ul.redBullet li { voice-family:"\"}\""; voice-family:inherit; background-position:0 7px; }