a
{
	color: #0000ff;
}

a:link { color: #000099; }
a:visited { color: #991F52; }
a:hover, a:active { text-decoration: underline; }




/* HTML elements */
/* ------------- */
/* divider for between product chunks*/
hr.divider
{
	color: #FFEDAE;
	background-color: #FFEDAE;
	margin-top: 10px;
	margin-bottom: 0px;
	border: 0px;
	height: 1px;
}

p.more
{
	text-align: right;
	margin-top: 1px;
	padding-top: 0px;
}


/* add a basic bottombar for older browsers */
hr.ns4 { visibility: hidden; }

/* make a box with the same spacing as above, but no visible borders or background */
div.invisibox
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	margin-left: 6px;
}

dt
{
	padding-top: 5px;
	font-weight: bold;
}

/* IDs */
/* --- */

#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}

#menu {
		padding: 10px 0 10px 20px;
	position: absolute;
	right: 10px;
	top: 80px;
	width: 11em;
}
#menu ul {
	color: #ccc;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

#menu ul li {
	margin-top: 10px;
	padding-bottom: 2px; 
}

#menu ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}



#txtsize {
	text-align: right;
	display:inline;
}

#txtsize a {
	border: 0px;
	}


	
/* Classes */
/* ------- */

.meta {
	font-size: .86em;
}

.meta ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

.meta li {
	display: inline;
}

.storycontent h2 {margin-top: 20px; }
.storycontent h3 {margin-top: 20px; }

.rightcol UL
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.spacedoutman
{
	margin-top: 10px;
	line-height: 200%;
}
.edit a {
	color :#ccc;
	border: none;
}


.dlbc
{
	font-size: 10px;
	line-height: 125%;
}

.bodyhead
{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	padding-bottom: 15px;
}

.prodhead
{
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bodytext { line-height: 120%; }

.sidetitle
{
	font-family: "times new roman", serif;
	font-size: 17px;
	color: #222222;
	padding: 0px;
	padding-left: 7px;
	background-color: #FFE788;
}

/* general table colours */
.rowcolor1 { background-color: #FFFFFC; }
.rowcolor2 { background-color: #FFFFE1; }
.headcolor { background-color: #FFF6CF; }
.tdbgcolor { background-color: #F9EB85; }

/* error text */
.error
{
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}

/* create 2 columns */

img {
	border: 0px;
}

.post {
	margin-bottom: 1em;
	border-bottom: 1px solid #FFEDAE;
	padding-bottom: 5px;
}

.feedback {
	font-size: 90%;
}

.hleftcol {
	width: 400px;
	float: left;
	margin-bottom: 5px;
}

.hrightcol {
	display: block;
	margin-left: 405px;
}

.leftcol
{
	margin-top: 5px;
	float: left;
	margin-bottom: 5px;
	width: 49%;
}

.top {
	height: 70px;
}

.rightcol
{
	margin-top: 5px;
	float: right;
	width: 50%;
	margin-bottom: 5px;
}





.leftcol h2 a, .rightcol h2 a {
	display: block;
	color: blue;
	border: 1px solid #FFCC00;
	background-color: #FFF;
	padding: 5px;
	margin-bottom: 5px;
}

.leftcol h2 a:hover, .rightcol h2 a:hover {
	text-decoration: none;
	background-color: #FFF1AE;	
}

.ind {
	padding-left: 5px;
}


/* make a yellow box */
.box
{
	background-color: #FFFFF0;
	border: 1px solid #FFEDAE;
	padding: 5px;
}

.box img { border: 1px solid #FFEDAE;}

/*.box:hover {
	background-color: #FFF1AE;
}*/

/* make a box within a box and float it */
.boxinbox
{
	background-color: #FFFFFF;
	border: 1px solid #D2B48C;
	padding: 5px;
	margin: 5px;
	float: right;
}

/* New Styles 06/11/03 */
/* ------------------- */


#footer
{
	font-size: 0.85em;
	border: 1px solid #FFCC00;
	background-color: #FFF1AE;
	clear: both;
	padding: 5px;
}


#logo
{
	height: 60px;
	padding-top: 10px;
	float: left;
}


#rhead
{
	float: right;
	margin-top: 12px;
	text-align: right;
	height: 28px;
}

#nav
{
	border: 1px solid #0000ff;
	background-color: #FFD302;
	position: absolute;
	right: 7px;
	top: 58px;
	width:100%;
	font-size: 12px;

}

#nav div.l {
	padding: 2px 0px 0px 10px;
}

#nav li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}


#nav a
{
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

/* (Mac IE can't read this) \*/
#nav a {
	display: block;
	}
/* End hack */


#nav a:visited { color: #0000ff; }

#nav a:hover, #nav a:active
{
	background-color: #0000ff;
	color: #FFF;
	text-decoration: none;
}

.r { float: right; }
.l { float: left; }


#nav a {
	font-size: 1.1em;
}


#breadcrumb {
	font-size: 0.8em;
	padding: 5px;
	background-color: #FFF1AE;
	display: block;
	border: 1px solid #FFCC00;
   margin: 5px 10px 0 0 ;
}
#breadcrumb li {
	list-style-type: none;
	display:inline;
   font-size: 1em;
}
#breadcrumb ul {
	display:inline;
	padding: 0px;
	margin: 0px;
}


#maincol {
	margin-left: 185px;
}

.rbl {
	margin: 0px;
	padding: 0px;
}

.rbl li {
	padding: 5px;
	list-style: url(/imagebin/square.gif) square inside;
	border-bottom: 1px solid #FFCC00;
}

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

a.info:hover{z-index:25; background-color:#fff; text-decoration:none}

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:15em;
    border:1px solid #900;
    background-color:#FFD302; color:#000;
    text-align: center}
	
	
.features{
	margin-left:20px;
	}