/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                               ~
~  CDC Car Dealership CMS Stylesheet            ~
~  For Use With SCREEN                          ~
~                                               ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ----------------------------------------------
|                                               |
|  HTML Tag Overrides - Global                  |
|                                               |
------------------------------------------------*/

a:link {
	color: #321;
}

a:visited {
	color: #321;
}

a:hover {
	color: #321;
}

a:active {
	color: #321;
}

body {
	background-color: #321;
	background-image:  url("/images/body_bg.gif");
	background-repeat: repeat-y;
	color: #333;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 76%; 
}

img {
	border: 0px;
}

.nowrap {
	white-space: nowrap;
}

/* ----------------------------------------------
|                                               |
|  CONTAINER                                    |
|                                               |
-----------------------------------------------*/

#container {
	margin: 0px;
	padding: 0px;
	width: 995px;
}

/* ----------------------------------------------
|                                               |
|  COLUMN ONE                                   |
|                                               |
-----------------------------------------------*/

#columnone {
	position:absolute;
	top: 0px;
	left: 0px;
	font-size: 1em;
	width: 200px;
}

/* ----------------------------------------------
|                                               |
|  Column One Logo                              |
|                                               |
-----------------------------------------------*/

#columnone #logo {
	height: 165px;
}

/* ----------------------------------------------
|                                               |
|  Column One Navigation                        |
|                                               |
-----------------------------------------------*/

#columnone #navigation {
	background-image:  url("/images/backgrounds/navigation_bg.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 10px 0px 15px 0px;
}

#columnone #navigation h1.link {
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	text-transform: uppercase;	
}

#columnone #navigation h1.link a {
	color: #fff;
	display: block;
	font-size: 1em;
	height: 15px;
	margin: 0px 0px 2px 0px;
	padding: 2px 3px 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#columnone #navigation h1.link a:hover {
	background-color: #fff;
	color: #321;
}

#columnone #navigation h1.title {
	color: #999;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 2px 5px;
	font-size: 1em;
	text-transform: uppercase;	
}

#columnone #navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#columnone #navigation ul li {
	height: 16px;
}

#columnone #navigation ul li a {
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: bold;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#columnone #navigation ul li a:hover {
	background-color: #fff;
	color: #321;
}

/* ----------------------------------------------
|                                               |
|  Column One Other                             |
|                                               |
-----------------------------------------------*/

#columnone #other {
	padding: 5px 0px 15px 0px;
}

#columnone #other h1.link {
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	text-transform: uppercase;	
}

#columnone #other h1.link a {
	color: #fff;
	display: block;
	font-size: 1em;
	height: 15px;
	margin: 0px 0px 2px 0px;
	padding: 2px 3px 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#columnone #other h1.link a:hover {
	background-color: #fff;
	color: #900;
}

#columnone #other h1.title {
	color: #999;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 2px 5px;
	font-size: 1em;
	text-transform: uppercase;	
}

#columnone #other ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#columnone #other ul li {
	height: 16px;
}

#columnone #other ul li a {
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: bold;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#columnone #other ul li a:hover {
	background-color: #fff;
	color: #900;
}

/* ----------------------------------------------
|                                               |
|  COLUMN TWO                                   |
|                                               |
-----------------------------------------------*/

#columntwo {
	position:absolute;
	top: 0px;
	left: 200px;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	width: 830px;
}

#columntwo fieldset {	
	color: #333;
	border-top: 1px solid #999;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin: 0px 15px 15px 15px;
}

#columntwo legend {
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 4px 5px;
	padding: 0px 2px 0px 2px;
	text-transform: uppercase;
}

#columntwo span.reduced_price {	
	color: #c00;
}

/* ----------------------------------------------
|                                               |
|  COLUMN TWO Contact Info                      |
|                                               |
-----------------------------------------------*/

#columntwo #contactinfo {
	background-color: #000;
}

#columntwo #contactinfo p {
	color: #fff;
	margin: 0px;
	padding: 5px 0px 5px 5px;
}

/* ----------------------------------------------
|                                               |
|  COLUMN TWO Splash                            |
|                                               |
-----------------------------------------------*/

#columntwo #title {
	background-color: #000;
	padding: 10px 0px 5px 0px;
	text-align: center;
	width: 840px;
}


/* ----------------------------------------------
|                                               |
|  Column Two Form                              |
|                                               |
-----------------------------------------------*/

#columntwo form {	
	margin: 0px 0px 0px 0px;
}

#columntwo input {	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo select {	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo textarea {	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Header Controls                   |
|                                               |
-----------------------------------------------*/

#columntwo h1 {	
	color: #321;
	font-size: 1.6em;
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 2px 5px;
}

#columntwo h2 {
	border-bottom: 1px solid #666;
	color: #321;
	font-size: 1.2em;
	margin: 0px 0px 4px 10px;
	padding: 2px 3px 2px 5px;
}

#columntwo h3 {	
	color: #090;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	padding: 2px 3px 2px 5px;
}

/* ----------------------------------------------
|                                               |
|  Column Two List                              |
|                                               |
-----------------------------------------------*/

#columntwo ul {
	list-style-type: square;
	margin: 3px 0px 0px 25px;
}

#columntwo ul li {
	color: #333;
	margin: 0px 0px 2px 0px;
}

#columntwo ul li a:link {
	color: #321;
	text-decoration: underline;
}

#columntwo ul li a:visited {
	color: #321;
	text-decoration: underline;
}

#columntwo ul li a:hover {
	background-color: #fff;
	color: #321;
	text-decoration: none;
}

#columntwo ul li a:active {
	color: #321;
	text-decoration: underline;
}

