/*
 * Eastway Enterprise Centre Ltd
 * Main Style Sheet
 * Created:         6th April 2009
 * Created by:      AM
 * Last modified:   18th May 2009
 * Modified by:     AM
 * Generator:       Climbing Turn Ltd :: www.climbingturn.co.uk
 *
 * Contents:
 *              @General
 *              @Header 
 *              @Footer
 *              @Content
 *              @Right Column
 *              @Home Page
 *              @Form
 */

/* -------------------------------------------------------------------- @General */

body 
{
    margin:0;
    padding:0;
    background-color:#fff;
    font-family:Arial, Verdana, Sans-Serif;
    background-image:url(../assets/eec_header_tall_rpt.gif);
    background-repeat:repeat-x;
}

img
{
    border:0;
}

a
{
    color:#39f;
    font-weight:bold;
}
    
a:visited
{
    color:#39f;
}


a:hover
{
    color:#ffad33;
}
    
div.hidden
{
    display:none;
}

/* -------------------------------------------------------------------- @Header */

#eecHeader
{
    position:relative;
    margin:0 auto;
    width:930px;
    height:123px;
    overflow:hidden;
}

img#eecLogo
{
    position:absolute;
    top:20px;
    left:20px;
}

ul#eecMainMenu
{
    list-style-type:none;
    margin:0;
    padding:0;
    position:absolute;
    top:80px;
    left:0;
}

ul#eecMainMenu li
{
    display:inline;
}

ul#eecMainMenu li a
{
    display:block;
    float:left;
    margin:0 6px 0 0;
    width:130px;
    padding-top:20px;
    height:22px;
    background-image:url(../assets/eec_tabs.gif);
    background-position:left top;
    color:#fff;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
}

ul#eecMainMenu li a:visited
{
    color:#fff;
}

ul#eecMainMenu li a:hover
{
    background-position:-130px 0;
}

ul#eecMainMenu li a.selected
{
    background-position:-260px;
}
    
ul#eecSubMenu
{
    position:absolute;
    top:90px;
    left:697px;
    list-style-type:none;
    margin:0;
    padding:0;
}

ul#eecSubMenu li
{
    display:inline;
}

ul#eecSubMenu li a
{
    display:block;
    float:left;
    border-right:1px solid #fff;
    font-size:0.75em;
    padding:0 6px 0 6px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}


ul#eecSubMenu li a:visited
{
    color:#fff;
}

ul#eecSubMenu li a:hover
{
    color:#ffad33;
}

ul#eecSubMenu li a.selected
{
    color:#000;
}

ul#eecSubMenu li a#EastwayHeader_submenuContact
{
    border:0;
    padding-right:0;
}

h1#eecTelephone
{
    position:absolute;
    top:20px;
    left:696px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:19pt;
}

h1#eecTelephone em
{
    font-size:0.6em;
    font-style:normal;
}


#eec-AddThis
{
    margin-top:20px;
}

#eec-AddThis-Home
{
    position:absolute;
    top:6px;
    right:260px;
}

#eec-AddThis-Home a
{
    font-size:0.8em;
}
/* ----------------------------------------------- @Footer */

#eecFooter
{
    width:100%;
    background-color:#f4f6f6;
    height:100%;
}

#eecFooterMenu
{
    width:930px;
    margin:0 auto;
    padding:40px 0 100px 0;
    overflow:hidden;
    text-align:center;
}

#eecFooter #eecFooterMenu ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#eecFooter #eecFooterMenu ul li
{
    display:inline;
}

#eecFooter #eecFooterMenu ul li a
{
    color:#666;
    font-size:0.7em;
    padding:0 6px 0 6px;
    border-right:1px solid #ccd5da;
    text-decoration:none;
}

#eecFooter #eecFooterMenu ul li a:visited
{
    color:#666;
}

#eecFooter #eecFooterMenu ul li a:hover
{
    text-decoration:underline;
}

#eecFooter #eecFooterMenu ul li a.selected
{
    color:#000;
    font-weight:bold;
}

#eecFooter #eecFooterMenu ul li a#EastwayFooter_fmenuXMLSiteMap
{
    border:0;
}

