body { margin: 0; padding: 0; color: #555; font: normal 9pt 'tahoma',serif; color: 333333;background: #EFEFEF;}
#page { margin-bottom: 5px; background: white; }
#header { margin: 0; padding: 0; background:#000; height:50px; }
#content { padding: 20px 0 0 0; overflow: hidden; }
#footer { padding: 10px; margin: 10px 20px; font-size: 0.8em; border-top: 1px solid #C9E0ED; overflow:hidden;}
#logo { padding: 10px 20px 10px 40px; font-size: 200%; }
.main-content {margin-left: 10px; }

/********** main menu *************/
#mainmenu { margin: 0px auto; width: 550px; padding-top:10px; }
#mainmenu ul { padding:6px 20px 5px 20px; margin:0px; }
#mainmenu ul li { display: inline; }
#mainmenu ul li a { color:#fac32a; background-color:transparent; font-size:0.9em; text-decoration:none; padding:5px 8px; }
#mainmenu ul li a:hover, #mainmenu ul li a.active { color: #fff; text-decoration:none; }

/******* info blocks *************/
div.error, div.notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
div.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
div.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
div.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
div.error a { font-size: 1.2em; color:#8a1f11; }
div.notice a { font-size: 1.2em; color:#514721; }
div.success a { font-size: 1.2em; color:#264409; }
div.form .rememberMe label { display: inline; }

div.box { background: white;}

.actions { margin: 0 0 10px 0; padding: 0; }
.actions li { display: inline; margin: 0; padding: 0; }
.actions li a { padding: 5px; margin: 0; color: #298dcd; text-decoration: none; font-size: 0.8em; font-weight: bold; background: #DFF4FF; border-left: 5px solid #589FC8; }
.actions li a:hover, .actions li a.active { background: #589FC8; color: white; }

div.view { padding: 10px; margin: 10px 0; border: 1px solid #C9E0ED; }

div.breadcrumbs { font-size: 0.9em; padding: 5px 0 10px 0; }
div.breadcrumbs span { font-weight: bold; }

table td.center, table th.center { text-align: center; }
div.image-items { overflow: hidden; }

.widgets { min-height: 120px; }
.search {margin-bottom: 20px; text-align: right; }

input, textarea { border: 1px solid black; }
input.orange-input, button.orange-input { border: 1px solid #a97705;  background: url('images/button.png') repeat-x 0 0; font-weight: bold; }

table.items { font-size: 0.9em; color: black; }
table.items th { background-color: #ccc; }
table.items .even { background-color: #eaeaea; }
table.items .odd { background-color: #fff; }
table.items a { text-decoration: none; color: black; font-size: 0.9em; }

.paid, .non-paid { padding:.8em; margin-bottom: 1em; border: 2px solid #ddd; color: #000}
.paid { border-color: #C6D880; }
.non-paid { border-color: #FBC2C4; }

.can-edit:hover .hide { display: inline; }

div#category-menu-widget .portlet-content, div#currency-widget, div#admin-menu-widget {margin-left: 20px; margin-bottom: 15px;}
    div#category-menu-widget span#title-category-widget { font-size: 1.6em; color: black; display: block; height: 38px; padding: 15px 0 0 67px; background: #ccc url('images/tools-menu.png') no-repeat 7px 12px;}
    div#category-menu-widget li {list-style-type: none; border-bottom: #000 1px dotted; margin-bottom: 5px; padding-bottom: 5px; }
        div#category-menu-widget li a {text-decoration: none; color: black; font-size: 1.1em; }

div.widgets { margin-bottom: 10px; margin-top: 10px; background: url('images/grad-login.png') no-repeat bottom left; padding-bottom: 30px;}
    div.cart-widget-container {background: url('images/cart.png') no-repeat 0 0;}
        div#cart-widget {margin-left:85px;margin-top: 10px;}
            div#cart-widget span { font-size: 1.6em; color: black; }
    div.price-container {background: url('images/price-list.png') no-repeat 0 15px; margin-left: 20px;}
        div#price {margin-left: 80px; margin-top: 10px; }
        div#price span { font-size: 1.6em; color: black; display: block; }
    div.phones-container {background: url('images/phone.png') no-repeat bottom left; height: 140px; margin: 10px 0 20px 15px; color: black; text-align: right; padding-right: 20px; }
        div.phones-container div { margin-bottom: 4px;}
        div.phones-container div#main-phone { color: #a40000; font-weight: bold; font-size: 1.7em; margin-bottom: 7px;}

div.image-item { float: left; text-align: center; margin-left: 15px; margin-bottom: 15px; border: 1px solid black; padding: 10px;}
    div.image-item div { margin-bottom: 5px; min-height: 150px;  }


div.info-block { margin-bottom: 20px; }
    div.info-block div#news-brief { background: url('images/brief.png') no-repeat right top white; }

div#offers-widget {margin-bottom: 10px; }
    ul.offers {list-style: none; overflow: hidden; min-height: 200px; margin: 0; padding: 0; border-bottom: dotted 1px #000; }
        ul.offers li {width: 180px; float: left; padding: 12px 10px; text-align: center; }
            ul.offers li div.img { margin: 10px 0; height: 120px; display: table-cell; vertical-align: middle; width: 180px; }
            ul.offers li p.price {margin: 0px; font-weight: bold;}