body
{
    background:#ffffff;
    font-size:0.9em;
    line-height:1.5em;
}
body, input, textarea, select
{
    color:#330000;
    font-family:Tahoma, Arial, Verdana;
    line-height:1.5em;
}
textarea
{
    font-size:100%;
    width:470px;
}
body, div, form, p, h1, h2, h3
{
    margin:0px;
    padding:0px;
    display:block;
}

img
{
    border:0px;
    behavior:url(/_inf/iepngfix.htc);
}

fieldset
{
    border:1px solid #330000;
    display:block;
    margin-bottom:1.5em;
    padding-left:1.0em;
    width:445px;
}
legend
{
    color:#330000;
    font-weight:bold;
    padding-bottom:0.5em;
}

a
{
    color:#330000;
}
a:hover
{
    background-color:#330000;
    color:#ffffff;
}

h1
{
    font-size:1.2em;
    line-height:1.5em;
    padding-bottom:10px;
}
h2
{
    font-size:1.1em;
    line-height:1.5em;
    padding-bottom:10px;
}
h3
{
    font-size:1.0em;
    line-height:1.5em;
    padding-bottom:10px;
}

p
{
    line-height:1.5em;
    font-size:0.9em;
    padding-bottom:10px;
}
ul
{
    padding:0px;
    padding-left:20px;
    margin:0px;
}
li
{
    list-style:dot;
    margin:0px;
    padding:0px;
    padding-bottom:1.2em;
}

.intro
{
    font-size:1.0em;
}

/* DEFAULT FORM */

.question
{
    padding-bottom:0.5em;
}
.question .caption
{
    font-weight:normal;
}
.question .answer
{
    display:block;
    float:left;
    padding-bottom:5px;
}
    /* NON STANDARD FORM */
    #questionfeedback .caption,
    #questionenquiry .caption
    {
        font-weight:bold;
        clear:both;
    }
    #questionfeedback textarea,
    #questionenquiry textarea
    {
        border:1px solid #330000;
    }
    
    
    #questionfeedback .answer,
    #questionenquiry .answer
    {
        clear:both;
    }
    
    #questionsubmit .caption
    {
        width:0px;
    }


table tr td
{
    background:transparent;
    font-size:0.8em;
    padding:8px;
    text-align:center;
    vertical-align:top;
}
table tr td img
{
    margin:8px;
}
table tr td.first
{
    text-align:left;
}
table thead tr td
{
    font-weight:bold;
}

.button a
{
    background:#;
    clear:both;
    color:#ffffff;
    display:block;
    font-weight:bold;
    line-height:18px;
    text-align:center;
    text-decoration:none;
    vertical-align:top;
    width:74px;
    height:18px;
    float:right;
}
.first .button a
{
    float:left;
}

.additionbuttons
{
    font-size:0.8em;
    width:481px;
}


table.dryair,
table.coolair,
table.cleanair,
table.warmair,
table.basket
{
    clear:both;
    width:709px;
}


.dryair
{
    color:#0084aa;
}
a.dryair:hover
{
    background-color:#0084aa;
    color:#ffffff;
}
.dryairbox
{
    clear:both;
    float:right;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:15px;
    >margin-bottom:7px;
    margin-left:00px;
    background:#cce6ee;
    border:4px solid #0084aa;
    font-size:0.9em;
    padding:5px 5px 0px 5px;
    width:186px;
}
table.dryair tr td
{
    color:#330000;
}
table.dryair thead tr td
{
    color:#0084aa;
}
table.dryair tr td.highlight
{
    background:#cce6ee;
}
.dryair .button a
{
    background:#0084aa;
    border:1px solid #0084aa;
    color:#ffffff;
}
.dryair .button a:hover
{
    background:#ffffff;
    color:#0084aa;
}


