/*
Build start date: 22 June 2009
Version: 1
Author: Andy Croxall (andy.croxall@halesway.co.uk)

GENERAL, PREPARATORY ##################################################################################*/

* {
    /*font-family: Trebuchet MS;*/
    /*color: #444;*/
    padding: 0;
}

html, body { height: 100%; margin: 0; text-align: center; }

body { font-size: 0.8em; color: #444; font-family: Trebuchet MS; }

#outermostWrapper {
    width: 989px;
    padding: 15px 14px;
    background: #fff repeat-x left top;
    position: relative;
    margin: 0 auto;
    text-align: left;
}

ol { margin-left: 30px; list-style: decimal;}

ul { margin-left: 30px; }

:focus { outline: 0; }

tr, td { vertical-align: top;}

a { color: #2e3192; text-decoration: none;  }

a:hover { text-decoration: underline; }

fieldset { border: none; }

.firstPara { width: 720px; text-align: justify; }
.firstPara_shorter { width: 620px; text-align: justify; }

span.tooltip {
    position: absolute;
    margin-top: 10px;
    background: #fffbc9;
    max-width: 215px;
    color: #666 !important;
    font-weight: bold;
    font-size: 12px !important;
    padding: 8px;
    text-align: center;
    text-indent: 0;
    border: solid 1px #bbb;
    line-height: 14px;
    font-family: Trebuchet MS !important;
    text-decoration: none;
    z-index: 100;display: none;
}

*:hover > span.tooltip { display: block; }
.hovered .tooltip { display: inline; }

/*a[rel~=external] {
    background: transparent url(../imgs/extLink.png) no-repeat right center;
    padding-right: 13px;
}*/

img {border: 0px;}

/* accessibility */

.screenreader {
    display: none;
}

/* clears */

.clear, .cl { clear: both; display: block; }
.cl { height:0; padding:0; margin:0; }

.clear_withBumper { clear: both; height: 15px; display: block; }

.clear_withBumper2 { clear: both; height: 5px; }

.clear_pullup { clear: both; margin-top: -4px; }

#clearAfterMontage { clear: both; height: 14px; }

#footer_clear { clear: both; height: 30px; }

.dotsDivider { background-repeat: repeat-x; height: 6px; top: 10px; position: relative; margin-bottom: 35px; }

.simpleDivider { border-bottom: solid 1px #aaa; width: 100%; height: 20px; margin-bottom: 20px; }

/* misc */

div.pleaseWait {background: url('../imgs/loader.gif') center 20px no-repeat;}

a div.toolTip {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	width: 200px;
	border: solid 1px #999;
	background: #eee;
	color: #444;
	padding: 6px 10px;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none; /*force this as, since tooltip is child node of a link, text may appear underlined (e.g. in IE) */
}

a.indicateExtLink { /* add icon */ }

/* form result */

.result {
	margin-bottom: 20px;
	font-style: italic;
	background: url(../imgs/content/furniture/infoIcon.png) no-repeat left top;
	text-indent: 24px;
}

/* FORMS */

label a { font-weight: normal; }

.pageForm label {
        clear:left;
        color:#777;
        display:inline;
        float:left;
        font-weight:bold;
        text-align: right;
        width:120px;
        margin-right: 10px;
}

.pageForm label.unset {
        float: none;
        font-weight: normal;
        }

.pageForm label.groupHead { font-weight: bold; font-size: 1.1em; }

.pageForm textarea { padding: 4px; }

.pageForm select { height: 28px; border: solid 1px #bbb; float: left; margin-top: 2px; }

.pageForm select,
.pageForm textarea {
           background-color:#FFF;
           border:1px solid #bbb;
           color:#444;
           display:inline;
           float: left;
           font-family: Verdana, Arial, Tahoma, sans-serif;
           font-size:1em;
           margin:2px 0 2px 0;
           }
form.pageForm,
.pageForm fieldset {
           border: 0;
           margin:0;
           padding:0;
           position: relative;
           }

.pageForm legend {
         font-weight: bold;
         color:#444;
         padding:20px 0 10px 0;
         font-size: 1.2em;
         }

input.t50,
input.t75,
input.t100,
input.t150,
input.t200,
input.t250,
input.t300,
input.t350,
input.t450,
input.t500,
select.t100,
select.t150 {
             background-color:#FFF;
             border:1px solid #bbb;
             color:#444;
             display:inline;
             float:left;
             font-size:1em;
             margin:2px 5px 2px 0;
             width:150px;
             padding: 4px;
}

select.t100 { width: 111px; }
select.t150 { width: 161px !important; }

textarea.t100,
textarea.t150,
textarea.t200,
textarea.t250,
textarea.t750 {
             background-color:#FFF;
             border:1px solid #bbb;
             color:#444;
             display:inline;
             float:left;
             font-size:1em;
             margin:2px 5px 2px 0;
             width:50px;
             height: 70px;
}

input.t50 { width: 50px; }
input.t75 { width: 75px; }

textarea.t100,
input.t100 { width:100px; }

textarea.t150,
input.t150,
select.t150 {width:150px;}

textarea.t200,
input.t200 {width:200px;}

textarea.t250,
input.t250 {width:250px !important;;}
input.t300 {width:300px;}
input.t350 {width:350px }
input.t450 {width:450px;}
input.t500 {width:500px;}

textarea.t750 {width:750px;}

.pageForm input[type=text]:focus,
.pageForm input[type=password]:focus,
.pageForm select:focus,
.pageForm textarea:focus {
                 background-color:#FFF;
                 border:1px solid #777;
                 color:#333;
                 }

.pageForm label.missing,
.pageForm input.missing,
.pageForm textarea.missing { border-color: red; color: red; }

input#submit { float: right; margin: 10px; }

	optgroup option { background: #fff; }
    option { color: #444; }

.sub {
       cursor:pointer;
       float:right;
       margin:2px 10px 0 0;
       margin-bottom:0;
       padding-bottom:0;
       }

#regsubdiv {
        padding: 5px;
        color: #000;
        }
#regsubdiv label {
                float: none;
                font-weight: normal;
                margin: 0;
                padding: 0;
                width: auto;
                }

p.formcomment {
            color: #000;
            clear: both;
            padding-top: 20px;
            }

form #securityQuestionDescription {
                                    background: #FFEFD6;
                                    padding: 5px 10px;
                                    margin: 0 0 10px 10px
                                    }
form #securityQuestionDescription h3 {
                                    color: #FBAE32;
                                    }
form #securityQuestionDescription p.b {
                                    color: #FBAE32;
                                    }
