/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

/* Left & Right alignment */

.left {
    float: left;
}

.right {
    float: right;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.center {
    text-align: center;
}

img.centerized {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Global properties ======================================================== */

html, body {
    height: 100%;
}

.block {
    height: 222px;
}

.extra {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -222px;
}

body {
    border: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4f4f4f;
    line-height: 18px;
}


/* Global Structure ============================================================= */

.main {
    margin: 0 auto;
    width: 980px;
}

.body1 {
  
}

.body2 {
  
}

.body3 {
    
}

.body4 {
 
}

/* ============================= main layout ====================== */

a {
    color: ##337ab7;
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }


h1, h2, h3, h4, h5, h6, .big_tittle {
    font-size: 43px;
    color: #2a2c2c;
    font-weight: 400;
    text-transform: uppercase;
    padding: 36px 0 9px 0;
    margin-bottom: 25px;
    line-height: 50px;
}

h2 {
    font-size: 40px;
    line-height: 48px;
    padding: 44px 0 9px 0;
}

h3 {
    font-size: 35px;
    color: #142440;
    line-height: 44px;
}

h4 {
    font-size: 32px;
    line-height: 40px;
}

h5 {
    font-size: 28px;
    color: #142440;
    line-height: 34px;
}

h6 {
    font-size: 24px;
    line-height: 30px;
}

.big_tittle {
    font-size: 50px;
}

p {
    padding-bottom: 18px;
}

input[type=text] {
    font: 24px Arial, Helvetica, sans-serif;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    text-transform: uppercase;
}





 .aspnetbutton {
    display: inline-block;
    min-width: 10em;
    padding: .5em 1.875em;
    border-radius: 2em;
    text-align: center;
    text-transform: uppercase;
    transition: all .25s ease-in-out
}


strong {
    color: #000000;
}

em {
    color: #142440;
}

b {
    color: #000000;
}

cite {
    font-style: italic;
}

small {
    font-size: 10px;
    color: #000000;
}

big {
    font-size: 21px;
    color: #000000;
}

del {
    color: #000;
    text-decoration: line-through;
}

ins {
    color: #fff;
    background: #142440;
    text-decoration: none;
    padding: 0 3px;
}

dfn {
    font-size: 14px;
    color: #142440;
    letter-spacing: 2px;
    font-style: normal;
}

kbd, samp {
    font: 11px "Courier New", Courier, monospace;
    color: #000;
}

q {
    font: 15px "Courier New", Courier, monospace;
    color: #142440;
}

sup {
    font-size: 10px;
    vertical-align: top;
    color: #000;
}

sub {
    font-size: 10px;
    vertical-align: bottom;
    color: #000;
}

var {
    font-style: italic;
    color: #000;
}

/* ============================= header ====================== */
header {
}

#top_nav {
    float: right;
    padding: 11px 21px 0 0;
}

    #top_nav li {
        float: left;
        padding-left: 16px;
    }

    #top_nav a {
        font: 11px Verdana, Geneva, sans-serif;
        color: #f6f6f6;
    }

        #top_nav a:hover {
            color: #142440;
        }

#search {
    float: right;
    padding: 54px 20px 0 0;
}

    #search .bg {
        background: url(/images/search.jpg) no-repeat;
        width: 193px;
        height: 29px;
    }

    #search .submit {
        float: right;
        width: 43px;
        height: 29px;
        cursor: pointer;
        background: none;
    }

    #search .input {
        float: right;
        background: none;
        width: 140px;
        padding: 7px 0 7px 10px;
        color: #5d5d5d;
        font: 12px Arial, Helvetica, sans-serif;
        height: 15px;
    }

#logo {
    float: left;
    margin: 15px 0 0 15px;
    background: url(/images/logo.jpg) 2px 5px no-repeat;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 400;
    color: #142440;
    line-height: 100px;
    padding: 0 0 0 150px;
}

    #logo:hover {
        text-decoration: none;
    }

    #logo strong {
        font-weight: 700;
        color: #0d0d0d;
    }
    #menu_right1 {
         background: url(/images/menu_right.jpg) top right no-repeat;
    width: 100%;
    height: 68px;
    }
    #menu_right1 ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
    #menu_right1 ul li {
    list-style: none;
    float: left;
    text-align: left;
    width: 25%; /* fallback for non-calc() browsers */
   /*width: calc(100% / 5);*/
   padding: 0;
    font-size:small;
}
    #menu_right1 ul li a {
    display: block;
    width: 250px;
    text-align: center;
    padding: 0;
    color: #9b9b9b;
    line-height: 68px;
    font-weight: 700;
    text-transform: uppercase;
}
    /*.last_li a {
 display: block;
    width: 195px;
    text-align: center;
    padding: 0;
    color: #9b9b9b;
    line-height: 68px;
    font-weight: 700;
    text-transform: uppercase;
    }*/
#menu {
    background: url(/images/menu_bg.jpg) top repeat-x;
    border-bottom: 6px solid #1c1c1c;
    margin-top: 9px;
    position: relative;
    z-index: 99;
}

#menu_left {
    background: url(/images/menu_left.jpg) top left no-repeat;
}

#menu_right {
    background: url(/images/menu_right.jpg) top right no-repeat;
    width: 100%;
    height: 68px;
}

#menu li {
    float: left;
    padding-right: 1px;
    background: url(/images/menu_line.gif) top right no-repeat;
    position: relative;
    height: 68px;
}

#menu span {
    display: block;
}

#menu .bg_none {
    background: none;
    padding-right: 0;
}

    #menu .bg_none a {
        width: 140px;
        height: 68px;
        overflow: hidden;
    }

        #menu .bg_none a:hover span {
            background: url(/images/menu_right_active.jpg) top right no-repeat;
        }

#menu .nav1 a:hover span {
    background: url(/images/menu_left_active.jpg) top left no-repeat;
}

/* #menu li a{ display:block; width:139px; text-align:center; font-size:18px; color:#9b9b9b; line-height:68px; font-weight:700; text-transform:uppercase} */
#menu li a {
    display: block;
    width: 139px;
    text-align: center;
    font-size: 13px;
    color: #9b9b9b;
    line-height: 68px;
    font-weight: 700;
    text-transform: uppercase;
}

#menu li:hover a {
    text-decoration: none;
    background: url(/images/menu_bg_active.jpg) top repeat-x;
}

#menu #menu_active a {
    color: #fff;
}

