/* Design & Code (c) Kootenay Import Auto Group, Inc. */

/* Table of Contents:

	Global
	Hacks
	Layout
	Navigation
	Typography
	Spacing
	Table
	Form
	Color
*/

/** {  padding: 0; margin: 0; font-family:  Arial, Tahoma, Verdana, Helvetica, Trebuchet MS,   Sans-serif; }*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

html {height:100%; } /* Sets the window height. */

body {  text-align: center; min-height:101%;
/* Prevent content jumping on fixed width pages: Min page height greater than window height forces vertical scrollbar display in Netscape/Firefox -- IE ignores this setting. */ 
height:100%; line-height: 1; color: black; background: white; font:100.01%/130% Arial, Tahoma, Verdana, Helvetica, Trebuchet MS, Sans-serif;
/* Set font-size to a percentage preventing a Windows IE "extreme font re-sizing" bug.
Set font-size slightly larger than 100% to repair Opera rounding errors.
Set less than 101% to prevent Safari errors.
130% line-height setting is an easy-to-read spacing.
*/ 
}


/* Apply left margin:
   Only to the few elements that need it: */
 dd, blockquote {
        margin-left: 1em;
}

a img {border: none; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* hacks 
--------------------------------------------------------------------------------------- 
/*  IE 3 pixel jog fix */
/* hide from MacIE \*/
* #container { margin-left: -3px;}
/* end hide */

/* Layout Styles
--------------------------------------------------------------------------------------- */
#container { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 770px; /*height:100%;*/ padding: 3px; text-align: left; border: 3px solid #E6E6E6; }

/*Masthead*/

#masthead {	width: 770px; height: 60px; border-bottom: medium solid #CCCCCC; background: #ffffff url(../../images/mastheadbg.gif) repeat-x; }
/*
background-color
background-image
background-repeat
background-attachment
background-position
*/
#branding { height: 60px; width: 200px;  float: left; }

#branding h1 {color:white; margin: 10px 10px 0px 10px;}
#branding h2 {color:white; margin: -7px 10px 0px 10px; font-size:1em;}

/*Masthead*/

#navbar    { height: 2.6em; width: 770px; background-color: #999999; font-size: 85%;}

#showcase  { clear: both; height: 260px; width: 770px; background-color: #000000; color: #fff; }

#showcase1 { float: left; height: 260px; width: 200px; background-color: #000000; vertical-align: middle; }

#showcase2  { float: right; height: 260px; width: 435px; background-color: #000000;}

#mainwrapper{ width: 770px; background-color: #fff; clear:both;}

#leftcol	{ height: 100%; width: 200px; float:left; background-color: #ffffff; position:absolute;}

#innerwrap	{ height: 100%; width: 570px; float:right; background-color: #fff; }

#maincontent{ height: 100%; width: 364px; float:left;  background-color: #fff; } 

#rightcol	{ height: 100%; width: 200px; float:right; background-color: #ffffff;}

#rightcol img{
	padding-top:25px;
}

#newcars	{ height: 325px; width: 200px; background-color: #ffffff; overflow:auto;}
#usedcars	{ height: 325px; width: 200px; background-color: #ffffff; overflow:auto;}

#footer 	{ height: ;     width: 770px; clear: both; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-color: #999999; font-size: 75%; text-align: center; color: #464646; border-bottom-width: thick; border-bottom-color:#E6E6E6; border-bottom-style: solid; border-top-width: medium; border-top-color:#E6E6E6; border-top-style: solid; }

#footer a { text-decoration: none; font-weight: bold; }

#ad-block           { margin-top:5px;  height: ; width: 195px; border:2px solid #999999; }
#ad-block h2	    { text-align: center;}
#ad-block h3	    { font-size: 95%;  text-align: center;}
#ad-block img       { display: block; margin-left: auto; margin-right: auto; margin-top: 5px; }
#ad-block a:link    { color: #666666; background-color: #e6e6e6; text-decoration: none;  }
#ad-block a:visited { color: #EEE; background-color: #666666; text-decoration: none;  }
#ad-block a:focus   { color: #000; background-color: #cccccc; text-decoration: none;  }
#ad-block a:hover   { color: #000; background-color: #cccccc; text-decoration: none;  }
#ad-block a:active  { color: #fff; background-color: #808080; text-decoration: none; }

/* Navigation Styles 
--------------------------------------------------------------------------------------- */
/* ###### navbar Navigation Styles ###### */

#navbar ul { margin: 0; padding: 0; list-style: none; width: 770px; white-space: nowrap; }

#navbar li { background-color: #FFFFE6; float: left; font-weight: bold; }

