@import url("base.css");

/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/

/*******************************************
SKELETON STYLE
*******************************************/
.contentDesktop {display:none !important;}
.contentMobile {display:initial;}

#css_type {display:none;width:1px;} /* THIS IS TO IDENTIFY WHICH CSS BEING USED */

div#wrapper{width:100%;margin:0 auto;}
a {text-decoration:none;}

/******* MENU STYLING (start)  *******/
table.generalForm {
width:100%;
}
.formPromptStyle {
width:100px;
}

#googleMap1, #googleMap2{
    width: 100%;
    height: 200px;
}

/* DIV STYLE MENU */
div.parentMenu
{
    position:relative;
    border-bottom-style:none;
    text-align:left;
    margin-right:5px;
    z-index:5;
}

    div.parentMenu a
    {
        padding:5px 0px;
        display:block;
        text-decoration: none;
        font-size:110%;
    }
    
        div.m_active{ }
    
            div.parentMenu div.subMenu
            {
                display:none;
                font-weight:normal;
                overflow:hidden;
                text-align:left;
                white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
            }
                div.parentMenu div.subMenu a { 
                    padding:5px 10px;
                }

                
/* HORIZONTAL MENU INLINE */
ul.ul_horz {
    margin:0px;
    list-style-type: none;
}
    ul.ul_horz li{
        display:inline;
        margin-right:10px;
    }

/* HORIZONTAL MENU FLOAT */
ul.ul_horz2 {
    margin:0px;
    list-style-type: none;
    float:none;
}
    ul.ul_horz2 li {
        float:none;
        margin:0px 10px 0px 0px;
        position:relative;
    }
        ul.ul_horz2 li a {float:none;}

/* VERTICAL MENU FLOAT - UL ONLY */
ul.ul_vert {
    margin:0px 10px 0px 0px;
    list-style-type: none;
    float:left;
}

/* MENU ITEM */
li.item_type1
{
    text-align:center;
}

    li.item_type1 a
    {
        display:block;
        padding:5px 10px;
    }

 
/******* MENU STYLING (end)  *******/



/******* HEADER (start) *******/
div#header_toggle
{
    background-color:#003366;
    padding:5px;
    margin:5px;
    width:30px;
}
    div#header_toggle img
    {
        width:20px;
        display:block;
        margin:0 auto;
    }

div#header{
    background-color:#ffffff;
    overflow:auto;
    width:100%;
    position:absolute;
    display:none; 
    z-index:5;
}
    div#header a
    {
        line-height:30px;
    }
    
    div#header_top_left{margin:5px;}
    
        div#topLeftNav div.parentMenu
        {
            margin:0px 0px 5px 0px;
            background-color:#003366;
        }
            div#topLeftNav div.parentMenu a
            {
                color:#ffffff;
                height:30px;
                padding:5px 10px;
                font-size:100%;
                font-weight:bold;
            }
           
        div#topLeftNav div.subMenu
        {
            margin:0 5px;
        }
        
            div#topLeftNav div.subMenu a {
                background-color:#eeeeee;
                color:#003366;
                padding:2px 10px;
                font-weight:normal;
                margin-bottom:5px;
            }
           
            
            
    div#header_top_right{margin:5px;}
    
        div#topRightNav ul li a {float:none;display:initial;padding:5px 5px;}
            
        div#topRightNav ul li#loginMenu
        {
            margin-right:0px;
        }
            div#topRightNav ul li#loginMenu a
            {
                background-color:#cc0033;
                color:#ffffff;
                text-decoration:none;
                display:block;
            }
            

