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

body {
margin:0px;
padding:0px;
font-size: 12px;
color: #4c526c;
}


p{
margin-bottom:0px;
}

table p {
margin:0px;
padding:0px;
}


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

/* End of standard styles to save problems --------------------------------------------------*/

/*mover is used to position the video at the top left of the screen -------------------------*/
#mover {
position:absolute;
top:0;
left: 0;
}
/* End of mover -----------------------------------------------------------------------------*/


/*The styles below control the postitioning of the block elements ---------------------------*/

#main {
background-color: #000000;
margin: 0px;
padding: 0px;
font-family: verdana,arial,sans serif;
color: #4c526c;
}



#wholesitepositionid {
position:absolute;
top: 0px;
left: 0px;
width:100%;
}


#wholesitecenterid {
background-color:#b46679;
background-image:url('../images/wholesitecenter-background-image.jpg');
background-repeat:repeat-x;
margin-left: auto;  
margin-right: auto;
margin-bottom: 0px;
width: 980px;
min-height:500px;
position: relative;
}


#topmenuline {
position: absolute;
z-index:60;
left:19px;
top:18px;
width:738px;

}

#topmenuline a {
text-decoration:none;
color:#ffffff;
font-family:arial;

font-size:14px;
padding-left:20px;
}

#topmenuline a:hover {
text-decoration:none;
color:#bbbbbb;
font-family:arial;

font-size:14px;
padding-left:20px;
}

#topmenuline a.textselected {
text-decoration:none;
color:#bbbbbb;
font-family:arial;

font-size:14px;
padding-left:20px;
}




/* 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.*/

#searchfieldid {
position:absolute;
height:28px;
width:205px;
top:5px;
left:245px;
z-index:59;
}




#notsignedin{
display:none;
}

#rightcol {
position:absolute;
top: 172px;
right:18px;
width: 205px;
color:#3b3b3b;

}

#rightcol div {
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
background-color:#cccccc;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;

}
#rightcol h2 {
font-size: 12px;
padding: 0px;
margin-bottom: 0px;
color:#000000;
display: inline;
}

#article {
background-image: url('../images/articlebackground.gif');
background-repeat:repeat-y;
position:relative;
width: 980px;
}

#article table td {
padding-left:10px;
}

#idpagetext {
margin-left: 145px;
margin-right: 229px;
background-color: #ffffff;
position:relative;
min-height:1001px !important;
}


#idpagetext p{
line-height:12px;
padding-left:10px;
padding-right:10px;
font-size:12px;
}
#idpagetext table p{
font-size:12px;
padding-top:5px;
padding-left:0px;
padding-right:20px;
text-align:left;
}

/*#idpagetext table ol {
margin-left:20px;
}*/


#stretcher {
display:none;
}

#basescrollgraphicid {
/* height:78px; */
background-color:#b46679;
background-image: url('../images/basescrollbackground.jpg');
background-repeat:no-repeat;
margin-top:0px;
margin-left: auto;  
margin-right: auto;
margin-bottom: 10px;
width: 980px;
position: relative;
}


#basescrollgraphicid a {
display:inlne:block;
padding-right:10px;
}



.search-stw {
position: relative;
left: 588px;
top: 14px;
}





#quicklinks {
position:absolute;
top:172px;
left :19px;
min-height:1300px;
z-index:1;
background-color:#c7c7c7; /*999999*/
background-image:url("../images/quicklinks-background.jpg");
background-repeat:repeat-x;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
}

#quicklinks a {
display:inline-block;
padding-left:6px;
}

table.quicklinks {
margin:0;
padding-left:0px;
padding-right:0px;
width:100px;
}
table.quicklinks td {
padding-top:5px;
padding-bottom:5px;
/*
padding-left:5px;
padding-right:5px;
*/
}

#quicklinks HR {
width:100px;
color: #949a9f;
background-color:#949a9f; 
text-align: left;
}

#workshopsearch {
min-height:945px;
background-image:url("../images/workshopsearch.jpg");
background-repeat:repeat-x;
vertical-align:top;
}

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

a {font-size:12px;}

#idpagetext a:link {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #9999ff;}
#idpagetext a:visited {color: #000066; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #9999ff; text-decoration: none;font-weight:bold;}

#quicklinks a {text-decoration: none; font-size: 9px; line-height:1.2em;font-weight:bold;}
#quicklinks a:link {color: #000000; font-weight:bold; }
#quicklinks a:hover {color:#990033;font-weight:bold;}
#quicklinks a:visited {color: #000000; text-decoration: none;font-weight:bold;}
#quicklinks a:visited:hover {color : #990033;font-weight:bold;}
#quicklinks a:active {color:#990033;font-weight:bold;}

#rightcol a:link {color: #000000; text-decoration: none;font-family:arial;font-size:12px;}
#rightcol a:hover {color:#990033;font-family:arial;font-size:12px;}
#rightcol a:visited {color: #000000; text-decoration: none;font-family:arial;font-size:12px;}
#rightcol a:visited:hover {color: #990033; text-decoration: none;font-family:arial;font-size:12px;}


#basescrollgraphicid a:link {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:hover {color:#990033;}
#basescrollgraphicid a:visited {font-size:10px; color: #5f6382; text-decoration: none;}
#basescrollgraphicid a:visited {color: #990033; text-decoration: none;}




/* darkertext is used to color the font on the first table in article which has a dark background*/
#darkertext {
color:#383a67;
}





#idheadingtext {
padding-top: 20px;
margin-bottom: 10px;
margin-left: 145px;
}




#over-image {
font-size: 12px;
color: #383a67;
}

#over-image P {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

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

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