#navbar ul a {
 display: block;
 float: left;
 padding: 0 .25em;
 padding-top: 0em;
 padding-right: .25em;
 padding-bottom: 0em;
 padding-left: .25em;
 width: 104px;
 line-height: 2.85em;
 text-decoration: none;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}

#navbar a:link		{ color: #666666; background-color: #e6e6e6; text-decoration: none; }
#navbar a:visited	{ color: #EEEEEE; background-color: #666666; text-decoration: none; }
#navbar a:focus		{ color: #000000; background-color: #cccccc; text-decoration: none; }
#navbar a:hover		{ color: #000000; background-color: #cccccc; text-decoration: none; }
#navbar a:active	{ color: #ffffff; background-color: #808080; text-decoration: none; }

/* ###### navbar Navigation Styles end ###### */

/* ###### dealers Navigation Styles ###### */
ul#nav {
 padding: 0;
 margin: 0;
 width: 770px;
 height: 60px;
}

ul#nav li {
 float: left;
 text-indent: -9999px;
 list-style-type: none;
}

ul#nav li a {
 border-width: 0;
 display: block;
 text-decoration: none;
 background-image: url(../../images/logo-sprite-nav.gif);
 background-repeat: no-repeat;
}

li#link1 a {
 width: 154px;
 height: 60px;
}

li#link2 a {
 width: 154px;
 height: 60px;
}

li#link3 a {
 width: 154px;
 height: 60px;
}

li#link4 a {
 width: 154px;
 height: 60px;
}

li#link5 a {
 width: 154px;
 height: 60px;
}

li#link1 a:visited {
 background-position: 0px -120px;
}

li#link1 a:hover {
 background-position: 0px  -60px;
}

li#link1 a:focus {
 background-position: 0px  -60px;
}

li#link1 a:active {
 background-position: 0px -180px;
}

li#link2 a:link {
 background-position: -152px    0px;
}

li#link2 a:visited {
 background-position: -152px    0px;
}

li#link2 a:focus {
 background-position: -152px  -60px;
}

li#link2 a:hover {
 background-position: -152px  -60px;
}

li#link2 a:active {
 background-position: -152px -180px;
}

li#link3 a:link {
 background-position: -304px    0px;
}

li#link3 a:visited {
 background-position: -304px    0px;
}

li#link3 a:focus {
 background-position: -304px  -60px;
}

li#link3 a:hover {
 background-position: -304px  -60px;
}

li#link3 a:active {
 background-position: -304px -180px;
}

li#link4 a:link {
 background-position: -456px    0px;
}

li#link4 a:visited {
 background-position: -456px    0px;
}

li#link4 a:focus {
 background-position: -456px  -60px;
}

li#link4 a:hover {
 background-position: -456px  -60px;
}

li#link4 a:active {
 background-position: -456px -180px;
}

li#link5 a:link {
 background-position: -608px    0px;
}

li#link5 a:visited {
 background-position: -608px    0px;
}

li#link5 a:focus {
 background-position: -608px  -60px;
}

li#link5 a:hover {
 background-position: -608px  -60px;
}

li#link5 a:active {
 background-position: -608px -180px;
}

/* Main navigation "active tabs"
--------------------------------------------------------------------------------------- */
body#link1-page ul#nav li#link1 a {
 background-position: -0px -60px;
}

body#link2-page ul#nav li#link2 a {
 background-position: -152px -60px;
}

body#link3-page ul#nav li#link3 a {
 background-position: -134px -60px;
}

body#link4-page ul#nav li#link4 a {
 background-position: -213px -60px;
}

body#link5-page ul#nav li#link5 a {
 background-position: -299px -60px;
}

/*
#dealers ul			{margin: 0; padding: 0; list-style: none; width:770px; background: #FFFFE6; white-space: nowrap;text-align: center;}
#dealers ul li		{display: inline; background-color: #FFFFE6; float:left; width:154px; font-weight: bold;}
#dealers ul a		{display: block; float: left; padding: 0 .25em 0 .25em; line-height: 3.8em; text-decoration: none; width: 146px; color: #001F7A; }
#dealers a:link		{color: #001F7A;background-color: #ffffff;text-decoration: none;}
#dealers a:visited	{color: #001F7A;background-color: #ACB1BF;text-decoration: none;}
#dealers a:focus		{color: #ffffff;background-color: #BFBFAC;text-decoration: none;}
#dealers a:hover		{color: #001F7A;background-color: #D9D9C3;text-decoration: none;}
#dealers a:active		{color: #ffffff;background-color: #BFBFAC;text-decoration: none;}
*/
/* ###### dealers Navigation Styles end ###### */



/* ###### used Navigation Styles ###### */
#usedcars ul, #vehicles ul			{ list-style-type: none; margin: 0px 0px 0px 0px; }

