@charset "UTF-8";







/* A variation on Eric Meyer's CSS Reset:



   This is disabled because the Blueprint framework already has it.



   You should enable it if you aren't using Blueprint. */







html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  padding: 0;

}



dd {

  position:relative;

  top:-21px;

  text-align:right;

  padding-right:10px;

  color:#fff;

}



.article-info-term {

  display:none;

  position:relative;

  top:-20px;

  width:0;

  height:0;

}



body {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse:collapse;

  border-spacing: 0;

}



/*caption, th, td {



  text-align: left;



  font-weight:bold;



  color: #99965C;



} */



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

}



blockquote, q {

  quotes: "" "";

}



abbr,acronym {

  border:0;



}



/*****************************/



/*** Core html setup stuff ***/



/*****************************/







html {

  height: 100%;

  margin-bottom: 0px;

}







form {

  margin: 0;

  padding: 0;

}



a:hover {

  text-decoration: underline;

  font-weight: normal;

}



p {

  margin: 0px 0px 20px;

}



img { border: 0 none; }



/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */



/* Text styles */



/*.blog-featured h2 {



  margin-top: 1em;



  font-size: 1.3em;



  margin-bottom: 1em;



} */



p.readmore {

  text-indent:0;

  font-size: .9em;

}



.joomla-footer {

  font-size: .9em;

  margin-bottom: 30px;

}



/* Article functions */



ul.actions {

  clear:both;

  margin-top: -50px;

  float:right;

}



ul.actions li {

  list-style-type: none;

  float:right;

  margin-left: 10px;

}



/* Login styles */

p#form-login-username label, p#form-login-password label {

  width: 160px;

  display:block;



}



p#form-login-remember label {

  font-size: .9em;

  font-weight: normal;

  line-height: 25px;

}



p#form-login-remember input {

  float:left;

  margin-right: 5px;

}



form#form-login ul {

  margin: 0;

  padding: 0;



}



form#form-login ul li {

  list-style-type: none;

  margin-left: 20px;

  font-size: .9em;



}



.footer-wrapper {

  width: 558px;

  margin-right: auto;

  margin-left: auto;

  text-align:center;

}



#page_bk {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #FFF;

  margin-top: 7px;

  background: #222b3c url(../images/site-background.png) repeat-x left top;

}



#page_bg-content {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #FFF;

  margin-top: 7px;

  background: #222b3c url(../images/content-background.jpg) repeat-x left top;



}



#page-header {

  width: 100%;

  border-bottom: 2px solid #FFF;

  height: 84px;

  display: block;

}



.moduletable-freecall {

  float: left;

  margin: 0px 13px;

  position: absolute;

  top: 61px;

  color: #FFF;

  font-size: 1.2em;

  z-index: 1;

}



.moduletable-locations  { 

  position: relative;

  top: 13px;

  margin: 0px;

  font-size: 0.8em;

  line-height: 1.3em;  



}



.moduletable-locations h1 {

  font-weight: bolder; font-size: 1.1em;

}







div.moduletable, div.module {

  margin: 0px;

  padding: 0px;

}



.moduletable-footer {

  left: 645px;

  top: 10px;

  position: relative;

  width: 320px;

  margin: 0px;

  padding: 0px;

} 



.menu, .menu-nav {

  margin:  0px;

  font-size: 0px;

}



.menu ul, .menu-nav ul {

  margin: 0px;

  list-style-position: inside;

}



.menu li, .menu-nav li {

  float: none;

  list-style: none;

  text-decoration: none;

}



.menu li a, .menu li a:link, .menu li a:visited {

    padding:5px 5px 15px 5px;

}



.menu li a:hover, .menu-nav li a:hover {

  text-decoration: underline;



}



.menu li.item-435 a, .menu li.item-435 a:link, .menu li.item-435 a:visited { display: none; }





/* Menu buttons Brighton Automotive */



.menu li.item-468 a, .menu li.item-468 a:link, .menu li.item-468 a:visited {

  display:block;

  float: none;

  color:#fff;

  font-size:16px;

  font-weight:bold;

  text-transform:uppercase;

  background:url(../images/buttons.jpg) no-repeat;

  height:59px;

  width:195px;

  border-top:1px solid #B3B3B3;

  border-left:1px solid #B3B3B3;

  border-right:1px solid #B3B3B3;

  

}





.menu li.item-468 a:hover { 



  background:url(../images/buttons.jpg) no-repeat;

  color:#3FA9F5;

}



.menu li.item-469 a, .menu li.item-469 a:link, .menu li.item-469 a:visited {

  display:block;

  float:none;

  color:#fff;

  font-size:16px;

  font-weight:bold;

  text-transform:uppercase;

  background:url(../images/buttons.jpg) no-repeat;

  height:59px;

  width:195px;

  border-top:1px solid #B3B3B3;

  border-left:1px solid #B3B3B3;

  border-right:1px solid #B3B3B3;

}



.menu li.item-469 a:hover { 

  background:url(../images/buttons.jpg) no-repeat;

  color:#3FA9F5;

}



.menu li.item-470 a, .menu li.item-470 a:link, .menu li.item-470 a:visited {

  display:block;

  float:none;

  color:#fff;

  font-size:16px;

  font-weight:bold;

  text-transform:uppercase;

  background:url(../images/buttons.jpg) no-repeat;

  height:59px;

  width:195px;

  border-top:1px solid #B3B3B3;

  border-left:1px solid #B3B3B3;

  border-right:1px solid #B3B3B3;

}



.menu li.item-470 a:hover {

  background:url(../images/buttons.jpg) no-repeat;

  color:#3FA9F5;

}