#menu #menu_active:hover a, #menu #menu_active:hover a span {
    background: none;
}
/*style for menu -- compliance newsletter */
#menu .ul_1r {
    position: absolute;
    top: 68px;
    z-index: 10;
    left: 0;
}


    #menu .ul_1r li {
        float: none;
        background: url(/images/bg_menu_opacity.png) repeat;
        margin-top: 1px;
        padding: 0;
        left: -50px;
    }

        #menu .ul_1r li a {
            width: auto;
            min-width: 170px;
            padding: 0 10px;
        }

        #menu .ul_1r li:hover, #menu .ul_1r #menu_active {
            background: #000;
        }

            #menu .ul_1r li:hover a, #menu .ul_1r #menu_active a {
                color: #fff;
                background: none;
            }


#menu .ul_1 {
    position: absolute;
    top: 68px;
    z-index: 10;
    left: 0;
}

    #menu .ul_1 li {
        float: none;
        background: url(/images/bg_menu_opacity.png) repeat;
        margin-top: 1px;
        padding: 0;
    }

        #menu .ul_1 li a {
            width: auto;
            min-width: 120px;
            padding: 0 10px;
        }

        #menu .ul_1 li:hover, #menu .ul_1 #menu_active {
            background: #000;
        }

            #menu .ul_1 li:hover a, #menu .ul_1 #menu_active a {
                color: #fff;
                background: none;
            }

#menu .ul_1b {
    position: absolute;
    top: 68px;
    z-index: 10;
    left: 0;
}

    #menu .ul_1b li {
        float: none;
        background: url(/images/bg_menu_opacity.png) repeat;
        margin-top: 1px;
        padding: 0;
    }

        #menu .ul_1b li a {
            width: auto;
            min-width: 240px;
            padding: 0 10px;
        }

        #menu .ul_1b li:hover, #menu .ul_1b #menu_active {
            background: #000;
        }

            #menu .ul_1b li:hover a, #menu .ul_1b #menu_active a {
                color: #fff;
                background: none;
            }

#menu .ul_1c {
    position: absolute;
    top: 68px;
    z-index: 10;
    left: 0;
}

    #menu .ul_1c li {
        float: none;
        background: url(/images/bg_menu_opacity.png) repeat;
        margin-top: 1px;
        padding: 0;
    }

        #menu .ul_1c li a {
            width: auto;
            min-width: 360px;
            padding: 0 10px;
        }

        #menu .ul_1c li:hover, #menu .ul_1c #menu_active {
            background: #000;
        }

            #menu .ul_1c li:hover a, #menu .ul_1c #menu_active a {
                color: #fff;
                background: none;
            }

#menu .ul_2 {
    position: absolute;
    right: -141px;
    z-index: 10;
    top: -1px;
}

    #menu .ul_2 li {
        background: #000;
    }

        #menu .ul_2 li a {
            color: #fff;
            width: 120px;
        }

        #menu .ul_2 li:hover, #menu .ul_2 #menu_active {
            background: #142440;
        }


/* The Nivo Slider styles */
#slider {
    position: relative;
    width: 100%;
    height: 431px;
    z-index: 88;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 60;
    display: none;
}
/* The slices in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 50;
    height: 100%;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    position: absolute;
    z-index: 99;
    left: 0px;
    bottom: 0px;
    background: url(/images/bg_pagination.png) 0 0 no-repeat;
    padding-left: 19px;
    width: 961px;
    padding-top: 3px;
    height: 32px;
}

    .nivo-controlNav a {
        position: relative;
        z-index: 99;
        cursor: pointer;
        text-indent: -5000px;
        width: 28px;
        height: 28px;
        float: left;
        background: url(/images/buttons.gif) right 0 no-repeat;
    }

        .nivo-controlNav a.active {
            background-position: left;
        }

/* Caption styles */
.nivo-caption {
    height: 101px;
    width: 980px;
    position: absolute;
    bottom: 35px;
    left: 0;
    background: url(/images/bg_text.png) repeat;
    z-index: 98;
    font: 12px Arial, Helvetica, sans-serif;
    color: #dfdfdf;
    line-height: 18px;
}

    .nivo-caption p {
        padding: 21px 0 0 260px;
        float: left;
        width: 450px;
    }

    .nivo-caption strong {
        position: absolute;
        left: 20px;
        top: 37px;
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
    }

    .nivo-caption a {
        float: right;
        margin-top: 34px;
        margin-right: 19px;
        font: 14px "Arial Black", Gadget, sans-serif;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        background: url(/images/button_1.png) 0 0 no-repeat;
        width: 126px;
        height: 37px;
        text-align: center;
        line-height: 36px;
    }

        .nivo-caption a:hover {
            color: #000;
        }

.nivo-html-caption {
}


.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    background: #000;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

.sf-menu a.sf-with-ul {
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */    
}

.sf-sub-indicator {
    text-indent: -999em;
}

#menu .menu_2 li a {
    width: 195px;
}

#menu .menu_2 .bg_none a {
    width: 196px;
}

#menu .menu_2 .ul_2 {
    left: 197px;
}

/* Advanced Menu */
#advanced {
    position: fixed;
    z-index: 999;
    right: -172px;
    top: 50px;
    background: #181818;
    padding: 20px 16px 20px 18px;
    width: 135px;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    color: #dfdfdf;
    -webkit-border-radius: 0px 0 0 6px;
    -moz-border-radius: 0px 0 0 6px;
    border-radius: 0px 0 0 6px;
}

    #advanced span.trigger {
        display: block;
        position: absolute;
        left: -81px;
        top: 20px;
        margin-top: -25px;
        width: 81px;
        height: 52px;
        background: #fff;
        cursor: pointer;
        text-align: center;
        background: url(/images/panel/adv-trigger.png) no-repeat 0 0;
    }

        #advanced span.trigger strong {
            display: block;
            padding: 4px 0 0 0;
        }

    #advanced ul li {
        background: url(/images/panel/panel-arrow.gif) no-repeat 0 6px;
        padding: 0 0 0 13px;
        font-size: 11px;
    }

        #advanced ul li.trigger_adv {
            padding: 0 0 0 0;
        }

            #advanced ul li.trigger_adv > span {
                background: url(/images/panel/panel-arrow2.gif) no-repeat 100% 8px #636363;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                padding: 0 20px 0 12px;
                color: #dfdfdf;
                font-weight: bold;
                display: inline-block;
                position: relative;
            }

        #advanced ul li a {
            color: #142440;
            text-decoration: none;
        }

            #advanced ul li a:hover {
                text-decoration: underline;
            }

    #advanced ul ul {
        margin-left: 13px;
    }

        #advanced ul ul li {
            font-size: 11px;
            background: url(/images/panel/panel-arrow1.gif) no-repeat 0 7px;
        }

        #advanced ul ul a {
            text-transform: capitalize;
            color: #dfdfdf;
        }

        #advanced ul ul ul {
            margin-left: 8px;
        }

            #advanced ul ul ul li {
                background: none;
            }

                #advanced ul ul ul li a {
                    color: #939393;
                }

