html, body {	
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: #f3e8cb url("/images/bg.jpg");  
}

body, p, li, th, td, div, font, span, input, textarea, select {
    font-size: 12px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #384b54;
}

a {
    color: #a40e13;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

img {
    border-width: 0px;
}

form {
    padding: 0px;	
	margin: 0px;
}

h1, h2, h3, h4 {
    padding: 0px;	
	margin: 0px;
	color: #a40e13;
}
h1 {
    font-size: 18px;
}
h2 {
   font-size: 16px;
}
h3 {
   font-size: 14px;
   font-weight: bold;
}
h4 {
   font-size: 12px;
   font-weight: bold;
}
ul {
    list-style-type: square;
}

/* Framework */
#base-table {
    width: 100%;
    height: 100%;
}
#header-table img {
	display: block;
}
.framework-padding-left, .framework-padding-right {
    width: 1px;
    font-size:1px;
	line-height:1px;
}
.framework-padding-left {
	padding-left: 43px;
}
.framework-padding-right {
	padding-right: 31px;
}
#main-table {
	padding-top: 16px;
}
#content {
    padding: 0px 22px 16px 22px;
    z-index: 2;
}
#content a {
    color: #a40e13;
}

/* Types bar */
#types-bar, #types-bar table {
    width: 100%;
}
#types-bar {
    padding-top: 12px;
    padding-bottom: 18px;
}
#types-bar img {
    display: block;
}
#types-bar div {
	margin: auto;
}
#types-bar a {
    text-decoration: none;
}
#types-bar a:hover {
    text-decoration: underline;
}
#types-bar .height {
	height: 84px;
}
#types-bar .width {
    width: 120px;
}

/* Messenger messages */
#messenger-messages {
    border: 1px solid red;
    margin: 0px 22px 16px 22px; 
    padding: 20px;
    text-align: center;   
}

/* Menu */
/* Main menu */
.main-menu table {
	margin-bottom: 16px;
}
.main-menu table td.left {
	width: 44px;
}
.main-menu table td.center {
	width: 1px;
	padding: 4px 0px;
	padding-right: 10px;
}
.main-menu table td.r, .main-menu table td.b, .main-menu table td.br {
	font-size: 1px;
	line-height: 1px;
}
.main-menu table td.b, .main-menu table td.br {
	height: 2px;
}
.main-menu table td.r {
	width: 3px;
}
.main-menu table.active td {
	background-color: #a40e13;
}
.main-menu table.active td.b {
	background: url("/images/main_menu_active_b.gif") top left repeat-x;
}
.main-menu table.active td.r {
	background: url("/images/main_menu_active_r.gif") top left repeat-y;
}
.main-menu table.active td.br {
	background: url("/images/main_menu_active_br.gif") top left no-repeat;
}
.main-menu a {
	color: #a40e13;
	text-decoration: none;
	white-space: nowrap;
}
.main-menu a:hover {
	text-decoration: underline;
}
.main-menu table.active a {
	color: #ffffff;
}
.main-menu table.active a:hover {
	text-decoration: none;
}
    /* Sub menu */
    .main-menu .sub-menu {
        margin-bottom: 16px;
        padding-left: 58px;
    }
    .main-menu .sub-menu div.item {
        padding-left: 12px;
        background: url("/images/sub_menu_item.gif") top left no-repeat;
    }
    .main-menu .sub-menu div.separator {
        height: 4px;
        font-size: 1px;
        line-height: 1px;
    }
    .main-menu .sub-menu div.active {
    	background: url("/images/sub_menu_item_active.gif") top left no-repeat;
    }
    .main-menu .sub-menu a {
    	font-size: 11px;
    	white-space: normal;
    }
    .main-menu .sub-menu .active a {
        color: #384b54;
    	text-decoration: none;
    }
    
