/* CSS Document */



/*--------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:256px;
		height:350px;
		float:left;
}

#productDetails {
	width:515px;
	height:auto;
}

/*--------INPUT STYLES-----------------------------------------------------------------------------------------------------------*/

input, select {
		font-size:0.8em;
}

/*--------COLOR BOX---------------------------------------------------------------------------------------------------------------*/
#colorBox {
		width:256px;
		height:auto;
		border:1px solid #E4E4E4;
		float:left;
		padding:0 0 5px 0;
}

#colorBox span {
		width:auto;
		background-color:#DCDCDC;
		padding:5px 0 4px 10px;
		display:block;
}

#colorBox ul {
		margin:5px 0 0 0;
		padding:0;
}

#colorBox ul li {
		list-style:none;
		display:inline;
		float:left;
		margin:0 3px 0 3px;
}

#colorBox ul li p {
		margin:3px 0 0 0;
}

.colorWidth {
		width:133px;
}

#colorBox ul li p.colorChoice {
		width:12px;
		height:12px;
		margin:4px 0 0 0;
		float:right;
}

#red {
		background-color:#FF0000;
}

#black {
		background-color:#000000;
}

#blue {
		background-color:#0000CC;
}

/*--------SIZE BOX---------------------------------------------------------------------------------------------------------------*/

#sizeBox {
		width:256px;
		height:auto;
		border:1px solid #E4E4E4;
		float:right;
		margin:10px 0 0 0;
		padding:0 0 10px 0;
}

#sizeBox span {
		width:246px;
		background-color:#DCDCDC;
		padding:5px 0 4px 10px;
		display:block;
}

#sizeBox p {
		margin:10px 0 0 10px;
}

#sizeBox ul, #padiRange ul {
		margin:10px 0 0 10px;
		padding:0;
}

#sizeBox ul li, #padiRange ul li {
		list-style:none;
		display:inline;
		float:left;
		margin:0;
}

#sizeBox ul li p {
		margin:4px 0 0 0;
		width:55px;
}


/*--------QUANTITY BOX------------------------------------------------------------------------------------------------*/

#quantityBox {
		width:256px;
		height:64px;
		border:1px solid #E4E4E4;
		float:left;
		margin:10px 0 0 0;
}

#quantityBox span {
		width:246px;
		background-color:#DCDCDC;
		padding:5px 0 4px 10px;
		display:block;
}

#quantityBox p {
		margin:10px 0 0 10px;
}

/*--------EMBROIDERY COLOUR BOX------------------------------------------------------------------------------------------------*/

#embroidColor {
		width:246px;
		height:auto;
		border:1px solid #E4E4E4;
		float:right;
		margin:10px 0 0 8px;
		padding:0 10px 44px 0;
		background-color:#E8E2F1;
		color:#533087;
		
}

#embroidColor span {
		width:auto;
		background-color:#533087;
		padding:5px 0 4px 10px;
		display:block;
		color:#ffffff;
		font-weight:bold;
}

#embroidColor p {
		margin:10px 0 0 10px;
}

.embColSelect select {
		margin:0 0 0 18px;
}

.embPosSelect select {
		margin:0 0 0 10px;
}

/*--------PRODUCT PRICE BOX------------------------------------------------------------------------------------------------*/

.productPrice {
		width:228px;
		height:auto;
		padding:2px 8px 3px;
		font-size:1.7em;
		color:#533087;
		font-weight:bold;
		border:1px solid #E4E4E4;
		text-align:right;
		margin:0;
}


/*--------BUY NOW BUTTON------------------------------------------------------------------------------------------------*/

#buyNowBtn {
		margin:10px 0 10px 0;

}


/*--------PADI RANGE BOX------------------------------------------------------------------------------------------------*/

#padiRange {
		width:246px;
		height:auto;
		border:1px solid #E4E4E4;
		float:left;
		margin:10px 0 0 0;
		padding:0 0 10px 0;
		
	
}

#padiRange span {
		width:auto;
		background-color:#7BAFDD;
		padding:5px 0 4px 10px;
		display:block;
		color:#ffffff;
		font-weight:bold;
}

#padiRange p {
		margin:10px 0 0 10px;
}

#padiRange ul li {
		margin:0 0 0 5px;
}

/*--------PRODUCT DESCRIPTION BOX--------------------------------------------------------------------------------------------------*/

#productDescription {
		width:255px;
		height:auto;
		border:1px solid #E4E4E4;
		margin:10px 0 10px 0;
		float:left;
}

#productDescription span {
		width:auto;
		background-color:#DCDCDC;
		padding:5px 0 4px 10px;
		display:block;
}

#productDescription p {
		padding:0 10px 0 10px;
}

/*--------PRODUCT DESCRIPTION BOX-------------------------------------------------------------------------------------------------*/

#lineBreak {
		width:515px;
		height:14px;
		border:1px solid #E4E4E4;
		margin:10px 0 20px 0;
		background-color:#533087;
}

/*-------- LOGO POSITION ------------------------------------------------------------------------------------------------*/

#logoPositionImg {
		position:absolute;
		top:428px;
		left:824px;
		border:16px solid #533087;
		background-color:#ffffff;
		padding:10px;
		visibility:hidden;
}

#logoPositionImg p {
		margin:0;
		padding:0;
}

a.xClose {
		text-decoration:none;
		font-size:1.8em;
		font-weight:bold;
		float:right;
		color:#533087;
		padding:0 11px 0 0;
}

a.textClose {
		text-decoration:none;
		font-size:1.0em;
		/*font-weight:bold;*/
		float:right;
		color:#533087;
		padding:0 11px 0 0;
}
