@import url("base.css");

body {
background: #233a56; margin: 0; padding: 12px 0 50px 0; 
}

body, table, input, select {
font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #000000;
}

a {
color: #8194b2; text-decoration: none;
}

#dirka {
display: none;
}

#wrapper {
width: 940px; margin: auto; background: #ffffff url(/img/bg_body_top.gif) no-repeat left top; padding: 20px 20px 20px 20px;
}

#wrapper .end {
width: 980px; background: url(/img/bg_body_bot.gif) no-repeat left bottom; position: absolute; bottom: 0; left: 0; height: 13px; z-index: 100;
}

#logo {
position: relative; left: 18px; margin: 0 0 25px 0;
}

h1#telephone {
position: absolute; top: 40px; right: 20px;
}

#nav {
position: absolute; top: 72px; left: 16px; background: url(/img/bg_nav.png) no-repeat left top; width:700px; height: 75px; z-index: 100; padding: 25px 0 0 38px; z-index: 300;
}

#nav a {
color: #ffffff; cursor: pointer;
}

#nav a:last-child {

}

#nav a#btn_home{
text-indent: -999999px; position: relative; background: url(/img/btn_home.png) no-repeat; width: 36px; height: 28px; display: block;
}

#nav a#btn_inventory {
text-indent: -999999px; position: relative; background: url(/img/btn_inventory.png) no-repeat; width: 58px; height: 28px; display: block;
}

#nav a#btn_models {
text-indent: -999999px; position: relative; background: url(/img/btn_modellineup.png) no-repeat; width: 84px; height: 36px; display: block;
}

#nav a#btn_warranty {
text-indent: -999999px; position: relative; background: url(/img/btn_warranty.png) no-repeat; width: 56px; height: 28px; display: block;
}

#nav a#btn_specials {
text-indent: -999999px; position: relative; background: url(/img/btn_specials.png) no-repeat; width: 53px; height: 28px; display: block;
}

#nav a#btn_financing {
text-indent: -999999px; position: relative; background: url(/img/btn_financing.png) no-repeat; width: 61px; height: 28px; display: block;
}

#nav a#btn_aboutus {
text-indent: -999999px; position: relative; background: url(/img/btn_aboutus.png) no-repeat; width: 58px; height: 28px; display: block;
}

#nav a#btn_wholesale {
text-indent: -999999px; position: relative; background: url(/img/btn_wholesale.png) no-repeat; width: 66px; height: 28px; display: block;
}


#nav a#btn_buyback {
text-indent: -999999px; position: relative; background: url(/img/btn_buybackguarantee.png) no-repeat; width: 130px; height: 28px; display: block;
}

#nav a#btn_blog {
text-indent: -999999px; position: relative; background: url(/img/btn_blog.png) no-repeat; width: 27px; height: 28px; display: block;
}


#nav ul {
margin: 0; padding: 0;
}

#nav ul li {
list-style: none; margin: 0; padding: 0; float: left; background: url(/img/btn_div.png) no-repeat right top; padding: 0 6px 0 0; margin: 0 6px 0 0;
}

#nav ul li:last-child {
background: none; margin: 0; padding: 0;
}


#topnav {
position: absolute; top: -12px; right: 0; background: url(/img/bg_topnav.gif) no-repeat; width: 237px; height: 40px; padding: 15px 0 0 20px; 
}

#topnav ul {
margin: 0; padding: 0; overflow: hidden;
}

#topnav ul li {
float: left; margin: 0 12px 0 0; list-style: none;
}

#topnav ul li a {
color: #919191; font-size: 12px;
}

#topnav ul li a:hover {
color: #000000;
}


#content {
width: 896px; background: url(/img/bg_content_top.gif) no-repeat left top; padding: 45px 20px 50px 20px; margin: 0 0 0 0; min-height: 150px; overflow: hidden;
}

#content .end {
width: 936px; background: url(/img/bg_content_bot.gif) no-repeat left bottom; position: absolute; bottom: 0; left: 0; height: 10px; z-index: 100; clear: both;
}

#content .bg {
position: absolute; bottom: 0; left: 1px; z-index: 1; width: 855px;
}

#content .content {
z-index: 50;
}


#footer {
background: url(/img/dots_h.gif) repeat-x top; margin: 15px 0 0 0; padding: 8px; overflow: hidden; font-size: 11px; clear: both;
}

#footer ul {
float: right; margin: 0; padding: 0; overflow: hidden;
}

#footer ul li {
float: left; margin: 0 8px 0 0; list-style: none;
}

#footer ul li a {
color: #6c6c6c; font-family: Arial;
}

#subcontent {
padding: 0 0 0 0; top: -25px; left: 0px; z-index: 200; clear: both; width: 896px;
}

#subcontent .colA {
width: 300px; background: url(/img/bg_col_sm_top.png) no-repeat left top; float: left; padding: 20px;
}

#subcontent .colA .end {
width: 340px; background: url(/img/bg_col_sm_bot.png) no-repeat left bottom; position: absolute; bottom: -15px; left: 0; height: 15px; z-index: 100;
}