/* Authorization form */
#authorization_form, #authorization_form .field input {
    padding: 0px;
    margin: 0px;
}
#authorization_form {
    padding-bottom: 16px;
}
#authorization_form input, #authorization_form a, .auth-error {
    font-size: 11px;
}
#authorization_form .field input {
    border: 0px;
    width: 134px;
    height: 12px;
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
    background: transparent;
}
#authorization_form .field {
    background: url('/images/authorization_field.jpg') top left no-repeat;
    width: 146px;
    height: 25px;
}
.auth-error {
    padding-bottom: 4px;
}

/* Registered */
.greeting, .logout {
    font-size: 11px;
}
.greeting {
    padding-bottom: 12px;
}
.greeting a {
    color: #a40e13;
    font-weight: bold;
}
.logout {
    padding-bottom: 16px;
}

/* Footer */
#footer {
	height: 99px;
}
#footer td, #footer a {
	color: #3e3b34;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer .copyright {
	padding-top: 8px;
	font-size: 11px;
}

/* Misc */
.error, .success, .notice {
    font-weight: bold;
}
.error {
    color: red;
}
.success {
    color: green;
}
.notice {
	color: #a40e13;
}
.hint {
	padding-bottom: 10px;
	font-size: 11px;
}
.help {
	cursor: help;	
}
.nav-link {
    color: #a40e13;
    white-space: nowrap;
}
.nav .forward-link, .nav .back-link {
    padding-bottom: 2px;
}
.nav .forward-link {
    padding-right: 18px;
    background: url('/images/nav_link_forward.gif') center right no-repeat;
}     
.nav .back-link {
    padding-left: 18px;
    background: url('/images/nav_link_back.gif') center left no-repeat;
}
.currency-fmt {
    white-space: nowrap;
}
.error-block, .success-block {
    margin: auto;
    width: 60%;
    padding: 20px;
    margin-top: 100px;
    text-align: center;
}
.error-block {
    border: 1px solid red;
}
.notice-block {
	padding: 10px;
    border: 1px solid #a40e13;
}
.success-block {
    border: 1px solid green;
}
.bread-crumbs {
    padding-bottom: 12px;
}
#content h1, #content h2, #content h3, #content h4 {
    padding-bottom: 8px;
}
#content .bread-crumbs a.link {
    font-size: 11px;
}
#content .bread-crumbs a.active {
    color: #384b54;
    text-decoration: none;
}
.hidden-block {
    display: none;
}
img.vertical-separator {
    padding: 0px 7px;
}
#GiftLegend {
	white-space: nowrap;
	font-size: 11px;
	display: none;
}
#GiftLegend img {
	position: relative;
	top: 6px;
}
#IsNewLegend {
	white-space: nowrap;
	font-size: 11px;
	display: none;
	padding-top: 6px;
}
#SaleLegend {
	white-space: nowrap;
	font-size: 11px;
	display: none;
	padding-top: 6px;
}
#TopSalesLegend {
	white-space: nowrap;
	font-size: 11px;
	display: none;
	padding-top: 6px;
}
#LastPriceLegend {
	white-space: nowrap;
	font-size: 11px;
	display: none;
	padding-top: 6px;
}
#amountOnWarehouseLegend {
	padding-bottom: 12px;
	font-size: 11px;
}
#amountOnWarehouseLegend span, #amountOnWarehouseLegend sup {
	color: #a40e13;
	font-weight: bold;
}

/* Floaters */
.top-floater-wrapper .floater, .bottom-floater-wrapper {
    padding-top: 18px;
    background: url('/images/dotted_separator_2.gif') top left repeat-x;
}
.floater p, .floater li, .floater th, .floater td, .floater div, .floater font, .floater span, .floater input, .floater textarea {
    font-size: 11px;
    line-height: 11px;
	color: #000000;
}
.floater a {
	color: #a40e13;
}
.bottom-floater-wrapper .floater .text {
    padding: 2px 0px;
}
.bottom-floater-wrapper table td.lt {
    background: url('/images/bottom_floater_corner_lt.gif') left top no-repeat;
}
.bottom-floater-wrapper table td.lb {
    background: url('/images/bottom_floater_corner_lb.gif') left bottom no-repeat;
}
.bottom-floater-wrapper table td.bg {
    background: url('/images/bottom_floater_bg.gif');
}