#usedcars ul li, #vehicles ul li 	{ display: inline; /* this gets rid of the gaps in IE */}

#usedcars ul li a, #vehicles ul li a	  { display: block; padding: 0px 12px 0px 12px; border-bottom: medium solid white;}

#usedcars ul li a:link, #vehicles ul li a:link	  { color: #666666; background-color: #e6e6e6; text-decoration: none;  }

#usedcars ul li a:visited, #vehicles ul li a:visited { color: #EEEEEE; background-color: #666666; text-decoration: none;  }

#usedcars ul li a:focus, #vehicles ul li a:focus  { color: #000000; background-color: #cccccc; text-decoration: none;  }

#usedcars ul li a:hover, #vehicles ul li a:hover  { color: #000000; background-color: #cccccc; text-decoration: none;  }

#usedcars ul li a:active, #vehicles ul li a:active  { color: #ffffff; background-color: #808080; text-decoration: none; }


/* ###### used Navigation Styles end ###### */

/* ###### new Navigation Styles ###### */

#newcars ul		  { list-style-type: none; margin: 0px 0px 0px 0px;}

#newcars ul li		  { display: inline; /* this gets rid of the gaps in IE */}

#newcars ul li a 	  { display: block; padding: 2px 12px 2px 12px; border-bottom: medium solid white;}

#newcars ul li a:link	  { color: #666666; background-color: #e6e6e6; text-decoration: none;  }
#newcars ul li a:visited { color: #EEE; background-color: #666666; text-decoration: none;  }
#newcars ul li a:focus	  { color: #000; background-color: #cccccc; text-decoration: none;  }
#newcars ul li a:hover	  { color: #000; background-color: #cccccc; text-decoration: none;  }
#newcars ul li a:active  { color: #fff; background-color: #808080; text-decoration: none; }

/* ###### new Navigation Styles end ###### */



/* ###### Navigation Styles end ###### */

/* Typography 
--------------------------------------------------------------------------------------- */


