/*---------------------------------------------------------
Default (All Browsers) CSS Index - WDP 09.10.2007 Egghead Design Ltd 
For IE see
For <IE6 see
For Admin Section use AdminStyles.css

=1 Layout Structure Common Elements
=2 Homepage Specific Structure
=3 Category Page Specific Structure
=4 Product Page Specific Structure
	=4.1 Product Top Display (User Control for all elements within product_info_pane)

/*---------------------------------------------------------
=1 Layout Structure Common Elements
-------------------------------------------------------*/

html { margin: 0px; padding: 0px; background-color:#ffffff; }
/*this bit does the thin strip right at tyhe top of the page*/

body {
	margin: 0px; 
	padding: 0px;
	background-image:url(images/mainbg.jpg);
	background-position:left top; 
	background-repeat:repeat-x;
	font: .7em, Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	behavior:url("csshover.htc");
	
}

#fullwrapper 
{
	text-align:left;
	width:970px;
	margin:auto;
	margin-top:20px;
	height:100%;
}

#header 
{
	position:relative;
	height:97px;
	background-color:White;
	padding:0px;
	overflow:hidden;
	background-image:url(images/header.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#header a.logo 
{
	width:200px;
	height:100px;
	position:absolute;
	left:0px;
	top:0px;
}

#header img 
{
	float:left;
	top:0px;
	left:0px;
}

#category_nav 
{
	height:17px;
	padding-left:16px;
	padding-top:8px;
	font-size:9px;;
	background-image:url(images/catnav.gif);
	font-family:Arial, Helvetica;
}

#category_nav a
{
		color:#fff;
		text-decoration:none;
		margin-right:20px;
		vertical-align:middle;

}
#category_nav a:hover
{
		color:#fff;
		text-decoration:underline;
		margin-right:20px;
		vertical-align:middle;
}

#subcategory_nav_wrap #subcategory_nav 
{
	width:175px;
	/*height:100%;*/
	min-height: 400px;
	background:#003366;
	background-image:url(images/right-blue-221x359.jpg);
	background-repeat:no-repeat;
	font-size:9px;
	font-family:Arial, Helvetica;
	line-height:18px;
	padding-left:5px;
	padding-top: 10px;
	padding-bottom:20px;
}
.subnavlink:hover
{
	background-color:#CC3300;
}
#subcategory_nav_wrap #subcategory_nav a
{
		color:#fff;
		text-decoration:none;
}


.subcategory
{
    font-family:Arial;
    font-weight:lighter;
    font-size:9px;
    text-decoration:none;
    color:#999999;
}

#subcategory_nav_wrap #subcategory_nav a:hover
{
	text-decoration:none;
	
}
#subcategory_nav_wrap #newsletter_signup
{
	width:160px;
	background:#ffffff;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}

#newsletter_signup #ctl00_MainContent_NewsletterSignup1_txtEmail 
{
	width:95px;
	float:left;
	height:9px;
	font-size:9px;
}
.emailafriendlink
{
    display:none;
}	
#ctl00_MainContent_lnkPrev, #ctl00_MainContent_lnkNext
{
    display:none;
}
	
#subcategory_nav_wrap 
{
	float:left;
}
#global_nav 
{
	float:right;
	text-align:right;
	line-height:15px;
	position:relative;
	font-size:9px;
	top:0px;
	right:18px;
	color:#ffffff;
	width:580px;
}
#globnav 
{
	/*background-color:white;*/
	text-align:right;

	line-height:18px;
	position:relative;
	top:0px;
	right:10px;
	color:#ffffff;
	width:450px;
	float:left;
}
#globnav a {
	color:#000000;
	font-family:Arial, Helvetica;
	font-size:9px;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}
#globnav a:hover {
	/*color:#000000;*/
	text-decoration:underline;
	
}
#srch 
{
	/*margin-top:-3px;*/
	padding-top:0px;
	float:left;
	
}
#srcht 
{
	float:left; 	
	margin-top:3px;
}
#srchi
{
	float:left;
}

#ctl00_ProductSearch_txtSearchField
{
	height:10px;
	float:right;
	padding-top:0px;
	font-size:10px;
}
#ctl00_ProductSearch_btnSearch
{
	margin-top:0px;
	/*padding-top:3px;*/
}
#header div a
{
	color:White;
}
#header div a:hover
{
	color:White;
}

#mastercat 
{
    float:left;
}



#login 
{
	position:relative;
	float:right;
	right:0px;
	top:0px;
	width:250px;
	text-align:right;
	margin-right:10px;
	color:White;		
}
#login a 
{
	margin-left:10px;
	margin-right:0px;
}

#login a:hover 
{
	margin-left:10px;
	margin-right:0px;
}

#ctl00_updatepanel1 
{
	line-height:10px;
	color:#ffffff;
	margin-top:25px;
	margin-right:3px;
}
#search 
{
	float:right;
	width:auto;
	background-color:white;
	text-align:right;
	line-height:25px;
	padding:0px 5px 0px 5px;
}	
	



#contentwrapper 
{
	/*height:auto;
	height:100%;
	min-height:400px;*/
	width:970px;
	background-color: #ffffff;
	border: none;
	margin-bottom:7px;
	float:left;
}


#footer 
{
	clear:both;
	width:970px;
	height:30px;
	background-color: 000000;
	display:none;
}

#footer_nav 
{
	clear:both;
	width:960px;
	height:30px;
	line-height:30px;
	float:left;
	color:#fff;
	background-image:url(images/footer-nav.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}
#footer_nav a
{
	font-family:Arial, Helvetica;
	font-size:9px; 
	padding-bottom:5px;
	vertical-align:top;
	text-decoration:none;
	color:#ffffff;
}

#maincontent 
{
	width:783px;
	float:right;
	background-color:#ffffff;
	margin-top:5px;

}

#breadcrumb 
{
	width:auto;
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	height120px;
	line-height:20px;
	margin-left:0px;
}
#newsbut 
{
	float:left;
	width:187px;
}
#crumb 
{
	float:left;
}

/*---------------------------------------------------------
=2 Homepage Specific Structure
-------------------------------------------------------*/

#leftcontent 
{
	height:auto;
	float:left;
	background-color:#ffffff;
	min-height:400px;
	width:234px;
}
#leftcontent div div div, #leftcontent div div,#rightcontent div div div, #rightcontent div div {border:none !important;}
#rightcontent 
{
	height:auto;
	float:right;
	min-height:400px;
	width:220px;		
}

#home_maincontentregion 
{
	width:734px;
	background-color:000000;	
	min-height:300px;
	margin-bottom:14px;
	border:hidden;
}

#home_editableregions 
{
	width:734px;
	background-color:#ffffff;	
	height:190px;
	margin-bottom:14px;				
}

#home_region1 
{
	width:360px;
	float:left;
	height:190px;
	overflow:hidden;
	background-color:#000000;
}

#home_region2 
{
	width:360px;
	float:right;
	height:190px;
	overflow:hidden;
	background-color:000000;		
}

#home_region3 
{
	width:220px;
	float:right;
	height:300px;
	overflow:hidden;
	background-color:000000;
	margin-bottom:14px;			
}

#home_region4 
{
	width:220px;
	float:right;
	height:250px;
	overflow:hidden;
	background-color:#000000;	
}

#home_randomsubcats 
{
	width:734px;
	height:80px;
	border:thin;
	/*border-color: #999999;
	border-style:solid;*/
	margin-bottom:10px;
	background-color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#000000;
	display:none;
}
#home_randomsubcats a 
{
	width:734px;
	height:80px;
	margin-bottom:10px;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color: #999999
}

#home_randomsubcats a:hover 
{
	width:734px;
	height:80px;
	margin-bottom:10px;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color: #000033
}
/*---------------------------------------------------------
=3 Category Page Specific Structure
-------------------------------------------------------*/

#category_info_pane 
{
	width:640px;
	height:158px;

	float:left;
}

#featured_product_pane 
{
	width:128px;
	height:153px;
	background-color: #ffffff;
	border-style:solid;
	border-width: 1px;
	border-color:#999999;
	padding-top:3px;
	float:right;
	overflow:hidden;
	text-align:center;
} 

#featured_product_pane h4
{
    font-family:Arial;
    font-weight:light;
    color:#999999;
    font-size:12px;
}    

#catalogue_pane 
{
	clear:both;
	background-color:#ffffff;
	margin-top:14px;
	height:auto;
}

/*---------------------------------------------------------
=4 Product Page Specific Structure
-------------------------------------------------------*/

#product_info_pane 
{
	width:588px;
	/*height:455px;*/
	float:left;
	/*padding:10px;*/
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color:#999999;
}

#ctl00_MainContent_lblPriceNormal, .mainprdtitle h4
{
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    float:left;
    margin-right:14px;
}

#ctl00_MainContent_lblPriceNormal 
{
	margin-top:5px;
}
.mainprdimg
{
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-bottom-color:#999999;
    clear:both;
}


.mainprdstockinfo
{
    /*margin-left:150px;
    margin-top:-40px;*/
    /*position:relative;
    top:-40px;
    left:150px;*/
    clear:both;
    width:300px;
    float:left;
    margin-left:5px;
}


.mainprdcartbuttons 
{
    
    /*position:relative;
    top:-30px;
    left:0px;*/
    margin-top:5px;
    clear:both;
    float:left;
}
.mainprdtitle
{
    margin-top:0px;
}


.swatch
{
	border: 0px;
	/*text-align:center;*/
}
.swatcher 
{
	width: 70px;
	border: 0px;
}

#ctl00_MainContent_ProductTopDisplay1_Colour tr td
{
	text-align:center;
	padding-bottom:0px;
}
#ctl00_MainContent_ProductTopDisplay1_Colour tr td img
{
	margin-bottom:0px;
}

#showgallery
{
    float:right;
    font-family:Arial;
    font-size:10px;
    color:#666666;
    display:none;
}

#showgallery a
{
    font-family:Arial;
    font-size:10px;
    color:#666666;
}


#product_centre_wrap 
{
	float:left;
	border-top:1px;
	border-top-color:Black;
}

.mainprdattr
{
    font-family:Arial;
    font-size:10px;
    color: Gray;
}

#ctl00_MainContent_ProductTopDisplay1_lblFinish1
{
    font-weight:lighter;
    font-family:Arial;
    font-weight:bold;
    color:#999999;
    float:left;
    margin-top:5px;
}   
#proddesc 
{
	background-image:url(images/desc-panel.jpg);
    background-repeat:no-repeat;
    text-align:left;
    width:160px;
	height:240px;
	margin-left:14px;
	overflow:auto;
	padding:5px;
} 

#product_description_pane 
{
    /*background-image:url(images/desc-panel.jpg);
    background-repeat:no-repeat;*/
    text-align:left;
    width:160px;
	height:236px;
	/*margin-left:14px;*/
	overflow:auto;
	/*padding:5px;*/
	
}
#product_description_pane span p
{
	/*padding-bottom:40px;
	margin-bottom:40px;*/
}
#product_description_pane H5
{
    margin:0px;
}
#ctl00_MainContent_lblProductDescription {
	padding-bottom:20px;
	margin-bottom:20px;
	height:200px;
}
#recommended_pane 
{
	width:160px;
	background-image:url(images/rec-panel.jpg);
	text-align:center;
	background-repeat:no-repeat;
	margin:14px 0px 0px 14px;
	overflow:hidden;
	height:181px;
	padding:5px;
	
}

#crosssells_pane 
{
	width:160px;
	background-color:#c0c0c0;
	margin:0px 0px 0px 14px;
	overflow:auto;
	float:right;
	height:455px;
	padding:10px;
	display:none;
}	
	

#recentlyviewed_pane 
{
    float:left;
    border:1px;
    text-align:center;
    font-family:Arial;
    color:#999999;
    border-style:solid;
    border-color:#999999;
    /*clear:both;*/
	height:auto;
	min-width:200px;
	margin-top:20px;
	/*position:relative;
	top:-40px;
	left:0px;*/
	
}
#recent 
{
    width:200px;
}
   

#ctl00_MainContent_dlistRecentProducts
{
    text-align:left;
}
    

/*---------------------------------------------------------
=4.1 Product Top Display
-------------------------------------------------------*/

.productbox 
{
	width:100px;
	margin-bottom:10px;
	background-color:Transparent;
	margin-left:8px;
}

.productsummarydisplaywrapper 
{
    margin-left:0px;
}

.productsummaryimageholder
{
	width:100px;
	height:auto;
	text-align:center;
	background-image:url(images/thumbnailsurround.gif);
	background-position:top;
	background-repeat:no-repeat;
	vertical-align: middle;
}

.productimage 
{
	margin-top:6px;
	text-align:center;
	vertical-align:middle;	
}

.productsummarytext div
{
	text-align:center;
	font:10px;
	font-family:Arial;
	font-weight:lighter;
}

.productsummaryproductname 
{
margin-top:5px;
text-align:center;
}
.productsummaryproductname a
{

	width:734px;
	height:80px;
	margin-bottom:10px;
	background-color:#ffffff;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	color:#000000;
}
.productsummaryproductname a:hover
{
	text-decoration:underline;
	color:#000000;
}

.productsummaryproductprice
{
height:20px;
margin-top:5px;
text-align:center;
}

#ctl00_MainContent_ProductTopDisplay1_Finish
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border:Gray; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
margin-top:5px;
}

#ctl00_MainContent_ProductTopDisplay1_stockInfo_ddlStockLevel
{
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border:Gray; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
margin-top:18px;
margin-left:6px;
}


#ctl00_MainContent_ProductTopDisplay1_btnAddToCart
{
   
    /*margin-left:18px;
    margin-top:-14px;*/
    float:left;
}

#ctl00_MainContent_ProductTopDisplay1_lnkCheckout
{
   
    margin-left:10px;
    float:left;
}

#ctl00_MainContent_ProductTopDisplay1_stockInfo_pnlStockDisplay
{
    float:left;  
}
.productsection 
{
    float:left;
}

#instock
{

}

#ctl00_MainContent_ProductTopDisplay1_stockInfo_lblInStock
{
    font-family:Arial;
    font-weight:bold;
    color:#ff0000;
    float:left;
    margin-top:20px;
    
}


#ctl00_MainContent_ProductTopDisplay1_stockInfo_lbStockLevelDescript
{
    float:left;
    margin-left:8px;
    margin-top:20px;
}

#ctl00_MainContent_ProductTopDisplay1_lnkAddToWishList
{

    float:right;
    margin-right:6px;
    margin-top:4px;
    text-decoration:none;
    color:#006699;
}

#ctl00_MainContent_BundleDisplay1_lblBundleName
{
/*    float:right;*/
  text-align:center; 
}

/*---------------------------------------------------------
=Generic Boxes
-------------------------------------------------------*/

.rightcontentbox 
{
	width:180px;
	padding:20px;
	background-color:000000;
	height:100px;	
}

.contentbox_nopadding 
{
	width:100%;
	background-color:#000000;
}

.leftcontentbox 
{
	width:100%;
	padding:20px;
background-color:000000;	
height:100px;
}

.leftcontentbox_nopadding 
{
	width:100%;
background-color:000000;
height:auto;
height:100px;
}

#bundles_pane
{

	width:160px;
	background-image:url(images/bun-panel.jpg);
	text-align:center;
	background-repeat:no-repeat;
	margin:14px 0px 0px 14px;
	overflow:hidden;
	height:181px;
	padding:5px;	
}
#bundles_pane span 
{
	text-align:center;
}
#ctl00_MainContent_ProductTopDisplay1_pnlCartButtons
{
    float:left;
}
#addtowish
{
    float:left;
   /* position:relative;
    top:-24px;
    left:-210px;*/
}

#ctl00_MainContent_BundleDisplay1_lblBundleName
{
    /*float:left;*/
    text-align:center;
      
}

.leftcontentbox_halfwidth 
{
	height:100px;
	
}

.leftcontentbox_halfwidth_nopadding 
{
	height:100px;
}

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}	