.coolair
{
    color:#00aeef;
}
a.coolair:hover
{
    background-color:#00aeef;
    color:#ffffff;
}
.coolairbox
{
    clear:both;
    float:right;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:15px;
    >margin-bottom:7px;
    margin-left:0px;
    background:#cce6ee;
    border:4px solid #00aeef;
    font-size:0.9em;
    padding:5px 5px 0px 5px;
    width:186px;
}
table.coolair tr td
{
    color:#330000;
}
table.coolair thead tr td
{
    color:#00aeef;
}
table.coolair tr td.highlight
{
    background:#cceffc;
}
.coolair .button a
{
    background:#00aeef;
    border:1px solid #00aeef;
    color:#ffffff;
}
.coolair .button a:hover
{
    background:#ffffff;
    color:#00aeef;
}


.cleanair
{
    color:#b6b30b;
}
a.cleanair:hover
{
    background-color:#b6b30b;
    color:#ffffff;
}
.cleanairbox
{
    clear:both;
    float:right;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:15px;
    >margin-bottom:7px;
    margin-left:0px;
    
    background:#f7f6cf;
    border:4px solid #d5d20f;
    font-size:0.9em;
    font-weight:bold;
    padding:5px 5px 0px 5px;
    width:186px;
}
table.cleanair tr td
{
    color:#330000;
}
table.cleanair thead tr td
{
    color:#b6b30b;
}
table.cleanair tr td.highlight
{
    background:#f7f6cf;
}
.cleanair .button a
{
    background:#b6b30b;
    border:1px solid #b6b30b;
    color:#ffffff;
}
.cleanair .button a:hover
{
    background:#ffffff;
    color:#b6b30b;
}


.warmair
{
    color:#d8171f;
}
a.warmair:hover
{
    background-color:#d8171f;
    color:#ffffff;
}
.warmairbox
{
    clear:both;
    float:right;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:15px;
    >margin-bottom:7px;
    margin-left:0px;
    background:#f7d1d2;
    border:4px solid #d8171f;
    font-size:0.9em;
    padding:5px 5px 0px 5px;
    width:186px;
}
table.warmair tr td
{
    color:#330000;
}
table.warmair thead tr td
{
    color:#d8171f;
}
table.warmair tr td.highlight
{
    background:#f7d1d2;
}
.warmair .button a
{
    background:#d8171f;
    border:1px solid #d8171f;
    color:#ffffff;
}
.warmair .button a:hover
{
    background:#ffffff;
    color:#d8171f;
}


.basket
{
    color:#c0c0c0;
}
a.basket:hover
{
    background-color:#c0c0c0;
    color:#ffffff;
}
.basketbox
{
    clear:both;
    float:right;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:15px;
    >margin-bottom:7px;
    margin-left:10px;
    background:#f0f0f0;
    border:4px solid #808080;
    font-size:0.9em;
    padding:5px;
    width:168px;
}
table.basket tr td
{
    color:#330000;
}
table.basket thead tr td
{
    color:#808080;
}
table.basket tfoot tr td
{
    /*border-top:1px solid #808080;*/
    color:#000000;
    text-align:right;
    font-weight:bold;
    line-height:1.4em;
}
table.basket tfoot tr td.total
{
    border-top:2px solid #808080;
    border-bottom:2px solid #808080;
    line-height:1.4em;
}
table.basket tr td.highlight
{
    background:#f0f0f0;
}
.basket .button a
{
    background:#808080;
    border:1px solid #808080;
    color:#ffffff;
}
.basket .button a:hover
{
    background:#ffffff;
    color:#808080;
}


.content .dryairbox,
.content .coolairbox,
.content .cleanairbox,
.content .warmairbox
{
    clear:both;
    float:right;
    margin-right:10px;
}

