/*
// CSS Created by: Shabu Anower
// OSDesigner.net
*/

body {
        margin: 0px;
        color: #696969;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

        p {
                margin: 0;
                padding: 0;
        }

        a {
                color: #696969;
                text-decoration: none;
        }

        a:hover {
                text-decoration: underline;
        }

h1, h2, h3, h4 {
        margin: 0;
        font-size: 11px;
}

#container {
        width: 94%;
        margin: 0 auto 0 auto;
}

.header {
        margin: 25px 0 0 0;
        width: 100%;
}
        .header h1 {
                margin: 0 0 0 9px;
        }

        .header p {
                float: right;
                margin: 0;
        }

.bar {
        background: url('bar.bg.gif');
        height: 37px;
        margin: 10px 0 10px 0;
}
        .bar span {
                background: url('bar.bg.gif') no-repeat 0px -37px;
                float: right;
                margin: 0px;
                width: 30px;
                height: 37px;
        }

        .bar ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
        }

        .bar li {
                padding:0;
                margin: 0;
                height: 37px;
                display: inline;
                float:left;
                list-style-type: none;
        }

        .bar li a {
                color: #303030;
                text-decoration: none;
        }

        .bar li a:hover {
                color: #ffffff;
                text-decoration: none;
        }
#home {
        padding: 0px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        line-height: normal;
        }

        a#home {
                        overflow:hidden;
                        display:block;
                        width:70px;
                        height:27px;
                        padding: 10px 0 0 10px;
                        background:url('bar.start.gif') no-repeat;
        }
        a#home:hover {
                background:url('bar.start.gif') no-repeat 0px -37px;
                }

        .common {
                padding: 0px;
                text-align: center;
                font-size: 12px;
                font-weight: bold;
                line-height: normal;
        }
        a.common {
                        overflow:hidden;
                        display:block;
                        width:120px;
                        height:27px;
                        padding: 10px 0 0 0;
        }
        a.common:hover {
                background:url('bar.bg.gif') no-repeat center -74px;
                }



.search {
         margin: 6px 15px 3px 8px; padding: 2px 0 0 8px; border: 1px solid #696969; font-size: 12px; font-weight: bold; background: none; color: #a69d7f; height: 18px; width: 100px;
}

.box {
        border-left: 1px solid #6ca901;
        border-right: 1px solid #6ca901;
        padding: 8px;
        width: 203px;
}
        .box a {
                color: #696969; text-decoration: none;
        }
        .box a:hover {
                text-decoration: underline;
        }

        .box ul {
                margin: 0;
                padding: 0;
        }
        .box li {
                list-style-type: none;
                margin: 0 0 0 3px;
                padding: 0 0 4px 20px;
                background: url('blt.gif') no-repeat;
        }

        .boxcaption {
                background: url('box.caption.gif') no-repeat;
                padding: 6px 0 0 10px;
                height: 22px;
                width: 211px;
                color: #303030;
        }

        .boxbottom {
                background: url('box.bottom.gif') no-repeat;
                width: 221px;
                height: 3px;
                margin: 0 0 10px 0;
        }


.page {
        color: #6ca901;
        font-weight: bold;
        font-size: 12px;
        margin: 5px 0 5px 0;
}
        .page p {
        }

.pagination {
        padding: 2px;
        float: right;
        font-size: 12px;
        font-weight: bold;
}
        .pagination ul {
                font-size: 12px;
                margin: 10px 0 10px 0;
                padding: 0px;
                text-align: left;
        }
        .pagination li {
                display: inline;
                list-style-type: none;
                padding-bottom: 1px;
        }
        .pagination a {
                color: #6ca901;
                border: #6ca901 1px solid;
                padding: 5px;
                text-decoration: none;
        }
        .pagination a:visited {
                border: #6ca901 1px solid;
                color: #6ca901;
                padding: 5px;
                text-decoration: none;
        }
        .pagination a:hover {
                background-color: #f9fcf5;
                border: #6ca901 1px solid;
                color: #6ca901;
                text-decoration: none;
        }
        .pagination a:active {
                background-color: #f9fcf5;
                border: #6ca901 1px solid;
                color: #6ca901;
        }

.padding {
        padding: 0 20px 0 0;
}

.padding2 {
        padding: 0 0 0 20px;
}
.paypal {
        font-size: 18px;
        color: #6ca901;
        font-weight: bold;
        text-align: center;
}

.caption {
        background: url('caption.bg.gif') repeat-x bottom;
        height: 30px;
        font-size: 11px;
        font-weight: bold;
        color: #303030;
        margin: 0 0 10px 0;
}
        .caption p {
                background: url('caption.left.gif') no-repeat left;
                padding: 8px 0 2px 14px;
                height: 20px;
                color: #303030;
                margin: 0;
        }

        .caption a {
                color: #303030; text-decoration: none;
        }
        .caption a:hover {
                text-decoration: underline;
        }

        .caption h2 {
                background: url('caption.right.gif') no-repeat right;
                float: right;
                margin: 0px;
                font-size: 10px;
                height: 22px;
                padding: 8px 10px 0 0;
        }

