/* @override http://www.woodcaredirect.co.uk/wallpaper/style.css */

body {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	/*margin-top: 1000px;*/
}
#container {
	position: absolute;
	height: 480px;
	width: 760px;
	left: 50%;
	top: 10px;
	margin-left: -380px;
	border: 4px solid #CC0099;
	background-color: #FFFFFF;
	font-size: 11px;
}
table{
	font-size: 12px;
}
#navbar {
	position: absolute;
	height: 18px;
	right: 10px;
	left: 5px;
	top: -34px;
	width: 704px;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#pageText #navbar a{
	text-decoration:none;
	color: #CC0099;
	font-size: 12px;
	font-weight:bold;
}
#pageText #navbar a:hover{
	text-decoration:none;
	color: #B4A59E;
	font-size: 12px;
	font-weight:bold;
}
ul {
	padding: 3px;
	margin: 0px;
	list-style: none;
	font-size: 11px;
	background-color: #FFFFFF;
 }
li {
	margin:0px;
	float: left;
	position: relative;
	padding-left:5px;
	padding-right:5px;
	height: 18px;
	display: block;
	background-color: #FFFFFF;
	
 }
 
li ul {
	display: none;
	position: absolute;
	top: 17px;
	left: 0px;
	margin-top:1px;
	line-height: 12px;
	background-color: #FFFFFF;
	width: 140px;
	border: 1px solid #CC0099;
}
.about ul {
	display: none;
	position: absolute;
	top: 17px;
	left: 0px;
	margin-top:1px;
	line-height: 12px;
	background-color: #FFFFFF;
	width: 130px;
 }
li > ul {
	top: 5;
	left: 0;
}
li:hover ul, li.over ul{ 
	display: block;
}
#pageText {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	position: absolute;
	left: 10px;
	top: 118px;
	width: 730px;
	height: 350px;
}
#pageText a{
	font-size: 11px;
	color: #CC0099;
	font-weight:bold;
	text-decoration:none;
}
#pageText a:hover{
	font-size: 11px;
	color: #333333;
	font-weight:bold;
	text-decoration:underline;
}
#cookie_notice {
	display:inline;
	float:left;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 480px;
	border:1px solid #666;
	padding:10px;
}

.cookie_links {
	display:inline;
	float:left;
	font-size: 12px;
	color: #666;
	margin-right: 10px ;
	border:1px solid #666;
	padding:4px;
}
#banner {
	position: absolute;
	height: 48px;
	width: 738px;
	left: 11px;
	top: 11px;
	background-color: #CC0099;
}
.textbox {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #666666;
	border: 1px solid #666666;
	font-size: 10px;
}
.button {
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #FFFFFF;
	border: 1px solid #666666;
	font-size: 10px;
	background-color: #CC0099;
	font-weight: bold;
	text-transform: capitalize;
}
.header {
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #CC0099;
}
#enterID {
	position: absolute;
	left: 573px;
	top: 0px;
	width: 164px;
}
.dotRight {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CC0099;
}
.brdrBase {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0099;
}
#actions {
	position: absolute;
	left: 575px;
	top: 13px;
	height: 28px;
	width: 148px;
}
#comments {
	position: static;
	height: 50px;
	width: 250px;
	overflow: auto;
}
#scroll {
	position: absolute;
	left: 13px;
	bottom: 10px;
	overflow: auto;
	height: 270px;
	top: 75px;
	width: 692px;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	border-bottom: double 3px #ccc;
	}

a.info:hover{z-index:25; 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:15em;
    border:1px solid #ccc;
    background-color:#e6e6e6; color:#000;
    text-align: left;
	padding: 5px;
	text-decoration:none;
	font-weight:normal;
	}#discount {
	position: absolute;
	left: 576px;
	top: 2px;
	width: 145px;
	height: 22px;
}
.comments_tb{
	background-color:#FFFF99;
}
.cfdebug{
	clear: both;
}
