﻿body 
{
    width: 100%;
    padding: 0;
    margin: 0;
    background: white;
    font-size: 11px;
    font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
    color: #333;
}

.content 
{
    position: relative;
    padding: 0;
}

    .inner 
    {
        position: relative;
        width: 960px;
        padding: 0 0 0 0x;
        margin: 0 auto 0 auto;
    }

/* Grid System */

.column1,
.column2,
.column3,
.column4,
.column5,
.column6 
{
    position: relative;
    float: left;
    margin: 0 29px 0 0px;
}
    .column1Last,
    .column2Last,
    .column3Last,
    .column4Last,
    .column5Last,
    .column6Last 
    {
        position: relative;
        margin: 0 0 0 0px;
        float: left;
    }

    .column1,
    .column1Last 
    {
        width: 135px;
        
    }
    
    .column2,
    .column2Last 
    {
        width: 300px;
    }
    
    .column3,
    .column3Last 
    {
        width: 465px;
    }
    
    .column4,
    .column4Last 
    {
        width: 630px;
    }
    
    .column5,
    .column5Last 
    {
        width: 795px;
    }
    
    .column6,
    .column6Last 
    {
        width: 960px;
    }

.rowWrapper 
{
    position: relative;
    overflow: hidden;
    padding: 0 0 15px 0;
}

    .rowWrapper .rowWrapper 
    {
        padding: 0 !important;
    }
    
/* Header */

.header 
{
    background: white;
    position: relative;
}
    .header .inner 
    {
        padding: 20px 10px 15px 10px;
        z-index: 999;

    }

        .header .logo 
        {
            display: block;
            width: 224px;
        }
    

        
/* Sub Nav */    

