/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("master.css");



/* --- Containers for the rounded edges and shades per module
-------------------------------------------------------*/
.ctrs_t {
    float: left;
    font-size: 1px;
    width: 500px;
    height: 8px;
    background: url(/_images/ctrs/home-ctrs-top.gif);
    }

.ctrs_m {
    float: left;
    width: 480px;
    padding: 3px 10px 5px 10px;
    background: url(/_images/ctrs/home-ctrs-mid.gif) repeat-y;
    }

.ctrs_b {
    float: left;
    font-size: 1px;
    width: 500px;
    height: 10px;
    background: url(/_images/ctrs/home-ctrs-btm.gif);
    }

#zrew_utube {
    float: left;
    padding: 10px 0 15px 10px;
}

#zrew_utube img {
    width: 480px;
}

.ctrs_fb_t {
    float: left;
    font-size: 1px;
    width: 215px;
    height: 8px;
    padding: 0 0px 0px 0px;
    background: url(/_images/ctrs/about-nav-top.gif);
    }

.ctrs_fb_m {
    float: left;
    width: 250px;
    height: 300px;
    /*padding: 3px 10px 5px 10px;*/
    background: url(/_images/ctrs/about-nav-mid.gif) repeat-y;
    }

.ctrs_fb_b {
    float: left;
    font-size: 1px;
    width: 215px;
    height: 10px;
    padding: 0 3px 0px 0px;
    background: url(/_images/ctrs/about-nav-btm.gif);
    }



/* --- prim_cont Primary Content
-------------------------------------------------------*/
#prim_cont {
	float: left;
	display: inline;
	width: 519px;
	}

    #prim_cont .s_w_l_1,
    #prim_cont .s_w_l_2,
    #prim_cont .s_w_l { /* Section Wrapper Left/Right//Both (for those jacks in the outer borders) */
        padding-left: 10px;
        }

#prim_cont #srch {
    position: relative;
    width: 473px;
    height: 92px;
    background: url(/_images/home-srch-bg.gif);
    }

    #prim_cont #srch_i {
        float: left;
        color: #808080;
        font-family: Tahoma;
        font-size: 24px;
        width: 400px;
        height: 30px;
        margin: 48px 0 0 14px;
        border: none;
        background: #fff;
        }

    #prim_cont input#btn {
        float: left;
        margin-top: 41px;
        }

    #srch #neg {
        position: absolute;
        color: #e60e63;
        top: 5px;
        right: 3px;
        font-size:125%
        }

    #prim_cont #pop {
        float: left;
        width: 435px;
        margin-top: 10px;
        padding: 8px 18px;
        background: url(/_images/ctrs/home-ctrs-popular-bg.gif) top left;
        }

        #pop h4 {
            color: #00668c;
            font-family: "Trebuchet MS", Tahoma;
            font-size: 14px;
            font-weight: bold;
            }

    .pop_b {
        float: left;
        width: 471px;
        height: 8px;
        font-size: 1px;
        background: url(/_images/ctrs/home-ctrs-popular-btm.gif);
        }



/* --- | Diagram module | --- */
#diagram td {
    vertical-align: top;
    width: 116px;
    padding: 10px 27px 0 27px;
    }

    #diagram td.blu {
        background: #f2f9fa;
        text-align: center;
        }

   #diagram td.blu h4 {
       margin-bottom: .35em;       
   }

    #diagram h4 {
        color: #e60e63;
        font-size: 18px;
        line-height: 18px;
        font-weight: normal;
        margin-bottom: 1em;
        height: 72px;
        }

    #diagram p {
        margin-bottom: 1em;
        }



/* --- | qte Quote | --- */
#qte {
    float: left;
    width: 500px;
    margin-top: 10px;
    text-align: center;
    }

    #qte td.f img {
        padding-left: 51px;
        margin: 20px 25px 20px 25px;
        }

    #qte .q {
        color: #036d89;
        font-size: 14px;
        margin: 15px 0;
        }

    #qte .by {
        color: #e60e63;
        font-size: 12px;
        margin-left: 15px;
        }



/* --- sec_cont Secondary Content
-------------------------------------------------------*/
#sec_cont {
    float: right;
    display: inline;
    width: 460px;
    margin: 0;
    padding: 0;
    }

#sec_cont div#facebookIframe {
    padding-left: 0px;
    float: left;
}

#sec_cont div#twitterWidget {
    float: right;
}
/* --- | btns_opt Buttons options | --- */
#btns_opt {
    float: left;
    width: 450px;
    margin-top: 10px;
    margin-left: 25px; /* 2009-04-24 */
    background: url(/_images/home-btns-opt-bg.gif) no-repeat center 2px;
}
#btns_opt p.f_l {
    margin-top: 26px;
}
#btns_opt p.f_r {
    margin-top: 10px;
    margin-right: 15px;
}

#btns_opt p.facebook {
    margin-right: 15px;
}

#btns_opt p.facebook img {
    width:160px;
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
}
    /* --- | Table Module | --- */
    table.m_a {
        float: left;
        text-align: left;
        width: 450px;
        margin-top: 15px;
        border-collapse: collapse;
        background: #fff url(/_images/ctrs/home-m_a_e-bg.gif) no-repeat left bottom;
        }

        table.m_a th {
            text-align: left;
            padding: 0 7px 10px 7px;
            border: 1px solid #fff;
            background-color: #fff;
            }

        table.m_a td {
            text-align: left;
            width: 60px;
            padding: 6px 7px;
            border-top: 1px solid #dfdfdd;
            }

        table.m_a th.f {
            color: #366284;
            font-family: "Trebuchet MS", Tahoma;
            font-size: 14px;
            width: 145px;
            padding-right: 4px;
            padding-left: 0;
            }

            table.m_a th.f img {
                margin: -2px 0 2px 0;
                }

        table.m_a td.f {
            width: 145px;
            border-left: none;
            }

        table.m_a td.l {
            width: 60px;
            padding-left: 0;
            }

        table.m_a .n_b { /* No border to the far right td */
            width: 3px;
            padding: 0;
            border: none;
            }

        table .space td,
        table td.top { /* adding space to the btm and removing the last bottom border */
            height: 4px;
            padding: 0;
            border: none;
            }

        table td.top {
            font-size: 1px;
            height: 3px;
            padding: 0;
            position: relative;
            z-index: 999;
            }

        table td.top img  {
            position: relative;
            z-index: 999;
            margin-bottom: -2px;
            }

        /* --- | v_m_gr View More, Graph | --- */
        p.v_m_gr a {
            float: right;
            position: relative;
            padding-right: 19px;
            margin: 4px 12px 0 auto;
            background: url(/_images/icons/graph_multi_line.gif) no-repeat right center;
            }