/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
}

img {
border:0px;
}

#main {
background-color: #ffc300;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
color:#6c6c6c;
font-size:12px;
line-height:18px;
}

#wholesitepositionid {
position:relative;
padding-top: 4px;
padding-bottom: 4px;
margin-left:auto;
margin-right:auto;
width:1000px;
}

#wholesitecenterid {
position: relative;
margin: 0 auto;  
width: 100%;
background:url("../images/site-images/fp-bg-shadow.jpg") 0 0 repeat-y;
z-index:2;

}
#topmenuline {
position:absolute;
top:200px;
left:16px;
z-index:99;
padding-bottom:15px;
border-bottom:#b2b2b2 2px solid;
}
#topmenuline td {
padding-left:5px;
padding-right:5px;
}
#submenuline {
position:absolute;
top:270px;
left:30px;
z-index:80;
}
#submenuline .menutable {
width:200px;
font-weight:bold;
font-size:14px;
}
#submenuline .menutable td {
padding: 7px 20px 7px 0;
border-top:1px solid #f6a6be;
background:url("../images/site-images/homepage/pink-bullet.png") 0 0 no-repeat;
}
#submenuline .menutable tr:first-child td {
border-top:none;
}
#submenuline a {font-size:14px;display:block;width:100%;}
#submenuline a:link {color: #8c8c8c; text-decoration: none;font-weight:bold;}
#submenuline a:visited {color: #8c8c8c; text-decoration: none;font-weight:bold;}
#submenuline a:hover {color: black;}

/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
width: 980px;
padding-top:64px;
min-height:580px;
/*height:580px !important; */
margin-left:6px;
background:url("../images/site-images/fp-bg-gradient.jpg") 0 0 repeat-x;
background-color:#ffe581;

}

#idheadingtext {
padding:10px 0 10px 250px;
}
#idpagetext {
width:450px;
margin-left:250px;
padding-bottom:20px;
z-index:80;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin:0 auto;
width: 100%
position: relative;
z-index:90;
background:url("../images/site-images/fp-footer-bg.jpg") 0 0 repeat-y;
}


/* The syles below control the text display --------------------------------------------------*/

h1, h2, h3 {
color:black;
display:block;
}
h1 {
font-size:16px;
margin:0;
}
h2 {
font-size:14px;
}
h3 {
font-size:12px;
}
a {font-size:12px;}
a:link {color: #f67199; text-decoration: none;font-weight:bold;}
a:visited {color: #f67199; text-decoration: none;font-weight:bold;}
a:hover {color: #000;}

#idpagetext a:link {color: #f67199; text-decoration: none;font-weight:bold;}
#idpagetext a:visited {color: #f67199; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #000;}

#basescrollgraphicid a:link {font-size:10px; color: #ffc300; text-decoration: underline;}
#basescrollgraphicid a:visited {font-size:10px; color: #ffc300; text-decoration: underline;}
#basescrollgraphicid a:hover {color:#fff;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}

/*--- Contact form styles ---*/

#contactform {
width:400px;
padding-top:10px;
padding-bottom:10px;
}
table.contactform {
width:100%;
}
table.contactform td {
padding-left:7px;
padding-top:7px;
}
td.contactform {
width:250px;
}
td.contactformlabel {
width:250px;
}
td.contactformlonglabel {
width:100%;
}
td.checklabel {
width:250px;
}
td.checkbox {
width:200px;
}
input.contactform {
width:96%;
border:1px solid #7E7E7E;
}
#crbcontactform input:focus, textarea.textbox:focus {
border:1px solid #314294;
}
textarea.textbox {
width:400px;
border:1px solid #7E7E7E;
}
td.submit {
text-align:right;
width:400px;
}


/*--- end of contact form styles ---*/

#logospacer {
display:block;
height:150px;
width:150px;
position:absolute;
top:30px;
left:30px;
z-index:99;
background:url(../images/site-images/spacer.gif); 
}
#footerlinks {
MARGIN: 0 24px 10px; 
background:url("../images/site-images/fp-footer.jpg") 0 0 no-repeat;
text-align:right;
width:947px;
height:28px;
}
#footerlinks td {
padding:8px 10px;
}
#footerlinks table {
margin:0 0 0 auto;
}
/*--- right-hand table styles ---*/

#generalevents {
width:160px;
height:135px;
position:relative;
top:10px;
z-index:100;
}
table.latestevents td {
padding-bottom:5px;
}
#enquiretable {
vertical-align:top;
background:url("../images/site-images/drill-enquire/box-gradient.png") 0 0 #e7e7e7 no-repeat;
position:absolute;
top:70px;
right:38px;
width:219px;
z-index:30;
border:1px solid #f6a6be;
-moz-box-shadow: 3px 3px 9px #9a9a9a;
-webkit-box-shadow: 3px 3px 9px #9a9a9a;
box-shadow: 3px 3px 9px #9a9a9a;
font-weight:bold;
font-size:14px;
color:black;
}
#enquiretable td {
padding: 7px 20px 0px 0px;
border-top:1px solid #c4c4c4;
background:url("../images/site-images/homepage/pink-bullet.png") 0 0 no-repeat;
}

#enquiretable tr:first-child td {
border-top:none;
}
#enquiretable a {font-size:14px;display:block;width:100%;}
#enquiretable a:link {color: black; text-decoration: none;font-weight:bold;}
#enquiretable a:visited {color: black; text-decoration: none;font-weight:bold;}
#enquiretable a:hover {color: #8c8c8c;}


/* MyAccordion is the Ajax concertina effect for the Case Studies */

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:330px;
}

.AccordionTitle
{
  height:40px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  display:table-cell;
  background: url('../images/accordion/mid_drawer.gif') 0 0 repeat-y;
  /*border-top: 1px solid #DBD9E4;
  border-bottom: 2px solid #CDCAD6;*/
  color:#6C7EA6;
}

.AccordionTitle td
{
  padding-left:20px;
  padding-right:20px;
  padding-top:4px;
  padding-bottom:4px;
}
.AccordionTitle a
{
  color:#000000;
}
.AccordionTitle a:hover
{
  color:#ffffff;
}
.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
  background: url('../images/accordion/dd_background.gif') 0 0 repeat-y;
  /*
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  */
}
.AccordionContentInfo
{
  overflow:auto;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  font-family:Arial,verdana,sans-serif;
  font-size:10pt;
  /*
  font-weight:bold;
  */
}

.AccordionContentInfo a
{
  color: #D12028;
}
.AccordionContentInfo a:hover
{
  color:#979797;
}


.AccordionContainer
{
/*
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
*/
}
#idpagetext a.allevents {
color:#6C6C6C;
text-decoration:underline;
font-weight:normal;
}
#idpagetext a.allevents:visited {
color:#6C6C6C;
text-decoration:underline;
font-weight:normal;
}
#idpagetext a.allevents:hover {
color:#ffc300;
text-decoration:underline;
font-weight:normal;
}