.nav 
{
    position: relative;
    z-index: 90;
    background: #333;
    border-top: 1px solid #ccc;
}


    ul.navList
    {
        position: relative;
        margin: 0 auto 0 auto;
        padding: 0 0 0 0;
        width: 960px;
        list-style: none;
        height: 28px;
    }
    
        ul.navList li,
        ul.navList li:visited
        {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            ul.navList li a,
            ul.navList li a:visited
            {
                display: block;
                padding: 6px 8px 7px 8px;
                margin: 0 11px 0 0;
                text-decoration: none;
                font-size: 10px;
                letter-spacing: 2px;
                color: white;
                border-right: 1px solid #333;
                border-left: 1px solid #333;            
            }
            
            ul.navList li:hover a,
            ul.navList li:hover a:visited
            {
                background: url("../../images/nav/bg_button.png");
                border-right: 1px solid #ccc;
                border-left: 1px solid #ccc;
            }

            
                ul.navList li a:hover,
                ul.navList li a:visited:hover,
                       
                
                {
                    color: black;
                }
                

                
                
                
                ul.navList li a.selected,
                ul.navList li a.selected:visited
                {
                    
                    color: #f63 !important;
                }
                    
                    ul.navList li a.selected:hover,
                    ul.navList li a.selected:visited:hover 
                    {
                        color: white !important;
                    }




    ul.navList ul 
    {
        position: relative;
        display: none;
        z-index: 99;
        margin: 0px 0 0 0;
        padding: 6px 0 4px 0px;
        list-style: none;
        background: url("../../images/nav/bg_grey.png");
        border-right: 1px solid white;
        border-left: 1px solid white;
        border-bottom: 1px solid white;
    } 
    
    
        ul.navList ul li 
        {
            float: none;
            display: block;
            z-index: 10;
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 18px;
        }
        
            ul.navList ul li:hover 
            {
                background: none;
            }

        
            ul.navList ul li a,
            ul.navList ul li a:visited 
            {
                display: block;
                text-align: left;
                padding: 3px 0 3px 15px;
                margin: 0 0 0 3px;
                width: 142px;
                font-size: 11px;
                color: white !important;
                height: auto;
                background: url("../../images/nav/bullet_black.png") no-repeat 5px !important;
                letter-spacing: 1px;
                border: 0 !important;
            }
            
            ul.navList ul li a:hover,
            ul.navList ul li a:visited:hover 
            {
                color: #f63 !important;
                background: url("../../images/nav/bullet.png") no-repeat 5px !important;
            }
      
        ul.navList li:hover ul 
        {
            display: block;
            position: absolute;
            z-index: 10;
        }

/* Sash */

#flashSash 
{
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
    background: black;
}

.FlashBanner
{
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
    float: left;
}

.sash 
{
    background: black;
}

    .sash img 
    {
        display: block;
    }



.intro 
{
    background: #f63;
    margin: 1px 0 25px 0;
    position: relative;
}

    .intro .inner 
    {
        height: 120px;
        position: relative;
        
    }

                    


/* Main */

.main 
{
    position: relative;
    background: url("../../images/white_shadow.png") top repeat-x;
}

    p.largeIntro,
    ArticlePanel p.largeIntro 
    {
        color: #f63 !important;
        font-size: 25px !important;
        letter-spacing: -1px !important;
        line-height: 1.3em !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
  
    
    
/* Text */

h1,
h2,
h3 
{
 
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;        

}

    h1 
    {
        color: #f63;    
        font-size: 20px;
        margin-bottom: 0.7em;
        padding-bottom: 0;
        letter-spacing: 2px;
    }  
    
        .intro h1 
        {
            color: White !important;
            position: absolute;
            bottom: 10px;
            left: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }

    h2 
    {
        font-size: 16px;
        margin-bottom: 0.7em;
        padding-bottom: 0;
        letter-spacing: 1px;
        color: #666;
    }

    h3 
    {
        font-size: 15px;
        color: #666;
    }
        h3.sidebox
        {
            font-size: 20px;
            color: #999;
            letter-spacing: -1px;
            margin-bottom: 5px;
            padding-bottom: 0;
        }

    h4
    {
        font-size: 14px;
    }



p.normal,
.ArticlePanel p
{
    font-size: 13px;
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 1.6em;
    color: #666;
}

ul.normal,
ul.normal3 
{
    font-size: 13px;
    margin: 0 0 2em 25px;
    padding: 0;
    line-height: 1.6em;
    color: #666;
    list-style: none;
    overflow: hidden;
}
    ul.normal li,
    ul.normal3 li 
    {
        padding-left: 12px;
        background: url("../../images/bullets/f63.png") no-repeat left 6px;
    }
        ul.normal3 li 
        {
            display: block;
            float: left;
            width: 30%;
        }

.bold 
{
    font-weight: bold;
}

/* Main Links */

.main a,
.main a:visited
{
    text-decoration: none;
    color: #f63;
}

    .main a:hover,
    .main a:visited:hover
    {
        text-decoration: none;
        color: black;
    }


/* Footer */

.footer 
{
    width: 100%;
}

.footerWhite 
{
    padding: 15px 0 5px 0;
}

    .footerWhite a:visited,
    .footerWhite a:link
    {
        color: #aaa;
        text-decoration: none;
        letter-spacing: -1px;
        font-size: 20px;
    }
        
        .footerWhite a:visited span,
        .footerWhite a:link span 
        {
            color: #666;
        }
            
       .footerWhite a:visited:hover span,
        .footerWhite a:link:hover span 
        {
            color: #f63;
        }

.footerGrey
{
    background: #666;
    color: white;
    padding: 10px 0 10px 0;
    overflow: hidden;
    text-align: right;
}


    .footerLogo 
    {
        display: block;
        margin-top: 10px;
    }
                 
    .footerGrey ul 
    {
        margin: 3px 0 0 0;
        padding: 0;
    }
    
        .footerGrey ul li
        { 
            display: inline;
            list-style: none;
        }
        
            .footerGrey ul li a,
            .footerGrey ul li a:visited 
            {
                text-decoration: none;
                color: white;
                font-size: 9px;
                letter-spacing: 1px;
            }
            
                .footerGrey ul li a:hover,
                .footerGrey ul li a:visited:hover
                {
                    color: black;
                }
                
                    .footerGrey ul .separator 
                    {
                        color: #ccc;
                        margin: 0 10px 0 10px;
                    }

    .footerContact 
    {
        margin-bottom: 10px;
    }
        .footerContact .phone 
        {
            display: block;
            float: left;
            text-align: left;
            margin-right: 20px;
            margin-top: 0;
        }
        
            .footerContact .phoneLocation 
            {
                font-size: 14px;
                display: block;
            }
            
            .footerContact .phoneNumber 
            {
                font-size: 31px;
            }
        
        .footerContact a:link,
        .footerContact a:visited
        {
            color: White;
            text-decoration: none;
            font-size: 15px;
        }                
            .footerContact a:hover,
            .footerContact a:visited:hover 
            {
                color: black;
            }
                
                
/* Misc */

img 
{
    border: 0;
}
    
    
/* Testimonial */

.Testimonial 
{
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
    position: relative;

}

    .TestimonialText,
    .testimonial p 
    {
        font-size: 25px;
        color: #f63;
        line-height: 1.3em;
        letter-spacing: -1px;
    }

    .TestimonialCredit,
    .testionial span 
    {
        font-size: 9px;
        display: block;
        line-height: 1.1em;
        margin-top: 15px;
        color: #666;
    }
    
.testimonial 
{
    margin-bottom: 15px;
    border-bottom: 2px dotted #ccc;
    padding-bottom: 15px;
}
    
.testimonial p 
{
    font-size: 20px;
    color: #333;
}

.testimonial span 
{
    color: #f63;
}    
    
/* Articles List */

ul.ArticlesList 
{
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    list-style: none;
    border-bottom: 1px solid #bbb;
    position: relative;
}

    ul.ArticlesList li 
    {
        list-style: none;
        display: block;
        background: url("../../images/bullets/f63.png") no-repeat left 4px;
        margin: 0 0 5px 0;
        padding: 0 0 0 10px;
    }
    
        ul.ArticlesList li a,
        ul.ArticlesList li a:visited 
        {
            color: #f63;
            font-size: 12px;
        }
        
        ul.ArticlesList li a:hover,
        ul.ArticlesList li a:visited:hover 
        {
            color: Black;
        }
        
        ul.ArticlesList li span 
        {
            display: block;
            color: #666;
            font-size: 10px;
        }
   
/* Register Box */

.RegisterBox 
{
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #bbb;
    position: relative;
    overflow: hidden;
}        

    .RegisterBoxText 
    {
        margin-top: 0;
        padding-top: 0;
    }

    .RegisterBoxLabel 
    {
        display: block;
        font-weight: bold;
        font-size: 10px;
        color: #333;
        letter-spacing: 1px;
    }   

    .RegisterBoxField 
    {
        display: block;
        padding: 5px;
        border: 1px solid #bbb;
        color: #666;
        margin-bottom: 5px;
        width: 180px;
        background: #eee;
    }

    .RegisterBoxButton 
    {
        position: absolute;
        bottom: 30px;
        right: 0;
    }
    
/* Hire Box */

.HireBox 
{
    display: block;
    margin: 0 0 20px 0;
    padding: 15px 0 20px 0;
    border-bottom: 1px solid #bbb;
    border-top: 10px solid #ccc;
}

    .HireBox img 
    {
        display: block;
    }    
    
    
/* Front Page */

.frontIntro 
{
    background: #f63;
    margin: 1px 0 15px 0;
    position: relative;
}

    .frontIntro .inner 
    { 
        height: 270px; 
        position: relative;
    }

        .frontIntro_strapline 
        {
            position: absolute !important;
            margin: 0 !important;
            padding: 0 !important;
            left: 495px !important;
            top: 20px !important;
            color: White;
            width: 350px;
        }

        .frontIntro_text 
        {
            color: White;
            font-size: 13px;
            width: 300px;
            position: absolute;
            left: 495px;
            top: 100px;
        }

        .frontIntro_link 
        {
            position: absolute;
            bottom: 15px;
            left: 495px;
        }

.frontList 
{
    display: block;
    margin-bottom: 10px;
}

.frontBox,
.frontBox_last,
.frontBoxVideo
{
    position: relative;
    float: left;
    margin: 0 30px 0 0;
    width: 135px;
    border-top: 10px solid #ccc;
    border-bottom: 1px solid #bbb;
    padding-top: 5px;
    padding-bottom: 10px;
    height: 268px;
}    
    .frontBoxVideo 
    {
        width: 300px;
        margin-right: 0;
    }

    .sectionMenu 
    {
        margin: 15px 0 25px 0;
        overflow: hidden;
    }

    .sectionMenu .frontBox 
    {
        width: 160px;
        margin-bottom: 15px;
        margin-right: 50px !important;
    }

    #frontBox_last 
    {
        margin-right: 0;
    }

        .frontBox a.frontBox_title,
        .frontBox a.frontBox_title:visited,
        .frontBoxVideo a.frontBox_title,
        .frontBoxVideo a.frontBox_title:visited  
        {
            
            font-size: 20px;
            color: #999;
            letter-spacing: -1px;
            margin-bottom: 5px;
            padding-bottom: 0;

        }
        
            .frontBox a.frontBox_title:hover,
            .frontBox a.frontBox_title:visited:hover,
            .frontBoxVideo a.frontBox_title:hover,
            .frontBoxVideo a.frontBox_title:visited:hover
            {
                color: #f63;
            }
    
    .frontBox p,    
    .frontBoxVideo p 
    {
        font-size: 12px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    
    .frontVideo 
    {
        position: absolute;
        bottom: 10px;
        left: 0;
    }
    
    .frontBox ul 
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
        .frontBox ul li
        {
            list-style: none;
        }
        
            .frontBox ul li a 
            {
                padding-left: 10px;
                background: url("../../images/bullets/666.png") left no-repeat;
                font-size: 12px;
            }
     
    .frontBox_image
    {
        border-top: 1px solid #999;
        position: absolute;
        bottom: 10px;
    }   
    
        .frontBox_image img 
        {
            display: block;
        }  
            
    .frontNewsTitle 
    {
        display: block;
        font-size: 15px;
        margin-top: 10px;
        font-weight: bold;
    }
    
    .frontNewsText 
    {
        font-size: 11px;
    }
            
/* Front Register Box */            

#frontRegisterBox 
{
    border-bottom: 1px solid #bbb;
    border-top: 10px solid #ccc;
    padding-top: 5px;
}

#frontRegisterBox h3 
{
    margin-bottom: 15px;
}

.frontRegisterBoxText,
.frontRegisterBoxError
{
    float: left;
    width: 120px;
    font-size: 13px;
    margin: 0 15px 0 0;
    color: #666;
    
}

    .frontRegisterBoxError 
    {
        color: #900;
    }

    #frontRegisterBox .RegisterBoxButton 
    {
        position: relative !important;
        bottom: auto;
        
        
    }
    
    #frontRegisterBox .RegisterBoxField 
    {
        width: 140px;
    }
    
/* Front Gallery Box */

.frontGalleryBox 
{
    position: relative;
    border-top: 10px solid #ccc;
    padding-top: 5px;
}


/* Gallery Grid */

.GalleryGrid 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

    .GalleryGrid li 
    {
        margin: 13px 17px;
        padding: 0;
        list-style: none;
        float: left;
    }
    
    .GalleryGrid li a 
    {
        display: block;
        padding: 8px;
        width: 140px;
        background: white;
        border: 1px solid #bbb;
        
    }
    
    
/* Clients and News Boxes */

.horzBox
{
    position: relative;
    margin: 0 0 15px 0;
    border-top: 10px solid #ccc;
    border-bottom: 1px solid #bbb;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}     
    .horzBox img 
    {
        display: block;
    }

    .horzBoxImage 
    {
        float: left;
        display: block;
        margin-right: 25px;
    }   
    
    .horzDate 
    {
        display: block;
        color: #666;
    }
    
    h2 a.horzBoxTitle,
    .horzBox h2
    {
        letter-spacing: -1px !important;
        font-size: 18px;
    }
    
    p.horzText 
    {
        margin: 0;
        padding: 0;    
    }
    
    .horzBoxMore 
    {
        position: absolute;
        bottom: 10px;
        right: 10px;
        padding-right: 10px;
        font-size: 10px;
        background: url("../../images/bullets/666.png") no-repeat right 3px;
    }
    
    .brief 
    {
        font-weight: bold;
        color: Black;
    }
    
    .caseStudyText 
    {
        width: 380px;
        margin-top: 30px;
    }

    .caseStudyBox
    {
        float: right;
        width: 160px;
        margin: 20px 0 20px 20px;
        background: #333;
        padding: 15px;
        color: White;
    }    
    
    .caseStudyInfo
    {
        display: block;
        color:white;
        margin-bottom: 8px;
    }
    
    .caseStudyInfo span
    {
        color: #f60;
        display: block;
    }
    
    
/* Manufacturers Grid */

ul.manufacturers 
{
    position: relative;
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}    

    ul.manufacturers li 
    {
        position: relative;
        width: 140px;
        height: 140px;
        float: left;
        display: block;
        border: 1px solid #ccc;
        margin: 0 10px 30px 0;
        padding: 0;
        list-style: none;
    }
    
    ul.manufacturers li span 
    {
        width: 140px;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 10px;
        font-size: 12px;
    }
    
    
table.drapes 
{
    border-top: 8px solid #ccc;
    
        border-bottom: 1px solid #ccc;
    width: 100%;
}

    table.drapes th td
    {
        border-bottom: 1px solid #ccc;
    }    
    
    table.drapes tr td 
    {
        empty-cells: show;
        padding: 5px;
    }
        table.drapes tr.alternate  td
        {
            background: #eee;
        }
        
        td.yes 
        {
            font-weight: bold;
            font-size: 13px;
            text-align: center;
        }
        
/* News */

.newsDate 
{
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
}        

/* Solutions */

.morePhotos 
{
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    margin-top: 5px;
    background: url("../../images/bullets/666.png") no-repeat right 4px;
}
    
    .frontGalleryBox .morePhotos 
    {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .Testimonial .morePhotos 
    {
        margin-top: 10px;
        text-align: right;
        margin-bottom: 0;
        margin-left: auto;
    }

/* Prices table */

.prices 
{   
    width: 100%;
    border-top: 10px solid #ccc;
}
    .prices td 
    {
        vertical-align: top;
        padding: 10px;
    }

    td.price 
    {
        background: #ddd;
        border-bottom: 1px solid #ccc;
        font-size: 12px;
        font-weight: bold;
    }
    
    td.product 
    {
        border-bottom: 1px solid #ccc;
    }
    
/* Inline Photos */    

a.inlineLeft,
a.inlineRight
    {
        display: block;
        padding: 8px;
        width: 140px;
        background: white;
        border: 1px solid #bbb;
        
    }
    
a.inlineLeft 
{
    float: left;
    margin: 0 15px 25px 0;
}    

a.inlineRight
{
    float: right;
    margin: 0 0 25px 15px;
} 
    
    a.inlineLeft img,
    a.inlineRight img 
    {
        display: block;
    }    
    
img.inlineRight 
{
            display: block;
        padding: 8px;
        background: white;
        border: 1px solid #bbb;
    float: right;
    margin: 0 0 25px 15px;}
    
    /* Admin */
    
    .ArticlesTable 
    {
        width: 100%;
        border-top: 1px solid #ccc;
    }
    
    .ArticlesTable  th 
    {
        text-align: left;
    }
    
    .ArticlesTable td 
    {
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }
    
    .AlternatingRow td 
    {
        background: #ddd;
        border-bottom: 1px solid #ccc;
    }
    
    .ArticlesTable a.AdminTableTitle,
     .ArticlesTable a.AdminTableTitle:visited
    {
        color: black !important;   
    }
        .ArticlesTable a.AdminTableTitle:hover,
         .ArticlesTable a.AdminTableTitle:visited:hover
        {
            color: #f63 !important;   
        }        
        
        
/* Admin Forms */

.AdminForm 
{
}

.AdminForm table.AdminTableTitle
{
    width: 100%;
    border-top: 10px solid #ccc;
    padding: 0 0 10px 0;
    margin-top: 15px;
    font-size: 12px;
}


    .AdminForm table.AdminTableTitle td 
    {
       
    }
    
        td.fieldName 
        {
            width: 150px;
             border-bottom: 2px dotted #ccc;
        padding: 5px;
        }
        
        td.fieldValue 
        {
             border-bottom: 2px dotted #ccc;
        padding: 5px;
        }
        
        td.fieldValue input.fieldInput,
        td.fieldValue select.fieldInput
        {
            width: 350px;
        }
        
        td.fieldValidation 
        {
            width: 20px;
             border-bottom: 2px dotted #ccc;
        padding: 5px;
        }
        td.fieldHelp 
        {
            width: 20px;
             border-bottom: 2px dotted #ccc;
        padding: 5px;
        }

.AdminButtons
{
    background: #ccc;
    padding: 10px;
    margin: 15px 0 15px 0;
}        
        
/* Login Box */

.loginPanel
{
    padding: 15px 15px 15px 15px;
    text-align: center;
    margin-bottom: 45px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #ccc;
}

    .loginLabel 
    {
        font-size: 12px;
        font-weight: bold;
        display: block;
        margin: 0;
        padding: 0;
        color: #333;
    }

    .loginControl 
    {
        width: 100%;
    }    

    .loginBox 
    {
        width: 925px;
        margin: 0 auto 0 auto;
    }
    
    .loginBox input.loginInput
    {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        color: #666;
        border: 1px solid #999;
        font-size: 15px;
        padding: 3px;
        text-align: center;
        background: white;
    }

.loginButton 
{
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.StatusLabel 
{
    display: block;    
    background: #ddd;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.ErrorLabel 
{
    display: block;    
    background: #f63;
    color: White;
    margin: 0 0 15px 0;
    padding: 10px;
}
    .ErrorLabel ul 
    {
        color: White;
        font-weight: bold;
        list-style: none;
        margin: 0;
        padding: 10px;
    }
    
        