form #securityQuestionDescription ol li {
                                        background: none;
                                        padding-left: 5px;
                                        margin-left: 20px;
                                        }

form div.hide {
                display: none;
                }
form div.show {
                display: block;
                }

/* DIALOGUES */

#success { background: url(../imgs/content/furniture/successbg.gif) no-repeat right center #f1f8df; border: 1px solid #dadada; padding: 10px; width: 70%; margin: 0 auto; }
    #success h4 { color: #65a10d; margin: 0 !important; font-size: 16px; font-weight: bold; }
    #success span { color: #888; }
    #success p { margin-bottom: 0; }

#error { background:#FEE; border: 1px solid #EDD; border-collapse: collapse; color:#000; margin: 10px 0; padding: 10px; }
    #error h5 { color: #C00 !important; margin: 0 !important; }
        #error h5 span { color: #888; }
    #error a { font-weight: bold; }

#msgbox {
          background-color:#FFE;
          border:1px solid #EED;
          color:#000;
          margin:10px 0;
          padding:10px;
          }

#msgbox h5 {
             color:#775;
             font-weight:bold;
             }

#error p,
#msgbox p {
            color:#000;
            margin:10px 0 0 0;
            }

#error ul li,
#msgbox ul li {
                background: none;
                color:#000;
                }

#error ul,
#error ol,
#msgbox ul,
#msgbox ol {
             margin:10px 0 20px 0;
             padding:0 0 0 40px;
             }

.blockOverlay { cursor: default !important; }

/* TOP AREA ##################################################################################*/

/* general, preparatory */

#topArea * { background-repeat: no-repeat; list-style: none; margin: 0; }
#topArea { clear: both; height: 98px; }

/* search, buttons etc */

#site_search { position: absolute; top: 70px; left: 377px; }
#site_search input { border: none; margin-left: 2px; width: 60px; padding: 4px; }
#site_search #search { width: 130px; }

input[type=submit], button { color: #fff; border: none; font-weight: bold; cursor: pointer; padding: 5px 7px; }
input[type=submit].disabled, .submit.disabled, button.disabled { background: #aaa !important; cursor: default; }
td.disabled, span.disabled { font-style: italic; color: #888; }
/*td.disabled:before, span.disabled:before { content: '!'; color: #b00; padding-right: 2px; }*/
input[disabled], textarea[disabled] { background: #eee !important; color: #f90 !important; }

input[type=submit]:hover, button:hover { background: #6ca61f; }

/* logo */

#logoArea {
    height: 64px;
    width: 650px;
    font-size: 1.1em;
}

#loginInfoArea { }

#loginInfoArea,
#loginInfoArea a { color: #fff; }
#loginInfoArea a { text-decoration: underline; }

#user_name { font-weight: bold; }

#logo { text-indent: -9999px; width: 101px; height: 64px; }
#siteLogo { position: absolute; left: 326px; top: 10px; text-indent: -9999px; width: 305px; height: 51px; }

#logoArea p { font-weight: bold; font-size: 12px; margin: 10px 0 0 15px; }

/* nav, general + preparatory */

#topNav {
    position: relative;
    clear: both;
}

#topNav ul li,
#topNav ul li.newItem {
    float: left;
    text-align: center;
    display: inline;
    margin: 0 2px 0 0;
    padding-left: 8px;
    background-repeat: no-repeat;
}

#topNav ul li a {
    font-weight: bold;
    font-size: 0.9em;
    float: left;
    display: block;
    height: 100%;
    padding: 2px 4px 1px 4px;
    text-decoration: none;
}

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

/* STANDARD ITEM TABS - Normal... */

#mainNav li {
        position: relative;
        background: url(../imgs/top_area/header/topNav2010/grey_left.gif) no-repeat;
}

