@charset "utf-8";
/* ----- CONTACT STYLES - G&J Seddon ----- */

/* Site colours:
Red - #ee2d24
Dark grey - #737373
Light grey - #f2f2f2
Grey for text - #a7a9ac
*/

body {background: url(../images/global/bar-with-breadcrumb-background.gif) left top repeat-x scroll;}
a {color:#000000};

/* breadcrumb */
ul#breadcrumb {width: 890px; padding: 0 0 0 24px; margin: 0; background: url(../images/global/breadcrumb-tile.gif) left top repeat-y scroll; height: 30px;}
ul#breadcrumb li {color: #000; display: inline; background: url(../images/global/red-arrow.gif) right center no-repeat scroll; padding: 0 4px; line-height: 29px;}
ul#breadcrumb li.last {background: none;}
ul#breadcrumb li a {color: #a7a9ac; margin-right: 5px;}

/* black content bar */
#blackContentBarContainer {background: url(../images/global/h1-arrow.gif) left 0.1em no-repeat scroll; float: left; margin-top: 0;}
#blackContentBarContainer #blackContentBar .blackContentBarRight {height: 108px; border-right: none;}
#blackContentBarContainer #blackContentBar .blackContentBarRight img {float: left;}

/* lower content */
#lowerContent {background: url(../images/contact/bottom-content-background.gif) top left repeat-y scroll; width: 906px; margin-left: 8px; overflow: hidden; float: left;}

/* left content */
#lowerContent #contentLeft {width: 303px; padding: 20px 8px 20px 0; float: left;}
#lowerContent #contentLeft p {margin-left: 19px; width: 283px;}
#lowerContent #contentLeft p a {color: #000;}
#lowerContent #contentLeft h3 {font-size: 14px; margin: 40px 0 12px; width: 281px; background: url(../images/global/red-arrow-bold.gif) 0em 0.3em no-repeat scroll; padding-left: 19px;}
#lowerContent #contentLeft fieldset {margin-bottom: 12px;}
#lowerContent #contentLeft fieldset label {margin-left: 19px;}
#lowerContent #contentLeft fieldset input {width: 102px; border: 1px solid #000; margin: 0 5px; vertical-align: middle;}
#lowerContent #contentLeft fieldset a.go {color: #ee2d24; font-weight: bold; padding-left: 12px; background: url(../images/global/cross-red.gif) 0em 0.3em no-repeat scroll;}
#lowerContent #contentLeft p img {vertical-align: middle; margin-right: 5px;}

/* right content */
#lowerContent #contentRight {float: left; margin: 0; padding: 0; width: 551px; padding: 20px 23px 0 10px; background: url(../images/content-templates/h2-arrow.gif) 0.75em 1.8em no-repeat scroll;}
#lowerContent #contentRight h2 {background: url(../images/content-templates/t1-h2-divider.gif) right bottom no-repeat scroll; padding: 0 0 8px 19px; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 17px;}
#lowerContent #contentRight p {padding:0 26px 0 19px; margin:0 0 9px 0;}
#lowerContent #contentRight #map {margin: 20px 0 0 19px;}
#lowerContent #contentRight #map img {float: left; width: 251px;}
#lowerContent #contentRight #map ul {float: left; margin-left: 30px;}
#lowerContent #contentRight #map ul li {padding-bottom: 15px;}
#lowerContent #contentRight #map ul li a {font-weight: bold; color: #000; background: url(../images/global/cross-black.gif) left center no-repeat scroll; padding-left: 15px;}
#lowerContent #contentRight #map ul li a:hover {font-weight: bold; color: #ee2d24; background: url(../images/global/cross-red.gif) left center no-repeat scroll; padding-left: 15px;}

#lowerContent #contentRight #officeDetails {border-top: 1px solid #d3d4d5; margin: 0 0 0 19px; clear: both;}
#lowerContent #contentRight #officeDetails ol {margin-top: 20px;}
#lowerContent #contentRight #officeDetails ol li {display: inline; float: left; width: 211px;}
#lowerContent #contentRight #officeDetails ol li.one {background: url(../images/contact/one.gif) 0em 0.1em no-repeat scroll; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.two {background: url(../images/contact/two.gif) 0em 0.1em no-repeat scroll; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.three {background: url(../images/contact/three.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.four {background: url(../images/contact/four.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.five {background: url(../images/contact/five.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.six {background: url(../images/contact/six.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.seven {background: url(../images/contact/seven.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.eight {background: url(../images/contact/eight.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}
#lowerContent #contentRight #officeDetails ol li.nine {background: url(../images/contact/nine.gif) 0em 0.1em no-repeat scroll; margin-top:20px; display: inline; padding-left: 20px;}