.layout
{
    margin:0 auto;
    width:970px;
}
.west
{
    clear:both;
    float:left;
    width:204px;
}
    .logo
    {
        clear:both;
        padding-bottom:15px;
        padding-left:31px;
        padding-top:14px;
        width:147px;
    }
    .nav
    {
        clear:both;
    }
        .nav ul
        {
            margin:0px;
            padding:0px;
        }
            .nav ul li
            {
                clear:both;
                list-style:none;
                margin:0px;
                padding:0px;
                padding-bottom:2px;
                padding-top:2px;
                display:block;
                width:204px;
            }
                .nav ul li a
                {
                    background:#ffffff;
                    border-bottom:1px solid #ada0a0;
                    border-left:3px solid #ada0a0;
                    clear:both;
                    color:#0084aa;
                    display:block;
                    font-weight:bold;
                    font-size:0.75em;
                    padding-left:31px;
                    text-decoration:none;
                    width:170px;
                }
                    .nav ul li a:hover
                    {
                        background:#d5d20f;
                    }
                    .nav ul li a.current
                    {
                        border-bottom:1px solid #0084aa;
                        border-left:3px solid #0084aa;
                    }
    .navshortcuts
    {
        padding-bottom:20px;
        padding-left:0px;
        padding-top:33px;
        text-align:center;
        width:204px;
    }
    .navshortcuts a
    {
        text-decoration:none;
    }
        .styleclear
        {
            color:#000000;
        }
        
    .features
    {
        padding-bottom:20px;
        padding-top:20px;
    }
        /*.features div
        {
            clear:both;
            float:right;
            font-size:0.8em;
            font-weight:bold;
            line-height:1.4em;
            margin-bottom:15px;
            >margin-bottom:7px;
        }*/
            .features div img
            {
                margin:5px;
            }

.maingutter
{
    float:left;
    width:48px;
}
.east
{
    float:left;
    width:718px;
}
    .header
    {
        padding-bottom:14px;
        padding-left:9px;
    }
        .headerleft
        {
            float:left;
            padding-top:10px;
            width:350px;
        }
            .search
            {
                padding-top:10px;
            }
        .headerright
        {
            float:right;
            padding-top:13px;
            width:350px;
        }
            .strapline
            {
                clear:both;
                float:right;
                height:33px;
                padding-bottom:5px;
                padding-right:9px;
                width:326px;
            }
            .other
            {
                clear:right;
                color:#0084aa;
                float:right;
                padding-right:9px;
                text-align:right;
                width:300px;
            }
        .headerclear
        {
            clear:both;
        }
    .billboard
    {
        padding-bottom:18px;
    }
    .content
    {
        padding-bottom:20px;
        padding-left:9px;
    }
        .contentleft
        {
            clear:both;
            float:left;
            width:337px;
        }
        .contentgutter
        {
            float:left;
            width:26px;
        }
        .contentright
        {
            float:left;
            width:342px;
        }
            .contentshortcuts div.container
            {
                float:left;
                padding-bottom:10px;
                padding-right:1px;
                text-align:center;
            }
            .contentshortcuts div a
            {
                border:0px none;
                text-decoration:none;
            }
            .callout
            {
                background:#e5f2f6;
                clear:both;
                padding:5px;
            }
                .callout img
                {
                    margin:5px;
                }
.footer
{
    clear:both;
    font-size:0.8em;
    width:970px;
}
    .footernav
    {
        float:left;
        padding-left:5px;
        width:700px;
    }
    .poweredby
    {
        float:right;
        padding-right:5px;
        text-align:right;
        width:200px;
    }

.callus,
.telephone
{
    clear:both;
    display:block;
    width:204px;
    text-align:center;
}
.callus
{
    color:#0084aa;
    font-size:1.2em;
    padding-top:15px;
}
.telephone
{
    color:#d8171f;
    font-weight:bold;
    font-size:1.2em;
    padding-top:5px;
}



div.productdetails .productitemimage
{
    width:300px;
    float:right;
}
div.productdetails .productitem
{
    width:400px;
}
    div.caption
    {
        clear:left;
        float:left;
        font-weight:bold;
        width:150px;
    }
    div.value
    {
        float:left;
        width:250px;
    }
    div.captionfull
    {
        clear:left;
        font-weight:bold;
        padding-top:1.5em;
    }
    div.valuefull
    {
        clear:left;
    }
    