#mainNav li a {
        background: #efefef;
        color: #000;
}

#topNav ul li .menuRight,
#topNav ul li.on .menuRight,
#topNav ul li.newItem .menuRight {
        float: left;
        background: url(../imgs/top_area/header/topNav2010/grey_right.gif) no-repeat;
        width: 8px;
        height: 21px;
}

/* ...and the ON state */

#mainNav li.on { background: url(../imgs/top_area/header/topNav2010/white_left.gif) no-repeat; }

#mainNav li.on a {
        background: #fff;
        color: #009edf;
}

#topNav ul li.on .menuRight { background: url(../imgs/top_area/header/topNav2010/white_right.gif) no-repeat; }

/* NEW ITEM TABS - Normal... */

#topNav ul li.newItem,
#topNav ul li.newItem,
#topNav ul li.newItemOn { padding-left: 29px; }

#mainNav li.newItem,
#mainNav li.newItemOn { background: url(../imgs/top_area/header/topNav2010/blue_left.gif) no-repeat; }

#mainNav li.newItem a { background: url(../imgs/top_area/header/topNav2010/blue_bgnd.gif) repeat-x; }

#topNav ul li.newItem .menuRight { background: url(../imgs/top_area/header/topNav2010/blue_right.gif) no-repeat; }

/* ...and the ON state*/

#mainNav li.newItemOn a { color: #009edf; }

#mainNav li.newItemOn a { background: url(../imgs/top_area/header/topNav2010/blue_white_bgnd.gif) repeat-x; }

#topNav ul li.newItemOn .menuRight { background: url(../imgs/top_area/header/topNav2010/blue_white_right.gif) no-repeat; }

ul#mainNav {margin:0;}

/* AJAX related styles */

.dialog { display: none; }

/*#date { position: absolute; right: 165px; bottom: 10px; color: #fff; font-weight: bold; font-size: 11px; font-family: verdana; line-height: 11px; }*/

#clock { position: absolute; left: 892px; top: 0px; width: 115px; height: 115px; }


/* CONTENT ##################################################################################*/

/* general, preparatory */

#content { position: relative; background: #fff; padding: 25px; padding-bottom: 0; }
#content div#content_innerHolder { padding: 0 20px 30px 20px; } /* sub panel within content, i.e. to get main content further away from edge */

a.more, p.more a {
    background: url(../imgs/content/furniture/moreLink.png) right center no-repeat;
    padding-right: 25px;
    font-weight: bold;
}

.markedOnLink {
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 45px;
}

p[title=More] {  text-align: right; }

a:hover[title=More], p[title=More] a:hover { background-image: url(../imgs/content/furniture/moreLink_hover.png) }


.fl { float: left; }

.fr { float: right; }

.fl_withBumper { float: left; margin-right: 10px; }

.fr_withBumper { float: right; margin: 10px auto auto 10px; }

input[type=radio] { padding: 6px; }

/* standout text */

.standout1, .standout2 { font-size: 20px; margin: 0 auto 0 auto; }

