﻿/*-----------------------------------
LAYOUT 
VERSION 1
CLEAR BREEZE DESIGN
-----------------------------------*/


body    
{
    margin: 0;
    color: #333333;
    background-image: url('../images/bodybg.jpg');
    background-position: top;
    background-repeat: repeat-x
}

div.clearleft   
{
    clear: left
}

div.clearright
{
    clear: right
}

div.clearboth   
{
    clear: both
}


h1  
{
    color: #002b54;
    margin-top: 0
}

    h1 em   
    {
        font-style: normal;
        color: #587aa0;
        font-weight: normal;
        border-left: 1px solid #8fa4c1;
        padding-left: 8px;
    }

h2  
{
    color: #002b54;
    margin-bottom: 0;
}

img 
{
    border: none
}

img.picright    
{
    float: right;
    margin-left: 20px;
    margin-right: 25px
}

img.picleft    
{
    float: left;
    margin-right: 20px;
}

a   
{
    color: #415a77
}



/*-----------------------------------
PAGE WIDTH/POSITION SETTINGS
-----------------------------------*/

div.wholepage  
{
    width: 980px;
    margin: auto;
    background-color: #ffffff;
}

    






    /*-----------------------------------
    TOP BANNER SETTINGS
    -----------------------------------*/
    
    
    
    div.wholepage div#topbanner
    {
        width: 980px;
        height: 155px;
        background-image: url('../images/topbanner3.jpg');
        background-repeat: no-repeat;
        background-position: top left;
    }
    
        
    
        
    
           
            
        /*-----------------------------------
        TOP LEVEL NAVIGATION 
        -----------------------------------*/
        
        div.wholepage div.toplevnav  
        {
            background-color: #e7e7e7;
            float: left;
            width: 980px;
            background-image: url('../images/navbarbg.jpg');
            background-position: left;
            background-repeat: repeat-y;
            margin-top: 128px;
            padding-top: 2px;
            padding-bottom: 3px;
            border-bottom: 1px solid #cccccc;
            border-top: 1px solid #cccccc
        }
        
            div.wholepage div.toplevnav ul 
            {
                margin-left: 0;
                padding-left: 0;
                margin-bottom: 0;
                padding-bottom: 0;
                margin-top: 0;
                padding-top: 0;
                text-align: right
            }
            
                div.wholepage div.toplevnav ul li    
                {
                    display: inline;
                    padding-right: 15px;
                    padding-left: 5px;
                    border-left: 1px solid #cccccc
                }
                
                    div.wholepage div.toplevnav ul li a  
                    {
                        
                        background-image: url('');
                        background-repeat: repeat-x;
                        text-decoration: none;
                        color: #666666;
                    }
                    
                    div.wholepage div.toplevnav ul li a:hover    
                    {
                        background-color: #999999;
                        color: #ffffff
                    }
                    
                    div.wholepage div.toplevnav ul li a.topselected   
                    {
                        font-weight: bold
                    }
                    
        
         
        
        /*-----------------------------------
        MAIN CONTENT AREA 
        -----------------------------------*/
        
        div.wholepage div#maincontent 
        {
            width: 940px;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 40px
        } 
        
            div.wholepage p 
            {
                margin-top: 0
            }
            
            div.wholepage strong    
            {
                color: #59799d
            }
            
            
            
            
            
            
            /*-----------------------------------
            PIC AREA 
            -----------------------------------*/
            
            
            div.wholepage div#maincontent div.maininfo   
            {
                width: 417px;
                float: left;
                margin-right: 13px;
            }
            
                /* special/commercial offer area */
                
                div.wholepage div#maincontent div.maininfo dl.commoffer 
                {
                    border: 1px dashed #cccccc;
                    border-right: 1px dashed #999999;
                    border-bottom: 1px dashed #999999;
                    position: absolute;
                    background-color: #ffffff;
                    width: 200px;
                    background-image: url('../images/commofferbg.gif');
                    background-position: top left;
                    background-repeat: no-repeat;
                    margin-top: -20px;
                    margin-left: 10px;
                }
                
                    div.wholepage div#maincontent div.maininfo dl.commoffer dt  
                    {
                        color: #e83119;
                        font-weight: bold;
                        padding-left: 40px;
                        padding-top: 10px
                    }
                
                    div.wholepage div#maincontent div.maininfo dl.commoffer dd  
                    {
                        margin-left: 0;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-top: 3px;
                        padding-bottom: 5px
                    }
            
                /* contact area */
                
                div.wholepage div#maincontent p.email  
                {
                    background-image: url('../images/emailbg.gif');
                    background-position: left;
                    background-repeat: no-repeat;
                    padding-left: 25px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    margin-top: 0;
                    margin-bottom: 0
                }
                
                div.wholepage div#maincontent div.maininfo p.address  
                {
                    background-image: url('../images/addressbg.gif');
                    background-position: top left;
                    background-repeat: no-repeat;
                    padding-left: 25px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    margin-top: 0;
                    margin-bottom: 0
                }
                
                    div.wholepage div#maincontent p.email a    
                    {
                        text-decoration: none
                    }
                    
                    div.wholepage div#maincontent p.email a:hover  
                    {
                        font-weight: bold
                    }
                    
                    
                div.wholepage div#maincontent p.phone  
                {
                    background-image: url('../images/phonebg.gif');
                    background-position: left;
                    background-repeat: no-repeat;
                    padding-left: 25px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                }
            
            
            
            /*-----------------------------------
            INFO AREA 
            -----------------------------------*/
            
            div.wholepage div#maincontent div.secondinfo    
            {
                width: 500px;
                float: right;
            }
            
                div.wholepage div#maincontent div.secondinfo ul    
                {
                    margin-top: 0;
                    margin-left: 0;
                    padding-left: 0;
                    list-style: none;
                }
                
                    div.wholepage div#maincontent div.secondinfo ul li 
                    {
                        background-image: url('../images/bullet.gif');
                        background-position: top left;
                        background-repeat: no-repeat;
                        padding-left: 20px;
                        padding-bottom: 3px;
                    }
                
                
                /* links to product pages */
                
                div.wholepage div#maincontent div.secondinfo div.productlinks   
                {
                    clear: both;
                    float: left;
                    width: 500px
                }  
                
                    div.wholepage div#maincontent div.secondinfo div.productlinks p.customlink  
                    {
                        width: 220px;
                        border-top: 1px solid #adbcca;
                        border-left: 1px dotted #adbcca;
                        border-right: 1px dotted #adbcca;
                        background-image: url('../images/linksbg.gif');
                        background-position: top;
                        background-repeat: repeat-x;
                        padding-top: 5px;
                        padding-left: 5px;
                        padding-right: 5px;
                        color: #415a77
                    }
                    
                        div.wholepage div#maincontent div.secondinfo div.productlinks p.customlink a, div.wholepage div#maincontent div.secondinfo div.productlinks p.stocklink a    
                        {
                            display: block;
                            background-color: #5b78a0;
                            background-image: url('../images/linkbutton.gif');
                            background-position: bottom right;
                            background-repeat: no-repeat;
                            color: #d8dfe7;
                            text-decoration: none;
                            text-align: center;
                            padding-top: 5px;
                            padding-bottom: 5px;
                            margin-top: 5px;
                        }
                        
                        div.wholepage div#maincontent div.secondinfo div.productlinks p.customlink a:hover, div.wholepage div#maincontent div.secondinfo div.productlinks p.stocklink a:hover  
                        {
                            font-weight: bold
                        } 
                    
                    div.wholepage div#maincontent div.secondinfo div.productlinks p.stocklink  
                    {
                        width: 220px;
                        float: right;
                        border-top: 1px solid #adbcca;
                        border-left: 1px dotted #adbcca;
                        border-right: 1px dotted #adbcca;
                        background-image: url('../images/linksbg.gif');
                        background-position: top;
                        background-repeat: repeat-x;
                        padding-top: 5px;
                        padding-left: 5px;
                        padding-right: 5px;
                        color: #415a77
                    } 
                    
                    
                /* more info - benefit list etc */
                
                div.wholepage div#maincontent div.secondinfo div.moreinfo   
                {
                    clear: both;
                    width: 500px;
                    float: left;
                    margin-top: 20px;
                }
                
                    div.wholepage div#maincontent div.secondinfo div.moreinfo div   
                    {
                        background-image: url('../images/moreinfobg.gif');
                        background-position: top;
                        background-repeat: no-repeat;
                        padding-top: 27px;
                        padding-left: 10px;
                        padding-right: 5px;
                        color: #002b54
                    }
                    
                        div.wholepage div#maincontent div.secondinfo div.moreinfo div ul li 
                        {
                            background-image: url('../images/tickbullet.gif');
                            background-position: left;
                            background-repeat: no-repeat;
                            padding-left: 15px;
                        }
                                        
                    div.wholepage div#maincontent div.secondinfo div.moreinfo div.benefits   
                    {
                        width: 215px;
                        float: left
                    } 
                    
                    div.wholepage div#maincontent div.secondinfo div.moreinfo div.usedby   
                    {
                        width: 215px;
                        float: right
                    }          
                    
                    
                    
                    
            /*-----------------------------------
            STOCK PAGE
            -----------------------------------*/
            
            div.wholepage div#maincontent div.stockinfo 
            {
                float: left;
                width: 940px;
                margin-top: 30px;
            }
            
                
            
                /* stock intro paragraph */
                
                div.wholepage div#maincontent div.stockinfo div.stockintro  
                {
                    float: left;
                    width: 600px;
                }
                
                    div.wholepage div#maincontent div.stockinfo div.stockintro img  
                    {
                        float: right;
                        margin-left: 20px;
                    }
                    
                    
                    
                    
                /* specification */
                
                div.wholepage div#maincontent div.stockinfo div.stockspec   
                {
                    width: 280px;
                    float: right
                }
                
                    div.wholepage div#maincontent div.stockinfo div.stockspec h2    
                    {
                        margin-top: 0
                    }
                
                    div.wholepage div#maincontent div.stockinfo div.stockspec ul    
                    {
                        margin-top: 10px;
                        margin-left: 0;
                        padding-left: 0;
                        list-style: none;
                    }
                    
                        div.wholepage div#maincontent div.stockinfo div.stockspec ul li 
                        {
                            background-image: url('../images/bullet.gif');
                            background-position: top left;
                            background-repeat: no-repeat;
                            padding-left: 20px;
                            padding-bottom: 3px;
                        }
            
            
                /* swatch and selection area */
                
                div.wholepage div#maincontent div.stockselect   
                {
                    width: 940px;
                    float: left;
                    clear: both;
                    border-top: 1px solid #d3d2d2;
                    border-bottom: 1px solid #d3d2d2;
                    margin-bottom: 20px;
                }
                
                    div.wholepage div#maincontent div.stockselect h2    
                    {
                        margin-top: 0
                    }
                
                    
                    /* swatch */
                    
                    div.wholepage div#maincontent div.stockselect div.stockswatch   
                    {
                        float: left;
                        width: 600px;
                        border-right: 1px solid #d3d2d2;
                    }
            
            
                        div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch   
                        {
                            float: left;
                            margin-top: 20px;
                        }
                        
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt    
                            {
                                margin-right: 20px;
                            }
                        
                                div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt a  
                                {
                                    display: block;
                                    margin-left: 0;
                                    width: 96px;
                                    height: 108px;
                                    border: 1px solid #ffffff;
                                }
                            
                                div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt a:hover    
                                {
                                    border: 1px solid #999999;
                                }
                            
                            /* swatch colours */
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.polar    
                            {
                                background-color: #f5f6f8
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.jet    
                            {
                                background-color: #1a2423
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.claret    
                            {
                                background-color: #813235
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.evergreen    
                            {
                                background-color: #1a3d39
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.sapphire    
                            {
                                background-color: #142748
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.primrose    
                            {
                                background-color: #f4e63b
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.raspberry    
                            {
                                background-color: #ba3554
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.luna    
                            {
                                background-color: #4b9bcc
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.silver    
                            {
                                background-color: #dfe0e0
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.gainsboro    
                            {
                                background-color: #8e9897
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.strato    
                            {
                                background-color: #6c7a7b
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.xenon    
                            {
                                background-color: #ef6205
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.graphite    
                            {
                                background-color: #313f42
                            }
                            
                            
                        div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dd  
                        {
                            margin-left: 10px
                        }
                
                
                /* stock order summary */
                
                div.wholepage div#maincontent div.stockselect div.ordersummary  
                {
                    float: right;
                    width: 320px;
                    padding-left: 10px;
                }
                
                    div.wholepage div#maincontent div.stockselect div.ordersummary p.flippic    
                    {
                        width: 161px;
                        height: 221px;
                        background-color: #ffffff;
                        float: left;
                        margin-top: 20px;
                        margin-right: 10px;
                    }
                    
                        /* color alternatives */
                        
                            /* swatch colours */
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.polar, img.polar    
                            {
                                background-color: #f5f6f8
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.jet, img.jet    
                            {
                                background-color: #1a2423
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.claret, img.claret    
                            {
                                background-color: #813235
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.evergreen, img.evergreen    
                            {
                                background-color: #1a3d39
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.sapphire, img.sapphire
                            {
                                background-color: #142748
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.primrose, img.primrose    
                            {
                                background-color: #f4e63b
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.raspberry, img.raspberry    
                            {
                                background-color: #ba3554
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.luna, img.luna    
                            {
                                background-color: #4b9bcc
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.silver, img.silver    
                            {
                                background-color: #dfe0e0
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.gainsboro, img.gainsboro    
                            {
                                background-color: #8e9897
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.strato, img.strato    
                            {
                                background-color: #6c7a7b
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.xenon, img.xenon    
                            {
                                background-color: #ef6205
                            }
                            
                            div.wholepage div#maincontent div.stockselect div.stockswatch dl.swatch dt.graphite, img.graphite    
                            {
                                background-color: #313f42
                            }
                    
                    
                    
                    
                    div.wholepage div#maincontent div.stockselect div.ordersummary dl   
                    {
                       
                    }
                    
                        div.wholepage div#maincontent div.stockselect div.ordersummary dl dt    
                        {
                            font-weight: bold;
                        }
                        
                        div.wholepage div#maincontent div.stockselect div.ordersummary dl dd    
                        {
                            margin-bottom: 10px;
                            margin-left: 0;
                        }
                        
                            div.wholepage div#maincontent div.stockselect div.ordersummary dl dd p  
                            {
                                margin-bottom: 10px
                            }
                        
                    div.wholepage div#maincontent div.stockselect div.ordersummary input[type="submit"]   
                    {
                        background-color: #5b78a0;
                        background-image: url('../images/linkbutton.gif');
                        background-position: bottom right;
                        background-repeat: no-repeat;
                        color: #d8dfe7;
                        border: 0;
                        padding-left: 15px;
                        padding-right: 15px;
                        padding-top: 2px;
                        padding-bottom: 3px;
                    }
                
                
            
            
            /*-----------------------------------
            CUSTOM PROCESS
            -----------------------------------*/
            
            /* page one */
            
            div.wholepage div#maincontent div.customchoice  
            {
                clear: both;
                float: left;
                width: 600px;
                margin-bottom: 40px;
                margin-top: 20px;
            }
            
                /* choice div */
                
                div.wholepage div#maincontent div.customchoice div    
                {
                    width: 275px;
                    border-top: 1px solid #adbcca;
                    border-left: 1px dotted #adbcca;
                    border-right: 1px dotted #adbcca;
                    background-image: url('../images/linksbg.gif');
                    background-position: top;
                    background-repeat: repeat-x;
                    padding-top: 5px;
                    padding-left: 5px;
                    padding-right: 5px;
                    color: #415a77
                }
                
                    div.wholepage div#maincontent div.customchoice div a    
                    {
                        display: block;
                        background-color: #5b78a0;
                        background-image: url('../images/linkbutton.gif');
                        background-position: bottom right;
                        background-repeat: no-repeat;
                        color: #d8dfe7;
                        text-decoration: none;
                        text-align: center;
                        padding-top: 5px;
                        padding-bottom: 5px;
                        margin-top: 5px;
                    }
                    
                        div.wholepage div#maincontent div.customchoice div a:hover  
                        {
                            font-weight: bold
                        }
                
                    /* design for us option */
                
                    div.wholepage div#maincontent div.customchoice div.design4us    
                    {
                        float: left;
                    }
                    
                        div.wholepage div#maincontent div.customchoice div.design4us a  
                        {
                            margin-top: 10px;
                        }
                
                
                    /* own design option */
                    
                    div.wholepage div#maincontent div.customchoice div.owndesign    
                    {
                        float: right;
                    }
                    
                        div.wholepage div#maincontent div.customchoice div.owndesign a  
                        {
                            margin-top: 10px;
                        }
                        
            
            /* design for us page */
            
            /* swatch ranges */
            
            div.wholepage div#maincontent div.stockselect div.custom    
            {
                width: 500px;
            }
                
                div.wholepage div#maincontent div.stockselect div.custom h3 
                {
                    margin-bottom: 0;
                    margin-top: 20px;
                    padding-top: 0;
                    border-bottom: 1px dashed #cccccc;
                    margin-right: 50px;
                    color: #666666;
                }
            
                div.wholepage div#maincontent div.stockselect div.stockswatch div.range 
                {
                    float: left;
                    clear: left;
                    width: 500px;
                }
            
            /* custom order summary */
            
            div.wholepage div#maincontent div.stockselect div.customsum 
            {
                width: 420px;
                
            }
            
                div.wholepage div#maincontent div.stockselect div.customsum dl  
                {
                    margin-top: 30px;
                }
                
                div.wholepage div#maincontent div.stockselect div.customsum dd  
                {
                    padding-bottom: 10px;
                }
                
                div.wholepage div#maincontent div.stockselect div.customsum dd textarea 
                {
                    width: 380px;
                    height: 100px;
                }
            
            
            
            
            /* custom order summary - own design */
            
            
            div.wholepage div#maincontent div.custstockown    
            {
                margin-top: 20px;
            }
            
            div.wholepage div#maincontent div.stockselect div.customsumown 
            {
                width: 420px;
                
            }
            
                div.wholepage div#maincontent div.stockselect div.customsumown dl  
                {
                    
                }
                
                div.wholepage div#maincontent div.stockselect div.customsumown dd  
                {
                    padding-bottom: 10px;
                }
                
                div.wholepage div#maincontent div.stockselect div.customsumown dd textarea 
                {
                    width: 380px;
                    height: 100px;
                }
            
            
            
            /* div representing artwork popup */
            
            div.popupartwork    
            {
            }
            
                div.popupartwork p  
                {
                    margin-top: 10px;
                    color: #1d436a
                }
                
                div.popupartwork ul 
                {
                    list-style: none;
                    margin-left: 0;
                    padding-left: 0;
                    color: #1d436a
                }
                
                    div.popupartwork ul li 
                    {
                        background-image: url('../images/bullet.gif');
                        background-position: top left;
                        background-repeat: no-repeat;
                        padding-left: 20px;
                        padding-bottom: 3px;
                    }
            
            
            
            /*-----------------------------------
            GALLERY PAGE
            -----------------------------------*/
            
            div.wholepage div#maincontent ul.gallery    
            {
                float: left;
                margin-left: 0;
                padding-left: 0;
                list-style: none;
                width: 940px
            }
            
                div.wholepage div#maincontent ul.gallery li 
                {
                    float: left;
                    padding-right: 10px;
                    padding-top: 10px;
                }
                
                    div.wholepage div#maincontent ul.gallery li a   
                    {
                        display: block;
                        border: 1px solid #cccccc;
                        padding: 10px;
                    }
                    
                    div.wholepage div#maincontent ul.gallery li a:hover 
                    {
                        border: 1px solid #666666;
                    }
            
            
            /* div representing style for popup */
            
            div.popuppic    
            {
                position: absolute;
                width: 400px;
                height: 500px;
                border: 1px solid #999999;
                background-color: #f2f2f2;
                margin-left: 200px;
                text-align: center
            }
            
                div.popuppic p    
                {
                    margin-top: 10px;
                }
            
            
            
            
            
            /*-----------------------------------
            ORDER PAGE
            -----------------------------------*/
            
            div.wholepage div#maincontent div.order 
            {
                width: 930px;
            }
            
            div.wholepage div#maincontent div.secorder
            {
                width: 300px;
            }
            
            
            /* order summary table */
            
            div.wholepage div#maincontent div.order table.ordersummary  
            {
                width: 100%;
                margin-top: 20px;
                margin-bottom: 30px;
                border-left: 1px solid #d1d0d0
            }
            
                div.wholepage div#maincontent div.order table.ordersummary tr.orderheader td       
                {
                    text-align: left;
                    background-color: #666666;
                    color: #ffffff;
                    padding-left: 5px;
                    font-weight: normal;
                    vertical-align: top;
                    border-right: 1px solid #999999
                }
                
                div.wholepage div#maincontent div.order table.ordersummary tr td   
                {
                    padding-left: 5px;
                    padding-right: 5px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    vertical-align: top;
                    border-bottom: 1px solid #d1d0d0;
                    border-right: 1px solid #d1d0d0
                }
                
                div.wholepage div#maincontent div.order table.ordersummary tr td.price   
                {
                    text-align: right;
                    
                }
                
                div.wholepage div#maincontent div.order table.ordersummary tr.postage   
                {
                    
                }
                
                    div.wholepage div#maincontent div.order table.ordersummary tr.postage td    
                    {
                        padding-top: 5px;
                        padding-bottom: 5px;
                        border-top: 1px solid #d1d0d0
                    }
                
                div.wholepage div#maincontent div.order table.ordersummary tr.total 
                {
                    font-weight: bold;
                    
                }
                
                    div.wholepage div#maincontent div.order table.ordersummary tr.total td  
                    {
                        padding-top: 5px;
                        padding-bottom: 5px;
                        border-top: 2px solid #d1d0d0;
                        border-bottom: 2px solid #d1d0d0
                    }
            
            
            /* details capture table */
            
            div.wholepage div#maincontent div.order table.persdetails   
            {
                margin-top: 20px;
                width: 100%;
                margin-bottom: 30px;
                width: 400px;
            }
            
                div.wholepage div#maincontent div.order table.persdetails td    
                {
                    background-color: #e6e5e5;
                    padding-left: 10px;
                    padding-right: 10px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    border-top: 1px solid #ffffff;
                    border-bottom: 1px solid #d2d2d2
                }
                
                    div.wholepage div#maincontent div.order table.persdetails td.button 
                    {
                        background-color: #ffffff;
                        border-bottom: 0;
                        padding-right: 0
                    }
                    
                        div.wholepage div#maincontent div.order input[type="submit"]   
                        {
                            width: auto;
                            background-color: #5b78a0;
                            background-image: url('../images/linkbutton.gif');
                            background-position: bottom right;
                            background-repeat: no-repeat;
                            color: #d8dfe7;
                            border: 0;
                            padding-left: 15px;
                            padding-right: 15px;
                            padding-top: 2px;
                            padding-bottom: 3px;
                        }
                
                    div.wholepage div#maincontent div.order table.persdetails td input  
                    {
                        width: 200px
                    }
                    
            
            
            
            /*-----------------------------------
            FOOTER
            -----------------------------------*/
            
            div.wholepage div#footer    
            {
                width: 960px;
                background-color: #002b54;
                background-image: url('../images/footerbg.gif');
                background-position: top;
                background-repeat: repeat-x;
                padding-top: 15px;
                padding-bottom: 5px;
                padding-left: 20px;
                color: #b9c6d8;
                clear: both;
                margin-top: 20px;
            }
        
        
        
        
        
        
        
        div.wholepage div#maincontent div.stockselect div.ordersummary dl .priceline  
                        {
                            display: inline
                        }