/* ----------------------------------------------
|                                               |
|  Column Two Paragraph Controls                |
|                                               |
-----------------------------------------------*/

#columntwo p {	
	color: #333;
	font-size: 1em;
	margin: 0px 0px 7px 0px;
	padding: 2px 3px 2px 15px;
}

#columntwo p img {
	padding: 0px 5px 5px 5px;
}

/* ----------------------------------------------
|                                               |
|  Column Two Table                             |
|                                               |
-----------------------------------------------*/

#columntwo table {
	background-color: #fff;
	border: 1px solid #ccc;
	border-collapse: collapse;	
	color: #333;
	margin: 0px 15px 15px 15px;
	width: 95%;
}

#columntwo table caption {
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 3px 5px;
	text-align: left;
	text-transform: uppercase;
}

#columntwo table tr {
	height: 25px;
}

#columntwo table tr.altrow1 {	
	background-color: #fff;
}

#columntwo table tr.altrow2 {	
	background-color: #eee;
}

#columntwo table th {	
	background-color: #ddd;
	padding: 0px 0px 0px 7px;
	text-align: left;
}

#columntwo table td {	
	padding: 0px 0px 0px 7px;
	text-align: left;
}

#columntwo table td select {	
	margin: 4px 0px 0px 0px;
}

#columntwo table td img {	
	margin: 4px 0px 4px 0px;
}

#columntwo table td.action {	
	width: 80px;
}

/* ----------------------------------------------
|                                               |
|  Column Two Regular Element                   |
|                                               |
-----------------------------------------------*/

#columntwo div.element_regular {
	clear: both;
	margin: 0px 0px 5px 0px;
}

#columntwo div.element_regular div.label {	
	font-weight: bold;
	padding: 0px 10px 0px 0px;
}

#columntwo div.element_regular div.data {	
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

#columntwo div.element_regular div.data input {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_regular div.data select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_regular div.data textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Regular Button                    |
|                                               |
-----------------------------------------------*/

#columntwo div.buttons_regular {	
	clear: both;
	margin: 0px 0px 5px 15px;
}

#columntwo div.buttons_regular input {	
	background-color: #333;
	border: 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 10px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 5em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Search                            |
|                                               |
-----------------------------------------------*/

#columntwo #search {
	background-color: #ddd;
	border: 1px solid #ccc;
	margin: 0px 15px 15px 15px;
	padding: 10px 0px 5px 0px;
	clear: right;
}

#columntwo div.element_search {
	float: left;
	margin: 0px 0px 5px 0px;
}

#columntwo div.element_search div.label {	
	float: left;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
	text-align: right;
	width: 80px;
}

#columntwo div.element_search div.data {	
	margin: 0px 0px 0px 0px;
}

#columntwo div.element_search div.data input {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_search div.data select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_search div.data textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Search Button                     |
|                                               |
-----------------------------------------------*/

#columntwo div.buttons_search {
	margin: 0px 0px 5px 132px;
}

#columntwo div.buttons_search input {	
	background-color: #333;
	border: 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 10px 0px 4px;
	padding: 3px 3px 3px 3px;
	width: 5em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Home                              |
|                                               |
-----------------------------------------------*/

#columntwo div.element_home {
	float: left;
	margin: 0px 0px 10px 0px;
}

#columntwo div.element_home div.label {	
	color: #000;
	font-weight: bold;
	padding: 0px 10px 2px 10px;
	width: 80px;
}

#columntwo div.element_home div.data {	
	margin: 0px 0px 0px 10px;
}

#columntwo div.element_home div.data input {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_home div.data select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#columntwo div.element_home div.data textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Home Button                       |
|                                               |
-----------------------------------------------*/

#columntwo div.buttons_home {
	float: left;
	margin: 12px 0px 5px 0px;
}

#columntwo div.buttons_home input {	
	background-color: #000;
	border: 0px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px 10px 0px 12px;
	padding: 3px 3px 3px 3px;
	width: 4.6em;
}

/* ----------------------------------------------
|                                               |
|  Column Two Error Message                     |
|                                               |
-----------------------------------------------*/

#columntwo #errormessage {
	background-color: #fff;
	background-image:  url("/images/icons/icon_error.gif");
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border: 1px solid #c00;
	color: #c00;
	margin: 4px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
}

#columntwo #errormessage p {
	color: #c00;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

#columntwo #errormessage ul {
	list-style-type: square;
	margin: 3px 0px 0px 25px;
}

#columntwo #errormessage ul li {
	color: #c00;
	margin: 0px 0px 2px 0px;
}

/* ----------------------------------------------
|                                               |
|  Column Two Info Message                      |
|                                               |
-----------------------------------------------*/

#columntwo #infomessage {
	background-color: #fff;
	background-image:  url("/images/icons/icon_info.gif");
	background-position: 5px 5px;
	background-repeat: no-repeat;
	border: 1px solid #039;
	color: #039;
	margin: 4px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
}

#columntwo #infomessage p {
	color: #039;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

#columntwo #infomessage ul {
	list-style-type: square;
	margin: 3px 0px 0px 25px;
}

#columntwo #infomessage ul li {
	color: #039;
	margin: 0px 0px 2px 0px;
}

/* ----------------------------------------------
|                                               |
|  Column Two Footer                            |
|                                               |
-----------------------------------------------*/

#columntwo #footer {
	clear: both;
	color: #333;
	padding: 0px 5px 15px 5px;
}

#columntwo #footer p {
	font-size: 0.8em;
	margin: 0px;
	padding: 5px 1px 5px 1px;
}