 /* IMPORT THE BOXES */
@import url(boxes.css);
body { font-family: Arial, Helvetica, sans-serif; background-color: #fff; margin: 0; padding: 0; }

h1 { font-size: .9em; margin: 0; padding: 0; }

h4 { margin: 0; }

#tabs { float: left; width: 784px; background: #FFF; font-size: 93%; line-height: normal; border-bottom: 2px solid #cc0001; }

#tabs ul { list-style: none; margin: 0; padding: 0 0 0 142px; }

#tabs a { float: left; background: url("Graphics/tab_left.gif") no-repeat left top; text-decoration: none; font-size: .9em; width: 100px; text-align: center; margin: 0; padding: 0 2px 0 5px; }

#tabs a span { display: block; background: url("Graphics/tab_right.gif") no-repeat right top; color: #000; font-weight: 700; float: none; padding: 0 3px 2px 0; }

#lowerTabs { float: left; background: #FFF; font-size: 93%; line-height: normal; }

#lowerTabs ul { list-style: none; margin: 0; padding: 0 0 0 10px; }

#lowerTabs a { float: left; background: url("Graphics/tab_left.gif") no-repeat left top; text-decoration: none; font-size: .75em; color: #000; margin: 0; padding: 0 2px 0 5px; }

#lowerTabs a span { display: block; background: url("Graphics/tab_right_longer.gif") no-repeat right top; color: #000; float: none; padding: 0 5px 2px 2px; }

#blackBar { background-image: url(Graphics/black_bar.gif); background-repeat: no-repeat; width: 784px; height: 30px; border-top: 4px solid #000; margin-top: 20px; }

#blackBarLarge { background-image: url(Graphics/black_bar_large.gif); background-repeat: no-repeat; width: 784px; height: 30px; border-top: 4px solid #000; margin-top: 20px; }

#breadcrumb { border: solid; height: 15px; position: relative; font-weight: 700; border-color: #ced6dd; border-width: 0; }

.pathSeparator { font-weight: 700; color: #CACACA; }

.rootNode a:hover { text-decoration: underline; color: #FF7C01; }

.currentNode { color: #000; font-variant: small-caps; }

.orangeBar { background-image: url(Graphics/orange_bar.gif); background-repeat: no-repeat; width: 349px; height: 22px; }

.orangeBar a { text-align: left; padding-left: 5px; padding-top: 3px; color: #FFF; font-weight: 700; font-size: .8em; vertical-align: bottom; text-decoration: none; margin-top: 10px; margin-bottom: 10px; }

.orangeArrow { margin-right: 5px; margin-left: 2px; }

.subLink { width: 83px; padding-bottom: 5px; }

.subLink a { text-decoration: none; color: #ff7c01; font-size: .7em; }

.subLinkLarge { width: 75px; padding-top: 5px; }

.subLinkLargeFirst { width: 80px; padding-left: 5px; padding-top: 5px; }

.subSearchBox { color: #FFF; font-size: .7em; font-weight: 700; text-align: right; padding-right: 3px; }

.subSearchBox input { width: 90px; height: 12px; font-size: .76em; background-color: #BDBDBD; border: 1px solid #666; padding-left: 5px; }

.subSearchBox select { width: 75px; height: 15px; font-size: .9em; background-color: #BDBDBD; border: 1px solid #666; margin-right: 2px; }

.searchGo a { text-decoration: none; color: #cc0001; padding-left: 5px; }

div#header { margin: 5px 0 0; }

div#container { text-align: left; width: 784px; margin: 0 auto; }

div#content p { line-height: 1.4; }

div#navigation { background: #FFF; float: right; width: 200px; }

div#extra { background: #FFF; float: right; width: 140px; }

div#footer { color: #FFF; clear: both; width: 100%; }

div#footer p { margin: 0; padding: 5px 10px; }

div#footer a { display: inline; color: #C6D5FD; text-decoration: none; padding: 0; }

div#content { width: 655px; }

div#adsExtra { float: right; width: 125px; padding-top: 10px; }

div#smallFooter { background-image: url(Graphics/small_footer.gif); background-repeat: no-repeat; width: 653px; height: 20px; text-align: center; color: #000; font-size: .7em; padding-top: 2px; }

div#smallFooter a { color: #FFF; text-decoration: none; }

.reviewHeading { color: #000; font-size: 0.9em; }

.reviewSubHeading { color: #ccc; font-size: 0.7em; }

.ratingResponseText { padding-left: 10px; font-size: 0.8em; }

.ratingResponseText a { color: #ff7c01; text-decoration: none; }

.ratingResponseText a:hover { color: #000; text-decoration: underline; }

.orangeify { color: #FF7C01; font-weight: 700; }

td.redLine { border-bottom: 1px solid #cc0001; max-height: 1px; height: 1px; min-height: 1px; }

.redInfo { font-size: .6em; color: #cc0001; text-align: center; font-weight: 700; position: relative; bottom: -5px; }

.redInfo a { color: #cc0001; text-decoration: none; }

.table_orange_grad { background-image: url(Graphics/table_orange_grad.gif); background-repeat: repeat-x; height: 16px; font-weight: 700; color: #FFF; font-size: .7em; padding-left: 5px; }

.table_grey_grad { background-image: url(Graphics/table_grey_grad.gif); background-repeat: repeat-x; height: 16px; font-weight: 700; color: #000; font-size: .7em; padding-left: 5px; }

.loginBox { border: solid; background-color: #FFF; border-top: 0; border-bottom: 0; font-size: 0.8em; color: #ABABAB; width: 310px; border-color: #CCC; border-width: 1px; }

.loginBox a { color: #cc0001; font-size: 0.8em; }

.loginBoxCheckBox { padding: 10px 0 10px 6px; }

.loginBoxLabel { padding-left: 10px; }

.loginBoxButton { border: 1px; background-color: #e6ecef; color: #000; border-color: #c5ced5; padding: 1px; }

.articleText { font-size: .77em; line-height: 1.5em; padding-top: 5px; padding-bottom: 5px; }

.articleText img { float: left; border: 1px solid gray; margin: 5px; }

.articleImageFloatBox { float: left; width: 200px; margin-right: 10px; }

.articleImageFloatBox img { margin-bottom: 5px; }

.articleHeaders { background-color: #cc0001; color: #FFF; font-weight: 700; font-size: .9em; width: 100%; padding: 2px; }

.scoreSpacer { height: 10px; border-bottom: 1px dashed gray; }

.scoreLeft { background-image: url(Graphics/scoreLeft.gif); background-repeat: no-repeat; width: 5px; height: 15px; }

.scoreRight { background-image: url(Graphics/scoreRight.gif); background-repeat: no-repeat; width: 5px; height: 16px; }

.scoreLeftBest { background-image: url(Graphics/score_best_left.gif); background-repeat: no-repeat; width: 6px; height: 16px; }

.scoreBestTitle { font-size: 1.2em; }

.scoreRightBest { background-image: url(Graphics/score_best_right.gif); background-repeat: no-repeat; width: 6px; height: 16px; }

.scoreRed { background-image: url(Graphics/scoreRed.gif); background-repeat: repeat-x; height: 16px; }

.scoreGreen { background-image: url(Graphics/scoreGreen.gif); background-repeat: repeat-x; height: 16px; }

.scoreBlack { background-image: url(Graphics/scoreBlack.gif); background-repeat: repeat-x; height: 14px; }

.scoreOrangeStar { background-image: url(Graphics/star_orange_header.gif); background-repeat: repeat-x; height: 16px; }

.scoreBlackStar { background-image: url(Graphics/star_orange_empty_header.gif); background-repeat: repeat-x; height: 14px; }

.scoreTD { background-image: url(Graphics/rating_box.gif); background-repeat: no-repeat; width: 38px; height: 17px; font-weight: 700; color: #FFF; text-align: center; margin-left: 10px; font-size: .7em; }

.scoreHeader { width: 30px; font-size: .7em; font-weight: 700; }

.scoreRating { padding-top: 4px; }

.DealersListTable a:hover { text-decoration: underline; color: #F60; }

#DealerListInfoSummary { font-size: .7em; text-align: center; }

#searchNav a { font-size: .7em; font-weight: 700; text-decoration: none; float: right; color: #000; }

.searchFor { font-weight: 700; font-size: .9em; color: #000; }

.carListNavigation { width: 600px; border-top: 1px solid #CCC; }

#carListLeftNav a { color: #000; font-weight: 700; float: left; text-decoration: none; font-size: .7em; }

#carListRightNav a { float: right; color: #000; font-weight: 700; text-decoration: none; font-size: .7em; }

#carListNumNav { float: inherit; text-align: center; font-size: .7em; }

.ratingsBox { background-image: url(Graphics/rating_box.gif); background-repeat: no-repeat; width: 38px; height: 17px; display: inline; color: #FFF; font-weight: 700; margin-left: 5px; padding: 5px 30px 5px 10px; }

.ratingsBox p { display: inline; position: absolute; left: 560px; top: 0; }

.results { font-weight: 700; padding-left: 5px; }

.carModelTitle { padding-top: 8px; padding-bottom: 8px; }

.repaymentCalculator td { text-align: left; }

input.repayments { width: 50px; margin-top: 5px; font-size: .9em; text-align: right; }

select.repayments { margin-top: 5px; width: 60px; font-size: .9em; }

.italicSmall { font-size: .7em; color: #666; }

.scoreBar { float: right; padding-right: 15px; }

.expand { float: right; margin-right: 10px; }

.side_bar_title { font-weight: 700; }

.side_bar_title a { text-decoration: none; color: #000; border-bottom: 0 dashed #000; }

.side_bar_title a:visited { text-decoration: none; color: #000; }

.side_bar_title a:hover { color: #000; border-bottom: 1px solid #FF7C01; }

.side_bar_title a:active { color: #000; }

.optionalExtras input { height: 13px; margin: 2px; padding: 0; }

.otherModels a { font-weight: 700; text-decoration: none; color: #FF4500; }

.otherModels a:hover { text-decoration: underline; color: #d90a0a; }

.compare td { border-bottom: 0 dashed gray; font-size: .8em; }

.compare tr { border-bottom: 0 dashed gray; border-collapse: collapse; }

.compare a { color: #000; text-decoration: none; }

.selectComparison { width: 80px; margin-right: 5px; background-color: #E6EFF8; font-size: .7em; margin-bottom: 5px; }

.defaultTD img { border: 1px solid #FFF; }

.selectedTD img { border: 1px solid #C13535; filter: alpha(opacity=50); -moz-opacity: .5; font-weight: 700; }

.highLightTD img { border: 1px solid red; }

.bestPoints { position: relative; margin-top: -2px; }

.prosCons { color: #cc0001; font-weight: 700; font-size: 1.2em; }

.frmPrice { color: #000; font-size: 11pt; font-weight: 700; text-align: right; background-color: #FCFCFC; border-style: none; }

.DisplayOnlyTextBox { font-weight: 700; font-size: 1.1em; color: #000; border: 0; width: 85px; }

.DisplayOnlyTextBoxTotal input { font-weight: 700; font-size: 1.1em; width: 65px; border: 0; padding-top: 2px; height: 1.1em; }

.dealerCountySelect select { font-size: .7em; border: 1px solid #d8d8d8; margin-left: 15px; }

.label { width: 100px; font-size: .7em; font-weight: 700; }

.frmSections { background-color: #F8F8F8; border-bottom: 1px solid #CCC; font-size: .8em; padding-left: 5px; }

.curvedBG { background-image: url(Graphics/border_bg.gif); background-repeat: no-repeat; width: 142px; height: 100px; padding-left: 12px; padding-top: 13px; float: left; }

.curvedBG a:hover { filter: alpha(opacity=50); -moz-opacity: .5; font-weight: 700; }

.listResultDetails { font-size: .7em; padding-top: 6px; }

.listResultDetails a:hover { color: #ff7c01; }

.buttonSubmit { border: 1px solid #C5CED5; background-color: #E6ECEF; font-weight: 700; }

.reviewText { text-align: justify; }

.curved_rec_red_used { width: 212px; height: 163px; background-image: url(Graphics/curved_rec_red_used.gif); background-repeat: no-repeat; margin-right: 5px; }

.curved_rec_red_new { width: 212px; height: 163px; background-image: url(Graphics/curved_rec_red_new.gif); background-repeat: no-repeat; margin-right: 5px; }

.curved_rec_red_sell { width: 212px; height: 163px; background-image: url(Graphics/curved_rec_red_sell.gif); background-repeat: no-repeat; margin-right: 5px; }

.curved_rec_grey { width: 212px; height: 148px; background-image: url(Graphics/curved_rec_grey.gif); background-repeat: no-repeat; margin-right: 5px; }

.curved_rec_grey_small { width: 211px; height: 70px; background-image: url(Graphics/curved_rec_grey_small.gif); background-repeat: no-repeat; margin-right: 5px; }

.whiteHeader { font-weight: 700; color: #fff; font-size: .9em; padding-left: 5px; padding-right: 5px; padding-top: 5px; }

.greyHeader { font-weight: 700; color: #000; font-size: .9em; padding-left: 5px; padding-right: 5px; padding-top: 5px; }

.curved_rec_content { text-align: center; margin-top: 5px; color: #fff; }

.curved_rec_content select { color: #7e7e7e; font-size: .7em; width: 150px; margin-bottom: 5px; margin-left: 10px; }

.curved_rec_content img { vertical-align: middle; }

.curved_rec_content h1 { font-size: 1.2em; color: #fff; font-weight: 700; display: inline; }

.curved_rec_bottom { padding-left: 10px; padding-right: 10px; }

.curved_rec_bottom input { margin-right: 13px; }

.curved_rec_bottom a { font-size: .75em; color: #fff; text-decoration: none; margin-left: 5px; }

.curved_rec_go a { display: inline; color: #fff; font-size: 1.1em; font-weight: 700; text-decoration: none; padding-left: 5px; }

.curved_rec_trackdays { background-image: url(Graphics/curved_rec_trackdays.gif); background-repeat: no-repeat; width: 433px; height: 61px; }

.sell {margin-bottom:5px; font-size: .8em; }

.sell a { text-decoration: none; color: #fff; }

.sellGrey { padding-bottom: 5px; padding-right: 5px; }

.sellGrey a { font-size: .8em; color: #000; text-decoration: none; }

.curved_rec_content_grey { color: #666; padding-left: 3px; padding-right: 3px; }

.curved_rec_content_grey img { padding-left: 5px; }

.curved_rec_content_grey h1 { color: #848484; font-size: 1em; text-align: center; margin: 3px 0 5px; padding: 0; }

.curved_rec_content_grey select { color: #7e7e7e; font-size: .7em; width: 135px; margin-bottom: 5px; margin-left: 10px; }

.curved_rec_content_grey input { color: #7e7e7e; font-size: .7em; width: 130px; margin-bottom: 5px; margin-left: 10px; }

.curved_rec_bottom_grey { float: right; margin-right: 5px; margin-top: -4px; }

.curved_rec_go_grey { display: inline; color: #666; font-size: 1.2em; font-weight: 700; text-decoration: none; padding-left: 5px; }

.header { font-weight: 700; font-size: .9em; color: #666; }

.headerSlidePanels { font-weight: 700; font-size: 1em; color: #666; }

.white_header_text { float: right; text-align: right; padding-right: 10px; padding-top: 20px; }

.row1 { background-color: #eff3f6; border-bottom: 1px dashed #000; margin-bottom: 5px; font-size: .8em; }

.row2 { background-color: #fff; border-bottom: 1px dashed #000; margin-bottom: 5px; font-size: .8em; }

.boxesContainer ol { font-size: .7em; margin: 0; }

li.topPicks { margin-left: 35px; color: #666; }

.adverts { font-size: .7em; margin-top: 10px; }

.adMain a { color: #cf001a; font-weight: 700; text-decoration: underline; font-size: 1.1em; }

.adMain { font-size: 1em; }

.adLink a { color: #2752a9; text-decoration: none; }

.compareButton { border: 1px solid #6c6c6c; background-color: #DFDFDF; font-weight: 700; height: 20px; font-size: .8em; margin-bottom: 5px; }

.compareDropDown { margin-bottom: 10px; }

.alsoViewedHeader { font-weight: 700; font-size: .7em; }

.introText a { color: #cc0001; text-decoration: none; font-weight: 700; }

.bikeCalendar { border: 0; }

.grey_arrow_list ul { list-style-image: url(Graphics/arrow_grey.gif); margin: 0; padding: 0 0 0 30px; }

.grey_arrow_list li { margin: 0; padding: 0; }

.grey_arrow_list li a { display: block; color: gray; text-decoration: none; font-weight: 700; font-size: .7em; height: 1em; margin: 0; padding: 0; }

.grey_arrow_list li a:hover { color: #cc0001; }

.whiteTabHeader { height: 21px; text-align: center; font-size: .9em; color: #fff; text-decoration: none; }

.whiteTabHeader a { color: #fff; text-decoration: none; }

.displayInline { display: inline; }

.trackDays { font-size: .8em; }

.trackDayItems a { color: #000; text-decoration: none; padding: 0; }

.trackDayItems a:hover { color: #cc0001; text-decoration: underline; padding: 0; }

.eventHoverPanel { background-image: url(Graphics/event_detail_bg.gif); background-repeat: no-repeat; background-position: top left; border: 1px solid #cc0001; width: 200px; font-size: .7em; font-weight: 700; padding: 30px 10px 10px; }

.eventRow1 { background-color: #eff3f6; font-size: .7em; height: 20px; padding-top: 10px; border-bottom: 1px solid #dedfe0; margin: 0; }

.eventRow2 { background-color: #fff; font-size: .7em; height: 20px; padding-top: 10px; border-bottom: 1px solid #dedfe0; margin: 0; }

.calendarLegend { margin-left: 10px; height: 25px; }

.calendarLegend a { color: #666; text-decoration: none; font-weight: 700; font-size: .75em; border: 0; }

.articleActive { color: #26b722; text-transform: uppercase; }

.articleNotActive { color: #e43e17; text-transform: uppercase; }

.tabWidth { width: 80px; text-align: center; }

.adminPanel { background-color: #eee; border: 2px solid #9d9d9d; font-size: .7em; margin-top: 10px; margin-bottom: 10px; padding: 10px; }

.activeArticle { border: 1px solid gray; background-color: Lime; font-weight: 700; width: 150px; }

.inactiveArticle { border: 1px solid gray; background-color: red; font-weight: 700; width: 150px; }

.greyBG { background-color: #fafafa; }

.calendarMonth { font-size: 1.8em; font-weight: 700; color: #d7d7d7; text-transform: uppercase; }

#tabs li,#lowerTabs li { display: inline; margin: 0; padding: 0; }

#tabs .current span,#lowerTabs .current span { background-position: 100% -19px; color: #FFF; }

#tabs .current a,#lowerTabs .current a { background-position: 0 -19px; color: #FFF; }

#tabs a:hover span,#lowerTabs a:hover span { color: #FFF; background-position: 100% -19px; }

#tabs a:hover,#lowerTabs a:hover { background-position: 0 -19px; }

#breadcrumb a:hover,.compare a:hover { color: #FF7C01; }

.rootNode,.node { font-variant: small-caps; color: #CACACA; text-decoration: none; }

.subLinkLarge a,.subLinkLargeFirst a { text-decoration: none; color: #000; font-size: .7em; }

.subLinkLarge a:hover,.subLinkLargeFirst a:hover { color: #fff; }

div#smallFooter a:hover,.redInfo a:hover,.introText a:hover,.adminPanel a:hover { text-decoration: underline; }

.articleText a,.listResultDetails a { color: #000; font-weight: 700; text-decoration: none; }

.articleText a:hover,.eventRow1 a:hover,.eventRow2 a:hover { color: #cc0001; text-decoration: underline; }

.DealersListTable,.repaymentCalculator,.smallText,.tabContactTable,.dealerBubbleText,.introText { font-size: .7em; }

.DealersListTable a,.adminPanel a { color: #000; text-decoration: none; font-weight: 700; }

.searchInput select,.searchInput input,.searchInput textarea { width: 100px; border: 1px solid #B6B6B6; }

.row1 ul,.row2 ul { margin-top: 5px; margin-left: 20px; padding: 0; }

.row1 li,.row2 li { list-style-image: url(../Graphics/arrow_grey_small.gif); color: #666; font-size: .9em; line-height: 1.5em; }

.row1 li a,.row2 li a { font-weight: 700; color: #666; text-decoration: none; }

.goButton a,.eventRow1 a,.eventRow2 a { color: #666; text-decoration: none; }

.calendarDay,.calendarYear { font-size: 2.5em; font-weight: 700; color: #d7d7d7; }

.postedDate { font-size: 9px; color: #999; padding-left: 10px; }

#Team0 { margin: 0px 20px 0px 20px; display: none; }

#Team1 { margin: 0px 20px 0px 20px; display: none; }

#Team2 { margin: 0px 20px 0px 20px; display: none; }

#Team3 { margin: 0px 20px 0px 20px; display: none; }

#Team4 { margin: 0px 20px 0px 20px; display: none; }

#Team5 { margin: 0px 20px 0px 20px; display: none; }

#Team6 { margin: 0px 20px 0px 20px; display: none; }

#Team7 { margin: 0px 20px 0px 20px; display: none; }

#Team8 { margin: 0px 20px 0px 20px; display: none; }

#Team9 { margin: 0px 20px 0px 20px; display: none; }

#Team10 { margin: 0px 20px 0px 20px; display: none; }

#Team11 { margin: 0px 20px 0px 20px; display: none; }

#Team12 { margin: 0px 20px 0px 20px; display: none; }

#Team13 { margin: 0px 20px 0px 20px; display: none; }

#Team14 { margin: 0px 20px 0px 20px; display: none; }

.teamProfile { border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; background-image: url(Graphics/paper.jpg); background-repeat: repeat; }

.teamProfileRow1  { background-color: #eff3f6; width: 500px; height: 20px; border-bottom: 1px solid #eee; padding-top: 5px; background-image: url(Graphics/team_profile_icon.gif); background-position: left; background-repeat: no-repeat; padding-left: 35px; }

.teamProfileRow1 a { text-decoration: none; color: #666; font-size: 11px; font-weight: 700; }

.teamProfileRow2  { background-color: #fff; width: 500px; height: 20px; border-bottom: 1px solid #eee; padding-top: 5px; background-image: url(Graphics/team_profile_icon.gif); background-position: left; background-repeat: no-repeat; padding-left: 35px; }

.teamProfileRow2 a { text-decoration: none; color: #666; font-size: 11px; font-weight: 700; }



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(Graphics/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
