/* author: ToMPo */
/* Creation date: 2006.03.04. */

/* global
----------------------------------------- */  

* { padding: 0; margin: 0; }

html, body {
 font: small/1.3em Arial, Helvetica, sans-serif;
 text-align: center;
}

img { border: 0; } 

/* main divs
----------------------------------------- */  

#container {
 position: relative;
 width: 712px;
 margin: 50px auto;
 text-align: left;  
}

#header {
 position: relative;
 height: 66px;
 width: 100%;
 border-bottom: 2px solid #cdcdcd;
}

#page {
 position: relative;
 width: 710px;
 height: 360px;	 /* bongesz */
 border: 1px solid #cdcdcd;
 background: url(img/nocar.gif) transparent bottom left repeat-x;
}

#menu {
 position: relative;
 width: 710px;
 background: #ececec;
 margin-top: 1px;
 border-bottom: 1px solid #cdcdcd;
}

#submenu {
 position: relative;
 margin-top: 3px;
 width: 710px;
 height: 17px;
 background: url(img/subBg.gif) transparent top left repeat-x;
}

#content {
 position: relative;
 margin-top: 9px;
 width: 410px;
 height: 300px; /* bongesz */
 float: right;
 color: #999999;
 overflow: auto;
}

#left_col {
 position: relative;
 margin-top: 9px;
 width: 300px;
 height: 300px;	 /* bongesz */
 float: left;
 color: #999999;
 background: url(img/leftBg.jpg) transparent bottom left no-repeat;
}

#footer {
 position: relative;
 clear: both;
 width: 712px;
 height: 48px;
 color: #666666;
 font-size: 11px;
}

/* header
----------------------------------------- */  

#logo {	
 float: left; 
 width: 209px;	 
 height: 56px;
 background: url(img/logo.gif) transparent no-repeat;
} 

#banner {
 float: right; 
 width: 491px;	 
 height: 56px;
 margin-top: 9px;
 background: url(img/banner.gif) transparent no-repeat;
}

/* menu
----------------------------------------- */  

#menu ul {
 background: url(img/menu.gif) top left no-repeat;					
 width: 710px;
 height: 29px;
 position: relative;
 list-style: none;
}

#menu li { list-style: none; position: absolute; }
#menu li a span { display: none; }
#menu li, #menu a { height: 29px; display: block; }

#menu-home { left: 0px; width: 80px; }
#menu-about { left: 80px; width: 83px; }
#menu-cars { left: 163px; width: 87px; }
#menu-sales { left: 250px; width: 79px; }
#menu-market { left: 329px; width: 90px; }
#menu-service { left: 419px; width: 117px; }
#menu-news { left: 536px; width: 72px; }
#menu-contact { left: 608px; width: 102px; }

#menu-home a:hover, #menu-home .active { background: url(img/menu.gif) transparent 0px -29px no-repeat; }
#menu-about a:hover, #menu-about .active { background: url(img/menu.gif) transparent -80px -29px no-repeat; }
#menu-cars a:hover, #menu-cars .active  { background: url(img/menu.gif) transparent -163px -29px no-repeat; }
#menu-sales a:hover, #menu-sales .active { background: url(img/menu.gif) transparent -250px -29px no-repeat; }
#menu-market a:hover, #menu-market .active { background: url(img/menu.gif) transparent -329px -29px no-repeat; }
#menu-service a:hover, #menu-service .active { background: url(img/menu.gif) transparent -419px -29px no-repeat; }
#menu-news a:hover, #menu-news .active { background: url(img/menu.gif) transparent -536px -29px no-repeat; }
#menu-contact a:hover, #menu-contact .active { background: url(img/menu.gif) transparent -608px -29px no-repeat; }

/* submenu
----------------------------------------- */  

