/* ----------------------------------------------------------------------------------------------------------

    LT WebDevelopment (www.lukastomek.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         28/12/2008

---------------------------------------------------------------------------------------------------------- */

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

body		        { font: normal 62.8%/1.5 Verdana, "Geneva CE", lucida, sans-serif; background: #fff; color: #757575; padding-bottom: 50px; }
a			          { color: #666666; outline-style: none; }
a:hover	        { text-decoration: underline !important; color: #058cc5; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 9px 10px !important; border: 1px #006b9f solid !important; border-width: 0 1px 1px 0 !important; color: #505050 !important; vertical-align: middle; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; }

h1	{ font-size: 2em; }
h2	{ font-size: 1.3em; }
h3	{ font-size: 1.2em; }
h4	{ font-size: 1em; }
h5	{ font-size: 1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #757575; }
h2, h3 { font-weight: normal; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- User friendly features --*/
.hidden { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { position: relative; }
#head    { font-size: 1.2em; position: relative; z-index: 1; }
#content { font-size: 1.3em; position: relative; z-index: 10; }
#foot    { font-size: 1.2em; z-index: 1; }

/* -- Main classes -- */
.fr		     { float: right !important; }
.fl		     { float: left !important; }
.clear     { clear: both !important; }
.right	   { text-align: right !important; }
.left		   { text-align: left !important; }
.center	   { text-align: center !important; }
.last		   { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none !important; }
.small	   { font-size: .90em; }
.big       { font-size: 1.2em; }
.biggest   { font-size: 2em; }
.light     { color: #999999 !important; }
.clearfix  { width: 100%; overflow: hidden; padding-bottom: .6em; }
.alt       { font-weight: bold; }
.blue      { color: #058cc5 !important; }
.test      { border: 1px black solid; }
.smile     { vertical-align: middle; margin: 0 2px; }
.noBrd     { border: none !important; }
.noBrdL    { border-left: none !important; }
.noBrdR    { border-right: none !important; }
.autoWidth { width: auto !important; }
.inlink    { display: block; padding-left: 10px; background: url('../images/bg-inlink.gif') 0 .5em no-repeat; }
.relative  { position: relative; }
.even      { background-color: #f7f7f7; }

/* -- Forms layout -- */
.formBox .lab			      { float: left; width: 19%; text-align: right; padding-right: 1%; }
.formBox .con			      { float: right; width: 80%; }
.formBox .clearfix	    {  }
.formBox .w100          { width: 98%; }
.formBox .button:focus  { border-color: #000; }

/* -- Basic content constructs -- */
.list         { margin-bottom: 0 !important; }
.offsetTop    { margin-top: 1em; }
.offsetBottom { margin-bottom: 1em; }
.info         { font-size: .91em !important; margin-bottom: 5px; color: #666666 !important; }

/* -- Graphic overlays -- */
a.overlaid,
.overlaid a     { display: block; cursor: pointer !important; overflow: hidden; }
.overlaid       { position: relative; width: 100%; height: 100%; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }

/* -- Cols -- */
.cols { height: 100%; clear: both; }
.cols .col1 { float: left; width: 639px; }
.cols .col2 { float: right; width: 324px; }

.cols50 .col1,
.cols50 .col2 { width: 49% !important; }


/* -- Layout -- */
#view         { width: 963px; margin: 0 auto; background: url('../images/bg-holder.gif') 100% 0 no-repeat; }
#head         { height: 462px; padding-top: 30px; background-position: 50% 100% !important; background-repeat: no-repeat !important; }
#content      { margin-bottom: 50px !important; /*background-color: #fff;*/ }
#foot         { clear: both; padding-top: 30px; border-top: 1px #f4f4f4 solid; font-family: sans-serif; }

  #head #logo { height: 59px;  }
  #head #logo span { background: url('../images/bg-logo.gif') no-repeat; }
  
  .bg_1 { background: url('../images/bg-head.jpg'); }
  .bg_2 { background: url('../images/bg-head2.jpg'); }
  
  
  #head #mainMenu {  }
        #mainMenu li { float: left; font-size: 1.2em; }
        #mainMenu li a { display: block; padding: 10px 16px; color: #757575; text-decoration: none; }
        #mainMenu li.active a,
        #mainMenu li a:hover { color: #000; }
        #mainMenu li.active a { font-weight: bold; }
        
  #head #claim { position: absolute; width: 300px; top: 300px; right: 0; z-index: 100; }
        #claim h2 { color: #fff; font-size: 2.2em; }
        #claim h3 { color: #edecea; font-size: 1.2em; margin-top: -4px; }
        
  #head #submenu { position: absolute; width: 100%; height: 112px; bottom: 0; left: 0; background: url('../images/bg-choose-mark.png') no-repeat; }
        #submenu ul { margin-top: hidden; height: 60px; margin-top: 52px; background: url('../images/bg-submenu.png'); }
        #submenu ul.fl { width: 639px; }
        #submenu ul.fl-static { width: 963px; }
        #submenu ul.fr { width: 324px; } 
        #submenu li { float: left; height: 60px; padding: 0 12px; overflow: hidden; line-height: 150px; }
        #submenu li a { display: block; float: left; width: 100%; height: 40px; padding-top: 20px; color: #fff; text-align: center; text-decoration: none; font-size: 1.3em; background-position: 0 -60px !important; }
        #submenu li.blue { float: right; width: 170px; padding: 0; line-height: 20px; background: url('../images/bg-submenu-right.gif') repeat-y; }
        #submenu li.blue a { float: right; }
        #submenu li.active { background: url('../images/bg-submenu-active.gif') 50% 100% no-repeat; }
        #submenu li.deactive a { background-position: 0 0 !important; }
        #submenu .simply-scroll-container { float: left; height: 60px; }
        
        #submenu .volkswagen { width: 44px; }
        #submenu .volkswagen a { background-image: url('../images/automarks/bg-volkswagen2.png') ; }
        #submenu .ford { width: 86px; }
        #submenu .ford a { background-image: url('../images/automarks/bg-ford2.png') ; }
        #submenu .fiat { width: 43px; }
        #submenu .fiat a { background-image: url('../images/automarks/bg-fiat2.png') ; }
        #submenu .audi { width: 56px; }
        #submenu .audi a { background-image: url('../images/automarks/bg-audi2.png') ; }
        #submenu .bmw { width: 39px; }
        #submenu .bmw a { background-image: url('../images/automarks/bg-bmw2.png') ; }
        #submenu .citroen { width: 42px; }
        #submenu .citroen a { background-image: url('../images/automarks/bg-citroen2.png') ; }
        #submenu .renault { width: 35px; }
        #submenu .renault a { background-image: url('../images/automarks/bg-renault2.png') ; }
        
        #submenu .nav { width: 36px; height: 36px; margin-top: 12px; }
        #submenu .prev { margin-left: 20px; margin-right: 0px; }
        #submenu .prev a { background: url('../images/bg-submenu-prev.png') no-repeat; }
        #submenu .next { margin-left: 0; }
        #submenu .next a { background: url('../images/bg-submenu-next.png') no-repeat; }
        #submenu .prev a:hover, #submenu .next a:hover { background-position: 0 0 !important; }
        
  #content .intro { padding: 25px 30px 0 20px; height: 105px; background-color: #f4f4f4; text-align: justify; }
  #content .intro h2 { margin-bottom: 10px; }
  #content .main { margin-bottom: 25px; }
  
  #content .cars { position: relative; clear: left; padding: 25px 0 25px 20px; overflow: hidden; height: 100%; width: 619px; }
           .cars .item { position: relative; width: 155px; padding-right: 49px; float: left; height: 260px; font-size: .9em; margin: 0 0 50px 0; }
           .cars .item h4 { font-weight: normal; height: 35px; overflow: hidden; margin-bottom: 15px; }
           .cars .item h4 a { display: block; }
           .cars .item img { border: 1px #c5c5c5 solid; margin-bottom: 15px; }
           .cars .item th { font-weight: normal; }
           .cars .item td strong { font-weight: normal; word-spacing: -1px;}
           .cars .item td { text-align: right; }
           .cars .item strong { color: #058cc5; }
           .cars .item a { text-decoration: none; }           
           .cars .item .more { position: absolute; width: 155px; height: 26px; left: 0; bottom: 0; background-color: #0589c0; text-align: center; padding-top: 6px; color: #fff; }
           .cars .item .more span { background: url('../images/bg-cars-more.gif') 0 0 no-repeat; }
           .cars .item a:hover.more span { background-position: 0 -32px; }
           .cars .print { float: right; width: 233px; height: 45px; background-color: #0589c0; text-align: center; padding-top: 6px; color: #fff; }
           .cars .print span { background: url('../images/bg-cars-print.gif') 0 0 no-repeat; }
           
  #content .car-detail { position: relative; width: 619px; clear: left; padding: 25px 0 0 0 !important; overflow: hidden; height: 100%; }
           .car-detail .main { padding-left: 20px; padding-right: 180px; }
           .car-detail .main strong { font-weight: normal; }
           .car-detail .sub { color: #058cc5; margin-bottom: 1em; padding-left: 20px; clear: both; }
           .car-detail table td { text-align: right; }
           .car-detail .basic,
           .car-detail .equipment,
           .car-detail .information { padding-bottom: 1.5em; overflow: hidden; height: 100%; }
           .car-detail .information { padding-left: 20px; }
           .car-detail .information th { font-weight: normal; border-bottom: 1px #f0f0f0 solid; }
           .car-detail .information td { font-weight: bold; color: #505050; border-bottom: 1px #f0f0f0 solid; }
           .car-detail .contact-phone  { margin-bottom: 1em; padding-left: 20px; clear: both; }
           .car-detail .basic th { font-weight: normal; }
           .car-detail .basic .blue { font-weight: bold; }
           .car-detail .basic img { border: 1px #cfcfcf solid; margin-top: 5px; }
           .car-detail .basic .email { margin-top: 2.5em; padding: 15px 20px 18px; background: url('../images/bg-detail-email.gif') repeat-y; }
           .car-detail .basic .email h3 { color: #fff; margin-bottom: 15px; }
           .car-detail .basic .email .button { width: 185px; }
           .car-detail .basic .col2 { width: 288px !important; }
           .car-detail .basic .col1 { margin-left: 10px; }
           .car-detail .gallery { position: relative; float: right; background-color: #f0f0f0; overflow: hidden; width: 589px; height: 100%; padding: 10px; margin: 0 0 2em 0; }
           .car-detail .gallery .in { position: relative; z-index: 100; width: 500px; height: 68px; overflow: hidden; margin-left: 50px; }
           .car-detail .gallery .in ul { width: 5000px; overflow: hidden; }
           .car-detail .gallery .in ul li { float: left; margin-right: 15px; }
           .car-detail .gallery .in ul li a { display: block; }
           .car-detail .gallery .in img { border: 1px #c8c8c8 solid; }
           .car-detail .gallery .navi { position: absolute; width: 609px; height: 88px; left: 0; top: 0; }
           .car-detail .gallery .navi li { position: absolute; top: 25px; width: 36px; height: 36px; line-height: 150px; }
           .car-detail .gallery .navi li a { display: block; width: 100%; height: 100%; }
           .car-detail .gallery .navi li.prev { left: 0; }
           .car-detail .gallery .navi li.prev a { background: url('../images/bg-submenu-prev.png') no-repeat; }
           .car-detail .gallery .navi li.next { right: 10px; }
           .car-detail .gallery .navi li.next a { background: url('../images/bg-submenu-next.png') no-repeat; }
           .car-detail .equipment { padding-left: 20px; }
           .car-detail .equipment ul { overflow: hidden; height: 100%; padding-bottom: 1em; }
           .car-detail .equipment ul li { padding-left: 10px; margin: 2px 0 5px; background: url('../images/bg-inlink2.gif') 0 .5em no-repeat; }
           .car-detail .equipment .more { float: right; font-weight: bold; color: #058cc5; }
           .car-detail .equipment a:hover.more { text-decoration: none !important; }
           .car-detail .comment { padding-left: 20px; }
           .car-detail .comment p { margin-bottom: 1em; }
           
           .itemsList { background-color: #f5f5f5; padding: 15px 0 0 0; }
           .itemsList h3 { padding: 5px 15px; }
           .itemsList .item { border-bottom: 1px #eaeaea solid; overflow: hidden; height: 100%; }
           .itemsList .item .img { width: 110px; float: left; margin-top: 3px; }
           .itemsList .item .img img { border: 1px #c5c5c5 solid; border-left: 0; }
           .itemsList .item .self { margin-left: 120px; }
           .itemsList .item .self .head { margin-bottom: 15px; font-weight: normal; }
           .itemsList .item a { display: block; padding: 15px; text-decoration: none !important; }
           .itemsList .item a:hover .head { text-decoration: underline; }
           .itemsList .item a:hover { background-color: #fff; }
           
           .car-detail .navi { position: absolute; top: 28px; right: 0; width: 200px; font-weight: bold; text-align: right; }
           .car-detail .navi li { display: inline; margin-left: 15px; }
           .car-detail .navi li a { text-decoration: none; }
           .car-detail .navi li.back { position: absolute; bottom: -22px; right: 0; }

  #content .text { padding: 25px 20px 25px 20px; }
           .text p,
           .text ul,
           .text ol,
           .text table { margin-bottom: 1em; }
           
           .text h3,
           .text h4,
           .text h5 { color: #505050; margin-bottom: 5px; }
           
           .text ul { padding-left: 2em; }
           .text ul li { padding-left: 10px; background: url('../images/bg-inlink2.gif') 0 .5em no-repeat; margin-bottom: 5px; }
           
           .text ol { padding-left: 3.4em; }
           .text ol li { list-style-type: decimal; }
           
           .text table { border: 1px #dddddd solid; padding: 1px; }
           .text table th { padding: 5px 8px; border: 1px #dddddd solid; background-color: #dddddd; }
           .text table td { padding: 5px 8px; }
           
           .text-bar { width: 270px !important; padding: 40px 0 25px 50px; }
           .text-bar ul li { margin-bottom: .8em; }

  
  #content #search { padding: 20px 10px 0 20px; height: 110px; background: #048bcb url('../images/bg-search.gif') repeat-y; }
           #search h3 { color: #fff; margin-bottom: 25px; }
           #search .clearfix { height: 26px; padding-bottom: 10px; overflow: hidden; }
           #search .lab { width: 24%; padding-top: 2px; color: #fff; font-weight: bold; text-align: left; }
           #search .con { width: 74%; }
           #search .button { width: 205px; font-size: 1.1em; }
           #search input.button { height: 13px; padding: 15px 10px; }
           #search select.button { padding: 4px 4px !important; }
           #search .submit { margin-top: 5px; }
           
  #content .news { background: #fff; }
           .news .highlight { padding: 15px 18px; }
           .news .more { text-decoration: none; margin: 0 18px; }         
           .news .item { padding: 15px 18px 10px; overflow: hidden; height: 100%; }
           .news .item.even { background: #f7f7f7; }
           .news .item h4 { float: left; color: #058cc5; }
           .news .item h4 a { color: #058cc5; text-decoration: none; }
           .news .item .date { float: right; color: #c5c5c5; }
           .news .item p { float: left; width: 100%; padding: 5px 0 8px; }
           .news .item .more { float: right; color: #c5c5c5; margin: 0; }
           .news .more.inlink { margin-top: 15px; }

  #content .newsletter { background-color: #f4f4f4; }
           .newsletter .highlight { padding: 15px 18px; }
           .newsletter p { text-decoration: none; margin: 0 18px; }         
           .newsletter form { padding: 20px 10px 20px 20px; }
           .newsletter form .button { width: 205px; font-size: 1.1em; }
           .newsletter form input.button { height: 13px; padding: 10px 10px; border: 1px #ccc solid !important; border-width: 0 1px 1px 0 !important; }
           .newsletter form .submit { height: 27px; width: 27px; }   

  #content .sub .newsletter .highlight { padding: 0; color: #757575; font-weight: normal; font-weight: 1.2em !important; }  
           .sub .newsletter form { padding: 0 10px 20px 15px; }
           
  #content .submenu .highlight { padding: 15px 18px; }
           .submenu ul.list { padding-left: 2em; }
           .submenu ul.list li { padding-left: 10px; background: url('../images/bg-inlink2.gif') 0 .5em no-repeat; margin-bottom: 5px; }      

  #content .bottomMenu { clear: both; padding-left: 20px; margin: 60px 0 20px 0; }
           .bottomMenu ul, .bottomMenu2 ul { overflow: hidden; height: 100%; }
           .bottomMenu li, .bottomMenu2 li { height: 36px; float: left; text-align: center; background-color: #0585bb; padding-top: 15px; }
           .bottomMenu li a, .bottomMenu2 li a { color: #fff; }
           .bottomMenu #bm-1, .bottomMenu2 #bm-1 { width: 168px; }
           .bottomMenu #bm-1 span, .bottomMenu2 #bm-1 span { background: url('../images/bm-1.gif') 0 0 no-repeat; }
           .bottomMenu #bm-2, .bottomMenu2 #bm-2 { width: 234px; }
           .bottomMenu #bm-2 span, .bottomMenu2 #bm-2 span { background: url('../images/bm-2.gif') no-repeat; }
           .bottomMenu #bm-3 { width: 164px; }
           .bottomMenu #bm-3 span { background: url('../images/bm-3.gif') no-repeat; }
           .bottomMenu #bm-4 { width: 226px; }
           .bottomMenu #bm-4 span { background: url('../images/bm-4.gif') no-repeat; }
           .bottomMenu #bm-5 { width: 127px; }
           .bottomMenu #bm-5 span { background: url('../images/bm-5.gif') no-repeat; }
           .bottomMenu #bm-6 { width: 210px; }
           .bottomMenu #bm-6 span { background: url('../images/bm-6.gif') no-repeat; }

           .bottomMenu #bm-1 a:hover span, .bottomMenu2 #bm-1 a:hover span,
           .bottomMenu #bm-2 a:hover span, .bottomMenu2 #bm-2 a:hover span,     
           .bottomMenu #bm-3 a:hover span,
           .bottomMenu #bm-4 a:hover span,                 
           .bottomMenu #bm-5 a:hover span,
           .bottomMenu #bm-6 a:hover span  { background-position: 0 -51px; }
           
           .bottomMenu li span { height: 51px; }

           .centerMenu { padding: 1em 0 2em; }
           .centerMenu ul { background-color: #f5f5f5; }
           
  #content .paging { clear: both; text-align: center; }
           .paging ul { position: relative; margin: 0 330px 0 210px; font-size: .8em; overflow: hidden; top: 2em; }
           .paging ul li { padding: 0; display: inline; width: 22px; height: 22px; margin: 0 2px; overflow: hidden; line-height: 30px; background: none; }
           .paging ul li a { color: #666666; text-decoration: none; }
           .paging ul li a,
           .paging ul li strong { width: 22px; height: 19px; padding: 5px 8px; background: url('../images/bg-paging-li.gif') 50% 50% no-repeat; }
           .paging ul li strong { color: #016c9f; }
           
           .paging-top { position: absolute; top: 0; left: 0; width: 100%; } 
 
           .text .paging ul { margin: 0 168px 25px 78px;}

  #content .viewbar { clear: both; overflow: hidden; margin: -1.5em 0 20px; border-bottom: 7px solid #f4f4f4; }
           .viewbar .type { position: relative; overflow: hidden; width: 325px; float: right; }           
           .viewbar .type li { float: right; padding: 3px 10px 8px; height: 22px; margin: 0; overflow: hidden; line-height: 30px; font-size: .845em; background: none; }
           .viewbar .type li.active { background: #f4f4f4; }
           .viewbar .type li a, .viewbar .type li span { padding-right: 22px; text-decoration: none; }
           .viewbar .type li.tab a, .viewbar .type li.tab span { background: url(../images/ico-viewbar-table.gif) 100% 2px no-repeat; }
           .viewbar .type li.cat a, .viewbar .type li.cat span { background: url(../images/ico-viewbar-catalog.gif) 100% 2px no-repeat; }

  #content .viewtab { border-collapse: collpase; margin-bottom: 1em; }
           .viewtab th, .viewtab td { padding: 12px 0 12px 15px; font-size: .9em; }
           .viewtab th { background: #f4f4f4; }
           .viewtab th a { padding-right: 15px; color: #0583c0; text-decoration: underline; }
           .viewtab th a.desc { background: url(../images/ico-viewtab-order.gif) 100% -44px no-repeat; }
           .viewtab th a.asc  { background: url(../images/ico-viewtab-order.gif) 100% -9px no-repeat; }
           .viewtab tr:hover  { cursor: pointer; background: #edf8fd; color: black; }
           .viewtab tr:visited  { color: #375772; }
           .viewtab .odd { background: #f4f4f4; }
           .viewtab .right { padding-left: 15px; padding-right: 15px; }
           .viewtab .bold { font-weight: bold; }
           .viewtab .discount { padding: 10px 15px; font-size: 1.075em; font-weight: bold; color: #0583c0; text-align: right; }

           .viewtab .td           { position: relative; overflow: visible; width: 0; height:0; }           
           .viewtab .popup        { display: none; position: absolute; z-index: 30; padding: 0; width: auto; height: 93px; border: 5px solid #0485be; background: #fff; }
           .viewtab .popup-active { display: block; }
           .viewtab .popup .thumb { float: left; display: block; border: none !important; }
           .viewtab .popup h2     { margin: 2px 0 5px 170px; width: 280px; color: #0588d0; }
           .viewtab .popup p      { margin-left: 170px; width: 280px; line-height: 1.6em;  }

  #content .boxAction { position: relative; padding: 20px 18px; margin-left: 20px; border: 1px solid #eaeaea; border-width: 1px 0; background: #f5f5f5; }
           .boxAction h3 { margin: 0 0 10px 60px; color: #0583c0; }  
           .boxAction span { position: absolute; top: 13px; left: -5px; width: 59px; height: 25px; padding: 7px 0 0 20px; display: block; color: #fff; font-weight: bold; text-transform: uppercase; background: url(../images/label-action.png) 0 0 no-repeat; }

  .bg-logo { position: absolute; width: 60%; height: 344px; left: -50%; z-index: -1; top: 148px; background-color: #f5f5f5; }
  .bg-foot { position: absolute; width: 60%; height: 51px; left: -50%; z-index: -1; bottom: 51px; background-color: #f5f5f5; }
  
  
  #foot * { color: #afaeae; }
  #foot p a { text-decoration: none; }
  #foot p strong { font-weight: normal; color: #81c810;; }
  #foot ul li { display: inline; margin-left: 8px; background: url('../images/bg-foot-menu.gif') 100% 50% no-repeat; }
  #foot ul li a { text-decoration: none !important; margin-right: 6px; }
  #foot ul li a:hover { color: #0695d2; }


  /* -- Order subpage -- */
  .order .cars { width: 943px !important; }
  .order .cars .item { padding-right: 100px !important; background: url('../images/bg-cars-item-img.gif') 0 50px repeat-x; }
  .order .cars .fourth { padding-right: 0 !important; }
  
  .order .intro { height: auto !important; padding-top: 15px !important; padding-bottom: 10px !important; min-height: 80px; }
  .order .markSubmenu { overflow: hidden; height: 100%; }
    .order .markSubmenu ul { width: 24%; padding-right: 1%; float: left; text-align: left; }
    .order .markSubmenu ul.col4 { float: right; width: 24%; padding-right: 0; }
    .order .markSubmenu li { margin-bottom: 3px; line-height: 1.3em; }
    .order .markSubmenu li a { text-decoration: none; }
    .order .markSubmenu li.active a { font-weight: bold; color: #058cc5; }
  
  .order #search { position: absolute; margin-top: -115px !important; width: 294px !important; height: 200px !important; }
  .order #search .submit { width: auto; height: 28px; padding-right: 45px; padding-left: 0; text-align: left; background: url('../images/bg-submit.gif') 99% 50% no-repeat; }
  .order .itemsList { margin-top: 0px; }


  /* -- Text subpage -- */
  .subpage #head { height: 368px; } /* real height of image + 118px */
  .subpage .bg-logo { height: 250px; } /* real height of image */
  
  .subpage #content { height: 100%; float: left; width: 100%; background: url('../images/bg-subpage-right.gif') 100% 0 repeat-y; }
  .subpage .sub h3 { margin: 15px; color: #058cc5; font-weight: bold; font-size: 1.1em; }
  .subpage .sub p { margin: 15px; }
  .subpage .sub li { display: block; padding: 25px 5px 25px 70px; height: 100%; color: #058cc5; text-decoration: none; font-weight: bold; background-position: 18px 50% !important; }
  /* .subpage .sub li a { display: block; padding: 25px 5px 25px 70px; height: 100%; color: #058cc5; text-decoration: none; font-weight: bold; background-position: 18px 50% !important; }*/
  
  .subpage .sub li.money a { background: url('../images/bg-about-sub1.gif') no-repeat; }
  .subpage .sub li.cheap /*a*/ { background: url('../images/bg-about-sub2.gif') no-repeat; }
  .subpage .sub li.quality /*a*/ { background: url('../images/bg-about-sub3.gif') no-repeat; }
  .subpage .sub li.decra a { background: url('../images/bg-about-sub4.gif') no-repeat; }
  
  .subpage .sub li.active a,
  .subpage .sub li a:hover { background-color: #fff; }
  
  
/* -- lightbox -- */
.lightbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 700; font-size: 1.2em; color: #fff; text-align: left; }
.lightbox .overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
.lightbox .in { position: fixed; width: 100%; left: 0; z-index: 800; }

* html .lightbox .overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html .lightbox .in  {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.lightbox .message { position: relative; width: 340px; margin: 0 auto; padding: 20px; background-color: #067bbb; top: 150px; }
.lightbox .message2 { position: relative; width: 680px; margin: 0 auto; padding: 20px; background-color: #067bbb; top: 150px; }
.lightbox .message h3, .lightbox .message2 h3 { margin-bottom: 20px; color: #fff; }
.lightbox .message .lab, .lightbox .message2 .lab { width: 29%; font-weight: bold; text-align: left; padding-top: 5px; }
.lightbox .message .con, .lightbox .message2 .con { width: 69%; }
.lightbox .message .con .w100 { width: 90%; }
.lightbox .message a.close { margin: 1em 28px; color: #fff !important; }
.lightbox .message2 .con .w100 { width: 90%; }
.lightbox .message2 .textarea .lab { width: 14%; }
.lightbox .message2 .textarea .con { width: 85%; }
.lightbox .message2 .textarea .con .w100 { width: 92.5%; }
.lightbox .message .submit, .lightbox .message2 .submit { width: auto; height: 28px; margin-top: 1em; padding-right: 45px; padding-left: 0; text-align: left; background: url('../images/bg-submit.gif') 99% 50% no-repeat; }
.lightbox .message2 a.close { margin: 1em 28px; color: #fff !important; }

#claim .white { color: white; }
#claim .black { color: #424242; } 

.activ-search { font-weight: bold; }