/* ============================= content ====================== */

#content {
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 59px;
    position: relative;
    z-index: 1;
}

figure {
    padding-bottom: 17px;
    position: relative;
}

.fleft {
    float: left;
    margin-right: 17px;
}

.fright {
    float: right;
    margin-left: 17px;
}

figure img {
    position: relative;
    z-index: 1;
}

figure figcaption {
    color: #eff2f1;
    background: #2a2c2c;
    text-align: center;
    margin-top: -30px;
    line-height: 30px;
    position: absolute;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    behavior: url(/js/PIE.htc);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

figure span {
    display: block;
    height: 10px;
    line-height: 0;
    font-size: 0;
    background: #2a2c2c;
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 40px;
}

/* Lightbox image */
.lightbox-image {
    position: relative;
    overflow: hidden;
    display: block;
}

    .lightbox-image img {
        position: relative;
        z-index: 2;
    }

    .lightbox-image span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(/images/loading/magnify.png) no-repeat 50% 50%;
        z-index: 1;
    }

/* Tabs */
.tabs {
    margin: 15px 0 15px 0;
}

    .tabs ol {
        list-style-type: decimal;
        margin: 0 0 0 20px;
    }

        .tabs ol li {
            display: list-item;
            float: none;
            padding-bottom: 5px !important;
            font-size: 12px;
            color: #6b6a6a;
        }

    .tabs ul.nav {
        width: 100%;
        position: relative;
    }

    .tabs ul {
        float: left;
        list-style: none;
        margin: 0 0 5px 0 !important;
        padding: 0 0 0 0 !important;
    }

    .tabs li {
        display: block;
        float: left;
        margin: 0 5px -22px 0;
        background: none !important;
        padding: 0 0 0 0 !important;
        position: relative;
    }

.tab-content li {
    margin-bottom: 0;
}

.tabs .selected {
    margin-bottom: -22px;
    position: relative;
}

    .tabs .selected a {
        background: #f0f0f0;
        color: #000000;
        padding-bottom: 25px;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        behavior: url(/js/PIE.htc);
        position: relative;
    }

.tabs a:hover {
    background: #f0f0f0;
    color: #000000;
}
/*.tabs a:link		{background: #000000;color: #f0f0f0;}*/
.tabs a:visited {
    background: #000000;
    color: #f0f0f0;
}

.tabs a:active {
    background: #000000;
    color: #f0f0f0;
}

.tabs a {
    background: #000000;
    color: #fff;
    display: block;
    padding: 5px 10px;
    padding-bottom: 25px;
    text-decoration: none;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 10px;
    behavior: url(/js/PIE.htc);
    position: relative;
}

.tabs .tab-content {
    background: #f0f0f0;
    clear: both;
    width: 100%;
    max-width: 980px;
    overflow: auto;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    behavior: url(/js/PIE.htc);
    position: relative;
}
    /*.tabs .tab-content	{background: #DEDEDE;clear: both;width:100%;max-width:980px;overflow:auto;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;behavior: url(/js/PIE.htc); position: relative; }*/
    .tabs .tab-content .inner {
        padding: 10px;
    }

.tabs p {
    margin-bottom: 5px;
}

.tabs .tab-content strong {
    color: #000000;
}

.tabs pre {
    margin: 4px 0;
}

.tabs code {
    overflow: auto;
    font-family: 'andale mono','lucida console',monospace;
}

* + html .tabs code {
    overflow: visible;
}

/* Elements list */
.elements-list li {
    background: none !important;
    padding: 0 0 12px 0 !important;
    position: relative;
    font-size: 1em;
}

    .elements-list li code {
        position: absolute;
        right: 0;
        top: -3px;
        padding: 2px 3px 1px 3px;
        border: 1px dotted #333;
    }

/*======================================================*/
/* Code grabber */
.code {
    padding: 30px 0 10px 0;
}

    .code a.code-icon {
        margin-bottom: 10px;
    }

        .code a.code-icon i {
            padding-right: 6px;
            font-style: normal;
        }

    .code div.grabber {
        display: none;
    }

    .code code {
        padding: 0 10px 0 10px;
        background: #f6f6f6;
        color: #333;
        border: 1px solid #dfdfdf;
        white-space: pre;
        overflow: auto;
    }

   
/*  Horizontal divider */
.hr {
    display: block;
    position: relative;
    padding: 20px 0 5px 0;
    border: none;
    background: url(/images/line_hor1.gif) bottom repeat-x;
    overflow: hidden;
}

    .hr a {
        position: absolute;
        right: 20px;
        top: 5px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(/images/marker_top.gif) 0 9px no-repeat;
        padding-left: 13px;
        color: #2a2c2c;
        font-size: 11px;
    }

        .hr a:hover {
            color: #666;
        }

        /*  Horizontal divider */
.hr_tradeaway {
    display: block;
    position: relative;
    padding: 20px 0 5px 0;
    border: none;
     
    overflow: hidden;
}

    .hr_tradeaway a {
        position: absolute;
        right: 20px;
        top: 5px;
        text-transform: uppercase;
        text-decoration: none;
        background: url(/images/marker_top.gif) 0 9px no-repeat;
        padding-left: 13px;
        color: #2a2c2c;
        font-size: 11px;
    }

        .hr_tradeaway a:hover {
            color: #666;
        }


.marg_right1 {
    margin-right: 10px;
}

.marg_right2 {
    margin-right: 20px;
}

.marg_right3 {
    margin-right: 30px;
}

.pad {
    padding: 0 10px;
}

.marg_bot1 {
    margin-bottom: 20px;
}

.pad_left1 {
    padding-left: 20px;
}

.pad_left2 {
    padding-left: 60px;
}

.pad_top1 {
    padding-top: 9px;
}

.pad_bot1 {
    padding-bottom: 32px;
}

ul.banners {
    width: 100%;
    overflow: hidden;
}
    /*
    ul.banners li{ float:left; width:152px; padding:0 20px; margin-right:5px; background:url(/images/bg_banners.jpg) repeat;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  position: relative;}
*/
    ul.banners li {
        float: left;
        width: 201px;
        padding: 0 20px;
        margin-right: 5px;
        background: url(/images/bg_banners.jpg) repeat;
        border-radius: 1px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
    }