#submenu ul.cars { list-style: none; padding-left: 70px; font-size: 11px; }
#submenu ul.sales { list-style: none; padding-left: 430px; font-size: 11px; }
#submenu ul.cars li { float: left; width: 80px; background: url(img/lenia.gif) transparent top left no-repeat; text-align: center; }
#submenu ul.sales li { float: left; width: 140px; background: url(img/lenia.gif) transparent top left no-repeat; text-align: center; }
#submenu ul.cars li a, #submenu ul.sales li a { color: #888888; text-decoration: none; font-weight: bold; }
#submenu ul.cars li a:hover, #submenu ul.sales li a:hover { color: #075aaa; }
#submenu p { color: #888888; font-size: 11px; text-align: center; }
#submenu p span { font-weight: bold; }

/* misc
----------------------------------------- */  

h5 { font: 11px helvetica, times, serif; color: #d43e2c; font-weight: bold; }
h6 { font: 10px helvetica, times, serif; color: #888888; }

/* left_col
----------------------------------------- */  

#left_col img { float: left; width: 132px; height: 72px; margin: 3px 10px 0 5px; border: 1px solid #cccccc; }
#left_col .big { float: left; width: 284px; height: 134px; margin: 3px 10px 0 5px; border: 1px solid #cccccc; }
#left_col p { margin: 0 10px 0 6px; text-align: justify; font-size: 11px; }
#left_col p span { margin-left: 6px; font-weight: bold; }
#left_col p a { text-decoration: none; color: #075aaa; font-size: 11px; margin-left: 5px; }
#left_col p.active a { text-decoration: none; color: #aaaaaa; font-size: 11px; margin-left: 5px; }
#left_col p a:hover { color: #d43e2c; }
#left_col .lenia { height:1px; width: 270px; margin: 10px; background: url(img/dot.gif) transparent top left repeat-x; }

#left_col .ctab1 {
 position: relative;
 float: left;
 width: 80px;
 left: 10px;
 height: 24px;
 font-weight: bold;
 text-align: left;
 font-size: 11px;
}

#left_col .ctab2 {
 position: relative;
 float: left;
 width: 220px;
 left: 5px;
 height: 24px;
 text-align: left;
 font-size: 11px;
}
  
#left_col .cfield { color: #666666; font-size: 11px; font-family: helvetica, serif; width: 95px; }

#left_col .ctab4 { float: left; width: 100px; font-size: 11px; }
#left_col .ctab5 { float: left; width: 90px; font-size: 11px; margin-left: 10px; color: #888888; }

#left_col .chk { width: 12px; height: 12px; margin: 5px 0 1px 10px; }

#left_col .submit { float: left; width: 295px; margin-top: 10px; text-align: right; } 

/* content
----------------------------------------- */  

#content p { margin: 0 10px 0 10px; text-align: justify; font-size: 11px; }
#content p a { text-decoration: none; color: #075aaa; font-size: 11px; margin-left: 5px; }
#content p a:hover { color: #d43e2c; }

#content h5, #content h6 { margin-left: 10px; }

.img-shadow, .img-shadow2, .img-shadow-big { float: left; background: url(img/shadowAlpha.png) no-repeat bottom right; }  

.img-shadow { margin: 6px 5px 24px 15px; }
.img-shadow2 { margin: 8px 5px 8px 18px; }
.img-shadow-small { float: left; margin: 105px 2px 0 6px; }
.img-shadow-mediumL { float: left; }
.img-shadow-mediumR { float: right; }
.img-shadow-big { margin: 11px 0 0 4px; }

.img-shadow img, .img-shadow2 img, .img-shadow-small img, .img-shadow-big img {
 position: relative;
 display: block;
 border: 1px solid #a9a9a9;
 margin: -6px 6px 6px -6px;
 padding: 4px;
}

