/* CSS Document */
/*lirabraeden refresh v1.1*/
/*general styles*/
body{
background:#330033 url(../images/bg1.gif);
margin:5px;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
/*a:visited{background:#ff00ff;}*/
p{margin:0px;}
img{border:none;}
h1{font-size:1.5em;margin:0px;}
h2{font-size:1.2em;margin:5px;}
h3{font-size:1.1em;}
.h1{font-size:1.5em;margin:0px;}
.h2{font-size:1.2em;margin:5px;}
.h3{font-size:1.1em;}
.alcentre{text-align:center;}
.largertxt, .smallertxt{color:#ccc;text-decoration:none;font-size:1.2em;}
.smallertxt{font-size:0.9em;}
.left{text-align:left;}

.more a{

color:#990000;
font-size:0.9em;
}
.more a:visited{color:#999;}

/*page layout styles*/
/*wrapper and header sections*/
#wrapper{

position:absolute;
width:1000px;
/*height:720px;*/
height:auto;
background:#000;
/*padding: 5px;*/
overflow:visible;
}
#header{
overflow:visible;
position:relative;
float:left;
clear:both;
width:990px; 
margin:5px;
min-height:130px;
height:auto;

background:url(../images/hdrbg.jpg) no-repeat;
}
/*xxxxheader top partxxx*/
#hdrtoprow{
position:relative;
float:left;
clear:both;
width:990px;
/*height:94px;*/
height:auto;
}
#logo{
position:relative;
/*width:520px;*/
width:600px;
height:94px;
float:left;
}
#payment{
position:relative;
clear:none;
left:10px;
float:left;
width:360px;
height:94px;

}
#pp{
width:260px;
height:80px;
overflow:hidden;
position:relative;
clear:none;
float:left;

}
#pp img{
position:relative;
float:left;
clear:none;
height:70px;
background:#fff;
}
#cart{
position:relative;
float:right;
clear:none;
height:71px;
width:84px;
/*right:10px;*/}

/*xxxhdr second levelxxxx*/
#pathbar{
position:relative;
float:left;
clear:both;
background:url(../images/pathbar.gif);
width:990px;/*total width of pathbar*/
min-height:18px;
background-repeat:repeat;
overflow:visible;
}
.path
{
color:#fff;
position:relative;
float:left;
font-size:1.1em;
font-weight:900;
width:880px;
height:auto;
margin-left:10px;
padding:0;
clear:none;
display:block;
text-align:left;
overflow:visible;}
#aabuttons{
position:relative;
float:left;
clear:none;
width:90px;
height:16px;
margin:0px 0px;

/*background:url(../images/aabuttons.gif) ;*/
text-align:center;
font-weight:900;
}
#aabuttons a:visited{color:#ccc;}

/*xxxhdr 3rd levelxxxx*/
#pgtitle{
position:relative;
float:left;
clear:left;
/*height:auto;*/
height:25px;
width:990px;
overflow:hidden;
/*line-height:40px;*/


}
.title {
clear:none;
float:left;
font-weight:900;
font-size:1.2em;
margin:4px 0px;

}
#search{
position:relative;
float:right;
clear:none;
/*height:inherit;height:20px;*/
width:370px;
overflow:hidden;

}


#main
{
position:relative;
float:left;
width:990px;
margin:0px 5px;
height:auto;
clear:both;
overflow:visible;
}
/*xxxxxxxxxxxxxxxxxxLEFT COLUMNxxxxxxxxxxxxxxxxxxxx*/
#leftcol{
position:relative;
float:left;
clear:none;
width:176px;
height:auto;
z-index:5;
background:#000;
overflow:visible;
min-height:500px;
}
#menu{
position:relative;
float:left;
clear:none;
width:176px;
height:auto;
overflow:visible;
z-index:5;


}
/*xxxxxxxaccordion panelsxxxxxxxxxx*/