div.banners {
    padding: 0 20px;
    background: url(/images/bg_banners.jpg) repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}

    div.banners h6 {
        text-align: center;
        padding-bottom: 20px;
    }

.banners .no_pad {
    margin-right: 0;
}

.banners h6 {
    text-align: center;
    font-weight: 600;
    padding: 34px 0 7px 0;
    margin: 0;
}

.box1 {
    background: url(/images/box1.jpg) no-repeat;
    width: 52px;
    line-height: 48px;
    height: 52px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 45px;
    font-weight: 700;
    color: #f0f1f2;
    text-transform: uppercase;
    margin: 0 auto;
}

.banners p {
    line-height: 22px;
    color: #929292;
    padding: 4px 0 38px 0;
    font-size: 13px;
    height: 80px;
}

.banners strong {
    color: #929292;
}

.banners .button {
    background: #2b2b2b;
    display: block;
    float: none;
    font-size: 13px;
    text-transform: uppercase;
    color: #eff2f1;
    line-height: 34px;
    margin: 0 -20px;
    padding: 0 20px;
}

    .banners .button span {
        display: block;
        height: 10px;
        background: #2b2b2b;
        margin: 0 -20px;
        margin-bottom: -10px;
        cursor: pointer;
    }

    .banners .button:hover {
        text-decoration: none;
        background: #142440;
    }

        .banners .button:hover span {
            background: #142440;
        }

.banners .list1 li a {
    background: url(/images/marker_8.gif) 0 3px no-repeat;
    color: #787878;
}

.banners .pad_bot1 {
    padding-bottom: 20px;
}

.under1 {
    margin-left: -20px;
    padding-left: 20px;
    background: url(/images/line_hor1.gif) bottom repeat-x;
}

.under2 {
    margin-right: -20px;
    padding-right: 20px;
    background: url(/images/line_hor1.gif) bottom repeat-x;
}

.under3 {
    padding-bottom: 6px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 11px;
}


.list1, .list3, ol {
    margin: -6px 0;
}

    .list1 li, .list3 li {
        padding: 6px 0 6px 0;
    }

        .list1 li a, .list3 li a, ol li a {
            color: #4f4f4f;
            padding-left: 44px;
            display: block;
        }

            .list1 li a:hover, .list3 li a:hover, ol li a:hover {
                color: ##337ab7;
            }

    .list1 li {
        font-size: 14px;
    }

        .list1 li a {
            font-style: italic;
            background: url(/images/marker_1.gif) 20px 3px no-repeat;
        }

    .list1 ul {
        padding-top: 6px;
        padding-left: 24px;
    }

        .list1 ul li {
            padding: 0;
        }

            .list1 ul li a {
                padding: 0 0 0 15px;
                background: url(/images/marker_3.gif) 20px 5px no-repeat;
            }

ol {
    margin: -3px 0;
}

    ol li {
        list-style-position: outside;
        list-style-type: decimal;
        margin-left: 24px;
        line-height: 18px;
        font-weight: bold;
        color: #142440;
        padding: 6px 0;
    }

        ol li a {
            font-weight: bold;
            color: #142440;
            padding: 6px 0;
        }
/* ol li a{ font-weight:normal; padding-left:0} */

.list3 li a {
    background: url(/images/marker_4.gif) 0 2px no-repeat;
}

/* .list4 li a{ background:url(/images/marker_5.gif) 20px 2px no-repeat;} */
/* .list4 li a{ color:#4f4f4f; padding-left:44px; display:block} */

/* .list4{ margin:-6px 0;} */
.list4 li {
    padding: 0 0 12px 0;
}

.list4 li {
    color: #4f4f4f;
    padding-left: 44px;
    display: block;
}

.list4 li {
    background: url(/images/marker_5.gif) 20px 2px no-repeat;
}

    .list4 li a:hover {
        color: ##337ab7;
    }

.box3 {
    background: #142440;
    padding: 20px 21px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    overflow: hidden;
}

    .box3 p {
        color: #fff;
    }

    .box3 .under1 {
        border-bottom: 1px solid #525252;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        background: none;
    }

    .box3 strong {
        color: #fff;
    }

    .box3 span {
        color: #142440;
    }

    .box3 .button {
        background: #142440;
    }

        .box3 .button:hover {
            background: #fff;
            color: #000;
        }

.list5 {
    margin: -20px 0;
}

    .list5 li {
        line-height: 39px;
        border-bottom: 1px solid #4e4e4e;
        font-size: 14px;
        display: block;
        position: relative;
    }

        .list5 li a {
            /*color: #fff;*/
            display: block;
            font-weight: bold;
        }

            .list5 li a:hover {
                text-decoration: none;
            }

        .list5 li:hover {
            background: #fff; 
            border: none;
            margin: -1px -21px 1px;
            padding: 1px 21px 0;
        }

    .list5 .first {
        position: relative;
        padding-top: 1px;
    }

    .list5 .last {
        position: relative;
        border: none;
        padding-bottom: 1px;
    }

    .list5 .first:hover {
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        margin-top: 0;
    }

    .list5 .last:hover {
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        margin-bottom: 0;
        padding-bottom: 1px;
    }

    .list5 .first span {
        height: 8px;
        display: block;
        width: 100%;
        position: absolute;
        line-height: 0;
        font-size: 0;
        bottom: 0;
    }

    .list5 .first:hover span {
        background: #142440;
        margin: -1px -21px 0;
    }

    .list5 .last span {
        height: 8px;
        display: block;
        width: 100%;
        position: absolute;
        line-height: 0;
        font-size: 0;
        top: 0;
    }

    .list5 .last:hover span {
        background: #142440;
        margin: -1px -21px 0;
    }

#tnav {
    width: 100%;
    background-color: #fff;
    border: 1px solid #142440;
    color: #142440;
    border-right: none;
}

#tnav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#tnav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    width: 25%; /* fallback for non-calc() browsers */
    width: calc(100% / 4);
    box-sizing: border-box;
}

#tnav ul li:first-child {
    border-left: none;
}

    #tnav ul li a {
        display: block;
        text-decoration: none;
        color: #142440;
        padding: 10px 0;
        font-size: small;
        font-weight: bold;
    }

        #tnav ul li a:hover {
            text-decoration: none;
            color: #fff;
        }

    #tnav ul li:hover {
        background-color: #142440;
        color: #fff;
        /*margin: -1px -21px 1px;
            padding: 1px 21px 0;*/
    }





ul#tmenu {
    padding: 0;
    margin: 20px 0;
}

ul#tmenu li {
    display: inline;
    width: 250px;
}

