@charset "UTF-8";
/* EdenStyles.css */

/* ------------------ GENERAL FORMATTING STYLES ----------------- */
/* ------------- consider seperating from layout styles in other file ----- */
p{
	margin: 1.5em 0;
	font-size: 100%;
}
#mainContent p {
	line-height:1.5em;
}
h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#339933;
	font-size: 200%;
	font-weight: bold;
}
h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#0070b4;
	font-size: 140%;
	font-weight: bold;
}
h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 120%;
	color:#444;
	font-weight:bold;
}
h1 a, h2 a, h3 a {
	text-decoration:none;
	color:inherit;
}
h1 a:visited, h2 a:visited, h3 a:visited {
	color:inherit;
}
a:link {
	color:#0472b6;
}
a:visited {
	color:#002266;
}

/* Pricing text */
em.rrp {
	font-style: normal;
	text-decoration: line-through;	
}
em.price {
	font-style: normal;
	font-weight: bold;
	color:#390;
}
em.saving {
	font-style: normal;
	color: #CC3300;
}
.small{
	font-size:95%;
}
.vsmall{
	font-size:60%;
}
    #landingBox{
        width:600px;
        border:2px solid #282828;
        padding:15px;
        position:relative;
        display:none;
        margin:0 auto;
        margin-top:25px;
        margin-bottom:30px;
    }
    #closeLandingBox, .closebutton{
        position:absolute;
        top:-12px;
        right:-12px;
        cursor:pointer;
    }
/*other text*/
.info {
	margin: 8px 0;
	padding:5px;
	border:1px solid #393;
	background:#BBEDBB;
}
.info h2 {
	font-size:120%;
	font-weight:bold;
	color:#00670C;
}
.warning {
	margin: 8px 0;
	padding:5px;
	border: 1px solid #C00;
	background:#FFC1C1;
}
.warning h2 {
	font-size:120%;
	font-weight:bold;
	color:#8C0B07;
}
.breadcrumb {
	color: #777;
	margin:5px 0;
	padding:0;
	font-weight:bold;
}
.breadcrumb a {
	font-size:125%;
	color:#0472b6;
	text-decoration:none;
}
.breadcrumb .filter {
	font-size:125%;
	color:#0472b6;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.breadcrumb h1 {
	display:inline;
	font-size:125%;
}
/* page navigation bars */
.pagenav {
	display:block;
	padding:5px;
	height:2em;
	line-height:2em;
	text-align:center;
}
.pagenav a {
	text-decoration:none;
	padding: 3px 5px;
	white-space:nowrap;
}
.pagenav a:hover {
	background:#e3f1ff;
	padding: 2px 4px;
	border: 1px solid #999;
}

/*pop ups*/
a.popup {
	cursor:pointer;
	padding:2px 0;
	color:#333;
}
a.popup img {
	padding-left:5px;
}

.discount {
	color:#c00;
	font-weight:bold;
}

/* Curved Corners eg. headers in homepage and footer */
.bl {background: url(/shop/2008/images/navigation/eden-sprites.png) 0 100% no-repeat #cce3ff;}
.br {background: url(/shop/2008/images/navigation/eden-sprites.png) 100% 100% no-repeat;}
.tl {background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -970px no-repeat;}
.tr {background: url(/shop/2008/images/navigation/eden-sprites.png) 100% -970px no-repeat;}


/* ------------------ PAGE LAYOUT ------------------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}

body  {
	background: #ffffff;
	padding: 0 10px 10px 10px;
	text-align: center;
	color: #333333;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width:970px;
	max-width:970px;
	width:970px;
	margin: 0 auto;
	background:url('/images/layout/fixedwidthbackground2.gif') center repeat-y;
}
#container { 
	width: 100%;
	text-align: left;
	min-width:970px;
	background: #ffffff;
	padding-left:0px;
	padding-right:0px;
}

/* 3 Column Layout */
.threecol #mainContent {
 	margin: 0 165px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 10px; /* padding here creates white space "inside the box." */
} 
.threecol #sidebar1 {
	float: left; 
	width: 165px; /* since this element is floated, a width must be given */
	padding: 0; /* top and bottom padding create visual space within this div */
}
.threecol #sidebar2 {
	float: right; 
	width: 165px; /* since this element is floated, a width must be given */
	padding: 0; 	/* top and bottom padding create visual space within this div */
}

/* 2 Column Layout - with embedded right hand column that main content wraps around */
.twocol #mainContent {
 	margin:0;
	padding:0;
} 
.twocol #sidebar1 {
	display:none;
}
.twocol #sidebar2 {
	float: right; 
	width: 165px;
	padding: 0;
	margin-left:10px;
}

/* 2 Column Layout with right hand column that goes all the way down */
.twocolsolid #mainContent {
 	margin:0;
	margin-right:165px;
	padding:0;
	padding-right:5px;
} 
.twocolsolid #sidebar1 {
	display:none;
}
.twocolsolid #sidebar2 {
	float: right; 
	width: 165px;
	padding: 0;
	margin-left:10px;
}