.tagline	{ font-size: 135%; font-weight: bold; color: #808073; margin-left: 8px; }

.strapline	{ font-size: 100%; font-weight: bold; font-variant: normal; color: #000000; }


h1		{ font-size: 135%; font-weight: bold; color: #333;}

h2		{ font-size: 120%; color: #666666; }

h3		{ font-size: 110%em; color: #B3B3B3; }

h4		{ font-size: 100%; color: #4D4D4D ;}

h5		{ font-size: 100%; }

h6		{ font-size: 100%; }

p		{ font-size: 85%; color: #303040; line-height: 150%; text-align: justify;}

#showcase1 h1 /*.title*/	{ font-size: 150%; font-weight: bold; font-variant: small-caps; color: #FFD700; }

#showcase1 h2	{ font-size: 100%; font-weight: bold; font-variant: normal; color: #ffffff; }

#showcase p { color: #fff; }

address	{ font-size: 90%; color: #303040; line-height: 150%; text-align: justify; font-style: normal;}

small { font-size: 75%;}

ul { margin: 3px 12px 15px 35px; list-style-position: outside; list-style-type: square;font-size: 90%; color: #303040; line-height: 150%; }

ol { margin: 10px 12px 25px 35px; list-style-position: outside; font-size: 90%; color: #303040;}

ol li { margin: 5px 0px 5px 0px; }

dl { font-size: 90%;}

strong{font-weight:bold;}
em { font-style:italic; font-weight:bold;}
#newcars  h2 { color: #999999; font-size: 105%; font-weight:bold;}
#newcars  h3 { color: #B3B3B3; font-size: 100%; font-weight:bold;}

#usedcars h2 { color: #999999; font-size: 105%;}
#usedcars h3 { color: #B3B3B3; font-size: 100%;}


#top		 {margin:0px 12px 0px 12px; text-align: right; font-size: 80%; }

.price {
	font-weight: bold;
	color: #009900;
	display: ;
	visibility: ;
	text-align:right;
}
.pricewc { font-weight: bold; color: #009900; text-align:right; visibility: ;}


/* ###### Spacing 
--------------------------------------------------------------------------------------- */

#showcase1 h1 { margin: 0px 12px 5px 12px; }
#showcase1 h2 { margin: 0px 12px 2px 12px;}
#showcase1 p  { margin: 10px 12px; }

#leftcol h2 { /*padding-bottom: .25em;*/ border-bottom: solid #B3B3B3 2px; }
#leftcol h2, #leftcol h3 {margin: 10px 12px 10px 12px;  }

h1,h3,h4,h5,h6,.strapline, form, dl, address{ /*5px 12px 0px 12px;*/ }

/* Browsers vary top margin on paragraphs/headings:
use bottom margin to separate them from elements below. */
#mainwrapper p,h2,h3,h4,h5,h6,.strapline,address { margin: 15px 25px 25px 25px; }
#mainwrapper h1 { margin: 35px 25px 10px 25px; background-color:#B3B3B3; padding:10px;}
#innerwrap h2 { margin: 0px 25px 0px 25px; background-color:#CCCCCC; padding:5px;}
#innerwrap ol, ul { margin: 0px 25px 20px 55px; }

/* * html #vehicles {position:absolute;} IE only change the position mode of the menu */
#vehicles { position:fixed; left:auto; top:auto; width: 195px; }

hr { margin-top: 0px; margin-right: 12px; margin-bottom: 0px; margin-left: 12px; padding: 0; border-width: 0; color: gray; background-color: gray; height: 1px; }

/* ###### Table 
--------------------------------------------------------------------------------------- */

/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

table {font-size 85%; padding: 0; margin: 10px 25px 12px 25px; border-collapse: collapse; color: #333; background: #F3F5F7; caption-side: bottom;}

table caption {text-align: center; text-transform: uppercase; margin: 10px 12px 0px 12px; font-weight: bold; }


/*
table a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}  

table a:visited {color: #777;}

table a:hover {color: #000;}  
*/

table thead th {background: #999999; padding: 5px 5px; color: #fff; text-align: left; font-weight: bold;}

table tbody, table thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

table tbody {border-bottom: 1px solid #EAECEE;}
                      
table tbody td, table tbody th {padding: 5px; background: url("td_back.gif") repeat-x; text-align: left;}

table tbody tr {background: #F3F5F7;}

table tbody tr.odd {background: #F0F2F4;}

table tbody  tr:hover {background: #EAECEE; color: #111;}

table tfoot td, table tfoot th, table tfoot tr {text-align: center; font: bold 1em; background: #fff; padding: 5px; }

tfoot {margin-bottom: 60px;}


/* Form
--------------------------------------------------------------------------------------- */
form		{font-size: 85%; padding:20px;}
fieldset	{margin: 5px 0px 15px 0px; padding: 5px 5px 10px 5px; border: 1px solid #999999;}
legend		{margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; font-weight: bold; color: #6681cc;}

label		{margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; float: left; display:block; font-weight: ; cursor: pointer; cursor: hand; }
select		{margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; }
input		{margin: 0px 3px  0px 3px; padding: 1px 2px 1px 2px; }
option		{margin: 0px 10px 0px 0px; padding: 1px 2px 1px 2px;}
textarea	{margin: 0px 3px 3px 3px; padding: 1px 2px 1px 2px; width: 127px; font-size: .9em; font-family:Arial, Tahoma, Verdana, Helvetica, Trebuchet MS, Sans-serif;}
button 		{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
form a 		{margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}

/* Color Scheme 
--------------------------------------------------------------------------------------- */

/* ###### For example: "selector  { /* Color: (yellow) */
 {
 color: yellow;
}

/* ###### Red-tint 1 #FF0000 ###### */ 
/* ###### Red-tint 2 #FF2B2B ###### */
/* ###### Red-tint 3 #FF5555 ###### */
/* ###### Red-tint 4 #FF8080 ###### */
/* ###### Red-tint 5 #FFAAAA ###### */
/* ###### Red-tint 6 #FFD5D5 ###### */

/* ###### Red-shade 1 #D50000 ###### */ 
/* ###### Red-shade 2 #AA0000 ###### */
/* ###### Red-shade 3 #800000 ###### */
/* ###### Red-shade 4 #550000 ###### */
/* ###### Red-shade 5 #2B0000 ###### */

/* ###### yellow-shade 1 #E3E300 ###### */ 
/* ###### yellow-shade 2 #C6C600 ###### */
/* ###### yellow-shade 3 #AAAA00 ###### */
/* ###### yellow-shade 4 #8E8E00 ###### */
/* ###### yellow-shade 5 #717100 ###### */
/* ###### yellow-shade 6 #555500 ###### */
/* ###### yellow-shade 6 #393900 ###### */
/* ###### yellow-shade 6 #1C1C00 ###### */

/* ###### Gray 1  #E6E6E6 ###### */
/* ###### Gray 2  #CCCCCC ###### */
/* ###### Gray 3  #B3B3B3 ###### */
/* ###### Gray 4  #999999 ###### */
/* ###### Gray 5  #808080 ###### */
/* ###### Gray 6  #666666 ###### */
/* ###### Gray 7  #4D4D4D ###### */
/* ###### Gray 8  #333333 ###### */
/* ###### Gray 9  #1A1A1A ###### */

/* ###### Color Scheme end ###### */
 {
 " ######*/: ;
}