ul#tmenu li a {
    background-color: black;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
}

ul#tmenu li a:hover {
    background-color:  #142440;
    margin: -1px -21px 1px;
            padding: 1px 21px 0;
}

.def_list p {
    display: block;
    padding-left: 50px;
}

.font1 {
    font-size: 14px;
    font-weight: bold;
    color: #142440;
    line-height: 23px;
}

.font2 {
    font-weight: bold;
}

.font3 {
    font-size: 16px;
    font-weight: bold;
    color: #142440;
    line-height: 37px;    
}

.font4 {
    text-align: center;
}
.font5 {
    font-size: 10px;
    font-weight: bold;
    color: #142440;
    line-height: 10px;
    padding-left:30px;
}
.font6 {
    font-style:italic;
    font-weight: bold;
    color: #142440;
}
.font7 {
    padding-left:30px;
}
.font8 { 
    font-weight: bold;
    color: #142440; 
    padding-left:15px;
}
.color1 {
    color: #4f4f4f;
}

.color2 {
    color: #142440;
}

.quot {
    background: url(/images/quot.gif) 0 12px no-repeat;
    padding-left: 55px;
    overflow: hidden;
    margin-top: -12px;
}

.testimonials {
    float: left;
    margin-left: -10px;
    background: url(/images/bg_box2.gif) top repeat-x #bfbfbf;
    border: 1px solid #bfbfbf;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}

.testimonials_bot {
    background: url(/images/testimonials.gif) 145px 0 no-repeat;
    width: 100%;
    padding-top: 20px;
}

.caps {
    text-transform: uppercase;
}

.box2 {
    background: #142440;
    width: 51px;
    float: left;
    text-align: center;
    font: 28px Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    line-height: 44px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    margin-right: 13px;
}

    .box2 span {
        display: block;
        font-size: 12px;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: -18px;
        line-height: 30px;
    }

.box4 {
    background: #142440;
    width: 17px;
    float: left;
    text-align: center;
    font: 13px Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    margin: 9px 10px 4px 0;
}

.button {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background: #000;
    line-height: 32px;
    padding: 0 9px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    float: left;
}

    .button:hover {
        text-decoration: none;
        background: #142440;
    }

.button2 {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #142440;
    line-height: 32px;
    padding: 0 9px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    float: left;
}

    .button2:hover {
        text-decoration: none;
        background: #000;
    }

.button3 {
    font-size: 14px;
    color: #fff;
    background: #646464;
    line-height: 32px;
    padding: 0 9px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    float: left;
}

    .button3:hover {
        text-decoration: none;
        background: #142440;
        color: #000;
    }

.button_ASPNET {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background: #000;
    line-height: 32px;
    padding: 0 9px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
}

    .button_ASPNET:hover {
        text-decoration: none;
        background: #142440;
    }

.line1 {
    background: url(/images/line_ver1.gif) 332px 0 repeat-y;
}

.line2 {
    background: url(/images/line_ver3.gif) 280px 0 repeat-y;
}

.dropcap_1 {
    font-size: 36px;
    color: #1f1f1f;
    font-weight: bold;
    float: left;
    margin-right: 13px;
    line-height: 36px;
}

.dropcap_2 {
    width: 52px;
    height: 52px;
    float: left;
    margin-right: 7px;
    background: #142440;
    font-size: 36px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    position: relative;
}


blockquote.left {
    width: 225px;
    background: url(/images/line_ver2.gif) right repeat-y;
    font-size: 16px;
    font-weight: bold;
    color: #142440;
    line-height: 25px;
    margin-right: 17px;
    padding: 18px 13px 18px;
}

blockquote.right {
    width: 225px;
    background: url(/images/line_ver2.gif) left repeat-y;
    font-size: 16px;
    font-weight: bold;
    color: #142440;
    line-height: 25px;
    margin-left: 17px;
    padding: 18px 0 18px 13px;
}

.boxes, .download-box {    
    border: 1px solid #cbcbcb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    margin-top: 7px;
}

    .boxes p {
        padding: 24px 24px;
    }

    .boxes .img_1 {
        background: url(/images/box_img1.jpg) 35px 14px no-repeat;
        padding-left: 111px;
        vertical-align: middle;
    }

    .boxes .img_2 {
        background: url(/images/box_img2.jpg) 35px 11px no-repeat;
        padding-left: 111px;
        vertical-align: middle;
    }

    .boxes .img_3 {
        background: url(/images/box_img3.jpg) 31px 13px no-repeat;
        padding-left: 111px;
        vertical-align: middle;
    }

    .boxes .img_4 {
        background: url(/images/box_img4.jpg) 31px 12px no-repeat;
        padding-left: 111px;
        vertical-align: middle;
    }

    .boxes .exclicon {
        background: url(/images/exclicon.jpg) 31px 12px no-repeat;
        padding-left: 111px;
        vertical-align: middle;
    }




/*    elements list     */
.elements-list {
    margin: 0;
    padding-top: 2px;
}

    .elements-list li {
        line-height: 24px;
    }

        .elements-list li code {
            float: right;
            border: 1px dotted #333;
            position: relative;
            margin: 1px;
        }


/* SlideDown element */
.slideDown {
    padding: 0 1px 0 0;
}

    .slideDown dt {
        background: url(/images/marker_3.gif) 650px center no-repeat #000;
        color: #fff !important;
        padding: 9px 0 9px 21px;
        margin-bottom: 4px;
        font-weight: bold;
        display: block;
        font-size: 12px;
        cursor: pointer;
        margin-bottom: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
    }

        .slideDown dt:hover, .slideDown dt.active {
            background-color: #535353;
            color: #fff;
            text-shadow: 0 0 5px #fff;
        }

        .slideDown dt.active {
            background: url(/images/marker_7.gif) 650px center no-repeat #000;
        }

    .slideDown dd {
        display: none;
        padding: 10px 20px 20px 20px;
    }

    .slideDown.absolute dd {
        position: absolute;
        padding: 0;
    }

        .slideDown.absolute dd div {
            background: #eeeeee;
            padding: 10px 20px 20px 20px;
            width: 640px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            position: relative;
        }

/* Twitter */
#twitter {
    margin-bottom: 2em;
}

