body {
    font-family         : Arial, sans-serif;
    font-size           : 12px;
    background          : #FDFDFE;
    color               : #666666;
    margin-top          : 15px;
}

.clear {
    clear               : both;
}

a {
    color               : #848484;
}

a:hover {
    color               : #E04155;
}

a img {
    border              : none;
}

img.left {
    float               : left;
    margin              : 0 15px 15px 0;
}

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

#frame {
    margin              : 0 auto;
    width               : 980px;
    background          : url(/images/default/frame-bg.png) repeat-y;
    padding             : 0 20px;
}

#frame-top {
    background          : url(/images/default/frame-top.png) no-repeat 0 0;
    height              : 20px;
    width               : 1020px;
    margin              : 0 auto;
}

#frame-bottom {
    background          : url(/images/default/frame-bottom.png) no-repeat 0 0;
    height              : 20px;
    width               : 1020px;
    margin              : 0 auto;
}

#content-frame {
    background          : url(/images/default/content-bg.png) repeat-y;
    clear               : both;
}

#header {
    background          : url(/images/default/header-bg.jpg) no-repeat 0 0;
    width               : 980px;
    height              : 231px;
    border-bottom       : 4px solid #FFF;
}

#left-frame {
    padding-top         : 16px;
    float               : left;
    width               : 200px;
}

#content {
    float               : left;
    width               : 540px;
    padding             : 20px 20px 0 20px;
    margin-bottom       : 30px;
}

#right-frame {
    padding-top         : 20px;
    background          : #F2F2F2;
    float               : right;
    width               : 200px;
}

#right-frame div.h2 {
    font-weight         : bold;
    border-bottom       : 1px solid #D1D3D4;
    margin-bottom       : 15px;
    text-indent         : 15px;
    background          : none;
    color               : #666;
    font-size           : 12px;
    padding             : 0 0 4px 0;
}

#right-frame div.content {
    padding             : 0 15px 15px 15px;
    font-size           : 11px;
}

#right-frame div.content p {
    margin-bottom       : 5px;
}

#right-frame img {
    border              : 1px solid #D3D5D7;
}

#footer {
    background          : #F8F8F8;
    width               : 980px;
    color               : #919191;
    font-size           : 11px;
    border-top          : 2px solid #AAAAAA;
    text-align          : center;
    padding             : 18px 0;
    margin-top          : 4px;
}

#footer #footer-slogan {
    font-family         : "Times New Roman", serif;
    font-size           : 20px;
    color               : #919191;
    letter-spacing      : 9px;
    margin-bottom       : 3px;
}

#navigation {
    width               : 200px;
}

#navigation div.box-express-order {
    display             : none;
}

#navigation ul {
    list-style-type     : none;
    padding             : 0;
}

#navigation ul li a {
    color               : #848484;
}

#navigation ul li a.active {
    font-weight         : bold;
}

#navigation ul li a:hover {
    text-decoration     : underline;
}

#navigation ul li a {
    padding             : 4px 15px;
    color               : #666666;
    display             : block;
    border-bottom       : 1px solid #D1D3D4;
    text-decoration     : none;
}

#navigation ul li.last a {
    border-bottom       : none;
}

#navigation ul li ul li {
    background-color    : #FCFCFC;
}

#navigation ul li ul li a {
    background-color    : #FCFCFC;
    font-size           : 11px;
    border-bottom       : none;
    padding             : 4px 30px;
}

#navigation ul li ul li a:hover {
    text-decoration     : underline;
}

#navigation ul ul ul {
    border-color        : #D1D3D4;
    border-style        : solid;
    border-width        : 1px 0;
    margin-left         : 30px;
}

#navigation ul ul ul li a {
    padding             : 4px 15px;
}


div#content h1 {
    font-size           : 14px;
    border-bottom       : 1px solid #2E89C2;
    color               : #2E89C2;
    padding-bottom      : 4px;
    margin-bottom       : 20px;
}

div#content p {
    margin-top          : 15px;
}

