/*-----------------------------------

LAYOUT FOR COBENS
VERSION 1
CLEAR BREEZE DESIGN

-----------------------------------*/







body
{
    color: #333333;
    background-color: #ffffff;
    margin-top: 10px;
}



a
{
    color: #3d5a74;
}



div.clear
{
    clear: left;
}



div.clearright
{
    clear: right;
}

div.clearboth
{
    clear: both;
}



img
{
    border: 0;
}



img.left
{
    float: left;
    margin-right: 20px;
}



img.right
{
    float: right;
    margin-left: 10px;
}



h1
{
    color: #170046;
    background-image: url('../images/h1bg.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

















/* setup for footer */



div.wholepage div.footerhome
{
    width: 980px;
    margin: auto;
    clear: both;
    color: #999999;
    margin-top: 50px
}

    /* privacy and ts and cs links */

    div.wholepage div.footerhome ul 
    {
        margin-bottom: 10px;
        margin-left: 0;
        padding-left: 0;
        list-style: none;
    }
    
         div.wholepage div.footerhome ul li 
         {
             display: inline;
             padding-right: 10px;
         }
         
            div.wholepage div.footerhome ul li a    
            {
                color: #666666
            }
            
            div.wholepage div.footerhome ul li a:hover  
            {
                color: #000000
            }





div.wholepage div.footerhome div.copyrightinfo
{
   
}



div.wholepage div.footerhome div.copyrightinfo p.copyright
{
    margin-top: 0;
    margin-bottom: 0;
    
}





/* page area */

div.wholepage
{
    width: 980px;
    margin: auto;
    background-color: #ffffff;
    margin-top: 0;
}



/* search area */

div.wholepage p.search    
{
    float: right;
    margin-bottom: 0;
    margin-top: 0;
}

    div.wholepage p.search input    
    {
        border: 1px solid #aaa7b2;
        background-image: url('../images/searchinputbg.gif');
        background-position: bottom;
        background-repeat: repeat-x;
    }
    
    div.wholepage p.search input[type=button]    
    {
        background-image: url('../images/searchbuttbg.gif');
        background-position: top left;
        background-repeat: repeat-x;
        border: 1px solid #aaa7b2;
        color: #4e4d4d;
        margin-left: 3px;
        height: auto;
    }

    





/* top  banner with menu */



div.wholepage div.topbanner
{
    width: 980px;
    background-image: url('../images/topbanner_morning.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10;
    float: left;
    
}


    /* style alternatives */
    
    div.wholepage div.morning2  
    {
        background-image: url('../images/topbanner_morning2.jpg');
    }
    
    div.wholepage div.day  
    {
        background-image: url('../images/topbanner_day.jpg');
    }
    
    div.wholepage div.night  
    {
        background-image: url('../images/topbanner_night.jpg');
    }



    /* login links */

    div.wholepage div.topbanner ul.login  
    {
        margin-top: 10px;
        padding-top: 0;
        padding-left: 0;
        margin-bottom: 30px;
        padding-bottom: 0;
        list-style: none;
        padding-left: 30px;
        background-image: none;
        background-color: transparent;
        float: left;
        width: 50%;
    }

        div.wholepage div.topbanner ul.login li   
        {
            margin-right: 5px;
            background-image: url('../images/loginbox2.gif');
            background-position: right;
            background-repeat: no-repeat;
            padding-top: 0;
            padding-bottom: 0
        }
        
        div.wholepage div.topbanner ul.login li.client  
        {
            background-image: url('../images/loginbox2_client.gif');
        }
        
        div.wholepage div.topbanner ul.login li.company  
        {
            background-image: url('../images/loginbox2_company.gif');
        }
        
            div.wholepage div.topbanner ul.login li.company a  
            {
                padding-right: 35px;
            }
        
            div.wholepage div.topbanner ul.login li a   
            {
                background-image: url('../images/loginbox1.gif');
                background-position: left;
                background-repeat: no-repeat;
                padding-right: 30px;
                padding-left: 10px;
                padding-top: 6px;
                padding-bottom: 8px;
                color: #333333;
            }
            
            div.wholepage div.topbanner ul.login li a:hover 
            {
                color: #000000
            }
 



        div.wholepage div.topbanner ul li
        {
            float: left;
            padding-top: 7px;
        }


        div.wholepage div.topbanner ul li a
        {
            display: block;
            text-decoration: none;
            color: #ffffff;
            padding-bottom: 8px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 1px;
        }


        div.wholepage div.topbanner ul li a:hover
        {
            color: #ffffff
        }

        
    
    





/* navigation */



div.wholepage div.navigation
{
    width: 170px;
    float: left;
    margin-top: 20px;
    
}


/* contact page tuble link */

div.wholepage div.navigation a.tubelink 
{
    background-color: #41607b;
    color: #ffffff;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 3px;
    display: block;
    margin-top: 5px;
    background-image: url('../images/undergroundlinkbg.gif');
    background-position: top;
    background-repeat: no-repeat;
    border-bottom: 3px solid #ffcc99
} 

div.wholepage div.navigation a.tubelink:hover   
{
    color: #c7d5e0
}




/* submenu */



div.wholepage div.navigation div.submenu
{
    margin-bottom: 0;
}


div.wholepage div.navigation div.submenu ul
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}



div.wholepage div.navigation div.submenu ul li
{
    background-color: #d8e1e8;
    background-image: url('../images/submenubg.jpg');
    background-position: bottom;
    background-repeat: repeat-x;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #94a8b8;
}



div.wholepage div.navigation div.submenu ul li.last
{
    
}



div.wholepage div.navigation div.submenu ul li.first
{
    
}



div.wholepage div.navigation div.submenu ul li a
{
    
    display: block;
    text-decoration: none;
    color: #170046;
    padding-left: 7px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 4px;
    border-left: 7px solid #ffcc99
}


div.wholepage div.navigation div.submenu ul li a:hover
{
    color: #ffffff;
    background-color: #5c587e
}
 

div.wholepage div.navigation div.submenu ul li a.selected
{
    color: #ffffff;
    background-color: #5c587e
}

   


/* sub menu alternative link */


div.wholepage div.navigation div.submenucallout 
{
    margin-top: 0;
    border-top: 5px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    background-image: url('../images/altlinkbg.gif');
    background-position: top;
    background-repeat: no-repeat;
}

    div.wholepage div.navigation div.submenucallout p   
    {
        margin-top: 5px;
        color: #66718d;
    }
    
        div.wholepage div.navigation div.submenucallout p a 
        {
            text-decoration: none;
            color: #66718d;
            font-weight: bold
        }
        
        div.wholepage div.navigation div.submenucallout p a:hover   
        {
            text-decoration: underline
        }





 
 
/*-----------------------------------
MAIN CONTENT AREA 
-----------------------------------*/

div.wholepage div.main  
{
    margin-right: 245px;
    margin-left: 185px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
} 


/* intro paragraph */

div.wholepage div.main blockquote 
{
    background-color: #f5f5f5;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    background-image: url('../images/blockquotebottom.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    float: left;
    width: 530px;
}

    div.wholepage div.main blockquote p 
    {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 25px;
        padding-bottom: 40px;
        margin-top: 0;
        margin-bottom: 0;
        background-image: url('../images/blockquotetop.gif');
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    div.wholepage div.main blockquote ul.twocollist 
    {
        float: left;
        width: 190px;
        margin-left: 10px;
        padding-left: 20px;
        margin-right: 10px;
        margin-top: 0;
        padding-bottom: 40px;
    }
    
        div.wholepage div.main blockquote ul.twocollist li  
        {
            padding-bottom: 3px;
            list-style-type: circle;
        }
        
    
    /* style alternatives */
    
    div.wholepage div.main blockquote.morning   
    {
        color: #77182e
    }
    
    div.wholepage div.main blockquote.morning2   
    {
        color: #5e4c46
    }
    
    div.wholepage div.main blockquote.day   
    {
        color: #7b2a00
    }
    
    div.wholepage div.main blockquote.night   
    {
        color: #455042
    }

 
    /* employer/employee benefits for product pages */
    
    div.wholepage div.main div.proddesc 
    {
        background-image: url('../images/descriptionbg.jpg');
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
    }
    
    
    
    div.wholepage div.main div.prodbens 
    {
        /*border-bottom: 1px solid #cccccc;*/
        float: left;
        width: 530px;
        /*background-image: url('../images/bensbg.jpg');
        background-position: bottom;
        background-repeat: no-repeat;*/
        margin-top: 10px;
    }
    
        div.wholepage div.main img.picright 
        {
            float: right;
            margin-right: 20px;
            margin-left: 20px;
            margin-top: 10px
        }
    
    
        div.wholepage div.main div.prodbens div.benemployee  
        {
            width: 225px;
            float: left;
            padding-top: 5px;
            
        }
        
            div.wholepage div.main h2   
            {
                margin-bottom: 10px;
                margin-top: 25px;
                color: #2d2c56;
                font-weight: normal;
                /*border-bottom: 1px dashed #6c8eb1;*/
            }
            
                div.wholepage div.main ul  
                {
                    list-style: none;
                    margin-left: 0;
                    padding-left: 0;
                }
            
                    div.wholepage div.main ul li   
                    {
                        background-image: url('../images/listbullet.gif');
                        background-position: left;
                        background-repeat: no-repeat;
                        padding-left: 15px;
                        padding-bottom: 5px;
                    }
        

    
    div.wholepage div.main div.whycobens 
    {
        clear: both;
        float: left;
        width: 470px;
        /*background-image: url('../images/whybg.jpg');
        background-position: bottom right;
        background-repeat: no-repeat;
        border-bottom: 1px solid #cccccc;*/
        padding-bottom: 20px;
    }
    
        div.wholepage div.main div.whycobens h2 
        {
            margin-bottom: 5px;
            margin-top: 0;
            /*background-color: #326c8a;*/
            color: #2d2c56;
            /*padding-left: 5px;*/
            font-weight: normal;
            border-bottom: 1px dashed #6c8eb1;
            padding-bottom: 10px;
            /*background-image: url('../images/whycobensh2bg.jpg');
            background-position: top right;
            background-repeat: no-repeat;*/
        }
        
        div.wholepage div.main div.whycobens img    
        {
            float: right;
            margin-right: 20px;
            margin-left: 20px;
            margin-top: 10px
        }
        
        
    /* guides section */
    
    div.wholepage div.main div.guides   
    {
        border-top: 1px dotted #cccccc;
        border-bottom: 1px dotted #cccccc;
        padding-top: 10px;
        padding-bottom: 10px
    }
    
        div.wholepage div.main div.guides p 
        {
            width: 368px;
            background-image: url('../images/guide_bg1.gif');
            background-position: top left;
            background-repeat: no-repeat;
            background-color: #0069a3;
            padding-left: 50px;
        }
        
            div.wholepage div.main div.guides p a   
            {
                display: block;
                background-image: url('../images/guide_bg2.gif');
                background-position: top right;
                background-repeat: no-repeat;
                padding-top: 6px;
                padding-bottom: 8px;
                color: #d8e1e8;
                text-decoration: none
            }
            
            div.wholepage div.main div.guides p a:hover 
            {
                color: #ffffff
            }
 
 
/*------------------------------------
SERVICES PAGE
------------------------------------*/

div.wholepage div.main div.servicebox  
{
    border: 1px solid #cccccc;
    width: 228px;
    float: left;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    height: 16em;
    background-image: url('../images/serviceboxbg.gif');
    background-position: bottom;
    background-repeat: no-repeat;
}

    div.wholepage div.main div.servicebox:hover 
    {
        border: 1px solid #7b7b7b;
        color: #7b7b7b
    }

div.wholepage div.main div.left  
{
    float: left
}

div.wholepage div.main div.right  
{
    float: right
}

    div.wholepage div.main div.servicebox h2    
    {
        margin-top: 0;
        padding-top: 2px;
        background-image: url('../images/serviceboxh2bg.gif');
        background-position: bottom right;
        background-repeat: no-repeat;
        padding-bottom: 5px;
        border-bottom: 0;
    }
    
        div.wholepage div.main div.servicebox h2 a  
        {
            color: #014c78;
            text-decoration: none;
            display: block;
        }
        
        div.wholepage div.main div.servicebox h2 a:hover    
        {
            color: #566b77
        }
            


 /*-----------------------------------
CONTACT PAGE 
-----------------------------------*/

div.wholepage div.main div.contdet  
{
    float: right;
    width: 300px;
}



 /*-----------------------------------
CONTACT enquiry form 
-----------------------------------*/

div.wholepage div.main div.enquiryform  
{
    float: left;
    width: 510px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 15px;
    background-color: #d6e7f7;
    border: 1px solid #839bb0;
    background-image: url('../images/enquiryformbg.gif');
    background-position: bottom;
    background-repeat: repeat-x
}

    div.wholepage div.main div.enquiryform p    
    {
       color: #36414b;
       margin-top: 0;
       margin-bottom: 15px;
    }
        div.wholepage div.main div.enquiryform p label  
        {
            display: block;
            float: left;
            width: 200px;
            margin-right: 30px;
        }
        
        div.wholepage div.main div.enquiryform p input[type="text"]  
        {
            width: 250px;
            border: 1px solid #839bb0;
            padding-top: 3px;
            padding-bottom: 3px;
        }
        
        div.wholepage div.main div.enquiryform p textarea   
        {
            width: 250px;
            height: 150px;
            border: 1px solid #839bb0
        }

div.wholepage div.main p.button 
{
    text-align: right;
    clear: left;
    padding-top: 5px;
    margin-top: 0;
}

    div.wholepage div.main p.button input[type="submit"]   
    {
        background-color: #d8e1e8;
        background-image: url('../images/submenubg.jpg');
        background-position: bottom;
        background-repeat: repeat-x;
        border-top: 1px solid #94a8b8;
        border-left: 1px solid #94a8b8;
        border-bottom: 1px solid #71818d;
        border-right: 1px solid #71818d;
        color: #36414b;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

 
 
 /*-----------------------------------
AREA FOR CALLOUTS, CALL TO ACTIONS & ADDITIONAL INFORMATION 
-----------------------------------*/

div.wholepage div.addinfo  
{
    float: right;
    width: 228px; 
    text-align: right
}

    
    
    
    div.wholepage div.addinfo div.headliner 
    {
        width: 211px;
        padding-bottom: 20px;
        text-align: left;
        background-color: #a1c1da;
        border: 1px solid #8099ad;
        color: #31485a;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 5px;
        background-image: url('../images/contactbg.jpg');
        background-position: bottom;
        background-repeat: no-repeat;
    }
     
        div.wholepage div.addinfo div.headliner h2  
        {
            padding-top: 5px;
            margin-bottom: 0;
            border-bottom: 1px solid #dde8f0;
            padding-bottom: 7px;
            margin-right: 10px;
            font-weight: normal
            /*color: #ffffff*/
        }
        
            
        
        /* style for a list if that is required */
        
        div.wholepage div.addinfo div.headliner ul  
        {
            margin-top: 0;
            padding-top: 10px;
            margin-bottom: 0;
            margin-left: 8px;
            padding-left: 8px;
            list-style-type: disc
        }
            
            div.wholepage div.addinfo div.headliner ul li   
            {
                
            }
        
        div.wholepage div.addinfo div.headliner p    
        {
            margin-top: 10px;
            margin-bottom: 0
        }
        
        div.wholepage div.addinfo div.headliner a   
        {
            text-decoration: none;
            color: #31485a
        }
        
        
    /* contact details */
    
    div.wholepage div.addinfo div.contactdet    
    {
        width: 213px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 5px;
        background-color: #ffcc99;
        background-image: url('../images/contactbg_peach.jpg');
        background-position: bottom;
        background-repeat: no-repeat;
        margin-top: 10px;
        color: #405d78;
        text-align: left;
        margin-top: 20px;
    }
    
        div.wholepage div.addinfo div.contactdet h2 
        {
            margin-top: 0;
            margin-bottom: 0;
        }
        
        div.wholepage div.addinfo div.contactdet a  
        {
            color: #405d78;
            text-decoration: none
        }
        
        div.wholepage div.addinfo div.contactdet p  
        {
            margin-top: 0;
            margin-bottom: 0;
            
        }
        
        div.wholepage div.addinfo div.contactdet p.phone  
        {
           padding-left: 45px;
           padding-top: 10px;
           padding-bottom: 10px;
           background-image: url('../images/phone_peach.gif');
           background-position: left;
           background-repeat: no-repeat;
           padding-right: 40px;
        }
        
        div.wholepage div.addinfo div.contactdet p.email  
        {
           padding-left: 45px;
           padding-top: 10px;
           padding-bottom: 10px;
           background-image: url('../images/email_peach.gif');
           background-position: left;
           background-repeat: no-repeat;
           margin-top: 10px;
        }
        
      
    
    
    
    /* page quotes */
    
    div.wholepage div.addinfo div.quote 
    {
        text-align: left;
        border: 1px solid #6690b7;
        color: #6690b7;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 5px;
        padding-top: 15px;
        background-image: url('../images/quoteleft.gif');
        background-position: top left;
        background-repeat: no-repeat
    }  
    
        div.wholepage div.addinfo div.quote p   
        {
            padding-bottom: 30px;
            background-image: url('../images/quoteright.gif');
            background-position: bottom right;
            background-repeat: no-repeat;
            margin-bottom: 0;
            margin-top: 20px;
        }      
            
    
    /* page anti-quotes */
    
    div.wholepage div.addinfo div.quoteless 
    {
        text-align: left;
        border: 1px solid #6690b7;
        color: #6690b7;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
    }  
    
        div.wholepage div.addinfo div.quoteless p   
        {
            padding-bottom: 15px;
            margin-bottom: 0;
            margin-top: 12px;
        }
    
    
    
    /* further interest area for product page */
    
    div.wholepage div.addinfo div.furtherinterest   
    {
        text-align: left;
        background-image: url('../images/callsbg.jpg');
        background-position: bottom;
        background-repeat: repeat-x;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 10px;
        margin-top: 30px;
        width: 228px;
    }
    
        div.wholepage div.addinfo div.furtherinterest h2    
        {
            background-image: url('../images/callsh2bg.jpg');
            background-position: bottom;
            background-repeat: repeat-x;
            padding-bottom: 25px;
            margin-bottom: 0;
            line-height: 150%
        }
        
        div.wholepage div.addinfo div.furtherinterest ul 
        {
            margin-top: -10px;
            padding-top: 0;
            margin-left: 0;
            padding-left: 0;
            margin-bottom: 0;
            text-decoration: none;
            list-style: none
        }
        
            div.wholepage div.addinfo div.furtherinterest ul li 
            {
                padding-bottom: 7px;
                border-bottom: 1px solid #d8d8da;
                background-image: url('../images/bullet.gif');
                background-position: bottom right;
                background-repeat: no-repeat;
                padding-right: 12px
            }
            
                div.wholepage div.addinfo div.furtherinterest ul li a    
                {
                    text-decoration: none;
                    color: #566b77
                }
                
                div.wholepage div.addinfo div.furtherinterest ul li a:hover 
                {
                    color: #000000
                }