/* CSS Document */
body
{
    margin: 0px;
    padding: 0px;
    font: 0.8em Arial, Arial, Helvetica, sans-serif;
    color: #333333;
    height: 100%;
    background: url(../images/siteBackground.jpg) repeat-x 0 0;
}

html, body, form, fieldset, div, select, input
{
    margin: 0;
    padding: 0;
}


a img
{
    border: none;
}

h1
{
    font-size: 1.6em;
    color: #003e88;
    padding: 5px 0 6px 30px;
    margin: 10px 0 10px 0;
    background: url(../images/arrowH1.jpg) no-repeat 0 0px;
}

h2
{
    font-size: 1.3em;
    color: #003e88;
    padding: 0 0 5px 0;
    margin: 0 0 0 8px;
}



.blue
{
    color: #003e88 !important;
}





h3
{
    font-size: 1.2em;
    color: #003e88;
    padding: 1px 0 1px 18px;
    margin: 15px 0 0 8px;
    background: url(../images/arrowH3.jpg) no-repeat 0 0px;
}


p
{
    padding: 0 0 0 8px;
    margin: 8px 0 0 0;
    color: #5e5f60;
}

.noPadding
{
    padding-left: 0px !important;
}

a
{
    color: #5c442d;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    text-decoration: underline;
}

ul
{
    list-style: none;
}

ul li
{
    color: #5e5f60;
    padding: 0 0 10px 20px;
    background: url(../images/listDot.jpg) no-repeat 0 3px;
}

ol li
{
    color: #333333;
    padding: 0 0 10px 2px;
    margin-left: 20px;
}

.container
{
    width: 958px;
    margin: 0px auto 0px auto;
    padding: 0px 0 13px 0;
    background-color: #ffffff;
}


.pageControl
{
    width: 932px;
    margin: 0 auto 0 auto;
}

.header
{
    display: block;
    width: 932px;
    margin: 0 0 2px 0;
    color: #666666;
    position: relative;
    background: url(../images/headerBackground.jpg) no-repeat 0 bottom;
}

/* begin header styling */

.header .logo
{
    padding: 0px 0px 7px 0px;
    float: left;
}

.header .content
{
    padding: 20px;
    float: left;
}

.header p
{
    color: #ffffff;
}


.header .topNavigation
{
    float: right;
    padding: 8px 0 0 0;
}

.header .topNavigation ul
{
    margin: 0;
    padding: 5px 0px 0 0;
}

.header .topNavigation li
{
    margin: 0;
    padding: 0 5px 0 5px;
    float: left;
    list-style: none;
    border-left: 1px solid #003e88;
    background: none;
}

.header .topNavigation a
{
    color: #003e88;
    font-weight: bold;
    font-size: 0.95em;
    text-decoration: none;
}

.breadcrumb
{
    width: 932px;
    font-weight: bold;
    font-size: 0.95em;
    margin: 0 0 15px 0;
    float: left;
}

.breadcrumb ul
{
    margin: 0;
    padding: 5px 0px 0 0;
}

.breadcrumb li
{
    margin: 0;
    color: #5c442d;
    padding: 0 0px 0 10px;
    float: left;
    list-style: none;
    background: none;
}

.breadcrumb a
{
    font-weight: bold;
    font-size: 0.95em;
    text-decoration: none;
    padding: 0 9px 0 0px;
    border-right: 1px solid #003e88;
}

.header .topNavigation a:hover
{
    text-decoration: underline;
}

.header .searchContainer
{
    float: right;
    margin-top: 30px;
}

.header .searchContainer .imageButton
{
    position: relative;
    top: 4px;
}

.header .searchContainer .inputBox
{
    border: 1px solid #bbbbbb;
    padding: 1px;
}

.headNavigation
{
    position: relative;
    float: left;
    width: 932px;
    margin: 0 0 0px 0;
    background: url(../images/menutop.jpg) no-repeat 0 top;
}

.headNavigation .bottom
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 3px;
    width: 932px;
    background: url(../images/menuBottom.jpg) no-repeat 0 bottom;
}

.headNavigation ul
{
    position: relative;
    margin: 0;
    padding: 0 0 0px 0px;
    width: 932px;
}

.headNavigation li
{
    margin: 0;
    padding: 8px 0px 5px 1px;
    height: 18px;
    float: left;
    list-style: none;
    display: inline;
    background: url(../images/menuDivider.jpg) no-repeat left top;
}