/* 2 Column Layout with left hand column that goes all the way down */
.twocolsolidleft #mainContent {
 	margin:0;
	margin-left:165px;
	padding:0;
	padding-left:5px;
} 
.twocolsolidleft #sidebar1 {
	float: left; 
	width: 165px;
	padding: 0;
	margin-right:10px;
}
.twocolsolidleft #sidebar2 {
	display:none;
}

.jobspage #container {
	width: 970px;
	margin:0 auto;
}


/* ------------------ OTHER PAGES ------------------------------- */
/* Gap to footer on MyAccount Page */
#myaccount #footerholder {
	margin-top:50px;
}

#mybasket h2 {
	margin-bottom:10px;
}
#mybasket #footerholder {
	margin-top:50px;
}
#mybasket .buttonholder {
	width:auto;
	text-align:right;
	margin-bottom:10px;
}
#mybasket .buttonholder img {
	vertical-align:middle;
	margin-left:10px;
}
#mybasket #changecountry select {
	margin:2px 0;
	padding:1px;
	font-size:11px;
	width: 120px;
	border:1px solid #ccc;
}


/* Table layout for the help and information pages */
table.help {
	border-collapse:collapse;
}
table.help td, table.help th {
	border: 1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	text-align:left;
}
table.basket {
	width:99%;
}
table.basket th {
	background:#393;
	color:#fff;
	font: normal 120% Tahoma, Verdana, Arial, sans-serif;

}
table.saved th {
	background:#71b472;
	color:#fff;
	font: normal 120% Tahoma, Verdana, Arial, sans-serif;
}

table.orders th {
	background:#61a2cc;
	color:#fff;
	font: normal 120% Tahoma, Verdana, Arial, sans-serif;
	white-space:nowrap;
}
table.orders td {
	vertical-align:top;
}
table.help form {
 	white-space:nowrap;
}
table.help td.offername {
	text-align:right;  
}
table.help td.basetotal {
	border-left-color:#fff;
	border-bottom-color:#fff;
	text-align:right;
	font-weight:bold;
	text-transform:capitalize;
}
table.help td.basetotal a {
	font-weight:normal;
}
table.help img {
	margin:2px 0;
}

/* Table Corners - Rounded */
table .corner {
	position:relative;
}
table .corner.tl img {
	position:absolute;
	top:-8px;
	left:-6px;
}
table .corner.tr img {
	position:absolute;
	top:-8px;
	right:-6px;
}
table .corner.bl img {
	position:absolute;
	top:-7px;
	left:-6px;
}
table .corner.br img {
	position:absolute;
	top:-7px;
	right:-5px;
}
table td.blankbase {
	border:none;
	padding-top:0;
}

/* Create a Review Form */
form#review {
	margin-bottom:20px;
}
form#review #submit {
	display:block;
	margin:0.5em 0;
}
form#review .tb { /*text boxes */
	border:1px solid #777;
	margin: 5px 0;
	padding: 3px;
}
form#review h3 {
	margin-top: 0.5em;
}

/* Help Page */
div.helpmenu {
	width:200px;
	float:left;
}
div.helpmenu ul {
	list-style:none;
	margin-top:-1px;
}
div.helpmenu ul li {
	border-bottom: 1px dotted #61a2cc;
}
div.helpmenu ul li a {
	display:block;
	padding:0.5em 10px;
	text-decoration:none;
}
div.helpmenu ul li a:hover {
	background: #cce3ff;
}
div.helpmenu ul li a em {
	font-style:normal;
	font-size:95%;
	color:#555;
}

#helppage ul.circleindiv {
	list-style:inside disc;
	margin: 5px 0 10px 0;
	line-height:1.5em;
	color:#0072b6;
}
#helppage ol {
	list-style:inside decimal;
	margin: 5px 0 10px 0;
	line-height:1.5em;
}

#myaccount ul.circleindiv {
	list-style:inside disc;
	margin: 0 0 5px 10px;
	line-height:1.5em;
}

div.helpcontent {
	margin-left:200px;
	padding: 0 20px;
}
div.helpcontent h2 {
	margin:0.5em 0 1em 0;
}

/* Some re-usable list styles */
ul.blanklist {
	list-style:none;
}
/*jobs table */
.jobstable {
	margin: 10px 0;
	line-height:2em;
	border-collapse:collapse;
	border-bottom:1px solid #ccc;
}
.jobstable td {
	border-top:1px solid #ccc;
}
.jobstable img {
	border:none;
}
.jobstable p {
	margin: 10px 0;
}
.jobstable tr.lightgold td {
	background:#ffc;
}
.jobstable tr.description td {
	background:#ffc;
	border-top:none;
}


/* ------------------ SUPPLEMENTAL PAGES ------------------------ */
/* These tend to be small one off pages such as delivery or odd help pages */
#mainContent.supplement h1 {
	padding: 5px 0;
}
#mainContent.supplement h2 {
	padding: 5px 0 2px 0;
}
#mainContent.supplement a img {
	text-decoration:none;
	border:none;
}

