/*****************************************************************************
 *                                                                           *
 * EDEN.CO.UK                                                                *
 * SCREEN CSS                                                                *
 *                                                                           *
 *****************************************************************************/



/*****************************************************************************
 *                                                                           *
 * BASIC LAYOUT                                                              *
 *                                                                           *
 *****************************************************************************/
 body {
	margin: 0;
	background-color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	color: #000;
}

h1 {
	color: #333333;
	font-size: 1.6em;
	line-height: 1.4em;
/*	font-family:Arial Rounded MT Bold, Arial, sans-serif; */
	font-family:Arial, sans-serif;
	margin-bottom: 6px;
	}


h2 {
	color: #666666;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
}

h3 {
	color: #000000;
	font-size: 1.2em;
	margin-bottom: 0px;
}


div.frame {
	width: 770px;
	margin: 0px auto;			/* 0px top/bottom margin, auto left/right margin = centred */
}

div.banner {
	clear: both;				/* clear floating elements to left and right */
	margin-top: 0;
}

div.cleared {
	clear: both;
	margin-top: 10px;
}



/*****************************************************************************
 *                                                                           *
 * FORMATTING                                                                *
 *                                                                           *
 *****************************************************************************/
xh1 {
	color: #333333;
	font-size: 1.8em;
	line-height: 1.4em;
/*	font-family:Arial Rounded MT Bold, Arial, sans-serif; */
	font-family:Arial, sans-serif;
	margin-bottom: 4px;
	}

xh2 {
	color: #333333;
	font-size: 1.4em;
}

xh3 {
	color: #333333;
	font-size: 1.2em;
}

ul {
	list-style-type: disc;	/* margins/padding for IE */
	margin: 0 0 0 -20px;
	padding: 0 0 0 40px;
}

ul li {
	padding-bottom: 2px;		/* spacing between list items */
}

span.title {
	font-weight: bold;
}

span.author {
	font-style: italic;
}

span.pricetype {
	color: #0070B5;
	font-weight: bold;
}

span.salepricetype {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
}

span.rrpprice {
	salecolor: #FF0000;
	color: #339933;
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: line-through;
}

span.edenprice {
	color: #339933;
	font-size: 1.2em;
	font-weight: bold;
}

span.saleprice {
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
}

span.redstar {
	color: #FF0000;
}

p.errorMessage, span.errorMessage {
	color: #FF0000;
	font-weight: bold;
}

form {
	padding: 0;					/* by default IE leaves margin/padding around form */
	margin: 0;
}

input, select {
	vertical-align: middle;		/* aligns form input elements vertically */
}



/*****************************************************************************
 *                                                                           *
 * HEADER                                                                    *
 *                                                                           *
 *****************************************************************************/
div.header {
	height: 105px;
	padding-top: 10px;
}

div.logo {
	float: left;
}

div.advert {
	height: 60px;
	float: right;
	margin-top: 6px;
}

div.menu {
	padding: 14px 0 0 0;
	clear: both;
	text-align: center;
}



/*****************************************************************************
 *                                                                           *
 * SUBHEADER & BASKET                                                        *
 *                                                                           *
 *****************************************************************************/
div.subheader {
	border-top: 2px solid #ccc;
	font-size: 0.8em;
	color: #333333;
	min-height: 20px;
	line-height: 20px;
	border-bottom: 2px solid #ccc;
}

div.subheader img {
	vertical-align: middle;
}

div.subheaderline {
	border-top: 2px solid #ccc;
}

div.subheaderleft {
	float: left;
	height: 20px;
}

div.subheaderright {
	float: right;
	height: 20px;
}

div.fullbasket table td {
	padding: 5px;
	font-sizexxx: 0.8em;
	border: 1px solid #999;
}

div.fullbasket table td.noborder {
	border: 0;
}

div.fullbasket table td.shaded {
	background-color: #F0F0F0;
	font-weight: bold;
}

/*****************************************************************************
 *                                                                           *
 * BASKET FOR PERSONALISED CDs                                               *
 *                                                                           *
 *****************************************************************************/