.headNavigation li.noDivider
{
    background: none;
}

.headNavigation li.current
{
    padding: 0;
    height: auto !important;
    position: relative;
    background-color: #6b5033;
}

.headNavigation li.current .currentTop
{
    padding: 8px 0px 5px 0px;
    position: relative;
    background: url(../images/menuTopCurrent.jpg) repeat-x 0 top;
    background-color: #6b5033;
}


.headNavigation li.current .currentBottom
{
    padding-bottom: 4px;
    background: url(../images/menuBottomCurrent.jpg) repeat-x 0 bottom;
}


.headNavigation li.currentLeft
{
    height: auto !important;
    padding: 0;
    position: relative;
    background-color: #6b5033;
}

.headNavigation li.currentLeft .currentLeftTop
{
    padding: 8px 0px 5px 0px;
    position: relative;
    background: url(../images/menuTopCurrentLeft.jpg) repeat-x 0 top;
    background-color: #6b5033;
}

.headNavigation li.currentLeft .currentBottom
{
    padding-bottom: 4px;
    background: url(../images/menuBottomCurrentLeft.jpg) repeat-x 0 bottom;
}


.headNavigation li.currentRight
{
    height: auto !important;
    padding: 0;
    position: relative;
    background-color: #6b5033;
    width: 144px;
}

.headNavigation li.currentRight .currentRightTop
{
    padding: 8px 0px 5px 0px;
    position: relative;
    background: url(../images/menuTopCurrentRight.jpg) repeat-x -756px top;
    background-color: #6b5033;
}

.headNavigation li.currentRight .currentBottom
{
    padding-bottom: 4px;
    background: url(../images/menuBottomCurrentRight.jpg) repeat-x 144px bottom;
}


.headNavigation li.borderRight
{
    border-right: 1px solid #353535;
}


.headNavigation li a
{
    color: #fff;
    font-size: 0.95em;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 28px 5px 29px;
}

.headNavigation li a:hover
{
    background: url(../images/menuTopHover.jpg) repeat-x 0 top;
}

.headNavigation li.current a:hover,
.headNavigation li.currentLeft a:hover,
.headNavigation li.currentRight a:hover
{
    background: none;
}


/* left col */

.leftCol
{
    float: left;
    width: 187px;
}

.leftNav
{
    padding-top: 1px !important;
}


.leftCol .leftNav ul
{
    padding: 0;
    margin: 0px 0 0 0;
    list-style: none;
}





.leftCol .leftNav li.one, .leftCol .leftNav li.current
{
    padding: 0px;
    margin: 4px 0 0px 0;
    width: 177px;
    background: none;
}



.leftCol .leftNav li.current .buttonRight
{
    background: #5D8EB6 url(../images/roundedBoxButtonRightCurrent.jpg) no-repeat right 0;
    padding: 0 26px 0px 0;
    margin-left: 4px;
    margin-right: 4px;
    display: block;
}


.leftCol .leftNav li.current .button
{
    background: url(../images/roundedBoxButtonLeftCurrent.jpg ) no-repeat 0 0;
    padding: 0 0px 1px 10px;
    color: #ffffff;
    line-height: 23px;
    font-weight: bold;
    display: block;
}


/*.leftCol .leftNav li.two  	
{
   background-color:#efefef;
   border-bottom:1px solid #cccccc;
   
}

.leftCol .leftNav li.three 	
{
   background-color:#ccc;
   font-weight:normal !important;
   padding:5px;
   margin:0px 0 0 0;
   border-bottom:1px solid #ffffff;

}

.leftCol .leftNav li.four 	
{
   background-color:#efefef;
   font-weight:normal !important;
   padding:5px 0 5px 0px;
   margin-top:5px;
 }

.leftCol .leftNav li.CurrentThree 	
{
   background-color:#ccc;
   border-bottom:none;
   padding:5px;
   margin:5px 0 0 0;
   border-bottom:1px solid #ffffff;

}

.leftCol .leftNav li.CurrentFour 	
{
   background-color:#efefef;
   border-bottom:none;
   padding:5px 0 5px 0px;
   margin:5px 0 0 0;

}

.leftCol .leftNav li.Alternate  	
{
   background-color:#ffffff ;
}

  	
.leftCol .leftNav li.Current 
 {
	font-weight:bold;
	padding:5px 0 0px 0px;
 }	 
 
 .leftCol .leftNav li.Alternate .Current 
 {
	font-weight:bold;
	padding:5px 0 0px 0px;
	background-color:#ffffff;
 }	
 
  	
.leftCol .leftNav li a
 {
  color:#333;
  text-decoration:none;
  padding:0 0 0 5px;
}
*/