#logo {
    height              : 35px;
    width               : 185px;
    float               : left;
    margin-right        : 4px;
    padding             : 20px 0 0 15px;
}

#list {
    float               : right;
}

#list #language-switcher {
    float               : right;
    margin              : 10px 15px 0 0;
    padding             : 0;
}

#list #language-switcher a {
    text-decoration     : none;
}


#list ul.menu-top {
    margin-top          : 40px;
    list-style-type     : none;
    margin-right        : 15px;
}

#list ul.menu-top li a {
    color               : #848484;
    float               : left;
    text-decoration     : none;
    font-size           : 10px;
    background          : url(/images/default/list-bg.png) no-repeat right center;
    padding             : 0 5px;
}

#list ul.menu-top li a:hover {
    color               : #E04155;
}

#list ul.menu-top li {
    display             : inline;
}

#list ul.menu-top li.last a {
    background          : none;
    padding-right       : 0;
}

div.box-search {
    color               : #999999;
    width               : 334px;
    float               : left;
    padding-left        : 100px;
    margin-top          : 14px;
}

div.box-search div.h2,
div.box-search p {
    display             : none;
}

div.box-search div.content {
    margin              : 0;
    padding             : 0;
}

div.box-search fieldset label {
    display             : none;
}

div.box-search fieldset input.text {
    width               : 260px;
    padding             : 4px 5px 4px 5px;
    border              : 1px solid #2F89C2;
    font-size           : 11px;
    margin-bottom       : 2px;
    color               : #2F89C2;
}

div.box-search fieldset input.submit {
    color               : #FFF;
    background          : none;
    border              : none;
    font-size           : 11px;
    text-align          : left;
    padding             : 3px 5px;
    cursor              : pointer;
    border              : 1px solid #2F89C2;
    background          : #2E89C2;
    margin-left         : -4px;
    height              : 24px;
    position            : relative;
    top                 : 1px;
}

#pdf-catalogue {
    width               : 200px;
    float               : left;
    font-size           : 11px;
    margin-top          : 20px;
}

#pdf-catalogue p {
    float               : left;
    margin              : 0 0 0 10px;
    padding-top         : 18px;
    width               : 82px;
}

#pdf-catalogue a {
    clear               : left;
}


#pdf-catalogue img {
    float               : right;
    margin              : 15px 14px 15px 0;
}

#breadcrumb {
    color               : #727272;
    padding-left        : 15px;
    font-size           : 11px;
    width               : 557px;
    height              : 24px;
    float               : left;
    line-height         : 24px;
    background          : url(/images/default/breadcrumb-bg.png) repeat-x;
    margin-left         : 4px;
    margin-top          : 146px;
}

#breadcrumb ol {
    list-style-type     : none;
    padding             : 0;
}

#breadcrumb ol li {
    display             : inline;
}

#breadcrumb ol li a {
    text-decoration     : none;
    color               : #727272;
    padding-right       : 5px;
    background          : url(/images/default/breadcrumb-line.gif) no-repeat right 5px;
}

#breadcrumb span {
    margin-right        : 6px;
    font-weight         : bold;
}

#right-nav {
    width               : 200px;
    float               : right;
    margin-top          : 21px;

}

#right-nav ul {
    list-style-type     : none;
    padding             : 0;
}

#right-nav ul li a:hover {
    text-decoration     : underline;
}

#right-nav ul li a {
    height              : 15px;
    color               : #FCFCFC;
    display             : block;
    text-decoration     : none;
    background          : #2E89C2;
    border-bottom       : 1px solid #E4E5E7;
    padding             : 7px 15px;
    font-weight         : bold;
    font-size           : 11px;
}

#right-nav ul li.last a {
    border              : none;
    padding-right       : 0;
}


/**** Opera Hack ****/
@media all and (min-width: 0px) {
    div.box-search fieldset input.submit {
        top                 : 2px;
        padding             : 5px 8px;
    }
}

/**** Safari Hack ****/
@media all and (min-width: 0px) {
    div.box-search fieldset input.submit:not(:root:root) {
        top                 : 0;
    }
}
