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

body {
margin:0px;

}

img {
border:0px;
display:block; /* removes whitespace from around images in the template in fecking IE */
}

#main {
background: url('../images/site-images/orange-street-bg-gradient.gif') 0 0 repeat-x #000;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:82.5%;
color:#fff;
}

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

#wholesitecenterid {
position: relative;
margin: auto;  
width: 100%;
border: 1px solid #fff;
border-bottom: 14px solid #fff;
}
#homelink {
position:absolute;
top:10px;
left:0;
height:115px;
width:115px;
border:0;
}
/*-- navigation styles -- */

#topmenuline {
position:absolute;
top:90px;
right:12px;
}
a.textselected {
padding-left:14px;
color:#ffa100;
text-decoration:none;
background: url('../images/site-images/orange-bullet.gif') no-repeat 0 2px;
}
a.textselected:visited {
color:#ffa100;
}
a.textselected:hover {
text-decoration:underline;
}
a.textnotselected {
padding-left:14px;
color:#fff;
text-decoration:none;
background: url('../images/site-images/white-bullet.gif') no-repeat 0 2px;
}
a.textnotselected:visited {
color:#fff;
}
a.textnotselected:hover {
text-decoration:underline;
}

td.textmenus {
padding-left:11px;
}

/* 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: 100%;
min-height:575px;
/*height:575px !important; */
background: url('../images/site-images/orange-street-pagetext-bg-gradient.gif') repeat-x 0 0 #58595b;
padding-top:20px;
}

#idheadingtext {
width:450px;
margin-left:180px;
padding-bottom:10px;
}
#idpagetext {
width:450px;
margin-left:180px;
padding-bottom:15px;
}

#stretcher {
display:none;
}

#basescrollgraphicid {
margin-top:7px;
margin-left: auto;  
margin-right: auto;
width: 100%
position: relative;
color:#878787;
text-align:right;
}
#basescrollgraphicid table {
margin-right:0px;
margin-left:auto;
}
#basescrollgraphicid td {
padding-left:10px;
}

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



#idpagetext a:link {color: #ffa100; text-decoration: none;}
#idpagetext a:visited {color: #ffa100;}
#idpagetext a:hover {color: #fff; text-decoration: underline;}

#basescrollgraphicid a:link {font-size:11px; color: #878787; text-decoration: underline;}
#basescrollgraphicid a:visited {font-size:11px; color: #878787;}
#basescrollgraphicid a:hover {text-decoration: none;}

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

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

h1 {
font-size:1.4em;
font-weight:normal;
margin:0px;
}
h2 {
font-size:1.4em;
font-weight:normal;
margin:0;
padding:6px 0;
}
h3 {
font-size:1.2em;
font-weight:normal;
margin:0px;
}
h4 {
font-size:1em;
font-weight:bold;
margin:5px 0 3px 0;
display:inline;
}
span.highlight {
color:#ffa100;
font-weight:bold;
}

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

#contactform {
width:400px;
}
#contactform p {
margin: 4px 0;
}
input.contactform, textarea.textbox {
font-family: arial, verdana, sans serif;
font-size:1em;
color:#ddd;
background-color:#222;
width:100%;
border:1px solid #222;
}
input.narrow {
width:20%;
}
textarea.textbox {
height:45px;
}
#contactform input:focus, textarea.textbox:focus {
border:1px solid #ffa100;
}

.contactformsubmit {
background-color:#ffa100;
color:#000;
border:1px solid #ffa100;
font-weight:bold;
}
p.submitalign {
text-align:right;
}
span.mandatory {
font-weight:bold;
color:red;
font-size:1.2em;
}
/*--- end of contact form styles ---*/


/* -- RHS box -- */

#partners {
position:absolute;
top:150px;
right:7px;
padding:14px;
width:252px;
background: url('../images/site-images/orange-street-box-bg-gradient.gif') repeat-x 0 0 #000;
min-height:382px;
/*height:382px !important; */
border:1px solid #ffa100;
box-shadow: 2px 2px 8px #000; /* -- Delicious CSS3 - none for you, IE! -- */
-moz-box-shadow: 2px 2px 8px #000;
-webkit-box-shadow: 2px 2px 8px #000;
}

img.oselogosmall {
float:right;
}
table.partnerlogos {
width:100%;
margin-left:-3px;
}
table.partnerlogos td {
background-color:#fff;
border:1px solid #ffa100;
}
table.partnerlogos td:hover {
border:1px solid #fff;
}
table.partnerlogos td img {
margin:0 auto;
}
table.partnerlogos td a {
display:block;
width:100%;
height:100%;
background-color:#fff;
}
table.partnerlogos td a:visited {
display:block;
width:100%;
background-color:#fff;
}
table.partnerlogos td a:hover {
width:100%;
background-color:#fff;
}

.divider {
clear:both;
width:246px;
height:0;
margin: 2px auto;
padding:0;
border-bottom:2px solid #ffa100;
}

.bottom {
position:absolute;
bottom:0;
left:0;
border-top:2px solid #ffa100;
padding-top:14px;
margin: 0 0 14px 18px;
}
/*-- LHS box -- */

#nextevent {
position:absolute;
top:150px;
left:7px;
padding:10px;
width:134px;
background: url('../images/site-images/orange-street-box-bg-gradient.gif') repeat-x 0 0 #000;
min-height:390px;
/*height:390px !important; */
border:1px solid #ffa100;
box-shadow: 2px 2px 8px #000;
-moz-box-shadow: 2px 2px 8px #000;
-webkit-box-shadow: 2px 2px 8px #000;
}

#events {
width:135px;
height:350px;
position:relative;
top:10px;
z-index:100;
}
.NewsLatest td {
padding-bottom:8px;
color:#fff;
font-family: arial, verdana, sans serif;
font-size:0.8em;
}
.NewsLatest a {
color:#ffa100;
}
.NewsLatest a:visited {
color:#ffa100;
}
.NewsLatest a:hover {
color:#ffa100;
text-decoration:none;
}

/*-- Social links container -- */

#sociallinks {
width:450px;
height:17px;
background-color:#000;
position:absolute;
bottom:10px;
left:180px;
padding:0 5px;
}

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

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

.AccordionTitle
{
  height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:arial, verdana, sans serif;
  font-size:12px;
  font-weight:bold;
  vertical-align:middle;
  display:table-cell;
  background-color: #FFa200;
  border-bottom: 2px solid #404040;
  color:#000;
  padding-bottom:5px;
}

.AccordionTitle td
{
  padding-left:20px;
  padding-right:20px;
  padding-top:4px;
  padding-bottom:4px;
}
.AccordionTitle td.accordionclick {
width:30%;
text-align:right;
}
.AccordionTitle a
{
  color:#000000;
}
.AccordionTitle a:hover
{
  color:#ffffff;
}
.AccordionContent
{
  height:0px;
  overflow:auto;
  display:none;
  /*
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  */
}
.AccordionContentInfo
{
  overflow:auto;
  padding:10px 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;
*/
}
/* --- end of accordion styles -- */

#smallamazon {
  position:absolute;
  top:570px;
  left:7px;
  width:156px;
  height:156px;
  background-image: url('../images/site-images/amazonshopsmallbg.jpg');
  background-repeat:no-repeat;
  border:1px solid gray;
}
#smallamazon td{
  vertical-align:top;
}

#smalltopcell {
height:108px;
}
#smallbuttoncell  {
background-image: url('../images/site-images/clickherehover.png');
background-repeat:no-repeat;
}
#smallbuttoncell a:hover img { 
/* Image opacity when rolled over */
filter: alpha(opacity=0);
opacity:0.0;
}