/* end leftCol */

.contentHolder
{
    float: left;
    width: 735px;
}

.middleCol
{
    width: 538px;
    float: left;
}



/* rightCol */
.rightCol
{
    float: right;
    width: 187px;
}



/* content */

.content
{
    float: left;
}

.inner
{
    position: relative;
    top: 3px;
    left: 8px;
    float: left;
}

.inner img
{
}




.inner .inside
{
    position: relative;
    top: 8px;
    left: 8px;
}

.width304 .inner .inside
{
    width: 272px;
    position: relative;
    top: 8px;
    left: 8px;
}

.inner .inside p
{
    padding: 0px;
    margin: 0px;
}


.inner .inside h3
{
    font-size: 1.2em;
    color: #003e88;
    padding: 0px 0 5px 0px;
    margin: 0px 0 0 0px;
    background: none;
}

.inner .inside h2
{
    font-size: 1.3em;
    color: #003e88;
    padding: 0 0 5px 0;
    margin: 0 0 0 0px;
}


.greenGradient
{
    background: url(../images/greenGradient.jpg) repeat-y 0 0;
}

.pinkGradient
{
    background: url(../images/pinkGradient.jpg) repeat-y 0 0;
}

.yellowGradient
{
    background: url(../images/yellowGradient.jpg) repeat-y 0 0;
}

.grayGradient
{
    background: url(../images/grayGradient.jpg) repeat-y 0 0;
}

.grayback
{
    background-color: #f5f7f4;
}

.width304
{
    width: 304px;
    float: left;
    background: url(../images/boxMid304.jpg) repeat-y 0 0;
}


.width304 .top
{
    width: 304px;
    height: 5px;
    background: url(../images/boxTop304.jpg) no-repeat 0 top;
}

.width304 .bottom
{
    width: 304px;
    height: 5px;
    background: url(../images/boxBottom304.jpg) no-repeat 0 bottom;
}

.roundedBox
{
    width: 187px;
    float: left;
    background: url(../images/roundedBoxMid.jpg) repeat-y 0 0;
}

.roundedBox .top
{
    width: 187px;
    height: 5px;
    background: url(../images/roundedBoxTop.jpg) no-repeat 0 top;
}

.roundedBox .bottom
{
    width: 187px;
    height: 5px;
    background: url(../images/roundedBoxBottom.jpg) no-repeat 0 bottom;
}

.roundedBox .inner
{
    position: relative;
    top: 0px;
    left: 5px;
    width: 177px;
    padding: 0 0 3px 0;
}

.roundedBox .inner .inside
{
    width: 162px;
    position: relative;
    top: 8px;
    left: 8px;
}

.roundedBox735
{
    width: 735px;
    margin-top: 10px;
    float: left;
    background: url(../images/roundedBoxMid735.jpg) repeat-y 0 0;
}

.roundedBox735 .top
{
    width: 735px;
    height: 5px;
    background: url(../images/roundedBoxTop735.jpg) no-repeat 0 top;
}

.roundedBox735 .bottom
{
    width: 735px;
    height: 5px;
    background: url(../images/roundedBoxBottom735.jpg) no-repeat 0 bottom;
}

.roundedBox735 .inner
{
    position: relative;
    top: 0px;
    left: 5px;
    width: 725px;
    padding: 0 0 15px 0;
}

.roundedBox735 .inner .inside
{
    width: 715px;
    position: relative;
    top: 8px;
    left: 8px;
}

.width352
{
    width: 352px;
    float: left;
    padding: 0 0 10px 0;
}

.width347
{
    width: 347px;
    float: left;
    padding: 0 0 10px 0;
}

.width200
{
    width: 175px;
}

.borderLeft
{
    border-left: 1px solid #ccc;
    padding: 0 0 0 10px;
}


.roundedBox .inner .inside img, .roundedBox735 .inner .inside img
{
    margin-bottom: 8px;
}

.roundedBox .buttonRight
{
    background: #5D8EB6 url(../images/roundedBoxButtonRight.jpg) no-repeat right 0;
    padding: 0 26px 0px 0;
    margin-left: 4px;
    margin-right: 4px;
    display: block;
}