/*---------------------------------------------------------
=Generic Classes
-------------------------------------------------------*/

.tenpixspacer
{
    height:10px;
}
.twentypixspacer
{
    height:20px;
}

a img 
{
	border:0px;
}

h1, h2, h3, h4, h5, h6 
{
	padding:0px;
	margin:0px;
}

h4, h5, h6, h6 span a, h5 span a, h4 span a, h4 a, h5 a, h6 a 
{
	margin:5px 0px 5px 0px;
	font-family: Arial;
	font-size:10px;
	font-weight:lighter;
	color:Black;
}





.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}




/*kev styles*/
h1.product_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: lighter;
}
.product_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
	font-weight: lighter;
	font-variant: normal;
}
#prod-text {
	width:156px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-weight:lighter;
	}
#ordersummary, #addressdetails, #paymentdetails 
{
    border-color:#999999;
    border-style:solid;
    border-width:1px;
    width:700px;
}

#ordersummary h4,  #paymentdetails h4
{
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    color:#000000;
}


/*basket stuff*/

#basketleft
{
    float:left;
    font-size:10px;
    font-family:Arial;
    font-weight:bold;
    color:#666666;
}
#basketleft a
{
  
    font-size:9px;
    font-family:Arial;
    font-weight:bold;
    color:#666666;
    text-decoration:none;
}
#centercontent 
{
    float:left;
}

