/* ------------------------------
Reset Css
------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,html,body,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
fieldset,img {border:0;} ol,ul {list-style:none;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;} :focus {outline: 0;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;}
/* ------------------------------
+ Layout
------------------------------ */
html, body { background:#E4ECEF url(images/bg/bg.jpg) repeat-x; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#FFFFFF; text-align: left; margin:0;padding:0;}
#layout-cell {width:886px; margin:0 auto; margin-bottom:35px; position:relative; height:auto !important; height:100%; min-height:100%; overflow:visible;}
/* ------------------------------
+ Header
------------------------------ */
#header {width:auto; display:block; height:130px; background:url(img/bg/header-bg.jpg) repeat-x;}
/* ------------------------------
- Logo
------------------------------ */
#header h1      {margin:36px 0 0 0; float:left; clear:right;}	
#header h1 a    { background:url(images/logo/logo.gif); width:279px; height: 60px; text-indent:-2000px; display:block;}

#header .address, .address2 {float: right;	height: auto; width: 270px;	clear: right; margin:21px 0 0 0;}
/* ------------------------------
+ Navigation Bar
------------------------------ */
#navbar               {width:auto; display:block; height:47px;}
#navbar span          {display: none;}
#navbar li, #navbar a {height:47px; display:block;}
#navbar li            {float:left;list-style:none;display:inline;}
/* -----------------
- Navigation Iamge
----------------- */ 
.navbar-home, #Home a             {width:85px; background-image:url(images/nav/home.gif); }
.navbar-mazda, #Mazda a           {width:143px; background-image:url(images/nav/new-mazda-vehicles.gif); }
.navbar-usedstk, #Usedstk a       {width:143px; background-image:url(images/nav/used-vehicles-stock.gif); }
.navbar-finance, #Finance a       {width:77px; background-image:url(images/nav/finance.gif); }
.navbar-service, #Service a       {width:110px;	background-image:url(images/nav/service-parts.gif); }
.navbar-specials, #Specials a     {width:115px;	background-image:url(images/nav/online-specials.gif); }
.navbar-reward, #Contact a         {width:213px; background-image:url(images/nav/reward-club.gif); }
/* -----------------
- Navigation Hover
----------------- */
.navbar-home a:hover, #Home a            {background:url(images/nav/home.gif) 0px -47px no-repeat; }
.navbar-mazda a:hover, #Mazda a          {background:url(images/nav/new-mazda-vehicles.gif) 0px -47px no-repeat; }
.navbar-usedstk a:hover, #Usedstk a      {background:url(images/nav/used-vehicles-stock.gif) 0px -47px no-repeat; }
.navbar-finance a:hover, #Finance a      {background:url(images/nav/finance.gif) 0px -47px no-repeat; }
.navbar-service a:hover, #Service a      {background:url(images/nav/service-parts.gif) 0px -47px no-repeat; }
.navbar-specials a:hover, #Specials a    {background:url(images/nav/online-specials.gif) 0px -47px no-repeat; }
.navbar-reward a:hover, #Contact a        {background:url(images/nav/reward-club.gif) 0px -47px no-repeat; }
/* ------------------------------
+ Sliding Gallery 
------------------------------ */



#data-module {height: auto;	width: 870px; display:block; background:url(images/bg/data-module-bg.png);	padding: 8px; overflow:hidden;}
.m-1         {height: 280px; width: 290px; background:url(images/bg/m-1-bg.gif) ;}
.m-2         {height: auto; width: 870px; background-color:#EEF6F9; }
#content { width:800px; margin:20px 30px 20px 30px;}

/* ------------------------------
+ Sliding Gallery 
------------------------------ */

/* ------------------------------
- Minisearch
------------------------------ */

/* ------------------------------
+ Thumbnail
------------------------------ */
.new li, .new a, .ncd li, .ncd a   {width:255px; height:205px; display:block; text-indent:-2000px; }
.ncd li, .ncd a         { width:248px !important; height:99px!important;}
.new-vehciles          {background-image:url(images/thumb/online-specials.gif);}
.new-vehciles a:hover  {background-image:url(images/thumb/online-specials-o.gif);}
.ncr                   {background-image:url(images/thumb/ncr.gif);}
.ncr a:hover           {background-image:url(images/thumb/ncr-o.gif);}
.dm                   {background-image:url(images/thumb/dm.gif);}
.dm  a:hover          {background-image:url(images/thumb/dm-o.gif);}
.ncs                   {background-image:url(images/thumb/ncs.gif);}
.ncs  a:hover          {background-image:url(images/thumb/ncs-o.gif);}
.map          {background-image:url(images/thumb/map.gif);}
.map a:hover  {background-image:url(images/thumb/map-o.gif);}
.rewards          {background-image:url(images/thumb/rewards.gif);}
.rewards a:hover  {background-image:url(images/thumb/rewards-o.jpg);}
.margin { margin:7px 15px 0 15px;}
/* ------------------------------
+ Footer
------------------------------ */
* html div#flink {padding-top:41px;}
#footer          { background:url(img/bg/footer-bg.jpg) repeat-x; height:123px; width:auto; display:block;}
#flink           {text-align:center;	font-size:10px;	padding-top:20px;	color:#333;	height:70px; background:url(images/bg/footer-bg.gif) no-repeat 50% 62% ;}
#flink ul        {margin: 1.15em 0; padding: 0 3px; list-style: none;}
#flink li        {display: inline;  margin: 0; padding: 0 0.2em 0 0.5em; background: url(images/icons/line.gif) left center no-repeat;}
#flink .first    {padding-left: 0; border: 0; background: none;}
#flink a         {font-size:10px;}
/* ------------------------------
+ HTML REDEFINE TAGS
------------------------------ */
h1 {font-size:14px;}
h1.index,h1.heading { padding:25px 0 17px 0; font-size:13px; font-weight:bold;} 
h1.heading { padding:0px 0 17px 0; font-size:17px;} 
h2.title {font-size:12px; color:#3B3D3D; font-weight:bold; padding:15px 0 9px 15px;} 
h2 {font-size:11px;	color:#FFF; font-weight:bold;}
h3 {font-size:12px;	color:#FFF; font-weight:bold; padding:5px 0 2px 0;}
h4 {font-size:11px;	color:#FFF; padding:8px 0 2px 0;}
a:link, a:visited{color:#333; text-decoration:none; font-weight:bold;}
a:hover, .active{text-decoration:underline; color:#990000; font-weight:bold;}
p.blue, .blue a:link {color:#FFF; font-weight:bold;}
p.text, p.normal, p.title  {padding-bottom:5px; color:#3B3D3D; border-bottom:dotted 1px #B7BBBA; margin:5px 15px 0 15px; font-weight:bold;}
p.title                    {font-weight:normal;}
p.normal                   {border-bottom:none; font-weight:normal; padding-bottom:2px;}
.white  {color:#FFFFFF;}
.bold {font-weight:bold;}
.i    {font-style:italic;}
.t-alight    {text-align:right;}
.t-center, .panel    {text-align:center;}
.points{color:#990000; font-weight:bold;}
p.small {font-size:9px; color:#FFF; margin-top:15px; border-top:dotted 1px #B7BBBA; padding-top:10px;}

/* ------------------------------
+ Global CSS 
------------------------------ */
.float-left     { float:left;}
.float-right    { float:right;}
.clear-left     { clear:left;}
.clear_right    { clear:right;} 
.clear_none     { clear:none;}
.a-height       {height:auto;}
.fl-cr,.ser, .fin { float:left; clear:right;}
.fr-cl          { float:right; clear:left;}
.cursor         { cursor:pointer;}
/* ------------------------------
+ ie 6 Png Fix
------------------------------ */


div.block    {clear:both; display:block;}

#slider, .banner {
	height: 225px;
	width:870px;
	margin-top: 30px;
	margin-bottom: 55px;
	display:block;
	float:left;
	padding:8px;
	background: #FFFFFF;
}
#slide {
	float: left;
	height: 225px;
	width: 870px;
}

.banner {height: 185px !important; margin-bottom: 30px!important;}

/* ------------------------------
+ ie 6 Png Fix
------------------------------ */
* { behavior: url(iepngfix.htc); }
.b-img, .services {
	height: 185px;
	width: 870px;
	float: left;
	
}
.con {background-image:url(images/banners/7.jpg)!important;}
.newm {background-image:url(images/banners/1.jpg)!important;}
.services {background-image:url(images/banners/2.jpg)!important;}
.usedv {background-image:url(images/banners/3.jpg)!important;}
.onlinesp {background-image:url(images/banners/4.jpg)!important;}
.jrew {background-image:url(images/banners/5.jpg)!important;}
.fin {background-image:url(images/banners/6.jpg)!important;}
.text-left {
	width: 360px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
/* ------------------------------
+ Forms
------------------------------ */
.spacer   {clear:both;height:4px;}
.left_col,.left_col1, .left_col2 {
	clear: right;
	float: left;
	height: auto;
	width: 135px;
}
.left_c {width: auto;}
.left_col1 {
	width: 270px;
	padding-left: 15px;
	padding-top: 8px;
}
.left_col2 {width: 145px;}
.p_right  {padding-right:10px;}
.p-left   {padding-left:27px;}
.b_box    {float: right; height: auto; width: 77px;	margin-left: 15px;}
#contactFormArea input:focus, #contactFormArea textarea:focus, #contactFormArea select:focus { background-color:#FFFFCC;}
#contactFormArea, #tradinghours, #animate, .box, .big-box {
	border:dotted 1px #B7BBBA;
	background-color:#EAF3F6;
	width:425px;
	padding:14px;
	margin: 10px 0 15px 0;
}
#contactFormArea h1 {font-size:12px; font-weight:bold; padding:0 0 8px 0;}
#contactFormArea p, #tradinghours p, .big-box p, .box p {margin:0 0 6px 0; border-bottom:dotted 1px #B7BBBA; padding:0 0 4px 0;}
#contactFormArea label {display:block; text-align:left;	width:130px; float:left; font-size:10px; padding-bottom:2px;}
#contactFormArea input, textarea, select {float:left ; font-size:11px; border:solid 1px #B7BBBA;	width:127px; _width:auto; !important; padding:1px 2px; margin-bottom: 5px;}
.textarea1 {float:left; font-size:11px; border:solid 1px #B7BBBA;	width:100% !important; margin-left: 0px;	padding:1px 2px; margin-bottom: 5px;}
#contactFormArea select { margin-bottom: 6px; width:131px !important;	height:17px;}
* html div#contactFormArea select {margin-bottom:3px;}	
* html div#contactFormArea textarea {height:96px;}	
#contactFormArea textarea {width:127px; height:96px;	overflow:visible;}
#contactFormArea button { background-color:#8F1F28; clear:both; padding:0 0 0px 0;	width:77px;	height:22px; text-align:center;	line-height:22px;	color:#FFFFFF;	font-size:11px;	font-weight:bold; border:none;	margin-top:10px;}
.calculator label {	display:block !important;}
* html div#contactFormArea .checkbox {width:15px!important;height:15px;}	
#contactFormArea .checkbox { width:13px!important;height:12px;}
/* ------------------------------
- Form Animation
------------------------------ */
.message  {display:none;}
.g-font-s {font-size:11px;}
.list li  {list-style-image:none; list-style-position:inside; list-style-type:disc!important;}
/* ------------------------------
+ Global CSS 
/* ------------------------------
+ Bullet Points
------------------------------ */
.icon ul, .icon-2 ul   {list-style-type: none;}
ul.icon li {padding: 0px 0px 0px 25px;background:url(images/icons/bullet.gif) no-repeat;margin: 0 0 3px 0px;}
ul.icon-2 li {padding: 0px 0px 0px 25px;background:url(images/icons/astric.gif) no-repeat;margin: 0 0 3px 0px;}
/* ------------------------------