/* CSS Document */

h4 {
		margin:0 0 10px 0;
}

h4 a {
		color:#533087;
		text-decoration:none;
		font-size:1.6em;
}

h4 a:hover {
		color:#533087;
		text-decoration:underline;
		background:#DBD3E6;
}

.clear {
		clear:both;
}

/*--------LEFT COLUMN-----------------------------------------------------------------------------------------------------------------*/

#leftColumn {
		width:191px;
		/*min-height:557px;*/
		height:472px;
		background:#DBD3E6 url(../images/layout/leftcolumnfade.jpg) no-repeat bottom;
		float:left;
}

ul#categories {
	margin:0;
	padding:0;
}
 
ul#categories li h2 {
	margin:8px 0 10px 9px;
} 

ul#categories li {
	list-style:none;
}

ul#categories li a {
	text-decoration:none;
	font-size:1.2em;
	color:#533087;
	width:181px;
	display:block;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #DBD3E6;
	background-color:#E8E2F1;
}

ul#categories li a:hover {
	background-color:#533087;
	color:#ffffff;
	padding:4px 0 4px 10px;
}



/*--------RIGHT COLUMN-----------------------------------------------------------------------------------------------------------------*/


#rightColumn {
		width:180px;
		height:472px;
		background:#DBD3E6 url(../images/layout/rightcolumnfade.jpg) no-repeat bottom;
		float:left;
}

/*----------------*/


.catgories-brandNewBanner {
		background:url(../images/right-column-adverts/brandnew.jpg) no-repeat #ffffff top left;
		display:block;
		width:180px;
		height:94px;
		cursor:pointer;
		margin:0 0 5px 0;
}

.catgories-brandNewBanner:hover {
		background:url(../images/right-column-adverts/brandnew.jpg) no-repeat #ffffff bottom left;
		display:block;
		width:180px;
		height:94px;
		cursor:pointer;
}

/* --------------*/

.catgories-monthlySpecialBanner {
		background:url(../images/right-column-adverts/monthly-special_btn.jpg) no-repeat #ffffff top left;
		display:block;
		width:180px;
		height:118px;
		cursor:pointer;
}

.catgories-monthlySpecialBanner:hover {
		background:url(../images/right-column-adverts/monthly-special_btn.jpg) no-repeat #ffffff bottom left;
		display:block;
		width:180px;
		height:118px;
		cursor:pointer;
}


/* ----------MID COLUMN---------------------------------------------------------------------------------------------------------- */


#midColumn {
		width:514px;
		height:auto;
		float:left;
		font-size:1.2em;
		padding:0 10px 94px 20px;
		background:url(../images/layout/logos.gif) no-repeat bottom;
}

#largeImage {
		width:258px;
		height:350px;
		float:left;
}


/* ---------- NEWS --------------------------------------------------------------------------------------------------------- */

.newsDetail {
		width:514px;
		height:auto;
		margin:20px 0 20px 0;
		border:1px solid #EBE6F3;
}

.newsDetail h4 {
		font-size:1.2em;
}

.newsStory {
		width:493px;
		height:auto;
		margin:20px 0 20px 0;
		border:1px solid #EBE6F3;
		padding:10px;
}

.newsStory a, .newsDetail a {
		color:#533087;
}