/******* HEADER (end) *******/
            
            
/******* CONTENT (start) *******/
div#content{margin:0px;overflow:hidden;}

    img#spt_logo{
        width:210px; /* height will be automatically adjusted */
    }
    
    @media all and (orientation: landscape) {
        img#spt_logo{
            float:right;
            position:relative;
            margin: -20px 10px 10px 0px;
        }
    }
    
    a#spt_logo_link {}

    div#sect_top {
        margin:20px 0px 0px 0px;
    }
    
        div#sect_top_left{
            text-align:center;
        }
        
        div#sect_top_right{
            margin-top:10px;
            display:none;
        }
        
            div#sect_top_right ul#insMenuParent li
            {
                padding:5px 10px;
                color:#003366;
                cursor:pointer;
                font-size:20px;
                font-weight:bold;
                line-height:50px;
                height:50px;
                margin-right:20px;
            }
                /*
                div#sect_top_right ul li.last
                { margin-right:0px; }
                */
                
            
    div#menu_hover
    {
        width:100%;
        overflow:hidden;
    }
    
        div.insMenuHeading{
            display:block;
            color:#ffffff;
            background-color:#003366;
            height:30px;
            font-size:16px;
            line-height:30px;
            padding:5px 10px;
            text-align:center;
            font-weight:bold;
            margin-top:5px;
            /*clear:both;*/
        }
    
        div.insMenu
        {
            background-color:#eeeeee;
            display:none;
        }
        
        div.insMenuTitle
        {
            margin-top:20px;
            font-weight:bold;
            display:none;
        }
        
        div.insMenu ul
        {
            margin:0px 0px 5px 0px;
        }
        
            div.insMenu ul li
            {
                margin:2px 0px;
                clear:both;
            }
            
                div.insMenu ul li a
                {
                    background:#9caec4 url('../images/icon_arrowMenu.png') 90% 50% no-repeat;
                    /*background-color:#9caec4;*/
                    padding:2px 5px;
                    width:100%;
                    display:block;
                    height:34px;
                }
                
                    div.insMenu ul li a div.navTitle
                    {
                        color:#ffffff;
                        line-height:34px;
                    }
                    
                    div.insMenu ul li a div.navSubTitle
                    {
                        display:none;
                    }
                    
                    div.insMenu ul li a div.navIcon, div.insMenu ul li a div.navTitle
                    {
                        float:left;
                    }
                        
                        div.insMenu ul li a div.navIcon img
                        {
                            height:30px;
                            margin-right:10px;
                        }
            
    div#banner
    {
        margin-top:10px;
        background: #09264e 50% 0% no-repeat;
        height:200px !important;
        position:relative;
        overflow:hidden;
    }

        div#banner_title
        {
            clear:both;
            float:left;
            margin:100px 0px 0px 0px;
            padding:10px 20px;
            background-color:#cc0033;
            color:#ffffff;
            font-size:24px;
            text-transform: uppercase;
            opacity: 0.8;
            filter: alpha(opacity=80); 
        }                
        
         /*
        div#banner_menu {
            clear:both;
            position:absolute;
            bottom:20px;
            float:left;
            margin:50px 0px 0px 0px;
        }*/
          
        div#banner_menu {
            clear:both;
            float:left;
            margin:30px 0px 0px 0px;
            display:none; 
        }

            div#banner_menu ul {}
            
                div#banner_menu ul li
                {
                    margin:2px 5px;
                }
                
                div#banner_menu ul li a
                {
                    background:#ffffff url('../images/bg_featureIcon.png') top left no-repeat;
                    padding:2px 5px;
                    height:60px;
                    width:200px;
                }
                
                    div#banner_menu ul li a div.navIcon
                    {
                        margin:10px 20px 0px 0px;
                        float:left;
                    }
                    
                        div#banner_menu ul li a div.navIcon img
                        { height:40px; }
                    
                    div#banner_menu ul li a div.navTitle
                    {
                        float:left;
                        width:140px;
                        line-height:60px;
                        font-size:14px;
                        font-weight:bold;
                    }
                
                    div#banner_menu ul li a div.navSubTitle
                    {
                        width:140px;
                        font-size:10px;
                        display:none;
                    }

        /*div#sect_search {}*/
    
                
    div#cms_content
    {
        /*font-size:12px;*/
        padding:5px 5px 10px 5px;
        clear:both;   
    }
        #section1Content
        {   
            margin-top:10px;
        }
        
        #section2Content
        {
            margin-top:10px;
            display:none;
        }
        
        #smartContent
        {
            display:none;
        }
    
        div#backLink
        {
            clear:both;
            margin-top:20px;
        }
            div#backLink a
            {
                background-color:#003366;
                color:#ffffff;
                padding:5px 5px;
            }
            
        div.cms_pageTitle
        {
            margin:10px 0px;
            color:#cc0033;
            /*font-weight:bold;
            font-size:150%;
            padding:10px 0px 0px 0px;*/
        }
            
        span.cms_pageSubTitle
        {
            color:#cc0033;
            /*font-weight:bold;
            font-size:150%;*/
        }
        
        /* button-like link on right-hand side section */
        ul.sideList {
            margin:0px;
            list-style-type: none;
        }
            ul.sideList li
            {
                margin:0px 0px 5px 0px; 
            }
                ul.sideList li a
                {
                    padding:2px 5px;
                    color:#003366;
                    background-color:#eeeeee;
                    font-weight:bold;
                    display:block;
                    line-height:30px;
                    text-align:center;
                    text-transform: uppercase;
                    border:1px solid #9999cc;
                }

        
        /* insurance menu on right-hand side section */
        ul#sideMenu{
            margin:0px;
            list-style-type: none;
        }
        
            ul#sideMenu li
            {
                clear:both;
                margin:0px 0px 2px 0px;
            }

                ul#sideMenu li a
                {
                    display:block;
                    padding:2px 5px;
                    height:30px;
                    background:#9caec4 url('../images/icon_arrowMenu.png') 250px 50% no-repeat;
                    color:#ffffff;
                }
                
                    ul#sideMenu li a div.navIcon
                    {
                        margin:0px 20px 0px 0px;
                        float:left;
                    }
                    
                        ul#sideMenu li a div.navIcon img
                        {
                            height:30px;
                        }
                    
                    ul#sideMenu li a div.navTitle
                    {
                        float:left;
                        /*margin:10px 0px 0px 0px;*/
                        line-height:30px;
                        font-weight:bold;
                    }
                
                    ul#sideMenu li a div.navSubTitle
                    {
                        display:none;
                    }