div.mediumbasket table td {
	padding: 5px;
	font-size: 1.0em;
	border: 1px solid #999;
	table-width: 99%;
}

div.mediumbasket table td.noborder {
	border: 0;
}

div.mediumbasket table td.shaded {
	background-color: #F0F0F0;
	font-weight: bold;
}



/*****************************************************************************
 *                                                                           *
 * SECURE TABLES                                                             *
 *                                                                           *
 *****************************************************************************/
table.securelisting tr.heading td {
	background-color: #CDE3F0;
	font-weight: bold;
	color: #000;
}

table.securelisting td.discount {
	background-color: #D7EBD7;
	font-style: italic;
}

table.securelisting td.subtotal {
	background-color: #CDE3F0;
	font-weight: bold;
}

table.securelisting td.total {
	background-color: #0070B4;
	font-weight: bold;
	color: #FFF;
}



/*****************************************************************************
 *                                                                           *
 * SIDE                                                                      *
 *                                                                           *
 *****************************************************************************/
div.side {
	float: left;
	width: 180px;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-right: 0px;
}

div.side table {
	width: 100%;
	padding: 0;
	margin: 0;
}

div.side table td {
	font-size: 0.8em;
	vertical-align: top;
}

div.sideborder {
	border: 1px solid #ccc;
}

div.sideheader {
	float: left;
	padding-top: 8px;
	padding-left: 5px;
}

div.sideheadertext {
	float: left;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	height: 30px;
	line-height: 26px;
}

div.sideicon {
	margin-top: -30px;
	float: right;
}

div.sideexpandbutton {
	float: right;
	padding: 7px;
}

div.advancedsearch {
	margin-top: 10px;
	width: 100%;
	text-align: right;
}

div.advancedsearch img {
	vertical-align: middle;
}

ul.side {
	list-style-type: square;
	margin-left: -20px;
	padding-left: 40px;
}

ul.side li {
	padding-bottom: 3px;
}



/*****************************************************************************
 *                                                                           *
 * BOX DIVS                                                                  *
 *                                                                           *
 *****************************************************************************/
div.spacer {
 	height: 5px;
}

div.blueboxtop {
	background: #F3F8FC url("../images/layout/blueboxtop.jpg") repeat-x;
	height: 30px;
}

div.bluebox {
	background-color: #F3F8FC;
	padding: 8px 5px 5px 5px;
}

div.greenboxtop {
	background: #F5FAF5 url("../images/layout/greenboxtop.jpg") repeat-x;
	height: 30px;
}

div.greenbox {
	background-color: #F5FAF5;
	padding: 8px 5px 5px 5px;
}

div.expandableboxtop {
	cursor: hand;
	background-color: #EEE;
	height: 30px;
}

#about, #buying, #privacy {
	background-color: #EEE;
	padding: 5px;
}



/*****************************************************************************
 *                                                                           *
 * CONTENT                                                                   *
 *                                                                           *
 *****************************************************************************/
div.content {
	margin: 0 0 0 200px;		/* left margin = 200px, to leave room for 180px side div */
}

div.content table {
	width: 550px;
}

div.content table.nested {
	width: auto;
}

div.content table td {
	vertical-align: top;
}

div.contentcontainer {
	text-align: left;
	padding: 5px;
}

div.contentheading {
	float: left;
	padding-left: 5px;
}

div.contenticon {
	margin-top: -20px;
	float: right;
}

div.bluebg {
	background-color: #F3F8FC;
}

div.greenbg {
	background-color: #F5FAF5;
}

div.breadcrumb {
	font-size: 0.8em;
	color: #0070B5;
}

div.blueheading {
	text-align: left;
	height: 20px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	background: #F3F8FC url("../images/layout/blueheading.jpg") repeat-x;
	line-height: 18px;
	color: #FFF;
	font-size: 0.9em;
}

div.greenheading {
	text-align: left;
	height: 20px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	background: #F5FAF5 url("../images/layout/greenheading.jpg") repeat-x;
	line-height: 18px;
	color: #FFF;
	font-size: 0.9em;
}