.menu li.item-471 a, .menu li.item-471 a:link, .menu li.item-471 a:visited {

  display:block;

  float:none;

  color:#fff;

  font-size:16px;

  font-weight:bold;

  text-transform:uppercase;

  background:url(../images/buttons.jpg) no-repeat;

  height:59px;

  width:195px;

  border:1px solid #B3B3B3;

}



.menu li.item-471 a:hover {

  background:url(../images/buttons.jpg) no-repeat;

  color:#3FA9F5;

}



.moduletable-links {

  margin-top: 5px;

  left: 465px;

  position: relative;

  width: 550px;

  font-size: 0.8em;

  overflow: hidden;

} 



.menu-nav li a, .menu-nav li a:link, .menu-nav li a:visited {

  text-decoration: none;

  width: auto;

  margin: 1px 0px 0px;

  padding: 0px 3px;

  color: #696969;

  height: 33px;

  border-right: 1px solid #696969;



}







/* ----end ---- */







/* ---- Banners ---- */







.home-banner {

  position: absolute;

  top: 95px;



}







div.my_banners {

  position: relative;

  overflow:visible;

  visibility:visible;

  top: 18px;

  padding: 0px 5px 5px 0px;

  margin-bottom: 2px;

  width: 100%;

  height: auto;



}







.bannergroup {

  margin:0px;

  overflow: visible;

  width: 100%;



}











.banneritem h3 {margin-bottom: 15px; font-size: 1.1em;}



.banneritem p { padding: 10px 2px 10px 0px; width: 203px;}







.banneritem{

  margin: 0px 2px 0px 0px;

  padding: 0px;

  float: left;

  clear: right;

}











.banneritem a:hover {

  top: -2px;

  margin: 0px;

  padding: 0px ;

  position: relative;

}



/*---- end ----- */











/* ---- content ---*/







.main-content{



  width: 100%;

  display: inline-block;

  min-height: 430px;

  float: left;

  overflow: visible;

}



  



div.rightcolumn{

  top:15px;

  right: 10px;

  display: block;

  position: inherit;

  overflow: hidden;

  float: right;

  padding: 15px 30px 0px 10px;

  min-height: 380px;

  width: 285px;

  background: url(../images/rightcolumn-bk.jpg) repeat-x left top;



}







#blockrandom {

  position: relative;

  margin-left:-17px;

}







div.blog-specials {

  position: relative;

  height: 1100px;

  margin-left:-17px;

  border: none 0px;

  background: #FFF;

  padding: 10px;

  width: 948px;

  text-align: center;

}







div.site-bottom-content {

  position: inherit;

  bottom: 0px;  

  background: #FFF;

  height: 80px;

  margin-top: -2px;

  margin-left:auto;

  margin-right:auto;

  width: 100%;

}







table.blog span.article_separator {

  height: 0px;

  width: auto;

}







/* ++++++++++++++  blog  ++++++++++++++ */







.cols-1 {

  display: block;

  float: none !important;

  margin: 0 !important;



}







.cols-2 .column-1 {

  width:46%;

  float:left;

}







.cols-2 .column-2 {

  width:46%;

  float:right;

  margin:0



}



.cols-3 .column-1 {

  float:left;

  width:29%;

  padding:0px 5px;

  margin-right:4%

}



.cols-3 .column-2 {

  float:left;

  width:29%;

  margin-left:0;

  padding:0px 5px



}







.cols-3 .column-3 {

  float:right;

  width:29%;

  padding:0px 5px

}



.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3 {

  float:left;

  width:24%;

  margin-top: 0px;

  margin-right: 10px;

  margin-bottom: 0px;

  margin-left: 0px;

  padding-top: 0px;

  padding-right: 5px;

  padding-bottom: 0px;

  padding-left: 5px;



}







.cols-4 .column-4 {

  float:left;

  padding:0px 0px 0px 5px;

}



.items-row {

  overflow:hidden;

  margin-bottom:10px !important;

}



.column-1,  .column-2,  .column-3, column-4, column-5 {

  padding:10px 5px

}



.column-2 {

  width:55%;

  margin-left:40%;

}



.column-3 {

   width:30%

}



.blog img {

   margin: 10px 0px 10px 0px;

}



.blog strong,



.blog h2 {

  background:url(../images/blog_heading.jpg) repeat-x;

  width:900px;

  height:32px;

  color:#FFFFFF;

  font-size:14px;

  color:#FFF;

  margin: 0px 0px 10px 0px;

  padding:6px 0px 0px 10px;



}



.items-row {

  overflow:hidden;

  margin-bottom:5px !important;

}



.column-1, .column-2, .column-3 {padding:10px 5px}



.column-2, column-3{}



.column-4{}



.blog-more {

padding:10px 5px

}



.blog  {

  padding: 0px 0px 10px 0px;

  margin: 0 auto;

  display:block;

}



div.item-page {

  padding:  0px;

  margin: 0px 0px 0px;

  width: 100%;

  height: auto;



/**font-size:10px;**/

}



.item-page img { 



/**margin-right: 20px;**/ margin-bottom: 15px;}







.item-page td {

  vertical-align:top;

}



.item-page input {

margin:5px 10px 5px 20px;



}







/* ++++++++++++++  pagination  ++++++++++++++ */







.pagination {

  margin:10px 0 ;

  padding:10px;



}



.pagination ul {

  list-style-type:none;

  margin:0;

  padding:0;

  text-align:left;

}



.pagination li {

  display:inline;

  padding:2px 5px;

  text-align:left;

  border:solid 0px #eee;

  margin:0 2px

}



.pagenav



{padding:2px}







.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev



{border:0}







.pagination li.pagination-start ,



.pagination li.pagination-start  span{

  padding:0

}



p.counter {

  font-weight:bold;

}



/* ##########################  right  ########################### */