/******* CONTENT (end) *******/
    
/******* FOOTER (start) *******/
div#footer{
    clear:both;
    padding:0px;
    font-size:80%;
}
    
    div#footer_top_sect
    {
        background-color:#9caec4;
        padding:20px 80px;
        margin-bottom:10px;
        display:none;
    }
        div#testimEntry{
            color:#ffffff;
            text-align:right;
        }
        
        div#testimAuthor{
            margin-top:10px;
            text-align:right;
        }
            
        
    div#footer_mid_sect
    {
        padding:0px 0px;
        background-color:#9caec4;
    }
    
        div#footer_mid_farLeft, div#footer_mid_left, div#footer_mid_right, div#footer_mid_farRight
        {
            float:left;
            padding:0px;
            width:100%;
            
            margin-bottom:10px;
        }
            div#footer_mid_farLeft ul li
            {
                padding:2px 0px;
                margin:0px;
            }
            
            div.footer_content
            {
                margin:5px 5px;
                padding:5px;
            }
            
            
    div#footer_bot_sect
    {
        margin:20px 0px 10px 0px;
        line-height:200%;
        text-align:center;
    }

/******* FOOTER (end) *******/
           
/*******************************************
SPECIFIC STYLE
*******************************************/


/* -------------------------- *\ 
   SEARCH SECTION
\* -------------------------- */



/* -------------- *\ 
   DEFAULT DESIGN
\* -------------- */
body.design_default div#cms_content
{
    /*border-top: #cc0033 solid 1px;*/
}

/* -------------- *\ 
   HOME DESIGN
\* -------------- */
body.design_home #section1Content
{   
    width:auto;
}

    body.design_home div#slogan
    {
        float:left;
        margin:50px 0px 0px 0px;
        color:#cc0033;
        font-size:24px;
        line-height:150%;
        font-weight:bold;
        display:none; 
    }
    
    body.design_home div#homepage_link {
        clear:both;
        float:none;
        margin:20px 0px 0px 0px;
    }
        body.design_home div#homepage_link ul
        {
            width:240px;
            margin:0 auto;
        }
        
        body.design_home div#homepage_link ul li 
        {
            margin:2px 5px;
        }
        
        body.design_home div#homepage_link ul li a
        {
            background-color:#003366;
            padding:10px 5px;
            font-size:16px;
            color:#ffffff;    
            display:block;        
            text-align:center;
        }
            
    body.design_home div#banner
    {
        /*background-color:#ccd6e2;*/
    }
        
        body.design_home div#banner_menu {
            margin:200px 0px 0px 0px;
        }
        
            body.design_home div#banner_menu span {
                font-size:24px;
            }
            
            body.design_home div#banner_menu ul li a div.navTitle
            {
                float:left;
                margin-top:15px;
                line-height:normal;
            }
    
            body.design_home div#banner_menu ul li a div.navSubTitle
            {
                float:left;
                margin-top:5px;
                display:block;
            }