/* -----------------------------   Generics   ----------------------------- */

*
{
   margin: 0;
   padding: 0;
}

html
{
   height: 100%;
}

body 
{
   width: 100%;
   height: 100%;
   min-width: 740px;
   margin: 0 auto;
   background: #000;
   color: #c0c0c0;
   font: 14px/140% Georgia, Times, Sans-Serif;
}


/* -----------------------------   Basic elements   ----------------------------- */

p
{
   margin-bottom: 0.6em;
}

img
{
   border-style: none;
}

table, tr, th, td 
{
   border-spacing: 0px;
   border-collapse: collapse;
   empty-cells: show;
}

object
{
   background: transparent;
}

input, textarea, select
{
   font: 11px/140% Verdana, Arial, Helvetica, Sans-Serif;
   padding: 0;
   color: #c0c0c0;
   background: #000;
   border: 1px solid #686868;
   border-collapse: collapse;
}


/* -----------------------------   Layout   ----------------------------- */
 
#Layout
{
   width: 100%;
   background: url("/automotive/common/images/common/header/header.gif") repeat-x;
}

#Layout td#Middle
{
   min-width: 480px;
   width: 61%;
}

#Layout td#Right
{
   padding-right: 20px;
   width: 20%;
}


/* -----------------------------   Header   ----------------------------- */

#Header
{
   height: 48px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   background: #202020 url("/automotive/common/images/common/header/header.gif") repeat-x;
}

#Logo
{
   padding-left: 20px;
   width: 19%;
   font: 220% Georgia, Times, Sans-Serif;
   color: #fff;
}

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

#LogoRegistered
{
   font-size: .5em;
   vertical-align: top;
}

#LogoGraphical, #LogoGraphical a
{
   position: absolute;
   top: 0;
   left: 0;
   width: 160px;
   height: 48px;
   background: url(/automotive/common/images/common/header/logo.png) no-repeat;
}

#SitemapItem
{
   padding: 0;
   margin: 0;
   color: #fff;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 48px;
   background: transparent url(/automotive/common/images/common/header/sign.png) 100% 0 no-repeat;
}

#SitemapItem a, #SitemapItem a:visited, #SitemapItem span#Selected, #SitemapItem span#Passive
{
   padding-left: 10px;
   color: #fff;
   border-left: 1px solid #fff;
}

#SitemapItem a:hover
{
   color: #c0c0c0;
}

#SitemapItem span#Selected
{
   font-weight: bold;
}


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

#MenuMain
{
   position: relative;
   float: left;
   height: 48px;
   text-align: center;
}

#MenuMain .Normal
{
   color: #fff;
}

#MenuMain #Selected
{
   font-weight: bold;
   color: #fff;
   background: #404040 url("/automotive/common/images/common/menu/selected.gif") repeat-x;
}

#MenuMain #SelectedLL
{
   width: 8px;
   background: #202020 url("/automotive/common/images/common/menu/selected_ll.gif");
}

#MenuMain #SelectedLR
{
   width: 8px;
   background: #404040 url("/automotive/common/images/common/menu/selected_lr.gif");
}

#MenuMain #SelectedRL
{
   width: 8px;
   background: #404040 url("/automotive/common/images/common/menu/selected_rl.gif");
}

#MenuMain #SelectedRR
{
   width: 8px;
   background: #202020 url("/automotive/common/images/common/menu/selected_rr.gif");
}

#MenuMain .Separator
{
   width: 8px;
}

#MenuMain a, #MenuMain a:visited
{
   display: block;
   line-height: 48px;
   height: 48px;
   color: #fff;
   background: transparent;
}

#MenuMain a:hover
{
   color: #c0c0c0;
}

#MenuMain #Selected a:hover
{
   color: #c0c0c0;
}


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

#SubHeader
{
   height: 4em;
}

#Slogan
{
   padding: 0 10px 0 20px;
   color: #686868;
   font-size: 80%;
   font-style: italic;
   white-space: nowrap;
}

#Tel
{
   margin: 0 20px 0 6px;
   padding-left: 30px;
   font: 18px/140% Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   background: url(/automotive/common/images/common/header/phone.gif) 0 100% no-repeat;
   white-space: nowrap;
}

#Tel span
{
   font-size: 80%
}


/* -----------------------------   Search area   ----------------------------- */

