﻿body {margin: 0 auto; width: 980px; padding-bottom: 75px;}
body, table, form, input, textarea, select {font-family:  sans-serif; font-size: 13px; }
p, img, table {margin: 0; padding: 0; border: 0;}

input[type=text], textarea {background-color: #fff; border: 1px solid #dadadc}
input[disabled], textarea[disabled] {background-color: #eee;}

a {color: inherit; text-decoration: none;}
p {margin-bottom: 5px;}
p.Warning {color: #f00;}
tr.Warning td, tr.Warning th {background-color: #f00; color: #fff;}


div#headerControl {background-color: #5b7810; background-image: url('/img/header-background.png'); background-repeat: no-repeat; background-position: 0px 5px; height: 55px;}
div#headerControl img {margin: 15px 0 0 220px;}

div#navigationControl {width: 200px; min-height: 545px; float: left; background-image: url('/img/navigation-background.jpg'); background-repeat: repeat;}

div#logoControl {position: relative; left: 45px; top: -35px;}
div#backControl {position: relative; left: 855px; top: -135px;}

div#productTypesControl {background-color: #dadadc; padding: 1px 0;}
div#productTypesControl a {display: block; margin: 5px 0; padding: 4px 0 4px 10px; font-size: 14px; font-weight: bold; background-color: #9d9ea0; color: #fff;}
div#productTypesControl a span {font-size: 11px; font-weight: normal;}
div#productTypesControl a.Active {background-color: #5b7810;}

div#contentControl {float: left; width: 775px;}

div.Clearer {clear: both;}

div#promotionsControl { padding: 0 20px;}
div#promotionsControl img { display: block; float: left; margin-left: 15px; border: 1px solid #dadadc; padding: 1px; margin-top: 10px;}

div#contentNavigationControl {margin: 50px 40px 0; color: #777; font-size: 13px;}

img#logotypeImage { float: right; position: relative; left: -27px; top: -30px; }

div#productsListControl {margin: 0 20px;}
div#productsListControl div {margin-left: 15px; margin-top: 12px; float: left; width: 215px; height: 180px; border: 1px solid #dadadc; padding: 1px;}
div#productsListControl p {margin: 3px 4px; padding: 0;}
div#productsListControl p.Title {color: #777;}
div#productsListControl span.DiscountPrice {color: #e40b1c; font-size: 16px; font-weight: bold;}
div#productsListControl span.OriginalPrice {color: #777;}

div#productViewControl {margin: 0 20px; border: 1px solid #dadadc; padding: 15px;}
div#productViewControl div.Box {float: left; width: 335px; min-height: 360px; }
div#productViewControl div#leftBox {padding-right: 15px; }
div#productViewControl div#rightBox {padding-left: 15px; border-left: 1px solid #dadadc;}
div#productViewControl img.Photo { margin-bottom: 15px; }
div#productViewControl p.Title {color: #777; font-size: 18px; font-weight: bold;}
div#productViewControl p.DiscountPrice {color: #e40b1c; font-size: 28px;}
div#productViewControl p.OriginalPrice {color: #777; font-size: 16px;}
div#productViewControl p.DescriptionTitle {color: #777; font-size: 18px; text-decoration: underline;}
div#productViewControl p.Description {color: #777; font-size: 13px; min-height: 300px; line-height: 130%;}
div#productViewControl p.AttachmentTitle {color: #777; font-size: 18px; text-decoration: underline;}
div#productViewControl p.Attachment {color: #777; font-size: 13px; line-height: 130%;}
div#productViewControl img.DiscountCategory {float: left; margin-right: 5px;}
div#productViewControl p.DiscountCategory {color: #5b7810; font-size: 11px;}

div.Content {color: #555; margin: 0 40px;}
h1 {font-size: 17px; font-weight: bold; margin: 10px 0 6px; padding: 0;}
h2 {font-size: 15px; font-weight: bold; margin: 8px 0 5px; padding: 0;}
h3 {font-size: 13px; font-weight: bold; margin: 6px 0 4px; padding: 0;}

table {border-spacing: 0;}
td, th {text-align: left; padding-bottom: 3px;}
th.Header {font-size: 15px;}
th.Warning {color: #e40b1c}