div.christmasheading {
	text-align: left;
	height: 20px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	background: #DA0000;
	line-height: 18px;
	color: #FFF;
	font-size: 0.9em;
}


div.christmasheading2 {
	text-align: left;
	height: 20px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	background: #009900;
	line-height: 18px;
	color: #FFF;
	font-size: 0.9em;
}

div.greensubheading {
	text-align: left;
	height: 20px;
	padding: 0 5px 0 5px;
	margin: 10px -3px 10px -7px;
	font-weight: bold;
	background: #D7EBD7;
	line-height: 18px;
	color: #333;
	font-size: 0.9em;
}

div.promo {
	padding: 10px 0 30px 0;
	width: 380px;
	text-align: center;
	float: left;
}

div.flash {
	margin: 20px 0 20px 0;
	padding: 0;
	width: 570px;
}

div.floatleft {
	float: left;
}

div.floatright {
	float: right;
}

div.floatright input {
	vertical-align: middle;
}

div.image {
	float: left;
	padding: 0 20px 20px 0;
}

div.headlineimage {
	float: left;
	padding: 5px 5px 5px 0;
}

div.productdetails {
	clear: right;
	margin-bottom: 20px;
}

table.productdetails td {
	vertical-align: top;
}

table.productdetails td.label {
	font-weight: bold;
	padding-right: 20px;
}


div.buy {
	float: right;
	background-color: #FFFFCC;
	padding: 5px;
	margin: 0 0 90px 20px;				/* 90px bottom margin to ensure contentwrappers underneath
											this div clear the bottom of the product image */
}

div.buy input {
	margin-top: 10px;
	vertical-align: middle;
}

div.lightblue {
	border: 1px solid #0070B5;
	padding: 10px;
	background-color: #F3F8FC;
}

div.content table td.header {
	background-color: #CCCCCC;
	font-weight: bold;
}

table tr.heading td {
	background-color: #0070B5;
	font-weight: bold;
	color: #FFF;
}

table td.label {
	font-weight: bold;
	padding-right: 20px;
	width: 30%;
}


/*****************************************************************************
 *                                                                           *
 * DIRECTORY                                                                 *
 *                                                                           *
 *****************************************************************************/
div.directorylisting {
 	width: 550px;
	padding: 5px;
	margin-bottom: 20px;
}

div.websiteimage {
	margin-right: 20px;
	float: left;
}

div.directorylisting table {
	width: 100%;
}

div.directorylisting table td {
	vertical-align: top;
}

div.directorylisting table td.header {
	font-weight: bold;
	padding-right: 20px;
	background: none;
}

div.directorylisting table td img {
	vertical-align: middle;
	margin-right: 2px;
}

span.goldheading {
	font-size: 1.4em;
}

span.silverheading {
	font-size: 1.2em;
}

span.standardheading {
	font-size: 1em;
}

div.gold {
	background-color: #FFFAE5;
	border: 1px dotted #FFCC00;
}

div.silver {
	background-color: #F3F3F3;
	border: 1px dotted #CCCCCC;
}



/*****************************************************************************
 *                                                                           *
 * SUB HEADER LINKS							     *
 *                                                                           *
 *****************************************************************************/