#eecFooter #eecFooterMenu ul li a#EastwayFooter_fmenuHome
{
    padding-left:0;
}

#eecFooter #eecFooterMenu p
{
    color:#666;
    font-size:0.7em; 
    padding:0;
    margin:6px 0 0 0;
}  

#eecFooterMenu p#eecFooterBanners
{
    width:100%;
    text-align:center;
    margin-top:20px;
}

#eecFooterMenu p#eecFooterBanners img
{
    margin:10px;   
}

/* ----------------------------------------------------------------------- @Content */

#eecBody
{
    position:relative;
    width:930px;
    margin:10px auto;
    background-color:#fff;
}

#eecContent
{
    position:relative;
    width:529px;
    padding-right:260px;
    padding-left:141px;
    margin-top:20px;
}

#eecContent h1
{
    color:#666;
    font-weight:normal;
    font-size:1.2em;
    margin:0 13px 6px 13px;
}

#eecContent h2
{
    color:#666;
    font-weight:bold;
    font-size:0.9em;
    margin:16px 13px 0px 13px;
}

#eecBody p
{
    font-size:0.8em;
    line-height:1.5em;
    color:#666;
    margin:15px  13px 0 13px;
}

#eecBody ul
{
    list-style-type:none;
    list-style-image:url(../assets/eec_bullet.gif);
    margin:6px 0 0 0;
    padding:0 0 0 30px;
    
}

#eecBody ul li
{
    font-size:0.8em;
    line-height:1.6em;
    color:#666;
    margin:0;
    padding:0;
}

#eecBody ul li a
{
    font-size:1em;
}

p#eecContentPanel
{
    display:block;
    background-image:url(../assets/eec_gen_header_bcgrnd_.gif);
    background-repeat:no-repeat;
    overflow:hidden;
    padding:35px 30px 35px 30px;
    height:59px;
    width:472px;
    margin:10px 0 0 0;
    color:#fff;
    font-size:1.1em;
    line-height:1.3em;    
}

p#eecSignoff
{
    color:#f90;
    font-size:1em;
    font-weight:bold;
    margin-right:10px;
}


/* ----------------------------------------------------------------------- @Right Column */

#eecRight
{
    position:absolute;
    top:0;
    right:0;
    width:253px;   
}

#eecRight img
{
    display:block;
    margin:10px 0 10px 0;   
}

#eecRight .eecBluePanel
{
    margin:10px 0 10px 0;
    padding:12px 20px 12px 20px;
    width:213px;
    height:167px;
    background-image:url(../assets/eec_cblue_bckgrnd_ALL.gif);
    background-repeat:no-repeat;
}

#eecRight .eecBluePanel h1
{
    margin:0;
    padding:0;
    color:#fff;
    font-size:1em;
    font-weight:bold;
}

#eecRight .eecBluePanel p
{
    color:#fff;
    font-size:0.8em;
    font-weight:bold;
    line-height:1.6em;
    margin:0;
}

#eecRight .eecBluePanel p a
{
    color:#fff;
}

#eecRight .eecBluePanel p a:visited
{
    color:#fff;
}

#eecRight .eecBluePanel p a:hover
{
    text-decoration:none;
}

#eecRightQuote
{
    padding:4px 0 0 18px;
    margin:0;
}

#eecRightQuote p
{
    color:#f90;
    margin:0 12px 0 0;
    padding:0;
    font-size:0.9em;
    font-weight:bold;
}

/* ----------------------------------------------------------------------- @Left Menu */


#eecLeftMenu
{
    position:absolute;
    top:0;
    left:0;
    width:135px;
}

#eecLeftMenu ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    list-style-image:none;
}

#eecLeftMenu ul li
{
    margin:6px 0 6px 0;
}


#eecLeftMenu ul li a
{
    font-size:1.1em;
    text-decoration:none;
    font-weight:normal;
}

#eecLeftMenu ul li a.selected
{
    color:#999;
}

/* ----------------------------------------------------------------------- @Home Page */

#eecHomeContent
{
    position:relative;
    width:670px;
    padding-right:260px;
}