.img-shadow img { width: 100px;	height: 100px; }
.img-shadow2 img { width: 100px; height: 67px; } /* ceginfo, sx4 */
.img-shadow-small img { width: 50px; height: 50px; }
.img-shadow-mediumL img, .img-shadow-mediumR img { width: 200px; height: 113px; border: 1px solid #a9a9a9; padding: 4px; margin: 5px 10px 5px 10px; }
.img-shadow-big img { width: 260px; height: 260px; }

.img-shadow-small a { font-size: 11px; text-decoration: none; color: #666666; }
.img-shadow-small a:hover { text-decoration: underline; }

#content .ctab1 {
 position: relative;
 float: left;
 right: 10px;
 width: 125px;
 height: 22px;
 font-weight: bold;
 text-align: right;
 font-size: 11px;
}

#content .ctab2 {
 position: relative;
 float: left;
 width: 170px;
 height: 22px;
 text-align: left;
 font-size: 11px;
 text-align: justify;
}

#content .cfield { color: #666666; font-size: 10px; font-family: verdana, serif; width: 160px; }
#content .cfield2 { color: #666666; font-size: 10px; font-family: verdana, serif; width: 160px; height: 150px;}
#content .submit { float: left; width: 265px; margin-top: 140px; text-align: right; } 
#content .csubmit { border: 0; background: #f1f1f1; font-size: 10px; font-family: verdana, serif; color: #666666;} 

#content .design { position: relative; font-size: 9px; font-family: verdana, serif; color: #666666; float: right; right: 10px; top: 8px; } 
#content .design a { color: #666666; text-decoration: none; } 
#content .design a:hover { text-decoration: underline; } 

/* tables
----------------------------------------- */  

#content .tbl1, #content .tbl1c, #content .tbl1b { 
 position: relative;
 float: left;
 width: 90px;
 height: 16px;
 text-align: left;
 font-size: 10px;
 left: 10px;
 font-family: helvetica, serif;
}

#content .tbl2, #content .tbl2c, #content .tbl2b {
 position: relative;
 float: left;
 width: 150px;
 height: 16px;
 font-size: 10px;
 text-align: center;
}

#content .tbl3, #content .tbl3c, #content .tbl3b {
 position: relative;
 float: left;
 width: 100px;
 height: 16px;
 font-size: 10px;
 text-align: center;
}

#content .tbl4, #content .tbl4c, #content .tbl4b {
 position: relative;
 float: left;
 width: 75px;
 height: 16px;
 font-size: 10px;
 text-align: center;
}

#content .tbl5, #content .tbl5c, #content .tbl5b {
 position: relative;
 float: left;
 width: 60px;
 height: 16px;
 font-size: 10px;
 text-align: center;
}

#content .tbl6 {
 position: relative;
 float: left;
 width: 105px;
 height: 20px;
}

#content .tbl1c, #content .tbl2c, #content .tbl3c, #content .tbl4c, #content .tbl5c { background-color: #ececec; }
#content .tbl1b, #content .tbl2b, #content .tbl3b, #content .tbl4b, #content .tbl5b { font-weight: bold; font-family: verdana, serif; font-size: 9px; }

/* lapozas
----------------------------------------- */  

#pages { clear: left; position: absolute; top: 275px; width: 410px; font-size: 11px; text-align: center; font-family: helvetica, serif; }
#pages a { text-decoration: none; color: #666666; }
#pages span { text-decoration: none; color: #cac7b2; }

/* footer
----------------------------------------- */  

.vezetes { width: 205px; height: 69px; float: right; margin-top: -55px; font-size: 0; }

/* content backgrounds
----------------------------------------- */  

/* .sx4HomeI { background: url(img/carSx4HomeI.jpg) transparent bottom left no-repeat; } */
.ignisHomeI { background: url(img/ignisHomeI.jpg) transparent bottom left no-repeat; } 
.carSx4I { background: url(img/carSx4I.jpg) transparent bottom left no-repeat; }
.carSwiftI { background: url(img/carSwiftI.jpg) transparent bottom left no-repeat; }
.carIgnisI { background: url(img/carIgnisI.jpg) transparent bottom left no-repeat; }
.carGVitaraI { background: url(img/carGVitaraI.jpg) transparent bottom left no-repeat; }
.carJimnyI { background: url(img/carJimnyI.jpg) transparent bottom left no-repeat; }
.carAltoI { background: url(img/carAltoI.jpg) transparent bottom left no-repeat; }
.swiftSportI { background: url(img/swiftSportI.jpg) transparent bottom left no-repeat; } 
.carSx4SedanI { background: url(img/carSx4SedanI.jpg) transparent bottom left no-repeat; } 
.carSplash { background: url(img/carSplash.jpg) transparent bottom left no-repeat; } 