#centercontent h5, #ctl00_MainContent_pnlNada h4
{
    font-family:Arial;
    font-size:12px;
    color:Black;
    font-weight:bold;
    margin-left:50px;
}

#ctl00_MainContent_rptBasket_ctl00_lblSelectedVariantDescription
{
   margin-left:0px;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#999999;
} 

#baskettable 
{
    margin-left:50px;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
    padding:6px;
    
}
#baskettable h5
{
    margin-left:0px;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#999999;
   
}

#basketright
{
    margin-left:50px;
}

.basketrow
{
    background-image:url(images/basket-bg.gif);
    background-repeat:no-repeat;
}

#technav 
{
	float:left;
	margin-top:-3px;
	margin-left:0px;
}


#regionselector 
{
	position:relative;
	z-index:1000;
	top:10px;
	left:10px;
}
#regionselector select 
{
	background-color:#ffffff;
	border-style:none;
	font-size:10px;
}


#flashworld
{
	/*position:relative;
	z-index:999;*/
	margin-top:-100px;
}

/*google map*/
#subgurim_GMap1 
{
	width:1000px;
	height:600px;
}
/*menu stuff*/

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:11;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
#qm0 {background:none; width:100px; height:20px;  }
#qm0 a {color: #ffffff;
	font: 11px, Arial, Helvetica, Verdana, sans-serif;padding:3px 5px 3px;text-decoration:none; }
