/* 6/12/2007 by zelus
   Styles for all .master files 
*/

*       { line-height: 16px; margin: 0px; padding: 0px; font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #737373; }

body    { background: #ffffff url(../Images/IndexMaster/bg.jpg); margin-top: 5px; }
        
/* DEFAULT */
table       { border-collapse: collapse; padding: 0px; }
table, td   { vertical-align: top; text-align: left; }
img, table  { border: none; }
ul, li      {}
img         { border: 0px; }
a, a:link, a:active, a:visited 
            { color: #09235e; text-decoration: underline; cursor: pointer; }
a:hover     { color: #09235e; text-decoration: none; cursor: pointer; }
p           { text-align: justify; }
input[type=text], input[type=password], .textbox 
            { border: 1px solid #8b8b8b; width: 80%; height: 21px; vertical-align: middle; }
input[type=button], .btn { cursor: pointer; }

/* GENERALS */
.aL             { text-align: left; }
.aR             { text-align: right; }
.aC             { text-align: center; }

.vaT            { vertical-align: top; }
.vaB            { vertical-align: bottom; }
.vaM            { vertical-align: middle; }

.fL             { float: left; }
.fR             { float: right; }
.cB             { clear: both; }

.p100           { width: 100%; }

.justify        { text-align: justify; }

.pb-0           { padding-bottom: 0px; }
.pb-5           { padding-bottom: 5px; }
.pb-10          { padding-bottom: 10px; }
.pb-15          { padding-bottom: 15px; }  
.pb-20          { padding-bottom: 20px; }

.pt-0           { padding-top: 0px; }
.pt-5           { padding-top: 5px; }
.pt-10          { padding-top: 10px; }
.pt-15          { padding-top: 15px; }  
.pt-20          { padding-top: 20px; }

.pl-0           { padding-left: 0px; }
.pl-5           { padding-left: 5px; }
.pl-10          { padding-left: 10px; }
.pl-15          { padding-left: 15px; }  
.pl-20          { padding-left: 20px; }

.pr-0           { padding-right: 0px; }
.pr-5           { padding-right: 5px; }
.pr-10          { padding-right: 10px; }
.pr-15          { padding-right: 15px; }  
.pr-20          { padding-right: 20px; }

.p-0            { padding: 0px; }
.p-5            { padding: 5px; }
.p-10           { padding: 10px; }
.p-15           { padding: 15px; }  
.p-20           { padding: 20px; }

.m-15           { margin: 15px; }

.ml-15          { margin-left: 15px; }

.mr-0           { margin-right: 0px; }
.mr-10          { margin-right: 10px; }
.mr-15          { margin-right: 15px; }

.mb-5           { margin-bottom: 5px; }
.mb-15           { margin-bottom: 15px; }

.blc            { display: block; }
.strong         { font-weight: bold; }
.italic         { font-style: italic; }

.no-deco        { text-decoration: none; }



/*--- SITE CONTAINER ---*/
/* ------------------------------------------------------------------------ */
#site-container { width: 832px; margin: auto; position: relative; }

    /* left-right, top, bottom shadow border */
.lr-b   { background: transparent url(../Images/IndexMaster/bg-lr-b.png) repeat-y;
            overflow: hidden; width: 832px; }
.t-b    { margin: 0 19px 0 19px; background: transparent url(../Images/IndexMaster/bg-t-b.png) repeat-x; height: 17px; }
.b-b    { margin: 0 19px 0 19px; background: transparent url(../Images/IndexMaster/bg-b-b.png) repeat-x; height: 17px; }

    /* white background */
.b-w    { position: relative; background-color: White; width: 793px; 
            margin: 0px 20px 0px 20px; overflow: hidden; }

    /* left-top, right-top, right-bottom, left-bottom shadow corners */
.lt-c, .rt-c, .rb-c, .lb-c { width: 17px; height: 15px; position: absolute; z-index: 500; }
.lt-c { background: transparent url(../Images/IndexMaster/bg-lt-c.png); top: 2px; left: 2px; }
.rt-c { background: transparent url(../Images/IndexMaster/bg-rt-c.png); right: 2px; top: 2px; }
.rb-c { background: transparent url(../Images/IndexMaster/bg-rb-c.png); bottom: 2px; right: 2px; }
.lb-c { background: transparent url(../Images/IndexMaster/bg-lb-c.png); left: 2px; bottom: 2px; }
/* ------------------------------------------------------------------------ */
/*--- end of 'SITE CONTAINER' ---*/



/*--- TOP STRIPE ---*/
/* ------------------------------------------------------------------------ */
.t-s            { clear: both; }
/*
.t-s .bg-t-1    { background: transparent url(../Images/IndexMaster/bg-t-1.jpg) repeat-x; 
                    width: 50%; float: left; margin: 10px 0 0 0; height: 27px; }
.t-s .bg-t-2    { background: transparent url(../Images/IndexMaster/bg-t-2.jpg) repeat-x;
                    width: 30%; float: left; margin: 10px 0 0 0; height: 27px;  }
*/
    /* 3 top icons (home, sitemap, contact us) */
/*
.t-s .t-i       { background: transparent url(../Images/IndexMaster/bg-t-3.jpg) repeat-x;
                    width: 20%; float: right; margin: 5px 0 0 0; }
.t-s .t-i a     { text-decoration: none; }
*/
.t-s                { background: transparent url(../Images/IndexMaster/bg-t-1.jpg) no-repeat;
                        width: 100%; height: 30px; }
.t-s .icon-home     { width: 36px; height: 34px; position: absolute; z-index: 500; top: 12px; right: 48px; 
                        background: transparent url(../Images/IndexMaster/icon-t-home.jpg) no-repeat; }
.t-s .icon-contact  { width: 36px; height: 34px; position: absolute; z-index: 500; top: 12px; right: 10px;
                        background: transparent url(../Images/IndexMaster/icon-t-contact.jpg) no-repeat; }                  
/* ------------------------------------------------------------------------ */
/*--- end of 'TOP STRIPE' ---*/



/*--- LOGO AND SERACH PANEL ---*/
/* ------------------------------------------------------------------------ */
.l-a-s          { clear: both; height: 100px; }
    /* logo */
.l-a-s .logo    { background: transparent url(../Images/IndexMaster/logo.jpg) no-repeat;
                    width: 364px; height: 98px; display: block; float: left; margin: 0px 0px 0px 10px; }

/* text banner */
.banner-text { background: transparent url(../Images/IndexMaster/banner.jpg) no-repeat;
                width: 395px; height: 63px; position: absolute; z-index: 500; top: 55px; right: 15px; }
 
    /* search panel */
.l-a-s .s-p     { float: right; margin: 40px 20px 0px 0px; }
        /* text 'search' */
.l-a-s .s-p span    { color: #8b8b8b; font-family: Arial, Tahoma, Verdana; font-size: 14px;
                    font-weight: bold; vertical-align: middle; }
        /* input textbox */
.l-a-s .s-p input   { border: 1px solid #8b8b8b; width: 190px; height: 21px; vertical-align: middle;  }
        /* button */
.l-a-s .s-p .btn    { background: transparent url(../Images/IndexMaster/search-btn.jpg) no-repeat;
                                width: 84px; height: 25px; border: 0px; vertical-align: middle; }
/* ------------------------------------------------------------------------ */
/*--- end of 'LOGO AND SERACH PANEL' ---*/



/*--- CONTENT CONTAINER ---*/
/* ------------------------------------------------------------------------ */
/* content container */
#con-con        { width: 100%; clear: both; padding: 8px; height: auto; margin: 10px 0; }
    /* sidebar container */
#con-con #sb    { margin: 0px 8px 0px 0px; float: left; width: 190px; }
    /* content */
#con-con #content   { float: left; width: 579px; }
.subpage            { padding: 10px; }
/* ------------------------------------------------------------------------ */
/*--- end of 'CONTENT' ---*/



/*--- MENU ---*/
/* ------------------------------------------------------------------------ */
/* menu container <ul> */
#sb .menu               { list-style: none; }
/* first <li> */
#sb .menu li .first     { border-top: 1px solid #c1c1c1; }
#sb .menu li            { border-bottom: 1px solid #c1c1c1; padding: 4px 0px 4px 0px; }
#sb .menu li a          { color: #262626; font-size: 12px; font-family: Arial, Tahoma, Verdana;
                            text-decoration: none; padding-left: 15px; font-weight: bold; }
#sb .menu li:hover      { background-color: #9dd136; }
#sb .menu li:hover a    { color: white; text-decoration: none; font-weight: bold; }
/* ------------------------------------------------------------------------ */
/*--- end of 'MENU' ---*/



/*--- HEADERS ---*/
/* ------------------------------------------------------------------------ */
h1      { border-bottom: 1px solid #9db826; padding-bottom: 2px; width: 98%; }
h1 span { color: #000000; font-weight: bold; font-style: italic; font-family: Arial, Tahoma, Verdana; font-size: 18px; }
h2      { border-bottom: 1px solid #c1c1c1; padding-bottom: 2px; width: 98%; margin: 10px 0px 0px 0px; }
h2 span { color: #717171; font-size: 12px; font-family: Verdana, Tahoma, Arial; }
h3 span { color: black; }
/* ------------------------------------------------------------------------ */
/*--- end of 'HEADER' ---*/


/*--- FOOTER ---*/
/* ------------------------------------------------------------------------ */
.bg-f   { background: transparent url(../Images/IndexMaster/bg-footer.jpg) repeat-y;
            height: 30px; width: 794px; margin-left: 19px; border-top: 1px solid gray; }
.f-text { position: absolute; z-index: 500; bottom: -10px; right: 20px; }
/* ------------------------------------------------------------------------ */
/*--- end of 'FOOTER' ---*/


/*--- SIDEBAR HEADER ---*/
/* ------------------------------------------------------------------------ */
#sb .h1             { text-align: center; width: 100%; margin-top: 20px; }
#sb .h1 img         { display: inline; vertical-align: middle; }
#sb .h1 span.text   { padding: 0px 5px 0px 6px; display: inline; font-weight: bold; }
#sb .line           { height: 2px; border-bottom: 1px solid #858585; clear: both; }
/* ------------------------------------------------------------------------ */
/*--- end of 'SIDEBAR HEADER' ---*/


/*--- LOGIN & NEWSLETTER ---*/
/* ------------------------------------------------------------------------ */
#login, #newsletter                     { text-align: left; overflow: auto; }
#login span.lbl, #newsletter span.lbl   { display: block; padding-left: 10px; }
#login .textbox, #newsletter .textbox   { margin-left: 10px; }

#login .btn { background: transparent url(../Images/IndexMaster/sign-in-btn.jpg) no-repeat;
                width: 84px; height: 25px; border: 0px; vertical-align: middle;
                    float: right; margin: 8px 25px 0px 0px; }
#newsletter .btn, .btnSend { background: transparent url(../Images/IndexMaster/send-btn.jpg) no-repeat;
                    width: 84px; height: 25px; border: 0px; vertical-align: middle; 
                        float: right; margin: 8px 25px 0px 0px; }
/* ------------------------------------------------------------------------ */
/*--- end of 'LOGIN & NEWSLETTER' ---*/

.line   { border-bottom: 1px solid #c1c1c1; height: 2px; width: 100%; clear: both; }

.faq ul, .faq li    { list-style: none; }
.faq .q { font-weight: bold; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }
.faq .a { padding-bottom: 15px; padding-left: 15px; padding-right: 15px; }

.btn-back { background: transparent url(../Images/IndexMaster/back-btn.jpg) no-repeat;
                width: 87px; height: 29px; border: 0px; vertical-align: middle;
                    float: right; margin: 8px 25px 0px 0px; }