#subcontent .colB {
width: 500px; background: url(/img/bg_col_lg_top.png) no-repeat left top; float: left; padding: 20px; left: 15px;
}

#subcontent .colB .end {
width: 540px; background: url(/img/bg_col_lg_bot.png) no-repeat bottom; position: absolute; bottom: -15px; left: 0; height: 15px; z-index: 100;
}

#subcontent_plain {
left: 18px; overflow: hidden; top: -25px;
}

#subcontent_plain .colA {
width: 308px; float: left; clear: both;
}

#subcontent_plain .colB {
width: 580px; float: left; left: 20px;
}

#subcontent .colB_wrapper {
float: left; width: 592px; overflow: hidden;
}

#subcontent .colB_plain {
left: 20px; clear: left; top: 50px; overflow: hidden;
}

h1 {
font-size: 30px; color: #607d9e; margin: 0 0 12px 0;
}

h2 {
font-size: 21px; color: #607d9e; margin: 0 0 8px 0;
}

h3 {
font-size: 16px; color: #607d9e; margin: 0 0 8px 0;
}

h4 {
font-size: 14px; color: #607d9e; margin: 0; font-weight: bold;
}

p {
margin: 0 0 15px 0;
}

p a {
font-weight: bold; color: #556d88; text-decoration: underline;
}

.index {
width: 450px;
}

.index table td {
padding: 10px 10px 0 0; vertical-align: middle;
}

a.arrow {
background: url(/img/arrow.gif) no-repeat left; padding: 0 0 0 10px; font-size: 18px; margin: 0 25px 0 0;
}

ul.ads {
margin: 0 0 15px 0; padding: 0;
}

ul.ads li {
list-style: none; margin: 0 0 8px 0; padding: 0 0 8px 0; background: url(/img/dots_h.gif) repeat-x bottom;
}

ul.ads li:last-child {
margin: 0; padding: 0; background: none;
}

table.hrs {
width: 100%; margin: 0 0 15px 0;
}

table.hrs td {
background: url(/img/dots_h.gif) repeat-x bottom; padding: 2px;
}

table.hrs tr td:last-child {
text-align: right;
}

ul.promos {
overflow: hidden; margin: 0; height: 200px;
}

ul.promos li {
float: left; list-style: none; margin: 0 25px 12px 0; 
}

#content form {
margin: 25px 0 25px 0;
}


#content .box {
background: #f5f5f5; margin: 15px 0 25px 0; padding: 15px;
}

#content .box table {
border-collapse: collapse; width: 90%;
}

#content .box2 {
border: 2px solid #f5f5f5; border-width: 2px 0 2px 0; margin: 15px 0 25px 0; padding: 7px;
}

#content .box3 {
border: 1px solid #f5f5f5; margin: 15px 0 25px 0; padding: 7px;
}

#content .box3 h2 {
font-size: 12px; font-weight: bold; margin: -14px 0 8px 0; color: #8194b2; background: 000000; padding: 0 2px 0 2px;
}

#content .box h2 {
font-size: 24px; color: #607d9e; margin: -30px 0 8px 0;
}

#content form label {
display: block;
}

#content form label.required {
color: #607d9e; font-weight: bold;
}


#content .box table td {
padding: 0 15px 8px 0;
}

.photoright {
float: right; margin: 0 0 15px 15px;
}

.popup {
border: 3px solid #607d9e; padding: 15px; font-size: 13px; text-align: center; background: #ffffff;
}

ul.ebay {
margin: 0; padding: 0;
}


ul.ebay li {
border-bottom: 1px solid #cccccc; margin: 0 0 8px 0; padding: 0 0 8px 0; list-style: none;
}

ul.ebay li h3 {
font-size: 14px; font-weight: bold; margin: 0 0 4px 0;
}

ul.ebay li img {
float: left; padding: 3px; border: 1px solid #cccccc; margin: 0 8px 8px 0;
}


.photolg {
position: absolute; top: -999px; background: #ffffff; padding: 25px; border: 8px solid #eeeeee; cursor: pointer;
}

.photosm {
cursor: pointer;
}

ul.models {
margin: 0; padding: 0; overflow: auto;
}

ul.models li {
list-style: none; margin: 0 20px 20px 0; padding: 0; float: left; width: 100px; text-align: center;
}

ul.models li img {
width: 70px; height: 60px; display: block;
}

ul.models li a {
font: 11px Tahoma; font-weight: bold;
}

#firefox {
margin: 25px 0 0 0; width: 140px; position: absolute; left: 325px; top: 70px;
}

#sidepromo {
float: right; margin: 0 0 15px 15px; padding: 9px 13px; background: url(/img/bg_side.gif) no-repeat left top; width: 174px; height: 500px;
}


#scrollup {
position: relative; overflow: hidden; height: 125px; margin: 15px 0 0 0; padding: 12px;
}

.headline {
position: absolute; top: 210px; left: 5px; height: 150px;
}

.map {
margin: 0 0 8px 0;
}

.flashplayer {
margin: 0 0 25px 0;
}

.photoright {
float: right; margin: 0 0 15px 15px;
}