/*-----------------------------------
LAYOUT 
VERSION 1
CLEAR BREEZE DESIGN
-----------------------------------*/


body    
{
    margin-top: 20px;
    color: #000000;
}

div.clearleft   
{
    clear: left
}

div.clearright
{
    clear: right
}

div.clear   
{
    clear: both
}


h1  
{
    color: #003072
}

img 
{
    border: none
}



/*-----------------------------------
PAGE WIDTH/POSITION SETTINGS
-----------------------------------*/

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






    /*-----------------------------------
    SEARCH BOX
    -----------------------------------*/
    
    div.wholepage p.search, div.wholepagehome p.search  
    {
        text-align: right;
        background-image: url('/images/searchbg.gif');
        background-position: right;
        background-repeat: repeat-y;
        margin-top: 0;
        margin-bottom: 0;
        color: #366796;
        font-weight: bold;
        padding-bottom: 8px;
        padding-top: 8px;
        padding-right: 10px;
    }
    
        div.wholepage p.search input[type="submit"], div.wholepagehome p.search input[type="submit"]    
        {
            background-image: url('/images/buttonbg.gif');
            background-position: bottom;
            background-repeat: repeat-x;
            border: 1px solid #5e7fac;
            color: #33445c;
            padding-left: 3px;
            padding-right: 3px;
            padding-bottom: 1px
        }
    
    
    
    /*-----------------------------------
    TOP BANNER SETTINGS
    -----------------------------------*/
    
    div.wholepage div#topbanner, div.wholepagehome div#topbanner
    {
        background-image: url('/images/topbanner.jpg');
        background-repeat: no-repeat;
        background-position: top;
        height: 121px;
        border-top: 1px solid #ffffff
    }
    
        div.wholepage div#topbanner img 
        {
            margin-top: 10px
        }
    
           
            
        /*-----------------------------------
        TOP LEVEL NAVIGATION 
        -----------------------------------*/
        
        div.wholepage div.toplevnav, div.wholepagehome div.toplevnav  
        {
            background-color: #003072;
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #4a76a1;
            float: left;
            width: 980px;
            background-image: url('/images/topmenubg.gif');
            background-repeat: repeat-x;
            
        } 
        
            div.wholepage div.toplevnav ul, div.wholepagehome div.toplevnav ul 
            {
                margin-left: 0;
                padding-left: 0;
                margin-bottom: 0;
                padding-bottom: 0;
                margin-top: 0;
                padding-top: 0;
                
            }
            
                div.wholepage div.toplevnav ul li, div.wholepagehome div.toplevnav ul li    
                {
                    display: inline;
                    
                }
                
                    div.wholepage div.toplevnav ul li a, div.wholepagehome div.toplevnav ul li a  
                    {
                        display: block;
                        float: left;
                        background-image: url('/images/topmenubg.gif');
                        background-repeat: repeat-x;
                        padding-top: 11px;
                        padding-bottom: 8px;
                        padding-left: 20px;
                        padding-right: 20px;
                        text-decoration: none;
                        color: #ffffff;
                        border-right: 1px solid #365883
                    }
                    
                    div.wholepage div.toplevnav ul li a:hover, div.wholepagehome div.toplevnav ul li a:hover    
                    {
                        color: #5979a6;
                    }
                    
                    div.wholepage div.toplevnav ul li a.topselected, div.wholepagehome div.toplevnav ul li a.topselected    
                    {
                        color: #ffffff;
                    }
                    
        /*-----------------------------------
        SUBMENU     
        -----------------------------------*/
        
        div.wholepage div.submenu   
        {
            width: 255px;
            float: left;
            background-image: url('/images/submenubg.jpg');
            background-position: top left;
            background-repeat: no-repeat;
            min-height: 400px;
            border-top: 1px solid #ffffff
        }
        
            div.wholepage div.submenu ul    
            {
                margin-left: 10px;
                margin-right: 10px;
                padding-left: 0;
                margin-top: 40px;
                margin-bottom: 0;
                list-style: none;
            }
            
                div.wholepage div.submenu ul li 
                {
                    margin-bottom: 10px
                }
                
                    div.wholepage div.submenu ul li a   
                    {
                        display: block;
                        background-image: url('/images/submenulibg.jpg');
                        background-position: bottom left;
                        background-repeat: repeat-x;
                        padding-left: 10px;
                        padding-top: 5px;
                        padding-bottom: 7px;
                        color: #003072;
                        text-decoration: none;
                        background-color: #b2c4d5;
                        border: 1px solid #e9ebf3
                    }
                    
                    div.wholepage div.submenu ul li a:hover   
                    {
                        background-image: url('/images/submenulibga.jpg');
                        background-position: top left;
                        background-repeat: repeat-x;
                        color: #ffffff;
                        
                    }
                    
                    div.wholepage div.submenu ul li a.submenselect  
                    {
                        color: #ffffff
                    }
                    
                    /* third level menu */
                    
                    div.wholepage div.submenu ul li ul  
                    {
                        background-color: #e3eaf1;
                        margin: 0;
                        border-left: 1px solid #8da3b9;
                        border-bottom: 1px solid #8da3b9;
                        border-right: 1px solid #ffffff;
                        background-image: url('/images/subsubmenubg.gif');
                        background-position: top;
                        background-repeat: repeat-x
                        
                    }
                    
                        div.wholepage div.submenu ul li ul li   
                        {
                            margin-bottom: 0
                        }
                        
                            div.wholepage div.submenu ul li ul li a 
                            {
                                background-image: none;
                                background-color: transparent;
                                padding-left: 10px;
                                padding-right: 10px;
                                border-bottom: 0;
                                padding-top: 3px;
                                padding-bottom: 3px;
                                border: none;
                            }
                            
                            div.wholepage div.submenu ul li ul li a:hover 
                            {
                                background-color: #b3c4d4;
                            }
                            
                            div.wholepage div.submenu ul li ul li a.thirdlevselect 
                            {
                                font-weight: bold
                            }
                            
                            div.wholepage div.submenu ul li ul li a.thirdlevlast    
                            {
                                
                            }
                    
                    
                
            
                    
            
        
        
        
        
        /*-----------------------------------
        MAIN CONTENT AREA 
        -----------------------------------*/
        
       
        
        div.wholepage div#maincontent 
        {
            margin-left: 260px;
            margin-right: 238px;
        }
        
            table   
            {
                float: left;
                width: 480px
            }
        
            
            
        
        /* breadcrumb */
            
            div.wholepage div#maincontent ul#breadcrumb    
            {
                list-style: none;
                margin-left: 0;
                padding-left: 0;
                padding-top: 0;
                color: #b4b7bc;
                margin-bottom: 20px;
                margin-top: 20px;
                background-image: url('/images/breadcrumbbg.gif');
                background-position: top left;
                background-repeat: repeat-y;
                width: 100%;
                float: left
            }
            
                div.wholepage div#maincontent ul#breadcrumb li 
                {
                    display: inline;
                    border-right: 1px dotted #b4c4d2;
                    padding-right: 5px;
                    padding-left: 7px
                }
                
                    div.wholepage div#maincontent ul#breadcrumb li a  
                    {
                        color: #7e97ae;
                        text-decoration: none
                    }
                    
                    div.wholepage div#maincontent ul#breadcrumb li a:hover
                    {
                        color: #666666
                    }
                    
                    div.wholepage div#maincontent ul#breadcrumb li a.current    
                    {
                        color: #435668
                    }
        
            
        /* product list */
        
        div.wholepage div#maincontent ul.prodlist   
        {
            margin-left: 0;
            padding-left: 0;
            list-style: none
        }
        
            div.wholepage div#maincontent ul.prodlist li    
            {
                border-bottom: 1px solid #d3dae6;
                padding-bottom: 3px;
                padding-top: 3px;
                background-image: url('/images/prodlistbg.gif');
                background-position: bottom;
                background-repeat: repeat-x
            }
        
                div.wholepage div#maincontent ul.prodlist li a 
                {
                    text-decoration: none;
                    color: #001839;
                    background-image: url('/images/prodlistbullet.gif');
                    background-position: left;
                    background-repeat: no-repeat;
                    padding-left: 25px;
                }
                
                div.wholepage div#maincontent ul.prodlist li a:hover    
                {
                    color: #8aa5c0
                }
        
        
        /* product table */
        
        div.wholepage div#maincontent table.prodtable   
        {
            color: #001839;
            
        }
        
            div.wholepage div#maincontent table.prodtable td    
            {
                padding-top: 5px;
                padding-bottom: 5px;
                border-bottom: 1px solid #999999;
                padding-left: 5px;
                padding-right: 5px;
                background-image: url('/images/tablecellbg.gif');
                background-position: bottom;
                background-repeat: repeat-x;
                border-left: 1px solid #e0dfdf;
                vertical-align: top
            }
            
                div.wholepage div#maincontent table.prodtable td.imgcol  
                {
                    text-align: center
                }
            
                    div.wholepage div#maincontent table.prodtable td.imgcol img    
                    {
                        border: 1px solid #cccccc;
                    }
            
            div.wholepage div#maincontent table.prodtable tr.tablehead td 
            {
                font-weight: bold;
                background-color: #002353;
                color: #ffffff;
                padding-top: 3px;
                padding-bottom: 3px;
                padding-left: 5px;
                border-bottom: 1px solid #9eabbc;
                background-image: none;
                border-right: 0;
                border-left: 0
            }
            
            div.wholepage div#maincontent table.prodtable td.code   
            {
                border-left: none;
                font-weight: bold;
                color: #395377
            }
        
        
        
        /*-----------------------------------
        AREA FOR CALLOUTS, CALL TO ACTIONS & ADDITIONAL INFORMATION 
        -----------------------------------*/
        
        div.wholepage div#addinfo, div.wholepagehome div#addinfo  
        {
            float: right;
            width: 200px;
            margin-top: 20px;
        }
        
        /* phone details */
        
        div.wholepage div#addinfo div.phone 
        {
            width: 200px;
        }
        
            div.wholepage div.phone p    
            {
                margin-top: 0;
                margin-bottom: 0;
                background-color: #003072;
                color: #becbdb;
                padding-left: 5px;
                font-weight: bold
            }
            
            div.wholepage div.phone p.week, div.wholepage div.catalogue p.week   
            {
                background-image: url('/images/topmenubg.gif');
                background-position: top;
                background-repeat: repeat-x;
            }
            
            div.wholepage div.phone p.week, div.wholepage div.catalogue p.week   
            {
                background-image: url('/images/topmenubg.gif');
                background-position: top;
                background-repeat: repeat-x;
            }
        
        div.wholepage div.catalogue 
        {
            margin-right: 10px;
            margin-top: 20px;
            border-left: 1px solid #003072;
            border-right: 1px solid #003072;
            width: 198px;
        }
        
            div.wholepage div.catalogue p.cattext   
            {
                background-color: #ffffff;
                color: #333333;
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 10px;
                padding-top: 5px;
            }
            
                div.wholepage div.catalogue p.cattext img   
                {
                    float: left;
                    margin-top: 5px;
                    margin-right: 3px;
                }
            
            div.wholepage div.catalogue p.week  
            {
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 5px;
                font-weight: bold;
                padding-bottom: 3px;
                padding-top: 2px;
                padding-bottom: 3px;
            }
            
                div.wholepage div.catalogue p.week a    
                {
                    color: #becbdb;
                    text-decoration: none;
                    background-image: url('/images/arrow.gif');
                    background-position: bottom right;
                    background-repeat: no-repeat;
                    padding-right: 20px
                }
                
                div.wholepage div.catalogue p.week a:hover  
                {
                    color: #ffffff
                }
        
        div.wholepage div.phone 
        {
            background-color: #ffffff;
            color: #333333;
            width: 210px
        }
        
            div.wholepage div.phone h2, div.wholepage div.catalogue h2  
            {
                background-color: #003072;
                background-image: url('/images/topmenubg.gif');
                background-position: top;
                background-repeat: repeat-x;
                color: #ffffff;
                padding-left: 5px;
                padding-top: 2px;
                padding-bottom: 2px;
                margin-bottom: 0;
                margin-top: 0
            }
            
            div.wholepage div.phone p.number   
            {
                background-image: url('/images/phonepic2.jpg');
                background-position: left;
                background-repeat: no-repeat;
                background-color: #ffffff;
                padding-top: 45px;
                padding-bottom: 15px;
                margin-top: 0;
                margin-bottom: 0;
                text-align: right;
                font-weight: bold;
                padding-right: 20px;
                color: #003072
            }
            
            
            
            
        
        
        /*-----------------------------------
        HOME PAGE
        -----------------------------------*/
        
        div.wholepagehome  
        {
            background-color: #002f75;
            background-image: url('/images/homebg.jpg');
            background-position: top;
            background-repeat: no-repeat
        }
        
        
        /* hides the submenu */
        
        div.wholepagehome div.submenu   
        {
            display: none
        }
        
        /* hides breadcrumb */
            
        div.wholepagehome div#maincontent ul#breadcrumb 
        {
            display: none
        }
        
        /* extends the main column */
        
        div.wholepagehome div#maincontent 
        {
            margin-left: 15px;
            color: #ffffff;
            float: left;
            width: 460px;
            background-color: #c8d2df;
            background-image: url('/images/homemainbg.jpg');
            background-position: top;
            background-repeat: no-repeat;
            margin-top: 20px;
            padding-bottom: 20px;
        }
        
            div.wholepagehome div#maincontent h1    
            {
                margin-top: 20px;
                padding-left: 10px;
                padding-top: 0;
                padding-bottom: 10px;
                margin-bottom: 0;
                color: #ffffff;
                border-bottom: 1px solid #9db4cb
            }
            
            div.wholepagehome div#maincontent p.catalogue   
            {
                
            }
        
        
            /* intro 'about us' paragraph */
            
            div.wholepagehome div#maincontent p.intro   
            {
                color: #000000;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 10px;
                padding-bottom: 5px;
                color: #dce4eb;
                margin-top: 0;
                /*background-color: #c9d2e1;
                background-image: url('/images/homeintrobg.gif');
                background-position: top;
                background-repeat: repeat-x;*/
            }
            
                div.wholepagehome div#maincontent p.intro a 
                {
                    color: #003072;
                    text-decoration: none
                }
                
                div.wholepagehome div#maincontent p.intro a:hover   
                {
                    color: #ffffff
                }
            
            
            /* new products */
            
            div.wholepagehome div.newprods, div.wholepagehome div#addinfo 
            {
                width: 195px;
                padding-left: 10px;
                padding-right: 10px;
                float: right;
                /*background-color: #a4b8ce;*/
                background-image: url('/images/newprodsbg2.jpg');
                background-position: top;
                background-repeat: no-repeat;
                margin-right: 20px;
                margin-top: 20px;
                min-height: 380px;
            }
            
            
            
            div.wholepagehome div#addinfo h2, div.wholepagehome div.newprods h2 
            {
                color: #213a51;
                padding-top: 30px;
                border-bottom: 1px dashed #213a51;
                margin-top: 0
            }
            
            div.wholepagehome div.newprods p, div.wholepagehome div#addinfo p    
            {
                margin-top: 15px;
                margin-bottom: 10px;
                background-color: #c7d1e0;
                border: 1px solid #7487a5;
                padding-left: 5px;
                background-image: url('/images/morebg.gif');
                background-position: bottom;
                background-repeat: repeat-x
            }
            
            div.wholepagehome div.newprods a, div.wholepagehome div#addinfo a  
            {
                color: #003072;
                text-decoration: none
            }
            
            div.wholepagehome div.newprods a:hover, div.wholepagehome div#addinfo a:hover  
            {
                color: #000000
            }
            
            div.wholepagehome div#addinfo dl dt, div.wholepagehome div.newprods dl  
            {
                margin-bottom: 0;
                
                
            }
            
            div.wholepagehome div#addinfo dl dt, div.wholepagehome div.newprods dl dt   
            {
                font-weight: bold;
                margin-top: 5px
            }
            
            div.wholepagehome div#addinfo dl dd, div.wholepagehome div.newprods dl dd   
            {
                margin-left: 0;
                
                padding-bottom: 7px
            }
            
                div.wholepagehome div#addinfo dl img, div.wholepagehome div.newprods dl img   
                {
                    float: right;
                    border: 1px solid #1d232d
                }
        
        
        /* request catalogue */
        
        div.wholepagehome div.catalogue, div.wholepagehome div.phone    
        {
            width: 200px;
            float: left;
            
        }
        
            div.wholepagehome div.phone p    
            {
                margin-top: 0;
                margin-bottom: 0;
                background-color: #003072;
                color: #becbdb;
                padding-left: 5px;
                font-weight: bold
            }
            
            div.wholepagehome div.phone p.week, div.wholepagehome div.catalogue p.week   
            {
                background-image: url('/images/topmenubg.gif');
                background-position: top;
                background-repeat: repeat-x;
            }
        
        div.wholepagehome div.catalogue 
        {
            margin-right: 10px;
            margin-left: 10px;
            width: 210px;
        }
        
            div.wholepagehome div.catalogue p.cattext   
            {
                background-color: #ffffff;
                color: #333333;
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 10px;
                padding-top: 5px;
            }
            
                div.wholepagehome div.catalogue p.cattext img   
                {
                    float: left;
                    margin-top: 5px;
                    margin-right: 3px;
                }
            
            div.wholepagehome div.catalogue p.week  
            {
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 5px;
                font-weight: bold;
                padding-bottom: 3px;
                padding-top: 2px;
                padding-bottom: 3px;
            }
            
                div.wholepagehome div.catalogue p.week a    
                {
                    color: #becbdb;
                    text-decoration: none;
                    background-image: url('/images/arrow.gif');
                    background-position: bottom right;
                    background-repeat: no-repeat;
                    padding-right: 20px
                }
                
                div.wholepagehome div.catalogue p.week a:hover  
                {
                    color: #ffffff
                }
        
        div.wholepagehome div.phone 
        {
            background-color: #ffffff;
            color: #333333;
            width: 210px
        }
        
            div.wholepagehome div.phone h2, div.wholepagehome div.catalogue h2  
            {
                background-color: #003072;
                background-image: url('/images/topmenubg.gif');
                background-position: top;
                background-repeat: repeat-x;
                color: #ffffff;
                padding-left: 5px;
                padding-top: 2px;
                padding-bottom: 2px;
                margin-bottom: 0;
                margin-top: 0
            }
            
            div.wholepagehome div.phone p.number   
            {
                background-image: url('/images/phonepic2.jpg');
                background-position: left;
                background-repeat: no-repeat;
                background-color: #ffffff;
                padding-top: 45px;
                padding-bottom: 15px;
                margin-top: 0;
                margin-bottom: 0;
                text-align: right;
                font-weight: bold;
                padding-right: 20px;
                color: #003072
            }
            
                
        
            
            
        /*-----------------------------------
        FOOTER
        -----------------------------------*/
        
        div.wholepage div#footer, div.wholepagehome div#footer    
        {
            margin-top: 10px;
            color: #b6b6b6;
            padding-bottom: 10px;
            padding-top: 8px;
            padding-left: 10px;
            clear: both;
            background-color: #455d82;
            background-image: url('/images/footerbg.gif');
            background-position: left;
            background-repeat: repeat-y;
        }    
            
            
            div.wholepage div#footer p, div.wholepagehome div#footer p
            {
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 0
            }