html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;  
  vertical-align: baseline;
}
input[type=image] {border:0px;}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  color: #000;
  background: #fff;
  line-height: 16px;
}
ol, ul {
  list-style: none;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

html {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */      
}

body {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  font-family:verdana,tahoma,arial,sans-serif,"Trebuchet MS";
  font-size:12px;
  color:#483830;
  background-color: #F5E5D2;
  min-width: 1000px;
}

#wrapper {height:100%; margin:0 auto; min-height:100%; text-align:center; width:100%;}
#center {margin:0 auto; min-height:100%; position:relative; text-align:left; width:900px;}

h1 {font: normal 26px "Trebuchet MS"; color:#483830; }
h2 {font: normal 24px "Trebuchet MS"; color:#483830; }
h3 {font: normal 22px "Trebuchet MS"; color:#483830; }
h4 {font: normal 20px "Trebuchet MS"; color:#483830; }
h5 {font: normal 18px "Trebuchet MS"; color:#483830; }
h6 {font: normal 16px "Trebuchet MS"; color:#483830; }

a {color: #D3884B; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: none; color: #795B4B;}

.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.right {float: right;}
.left {float: left;}

#header {height: 261px; background: url(../images/header_bg.png) #D3884B center top repeat-y; position: relative; overflow: hidden; }
#header .contentWrapper {margin: 0 auto; width: 900px; }
#header .phones {color:#91290B; font-size:24px; margin: 10px 0 0 200px; width: 220px; font-family: "Trebuchet MS"; line-height: 22px; float: left; display: inline; }
#header .phones p {margin-top: 3px;}
#header .images {float: left; display: inline; margin-left: 30px; width: 410px; }
#header .images img.flour {}
#header .images img.brownBread {margin-left:-60px;}
#header .images img.yellowBread {margin-left:-52px;}

#headerContentWrapper {position: relative; margin: 0 auto; width:900px; z-index: 10; height:190px;}
#logo {background: url(../images/logo.png); width: 165px; height: 227px; text-decoration: none; position: absolute; left: 0; top:-70px; }
#logo img {margin: 30px auto 0; display: block; width: 100px;}
#logo h1 {font: normal 24px Trebuchet MS; text-align: center; color: #FFF; margin-top: 10px;}

.roundTop {height: 20px; margin: 0 auto; width:100%; background-color: #F8F5EE; position:relative;}
.roundTop img.rightTop {position: absolute; top: 0; right: 0;}
.roundTop img.leftTop {position: absolute; top: 0; left: 0;}

#menuContainer {background-color: #795B4B; width:100%; text-align: center;}
#menuWrapper {margin:0 auto; width:900px;}
#menu {margin-left: 180px; overflow: hidden;}
#menu li {float:left; }
#menu li a {color: #FFF; font: normal 18px Georgia; text-decoration: none; border-left: solid 1px #3C2F28; padding: 25px 20px; display: inline-block; display: -moz-inline-box; *display: inline-block;}
#menu li a:hover {background-color: #D3884B;  position: relative;}
#menu li a.rightBorder {border-right: solid 1px #3C2F28;}
#menu li.selected a {background-color: #FCCE8D; color: #000;}

.line {width: 100%; background-color: #4C372C; height: 13px; position: absolute; top: 58px; left:0; }

/*
#logo {background: url(../images/logo.png); position: absolute; top:-260px; left: 0; width: 165px; height: 227px; text-decoration: none; }
#logo img {margin: 30px auto 0; display: block; width: 100px;}
#logo h1 {font: normal 24px Trebuchet MS; text-align: center; color: #FFF; margin-top: 10px;}
*/

#footer {width: 100%; color: #FFF; background-color: #957566; height: 15%; position: relative;}
#footer .roundBottom {background-color: #F8F5EE; height: 20px; margin: 0 auto; width: 900px; position: relative;} 
#footer .roundBottom img.rightBottom {position: absolute; bottom: 0; right: 0;}
#footer .roundBottom img.leftBottom {position: absolute; bottom: 0; left: 0;}
#footerContentWrapper {width:900px; margin:0 auto;}
#footerContentWrapper .smallLogo {display:inline; float:left; margin-left:20px;}
#footerContentWrapper .name {color:#F8F5EE; float:left; font-family:Georgia; font-size:16px; margin:15px 0 0 20px; text-align:left; text-transform:uppercase; width:200px; display: inline;}
#footerContentWrapper .contacts {width: 300px; color: #F8F5EE; font-weight: bold; margin: 0 auto; padding-top: 10px;}
#footerContentWrapper .contacts .email {display: block; color: #F8F5EE; }
#footerContentWrapper .contacts .email:hover {text-decoration: none;}
#footerContentWrapper .copyright {float: right; margin:10px 7px 0 0; display: inline;}
#footerContentWrapper .copyright a {color: #FCCE8D;}
#footerContentWrapper .copyright a:hover {text-decoration: none;}

.mainContent {min-height: 54%; height:auto !important; height:54%; background-color: #F8F5EE; position: relative; padding-bottom: 1px; width: 900px; margin:0 auto; position:relative; text-align:left; }

/*
.mainContent .roundTop {height: 20px; position:absolute; top:-20px; left: 0px; width:100%; background-color: #F8F5EE; display: block;}
.mainContent .roundTop img.rightTop {position: absolute; top: 0; right: 0;}
.mainContent .roundTop img.leftTop {position: absolute; top: 0; left: 0;}
*/

.mainContent .shadowLeft {position: absolute; width: 9px; height: 100%; left: -2px; top: 0; background: url(../images/shadow-left.jpg) left top repeat-y; }
.mainContent .shadowRight {position: absolute; width: 9px; height: 100%; right: -2px; top: 0; background: url(../images/shadow-right.jpg) right top repeat-y; }
.mainContent .content {margin-bottom: 25px; overflow: auto;}
.mainContent .contentWrapper {float:right; margin-left:-300px; width:100%;}
.mainContent .newsBlock {float: right; width: 160px; margin-right: 20px; display: inline; margin-top:30px;}

.innerContent {width: 620px; padding: 0px 20px 10px 35px; margin: 0;} */
.innerContent .content h1 {margin-bottom: 10px;}
.innerContent .content img.left {float: left; margin: 10px 15px 20px 0; }
.innerContent .content img.right {float: right; margin-top: 20px; }
.innerContent .content .lowerText {margin-top: 13px; }


.customBlock {border: solid 1px #E3DCD0; position: relative; padding: 15px 20px 20px; }

.customBlock hr {background-color: #FCCE8D; height: 3px; border: none; color: #FCCE8D;}
.customBlock img.leftTop {position: absolute; left: -1px; top: -1px;}
.customBlock img.rightTop {position: absolute; right: -1px; top: -1px;}
.customBlock img.rightBottom {position: absolute; right: -1px; bottom: -1px;}
.customBlock img.leftBottom {position: absolute; left: -1px; bottom: -1px;}

.fullWidth {width: 100%; margin-left: 20px;}

.loginPage {padding:0 3% 0 3%; text-align:center; }
.loginPage .customBlock {margin: 50px auto; width: 50%;}

.menu {float: left; width: 120px; margin-left: 20px; display:inline;}

/* Admin styles */
.adminPanel {width: 72%; margin-left: 200px; }
.adminPanel h2 {margin-bottom: 15px; }
.adminImage {display: block;}

.adminMenu {list-style-type: disc; }
.adminMenu li {margin-top:10px;}
.adminMenu li a {font-size:14px; text-decoration:none;}

.normMsg {color:#91290B;}
/* recipe form */
#addProduct {width: 100px;}
 
/****************/

/* Catalog menu */
.catalog {width: 180px;}
.catalog .category {color: #795B4B; text-decoration: underline; font-size: 16px;}
.catalog .category:hover {text-decoration: none; }
.catalog .products  {margin-left: 20px;}
.catalog .categories li {margin-top: 20px;}
.catalog .categories a.selected {color: #91290B; text-decoration: none;}
.catalog .products li {margin-top: 10px;}
.catalog .products a.selected {text-decoration: none; color:#795B4B;}
.catalog .articles {margin-left: 0; }
/****************/

/* Delivery */
.delivery {width: 180px;}
.delivery ul {list-style-type: disc;}
.delivery ul li {color:#795B4B; font-size:14px; margin-top:14px;}
.delivery ul li a.active {color: #91290B; text-decoration: none;}
/****************/


/* Delivery page */
.deliveryContent .message {border: solid 3px #D3884B; padding: 5px; font-weight: bold;}
.deliveryContent .important {margin: 10px 0;}
.deliveryContent ul {list-style-type: disc; margin: 10px 0;}
.deliveryContent ul li {margin-top: 10px;}
.deliveryContent  ul.orderForm {list-style: none; list-style-type: none;}
.deliveryContent .orderForm input,
.deliveryContent .orderForm textarea {width: 300px;}
.deliveryContent .orderForm label {display: block; width: 300px; font-style:italic;}
.deliveryContent .orderForm label.error {display: inline; margin-left: 10px;}

.deliveryContent .properties {margin-top: 16px;}
/*****************/

/* Contacts page */
.contactsPage p {margin-top: 10px;}
.contactsPage h6 {margin-top: 15px;}
.contactsPage .info {font-size: 14px;}
.contactsPage .phonesBlock {margin-right: 100px; display: inline;}
.contactsPage .roadMap {display: none;}
.contactsPage .roadMap img {width: 500px;}
/*****************/

.product {float:right; margin-right:20px; display: inline; width: 582px;}
.product h2 {margin-right: 100px;}
.product .bigImage {margin: 0 auto; width: 400px; text-align: center; float:left;}
.product .wide {width: 100%}
.product .price {color:#91290B; float:right; font: bold 16px "Trebuchet MS"; margin-top: 5px;}
.product .description {margin-top: 20px;}
.product .links {width: 150px; float:right; padding: 10px 10px 15px 10px;}

/* Category page */
.productsContainer {margin-left:245px; }
.productSmall {height:300px; width:250px; float: left; margin: 0 0 20px 20px; overflow: hidden;}
.productSmall .price {color:#91290B; float:right; font: bold 16px "Trebuchet MS"; margin-top: 3px;}
.productSmall h4 a {text-decoration: none;}
.productSmall img {margin: 0 auto; display: block;}
.productSmall .description {font-size:11px; height:98px; overflow: hidden;}
/*****************/

.fullWidth {margin:0 auto; width:90%;}

.list {list-style: none; list-style-image: none; list-style-position: outside; margin: 0; padding: 0; width: 100%; margin-top: 10px;}
.list .number {width: 20px; display: inline-block; display: -moz-inline-box; *display: inline-block; text-align: right;}
.list .actions {width: 170px;}
.list .posNumber {width: 20px; text-align: right;}
.list .posNumber input {width: 70px; }
.list thead {background-color: #4C372C;}
.list th {text-align: left; color: #fff; padding: 4px 2px;}
.list th.posNumber {text-align: center;}
.list .even {background-color: #F5E5D2;}

.ui-sortable {cursor: move;}
.list .ui-sortable-placeholder {background-color: #D3884B; }
.list .ui-sortable-placeholder td {border: 1px dashed #000; cursor: pointer;}

.adminAddLink {width: 100%; text-align: right;}

.form {list-style: none; list-style-image: none; list-style-position: outside; margin: 0; padding: 0; width: 100%;}
.form li {position: relative; margin: 10px 0;}
.form li.submit {text-align: center;}
.form label {width: 200px; display: inline-block; display: -moz-inline-box; *display: inline-block; }
.form input {width: 30%;}
.form input.short {width: 60px; }
.form input[type=submit] {width: 150px; }
.form .input {width: 30%;}
.form label.error {color: red;}
.form select.error, input.error {border: 1px solid red;}
.form .button {display:block; margin-left: 204px;}

/*   Login page   */
.loginPage .inputRow {margin-top: 10px;}
.loginPage .submit {margin-top: 10px;}
.loginPage .inputRow label {display: inline-block; display: -moz-inline-box; *display: inline-block; width: 70px;}
/******************/


.skypeIcon {width: 40px; vertical-align: middle;}
.buyButton {width: 150px; height: 50px; color: #d3884b; font-size: 20px; height: 50px; margin: 50px 0 0 50px; text-align: center; width: 150px;}
.buyDescription {float: right; margin-top: 200px; width: 200px; }