#eecHomeContent h1
{
    color:#39f;
    font-weight:normal;
    font-size:1.4em;
    margin:4px 0 2px 0;
}

#eecHomeContent h2
{
    color:#999;
    font-weight:normal;
    font-size:1.1em;
    margin:0 0 6px 0;
}

#eechomeMainPanel
{
    position:relative;
    margin:20px 0 0 0;
    padding:10px 390px 10px 40px;
    width:240px;
    height:253px;
    background-color:#95a9b4;
    overflow:hidden;
}

#eechomeMainPanel h1
{
    color:#fefeca;
    font-size:1em;
    font-weight:bold;
    margin:0 0 4px 0;
    padding:0;
}

#eechomeMainPanel h2
{
    color:#fff;
    font-size:0.9em;
    font-weight:bold;
    margin:2px 0 4px 0;
    padding:0;
}

#eechomeMainPanel ul
{
    list-style-type:none;
    list-style-image:url(../assets/eec_homelistbullet.gif);
    list-style-position:outside;
    margin:2px 0 0 0;
    padding:0;
}

#eechomeMainPanel ul li
{
    color:#fff;
    font-size:0.9em;
    font-weight:bold;
    margin:1px 0 1px 0;
    line-height:1.2em;
}

img#eecHomePanelImage
{
    position:absolute;
    top:0;
    right:0;
}

#eechomeMainPanel p
{
    margin:6px 0 0 0;
}

#eechomeMainPanel p a
{
    color:#fff;
    font-weight:bold;
}

#eechomeMainPanel p a:visited
{
    color:#fff;
}


#eechomeMainPanel p a:hover
{
    text-decoration:none;
}

#eechomePanelHolder
{
    position:relative;
    width:670px;
    height:280px;
    margin-top:10px;
}

.eechomePanel
{
    width:216px;
    height:280px;
    background-color:#999;
    position:absolute;
    top:0;
    overflow:hidden;
}

#eechp1
{
    left:0;
}

#eechp2
{
    left:227px;
}

#eechp3
{
    left:455px;
}

#eechomePanelHolder .eechomePanel h1
{
    font-weight:bold;
    color:#fff;
    font-size:0.8em;
    margin:8px 0 2px 10px;
    padding:0;
}

#eechomePanelHolder .eechomePanel p
{
    font-size:0.8em;
    color:#fff;
    margin:0 12px 0 10px;
}

#eechomePanelHolder .eechomePanel a
{
    color:#fff;
    text-decoration:underline;
}

#eechomePanelHolder .eechomePanel a:visited
{
    color:#fff;
}

#eechomePanelHolder .eechomePanel a:hover
{
    text-decoration:none;
}

/* Home Page Right Panel Stuff */

#eecRightFaqs
{
    padding:0 0 0 12px;
    width:241px;
}

#eecRightFaqs h1
{
    font-size:0.95em;
    color:#999;
    margin:0 0 0 9px;
    font-weight:bold;
}

#eecRightFaqs ul
{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-image:none;
}

#eecRightFaqs ul li
{
    font-size:0.9em;
    line-height:1.6em; 
    padding:0 0 0 9px;   
}

#eecRightFaqs ul li a
{
    font-size:0.9em;
    font-weight:bold;
}

/* ------------------------------------------------------- @Form */

#formRow
{
    width:529px;
}

#contForm .formRow
{
    display:block;
    width:529px;
    height:30px;
    clear:both;
    margin-top:10px;
}

#contForm .formRow label
{
    display:block;
    padding:2px 6px 0 0;
    width:110px;
    text-align:right;
    float:left;
    font-size:0.8em;
    color:#666;
    font-weight:bold;
}

#contForm .formRow input, textarea
{
    float:left;
    width:300px;
}

#contForm .formRow span.formAsterisk
{
    display:block;
    float:left;
    margin-left:4px;
    font-size:1.4em;
    color:#39f;
}

#ContactValidationSummary, #errorMessage
{
    margin:10px 0 10px 14px;
    font-size:0.8em;
}

#ContactValidationSummary ul li
{
    font-size:1em;
    color:#f00;
}

#errorMessage p
{
    color:#f00;   
}