#qm0:hover { /*background-color:#333333;*/}
#qm0 a:hover {text-decoration:underline;}
body #qm0 .qmactive, body #qm0 .qmactive:hover {text-decoration:underline;}
#qm0 div, #qm0 ul {padding:8px;margin:1px 0px 0px;background-color:transparent;border-width:0px;border-style:none;border-color:transparent;}
#qm0 div a, #qm0 ul a {font-variant:normal;padding:2px 40px 2px 5px;background-color:transparent;color:#d5d9e5;border-width:0px;border-style:solid;border-color:#6f7da6;}
#qm0 div a:hover {text-decoration:underline; background-color: #cc3300;}
body #qm0 div a:hover {background-color:#cc3300;}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {background-color:#cc3300;color:#333333;text-decoration:none;border-color:#5a5372;}
#qm0 .qmtitle {margin:2px 5px 4px 5px;color:#ffffff;font-family:Arial;font-size:11px;font-weight:bold;font-size:11px;}
#qm0 .qmdividerx {border-top-width:1px;margin:5px 4px 5px 4px;border-color:#5A5372;}
div#qm0 div div, ul#qm0 ul ul {margin:0px 0px 0px -1px;}
#qm0 div a {font-size:11px;}

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}


#footcont { margin-left:500px; color:#ffffff; font-family:Arial; font-size:10px; text-align:right; margin-right:10px; font-weight: bold;}
#printable { float:right;}

#ctl00_MainContent_btn { display:none;}

#pnlBasket 
{
	
	/*top:50px;
	left: 600px;*/
	margin-left:0px;
	padding-left:0px;
}

#ctl00_MainContent_ProductTopDisplay1_info 
{
	display: none; width: 200px; min-height:200px; z-index: 20; 
        opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; 
        border: solid 1px #CCCCCC; padding: 5px; position: absolute; top:200px; margin-top:200px;  background-color: #ffffff; color:#000000; 
}

#faqmain { margin:20px;}

#faqmain h1
{
	font-size: 14px;
	font-weight:bold;
}

#faqmain h2
{
	font-size: 13px;
	font-weight:bold;
}

#faqmain h3
{
	font-size: 12px;
	font-weight:bold;
}

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

a.info:hover{z-index:25; background-color:#999}

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 #000;
    background-color:#ccc; color:#000;
    text-align: center;
}