#mainContent.supplement form, form.supplement {
	margin: 5px 0;
}
#mainContent.supplement form input, #mainContent.supplement form select, #mainContent.supplement form textarea,
form.supplement input, form.supplement select, form.supplement textarea {
	border: 1px solid #ccc;
	padding:2px;
	margin: 5px 5px 5px 0;	
}
#mainContent.supplement form input.button, form.supplement input.button {
	border: 3px outset #ddd;
	cursor:pointer;
	font-weight:bold;
}
#mainContent.supplement form input.imagebutton, form.supplement input.imagebutton {
	border:none;
}
#mainContent.supplement form input.radio, form.supplement input.radio {
	padding:0;
	margin:0;
}
#mainContent.supplement form label, form.supplement label {
	display:block;
	vertical-align:middle;
	padding:5px 0;
}

#mainContent.supplement ul {
	margin-left:15px;
}
#mainContent.supplement ul li {
	padding: 0.25em 0;
}
#mainContent.supplement table th {
	font-weight:bold;
}
#mainContent.supplement table * {
	padding:2px;
}
#mainContent.supplement table.sitemap {
	margin-bottom:10px;
}
#mainContent.supplement table.sitemap a {
	text-decoration:none;
	margin:2px;
	padding: 2px 4px;
	border:1px solid #fff;
}
#mainContent.supplement table.sitemap a:hover {
	background:#cce3ff;
	border:1px solid #0472b6;
}
#directoryfooter {
	border-top: 1px solid #ccc;
	margin-top:45px;
}
#mainContent.supplement ul.UKCHTop10 {
	list-style:none;
}
#mainContent.supplement ul.UKCHTop10 li {
	padding-top:10px;
	display:block;
}
#mainContent.supplement ul.UKCHTop10 li img {
	float:left;
	border:1px solid #ccc;
	width:auto;
	max-width:150px;
	margin-right:5px;
}
#mainContent.supplement .errorMessage {
	color:#c00;
	font-weight:bold;
}


/* ------------------ SEARCH BAR -------------------------------- */
#searchbar {
	height:40px;
	margin:0 3px 0 0;
	background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -310px repeat-x;
	line-height:34px;
}
#searchholder {
	white-space:nowrap;
	text-align:center;
}
#searchform * {
	vertical-align:middle;
}
#searchform a {
	margin-left:1.5%;
}
#searchform #searchbox {
	border: 1px solid #999;
	width:230px;
	padding:2px;
}
#searchform #category {
	border:1px solid #999;
	padding:1px;
	margin:1px 0;
}
#searchform .radio {
	margin-right: -0.5ex;
}
#searchform #submit {
	margin: 0 0 2px 2px;
}
#searchbar.noshadow {
	background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -360px repeat-x;
}

/* ------------------ FOOTER ------------------------------------ */
/* Layout */
#footerholder {
	margin-top:10px;
	margin-left:-10px;
	padding-left:10px;
}
#feedbackholder {
	margin:10px 0 0 0;
}
#footer {
	text-align:left;
/*	background:url(/shop/2008/images/stripes.png) repeat center center;  */
} 
#footerbanner {
	text-align:center;
	margin:10px 0 20px 0;
	color:#555;
	font-size:10px;
	border-top:1px solid #ccc;
}
#footerbanner p {
	text-align:right;
	margin:5px;
	padding:0;
	line-height:10px;
}
#footercolumn1 {
	float:left;
	width: 32%;
	margin: 0 1%;
	
}
#footercolumn2 {
	float:left;
	width: 29.5%;
	margin: 0 1%;
}
#footercolumn3 {
	float:left;
	width: 32%;
	margin: 0 0 0 1%;
}
/* Text below footer box */
#footersubtext { 
	margin: 0 200px;
	padding: 0;
	text-align:center;
	font-size: 90%;
}
#footersubtext .phonenum { 
	background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -410px no-repeat;
	width:265px;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; color:#000000;
	text-align:left;
	font-size:22px;
	margin:auto;
}
#footersubtextcontainer {
	margin: 0;
	padding: 0;
}
#footersubtextcontainer .bigphone {
	font-size:200%;
	font-weight:bold;
	color:#393;
}
/* Other Styles */
#footer h2 {
	margin: 0;
	padding: 2px 5px;
	border:none;
	color:#0072b6;
	font-size:120%;
	font-weight:bold;
}
#footer h2 img {
	border:none;
	margin: 0 5px 0 0;
}
#footer .bl {
	margin-top:10px;
}
#footer p {
	line-height:1.5em;
}
#footer ul {
	list-style: none;
	margin-top:5px;
}
#footer ul li {
	padding: 0.5em 0;
}
#footer ul.viewed img{
	float:left;
	vertical-align:top;
}
#footer ul.searches {
	padding-bottom:3px;
}