#Salutation
{
   padding-left: 16px;
   /*font-style: italic;*/
   font-size: 120%;
   color: #686868;
}

#SearchSubmit
{
   margin-top: 1px;
   vertical-align: top;
   width: 90px;
   height: 1.75em;
   font-size: 85%;
   color: #c0c0c0;
}

#SearchKeys
{
   width: 270px;
   height: 1.5em;
   font-size: 90%;
   line-height: 1.5em;
}


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

#MenuRight
{
   margin-top: 95px;
   width: 100%;
}

#MenuRight #Selected
{
   font-weight: bold;
   background: #241807;
}

#MenuRight #SelectedFront
{
   width: 7px;
   background: #f4ff3f url(/automotive/common/images/common/menu/selection.gif) 0 0 no-repeat;
}

#MenuRight #SelectedBack
{
   width: 1px;
   background: #241807 url(/automotive/common/images/common/pixel/yellow.gif);
}

#MenuRight .SelectedLine
{
   height: 1px;
   background: #241807 url(/automotive/common/images/common/pixel/yellow.gif);
}

#MenuRight .Item
{
   padding: 7px 5px 6px 17px;
}

#MenuRight span
{
   color: #686868;
   font-weight: normal;
}

#MenuRight a, #MenuRight a:visited
{
   color: #80c080;
}

#MenuRight a:hover
{
   color: #f4ff3f;
}


/* -----------------------------   Headers   ----------------------------- */

h1, h2, h3, h4, h5, h6
{
   font-family: Georgia, Times, Sans-Serif;
   font-weight: normal;
}

h1
{
   margin: 0.25em 0 .8em 0;
   font-size: 180%;
}

h2
{
   margin: 1.2em 0 0.4em 0;
   font-size: 100%;
   font-weight: bold;
}

h3
{
   margin: 0 0 0.4em 0;
   font-size: 100%;
   line-height: 140%;
}

h4
{
   font-size: 100%;
   line-height: 140%;
}

h5
{
   font-size: 90%;
   font-weight: bold;
   line-height: 140%;
}

h6
{
   font-size: 80%;
   font-weight: bold;
   line-height: 140%;
}

h1 a:link, h1 a:hover, h1 a:visited
{
   color: #2a488c;
   text-decoration: none;
}


/* -----------------------------   Links   ----------------------------- */

a:link
{
   color: #ffc03a;
}

a:visited
{
   color: #93601d;
}

a:hover
{
   color: #ffff74;
}


/* -----------------------------   Engine messages   ----------------------------- */

p#Message, p#Alert
{
   margin-bottom: 1em;
   border-style: double none;
   border-width: 3px;
   padding: 4px 2px 5px 2px;
   margin-top: 2.5em;
}

p#Alert
{
   color: #ffff74;
}


/* -----------------------------   Home page   ----------------------------- */

.Yelloback
{
   background: #241807;
   margin: 20px 0;
}

.Shortcuts
{
   margin: 20px 0;
   font-size: 85%;
   line-height: 140%;
}


/* -----------------------------   Dowload references   ----------------------------- */

p.DownloadBlockZip
{
   background: url(/content/common/images/common/zip.gif) 0 -2px no-repeat;
   padding-left: 30px;
   padding-bottom: 4px;
   margin-top: 20px;
   margin-bottom: 20px;
}

p.DownloadTopZip
{
   background: url(/content/common/images/common/zip.gif) 0 -2px no-repeat;
   padding-left: 30px;
   padding-bottom: 4px;
   margin-top: 20px;
}

p.DownloadZip
{
   background: url(/content/common/images/common/zip.gif) 0 -2px no-repeat;
   padding-left: 30px;
   padding-bottom: 4px;
}


/* -----------------------------   Price table  ----------------------------- */

table.Price th
{
   text-align: right;
   padding-bottom: .6em;
   padding-right: 3em;
}

table.Price td
{
   text-align: right;
   padding: .2em 3em .2em 0;
}


/* -----------------------------   Quote form   ----------------------------- */

form#Quote table
{
   margin: 14px 0 10px 0;
}

form#Quote th
{
   font-weight: bold;
   text-align: left;
   background: #241807;
   padding: 8px 10px 8px 10px;
}

form#Quote td
{
   text-align: left;
   vertical-align: top;
}

form#Quote td.FirstRow
{
   padding-top: .6em;
}

