/*CSS BY PHASE NEW MEDIA

-- colours

orange: #FF5019
p blue: #4C5A6C

*/

/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px; }
* {padding:0px; margin:0px;}
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both;  }
body { background:url(../images/bg.jpg) repeat-x #F0F0F0; margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding: 0px 0 0 0; text-align:center;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 70%; margin: 0px; padding: 0px 0px 15px 0px; line-height: 155%; color:#56595C;}
/*h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#CC0000; font-size:100%; text-transform:uppercase;}
h2 {  margin: 0px; padding: 0px 0px 20px 0px; font-size:90%; color:#999; line-height:120%; text-transform:uppercase;}
h3 {color: #666; font-size: 90%; margin: 0px; padding: 25px 0px 20px 0px; line-height:120%; text-transform:uppercase;}
h4 {color: #CC0000; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:400px;}
h5 {color: #CC0000; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; width:400px;}
h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; } */
a img { border: none;}
.float_left { float: left; }
.float_right {float: right; text-align:right;}
.float_right3 {float: right; text-align:right; padding:0px 0 0px 20px;}
.float_left2 { float: left; line-height:155%; padding:0px; }
.float_right2 {float: right; text-align:left; line-height:155%; padding:0px 0 8px 0;}
.terms { font-size:65% !important; color:#444 !important; line-height:150% !important;}
.terms a {text-decoration:none; margin: 0px; padding: 0px; color: #6A7077; border-bottom:1px solid #333333; }
.newterms { font-size:65%; color:#919191;}

/* Centre page */
#centrer { width: 920px; margin: 0px auto; padding:0px 0px; text-align:left; } /* bg top*/

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { padding: 20px 0 15px 0; height: 70px; width:920px; margin: 0px auto; text-align:left;  } 
#johnmcgrath { float:left; }
#logos { display: block; width:300px; height:49px; padding:0px; margin:0px 0px 0 0; float:right; /*overflow:hidden;*/ text-align:right;}	
#logos ul { list-style: none; padding: 0; margin: 0; display:block; height:49px;}
#logos li { display: inline; padding: 0; margin: 0px 0px 0 0; height:49px;}
#logos li img {margin:0px -3px 0 0; padding:0px 0px 0px 20px; }

/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { display: block; width:485px; height:29px; padding:0px; margin:0px 0px 0 0; float:right; /*overflow:hidden;*/ text-align:right;}	
#bnav ul { list-style: none; padding: 0; margin: 0; display:block; height:29px;}
#bnav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:29px;}
#bnav li img {margin:0px -3px 0 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:920px; height:50px; padding:0px; margin: 0px auto; overflow:hidden; }	
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:50px; }
#anav li { display: inline; padding: 0; margin: 0px 0px 0 0; height:50px;}
#anav li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }
.anav-line { height:5px; background:#EE1A29; margin:1px 0; width:916px; overflow:hidden;}

#anav2 { display: block; width:920px; height:36px; padding:0px 0 25px 0; margin: 0px auto; /*overflow:hidden;*/ }	
#anav2 ul { list-style: none; padding: 0; margin: 0; display:block; height:36px; }
#anav2 li { display: inline; padding: 0; margin: 0px 0px 0 0; height:36px;}
#anav2 li img {margin:0px -4px 0 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; width:207px; height:260px; padding:0 0 35px 0; margin: 0px auto; float:right;}	
#cnav ul { list-style: none; padding: 0; margin: 0; display:block;}
#cnav li { display: block; padding: 0px 0px 0px 0; margin: 0; padding:0 0px; height:44px;}
#cnav li img {margin:0px -4px 0px 0; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* **************************** Hero  ***************************** */
/* **************************************************************** */
#hero { height:260px; width:630px; margin: 0px; float:left; padding:0 0 35px 0;} /*Default Page*/
#video { height:260px; width:280px; margin: 0px; float:right; padding:0 0 35px 0;}
#hero2 { height:260px; width:702px; margin: 0px; float:left; padding:0 0 35px 0;} /*Other Pages*/

/* **************************************************************** */
/* *********************** Default Banners  *********************** */
/* **************************************************************** */
#banner1 { background:url(../images/welcome-bg.jpg); width:240px; height:423px; padding:20px; float:left; margin:0 9px 0 0;}
#banner1 h1 { color:#fff; font-size:75%; font-weight:normal; line-height:190%; orphans:3;}
.welcome { font-family:Georgia, "Times New Roman", Times, serif; font-size:105%; color:#fff; }
#banner2 { width:341px; height:463px; padding:0px; float:left; margin:0 9px 0 0;}
#banner3 { width:280px; height:463px; padding:0px; float:left; margin:0 0px 0 0; background:#F0F0F0;}
#colourpicker { display: block; width:207px; height:260px; padding:0 0 35px 0; margin: 0px auto; float:right;}	

#cars-search { float:left; margin:0px 0px 9px 0px; padding:0; height:144px; width:280px; overflow:hidden; background-image:url('../images/cars-search-bg.gif'); }
#cars-search-frame { margin:50px 0px 0px 10px; padding:0; width:264px; height:90px; overflow:hidden; }
#cars-specials { float:left; width:280px; overflow:hidden; margin:0; padding:0; background-image:url('../images/cars-specials-bg.gif'); }
#cars-specials-frame { margin:37px 0px 0px 10px; width:264px; height:273px; }


/* **************************************************************** */
/* **************************** Content  ************************** */
/* **************************************************************** */
#content, #newcontent { padding:0px 0px 20px 0px; width:702px; margin:0; float:left;}
#content a:link, #content a:visited, #newcontent a:link, #newcontent a:visited { border-bottom:1px solid #999; text-decoration:none; color: #666; }
#content a:hover, #content a:active,# newcontent a:hover, #newcontent a:active { border-bottom:1px solid #ccc; text-decoration:none; color: #666; }
#content h1, #newcontent h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#999; font-size:100%; line-height:180%; font-weight:normal;}
#content h2, #newcontent h2 { margin: 0px; padding: 0px 0px 20px 0px; font-size:90%; color:#8B0C0D; line-height:180%; }
#content h3, #newcontent h3 {color: #8B0C0D; font-size: 90%; margin: 0px; padding: 20px 0px 10px 0px; line-height:120%;}
#content h4, #newcontent h4 {color: #8B0C0D; padding: 0px 0 10px 0; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase; }
#content h5, #newcontent h5 {color: #999; padding: 15px 0px 10px 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold; text-transform:uppercase;}
#content h6, #newcontent h6 {color: #999; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold; width:177px; }
#content p, #newcontent p, .content-col p, .content-col2 p, .contacttable { font-size: 79% !important; margin: 0px; padding: 0px 0px 15px 0px; color: #333 !important; line-height: 155%; }
#content ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#333; line-height:155%;}
#content li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 20px 0; background:url(../images/bullet.gif) no-repeat left 5px;}
#teaser {float:left; width:500px; }
#teaser h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#333333; font-size:100%; line-height:180%; font-weight:normal; width:500px;}
#teaser-logo { float:right; width:250px; }
#breadcrumbs { font-size:90%; color:#666; padding:0 0 2px 0; margin:0 0 30px 0; border-bottom:1px solid #EE1A29;}
#breadcrumbs a:link, #breadcrumbs a:visited { text-decoration:none; color: #999; }
#breadcrumbs a:hover, #breadcrumbs a:active { text-decoration:none; color: #CCC; }
.content-col { padding:0px 20px 0px 0px; float:left; width:330px; }
.content-col2 { padding:0px 0px 0px 0px; float:right; width:320px; color:#B8B9CC;} /* Pages containing forms */
.content-col ul, .content-col2 ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#B8B9CC; line-height:155%;}
.content-col li, .content-col2 li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px;}
.content-col li img, .content-col2 li img { display:inline; border:none; list-style: none; padding: 0 20px 20px 0; margin:0 -4px 0 0;}
.description-left { width:415px; float:left; padding:0 20px 0 0;}
.thumb-right { border:1px solid #999; float:right;}
.description-right { width:415px; float:right; padding:0 0 0 20px;}
.thumb-left { border:1px solid #999; float:left;}
.col-narrow { width:500px; }
.hdr { padding:0 0 10px 2px; }
.link ul { list-style: none; padding: 0 0 0 0px; margin: 0; }
.link li { display: block; padding: 0px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat right;}
.table { color: #999; font-size:75%; line-height:150%; margin:-10px 0 0 0;}
#content-wide { float:left; margin:0; padding:0px; width:700px;}
#content-wide a:link, #content-wide a:visited, #content-wide a:active { border-bottom:1px solid #999; text-decoration:none; color: #fff; }
#content-wide a:hover { border-bottom:1px solid #ccc; text-decoration:none; color: #ccc; }
.new { }
.new ul { list-style:none; padding: 0px 0 5px 20px; margin: 0px; font-size: 79%; color:#B8B9CC; line-height:155%; }
.new li { list-style:none; padding: 0px 0 0 20px; margin: 0px 0px 5px 0; background:url(../images/bullet.jpg) no-repeat left 5px; display:block;}

/* **************************************************************** */
/* **************************** New  ****************************** */
/* **************************************************************** */
#new-container { padding:0px 0 0px 0px; float:left; width:702px;  }
#new { padding:0px 0 0px 0px;  }
#new ul { list-style: none; padding: 0px 0 0px 0px; margin: 0;}
#new li { display:inline; list-style: none; width:252px; height:134px;}
#new li img { display:inline; border:none; list-style: none; padding: 0 22px 40px 0; margin:0 0px 0 0;}
#new a:link, #new a:visited, #new a:hover, #new a:active { border:none; }
#newterms {text-decoration:none; margin: 0px; padding: 0px; color: #CCCCCC; border-bottom:1px solid #333333; }
.new-hdr { padding: 0 0 0 10px; }

/* **************************************************************** */
/* ************************ specs Table  ********************* */
/* **************************************************************** */
#specstable table { padding:0px; margin:0px; }
#specstable th { padding: 12px 5px 12px 12px; background:#56595C; color:#fff; font-size:85%;}
#specstable td { padding:5px 5px 5px 12px; margin:0px; text-align:left; color:#56595C; font-size:70%;}
#specstable h5 {  margin: 15px 0 5px 0; padding: 0px 0px 2px 0px; font-size:100%; color:#fff; line-height:120%; border:none; text-transform:uppercase; width:280px;}
.head2 { padding:5px 5px 5px 10px; margin:0px; text-align:left; color:#FFF;}
#specstable tr  { padding:10px 0px 0 12px; margin:0px; text-align:left;}

/* **************************************************************** */
/* ************************ Model Info  *************************** */
/* **************************************************************** */
#models { float:right; width:200px; padding:60px 0 0 0; color:#56595C;}
.model { background:#0F2442; margin:0 0 15px 0px; padding:0 0 10px 0px;}
.model h1 { font-size:70%; color:#fff; text-transform:uppercase;  background:#15315B; margin:0 0 2px 0; padding:10px 0 10px 15px; line-height:100%; border-bottom:2px solid #081322;}
.model p { font-size:70%; color:#fff; line-height:150%; background:#0F2442; margin:0 0 2px 0; padding:5px 15px 0 15px;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:320px; width:880px; background:#EE1A29; border:1px solid #EE1A29; margin:35px 0 0 0; padding:10px 10px 0 10px; }
#quicklinks h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:140%; font-weight:normal; border-bottom:1px solid #F46A74; width:200px; padding:0 0 3px 0; margin:0 0 20px 0; line-height:100%;}
#quicklinks h2 { color:#fff; font-size:100%; font-weight:bold; padding:0 0 10px 0; margin:0 0 0px 0;}
#quicklinks h3 { color:#fff; font-size:100%; font-weight:bold; padding:20px 0 10px 0; margin:0 0 0px 0;}
#quicklinks p, .contacts { color:#fff; font-size:70%; font-weight:normal; padding:0 0 2px 0; margin:0 0 0px 0; line-height:160%; }
#quicklinks a:link, #quicklinks a:visited { border-bottom:1px solid #F46A74; text-decoration:none; color: #fff; padding:0 0 1px 0; margin:0 0 2px 0; }
#quicklinks a:hover, #quicklinks a:active { border-bottom:1px solid #fff; text-decoration:none; color: #fff; padding:0 0 1px 0; margin:0 0 2px 0; }
.links1 { float: left; width:170px; padding:0px 20px 0 0; background:url(../images/line.jpg) no-repeat right; height:215px;}
.links2 { float: left; width:140px; padding:0px 20px 0 0; background:url(../images/line.jpg) no-repeat right; height:21px;}
.links4 { float: right; width:195px; padding:0px 20px 0 0; height:245px;}
.notice { color:#666666; font-size:111%;font-weight:normal; padding:7px 0 0 0; font-style:italic;}
.date { color:#fff; font-size:70%; font-weight:normal; margin:-12px 0 10px 0; font-style:italic;}
.update { color:#666666; font-size:70%; font-weight:normal; padding:0px 0 20px 0; font-style:italic;}


#quicklinks ul { margin:0px; padding:0px 0 10px 0px;font-size:70%;line-height:140%;list-style:none;}
#quicklinks li {margin:0px; padding:0px 0 5px 15px;background: url(../images/bullet.jpg) no-repeat left 5px;list-style:none; color:#fff;}
/*#quicklinks li a {text-decoration: none; border-bottom: 1px solid #333333;}
#quicklinks li a:hover, #quicklinks li a:active {text-decoration: none; border-bottom: 1px solid #CC0000;}*/

/* **************************************************************** */
/* ************************** Footer ****************************** */
/* **************************************************************** */
#footer {background:url(../images/btm-bg.jpg) no-repeat; width: 922px; padding: 50px 0px 60px 0px; margin:0 auto;color:#ffffff;  line-height:140%; text-align:left; }
#footer p { color:#4C5A6B; font-size:70%; font-weight:normal; padding:0 0 0px 0; margin:0 0 0px 0; line-height:130%; }
#footer-left { float:left; }
#footer-right { float:right; text-align:right; }
#footer a:link, #footer a:visited { border-bottom:1px solid #4C5A6B; text-decoration:none; color: #4C5A6B; }
#footer a:hover, #footer a:active { border-bottom:1px solid #607288; text-decoration:none; color: #4C5A6B; }

/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; font-family:Arial, Helvetica, sans-serif;}
#forms p { margin: 0px; padding: 0px 0px 15px 0px; color: #333; line-height:100%; }
#forms h1 {color: #F00000; font-size:75%; padding: 0px 0 2px 0; font-weight:bold; border-bottom:1px solid #999; margin:0 0 10px 0; text-transform:none; width:auto; line-height:150%;}
#forms h2 {color: #F00000; font-size:75%; padding: 10px 0 2px 0; font-weight:bold; border-bottom:1px solid #999; margin:0 0 10px 0; text-transform:none; width:auto; line-height:120%;}
#forms ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#forms li { display:block; list-style: none; width:246px; height:128px; padding: 0 0px 20px 0;}
#forms li img { display:inline; border:none; list-style: none; margin:0 -4px 0 0;}
#forms a:link, #forms a:visited { border-bottom:1px solid #EE1A29; color:#EE1A29; }
#forms a:hover, #forms a:active 
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 145px; display: block; float: left; padding: 3px 15px 10px 0px; text-decoration: none; margin:0px;}
.formcell2 { width: 145px; display: block; float: left; padding: 3px 15px 0px 0px; text-decoration: none; margin:0px;}
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #000; font-size:70%;padding: 0 0 5px 0; font-weight:bold;}
.form_hdr2 {color: #fff; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #8493A8; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #666; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#081322;}
.select { border:none; width:130px; padding:5px; border:1px solid #204A84; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#081322;}
.button {  background:#8B0C0D; color:#fff; border:none; font-size:11px; padding:5px; width:70px;}
.dropdown {height:22px; width:130px; border:1px solid #204A84;  background:#fff; color:#081322; font-size:8pt;} 
.selectwide { border:none; padding:5px; border:1px solid #204A84;  background:#fff; color:#081322; font-size:8pt;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #666;  background:#fff; font-size:8pt; color:#081322;}


/* **************************************************************** */
/* ************************* finance calc ************************* */
/* **************************************************************** */
#inventory-finance input, #inventory-finance select { width:150px; margin-bottom:6px; }
#fincalc2 input, #fincalc2 select { width:100px !important; display:block; float:left; }
#fincalc2 label { clear:left; width:180px !important; padding-left:0px; display:block; float:left; margin-bottom:10px; }
#submit1 { margin-bottom:12px !important; }
#fincalc2 input.repay { background-color:#fff; border:0 none; color:#333; font-size:1em; font-weight:bold; width:100px; }
input.finbutton {background-color:#EE1A29; border:medium none; color:#333; padding:5px; font-size:8pt; font-weight:bold;}


/* **************************************************************** */
/* ************************* Inventory **************************** */
/* **************************************************************** */
.price { width: 800px;font-size: 90%; padding:0 0 20px 0; margin: 0px; background-color: #1B1B1B; }
.price th { color: #FFFFFF; text-transform: uppercase; text-align: left; padding:8px;  background:#212121;}
.price td { font-size: 75% !important; color: #cccccc; padding:8px;color: #ffffff;border-bottom:1px solid #212121;  }

.CPListingText, .CPFormText, .maincontentpreowned, .CPCategoryTree { font-size:10pt; color:#333; }
.CPColTitle  { font-size:10pt; font-weight:bold; color:#CCCCCC; }
.CPColTitle b {color:#8B0C0D !important;}
.maincontentpreowned b {color:#CCCCCC !important;}
.CPNavTree a {border-bottom:1px dotted #FFFFFF; color:#FFFFFF; text-decoration:none;}
.CPListingText a {border-bottom:1px solid #999; color:#666; text-decoration:none;}
.CPListingText a:hover {border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none;}
.CPPlainText { font-size:10pt; font-weight:bold; color:#FFFFFF; }
.CPPlainText b { color:#CCC; }
.CPPlainText a {border-bottom:1px dotted #FFFFFF; color:#FFFFFF; text-decoration:none;}
.CPPlainText a:hover {border-bottom:1px dotted #FFF; color:#FFF; text-decoration:none;}
.CPDetailsTable td {height:20px;}
.tr-inventory td {border-bottom:1px solid #CCCCCC;line-height:140%;}
.tr-inventory2 td {border-bottom:1px solid #CCCCCC;padding:5px;line-height:140%;}.
.XUDLink, .XUDLink p {font-size:9pt !important;}
.ftr { clear:both; font-size:8pt; color:#333; }
.CPListingText img a , .CPFormText img a, .maincontentpreowned img a, .CPCategoryTree img a, .CPPlainText img a, .CPColTitle img a, .XUDLink img a, .specs td img a, .specs img a, .specs th img a {!important border:none;}
.buildfooter {font-size: 80%; color: #777777; margin-bottom: 15px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.inventory-tablerow td {border-bottom:1px solid #CCC; padding-top:10px; padding-bottom:6px;}

.carTitle { width:600px !important; }
.carNotes { color:#6A7077; font-weight:bold; font-size:10pt; }
.carNotesLink { font-size:8px; color:#09F; }
.carSmallLinks { color:#F57301; font-size:9px; }
.mylistbutton { font-size:11px; font-weight:normal; overflow:visible; padding:5px; background:#EE1A29; color:#FFF; border:medium none;}
.mylistRemove { padding-left:4px; }
.mylistRemove a { padding:2px; background-color:#0099FF; color:#FFFFFF; font-size:9px; font-weight:bold; text-decoration:none; }
.CPPagingNav { font-size:10pt; font-weight:bold; color:#333333; }
.CPPagingNav a { color:#09F; }
a.splashMore { text-decoration:none !important; font-size:0.9em !important; }
a.splashMore:hover { text-decoration:underline; }