.standout1 { color: #2E3192; }

.standout2 { color: #2E3192; }

.minorInfo { color: #888; font-style: italic; }

h2 { font-size: 2.8em; font-weight: normal; margin: 0; }
h3 { font-size: 2.1em; font-weight: normal; margin-top: 0; }
h4 { font-size: 1.7em; font-weight: normal; color: #777; }
h5 { font-weight: bold; font-size: 1.3em; margin: 0; color: #777; }
h6 { font-size: 1.1em; margin: 0; color: #777; }

h3#pageSubTitle { margin-bottom: 20px; color: #999; font-size: 1.6em; }

/* breadcrumb */

#breadcrumb { color: #666; position: relative; top: -8px; }
#breadcrumb, #breadcrumb * { font-weight: bold; font-size: 12px; }

/* main content pic */

#content .contentMainPic {
    float: left;
    margin: 5px 20px 13px 0;
    width: 266px;
    color: #eee;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 34px;
}

/* sub-nav tabs */

.subtabs { position: relative; top: 1px; float: right; background: #fff; }

.subtabs a { color: #fff; }

.subtabs li {
    float: left;
    background: #aaa;
    color: #fff;
    padding: 6px 6px;
    margin: 0;
    margin-left: 4px;
    border: solid 2px #aaa;
    border-bottom: none;
    font-weight: normal;
}

.subtabs li:hover { background: #2e3192; border-color: #2e3192; }

.subtabs li.on { background: #fff; color: #444; cursor: default; border-color: #bbb; }

.subtabs li a { text-decoration: none; }


/* list with green squares as bullets */

.greenSquareList li, .greenSquareList2 li {
    padding-bottom: 7px;
    margin-bottom: 10px;
    list-style: outside square;
    margin-left: 10px;
    color: #8cc63f;
    border-bottom: dashed 1px #ccc;
}

.greenSquareList li#lastLi, .greenSquareList2 li { border: none; }

.greenSquareList span, .greenSquareList2 span { color: #444; }


/* FOOTER ##################################################################################*/

#footer a { margin: 0 10px; }

#ad {text-indent: -9999px;} /* plug halesway */

.toTop { background: url(../imgs/content/furniture/moreLink-upwards.png) right center no-repeat; padding-right: 20px; }
.toTop:hover { background-image: url(../imgs/content/furniture/moreLink_hover-upwards.png); }

a.info { background: url(../imgs/content/furniture/infoIcon.png) right center no-repeat; padding-right: 20px; }

#terms { display: none; }
#terms { font-size: 0.9em; color: #666666; }

#footer {
        width: 989px;
        height: 140px;
        background: #fff left bottom no-repeat;
        padding-top: 15px;
}

#shareetc { float: right; margin-right: 20px; }

#shareetc2 { position: absolute; z-index: 2; left: 830px; top: 185px; }

#shareetc * { margin-left: 10px; }


/* print and send functionality */

#printAndSend { border: solid 1px #ccc; right: 0; float: right; position: relative; padding: 6px 15px; top: 6px; background: #f8f8f8; }
#printAndSend ul { margin: 0 !important; }
#printAndSend ul li { display: inline; list-style: none; }
#printAndSend ul li a { background-repeat: no-repeat; padding-left: 22px; }
#printAndSend ul li#print a { background-image: url(../imgs/content/furniture/print.png); }
#printAndSend ul li#send a { background-image: url(../imgs/content/furniture/mail.png); }


/* lightbox (note: styling on actual lightbox applied by JS, except BG colour which depends on current colour scheme */

.lightbox_centralElement { background: #fff; position: absolute; display: none; z-index: 2; padding: 15px; border: solid 1px #888; }
.lightbox_centralElement > * { display: none; text-align: left; }
.lightbox_centralElement .close { float: left; }
.lightbox_centralElement button { margin-top: 25px; }
#lightboxAlert { width: 250px; height: 80px; }

/* zoom in */

a.zoom, #zoomDemo {
    background: url(../imgs/content/furniture/zoom.png) no-repeat left top;
    padding-left: 27px;
    color: #666;
    height: 24px;
    display: block;
    line-height: 24px;
    font-size: 13px !important;
}
a.zoom:hover { background-position: left bottom; color: #999; }

/* quote */

p.quote:before { content: "\""; }
p.quote { font-weight: bold; font-style: italic; color: #666; line-height: 20px; width: 80%; display: block; }
p.quote:after { content: "\""; }

/* funky OL */

ol.funkyOL { margin: 20px 0 20px 30px; font-size: 15px; font-weight: bold; list-style-position: inside; }
        ol.funkyOL li span { font-size: 13px; color: #777; }

/* nice table */

.niceTable { width: 85%; margin: 15px auto; }

            /* thead */
            .niceTable thead tr th { padding: 8px 12px; font-weight: normal; text-align: left; background: #f2f2f2; border-bottom: solid 1px; }
                .niceTable thead tr th span { font-weight: normal; color: #888; }

            /* tbody */
            .niceTable tbody tr td { padding: 6px 12px; border-top: solid 1px #e2e2e2; vertical-align: middle; }
            .niceTable tbody tr.on td { background: #fffdf3; }
            .reveal_selectQuestionCol_answerChoices { background: #f90 !important; }
                .niceTable tbody tr td span { color: #888; font-family: Verdana; font-size: 13px; }
            .niceTable tbody tr:first-child td { border: none; }

        /* areas to start hidden, then shown with Javascript */
        .niceTable tbody tr.hiddenArea { display: none; }
            .niceTable tbody tr.hiddenArea td { border: none; padding-top: 0; }
                .niceTable tbody tr.hiddenArea td ul { margin-top: 5px; }
                    .niceTable tbody tr.hiddenArea td ul li { color: #8cc63f; list-style: square outside; }

.greyArea { border: solid 1px #dadada; background: #fafafa; position: relative; padding: 20px 30px 30px 30px; }