div.sublinks {
    align: center;
    border: #FFFFFF 0px solid;
    padding: 5px;
    background-color: #F0F0F0;
    background-image: url(/staticimages/christmas_christian_bookshop_banner.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
}

.sublinks a:link	{ color:#CC0000; }
.sublinks a:visited { color:#CC0000;}
.sublinks a:hover { color:#CC0000;}

/*****************************************************************************
 *                                                                           *
 * FOOTER                                                                    *
 *                                                                           *
 *****************************************************************************/
div.footer {
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #ccc;
	text-align: center;
	color: #666666;
	font-size: 0.8em;
	line-height: 1.4em;
}



/*****************************************************************************
 *                                                                           *
 * WRAPPER                                                                   *
 *                                                                           *
 *****************************************************************************/
div.contentwrapper {
	margin-bottom: 20px;
	clear: right;
}

div.contentwrapper table td.smallimage {
	width: 70px;
}

div.contentwrapper table td.bigimage {
	width: 70px;
}

div.contentwrapper table td {
	padding-bottom: 10px;
	vertical-align: top;
}

div.contentwrapper table {
	width: 99%;
}

div.twocolumn {
	width: 270px;
}

div.threecolumn {
	width: 180px;
}



/*****************************************************************************
 *                                                                           *
 * LINKS                                                                     *
 *                                                                           *
 *****************************************************************************/
a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

div.bluebox a, div.greenbox a {
	color: #000;
	font-weight: bold;
}

div.bluebox a:hover, div:greenbox a:hover {
	color: none;
}

div.smallsummarylink a:link , div.smallsummarylink a:hover {
	align: center;
	text-align: center;
	font-weight: bold;
	font-size: 2.0em;
}

div.subheader a {
	color: #0070B5;
	font-weight: bold;
}

div.subheader a:hover {
	color: #999999;
}

span.logout a {
	color: #FF0000;
}

span.logout a:hover {
	color: #999999;
}

div#basket a {
	color: #999;
	text-decoration: underline;
}

div#basket a:hover {
	text-decoration: none;
}

div#about a, div#buying a, div#privacy a {
	color: #333333;
}

div.content a {
	color: #000099;
	font-weight: normal;
	text-decoration: underline;
}
div.content a:hover {
	font-weight: normal;
	background-color: #AAC8EC;
	text-decoration: underline;
}
div.breadcrumb a {
	color: #0070B5;
}

div.footer a {
	color: #666666;
}

div.floatright a {
	color: #fff;
}





/*****************************************************************************
 *                                                                           *
 * JOB ADVERT HIGHLIGHTING                                                   *
 *                                                                           *
 *****************************************************************************/

div.jobstylebold {
	background-color: #FCFCFF;
	border: 1px solid #FFCC00;
}

div.lightgold {
	border: 1px solid #0070B5;
	padding: 10px;
	background-color: #FFFFCC;
}


/*****************************************************************************
 *                                                                           *
 * INVERSEFLOW STYLES						             *
 *                                                                           *
 *****************************************************************************/

div.title {
	color: #333333;
	background-color: #DDDDDD;
	font-size: 20px;
	line-height: 25px;
}

div.normal {
	margin: 0;
	background-color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	color: #000;
}div.christmasboxtop {
	height: 30px;
	background-color: #CC0000;
	background-image: url(../images/layout/christmasboxtop.jpg);
	background-repeat: repeat-x;
}

div.discountproductbox {
float:left; width:185px; height: 146px; overflow:hidden; margin:0px 5px 5px 0; padding: 0; background-color:#FFFFFF;
}

div.discountproducttop {
background:url(/images/layout/cc0000boxtop.gif); background-color:#CC0000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold; width:184px;padding:1px; height:19px; overflow:hidden;
}

div.offerboxtop {
background:url(/images/layout2007/offerboxtop186.jpg); background-color:#FFFFFF; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold; width:184px;padding:1px; height:19px; overflow:hidden;
}
div.discountproductmiddle {
padding:3px; border: 1px solid #CC0000; width; 183px; height:75px; border-left:#CC0000 1px solid; border-right:#CC0000 1px solid; overflow:hidden;
}

div.offerboxmiddle {
padding:3px; border-left: 1px solid #999999; background-color:#ECE9D8; border-right: 1px solid #999999; width; 183px; height:70px;  overflow:hidden;
}

span.offerboxmiddleprices {color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold;
}

div.discountproductbottom {
background-color:#CC0000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold; width:184px;padding:1px; height:19px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-weight:bold;

}

div.offerboxbottom {
background-color:#ECE9D8; color:#CC0000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; width:179px; padding:2px; height:40px; overflow:hidden;  border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align:top;

}

.offerboxtop a:link	{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold;}
.offerboxtop a:visited { color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold;}
.offerboxtop a:hover { color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; font-weight:bold; }