/* Article: colour temp
-------------------------------------------------------------------- */
body.article-8 #primary th.temp,
body.article-8 #primary th.code
{
    width: 70px;
}  

/* Article: spotlight selector
-------------------------------------------------------------------- */
body.article-6 #primary 
{
    width: 460px;
    margin-right: 20px;
}  

body.article-6 #tertiary 
{
    width: 270px;
}

/* Article: fittings (caps and bases)
-------------------------------------------------------------------- */
body.article-7 #primary p
{
    width: 500px;
}

body.article-7 #primary .prodRight 
{
    float: right;
    clear: none;
    display: inline;
    width: 250px;
}

body.article-7 #primary h2,
body.article-7 #primary h3,
body.article-7 #primary h4 
{
    clear: both;   
}

/* Article: Ideas: Valentine's Day
-------------------------------------------------------------------- */
body.article-20 #primary h2
{
    clear: both;   
}

/* Article: Choosing Fluorescents
-------------------------------------------------------------------- */
body.article-10 #primary h2,
body.article-10 #primary h3
{
    clear: both;   
}

/* Article: Choosing Halogen Spots
-------------------------------------------------------------------- */
body.article-12 #primary h2,
body.article-12 #primary h3
{
    clear: both;   
}

body.article-12 #primary img
{
    border: none;
    margin-top: -30px;
    margin-right: 80px;
}

body.article-12 #primary p
{
    width: 480px;
}

/* Article: Choosing CF
-------------------------------------------------------------------- */
body.article-13 #primary h2,
body.article-13 #primary h3
{
    clear: both;   
}

body.article-13 #primary form 
{
    width: 380px;
    float: left;
    margin: 20px 0;
}

body.article-13 #primary div#images
{
 width: 360px;
 float: left;
}

body.article-13 #primary div#images img 
{
    float: left;
    height: 150px;   
}

/* Article: Choosing Daylight
-------------------------------------------------------------------- */
body.article-17 #primary h2,
body.article-17 #primary h3
{
    clear: both;   
}

body.article-17 #primary div.image 
{
    width: 200px;
    float: left;
    text-align: center;
    font-weight: bold;
    margin: 10px;
}

body.article-17 #primary div.image img 
{
    border: none;
}

body.article-17 #primary div.desk-lamp 
{
    width: 180px;
    float: left;
    position: relative;
    text-align: center;
    margin: 20px 25px 20px 100px;
}

body.article-17 #primary div.desk-lamp span.colour 
{
    font-weight: bold;
}

body.article-17 #primary div.desk-lamp div.rocker 
{
    width: 120px;
    height: 120px;
    position: relative;
    background: url(../images/articles/rockerswitch.jpg) 0 0 no-repeat;
    margin-left: 35px;
    cursor: pointer;
}

body.article-17 #primary div.desk-lamp div.rocker div.switch
{
    position: absolute;
    background: #dcd9d9 url(../images/articles/switch_off.jpg) 0 0 no-repeat;
    width: 26px;
    height: 44px;
    top: 38px;
    left: 47px;
}

body.article-17 #primary div.on div.switch 
{
    background-image: url(../images/articles/switch_on.jpg) !important;
}

body.article-17 #primary div.desk-lamp div.rocker span.on 
{
    position: absolute;
    width: 50px;
    text-align: center;
    top: 15px;
    left: 34px;
    font-weight: normal;
}

body.article-17 #primary div.desk-lamp div.rocker span.off
{
    position: absolute;
    width: 50px;
    text-align: center;
    bottom: 15px;
    left: 34px;
    font-weight: bold;
}

body.article-17 #primary div.on span.on 
{
    font-weight: bold !important;
}
body.article-17 #primary div.on span.off 
{
    font-weight: normal !important;
}

/* Article: Glossary
-------------------------------------------------------------------- */
body.article-19 #primary div.term 
{
    background-color: #FEFAF0;
    border-top: 1px solid #FFF2D4;
    border-bottom: 1px solid #FFF2D4;
    padding: 5px 10px;
    margin: 10px 0;
}

body.article-19 #primary div.term h2 
{
    margin-top: 6px !important;
}

/* Article: Choosing Energy Savers
-------------------------------------------------------------------- */
body.article-14 #primary div.bulb 
{
    margin: 10px 15px 0 0;
    float: left;
    width: 235px;
    height: 275px;
    text-align: center;
}

body.article-14 #primary div.bulb ul 
{
    color: #ccc;
    list-style-type: none;
    width: 185px;
    margin: 0 auto !important;
}

body.article-14 #primary div.bulb ul li 
{
    display: inline;
    margin: 5px;
    font-size: 1.1em;
}

body.article-14 #primary p 
{
    clear: both;
}

/* Article: energy saving calculator
-------------------------------------------------------------------- */
body.article-2 form#calculator 
{
    background: #7cb437 url(../images/grass.jpg) 0 0 no-repeat;
    color: #fff;    
    position: relative;
    width: 540px;
    padding: 35px 20px 15px 20px;
    float: left;
}

body.article-2 form#calculator label
{
    width: 280px;
}

body.article-2 form#calculator input 
{
    width: 24px;
    margin: 0 5px 0 0;
}

body.article-2 form#calculator div.input 
{
    color: #D1EDAF;
}

body.article-2 form#calculator div.old_cost div.input,
body.article-2 form#calculator div.equivalent_bulb div.input,
body.article-2 form#calculator div.new_cost div.input,
body.article-2 form#calculator div.saving div.input 
{
    font-weight: bold;
    color: #fff;
}

body.article-2 #primary p.extra 
{
    clear: both;
    color: #666;
}

body.article-2 form#calculator a.button 
{
    margin: 10px 0 0 290px;
    clear: both;
}

body.article-2 form#calculator div.saving
{
    color: #315310;
    font-size: 1.4em;
    font-weight: bold;
}

body.article-2 form#calculator div.saving div.input 
{
    color: #243a0f;
}

body.article-2 form#calculator div.validationsummary 
{
    margin: 0 0 0 0;
    float: left;
    clear: both;
}

body.article-2 form#calculator div.validationsummary,
body.article-2 form#calculator div.validationsummary .invalid 
{
    color: #315310 !important;
}

body.article-2 form#calculator div.field 
{
    width: 500px;
}

body.article-2 #primary img.right 
{
    float: right;
}

body.article-2 span#equivalent_bulb 
{
    margin-right: 3px;   
}