.pagestrip
{
    padding:0px;
    margin:0px;
}
.pagestrip .prefix, .pagestrip .home, .pagestrip .previous, .pagestrip .next, .pagestrip .end, .pagestrip .suffix, .pagestrip .unselected, .pagestrip .selected
{
    padding:0px 2px 0px 2px;
    float:left;
}
.pagestrip .selected
{
    font-weight:bold;
}
input.quantity
{
    text-align:center;
}


input.center
{
    text-align:center;
}
.wide a
{
    width:150px;
}
.medium a
{
    width:90px;
    float:right;
}
.sidebyside a
{
    float:right;
    clear:none;
    margin-right:5px;
}
.sidebysideleft a
{
    float:left;
    clear:none;
    margin-right:5px;
}
.tablecaption
{
    float:right;
    margin-left:5px;
    margin-right:5px;
    line-height:1.4em;
    height:1.4em;
}

.basket .border
{
    border-bottom:2px solid #808080;
    text-align:left;
}

.websiteform
{
    clear:both;
    display:block;
    float:left;
    width:490px;
}
.contactdetails
{
    background:#f0f0f0;
    float:left;
    margin-top:14px;
    padding:10px;
    padding-left:20px;
    width:185px;
}

.cardtype
{
    width:140px;
    height:40px;
    line-height:40px;
    float:left;
}
.checkout .first
{
    clear:both;
}
.checkout .second
{
}
.checkout .last
{
    clear:both;
    width:280px;
}
.checkout .cardtype img
{
    vertical-align:-10%;
}
.checkout .button a
{
    background:#808080;
    border:1px solid #808080;
    color:#ffffff;
    float:left;
}
.checkout .button a:hover
{
    background:#ffffff;
    color:#808080;
}
.checkout .description
{
    float:left;
    clear:both;
    width:70%;
}
.checkout .value
{
    float:left;
    text-align:right;
    width:30%;
}

 
 
 
.securitycode
{
    width:280px;
    display:none;
}
 
.progress
{
    width:700px;
    height:40px;
    line-height:20px;
    margin-bottom:10px;
    background:url(/_images/Progress_Bar_01.gif) repeat-x 0px 10px;
}
.progress .selected
{
    width:140px;
    height:40px;
    float:left;
    text-align:center;
    padding-top:20px;
    line-height:20px;
    font-weight:bold;
    background:url(/_images/Progress_Target_01.jpg) no-repeat 50% 0px;
}
.progress .unselected
{
    width:140px;
    height:40px;
    float:left;
    text-align:center;
    padding-top:20px;
    line-height:20px;
    background:url(/_images/Progress_Unselect_01.gif) no-repeat 50% 6px;
}


.halfcol
{
    width:335px;
    float:left;
}
.halfcolspacer
{
    width:33px;
    height:33px;
    float:left;
}
 
fieldset.fullwidth
{
    border:1px solid #330000;
    margin-bottom:1.5em;
    padding-left:10px;
    width:678px;
    clear:both;
}
fieldset.halfwidth
{
    border:1px solid #330000;
    margin-bottom:1.5em;
    padding-left:10px;
    width:312px;
    float:left;
}
fieldset.halfwidth .caption
{
    width:125px;
}

.fieldsetspacer
{
    width:29px;
    height:29px;
    float:left;
}
.login
{
    height:100px;
}