#footer dl.viewed {
	margin-top:8px;
}
#footer dl.viewed dt {
	display:block;
	float:left;
	margin-bottom:10px;
	padding: 3px 5px;
}
#footer dl.viewed dd {
	margin-bottom:10px;
	padding-left:53px;
}
/*feedback form*/
#feedbackstyle {
	margin:0 10px;
	padding: 5px 0;
}
#feedbackstyle p {
	margin:10px 0 5px 0;
	padding:0;
}
#feedbackstyle form textarea {
	border:1px solid #ccc;
	padding:2px;
	margin: 5px 0;
	background:#fff;
	display:block;
}
#feedbackstyle form label {
	font-weight:bold;
}
#feedbackstyle h2 {
	margin: 0;
	padding: 2px 5px;
	border:none;
	color:#0072b6;
	font-size:120%;
	font-weight:bold;
}
#feedbackstyle h2 img {
	border:none;
	margin: 0 5px 0 0;
}


/* ------------------ HEADER ------------------------------------ */
#header {
	/* IE Fix, do not remove */
	padding:5px 0 0 0;
	background: #fff;
	position:relative;
} 
#header img {
	border: none;
	vertical-align: middle;
}
/* the icon info menu at the top of the page */
#header a.infomenu {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin: 0 5px 0 0;
}
#header a.infomenu span {
	margin-left:3px;
}
#header a.infomenu:hover span {
	text-decoration:underline;
}
#header p.loggedin {
	margin:3px 0 0 0;
	padding:0;
	text-align:right;
	font-size: 95%;
}
#header .edenlogo {
	margin: 0 0 5px 0;
}

.loggedin { 
	float: right; 
	color: #fff; 
	line-height: 25px;
	padding-right: 10px;
}
.loggedin a, .loggedin a:visited {
color: #fff;
}


/* ------------------ SIDE BARS --------------------------------- */
#sidebar1 h3 {
	color:#fff;
}
#sidebar2 h3 {
	color:#fff;
}

/* LHS Navigation */
h1.LHSNav, h3.LHSNav {
	margin:0;
	padding:0;
	line-height:32px;
	font-size: 120%;
	font-weight: normal;
	border-bottom:1px solid;
	background: url(/shop/2008/images/navigation/eden-sprites.png) -350px -410px no-repeat;
	height: 27px;
}
ul.LHSNav1 {
	font-size:100%;
	list-style: none;
	margin:-1px 0 0 0;
	padding:0;
	border-collapse:collapse;
}
ul.LHSNav1 li{
	border: 1px solid #fff;
}
ul.LHSNav1 li.first a {
	border-top:1px solid #fff;
}
ul.LHSNav1 li a{
	display:block;
	border-top: 1px dotted #0070b4;
	margin: -2px -1px -1px -1px;
	padding: 0.3em 10px;
	text-decoration:none;
}
ul.LHSNav1 li a:hover{
	background: #cce3ff;
}
ul.LHSNav1 li.first a:hover{
	border-top:1px dotted #0070b4;
}
/* Category Lists (nested) */
ul.category {
	list-style:none;
	margin:0 5px 10px 10px;
	padding:0;
	font-size:95%;
}
ul.category li {
	margin: 0;
}
ul.category li ul {
	list-style: none;
	margin-left: 3px;
}
ul.category li ul.final {
	margin-left: 11px;
}
ul.category li a {
	display:block;
	text-decoration:none;
	padding: 2px;
}
ul.category strong.currentcategory {
	display:block;
	padding-left:13px;
}
ul.category li a em {
	font-style:normal;
	color:#555555;
}
ul.category li a:hover {
	text-decoration:underline;
	background-color:#e5f2ff;
}

/*Price brackets for winnowing by price */
form.prices {
	margin-top:2px;
}
form.prices input.qty{
	border:1px solid #999;
	margin-left:2px;
	width:4ex;
}
form.prices input#submit{
	vertical-align:bottom;
}

/* Mini Basket Styles */
div.minibasket {
	/*position:relative;*/
	text-align:center;
/*	z-index:190; */
}
div.minibasketaddon {
	margin-top:4px;
	padding-top:4px;
	text-align:center;
	border: none 0;
	border-top: 1px dotted #339933;/*the border*/
}
div.minibasketaddon div.payby {
	padding-top:5px;
}
div.minibasketaddon.cards {
	display:none;
}
.home div.minibasketaddon.cards {
	display:block;
}
.minibasket #popupanchor {
	position:relative;
}
.minibasket #addedpopup {
	position:absolute;
	width:220px;
	top:20px;
	right:180px;
	z-index:200;
	padding: 0 7px 7px 0;
	text-align:left;
	background:url(/shop/2008/images/boxes/popupbacking.gif) bottom right;
}
.minibasket #addedpopup #keepshopping {
	margin-right:10px;
}
.minibasket #addedpopup #connector {
	position:absolute;
	top:-5px;
	right:-33px;
}
.minibasket #closebasketpopup {
	display:block;
	position:absolute;
	top:4px;
	right:13px;
	padding: 0 2px;
	border:1px solid #fff;
	color:#fff;
	font-size:8px;
	font-weight:bold;
	cursor:pointer;
}
.minibasket #addedpopup .xrounded {
	margin:0;
}

