* {
    margin:0;
    padding:0;
    border:none;
}
body {
    background:#dee6f1 url(images/bg.jpg) top repeat-x;
    font:11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#444444;
}

a {
    text-decoration:none;
    color:#212121;
}
a:hover {
    text-decoration:underline;
    color:#ff9900;
}

ul, ol, li {
    list-style-type:none;
}

input.text {
    margin:0 2px 2px 0;
    padding:2px 3px 2px 3px;
    border-top:1px solid #757575;
    border-right:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-left:1px solid #757575;
    background:#fff url(images/input.jpg) top repeat-x;
    font:12px Tahoma, Verdana, Helvetica, sans-serif;
    color:#444;
}
input.button {
    margin:0 2px 5px 0;
    padding:1px 10px 1px 10px;
    border:1px solid #5b9400;
    background:#73ab00 url(images/button.jpg) center repeat-x;
    font:bold 14px Tahoma, Verdana, Helvetica, sans-serif;
    color:#fff;
    cursor:pointer;
}
input.button:active {
    border:1px solid #a85200;
    background:#ff7c00;
}
.textarea {
    margin:0 2px 2px 0;
    padding:2px 3px 2px 3px;
    border-top:1px solid #757575;
    border-right:1px solid #c5c5c5;
    border-bottom:1px solid #c5c5c5;
    border-left:1px solid #757575;
    background:#fff url(images/input.jpg) top repeat-x;
    font:12px Tahoma, Verdana, Helvetica, sans-serif;
    color:#444;
    overflow:auto;
}
select {
    border:1px solid #cccccc;
    font:12px Tahoma, Verdana, Helvetica, sans-serif;
}
select option {
    padding:0 4px 0 3px;
}

label {
    font-weight:bold;
}

.clear {
    clear:both;
}

.f_left {
    float:left;
}
.f_middle {
    float:left;
}
.f_right {
    float:right;
}

#container {
    margin:auto;
    width:900px;
}
#header {
    height:294px;
    background:transparent url(images/header.jpg) no-repeat;
}
/**/
#header a {
    display:block;
    margin-left:70px;
    width:250px;
    height:80px;
}
/**/
#top {
    padding-top:8px;
    height:24px;
    background:transparent url(images/top.jpg) no-repeat;
}
#top .f_left {
    width:175px;
}
#top .f_left a {
    display:block;
    padding:5px 5px 5px 45px;
    background:transparent url(images/menu_bullet.gif) 25px 6px no-repeat;
    border-bottom:1px solid #3680be;
    color:#ffffff;
}
#top .f_left a:hover {
    background-color:#79c33d;
    border-bottom-color:#66ab2e;
}
#top .f_left a.active {
    background-color:#7aabde;
    border-bottom-color:#6094cb;
}

#top .f_right {
    width:300px;
}
#top .f_right span {
    float:right;
}
#top .f_right span.icons {
    margin-left:10px;
    padding-top:2px;
}
#top .f_right span.icons a {
    float:left;
    margin-left:3px;
    width:11px;
    height:10px;
}
#top .f_right span.icons a.ico_home {
    background:transparent url(images/ico_home.gif) no-repeat;
}
#top .f_right span.icons a.ico_mail {
    background:transparent url(images/ico_mail.gif) no-repeat;
}

#content {
    min-height:100px;
    background:#ffffff;
}
#content .f_left {
    width:175px;
}
#menu {
    width:175px;
    padding-bottom:21px;
    background:#4290d2 url(images/menu_bottom.jpg) bottom no-repeat;
}
#menu li {
    display:block;
}
#menu li a {
    display:block;
    padding:5px 5px 5px 45px;
    background:transparent url(images/menu_bullet.gif) 25px 6px no-repeat;
    border-bottom:1px solid #3680be;
    color:#ffffff;
}
#menu li a:hover {
    background-color:#79c33d;
    border-bottom-color:#66ab2e;
}
#menu li a.active {
    background-color:#7aabde;
    border-bottom-color:#6094cb;
}
#menu li {
    display:inline;
}
#desk {
    margin-top:65px;
    text-align:center;
}
#desk h3 {
    font:bold 11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#9ba2ad;
}
#desk p {
    padding:5px 0 5px 30px;
    background:transparent url(images/ico_tel.jpg) 5px 0 no-repeat;
    font:11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#9ba2ad;
}

#content .f_right {
    padding:0 5px 5px 5px;
    width:710px;
}
#content .f_right h1 {
    margin-bottom:5px;
    padding-bottom:5px;
    font:bold 11px Tahoma, Verdana, Helvetica, sans-serif;
    color:#347fbe;
    text-align:right;
    border-bottom:1px solid #eeeeee;
}
#content .f_right p {
    margin-bottom:10px;
    line-height:17px;
    text-align:justify;
}