.calculator
{
    display:block;
}
    .calculator .question
    {
        clear:both;
        display:block;
    }
        .calculator .caption
        {
            display:block;
            float:left;
            padding-right:10px;
            width:390px;
        }
        .calculator .answer
        {
            display:block;
            float:left;
        }
        .calculator #questionkw .answer
        {
            padding-left:400px;
        }
        
        #questioncelsius
        {
            width:600px;
            clear:both;
            display:block;
            float:left;
        }
            #questioncelsius .caption
            {
                width:390px;
            }
            #questioncelsius .answer
            {
                width:150px;
            }
            
        #cmbdomestic,
        #cmboffice,
        #cmbretail,
        #cmbleisure,
        #cmbeducation,
        #cmbhotel,
        #cmbhealthcare,
        #cmbitserver,
        #cmbindustrial,
        #cmbsouthfacingroom,
        #cmbmeasurement,
        #cmbq1,
        #cmbq2,
        #cmbrequireinstallation
        {
            width:76px;
        }
        
        #questiontotalroomvolume .caption,
        #questiontotalcoolingrequired .caption,
        #questiontotalroomvolume .answer,
        #questiontotalcoolingrequired .answer,
        #questionenvironment .answer
        {
            font-weight:bold;
        }
        
        
.problem
{
    clear:both;
    border:1px solid #c60000;
    background-color:#fff0f0;
    padding:10px;
    color:#c60000;
    margin-top:10px;
    margin-bottom:20px;
    width:679px;
}

.warn
{
    color:#c60000;
}

hr
{
    border:0px none;
    border-top:1px solid #330000;
    clear:both;
    display:block;
    float:left;
    height:1px;
    width:95%;
}
hr.warmair
{
    border-top:1px solid #d8171f;
    width:680px;
}
hr.coolair
{
    border-top:1px solid #00aeef;
    width:680px;
}


.weathertable
{
    width:342px;
    background-color:#F8F6CF;
    margin-top:15px;
    margin-bottom:15px;
}
.weathertable .entries
{
    width:302px;
    padding-left:20px;
    padding-right:20px;
}
.weathertable .pad
{
    clear:both;
    width:10px;
    height:10px;
    overflow:hidden;
}
.weathertable .textbox
{
    width:200px;
    margin-left:10px;
    float:left;
}
.weathertable .textbox input
{
    width:200px;
    margin:0px;
    padding:0px;
}
.weathertable .topbar, .weathertable .bottombar
{
    width:100%;
    height:4px;
    overflow:hidden;    
}
.weathertable .topbar .left, .weathertable .topbar .right, .weathertable .bottombar .left, .weathertable .bottombar .right
{
    width:4px;
    height:4px;
    overflow:hidden;    
}
.weathertable .topbar .left
{
    background-image:url(/_images/weather/Weather_Corner_TL_01.gif);
}
.weathertable .topbar .right
{
    background-image:url(/_images/weather/Weather_Corner_TR_01.gif);
}
.weathertable .bottombar .left
{
    background-image:url(/_images/weather/Weather_Corner_BL_01.gif);
}
.weathertable .bottombar .right
{
    background-image:url(/_images/weather/Weather_Corner_BR_01.gif);
}
.weathertable .left
{
    float:left;
}
.weathertable .right
{
    float:right;
}
.weathertable .button a
{
    background:#808080;
    border:1px solid #808080;
    color:#ffffff;
    margin-right:10px;
    float:left;
}
.weathertable .button a:hover
{
    background:#ffffff;
    color:#808080;
}
.weathertable .location, .weathertable .suppliedby
{
    width:342px;
    height:40px;
    line-height:40px;
    text-align:center;
    clear:both;
}
.weathertable .location .locationname
{
    font-weight:bold;
}
.weathertable .day
{
    width:57px;
    float:left;
    margin:0px;
    padding:0px;
}
.weathertable .dayname
{
    width:57px;
    font-size:85%;
    text-align:center;
    clear:both;
}
.weathertable .icon
{
    width:32px;
    height:32px;
    padding-left:12px;
    padding-right:13px;
    clear:both;
}
.weathertable .temp
{
    width:57px;
    font-size:110%;
    font-weight:bold;
    text-align:center;
    clear:both;
}
.weathertable .desc
{
    width:57px;
    font-size:85%;
    text-align:center;
    clear:both;
    line-height:100%;
}