form#Quote td.Entry
{
   padding-left: 30px;
   padding-right: 1em;
}

form#Quote span
{
   color: #ffff74;
   margin: 0 0 0 .2em;
   font-weight: bold;
}

form#Quote input, #Quote textarea
{
   height: 1.5em;
   margin: 0 0 10px 0;
   font-family: Georgia;
   font-size: 1em;
}

form#Quote select
{
   width: 7em;
   height: 1.65em;
   margin: 0 0 10px 0;
   border-width: 1px;
   font-family: Georgia;
   font-size: 1em;
}

form#Quote textarea
{
   width: 100%;
   height: 10em;
   scrollbar-arrow-color: #686868;
   scrollbar-base-color: #000;
   scrollbar-shadow-color: #686868;
   scrollBar-darkshadow-color: #000;
   scrollbar-highlight-color: #686868;
   scrollbar-3dlight-color: #000;
}

form#Quote input.Max
{
   width: 100%;
}


form#Quote input.Short
{
   width: 70%;
}

form#Quote input.Submit
{
   width: 40%;
   height: 1.75em;
   /* margin-top: 10px; */
   color: #c0c0c0;
}

#PolicyHeader
{
   font-size: 80%;
   padding-top: 20px;
   color: #686868;
}

#PolicyText
{
   font-size: 80%;
   padding-top: 20px;
   color: #686868;
}


/* -----------------------------   Lists (used for algorithms)   ----------------------------- */

ul, ol
{
   margin: 0 0 10px 45px;
}

ul
{
   list-style-type: square;
}

ol
{
   color: #686868;
}

ol li
{
   list-style-type: decimal;
   margin-left: 5px;
}

ol ol
{
   margin-left: 25px;
   margin-top: 5px;
}

ol ol li
{
   list-style-type: upper-alpha;
}

ol ol ol li
{
   list-style-type: lower-alpha;
}

ol ol ol ol li
{
   list-style-type: lower-roman;
}

ul.NoMarker
{
   margin-left: 30px;
}

ul.NoMarker li
{
   list-style-type: none;
}


/* -----------------------------   Illustrations   ----------------------------- */

.Teaser img
{
   margin: 20px 0 .6em 0;
}

.Artwork
{
   margin: 30px 0 15px 30px;
}

span.Artwork
{
   display: block;
}

.ArtworkNoSignature
{
   margin: 30px 0 27px 30px;
}

span.ArtworkNoSignature
{
   display: block;
}

.Signature
{
   margin: 0 0 20px 30px;
   font-size: 85%;
}

span.Signature
{
   display: block;
}


/* -----------------------------   Text formatting   ----------------------------- */

#Content
{
   padding: 2em 40px 0 16px;
}

.ItemCategory
{
   color: #686868;
}

.ItemBodyColor
{
   color: #c0c0c0;
}

.Remark
{
   margin-bottom: 0.6em;
   font-size: 80%;
}
  
span.Control
{
   color: #f4ff3f;
   font-style: italic;
}

span.Guide
{
   color: #00c00b;
}

.NoBreak
{
   white-space: nowrap;
}


/* -----------------------------   Write to author block  ----------------------------- */

#WriteToAuthor
{
   background: #f3f3e7 url(/content/common/images/common/mail.gif) 10px 50% no-repeat;
   padding: 8px 10px 8px 40px;
}


/* -----------------------------   Sitemap page   ----------------------------- */

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

ul#Sitemap li.Chapter, ul#Sitemap li.Page, ul#Sitemap li.Appendix
{
   margin: .4em 0;
   list-style-type: none;
}

ul#Sitemap li.Chapter
{
   margin-top: 1em;
   font-weight: bold;
}

ul#Sitemap li.Page
{
   margin-left: 1em;
}

ul#Sitemap li.Appendix
{
   margin-left: 2em;
}


/* -----------------------------   Search result page   ----------------------------- */

ol #Search
{
   margin: 0 0 0 2.0em;
   padding: 0;
}

ol#Search .URL
{
   font-size: 85%;
   color: #686868;
   line-height: 2.3em;
   text-decoration: none;
}


/* -----------------------------   Footer   ----------------------------- */

#Footer
{
   text-align: left;
   font-size: 85%;
   color: #8a8a8a;
}

#Footer a, #Footer a:visited
{
   color: #8a8a8a;
}

#Footer a:hover
{
   color: #c2c2c2;
}