.sidebanner {
	margin:5px 0;
}

/* Shop Feature - single right aligned image with word wrap */
.featimageitem {
	padding: 5px 10px;
	text-align:left;
}
.featimageitem img {
	float:left;
	padding: 5px 5px 5px 0;
}
.featimageitem div {
	display:inline;
}

/* Product Feature */
.featproduct {
	padding: 5px 10px;
	text-align:left;
}
.featproduct img {
	padding: 5px 5px 5px 0;
	float:left;
}


/* Product Feature - small image (40px wide) with short description to right */
.smallimageitem {
	padding: 5px 10px;
}
.smallimageitem img {
	float:left;
	padding-right:5px;
	margin: 3px 0 5px 0;
}
.smallimageitem div {
	float:right;
	width:98px;
	margin-bottom:5px;
}

/* Information with icon (24x24) to left */
.infotext24 {
	padding: 5px 10px;
}
.infotext24 img {
	float:left;
	padding-right:5px;
	margin:3px 0 5px 0;
}
.infotext24 div {
	float:right;
	width:114px;
	margin-bottom:5px;
}
#helppage .infotext24.hide {
	display:none;
}

/* Information with icon (32x32) to left */
.infotext32 {
	padding: 5px 10px;
}
.infotext32 img {
	float:left;
	padding-right:5px;
	margin:5px 0 5px 0;
}
.infotext32 div {
	float:right;
	width:106px;
	margin-bottom:5px;
}

/* Styling for top ten (or whatever) lists */
div.bestsellers {
	font-size:100%;
	list-style: none;
}
div.bestsellers .listy {
	padding: 3px 10px 0 5px;
	border: none 0;
	border-top: 1px dotted #71b472;
}
div.bestsellers .first {
	border:none;
}
div.bestsellers .listy div.number {
	float:left;
	width:15px;
	text-align:right;
}
div.bestsellers .listy div.item {
	float:right;
	width:128px;
	margin-bottom:3px;
}
div.bestsellers .listy em {
	display:block;
}

/* Styling for item lists with artist names */
div.bestsellers2 {
	font-size:100%;
	list-style: none;
}
div.bestsellers2 .listy {
	padding: 3px 10px 0 5px;
	border: none 0;
	border-top: 1px dotted #71b472;
}
div.bestsellers2 .first {
	border:none;
}
div.bestsellers2 .listy div.number {
	float:left;
	width:15px;
	text-align:right;
}
div.bestsellers2 .listy div.item {
	float:right;
	width:128px;
	margin-bottom:3px;
}
div.bestsellers2 .listy div.price {

}
div.bestsellers2 .listy div.artist {
	padding:2px 0;

}

.sideholder {
	margin-bottom:5px;
}


/* Rounded Boxes courtesy of (www.cssplay.co.uk/boxes/snazzy2.html) */
.xrounded h1, .zrounded h1, .xrounded h3, .zrounded h3 {
	margin:0;
	padding:0 10px 5px 10px;
	border-bottom:1px solid;
	font-size: 120%;
	font-weight: normal;
}
.xrounded h2, .zrounded h2 {
	margin:0;
	padding:5px 10px;
	border-bottom:1px solid;
	font-size: 120%;
	font-weight: normal;
}
.xrounded p, .zrounded p {
margin:0; 
padding:5px 10px;
}

.xrounded {
background: transparent; 
width:100%; 
float:left; 
margin: 0 0 10px 0;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid;
border-right:1px solid;
}
.xb1 {
margin:0 5px;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid;
border-width:0 1px;
height:auto;
background:#fff;
}
* html .xboxcontent {
height:1px;
}

.color_green {
	background:#339933;
	color:#fff;
}
.color_bord_green {
	border-color:#339933;
}
.color_blue {
	background:#0072b6; 
	color:#fff;
}
.color_bord_blue {
	border-color:#0072b6;
}
.color_lightblue {
	background:#61a2cc;
	color:#fff;
}
.color_bord_lightblue {
	border-color:#61a2cc;
}
.color_vlightblue {
	background:#cce3ff;
	color:#333;
}
.color_bord_vlightblue {
	border-color:#cce3ff;
}
.color_grey {
	background:#999; 
	color:#fff;
}
.color_bord_grey {
	border-color:#999;
}
.color_nature {
	background:#71b472; 
	color:#fff;
}
.color_bord_nature {
	border-color:#71b472;
}
.color_light_nature {
	background:#bfe6c0; 
	color:#333;
}
.color_bord_light_nature {
	border-color:#bfe6c0;
}
.color_lightgold {
	background:#ffc; 
	color:#333;
}
.color_bord_lightgold {
	border-color:#ffc;
}



/* ------------------ BUTTONS ----------------------------------- */
/* Blue 'Go>>' Button */
.bluego {
	background: url(/shop/2008/images/btnGo.gif);
	width: 53px;
	height: 20px;
	color:#fff;
	cursor:pointer;
	font-size: 14px;
	font-weight: bold;
}