.carContactI { background: url(img/carContactI.jpg) transparent bottom left no-repeat; position: absolute; }

/* footers class
----------------------------------------- */  

/* .sx4HomeF { background: url(img/carSx4HomeF.gif) transparent top right no-repeat; margin-top: -1px; margin-left: -1px; }	*/
.ignisHomeF { background: url(img/ignisHomeF.jpg) transparent top right no-repeat; margin-top: -1px; margin-left: -1px; } 
.carSx4F { background: url(img/carSx4F.gif) transparent top right no-repeat; margin-top: -1px; }
.carSwiftF { background: url(img/carSwiftF.gif) transparent top right no-repeat; margin-top: -1px; }
.carIgnisF { background: url(img/carIgnisF.gif) transparent top right no-repeat; margin-top: -1px; }
.carGVitaraF { background: url(img/carGVitaraF.gif) transparent top right no-repeat; margin-top: -1px; }
.carJimnyF { background: url(img/carJimnyF.gif) transparent top right no-repeat; margin-top: -1px; }
.carAltoF { background: url(img/carAltoF.gif) transparent top right no-repeat; margin-top: -1px; }
.swiftSportF { background: url(img/swiftSportF.gif) transparent top right no-repeat; margin-top: -1px; margin-left: -1px; } 
.carSx4SedanF { background: url(img/carSx4SedanF.gif) transparent top right no-repeat; margin-top: -1px; }

.carContactF { background: url(img/carContactF.gif) transparent top left no-repeat; margin-top: -1px; }

/* help divs
----------------------------------------- */  

#vezetes { position: relative; width: 710px; height: 300px; text-align: center; }
#vezetes a { position: absolute; left: 675px; top: 5px; }

#variant { position: relative; width: 300px; height: 18px; }
#cartext { position: relative; width: 280px; height: 200px; margin: 5px 0 5px 20px; overflow: auto; }
#newstext { position: relative; width: 280px; height: 270px; overflow: auto; }
#info { position: relative; width: 300px; height: 60px; }													

#info ul { list-style: none; margin-left: 20px; margin-top: 35px; }
#info li { float: left; width: 55px; }
#info img { width: 28px; height: 27px; }

#info li a { text-decoration: none; color: #075aaa; font-weight: bold; text-align: center; }
#info li a span { position: absolute; visibility: hidden; width: 200px; height: 40px; top: -25px; left: 55px; font-size: 15px; }
#info li a:hover, #info li a:hover span { visibility: visible; }

#variant .left, #variant .right { position: relative; float: left; width: 24px; height: 16px; border: 1px #cccccc solid; margin-left: -1px; }
#variant .middlel, #variant .middler { position: relative; float: left; width: 124px; height: 16px; border: 1px #cccccc solid; margin-left: -1px; background-color: #ececec;  text-align: center; }
#variant .middlel a, #variant .middler a { text-decoration: none; color: #999999; font-size: 11px; font-weight: bold; }
#variant .middlel .active, #variant .middler .active { color: #075AAA; }

#homepage { position: relative; background-color: white; width: 710px; height: 300px; margin-top: 9px; text-align: center; }
#homepage h6 { color: #045ca4; font-size: 40px; }
#homepage h5 { margin: 25px 0 25px 0; }
#homepage h4 { color: #045ca4; font-size: 13px; }
#homepage h4 a { color: #045ca4; text-decoration: none; }
#homepage h4 a:hover { text-decoration: underline; }