#preloader {
    margin: 0;
    padding: 1em 1em 1em 5em;
    color: #000;
    font-weight: bold;
    text-indent: 10px;
    background: transparent url(/images/loading/loader.gif) 1em center no-repeat; /* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
}

    ul#twitter_update_list li {
        margin: 0;
        padding: 0.8em 0 1em 1em !important;
        margin-bottom: 7px;
        background: #eeeeee;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
        z-index: 1;
    }

        ul#twitter_update_list li:hover {
            color: #fff;
            background: #000;
        }

            ul#twitter_update_list li:hover a {
                color: #142440;
            }

        ul#twitter_update_list li a { /* timestamp link */
            color: #000;
        }

        ul#twitter_update_list li span {
            display: block;
        }

            ul#twitter_update_list li span a { /* links in tweet */
                color: #142440;
            }

        ul#twitter_update_list li.firstTweet {
        }

        ul#twitter_update_list li.lastTweet {
            border-bottom: none;
        }

a#profileLink {
    display: block;
    padding: 0.3em 1em;
    color: #142440;
    position: relative;
    z-index: 2;
}

/* Accordion */
#accordion,dl#accordion,dl#accordion1, dl#accordion2 {
    list-style-type: none;
    margin: 0;
    padding: 0 2px 0 0;
    height: auto !important;
}

 #accordion .indent, dl#accordion .indent, dl#accordion1 .indent,  dl#accordion2 .indent{
        padding-top: 7px !important;
        padding-bottom: 5px !important;
    }

    dl#accordion a,dl#accordion1 a,dl#accordion2 a {
        display: block;
        text-decoration: none;
    }

    dl#accordion dt,dl#accordion1 dt, dl#accordion2 dt {
        margin-top: 1px;
        background: none;
        padding: 0;
    }

        dl#accordion dt a,dl#accordion1 dt a, dl#accordion2 dt a {
            background: url(/images/marker_3.gif) 650px center no-repeat #000;
            color: #fff;
            padding: 9px 0 9px 21px;
            margin-bottom: 4px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            font-size: 12px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            position: relative;
        }

            dl#accordion dt a:hover,dl#accordion1 dt a:hover,dl#accordion2 dt a:hover {
                background-color: #535353;
                color: #fff;
                text-shadow: 0 0 5px #fff;
            }

        dl#accordion dt.active a,dl#accordion1 dt.active a, dl#accordion2 dt.active a {
            background-color: #535353;
            background-image: url(/images/marker_7.GIF);
            color: #fff;
        }

           .accordionlink {
            /*background: url(/images/marker_3.gif) 650px center no-repeat #000;*/
            background: none;
            background-color: #89c4ab;
            padding: 9px 0 9px 21px;
            margin-bottom: 4px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            font-size: 12px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            position: relative;
        }

    dl#accordion dd,dl#accordion1 dd,dl#accordion2 dd {
        display: none;
        margin-bottom: 0;
    }

        dl#accordion dd .indent,dl#accordion1 dd .indent,dl#accordion2 dd .indent {
            padding: 10px 30px 14px 20px !important;
        }

        dl#accordion dd a,dl#accordion1 dd a,dl#accordion2 dd a {
            display: inline;
            width: auto;
            text-decoration: underline;
        }

            dl#accordion dd a:hover,dl#accordion1 dd a:hover,dl#accordion2 dd a:hover {
                text-decoration: none;
                background: none;
            }

/* layouts page for button */
.layouts-nav {
    padding-top: 30px;
    width: 100%;
    overflow: hidden;
}

    .layouts-nav li {
        margin-right: 20px;
        float: left;
    }

/* for text-slider */
/* #text_slider div{ background:#dedede} */
#text_slider div {
    background: #dedede;
}

/* for fade-slider with controls */
#fade_nav {
    margin-bottom: 20px;
}

/* ============================= footer ====================== */

footer {
    font-size: 13px;
    color: #929292;
    width: 100%;
    overflow: hidden;
    padding: 33px 0 46px 0;
}

    footer .caps {
        color: #fff;
    }

    footer a {
        color: #bcbcbc;
        text-decoration: underline;
    }

        footer a:hover {
            text-decoration: none;
        }

.tittle1 {
    color: #dddddd;
    font-weight: bold;
    padding: 0 0 13px 0;
    display: block;
}

.list2 li {
    line-height: 28px;
    font-size: 12px;
}

    .list2 li a {
        color: #89898a;
        text-decoration: none;
        padding-left: 12px;
        background: url(/images/marker_2.gif) 0 4px no-repeat;
    }

        .list2 li a:hover {
            text-decoration: underline;
        }

#footer_menu {
    float: right;
    padding: 2px 0 15px 0;
}

    #footer_menu li {
        float: left;
        padding-right: 10px;
        background: url(/images/footer_line.gif) right 4px no-repeat;
        margin-right: 9px;
    }

    #footer_menu .bg_none {
        background: none;
        padding: 0;
        margin: 0;
    }

    #footer_menu2 li a, #footer_menu li a {
        color: #7c7c7c;
        text-decoration: none;
    }

        #footer_menu2 li a:hover,#footer_menu2 li .active, #footer_menu li a:hover, #footer_menu li .active {
            color: #fff;
            text-decoration: underline;
        }

#icons {
    float: right;
}

    #icons li {
        float: left;
        padding-left: 4px;
    }

/* Tooltips */
.aToolTip {
    border: 1px solid #000;
    background: url(/images/bg_opacity.png) repeat;
    color: #fff;
    margin: 0;
    padding: 2px 10px;
    font-size: 11px;
}

    .aToolTip .aToolTipContent {
        position: relative;
        margin: 0;
        padding: 0;
    }

a.aToolTipCloseBtn {
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(/images/loading/close.gif) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -15px;
    right: -20px;
}

/* ============================= forms ============================= */
#contactform {
}

    #contactform .bg {
        float: left;
        background: #fff;
        border-top: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        position: relative;
    }

    #contactform a {
        margin-left: 20px;
        margin-top: 10px;
        float: right;
    }

    #contactform .input {
        width: 420px;
        height: 17px;
        background: none;
        padding: 10px 18px;
        color: #4f4f4f;
        font: 14px Arial, Helvetica, sans-serif;
    }

    #contactform textarea {
        overflow: auto;
        width: 580px;
        height: 201px;
        background: none;
        padding: 10px 18px;
        color: #4f4f4f;
        font: 14px Arial, Helvetica, sans-serif;
    }

    #contactform .rowElem {
        display: block;
        position: relative;
        width: 100%;
        padding-bottom: 22px;
        overflow: hidden;
    }

    #contactform label {
        padding: 0;
        display: inline-block;
        font-size: 11px;
        position: absolute;
    }

    #contactform label {
        font-size: 11px;
        position: absolute;
        left: 430px;
        top: 4px;
    }

    #contactform .textarea-box label {
        left: 20px;
        top: 230px;
    }

    #contactform .error {
        color: red;
    }

    #contactform fieldset {
        border: none;
    }