/* Dynamic Buttons (ie. use actual text) */
a.bluebuttonlarge {
	display:block;
	float:left;
	height: 18px;
	line-height:18px;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 6px;
	color:#fff;
	cursor:pointer;
	background: url('/shop/2008/images/btnLargeBlueA.gif') no-repeat;
	width:auto;
}
a.bluebuttonlarge span {
	padding:0 12px 0 6px;
	height:18px;
	display: block;
	float:left;
	line-height: 14px;
	background:url('/shop/2008/images/btnLargeBlueB.gif') right top no-repeat;
	width:auto;
}

/* ------------------ WIDGETS --------------------- */
.widgetholder {
	padding:0; /*8px 0*/
}


/* ------------------ MISC. ITEMS FOR REUSE --------------------- */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.floatbreak { /* line break after a float */
	display:block;
	width:100%;
	font-size:1px;
	height:1px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearleft {
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;

}
.padrt {
	padding-right:5px;
}
.indent {
	padding-left: 2em;
}
.twocolumnholder {
	padding:0;
	margin:0;
}
.twocolumnholder .column1 {
	width:48%;
	margin: 0 1% 0 0;
	float:left;
}
.twocolumnholder .column2 {
	width:48%;
	margin: 0 0 0 1%;
	float:left;
}
.capitalize {
	text-transform: capitalize;	
}

form.general {
	margin: 5px 0;
}
form.general input, form.general select, form.general textarea {
	border: 1px solid #ccc;
	padding:2px;
	margin: 5px 5px 5px 0;	
}
form.general input.button {
	border: 3px outset #ddd;
	cursor:pointer;
	font-weight:bold;
}
form.general input.radio {
	padding:0;
	margin:0;
}
form.general input.imagebutton {
	border:none;
}
form.general label {
	display:block;
	vertical-align:middle;
	padding:5px 0;
}
#mainContent div.scrollinglist {
	width:auto;
	overflow:auto;
	overflow-y:hidden;
	text-align:center;
	margin: 10px 0;
}
div.vscrollinglist {
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	margin: 10px 0;
}
div.scrollinglist .fixedwidth {
	width:140px;
}
form.inline {
	display:inline;
}
form.inline input {
	display:inline;
}
table.productdisplay {
	margin:10px 0;
	border-collapse:collapse;
	width:98%;
}
table.productdisplay td {
	border: 1px solid #ccc;
	border-left:none;
	border-right:none;
}
table.productdisplay td {
	padding:10px 5px;
}
.errorHighlightBox {
	border:2px solid #CC0000;
	padding: 4px;
}
/*Expanding Button*/
a.expandingbutton {
	color: #333;
}
.expandingbutton {
    background: transparent url('/shop/2008/images/buttons/slidebutton_b.gif') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 21px;
    margin-right: 6px;
    padding-right: 25px;
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
	vertical-align:middle;
}

.expandingbutton span, .expandingbutton input {
    background: transparent url('/shop/2008/images/buttons/slidebutton_a.gif') no-repeat; 
    display: block;
    line-height: 20px;
    padding: 0 5px 1px 10px;
} 

/* ------------------ Autocomplete ------------------- */
.ac_results {
	padding: 0px;
	border: 1px solid #999;
	border-top:none;
	margin-top:-1px;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin-left:-26px;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
}
.ac_results li {
	margin: 0px;
	padding: 4px 5px;
	cursor: default;
	display: block;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	font: menu;
	font-size: 12px;
	/* line height needs to be set in pixels for scroll bar to work in firefox */
	line-height: 16px;
	overflow: hidden;
}
.ac_results li em, .ac_results li em strong {
	color:#999;
}
.ac_results li img {
	float:left;
	margin-right:5px;
}
.ac_results li .searchsuggestspacer {
	width:30px;
	height:5px;
	float:left;
	margin-right:3px;
}
.ac_results li strong {
	color:#0472B6;
}
.ac_results li.ac_over strong {
	color:#fff;
}
.ac_loading { }
.ac_odd {
	background-color: #fff;
}
.ac_over {
	background-color: #0472B6;
	color: white;
}


/* Widgets CSS, formerly in WIDGETS.css  */

.expandingproductrow {
	position:relative;
	margin-top:10px;
	overflow:hidden;
	color:#333;
	z-index:1;
}
.expandingproductrow.cd {
	height:150px;
}
.expandingproductrow table {
	float:left;
}
.expandingproductrow .book {
	float:left;
	position:relative;
	margin:0 3px 0px 3px;
	width:118px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
.expandingproductrow .book .holder2 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:1.2em;
}
.expandingproductrow .book .holder2 .description {
	display:block;
	height:72px;
	bottom:0;
}



.expandingproductrowB {
	position:relative;
	height:200px;
	margin:10px 0;
	overflow:hidden;
	color:#333;
	z-index:1;
}
.expandingproductrowB.cd {
	height:150px;
}
.expandingproductrowB table {
	float:left;
}
.expandingproductrowB .book {
	float:left;
	position:relative;
	margin:0 3px 10px 3px;
	padding-right:5px;
	font-size:110%;
	height:120px;
	width:230px; /* */
	text-align:left; /* */
	text-decoration:none;
	color:#333;
}
.expandingproductrowB .book .holder2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	line-height:1.2em;
}
.expandingproductrowB .book .holder2 img {
	float:left;
	margin:0 5px 0 5px;
}
.expandingproductrowB .book .holder2 a {
	font-weight:bold;
}