/*.panehomehdr a, .panehomehdr a:visited{text-decoration:none;color:#000;}*/
.panehome{height:0;}
.panehdr1{
background:url(../images/button1.gif) no-repeat;
width:176px;
font-size:1.1em;
font-weight:900;
height:35px;
line-height:35px;
}
.panehdr1 a, .panehdr1:visited{margin-left:3px; cursor: pointer;color:#fff;text-decoration:none;}
.acc2{margin-left:3px; width:170px;}
.panehdr2, .panehdr2sel{
overflow:hidden;
line-height:20px;
width:160px;
margin-left:3px;
cursor:pointer;
background:url(../images/tranx.gif);
}
.panehdr2 a, .panehdr2 a:visited{font-weight:900;color:#000;}

.panehdr2sel{font-weight:900;color:#660066;}
.panecon2{/*overflow:hidden;*/background:url(../images/tranx.gif);width:160px;margin-left:3px;padding-bottom:3px;}
.panecon2 a, .panecon2 a:visited{font-size:1.1em;color:#660066;text-decoration:none;}
.mnusubcat{
background:#fff;
width:150px;
color:#000;
margin-left:4px;

overflow:hidden;
}
.mnusubcat a:hover{font-weight:900;}

/*xxxxxxxxxxxxxxxxxxxxxxCENTRE COLUMNxxxxxxxxxxxxxxxxxxxxx*/
#centrecol{
position:relative;
float:left;
clear:none;
width:620px;
/*height:500px;provisional height*/
height:auto;
margin:0px 9px;
overflow:visible;
}
#centrebar{
position:relative;
float:left;
clear:both;
width:620px;
height:auto;
/*background:#660066;*/
background:url(../images/centrebar2.jpg) #000;

font-size:1.2em;
font-weight:900;
line-height:35px;
overflow:visible;
}
#centrebar a{
text-decoration:none;
color:#fff;
padding:10px;}

#centrespace{
background:#fff;
color:#000;
/*width:600px;*/
position:relative;
float:left;
clear:none;
width:620px;
height:auto;
min-height:160px;
/*margin:10px 10px;*/
overflow:visible; 
}



/*xxxxINDEX PAGE BITSxxxx*/
#mbspace{
width:620px;
/*height:290px;*/
height:465px;
background:url(../images/witchofthemoon.jpg) no-repeat #fff;
color:#000;
}
#welcome{
float:left;
position:relative;
clear:both;
width:620px;
height:20px;
font-size:1.3em;
color:#660066;
}
.lb{
font-size:1.5em;
font-weight:900;
}
#space1{
position:relative;
float:left;
clear:none;
height:267px;
width:148px;
}
#wic{
position:relative;
float:left;
clear:none;
height:auto;
width:346px;
padding:10px;
margin-top:10px;
color:#660066;
font-size:1.1em;
text-align:justify;
}
#moonphase{
position:relative;
float:left;
clear:none;
background:url(../images/moonphasebg.gif);
height:85px;
width:100px;
text-align:center;
margin-top:10px;
/*padding:10px;*/
color:#ccc;
}
#nex{
position:relative;
float:right;
clear:none;
color:#990099;
width:402px;
height:172px;
overflow:auto;
}
.neximg
{
position:relative;
clear:none;
padding-right:10px;
float:left;
}
.nextext{
position:relative;
clear:none;
float:left;

}
.nex2{width:270px;}
.nexlnk  {
/*background:#990099;*/
background:url(../images/tranx.gif);
width:270px;
padding:5px;
} 
.nexlnk a, .nexlnk a:visited{
color:#000;font-weight:900;
}  
#wotw{
position:relative;
float:right;
clear:none;
width:620px;
height:170px;
background:url(../images/wotwbg.gif);
}
#wotwtop{
background:url(../images/wotwtop.gif);
width:620px;
height:32px;
}
#wotwbody{
width:580px;
height:130px;
overflow:auto;
/*padding:10px;
margin:10px;*/
margin-left:20px;
margin-right:20px;
}
#wotwbtm{
width:620px;
height:9px;
background:url(../images/wotwbtm.gif);
}

/*xxxxxxxxxxxxxxxxxxxxxxRIGHT COLUMNxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#rightcol{
color:#333333;
position:relative;
float:left;
clear:right;
width:176px;
overflow:auto;
/*height:500px;provisional height*/
height:auto;
}
#newshdr{
position:relative;
background:url(../images/rightcol.gif) no-repeat;
width:176px;
height:35px;
font-size:1.2em;
color:#fff;
font-weight:900;
line-height:35px;
text-align:center;
}
#newsbody{
border:1px solid #333;
position:relative;
float:left;
clear:none;
height:395px;
width:174px;
text-align:center;
}
#newsbody a, #newsbody a:visited{color:#660066;}
.news{
background:url(../images/news.gif);
width:166px;
margin:3px 3px;
height:120px;
text-align:left;
}
.newstitle
{ position:relative;
   width:156px;
    height:auto;
margin:5px;
color:#660066;
font-weight:900;
}
.newstext
{
     position:relative;
    width:156px;
    height:auto;
margin:15px 5px auto 5px;
font-size:0.95em;

}

/*xxxxxxxxfooterxxxxxxxxxx */
#footer{
color:#990099;
position:relative;
float:left;
clear:both;
width:990px;
height:50px;
}
#footer a, #footer a:visited{color:#990099;}
#ftrl{
padding:5px;
position:relative;
float:left;
}
#ftrr{
padding:5px;
position:relative;
float:right;
}