table h1 {
color:#000000;
font-size: 18px;
font-weight: bold;
margin:0px;
display: inline;
}

h1 {
font-family:arial;
color:#000000;
font-size: 18px;
font-weight: bold;
padding-left:10px;
margin:0px;
}

td h1 {
color:#000000;
font-size: 18px;
font-weight: bold;
padding:0;
margin:0;
display: inline;
}
#rightcol{
font-size:8pt;
}


h2 {
font-family:arial;
font-weight:bold;
font-size:14px;
color : #990033;
padding:10px;
margin:0px;
}

table h2 {
padding:0px;
}

h3 {
font-size:13px;
color : #990033;
padding:10px;
margin:0px;
}

table h3 {
padding:0px;
}



h4 {
font-size: 8pt;
padding:0px;
margin: 0px;
display:inline;
}

/* The css below controls the form elements ----------------------------------------------------*/


body.newslettersignup {
  background-color:transparent;
}



input.search-stw {
  font-size:10px;
}
*/
table.searchpages {
  margin-left:10px;
}
body.inputform {
  padding:5px;
  font-family: verdana,arial,sans serif;
  color: #4c526c;
  font-size: 12px;
}
body.inputform table {
  font-family: verdana,arial,sans serif;
  color: #4c526c;
  font-size: 12px;
}
table.cat {
	width:100%;
        color: #4c526c;
        font-size: 12px;
}
table.catinnertable {
	background-color:transparent;
	width:100%;
	font-size:12px;
        margin-top:5px;
        padding-right:10px;
}
tr.cattrodd {
	background-color:#CCCCCC;
}
tr.cattreven {
	background-color:#CCCCFF;
}
#eventmonthsearch {
     /* top:420px;
      left:24px;
      position:absolute;
      font-size:10px;*/
      z-index:20;
}
.eventmonthsearch {
      font-family: verdana,arial,sans serif;
      color: #4c526c;
      font-size:10px;
}
select.eventmonthsearch {
      font-size:10px;
}

body.eventlist {
      font-family: verdana,arial,sans serif;
}
body.eventlist .catname {
        color : #333399;
        font-size : 14px;
        font-weight : bold;
}
body.eventlist a.catname {
        color : #333399;
        font-size : 14px;
        font-weight : bold;
}
body.eventlist a.catname:hover {
        color : navy;
}
body.eventlist td.catprice {
        width : 300px;
        font-weight : bold;
        font-size : 9pt;
        text-align : right;
        padding-right : 20px;
}
body.eventlist span.catdate {
        width : 300px;
}
#cataloguetableID hr.catrule {
        display: none;
}
#cataloguetableID span.catprice {
        font-weight: bold;
}
#cataloguetableID span.catdate {
        font-weight: bold;
}
#cataloguetableID td.catprice {
        text-align: right;
}
.catdetail span.catname {
        font-weight: bold;
}
.catdetail td.catheading {
        font-weight: bold;
        padding-top: 25px;
        padding-bottom: 10px;
}
table.basketstate {
        color:#000000;
        background-color:#CCCCFF;
        margin-left:10px;
        border-width:1px;
        border-color:#CCCCCC;
        border-style:solid;
        font-size:12px;
        display:inline;
}
td.basketlabel {
        width:200px;
}
#basketstateandcheckout {
        display:block;
}
#basketstate {
        float:left;
}
#checkout {
        display:inline;
}
#checkout2 {
        display:none;
}
body.basket {
        font-family: verdana,arial,sans serif;
        font-size:12px;
        margin-top:30px;
        margin-left:15px;
        margin-right:25px;
}
table.basket {
        font-family: verdana,arial,sans serif;
        font-size:12px;
        width:560px;
        border-width:1px;
        border-color:#CCCCCC;
        border-style:solid;
        padding:4px;
}
body.eventdetail table {
        border-width:1px;
        border-color:#ffffff;
        border-style:solid;
        font-size : 12px;
        font-family: verdana,arial,sans serif;
        color: #4c526c;
}
body.eventdetail td.catheading {
        color : #9999ff;
        padding-top : 10px;
        padding-bottom : 10px;
        font-size : 20px;
}
body.eventdetail td.catname {
        color : #9999ff;
        vertical-align : top;
        font-size : 18px;
        padding-bottom : 20px;
}
body.eventdetail td.catdate {
        vertical-align : top;
        font-size : 18px;
}
#emailandpaypal {
        margin:10px;
}




/*@@@@@@@@@@@@@@@ Styles for the newsletter signup field @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

#newslettersignuptable {
display:block;
/*border-top:52px solid transparent;
border-left:40px solid transparent;*/
margin-top:52px;
margin-left:40px;
}

#newslettersignuptable td{
padding-top:0px;
vertical-align:bottom;
}

.newslettersignup {
font-size:9px;
}

#cellnewsletteremail {
height:30px;
}

#cellnewsletterfirstname {
height:28px;
padding-left:30px;
padding-right:5px;
}

input.newslettersignup {
border:1px solid #990033;
}

#inputnewsletterfirstname {
width:80px;
}

#inputnewsletteremail {
width:155px;
}

/*@@@@@@@@@@@@@@@@@@@@ Eventmonthseach styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

table.eventmonthsearch{
display:block;
margin-left:10px;
}

table.eventmonthsearch td{
padding-top:10px;
}

input.catsearch{
border:1px solid #990033;
}

select.eventmonthsearch{
border:1px solid #990033;
}

input.eventmonthsearch{
border:1px solid #990033;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@ varieties of pink styles @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.marroonstyle {
color:#c60037;
}

.pinkstyle {
color:#ff5383;
}
.darkredstyle {
color:#5c001a;
}
.darkpinkstyle {
color:#ff1556;
}