.content {
        margin: 0 16px 0 10px;
}
        .content ul {
                margin: 0;
                padding: 0;
        }

        .content li {
                list-style-type: none;
                margin: 0 0 0 3px;
                background: url('blt.gif') no-repeat;
                padding: 0 0 4px 20px;
        }

.fbox {
        border: 1px solid #6ca901;
        padding: 10px;
        background: #f9fcf5;
        margin: 5px 5px 10px 5px;
}

.lbox {
        margin: 0 5px 25px 5px;
}

.footer {
        background: url('footer.bg.gif') repeat-x top;
        padding: 15px 0 0 0;
        margin: 0 auto 0 auto;
        width: 94%;
        color: #696969;
        height: 40px;
}
        .footer p {
                margin: 0;
        }
        .footer h3 {
                float: right;
                margin: 0px;
                font-weight: normal;
        }
        .footer a {
                color: #696969; text-decoration: none;
        }
        .footer a:hover {
                text-decoration: underline;
        }

.nav {
        color: #696969;
        font-size: 11px;
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0;
}
        .nav p {
                margin: 0;
                padding: 2px 0 0 0;
        }

        .nav h3 {
                float: right;
                margin: 0;
                font-size: 11px;
        }

        .nav a {
                font-size: 11px; color: #6ca901; text-decoration: none;
        }
        .nav a:hover {
                text-decoration: underline;
        }

.text {
        border: 1px solid #696969;
        background: #ffffff;
        height: 17px;
        font-size: 12px;
        padding: 2px 2px 2px 6px;
        width: 360px;
        color: #696969;
}
.textarea {
        border: 1px solid #696969;
        padding: 2px 2px 2px 6px;
        font-size: 12px;
        width: 360px;
        color: #696969;
}
.textpy {
        border: 1px solid #696969;
        background: #ffffff;
        height: 17px;
        font-size: 12px;
        padding: 2px 2px 2px 6px;
        width: 50px;
        color: #696969;
}

.captcha {
        border: 1px solid #696969;
        background: url('loader.gif') no-repeat center;
}

form {
        Margin: 0;
}

.cat {
        font-size: 13px;
        font-weight: bold;
        color: #6ca901;
        margin: 0 0 6px 0;
}
        .cat a {
                font-size: 13px; color: #6ca901; text-decoration: none;
        }
        .cat a:hover {
                text-decoration: underline;
        }
        .cat span {
                font-size: 9px;
                padding: 0 0 0 4px;
        }
.subcat {
        font-size: 11px;
        color: #696969;
        margin: 0 0 2px 0;
        font-weight: normal;
}
        .subcat a {
                COLOR: #696969; text-decoration: none;
        }
        .subcat a:hover {
                text-decoration: underline;
        }

.break {
        padding: 3px 0 3px 0;
}

.title {
        font-weight: bold; font-size: 13px; color: #6ca901; margin: 0 0 2px 0;
}
        .title a {
                font-size: 13px; color: #6ca901; text-decoration: none;
        }
        .title a:hover {
                text-decoration: underline;
        }


.desc {
        font-size: 11px; color: #696969; font-weight: normal; margin: 0 0 2px 0;
}

.url {
        font-weight: normal; font-size: 11px; color: #696969;  margin: 5px 0 5px 0;
}

div.pr {
        font-size: 6pt;
        color: #000000;
}

div.prg{
        width: 40px;
        border: 1px solid #999999;
        height: 3px;
        font-size: 1px;
}
div.prb{
        background: #5eaa5e;
        height: 3px;
        font-size: 1px;
}
.small, .small a {
        padding: 0px;
        margin: 0px;
        color: #696969;
        font-weight: normal;
        font-size: 7pt;
        text-decoration: none;
}

.err {
        color: #FF0000;
        margin: 0 5px 5px 5px;
        font-weight: bold;
        padding: 6px;
        border: 1px solid #6ca901;
}

.msg {
        color: #6ca901;
        margin: 0 5px 5px 5px;
        font-weight: bold;
        padding: 6px;
        border: 1px solid #6ca901;
}

span.req {
        color: #FF0000;
        font-weight: bold;
}

select {
        font-size: 8pt;
        color: #000000;
        border: 1px solid #d5d5d5;
}

.os {
        color: #3d4c53;
        font-weight: bold;
}
        .os a {
                color: #3d4c53; font-size: 11px; text-decoration: none;
        }
        .os a:hover {
                text-decoration: underline;
        }

.design {
        color: #982a05;
        font-weight: bold;
}
        .design a {
                color: #982a05; font-size: 11px; text-decoration: none;
        }
        .design a:hover {
                text-decoration: underline;
        }