@charset "utf-8";
* {
    outline:none;
    padding:0;
	margin:0;
	border:0;
}
html {
    height:100%;
    width:100%;
    background:#d4dae0;
}
body {
    margin:0 auto;
    width:1000px;
    height:100%;
}
img {
	display:block;
}
.clear {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
#page {
    height:auto !important;
    min-height:100%;
    height:100%;    
	font:12px Tahoma, Verdana, Sans-serif;
	font-weight:normal;
    color:#000;
    background:#fff;
    position:relative;
}
table {
	border:0;
    border-collapse:collapse;
}
table td {
    padding:0;
}
input[type="text"],
input[type="password"],
textarea {
    border:1px solid #c0cad5;
    font-size:11px;
    padding:4px;
    width:200px;
}
input[type="button"],
input[type="reset"],
button {
    background:#eaeaea;
    border:1px solid #9f9f9f;
    color:#000;
    padding:4px 14px;
    font-size:11px;
    cursor:pointer;
}
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
    background:#f7f7f7;
}
input[type="submit"] {
    background:#4b769f;
    border:1px solid #28415c;
    color:#fff;
    padding:4px 14px;
    font-size:11px;
    cursor:pointer;
}
input[type="submit"].slim {
    height:19px;
	padding:0 14px 2px;
}
input[type="submit"]:hover {
    background:#678bae;
}
a {
	color:#4b769f;
    font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
a:hover {
	color:#4b769f;
	text-decoration:underline;
}
/* ---------- HEADER ---------- */
#header {
    background:#4b769f;
    color:#fff;
    font-weight:bold;
    height:50px;
}
#logo {
    float:left;
    height:40px;
    padding:10px 0 0 10px;
}
#info {
    float:left;
    padding:5px 0 0 10px;
}
#auth {
    float:right;
    font-size:11px;
    font-weight:normal;
    background:url('../img/backend/user.png') no-repeat left center;
    padding:0 10px 0 20px;
    line-height:45px;
}
#lang {
    position:absolute;
    width:1000px;
    text-align:right;
}
#lang img {
    display:inline;
    padding:5px 3px 0 0;
}
#header a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
#header a:hover {
	text-decoration:underline;
}
#push {
    height:40px;
}
/* ---------- FOOTER ---------- */
#footer {
    font-size:11px;
    color:#fff;
    border-top:1px solid #466e94;
    background:#4b769f url('../img/backend/zf.png') no-repeat 860px center;
    padding:5px 15px;
    position:absolute;
    width:970px;
    bottom:0;
    height:40px;
}
#footer a {
	color:#fff;
	text-decoration:underline;
	font-size:11px;
}
#footer a:hover {
	text-decoration:none;
}
/* ---------- LOGIN FORM ---------- */
form.login {
    width:210px;
    margin:0 auto;
    border:10px solid #d4dae0;
	padding:10px;
	
}
form.login #submit-element{
	text-align:center;
}


/* ---------- CONTENT ---------- */
#content {
    padding:30px;
}


/* ---------- ZEND FORMS ------- */
.zend_form dt {
	margin-top:10px;
}
.zend_form .description{
	color:#666;
	font-size:10px;
}

/* ---------- ERRORS and MESSAGES ---------- */

ul.errors {
    background:#ffefe8 url('../img/backend/error.png') no-repeat 10px;
    margin-bottom:20px;
    border:1px solid #e89b88;
    padding:8px 11px;
}

ul.errors li {
    padding:0 0 0 25px;
    list-style:none;
    font-size:11px;
    font-weight:bold;
}

ul.messages {
    background:#e7f1f9 url('../img/backend/message.png') no-repeat 20px;
    margin:20px;
    border:1px solid #4c96d4;
    padding:8px 11px;
}

ul.messages li {
    padding:0 0 0 40px;
    list-style:none;
    font-size:11px;
    font-weight:bold;
}



/* ---------- BOX ---------- */

