* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

* html #container {
height: 100%;
}

img {
border: 0;
}

body {
font: 1em/1.2 tahoma, arial, sans-serif;
background: url(/img/body_back2.gif) #171717 left top no-repeat;
/* background: url(/img/snowflakes.gif) #000; */
height: 100%;
color: #fff;
}

h1 {
color: #ffa800;
font: 1.6em tahoma, arial, sans-serif;
font-weight: bold;
}

h2 {
background: url(/img/h2_back.gif) left top repeat-y;
padding: 5px;
padding-bottom: 7px;
color: #ffa800;
font: 1em tahoma, arial, sans-serif;
font-weight: bold;
margin-bottom: 8px;
}

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

a {
color: #fff;
}

a:hover {
color: #e5e3e1;
}

.main_error {
font-size: 12px;
width: 550px;
padding: 15px 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 {
color: #ffa800;
padding: 5px;
}

.pagination a:hover {
background: #4f4b46;
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 #282623;
width: 100%;
}

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

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

#basic-table th , #equipment th {
font: 1em/1.4 tahoma, arial, sans-serif;
background-color: #34312e;
color: #ffa800;
padding: 5px;
text-align: center;
border-right: 1px solid #282623;
border-bottom: 1px solid #282623;
}

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

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

#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) #000 0 0 repeat-x;
height: 72px;
border-bottom: 1px solid #ba0000;
font-size: .75em;
}

#header h1 {
margin: 15px 0 0 15px;
background: url(/img/dodge_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: 30px 0 20px 145px;
float: left;
list-style-type: none;
}

#header ul li {
padding: 15px 20px 15px 15px; 
display: inline;
background: url(/img/header_separator.gif) right center no-repeat;
}

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

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

/* Styles for container */

#container {
float: left;
margin: 0;
background: url(/img/container_background.gif) #000 left top repeat-y;
font-size: .75em;
padding-top: 7px;
min-height: 100%;
width: 902px;
}

/* Styles for content */

#content {
line-height: 1.5;
width: 700px;  
float: left;
/* popravek da dela v IE ??!? */
position: absolute;
margin-left: 201px;
background-color: #000;
}

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

#content-header {
width: 680px;
height: 58px;
padding: 58px 0 0 20px;
}

#content-main {
background: url(/img/content_shadow.gif) #615c56 0 0 repeat-x;
padding: 15px;
float: left;
width: 670px;
}

#content-main .frame {
width: 300px; 
margin: 10px 20px 10px 0; 
float: left; 
border: 4px solid black; 
text-align: center;
background: #000;
padding-bottom: 2px;
}

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

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

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

/* Styles for left menu */

#left-menu {


background: url(/img/menu_background.gif) #171717 0 0 repeat-x;
width: 200px;
height: 500px;
border-right: 1px solid #000;
float: left;
/* popravek da dela v IE ??!? */
position: absolute;

}

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

#left-menu h3 {
background: url(/img/menu_title_background.gif) #000 0 0 no-repeat;
font-weight: bold;
color: #fff;
height: 31px;
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: 185px;
}

#left-menu ul li a:hover {
color: #fff;
background: url(/img/rollover.png);
}

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

* html #left-menu ul li a:hover {
	back\ground-color: transparent;
	background-image: url(/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/rollover.png", sizingMethod="scale");
	}

/* Styles for left menu - car model */

#left-menu #model {
margin-bottom: 10px;
}

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

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

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

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


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


/* Styles for footer */

#footer {
margin: 10px 0 0 0;
height: 150px;
width: 700px;
background-color: #000;
float: left;
color: #585858;
text-align: center;
font-size: .8em;
}

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

#footer .links a {
font-size: 1.1em;
color: #fff;
text-decoration: none;
}

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

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

#footer img {
margin: 0 5px;
}


/* Styles for flyouts */

.submenuHidden
{
position: absolute;
visibility: hidden;
height: 0px;
}

.submenuVisible
{
position: absolute;
font-size: 1em;
visibility: visible;
z-index: 1;
width: 282px;
height: 250px;
margin-left: 200px;
background: url(/img/flyout_background.gif) #000;
padding: 10px;
color: #fff;
border: 2px solid #000;
}

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

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

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

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

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

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


/* Styles for LightBox (Boutique) */

.symbol {
margin-top: 8px;
float: right;
font-size: 11px;
}

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

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

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

#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;
}

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

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

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

/* 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: 11px;
  margin-top: 10px;
  padding-left: 10px;
  background: url(/img/back_arrow.gif) left center no-repeat;
  float: left;
}

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

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

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