/* ----- New CSS Classes ----- */


/* --- Generics --- */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #616161;
}
img
{
	border: 0px;
}
.block
{
	display: block;
	
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.textLeft
{
	text-align: left;
}
.textRight
{
	text-align: right;
}
.clearboth
{
	clear: both;
}

p
{
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h1
{
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 17px; 
	line-height: 17px; /*ADDED*/
	background-image: url(../Images/Framework/h1-background.gif);
	background-repeat: no-repeat;
	color: White;
	font-weight: bold;
	padding: 7px 10px 5px 30px;
}
strong
{
	color:	#9a0000;
}
/* --- End Generics --- */



/* --- Framework Classes --- */
div.Container
{
	width: 936px; /*was 780*/
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;	
	font-family: Verdana, Arial, Helvetica, Sans;
	font-size: 70%;
	color: #000;
	background-color: #fff;
	background-image: url(../Images/Framework/left-column.gif);
	background-repeat: repeat-y;
}
div.PostCodeContainer
{
	font-family: Verdana, Arial, Helvetica, Sans;
	font-size: 70%;
	color: #000;
	background-color: #fff;
	height: 500px;
}
div.PostCodeContainer div.PostCodePad
{
	padding: 10px;
}
div.Header
{
	width: 936px; /*was 780*/	
}
div.LeftColumn
{
	width: 145px;	
}
div.MainContent
{
	width: 450px;
	padding: 10px;	
}
div.RightColumn
{
	width: 150px;
	padding: 8px 10px 10px 0px;	
}
div.Footer
{
	width: 916px; /*760px*/
	padding: 10px;
	color: #fff;
	background-color: #9a0000;
	font-size: 80%;
	background-image: url(../Images/Framework/cards-accepted.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/* --- End Framework Classes --- */

/* --- Header Classes --- */
div.Header div.Masthead
{
	width: 936px; /*780*/
	background-image: url(../Images/Framework/header-basket.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div.Header div.Masthead p
{
	margin: 0px;
}
div.Header div.MiniBasket
{
	width: 153px;
	margin-top: 20px;
	padding-left: 10px
}
div.Header div.MiniBasket strong
{
	font-weight: bold;
	color: #9a0000;
}
div.Header div.MiniBasket a
{
	color: #9a0000;
	text-decoration: none;
}
div.Header div.Navigation
{
	color: #fff;
	background-image: url(../Images/Framework/navpanel.gif);
	background-position: right center;
	background-repeat: no-repeat;	
	height: 20px;
	padding: 3px 0px 0px 18px;
}
div.Header div.Navigation a
{
	color: #fff;
	text-decoration: none;
}
div.Header div.Navigation a:hover
{
	text-decoration: underline;
}
div.Header div.QuickSearch
{
	background-image: url(../Images/Framework/searchpanel.gif);
	background-repeat: repeat-x;
}
div.Header div.QuickSearch select
{
	font-size: 80%;
	border: 1px solid #000;
}
/* --- End Header Classes --- */







/* --- Footer Classes --- */
div.Footer strong
{
	color: #fff;	
}

div.Footer a

{
	color: #ffffff;
	text-decoration:none;
}
div.Footer a:hover

{
	color: #ffffff;
	text-decoration:underline;
}

/* --- End Footer Classes --- */





/* --- Left Column Classes --- */
div.LeftColumn a
{
	display: block;
	width: 139px;
	background-color: #7f8591;
	color: #fff;
	border-top: 1px solid #a2a6af;
	text-decoration: none;
	padding: 3px;
}
div.LeftColumn a:hover
{
	background-color: #616777;
}
div.LeftColumn a.sub
{
	border-top: 1px solid #c3c8d4;
	background-color: #ddd;
	color: #616777;
	
}
div.LeftColumn a.sub:hover
{
	background-color: #ccc;
}

div.LeftColumn div.LeftAdverts
{
	text-align: center;
}

div.LeftColumn div.LeftAdverts a
{
	background-color: Transparent;
	border: none;
}

div.LeftColumn div.LeftAdverts a:hover, a.sub
{
	background-color: Transparent;
	border: none;
}
/* --- End Left Column Classes --- */





/* --- Right Column Classes --- */
div.RightColumn a
{
	display: block;
	margin-bottom: 5px;
}

div.RightColumn div.Search
{
	padding: 5px 5px 5px 5px;
	margin-bottom: 3px;
	background-color: #9a0000;
	width:141px
}

div.RightColumn div.Search input.search
{
	width: 115px;
	font-size: 80%;
	border: 0px;
}


/* --- End Right Column Classes --- */





/* --- Fixes --- */
/* Clear floats */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */
/* --- End Fixes --- */

/* --- Start Search Classes --- */
div.searchSurround
{
	margin: 0px 0px 0px 0px;
}

.AdvancedSearchDDL
{
	width: 270px;
}
/* --- End Search Classes --- */



/* --- Main content classes --- */
div.MainContent a
{
	font-weight: bold;
	color: #9a0000;
	text-decoration: none;
}
div.MainContent a:hover
{
	text-decoration: underline;
}
/* --- End Main content classes --- */





/* --- Item summary classes --- */
div.ItemSummary
{
	padding: 10px;
	border: 1px solid #d4d4d4;
	margin-bottom: 10px;
}
div.ItemSummary div.ItemImage
{
	width: 160px;
	margin-right: 10px;
}
div.ItemSummary div.ItemContent
{
	width: 258px;
}

div.ItemSummary div.ItemContent p 
{
	font-size: 14px; 
}
div.ItemSummary strong
{
	font-weight: bold;
	color: #9a0000;
}
/* --- End Item summary classes --- */

/* --- Start Item Summary 2 up --- */
div.ItemSummary2upRight
{
	padding: 5px;
	border: 1px solid #d4d4d4;
	margin-bottom: 5px;
	width: 208px; /*WAS 208*/
	height: 155px; /*WAS 150*/ 
	margin: 0px 0px 10px 5px;
}
div.ItemSummary2upLeft
{
	padding: 5px;
	border: 1px solid #d4d4d4;
	margin-bottom: 5px;
	width: 208px; /*WAS 208*/
	height: 155px; /*WAS 150*/ 
	margin: 0px 5px 10px 0px;
}

div.ItemSummary2upLeft div.ItemImage2up
{
	width: 80px;
	margin-right: 5px;
}

div.ItemSummary2upLeft div.ItemContent2up
{
	width: 120px; /*was 120*/
}

div.ItemSummary2upRight div.ItemImage2up
{
	width: 80px;
	margin-right: 5px;
}

div.ItemSummary2upRight div.ItemContent2up
{
	width: 120px; /*was 120*/
}
/* --- End Item Summary 2 up --- */


/* --- Item Details Classes --- */
div.Item
{
	padding: 10px;
	border: 1px solid #d4d4d4;
	margin-bottom: 10px;
}
div.Item div.ItemImage
{
	width: 160px;
	margin-right: 10px;
}

div.Item div.ItemDescription
{
	width: 250px;
}

div.Item h2
{	
	color: #9a0000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}
div.Item h3
{
	color: #9a0000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 120%;
	font-weight: bold;
}
div.Item ul
{
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 8px;
}
div.Item strong
{
	color: #9a0000;
}
div.Item div.Content
{
	margin: 10px 0px 10px 0px;
}
div.Item div.Delivery
{
	width: 148px;
	padding: 4px;
	border: 2px solid #cb7d7d;
	background-color: #e4bbbb;
	text-align: center;
	font-weight: bold;
}
div.Item div.HTMLOption
{
	border-top: 1px solid #d4d4d4;
	padding: 10px 0px;
}
div.Item div.HTMLOption div.HTMLImage
{
	width: 160px;
	margin-right: 10px;
}
div.Item div.HTMLOption div.HTMLContent
{
	width: 240px;
}
/* --- End Item Details Classes --- */






/* --- Sub Category Classes --- */
div.Category
{
	margin-bottom: 10px;
	padding: 10px 10px 10px 0px;
	border: 1px solid #d4d4d4;
	text-align: center;
}
div.Category a
{
	float: left;
	margin-left: 25px;
	text-decoration: none;	
	width: 80px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 10px;
}
div.Category a img
{
	margin-bottom: 5px;
}
div.Category a:hover
{
	text-decoration: none;
}
/* --- End Sub Category Classes --- */




/* --- Form and text box classes --- */
textbox, textarea, select, input.textbox
{
	width: 200px;
	font-family: Verdana, Arial, Helvetica, Sans;
	border: 1px solid #d4d4d4;
	padding: 2px;
}
input.textboxsmall
{
width: 50px;
	font-family: Verdana, Arial, Helvetica, Sans;
	border: 1px solid #d4d4d4;
	padding: 2px;
}
/* --- End Form and text box classes --- */




/* --- Table classes --- */
table.productlist
{
	width: 420px;
	border: none;
	border: 0px;
	border-style:None;
	border-collapse:collapse;
	margin-bottom: 10px;
	float: left;
}
table.productlist tr
{	
	border: none;
	border: 0px;
	border-style:None;
	border-collapse:collapse;
}
table.productlist td
{
	padding: 3px;
	margin: 0px;
	
	border: none;
	border: 0px;
	border-style:None;
	border-collapse:collapse;
}

table.productlist tr.alternate td
{
	background-color: #eee;
}
table.productlist tr.header td
{
	background-color: #7f8591;
	color: #fff;
	font-weight: bold;	
}

/* Start Clives fixes  */
/* -- Not currently used in this site. For homepage seo--*/
div.divSeo
{
	height:0px;
	width:0px;
	line-height:0px;
	color: #ffffff;
	text-indent: -5000px;
}	

div.divSeo a
{
	height:0px;
	line-height:0px;
	color: #ffffff;
	text-decoration:none;
}	

div.divSeo a:hover
{
	text-decoration:none;
	height:0px;
	line-height:0px;
	color: #ffffff;
}	

div.divSeo p
{
	text-decoration:none;
	height:0px;
	line-height:0px;
	color: #ffffff;
}	
/* end Clives fixes  */
/* --- End Table Classes --- */
/* ----- End New CSS Classes ----- */
/* News Styles */
div.newsList
{
	margin:0px 5px 5px 5px;
	padding-bottom:20px;
	padding-top:10px;
	border-bottom: dashed 1px #d8dcdf; 
	float:left;
}
div.newsList h2, div.newsArticle h2
{
	font-size:150%;
}

div.newsArticle .newsImages
{
	float:right;
	width:150px;
	padding: 0px 0px 10px 10px;
}
div.relatedImages img
{
	width:40px;
	float:left;
	padding: 5px 5px 5px 0px;
}
div.newsClick
{
	width:150px;
	clear:left;
	padding-bottom:5px;
	border-bottom: dashed 1px #60829F;
}
div.prodNewsItem
{
	padding: 5px 10px 5px 10px;
	text-align:left;
	width:131px;
	background-color: #ebcccc;
	
}
div.prodNewsItem a
{
	color:#000000;
}
div.prodNewsFooter
{
	width:136px;
	text-align:right;
}
div.prodNewsFooter a
{
	color:#3C4E62;
	
}
/* End News Styles */
div.contentfarright
{
	margin-left:5px;
	padding:8px 10px 10px 0;
	width:141px
}
div.listingImage
{
	width:150px;
	float:right;
	padding:0px 0px 5px 10px;
	
}