a img {border: none; }

body{
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
font-family: Verdana, sans-serif;
}

a.body:link{
color: #9933ff;
text-decoration: none;} 
a.body:hover{
color: #25014a;
text-decoration: underline;}
a.body:active{
color: #25014a;
text-decoration: none;}
a.body:visited{
color: #6600cc;
text-decoration: none;}

h1{font-size: 1em;
font-weight: bold;
text-align: left;
color: #000000;
background-color: #dabafb;
padding: 2px;}

h2{
font-size: 0.9em;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #9933ff;
padding: 1px;}

h3{
font-size: 0.9em;
font-weight: bold;
text-align: left;
color: #000000;
background-color: #e4cfff;
padding: 1px;}

h4{
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000000;
text-transform: uppercase;}


#layout{
margin-left: auto;
margin-right: auto;
margin-top: 0.5em;}

#layout_01{
width: 960px;
background-image: url(../assets/nav_bgtop.gif);
background-position: top center;
background-repeat: no-repeat;
height: 52px;}

#layout_02{
background-color: #2e015b;
width: 960px;}

#layout_03{
background-color: #ffffff;
width: 961px;}

#layout_04{
width: 160px;
background-image: url(../assets/col_rtmid.gif);
background-repeat: repeat-y;
font-size: 0.6em;}

#layout_05{width: 520px;
background-image: url(../assets/col_mdmid.gif);
background-repeat: repeat-y;
font-size: 0.7em;}

#layout_06{
width: 250px;
background-image: url(../assets/col_ltmid.gif);
background-repeat: repeat-y;}

#layout_07{
background-color: #ffffff;
border: 1px #8623e8 solid;
font-size: 0.7em;
padding: 2px;}

#layout_08{
width: 250px;
background-image: url(../assets/col_ltsmid.gif);
background-repeat: repeat-y;}

#layout_09{
width: 665px;
background-image: url(../assets/col2_ltsmid.gif);
background-repeat: repeat-y;
font-size: 0.7em;}

#layout_10{
border: 1px #000000 solid;}

.l10{
background-color: #000000;
color: #ffffff;
font-size: 0.9em;
font-weight: bold;
padding-left: 4ex;
padding-top: 2px;
text-transform: uppercase;}

.form{
font-size: 0.8em;
padding: 4pt;
background-color: #ebe4fa;
}

.pform{
font-size: 0.8em;
padding: 2pt;
background-color: #ebe4fa;
width: 200px;
height: 430px;
margin:4px 0px 10px 0px}

.404{
font-size: 4em;
font-weight: bold;}

.blist li{
line-height: 1.7em;}

#body_block{}



a.body_text:link{
color: #ffffff;}
a.body_text:hover{
color: #25014a}
a.body_text:active{
color: #6600cc}
a.body_text:visited{
color: #25014a;}

a.header_text:link{
color: #ffffff;}
a.header_text:hover{
color: #000000}
a.header_text:active{
color: #6600cc}
a.header_text:visited{
color: #ccc;}

.portft{
font-size: 0.55em;
}

.portfta{
font-size: 0.55em;
background-color: #ffffff;}

#footer{
font-size: 0.7em;
}

a.footer:link{
color: #9933ff;
text-decoration: none;
font-weight: bold;}

a.footer:hover{
color: #9933ff;
text-decoration: underline;
font-weight: bold;}

a.footer:active{
color: #27014d;
text-decoration: none;
font-weight: bold;}

a.footer:visited{
color: #49177d;
text-decoration: none;
font-weight: bold;}

.footerc{
text-align: center;
padding-top: 4px;}


.links{
}

.news{
font-size: 0.7em;}

.btn_text{
font-weight: bold;
font-size: 0.7em;}

a.btn_text:link{
color: #ffffff;}
a.btn_text:hover{
color: #9933ff;}
a.btn_text:active{
color: #6600cc}
a.btn_text:visited{
color: #9933ff}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:50; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:150px;
    border:1px solid #000;
    background-color: #f2b087; color: #000000;
    text-align: center;}

 /* remove the margin and bullets, set the padding for this demo only*/
.nav {margin:0px; padding:0px; list-style:none; width:870px; }

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.nav li {display:inline; float:left;  padding:0px 10px 0px 10px; }

/* style the links and place the background image to start from left edge */
.nav li a {display:block; height:50px; float:left; background: url(../assets/nav_bg.gif); text-decoration:none; letter-spacing:1px; line-height:52px; padding: 0px 6px 0px 6px; }

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
/*.neon li a b {margin:0 0 0 40px; display:inline; float:left; height:32px; background:url(../assets/neon_off.gif) right top; padding:200px 40px 0 200px; color:#fff;}*/

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.nav li a:hover, .neon li a:hover b { background-image:url(../assets/nav_bg.gif); cursor:pointer; }

/*.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(../assets/bg_13.gif); color:#000; cursor:default;}*/

#info { width:870px; height:52px; float:left; background-image:url(../assets/nav_bg.gif);}

.price{
background-image: url(../assets/bg_pricemid.gif);
background-repeat: repeat-y;
color: #ffffff;
}

.price_text{
padding-left: 6px;
font-size: 0.65em;
line-height: 2em;
text-transform: uppercase;
font-weight: bold;}

a.ptext:link{
color: #ffffff;
text-decoration: none;}
a.ptext:hover{
color: #6600cc;
text-decoration: none;}
a.ptext:active{
color: #9933ff;
text-decoration: none;}
a.ptext:visited{
color: #6600cc;
text-decoration: none;}


#infop { width:640px; float:left; }

.navp {margin:4px 1px 20px 1px; padding:1px; list-style:none; width:640px;}
.navp li {display:inline; float:left;  padding:1px;}