.featurepanelcont {
	text-align:center;
}
.featurepanel {
	min-height:100px;
	display:inline-block;
	text-align:left;
	margin:10px auto;
}
.featurepanel img {
	float:left;
	margin:0 10px 10px 0;
}
.featurepanel p {
	margin:0;
	padding:0 10px;
}
.featurepanel h2 {
	padding:0 0 4px 0;
}
.featurepanelimagesonly {
	text-align:center;
	margin:10px 0;
}

.wordcloud {
	margin:10px 5px 10px 5px;
	text-align:left;
}
.wordcloud a {
	text-decoration:none;
	white-space:nowrap;
	margin:0 4px;
}
.wordcloud a:hover {
	text-decoration:underline;
}


.songsearch {
	background:url(/shop/2008/images/sortbarBacking.jpg) top left repeat-x;
	padding:5px 10px;
	margin:10px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	height:1%;
}
.songsearch h3 {
	background:url(/shop/2008/images/icons/music.gif) top left no-repeat;
	line-height:25px;
	padding-left:30px;
}
.songsearch form, .songsearch form *{
	vertical-align:middle;
}




/* Top Navigation Bar */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop8.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {display:none;}
.preload2 {display:none;}
.topNav {
	padding:0 5px 0 0;
	margin:0;
	list-style:none;
	height:26px;
	position:relative;
	z-index:500;
	font-family:tahoma, verdana, arial, sans-serif;
	background-color: transparent;
/*	overflow-x:hidden;
	overflow-y:visible;*/
}
.topNav li {
	display:block;
	float:left;
}
.topNav li a {
	display:block;
	float:left;
	height:26px;
	line-height:29px;
	color:#333;
	text-decoration:none;
	font-size:15px;
	padding:0 0 0 5px;
	cursor:pointer;
	background: url(/shop/2008/images/navigation/eden-sprites.png) no-repeat;
}
.topNav li a span {float:left; display:block; padding:0 9px 0 4px; height:26px; background:url(/shop/2008/images/navigation/eden-sprites.png) no-repeat 100% 0;}

.topNav li a:hover { color:#fff; text-decoration: underline; background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -30px no-repeat; }
.topNav li:hover > a { color:#fff; text-decoration: underline; background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -30px no-repeat; }
.topNav li a:hover span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -30px no-repeat; }
.topNav li:hover > a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -30px no-repeat; }

.topNav li ul * {
	float:none;
}
.topNav li ul li a {
	background-image:none;
}