form.box {
    border:10px solid #d4dae0;
}

div.box-header {
    padding:4px 30px 5px;
    background:#4b769f url('../img/backend/action.png') no-repeat 10px;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    border-bottom:1px solid #466E94;
    border-top:1px solid #6088B3;
}

div.box-content {
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    padding:16px 14px;
}

div.box-footer {
    background-color:#F2F2F2;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    border-top:1px solid #ccc;
    padding:5px;
    text-align:right;
}

div.box-content div {
    text-align:right;
    clear:both;
    padding:2px 0;
}

div.box-content div div {
    padding:0; /* fix for tinyMCE */
}

div.box-content label {
    float:left;
    font-size:11px;
    line-height:20px;
    padding-right:10px;
}

div.box-content label.star {
    background:url('../img/backend/star.png') no-repeat right center;
}

div.box-content input[type="text"], div.box-content textarea {
    width:740px;
}

.box-required {
    display:block;
    padding:0 0 10px 0;
    text-align:right;
}


/* ---------- TABLES ---------- */

.table {
    width:900px;
    background:#fff;
    margin:0 auto;
    border:10px solid #d4dae0;
}

.table thead th {
    padding:5px;
    background:#4b769f;
    text-align:center;
    vertical-align:middle;
    color:#fff;
    font-size:13px;
    font-weight:bold;
}

.table tfoot th {
    background-color:#F2F2F2;
    padding:5px;
    text-align:right;
}

.table tbody td {
    text-align:left;
    vertical-align:middle;
    padding:10px 10px;
    border:1px solid #ddd;
    color:#333;
}

.table tbody tr:hover {
    background:#f2f2f2;
}

/* ---------- SUB-FUNCTIONAL ---------- */
.sub-functional {
	background:#EEE;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin: 5px auto 10px auto;
	padding:5px;
	width:890px
}
.sub-functional .title {
	background:#4B769F;
	color:#FFF;
	float:right;
	font-weight:bold;
	margin:-5px -5px 10px;
	padding:1px;
	text-align:center;
	width:150px;
}
.sub-functional span.item{
	padding:5px;
}

.sub-functional .selected{
	background:#4B769F;
	padding:0 5px;
}
.sub-functional .selected a{
	color:#FFF;
}


/* ---------- PAGINATOR ---------- */

.paginator {
    margin:15px auto 0;
	text-align:center;
	width:300px;
}

.paginator a {
    color:#fff;
    border:1px solid #4b769f;
    font-size:11px;
    font-weight:bold;
    padding:3px 5px;
    background:#4b769f;
    text-decoration:none;
}

.paginator a:hover {
    color:#4b769f;
    background:#fff;
}

.paginator span {
    color:#4b769f;
    border:1px solid #4b769f;
    font-size:11px;
    font-weight:bold;
    padding:3px 5px;
    background:#fff;
    text-decoration:none;
}


/* ---------- OTHER ---------- */
.w270{
	width:270px !important;
}

.w200 {
    width:200px !important;
}

.w100 {
    width:100px !important;
}

.w90 {
    width:100px !important;
}

.w80 {
    width:70px !important;
}

.w70 {
    width:70px !important;
}

.w60 {
    width:70px !important;
}

.w50 {
    width:50px !important;
}

.t-a-c {
	text-align:center !important;
}
.t-a-r {
	text-align:right !important;
}

.optional {
	display:block;
	font-weight:bold;
	margin-top:10px;
}

#send-element{
	text-align:center;
}
#brands,
#categories,
#fabrics,
#colors{
	display:none;
	padding:0 0 15px 10px;
}
#brands table,
#categories table,
#fabrics table,
#colors table{
	width:100%;	
}
#brands table th,
#categories table th,
#fabrics table th,
#brands table td,
#categories table td,
#fabrics table td,
#colors table td{
	font-size:12px;
	padding:3px;
}
#colors div{
    float:left;
}