* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

img {
border: 0;
}

body {
font: 1em/1.2 tahoma, arial, sans-serif;
background: url(/img/general_background.gif) #708fb0 center top; 
color: #000;
}

#wrapper {
margin: 0 auto;
width: 920px;
}

#shell {
padding-left: 10px;
position: relative;
float: left;
width: 910px;
background: url(/img/body_background.gif) #708fb0 center top repeat-y;
height: 100%;
}

h1 {
color: #fff3c5;
font: 1.5em tahoma, arial, sans-serif;
}

h2 {
background: #233f61;
padding: 5px;
padding-bottom: 7px;
color: #fff3c5;
font: 1em tahoma, arial, sans-serif;
font-weight: bold;
margin-bottom: 8px;
}

h2.title {
background: none;
padding: 0;
padding-bottom: 2px;
color: #3e4e66;
font: 1.2em tahoma, arial, sans-serif;
font-weight: bold;
margin-bottom: 6px;
border-bottom: 1px solid #c5c5c5;
}

a {
color: #3e4e66;
}

a:hover {
color: #4f73ab;
}

.main_error {
font-size: 12px;
width: 525px;
padding: 10px 15px 15px 60px;
color: #fff;
margin-bottom: 10px;
background: url(/img/exclamation.gif) #b20000 10px 10px no-repeat;
}

/* Styles for pagination */

.pagination {
width: 430px;
text-align: center;
padding: 15px 5px;
font-size: 11px;
}

.pagination a {
background: #f4f3f3;
padding: 3px;
border: 1px solid #b9b0b0;
}

.pagination a:hover {
background: #fff;
text-decoration: none;
}

.paginationCurrentPage {
color: #000;
padding: 0 5px;
font-weight: bold;
}

.paginationPrevious {
margin-right: 3px;
}


/* Styles for basic table */

#basic-table , #equipment {
border: 1px solid #132a49;
width: 100%;
}

#basic-table a, #equipment a {
color: #3e4e66;
}

#basic-table a:hover, #equipment a:hover {
color: #4f73ab;
}

#basic-table th , #equipment th {
font: 1em/1.4 tahoma, arial, sans-serif;
background-color: #233f61;
color: #fff3c5;
padding: 5px;
text-align: center;
border-right: 1px solid #132a49;
border-bottom: 1px solid #132a49;
}

#basic-table td , #equipment td {
color: #000;
padding: 5px;
font: 1em/1.4 tahoma, arial, sans-serif;
border-right: 1px solid #132a49;
text-align: center;
}

#basic-table tr.alt td , #equipment tr.alt td {
background-color: #fff;
}

#basic-table td.last , #equipment td.last {
border-right: none;
}

#basic-table .right , #equipment .right {
border-right: none;
}

#basic-table .left , #equipment .left {
text-align: left;
padding-left: 20px;
}

#basic-table .price , #equipment .price {
text-align: right;
padding-right: 10px;
}

/* Styles for header */

#header {
background: url(/img/header_background.gif) #d8d9db 0 0 repeat-x;
height: 72px;
border-bottom: 1px solid #fff;
font-size: .75em;
width: 900px;
}

#header h1 {
margin: 15px 0 0 15px;
background: url(/img/chrysler_logo.gif) 0 0 no-repeat;
width: 211px;
height: 41px;
float: left;
display: block;
text-indent: -5000px;
}

#header h1 a {
width: 211px;
height: 41px;
display: block;
}

#header ul {
padding: 28px 0 20px 60px;
float: left;
list-style-type: none;
}

#header ul li {
padding: 30px 30px 20px 12px; 
display: inline;
background: url(/img/header_separator.gif) left top no-repeat;
}

#header ul a {
color: #000;
text-decoration: none;
}

#header ul a:hover {
text-decoration: underline;
}

/* Styles for container */

#container {
float: left;
background: url(/img/container_background.gif) #f4f4f4 0 0 repeat-y;
font-size: .75em;
width: 900px;
}

/* Styles for content */

#content {
line-height: 1.5;
width: 680px;  
float: left;
}

#actions {
width: 700px;
float: left;
}

#content-header {
background: url(/img/header_main.jpg) #f4f4f4 0 0 repeat-x;
border-bottom: 1px solid #fff;
width: 680px;
height: 42px;
padding: 58px 0 0 20px;
}

#content-main {
padding: 15px;
float: left;
width: 670px;
}

#content-main .frame {
border: 1px solid #dbdbdb;
width: 300px; 
margin: 10px 25px 10px 0; 
float: left; 
text-align: center;
background: #132a49;
}

#content-main .frame a {
display: block;
padding-bottom: 5px;
color: #fff3c5;
text-decoration: none;
}

#content-main .frame a:hover {
color: #fff;
text-decoration: none;
}

#content-main p {
margin-bottom: 15px;
}

/* Styles for left menu */

