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

body {
margin:0px;
}

img {
border:0px;
}

#main {
background: url('../images/site-images/music-box-bg-large.jpg') center top no-repeat #000;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:82.5%;
color:#fff;
}

#wholesitepositionid {
position:relative;
padding-top: 30px;
padding-bottom: 0px;
margin-left:auto;
margin-right:auto;
width:939px;

}

#wholesitecenterid {
position: relative;
margin: auto;  
width: 100%;
border:1px solid #fff;
border-bottom:12px solid #fff;
}

/* 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 {
margin:0 auto;
padding:15px 0 0;
position:relative;
width: 100%;
min-height:600px;
/*height:600px !important; */
background: url('../images/site-images/music-box-pagebg-grad.jpg') 0 0 no-repeat #000;
}

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

#stretcher {
display:none;
}

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

/*-- 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;
}

/* 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, #basescrollgraphicid a:visited {
color: #ffa100; 
text-decoration: underline;
font-size:0.8em;
}
#basescrollgraphicid a:hover {
text-decoration: none;
}

h1 {
font-size:1.5em;
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:8px 0 5px 0;
}
span.highlight {
color:#ffa100;
font-weight:bold;
}

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

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

/*--- 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:100px;
}
#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:7px;

background: url('../images/site-images/orange-street-box-bg-gradient.gif') repeat-x 0 0 #000;
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;
}

/*-- 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;
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;
position:absolute;
bottom:10px;
left:175px;
padding:0 5px;
font-size:1em;
}
#sociallinks strong {
color:#ffa100;
font-weight:bold;
}
#sociallinks a, #sociallinks a:visited {
color:#ffa100;
text-decoration:none;
}
#sociallinks a:hover {
text-decoration:underline;
}
/* 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 -- */

/* -- amazon links -- */

#amazontable {
  height:326px;
  width:435px;
  background-image: url('../images/site-images/amazonshopmainbg.png');
  background-repeat:no-repeat;
}
#amazontable td{
  vertical-align:top;
}

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

#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;
}