.roundedBox735 .buttonRight
{
    background: #5D8EB6 url(../images/roundedBoxButtonRight.jpg) no-repeat right 0;
    padding: 0 26px 0px 0;
    margin-left: 4px;
    margin-right: 8px;
    display: block;
}


.roundedBox .button, .roundedBox735 .button
{
    background: url(../images/roundedBoxButtonLeft.jpg ) no-repeat 0 0;
    padding: 0 0px 1px 10px;
    color: #ffffff;
    line-height: 23px;
    height: 23px;
    font-weight: bold;
    display: block;
}


.roundedBox a.button, .roundedBox735 a.button
{
    font-size: 0.9em;
}

.roundedBox a:hover, .roundedBox735 a:hover, .buttonRight a:hover
{
    text-decoration: underline;
}

.roundedBox p, .roundedBox735 p
{
    line-height: 1.4em;
    color: #555555;
}

.single
{
    width: 155px;
}

.double
{
    width: 316px;
}


.triple
{
    width: 477px;
}



.quad
{
    width: 638px;
}

.quin
{
    width: 799px;
}

.full
{
    width: 932px;
}


.gutter
{
    margin-bottom: 10px;
    margin-right: 10px;
}


.gutterBottom
{
    margin-bottom: 10px !important;
}

.gutterTopBottom
{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.clear
{
    clear: both;
}

.clearLeft
{
    clear: left;
}

.clearRight
{
    clear: right;
}

.floatRight
{
    float: right;
}

.floatLeft
{
    float: left;
}

.noBorder
{
    border: none !important;
}

.red
{
    color: #cc1c06 !important;
}

.alignCentre
{
    text-align: center;
}


.buttonRight
{
    background: url(../images/roundedBoxButtonRight.jpg) no-repeat right 0;
    padding: 0 26px 0 0;
    margin-left: 8px;
    margin-right: 8px;
}


.button
{
    background: url(../images/roundedBoxButtonLeft.jpg ) no-repeat 0 0;
    padding: 0 0px 0 10px;
    color: #ffffff;
    line-height: 26px;
    font-weight: bold;
    display: block;
}

.buttonSubmit
{
    background: url(../images/buttonSubmit.jpg ) no-repeat 0 0;
    padding: 0 0px 0 10px;
    color: #ffffff;
    line-height: 26px;
    font-weight: bold;
    display: block;
}

.formButtonContainer
{
    background: none !important;
}

a.button
{
    text-decoration: none;
}

.marginTop20
{
    margin-top: 20px;
}


/* footer */

.footer
{
    float: left;
    width: 932px;
    padding: 0px 0px 0px 0px;
    background: #E7E7E7 url(../images/footerTop.jpg) no-repeat 0 top;
}


.footer ul
{
    margin: 0 0 0 270px;
    padding: 0;
}

.footer li
{
    margin: 0;
    padding: 24px 15px 16px 15px;
    float: left;
    list-style: none;
    border-left: 1px solid #003e88;
    background: none;
}

.footer a
{
    color: #003e88;
    text-decoration: none;
}


.footer a:hover
{
    text-decoration: underline;
}

.footer .imgLinkRight
{
    float: right;
    margin: 0px 1px 0px 0px;
}

/* disclaimer */

.disclaimer
{
    padding-top: 10px;
    color: #888888;
    font-size: 0.8em;
    display: inline-block;
}

/* Mandatory fild colour red */
.mandatory
{
    color: #FF0000;
}

/* form styling */

fieldset
{
    border: none;
}

fieldset label, fieldset span
{
    font-weight: bold;
    width: 270px;
    float: left;
    margin: 5px 10px 5px 0;
}

fieldset input
{
    width: 230px;
    float: left;
}

/* custom form styling */

fieldset .formButtonContainer
{
    padding-bottom: 2px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
}

fieldset .h2
{
    font-size: 1.3em;
    color: #003e88;
    padding: 0 0 5px 0;
    margin: 0px;
    font-weight: bold;
}

.watermark
{
    color: Gray !important;
}

a.tabletButton
{
    float: left;
    height: 40px !important;
    width: 210px !important;
    padding: 10px 30px 10px 10px;
    background: url(../images/tabletButtonBackBronze.jpg) no-repeat 0 0;
    display: block;
    color: #ffffff;
}


a:hover.tabletButton
{
    background: url(../images/tabletButtonBackBronze.jpg) no-repeat 0 -59px;
    text-decoration: none;
}

a.tabletButton span
{
    font-size: 1.2em;
    color: #2A2B30;
}

.searchContent h1
{
    font-size: 1.9em;
    font-weight: bold;
    background: none;
    padding-left: 5px;
}

.searchContent .searchBoxLanding
{
    padding-left: 5px;
}

.searchContent .searchBoxLanding label
{
    float: left;
    padding-right: 5px;
}

.searchContent .searchBoxLanding .advancedArea
{
    margin-top: 10px;
}
.searchContent .searchBoxLanding .advancedArea label
{
    float: none;
    padding-left: 5px;
}
.searchContent .searchBoxLanding input.searchHeader
{
    border: 1px solid #BABABA;
    color: #666666;
    float: left;
    font-size: 1em;
    margin-right: 5px;
    padding: 1px;
    text-align: center;
    width: 236px;
}

.searchBoxLanding input.searchButtonHeader
{
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
    padding-right: 5px;
}

.searcgContent div.clear
{
    clear: both;
    font-size: 0.1em;
    height: 0;
    line-height: 0.1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.searchContent div.searchResults
{
    border-bottom: 1px solid #DBDBDB;
    margin: 0 0 0 0 !important;
    padding: 10px 0 10px 5px;
    width: 700px;
}

.searchContent div.searchResults h3
{
    font-size: 1.2em;
    text-decoration: underline;
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}

.searchContent div.searchResults p
{
    margin: 10px 0;
    padding-left: 0px;
}

.searchContent div.searchResults a.readMore
{
    background: transparent url(../images/read-more-arrow.gif) no-repeat scroll right 5px;
    padding-right: 15px; /*  color:#234A98;*/
}

/* Cognifide */

/* ACCOR-4 */

.hiddenButton
{
    display: none;
    background: none;
    background-color: inherit;
    margin: 0;
    padding: 0;
}

.phoneNumber
{
    font-family: Arial;
    font-weight: bold;
    font-size: medium;
    color: #003e88;
    text-align: center;
    display: block;
}

/* Default table style */

table
{
    border: solid 1px #dddddd;
    padding: 2px;
}

table tr.tableHead td
{ 
    background: url(../images/tableHeadTall.jpg ) repeat-x 0 0;
    color: White;
    font-weight: bold;
}

table tr.tableHead td p {
    color: White;
}

table td
{
    font-size: 1.0em;
    background-color: #f5f7f4;
    padding: 5px 10px;
}

/* Form table style (resetting the above) */

table#id_matrix, table.formTable
{
    border: 0 !important;
    padding: 0 !important;
}

table#id_matrix tr.tableHead td,
table.formTable tr.tableHead td
{ 
    background: none !important;
    color: Black !important;
    font-weight: normal !important;
}

table#id_matrix tr.tableHead td p,
table.formTable tr.tableHead td p {
    color: Black !important;
}

table#id_matrix td,
table.formTable td
{
    background-color: White !important;
    padding: 1px !important;
}

/* Fixes */


table#id_matrix td.fieldLabel
{
    width: 250px;
}

table#id_matrix td.fieldInput
{
    width: 100%;
}

table#id_matrix td.fieldInput *
{
    float: left;
}

table#id_matrix td.fieldWide
{
    width: 100%;
}

table#id_matrix fieldset
{
    display: inline;
    width: 20px;
}

table#id_matrix input, table#id_matrix textarea
{
    width: 250px !important;
}

table#id_matrix input.LeftAlignCheckBox
{
    width: 20px !important;
}

table#id_matrix .xformvalidator
{
    width: 200px !important;
    margin: 0 !important;
    font-size: smaller;
    color: Red;
    float: left; 
}

table#id_matrix .formButton
{
    width: 90px !important;
    height: 30px !important;
    border: none;
    text-align: left;
    float: right;
}

table#id_matrix .formButton:hover
{
    cursor: pointer;
}

table#id_matrix .formButtonContainer
{
    float: left !important;
    margin-right: 0px !important;
    width: 255px !important;
}

table#id_matrix .shortInput
{
    width: 150px !important;
}

table#id_matrix .perWeekDropdown
{
    float: none !important;
    width: 100px !important;
}

table#id_matrix select
{
    width: 100px !important;
}