.topNav table {border-collapse:collapse; padding:0; width:0; height:0; margin:-20px 0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.topNav a:hover {visibility:visible; position:relative; z-index:200;}
.topNav li:hover {position:relative; z-index:200;}

/* Drop down menus */
/* keep the 'next' level invisible by placing it off screen. */
.topNav ul, .topNav iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topNav ul.norm { width:148px; }
.topNav ul.wider { width:170px; }
.topNav li ul { background:#0472b6; }

.topNav :hover iframe.one {left:0; top:26px; width:140px; height:80px;}
.topNav :hover iframe.two {left:0; top:26px; width:180px; height:80px;}

.topNav :hover ul {left:0; top:26px; border:2px solid #0472b6; padding:2px 0 3px 0; white-space:nowrap; height:auto; z-index:300;}
.topNav :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:100%; background:#0472b6;}
.topNav :hover ul li a {color:#000; background:#fff; display:block; font-size:11px; height:20px; line-height:20px; border:1px solid #fff; margin:0 3px; text-decoration:none;}
.topNav :hover ul.norm li a { width:135px; }
.topNav :hover ul.wider li a { width:157px; }
.topNav :hover ul li a:hover {background:#d1e3ed; border:1px solid #ccc; border-left:1px solid #d1e3ed; border-right:1px solid #d1e3ed; text-decoration: none;}

/* Selected Tab */
.topNav li.selected a {	background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -60px no-repeat; color:#fff; line-height:26px;}
.topNav li.selected a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -60px no-repeat; }

/* Christmas / Offer Tab */
.topNav li.redtab * { color:#fff; }
.topNav li.redtab a { background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -90px no-repeat; }
.topNav li.redtab a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -90px no-repeat;}
.topNav li.redtab a:hover { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -120px no-repeat; }
.topNav li.redtab:hover > a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -120px no-repeat; }
.topNav li.redtab a:hover span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -120px no-repeat; }
.topNav li.redtab:hover > a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -120px no-repeat; }
.topNav li.redtab.selected a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -150px no-repeat; }
.topNav li.redtab.selected a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -150px no-repeat; }
.topNav:hover li.redtab ul li a:hover { background:#C82801; color:#fff; }
.topNav ul.redmenu { background:#C82801; }
.topNav :hover ul.redmenu { border-color:#C82801; }
.topNav :hover ul.redmenu li { background-color:#C82801; border-color:#C82801; }
.topNav :hover ul.redmenu li a { color:#000; background:#fff; display:block; font-size:11px; height:20px; line-height:20px; border:1px solid #fff; margin:0 3px; text-decoration:none; }
.topNav :hover ul.redmenu li a:hover { background:#C82801; border:1px solid #fff; border-left:1px solid #C82801; border-right:1px solid #C82801; text-decoration: none; }

/* Christmas 2010 */
.topNav li.christmas a { background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -455px no-repeat; }
.topNav li.christmas a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -455px no-repeat;}
.topNav li.christmas a:hover { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -455px no-repeat; color:#321F11;}
.topNav li.christmas:hover > a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -455px no-repeat; color:#321F11;}
.topNav li.christmas a:hover span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -455px no-repeat; color:#321F11;}
.topNav li.christmas:hover > a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -455px no-repeat; color:#321F11;}
.topNav li.christmas.selected a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -455px no-repeat; color:#321F11;}
.topNav li.christmas.selected a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -455px no-repeat; color:#321F11;}

/* General Tab */
.topNav li.greytab a{ color:#fff; }
.topNav li.greytab a { background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -180px no-repeat; }
.topNav li.greytab a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -180px no-repeat;}
.topNav li.greytab a:hover { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -180px no-repeat; }
.topNav li.greytab:hover > a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -180px no-repeat; }
.topNav li.greytab a:hover span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -180px no-repeat; }
.topNav li.greytab:hover > a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -180px no-repeat; }
.topNav li.greytab.selected a { background:url(/shop/2008/images/navigation/eden-sprites.png) 0 -210px no-repeat; }
.topNav li.greytab.selected a span { background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -210px no-repeat; }
.topNav:hover li.greytab ul li a:hover { background:#333; color:#fff; }
.topNav ul.greymenu { background:#333; }
.topNav :hover ul.greymenu { border-color:#333; }
.topNav :hover ul.greymenu li { background-color:#333; border-color:#333; }
.topNav :hover ul.greymenu li a { color:#000; background:#fff; display:block; font-size:11px; height:20px; line-height:20px; border:1px solid #fff; margin:0 3px; text-decoration:none; }
.topNav :hover ul.greymenu li a:hover { background:#333; border:1px solid #fff; border-left:1px solid #333; border-right:1px solid #333; text-decoration: none; }
/* Horizontal Blue Bar */
#topNavBar {
	list-style:none;
	height:28px;
	z-index:100;
	font-family:tahoma, verdana, arial, sans-serif;
	background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -240px no-repeat;
	position:relative;
}
#topNavBar div {
	float:left;
	display:block;
	height:28px;
	background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -240px no-repeat;
	background-color: #0472b6;
	width: 100%;
}
#topNavBar li a {
	color:#fff;
	text-decoration:none;
	margin:0 10px;
}
#topNavBar li a:hover {
	text-decoration:underline;
}
#topNavBar li {
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:28px;
	cursor:default;
}
#topNavBar #phonenumber {
	float:right;
	margin:0 10px 0 0;
}
#topNavBar div form {
	float:right;
	height:28px;
	line-height:28px;
	padding-right:7px;
	color:#fff;
}
#topNavBar div form input {
	padding:0;
	margin:0 2px 3px 0;
	vertical-align:middle;
}
/* Top Nav Bar Christmas Themed */
#topNavBar.christmasstore {
	background: url(/shop/2008/images/navigation/eden-sprites.png) 0 -270px no-repeat;
}
#topNavBar.christmasstore div {
	background:url(/shop/2008/images/navigation/eden-sprites.png) 100% -270px no-repeat;
	background-color: #C82801;
}

/* ---- Pop Up Message Box ---- */
#message_panel{
	display:none;
	position:absolute;
	top:170px;
	left:370px;
	z-index:1001;
	width:600px;
}
#message_panel.orig{
	width:430px;
	padding:15px;
	background-image:url(/shop/2008/images/boxes/messagePanelBG.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:1px solid #C3DDEC;
	text-align:center;
	font-size:110%;
}
#message_panel img {
	margin: 0 10px;
}
#message_panel a {
	cursor:pointer;
}
#fadeout{
	width:100%;
	height:100%;
	background:#D9EAF4;
	display:none;
	position:absolute;
	top:0;
	left:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	opacity: 0.5;
	z-index:1000;
}
/** Customfilters styles **/
.filter_found_header{
	font-size:20px;
	color:#AF3421;
	margin-bottom: 0px !important;
}
.filter_found_header>span{
	color:#0472B6;
}
.filter_found_text{
	font-size:12px;
	color:#606060 !important;
	font-weight:normal;
	margin-bottom:5px;
}
.filter_found_count{
	font-size:12px;
	color:red;
	vertical-align:bottom;
	text-align:right;
	font-weight:bold;
	padding-bottom:10px;
}