#left-menu {
background: url(/img/menu_background.gif) #e4e4e4 0 0;
width: 199px;
border-right: 1px solid #fff;
float: left;
}

#left-menu a {
text-decoration: none;
color: #282828;
cursor: hand;
}

#left-menu h3 {
background: url(/img/menu_title_background.gif) #425e85 0 0 no-repeat;
color: #fff3c5;
height: 31px;
font-weight: normal;
font-size: 12px;
line-height: 28px;
padding-left: 15px;
}

#left-menu ul {
list-style-type: none;
margin-top: 5px;
margin-bottom: 10px;
}

#left-menu ul li a {
padding: 3px 0 4px 15px;
display: block;
margin: 0;
}

/* Menu hack for IE6 */
* html #left-menu  a {
padding: 3px 0 4px 15px;
display: inline;
width: 184px;
}

#left-menu ul li a:hover {
color: #000;
background-color: #f4f4f4;
}

/* Styles for left menu - car model */

#left-menu #model {
padding-bottom: 10px;
background: url(/img/menu_model_background.gif) #eceded 0 0;
}

#left-menu #model ul {
margin: 0;
padding: 0;
}

#left-menu #model a {
display: block;
padding: 3px 0 3px 27px;
}

#left-menu #model a:hover {
background-color: #fff;
}

#left-menu #model .separator {
border-top: 1px solid #d2d2d2; 
margin: 3px 15px; 
padding: 0;
}

/* Menu hack for IE6 */
* html #model a {
padding: 3px 0 3px 27px;
width: 172px;
display: inline;
}


#model h4 a {
background: url(/img/menu_model_title_background.gif) #fff 0 0 no-repeat;
font-weight: bold;
color: #3c5884;
height: 24px;
font-size: 12px;
line-height: 23px;
padding-left: 27px;
}

/* Styles for footer */

#footer {
clear: both;
border-top: 1px dotted #aaa;
position: relative;
height: 100px;
width: 900px;
background-color: #fff;
float: left;
color: #585858;
text-align: center;
font-size: .7em;
padding-top: 10px;
}

#footer .links {
color: #899bb0;
margin-bottom: 15px;
}

#footer .links a {
font-size: 1em;
color: #706d65;
text-decoration: none;
}

#footer .links a:hover {
text-decoration: underline;
}

#footer .logos {
width: 900px;
text-align: center;
margin-bottom: 5px;
}

#footer img {
margin: 0 20px;
}

#footer-end {
float: left;
width: 920px;
height: 28px;
background: url(/img/footer_end.gif) center top no-repeat;
}

/* Styles for flyouts */

.submenuHidden
{
position: absolute;
top: 72px;
left: 10px;
visibility: hidden;
height: 0px;
}

.submenuVisible
{
position: absolute;
top: 73px;
left: 10px;
font-size: 1em;
visibility: visible;
z-index: 1;
width: 282px;
height: 230px;
margin-left: 200px;
background: url(/img/flyout_background.jpg) #446085 0 0 no-repeat;
padding: 10px;
border: 1px solid #213045;
}

.submenuVisible h3
{
margin-bottom: 5px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

.submenuVisible img
{
border: 1px solid #899bb0;
}

.submenuVisible p
{
margin-top: 5px;
color: #cadef1;
line-height: 17px;
}

.submenuVisible ul
{ 
list-style: none;
color: #fff;
}

.submenuVisible a
{ 
font-weight: bold;
color: #fff;
}

.submenu
{
padding: 0 15px 20px 15px;
font: .7em arial, sans-serif;
font-weight: bold;
width: 135px;
background-color: #0E2672;
}


/* Styles for LightBox (Boutique) */

#lightbox{
background-color:#fff;
padding: 10px;
border: 1px solid #bbb;
}

#lightboxDetails {
font-size: 0.8em;
padding-top: 0.4em;
}	

#lightboxTopDetails {
margin-right: 20px;
font-size: 0.8em;
padding-top: 1em;
}

#lightboxCaption{ float: left; font-size: 10px;}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#lightboxImage { margin-top: 10px; }

#overlay{ background-image: url(../img/overlay.png); }

#lightbox #closeButton {
top: 4px;
right: 5px;
float: left;
margin: 0;
padding: 0;
}

#lightbox #printButton {
cursor:pointer;
position:absolute;
top: 3px;
right: 27px;
float: left;
margin: 0;
padding: 0;
}

/* Styles for correct .png presentation in IE */

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(../img/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
}

/* End of styles for LightBox (Boutique) */

.back-nomargin {
  clear: both;
  font-size: 12px;
  margin-top: 10px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back {
  clear: both;
  font-size: 12px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

.back-top {
  font-size: 12px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  margin-bottom: 10px;
}

.back-line {
  border-top: 1px solid #c5c5c5;
  width: 95%;
  text-decoration: underline;
  clear: both;
  font-size: 12px;
  padding: 10px 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}