div#contact_form .download-box {
    margin: 20px 0 0 0;
    padding: 20px;
}

.TextBoxBGCss {
    width: 220px;
    margin: 2px 0 2px 0;
    border-top: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    font: 14px Arial, Helvetica, sans-serif;
}

.TextBoxBGIICss {
    width: 220px;
    margin: 2px 0 2px 0;
    padding: 2px 2px;
    /*background: #dedede;*/
    background: white;
    border-top: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    font: 14px Arial, Helvetica, sans-serif;
}

.TextBoxCss {
    width: 420px;
    height: 17px;
    background: none;
    padding: 10px 18px;
    color: #4f4f4f;
    font: 14px Arial, Helvetica, sans-serif;
}

.DropDownCss {
    border: none;
    color: #4f4f4f;
    font: 14px Arial, Helvetica, sans-serif;
}

.rdHalfWidth td {
    width: 50%;
}

.rdQuarterWidth td {
    width: 25%;
}

/*--- sign in form ---*/
#login-form fieldset {
    border: none;
    position: relative;
}

#login-form .field {
    overflow: hidden;
    min-height: 45px;
    height: auto !important;
    height: 45px;
    padding: 4px 0 0 4px;
    position: relative;
}

.input_bg {
    background: #f0f0f0;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    position: relative;
    box-shadow: 0 0 2px #eee;
    -moz-box-shadow: 0 0 2px #eee;
    -webkit-box-shadow: 0 0 2px #eee;
}

#login-form input[type=text], #login-form input[type=password] {
    width: 360px;
    padding: 5px 12px 5px 12px;
    background: none;
}

#login-form .position {
    margin: 4px;
    float: right;
    position: relative;
}

#login-form small {
    color: red;
    font-weight: bold;
    padding: 0 0 0 5px;
}

#login-form .marg_top1 {
    margin-top: 10px;
}

#login-form label[for=remember] {
    font-size: 12px;
    color: #333;
    float: left;
}

#login-form input[type=checkbox] {
    vertical-align: middle;
}

.pnlCSS {
    position: relative;
    left: 250px;
    width: 250px;
}

/*--- floatdialog ---*/
.disable_masking {
    z-index: 6001;
    position: absolute;
    display: none;
    left: 50% !important;
    margin-left: -200px !important;
}

    .disable_masking .bg {
        background-color: #ffffff;
        padding: 40px;
        width: 400px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        box-shadow: 0 0 10px #000;
        -moz-box-shadow: 0 0 10px #000;
        -webkit-box-shadow: 0 0 10px #000;
        position: relative;
    }

    .disable_masking h6 {
        padding: 12px 0 30px 0;
    }

.closebutton, .myclosebutton {
    display: block;
    position: absolute;
    right: 50px;
    top: 50px;
}

.data {
    font-size: 12px;
    text-align: justify;
}

.viewsiurce {
    background-color: #F0F0F0;
    border: 2px dashed #000;
    padding: 20px;
    color: #006633;
    font-size: 12px;
}


/* Under Construction page =====*/
#constuction-box {
    width: 800px;
    height: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    background: #eae9e7;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-color: #ccc;
    box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    text-align: center;
    behavior: url(/js/PIE.htc);
}

    #constuction-box .inside {
        padding: 20px 40px 40px 40px;
    }

    #constuction-box .button {
        position: relative;
    }

    #constuction-box h1 {
        text-align: center;
        border-bottom: 1px solid #acacac;
    }

        #constuction-box h1 em {
            display: block;
        }
/* Countdown */
#countdown_dashboard {
    height: 110px;
    padding: 30px 0 40px 0;
    width: 650px;
    margin: 0 auto;
    position: relative;
}

.dash {
    width: 110px;
    height: 114px;
    background: transparent url(/images/loading/dash.png) 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}

    .dash .digit {
        font-size: 75px;
        line-height: 85px;
        font-weight: bold;
        float: left;
        width: 55px;
        text-align: center;
        color: #000;
        position: relative;
    }

        .dash .digit .bottom {
            font-size: 75px;
            line-height: 85px;
        }

.dash_title {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
    width: 110px;
    color: #142440;
}

#newsletter-alt-form {
    margin: 0 auto;
    width: 300px;
}

    #newsletter-alt-form .bg {
        background: #fff;
        border: 1px solid #acacac;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        behavior: url(/js/PIE.htc);
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

    #newsletter-alt-form input[type=text] {
        background: none;
        width: 200px;
        padding: 8px 10px;
        height: 15px;
    }

/* Under Construction page end =====*/

/* ============== Intro page =========== */

#intro-box {
    width: 600px;
    height: 400px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background: #eae9e7;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-color: #ccc;
    box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    text-align: center;
    behavior: url(/js/PIE.htc);
    float: left;
}

    #intro-box .inside {
        padding: 40px 40px 40px 40px;
    }

    #intro-box h2 {
        font-weight: 700;
        text-align: center;
        font-size: 4em;
        margin-bottom: .2em;
        line-height: 1.2em;
        position: absolute;
        left: 0;
        top: -110px;
        text-align: center;
        width: 600px;
        overflow: hidden;
        height: 100px;
        color: #000;
        font-weight: normal;
    }

    #intro-box h1 span {
        text-transform: uppercase;
        color: #1fb7c4;
        display: block;
        margin-bottom: -15px;
    }

    #intro-box .button {
        position: absolute;
        right: 40px;
        bottom: 20px;
        float: right;
        white-space: nowrap;
    }

.intro-buttons {
    width: 500px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    bottom: 50px;
}

#flash-intro {
    margin-bottom: 20px;
    position: absolute;
    left: 23px;
    top: 20px;
}

/* =========== Intro page end ========= */

/* =========== 404 page ========= */

.bg_404 {
    background: url(/images/bg_404_page.jpg) center 79px no-repeat;
    min-height: 490px;
}

.text_404 {
    padding: 62px 0 0 605px;
    width: 320px;
}

    .text_404 h1 {
        font-size: 49px;
        font-weight: 400;
        color: #333740;
        line-height: 60px;
        text-transform: none;
        margin-bottom: 0;
    }

        .text_404 h1 span {
            font-weight: 700;
            font-size: 33px;
            vertical-align: middle;
        }

#search_404 {
    float: left;
    padding: 10px 0 0 0;
}

    #search_404 .bg {
        background: url(/images/search_404_page.jpg) no-repeat;
        width: 273px;
        height: 29px;
    }

    #search_404 .submit {
        float: right;
        width: 43px;
        height: 29px;
        cursor: pointer;
        background: none;
    }

    #search_404 .input {
        float: right;
        background: none;
        width: 220px;
        padding: 7px 0 7px 10px;
        color: #5d5d5d;
        font: 12px Arial, Helvetica, sans-serif;
        height: 15px;
    }