.page_set {
    margin:0 auto;
    padding:5px 0 5px 0;
    height:7px;
    background:transparent url(images/page_set.jpg) center no-repeat;
}

#index .f_left {
    width:260px;
}
#index .f_left p a {
    font-weight:bold;
}
#index .f_right {
    width:410px;
    text-align:left;
}
#index .f_right .box {
    padding:15px 10px 10px 150px;
    margin-top:30px;
    height:130px;
    background:#f2f2f2 url(images/index_box_img.jpg) 10px 5px no-repeat;
}
#index .f_right .box h3 {
    margin-bottom:10px;
    font:bold 12px Tahoma, Verdana, Helvetica, sans-serif;
    color:#347fbe;
}
#index .f_right .box ul {
    margin-bottom:5px;
}
#index .f_right .box ul li {
    padding:5px 5px 5px 15px;
    background:transparent url(images/bullet.gif) 0 9px no-repeat;
}
#index .f_right .box a {
    font-weight:bold;
}

.content_box {
    margin-bottom:5px;
}
.content_box p {
    padding-bottom:15px;
}
.content_box h3 {
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #e0e0e0;
    font:bold 15px Cambria, Arial, Helvetica, sans-serif;
    color:#999999;
}


table.tbl {
    margin:0 2px 0 2px;
    width:99%;
    border:1px solid #ccc;
}
table.tbl, table.tbl td {
    border:1px solid #ccc;
    border-collapse:collapse;
    font:100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding:2px 4px 2px 4px;
}
table.tbl thead th {
    background-color:#a24116;
    border:0;
    color:#ffffff;  
    padding:.75em;
}
table.tbl tbody th {
    border-top:1px solid #84785e;
    font-weight:normal;
    padding-left:.75em;
}
table.tbl tbody tr td {
    padding:6px;
}
table.tbl tfoot td, tfoot th {
    background-color:#a24116;
    border-left:none;
    border-top:1px solid #84785e;
    color:#ffffff;
    padding:.75em;
}
table.tbl caption {
    padding:.25em 0 .50em 0;
    text-align:left;
    font:bold 20px Cambria, Arial, Helvetica, sans-serif;
    color:#999999;
}
table.tbl tr.title {
    background:#444444 url(images/list_title.jpg) center repeat-x;
    color:#ffffff;
}
table.tbl tr.title td {
    font-weight:bold;
}
table.tbl tr.odd {
    background-color:#f2f2f2;
    color:#444;
}
table.tbl td.actions {
    width:16%;
    text-align:right;
}
table.tbl td.actions a {
    float:right;
    margin:0 2px 0 2px;
    width:16px;
    height:16px;
}
table.tbl td.actions a.edit {
    background:transparent url(images/edit.png) no-repeat;
}
table.tbl td.actions a.delete {
    background:transparent url(images/delete.png) no-repeat;
}
table.tbl td.actions a.detail {
    background:transparent url(images/detail.png) no-repeat;
}
table.tbl td.actions a.list {
    background:transparent url(images/list.png) no-repeat;
}
table.tbl tr td.actions {
    text-align:right;
}
table.tbl tr td.actions a {
    float:right;
    margin:0 2px 0 2px;
    width:16px;
    height:16px;
}
table.tbl tr td.actions a.detail {
    background:transparent url(images/detail.gif) 0 0 no-repeat;
}
table.tbl tr td.actions a.edit {
    background:transparent url(images/edit.gif) center no-repeat;
}
table.tbl tr td.actions a.delete {
    background:transparent url(images/delete.gif) center no-repeat;
}

table.std {
    margin-bottom:15px;
    width:99%;
}
table.std caption {
    padding:.25em 0 .50em 0;
    text-align:left;
    font:bold 20px Cambria, Arial, Helvetica, sans-serif;
    color:#999999;
}
table.std tr td {
    padding:3px 6px 3px 0;
    line-height:16px;
}

#products .product {
    float:left;
    margin:5px;
    width:330px;
}

p.error {
    margin:0;
    padding:0;
    border-bottom:1px solid #ff0000;
    color:#ff0000;
}

#pager {
    padding:5px 0 5px 0;
}
#pager a {
    margin:2px;
    padding:1px 4px 1px 4px;
    background:#fff;
    border:1px solid #e0e0e0;
    text-decoration:none;
    color:#666666;
}
#pager a:hover {
    margin:2px;
    padding:1px 4px 1px 4px;
    background:#f2f2f2;
    border:1px solid #3399ff;
    text-decoration:none;
    color:#3399ff;
}
#current_page {
    padding:1px 4px 1px 4px;
    margin:2px;
    border:1px solid #333;
    color:#333;
}

#bottom {
    padding:55px 5px 5px 10px;
    height:60px;
    background:transparent url(images/bottom.jpg) no-repeat;
}
#bottom .f_left {
    padding-top:5px;
    width:500px;
}
