/*
--------------------------------------------
Default Theme
--------------------------------------------
šedá okraj              rgb(205,205,205);
šedá světlá             rgb(235,235,235);
modrá text              rgb(46,49,144);
modrá světlá            rgb(204,204,255);
--------------------------------------------
*/

body 
{
    margin: 0;
    background-color: rgb(205,205,205);
    background-image: url(BodyBg.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 0.85em;
    color: rgb(60,60,60);
}

h1
{
    font-size: 140%;
    padding: 20px 20px 20px;
    margin: 0;
    color: rgb(46,49,144);
    background-image: url(H1Bullet.gif);
    background-repeat: no-repeat;
    background-position: left 50%;
}

h2
{
    font-size: 120%;
    padding: 10px 20px 20px;
    margin: 0;
    color: rgb(46,49,144);
    background-image: url(H1Bullet.gif);
    background-repeat: no-repeat;
    background-position: left 33%;
}

h3
{
    font-size: 110%;
    color: rgb(46,49,144);
    margin: 0;
    padding: 10px 0;
}

p 
{
    font-size: 85%;
    line-height: 170%;
    margin: 0;
    padding: 0 0 20px;
}

div.Rule 
{
    width: 100%;
    height: 20px;
    background-image: url(RuleBg.gif);
    background-repeat: repeat-x;
    background-position: left center;
}

a 
{
    color: rgb(46,49,144);
    /*font-weight: bolder;*/
}

ul 
{
    font-size: 85%;
    line-height: 170%;
    padding: 0;
    margin: 0 0 20px 60px;
}

/*
--------------------------------------------
PagePanel
--------------------------------------------
*/

div.PagePanel 
{
    width: 960px;
    padding: 165px 10px 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-image: url(PagePanelBg.gif);
    background-repeat: no-repeat;
}

/*
--------------------------------------------
HeaderPanel
--------------------------------------------
*/

div.HeaderPanel 
{
    width: 960px;
    height: 130px;
    position: absolute;
    left: 10px;
    top: 0;
    background-image: url(HeaderBg.jpg);
    background-repeat: no-repeat;
}

img.MainLogo 
{
    display: block;
    position: absolute;
    left: 50px;
    top: 7px;
}

div.Flags 
{
    width: 24px;
    position: absolute;
    left: 930px;
    top: 15px;
}

img.Flag 
{
    display: block;
    padding: 0 0 5px;
}

/*

div.HeaderLeftPanel 
{
    width: 10px;
    height: 100%;
    float: left;
    background-color: Yellow;
}

div.HeaderCenterPanel 
{
    width: 980px;
    height: 100%;
    float: left;
    background-color: Orange;
}

div.HeaderRightPanel 
{
    width: 10px;
    height: 100%;
    float: right;
    background-color: Purple;
}

*/


/*
--------------------------------------------
HorizontalMenuPanel
--------------------------------------------
*/

div.HorizontalMenuPanel 
{
    width: 960px;
    height: 35px;
    position: absolute;
    left: 10px;
    top: 130px;
    background-image: url(HorizontalMenuBg.gif);
    background-repeat: repeat-x;
}

table.HorizontalMenu 
{
    position: absolute;
    left: 205px;
    top: 3px;
}

table.HorizontalMenuItem 
{
    font-size: 80%;
    text-align: center;
    height: 32px;
    width: 100px;
    
}

table.HorizontalMenuItem a:hover
{
    text-decoration: underline;
}


table.HorizontalMenuItemSelected
{
    font-size: 80%;
    background-image: url(HorizontalMenuItemSelected.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}

table.HorizontalMenuItemSelected a 
{
    color: rgb(46,49,144);
    font-weight: bold;
}



/*
--------------------------------------------
ContentPanel
--------------------------------------------
*/

div.ContentPanel 
{
    width: 960px;
    padding-top: 15px;
    background-color: rgb(255,255,255);
    overflow: hidden;
}

/*
--------------------------------------------
ContentRightPanel
--------------------------------------------
*/

div.ContentRightPanel 
{
    width: 735px;
    padding: 0 20px 15px 15px;
    float: right;
}

div.ContentRightPanel table 
{
    font-size: 85%;
    border-collapse: collapse;
} 

div.ContentRightPanel table td 
{
    padding: 5px 5px;
    border: solid 1px rgb(205,205,205);
} 


table.SixPanelsTable 
{
    width: 100%;
    margin-bottom: 10px;
    
}

div.ContentRightPanel table.SixPanelsTable td 
{
    border-style: none;
    padding: 0;
}

div.SixPanel 
{
    width: 350px;
    height: 110px;
    padding-right: 15px;
    background-image: url(SixPanelBg.gif);
    background-repeat: no-repeat;
}

div.SixPanel div.Text 
{
    width: 230px;
    padding-top: 5px;
    float: right;
}

div.SixPanel div.Text p 
{
    font-size: 100%;
    margin: 0;
    padding: 0 0 0 25px;
} 
 

div.SixPanel img 
{
    display: block;
    width: 110px;
    float: left;
}

div.SixPanel h2 
{
    padding: 0 0 5px 25px;
    margin: 0;
    font-size: 110%;
    background-image: url(RightArrows.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
}

table.AddressTable 
{
    width: 100%;
    margin-bottom: 20px;
}

div.ContentRightPanel table.AddressTable td 
{
    border-style: none;
}

table.ContactsTable 
{
    width: 100%;
    margin-bottom: 20px;
}

table.ContactsTable th 
{
    padding: 5px;
    border: solid 1px rgb(205,205,205);
    text-align: left;
    background-color: rgb(235,235,235);
}

table.CertificateTable 
{
    width: 100%;
    margin-bottom: 20px;
}

table.CertificateImageTable 
{
    width: 100%;
    border-collapse: separate;
    margin: 10px 0;
}

div.ContentRightPanel table.CertificateImageTable td 
{
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    border-style: none;
    background-color: rgb(205,205,205);
}
    
table.ImageTable
{
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
}

div.ContentRightPanel table.ImageTable td
{
    border-style: none;
    padding: 5px 0;
}

table.JobTable 
{
    width: 100%;
    margin: 0 0 20px;
    line-height: 170%;
}

table.JobTable th
{
    padding: 5px;
    border: solid 1px rgb(205,205,205);
    text-align: left;
    background-color: rgb(235,235,235);
}

table.JobQuestionTable 
{
    width: 100%;
    line-height: 170%;
    margin-bottom: 20px;
}

table.JobQuestionTable tr.Header
{
    font-weight: bold;
    background-color: rgb(235,235,235);
}

table.JobQuestionTable input.TextBox
{
    background-color: rgb(204,204,255);
    border-style: none;
    padding: 2px;
} 

table.JobQuestionTable table 
{
    width: 100%;
    font-size: 100%;
}

table.JobQuestionTable table td 
{
    padding: 5px 0;
    border-style: none;
    border-bottom: solid 1px rgb(205,205,205);
}

table.CarTable 
{
    width: 80%;
    margin-bottom: 20px;
}

table.CarTable th
{
    padding: 5px;
    border: solid 1px rgb(205,205,205);
    text-align: left;
    background-color: rgb(235,235,235);
}

div.ContentRightPanel table.CarTableList 
{
    width: 100%;
    margin-bottom: 20px;
}

div.ContentRightPanel table.CarTableList td
{
    border-style: none;
}
  
div.ContentRightPanel table.CarTableList ul
{
    margin: 1em 10px 1em 30px;
    font-size: 100%;
}

table.Parameters 
{
    width: 80%;
    margin-bottom: 20px;
}

table.Parameters th 
{
    padding: 5px;
    border: solid 1px rgb(205,205,205);
    text-align: left;
    background-color: rgb(235,235,235);
}


div.Samples 
{
    width: 560px;
    height: 240px;
    padding: 10px;
}

div.LeftSampleWithTitle 
{
    width: 260px;
    height: 240px;
    text-align: center;
    float: left;
}

div.RightSampleWithTitle 
{
    width: 260px;
    height: 240px;
    text-align: center;
    float: right;
}


div.Samples img 
{
    width: 240px;
    display: block;
    margin-bottom: 5px;
}

div.Samples span 
{
    font-size: 85%;
    font-weight: bold;
}

div.ImagesWithTitle 
{
    width: 560px;
    height: 100px;
    padding: 10px 0 10px 20px;
    margin: 0 auto;
}

div.ImagesWithTitle div 
{
    float: left;
    text-align: center;
}

div.ImagesWithTitle img 
{
    margin: 5px;
}

div.ImagesWithTitle img.WithBorder 
{
    padding: 4px;
    border: solid 1px #5d769f;
}


div.ImagesWithTitle span 
{
    font-size: 85%;
    font-weight: bold;
}


/*
--------------------------------------------
ProductsListItem
--------------------------------------------
*/

div.ProductsListItem {
    width: 100%;
}

div.ProductsListItem h2 
{
    margin-left: 150px;
}

div.ProductsListItem img 
{
    display: block;
    width: 120px;
    height: 90px;
    padding: 5px;
    float: left;
    margin-top: 10px;
    /*background-color: rgb(235,235,235); */
}

div.ProductsListItem p {
    margin-left: 150px;
}

div.ProductsListItem h5 {
    margin: 0;
    padding: 0 20px 0 0;
    text-align: right;
}

/*
--------------------------------------------
ProductsDetail
--------------------------------------------
*/

div.ProductDetail img {
    width: 240px;
    height: 180px;
    display: block;
    margin-top: 20px;
    float: left;
}

div.ProductDetail p 
{
    padding-bottom: 5px;
    margin-left: 270px;
}

div.ProductDetail h1 
{
    margin-left: 270px;
} 


div.ProductDetail table 
{
    text-align: center;
    clear: both;
    margin: 20px 0 10px;
    font-size: 80%;
}

div.ProductDetail table tr.Header td 
{
    font-weight: bold;
    background-color: rgb(235,235,235);
}

/*
----------------------------------------
UsedMachines
----------------------------------------
*/

div.UsedMachinesListItem h2 
{
    margin-left: 150px;
}

div.UsedMachinesListItem img {
    width: 120px;
    height: 90px;
    display: block;
    padding: 5px;
    float: left;
    margin-top: 10px;
}

div.UsedMachinesListItem p {
    margin-left: 150px;
    padding-bottom: 5px;
}

/*
----------------------------------------
SurplusStockList
----------------------------------------
*/

div.SurplusStockListItem h2 
{
    margin-left: 150px;
}

div.SurplusStockListItem img {
    width: 120px;
    height: 90px;
    padding: 5px;
    float: left;
    margin-top: 10px;
}

div.SurplusStockListItem p {
    margin-left: 150px;
    padding-bottom: 5px;
}

/*
--------------------------------------------
MainContactForm
--------------------------------------------
*/

div.MainContactForm
{
    width: 85%;
    margin: 10px auto;
}
        
div.MainContactForm input.TextBox 
{
    background-color: rgb(204,204,255);
    border-style: none;
    padding: 2px;
}


/*
--------------------------------------------
ContentLeftPanel
--------------------------------------------
*/

div.ContentLeftPanel 
{
    width: 175px;
    padding-left: 15px;
    float: left;
}

    
/*
--------------------------------------------
VerticalMenuPanel
--------------------------------------------
*/

div.VerticalMenuPanel 
{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background-image: url(VerticalMenuBg.jpg);
    background-repeat: repeat-x;
    background-color: rgb(46,49,144);
    color: rgb(255,255,255);
}

table.VerticalMenuItem 
{
    font-size: 80%;
    padding: 0 15px;
}

table.VerticalMenuItem a:hover
{
    text-decoration: underline;
}
    



table.VerticalMenuItemSelected
{
    font-size: 80%;
    background-image: url(VerticalMenuItemSelected.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

table.VerticalMenuItemSelected a 
{
    color: rgb(46,49,144);
    font-weight: bold;
}

/*
--------------------------------------------
FastContactPanel
--------------------------------------------
*/

div.FastContactPanel 
{
    padding: 10px;
    margin-bottom: 15px;
    background-image: url(FastContactBg.jpg);
    background-repeat: repeat-x;
    background-color: rgb(245,245,245);
}

div.FastContactPanel h3 
{
    padding: 10px 0 10px 30px;
    margin-bottom: 10px;
    background-image: url(FastContactH3Bg.gif);
    background-repeat: no-repeat;
    background-position: left 45%;
    border-bottom: solid 1px rgb(205,205,205);
}

div.FastContactPanel span
{
    color: rgb(46,49,144);
    font-size: 110%;
    font-weight: bolder;
}


/*
--------------------------------------------
FooterPanel
--------------------------------------------
*/

div.FooterPanel 
{
    width: 925px;
    height: 25px;
    padding: 10px 20px 10px 15px;
    clear: both;
    background-color: rgb(255,255,255);
    background-image: url(FooterBg.gif);
    background-repeat: repeat-x;
    color: rgb(255,255,255);
    font-size: 80%;
}

div.FooterPanel a 
{
    color: rgb(255,255,255);
    font-weight: normal;
}

div.FooterPanel a:hover 
{
    text-decoration: none;
} 


/*
--------------------------------------------
EUPanel
--------------------------------------------
*/

div.EUPanel 
{
    width: 945px;
    height: 40px;
    padding-left: 15px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
}

div.EUPanel img 
{
    display: block;
    float: left;
}

div.EUPanel p 
{
    width: 450px;
    margin: 0;
    padding: 0;
    margin-left: 80px;
    font-size: 80%;
}