/* =========== 404 page end ========= */


/* =========== coin slider ========= */
#coind-slider {
    overflow: hidden;
}

.coin-slider {
    overflow: hidden;
    zoom: 1;
    position: relative;
    padding-bottom: 30px;
}

    .coin-slider a {
        text-decoration: none;
        outline: none;
        border: none;
    }

.cs-buttons {
    font-size: 0px;
    padding: 10px;
    float: left;
}

    .cs-buttons a {
        margin-left: 5px;
        height: 12px;
        width: 12px;
        float: left;
        background: #fff;
        color: #fea900;
        text-indent: -9999em;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: 1px 1px 1px #999;
        -moz-box-shadow: 1px 1px 1px #999;
        -webkit-box-shadow: 1px 1px 1px #999;
        behavior: url(/js/PIE.htc);
        position: relative;
    }

        .cs-buttons a:hover, .cs-buttons a.cs-active {
            background: #142440;
            color: #fff;
        }

.cs-title {
    width: 100%;
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-indent: 10px;
}

.cs-prev, .cs-next {
    background: #000;
    color: #fff;
    padding: 0px 10px;
}

    .cs-prev:hover, .cs-next:hover {
        background: #ff2b00;
    }
/* =========== coin slider end ========= */


/* =========== kwiks slider ========= */
.kwicks-wrapper {
    width: 942px;
    overflow: hidden;
}

    .kwicks-wrapper img {
        border: 1px solid #e1e1e1;
    }

.kwicks-box {
    border: 1px solid #323232;
    padding: 0px;
}

.kwicks { /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    height: 586px;
    background: #000;
}

    .kwicks li { /* these are required, but the values are up to you (must be pixel) */
        width: 235px;
        height: 586px; /*do not change these */
        display: block;
        overflow: hidden;
        padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
        background: none !important;
    }

        .kwicks li.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .kwicks.horizontal li { /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
        margin-right: 0; /*Set to same as spacing option. */
        float: left;
    }

.kwicks_vertical { /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    width: 940px;
    height: 396px;
    background: #000;
}

    .kwicks_vertical li { /* these are required, but the values are up to you (must be pixel) */
        height: 196px; /*do not change these */
        display: block;
        overflow: hidden;
        padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
        cursor: pointer;
        float: none;
        opacity: .5;
        filter: alpha(opacity=50);
    }

        .kwicks_vertical li.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }
/* =========== kwiks slider end ========= */


/* =========== gallery ========= */
#galleryfic_gallery {
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width: 940px;
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
}

    div.content a, div.navigation a {
        text-decoration: none;
    }

        div.content a:focus, div.content a:hover, div.content a:active {
        }

div.slideshow-container {
    position: relative;
    clear: both;
    height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */
    z-index: 10;
}

div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/loading/loader.gif) center center no-repeat;
}

div.slideshow {
    height: 600px;
    width: 940px;
    overflow: hidden;
}

    div.slideshow span.image-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 600px;
        width: 940px;
    }

.advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow-container {
    height: 400px;
}

    .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow-container {
        width: 600px;
    }

div.slideshow a.advance-link {
    display: block;
    width: 940px;
    height: 600px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
    overflow: hidden;
}

    div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
        text-decoration: none;
    }

div.slideshow img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

div.slideshow.noborder img {
    padding: 0;
    border: none;
}

div.caption-container {
    position: relative;
    clear: left;
    height: 40px;
}

.advanced_gallery div.caption-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
}

span.image-caption {
    display: block;
    position: absolute;
    width: 400px;
    top: 0;
    left: 0;
}

div.caption {
    padding: 10px 70px 0 30px;
    overflow: hidden;
}

div.image-desc {
}

div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

#thumbs {
    padding-left: 40px;
}

.advanced_gallery #thumbs {
    padding-left: 55px;
}

ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 190px;
    overflow: hidden;
}

ul.advanced_thumb {
    width: 900px;
    height: 160px;
}

ul.thumbs li {
    float: left;
    background: none !important;
    list-style: none;
    margin: 0 10px 0 0;
    margin-bottom: 4px;
}

    ul.thumbs li.last {
        padding-right: 0;
    }

a.thumb {
    display: block;
}

ul.thumbs li.selected a.thumb {
}

a.thumb:focus {
    outline: none;
}

ul.thumbs img {
    border: none;
    display: block;
}
/* Pagination */
div.pagination {
    clear: both;
    width: 100%;
    position: relative;
}

div.navigation div.top {
    margin-bottom: 12px;
    height: 11px;
    display: none; /* optional disabled */
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    display: none;
}

    div.pagination a:hover, div.pagination span.current {
    }

div.pagination span.ellipsis {
    display: none;
}

div.pagination a.prev_1 {
    height: 12px;
    width: 13px;
    display: block !important;
    background: url(/images/marker_6.gif) left bottom no-repeat;
    position: absolute;
    left: -40px;
    top: -100px;
}

.advanced_gallery div.pagination a.prev_1 {
    height: 12px;
    width: 13px;
    display: block !important;
    background: url(/images/marker_6.gif) left bottom no-repeat;
    position: absolute;
    left: -40px;
    top: -80px;
}

div.pagination a.next_1 {
    height: 12px;
    width: 13px;
    display: block !important;
    background: url(/images/marker_4.gif) 0 0 no-repeat;
    padding-bottom: 2px;
    position: absolute;
    right: 0px;
    top: -100px;
}

.advanced_gallery div.pagination a.next_1 {
    height: 12px;
    width: 13px;
    display: block !important;
    background: url(/images/marker_4.gif) 0 0 no-repeat;
    padding-bottom: 2px;
    position: absolute;
    left: 765px;
    top: -80px;
}

.Initial {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    /*background: url("../Images/InitialImage.png") no-repeat right top;*/
    color: Black;
    font-weight: bold;
}

.ViewTabs {
    border: solid 1px black;
    background-color: #eeeeee;
    padding: 2px 10px;
}

.selectedTab {
    background-color: white;
    border-bottom: solid 1px white;
}
 .sareqBtn {
            border:1px solid;
            border-radius: 7px;
    box-shadow: 1px 3px 7px #666;
        }
        .sareqBtn:hover {
            border: 0;
    box-shadow: 1px 3px 7px #999;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);   
    cursor:pointer;
    cursor:hand;
        }