/* commented backslash hack \*/ 
html, body{ height:100%; } 
/* end hack */
html,body { margin:0; padding:0; }
body
{
	font-family: Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	padding: 0;
	margin: 0;
	background-color: #BB2024;
	background-image: url(../images/frontend/background_width.gif);
	background-repeat: repeat-y;
	background-position: center;
}
a { color: #000; text-decoration: underline; }
a:hover{ color: #C01E2B; text-decoration: underline; }
/*
===================================================
MAIN CONTAINERS
===================================================
*/
#Outer 
{
	min-height: 100%;
	height: auto;
	width: 760px;
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
}
* html #Outer {  height:100%; width:760px; w\idth:760px }

#ScreenContainer 
{	
	width: 760px;
	padding: 0px;
	text-align: left;
}
#LeftContainer
{
	width: 209px;
	padding: 0px;
	float: left;
}
#RightContainer
{
	width: 514px;
	padding: 0px 18px 0px 18px;
	float: right;
}
/* 
=========================================================================
HEADER 
=========================================================================
*/
#HeadContainer
{
	width: 514px;
}
#HeadContainer2 a { text-decoration: none; }
#HeadContainer2 a:active { text-decoration: none; }
#HeadContainer2 a:visited { text-decoration: none; }
#HeadContainer2 a:hover { text-decoration: none; }

#Head1 
{ 
	width: 514px;
}
#Head1 .Left 
{ 
	margin: 10px 0px 0px 0px;
	float:left; 
}
#Head1 .Right 
{ 
	padding-top: 5px;
	font-size: 9px; 
	font-weight: bold; 
	float:right; 
	text-align: right; 
	color: #9B9996; 
}
#Head1 .Right a { color: #9B9996; text-decoration: none; }

#Head2 
{ 
	width: 514px;
}
#Head2 .Left 
{ 
	padding-left: 0 !important;	/* For FireFox */ 
	padding-left: 1px; 		/* For IE */

	float: left;
}
#Head2 .Right 
{ 
	float: right; 
	font-size: 10px; 
	font-weight: bold; 
	color: #BC1F25; 
}
#Head2 .Right a { color: #BC1F25; text-decoration: none; }
.HeadLinkSpacer { padding-left: 11px; }

#Head3 
{ 
	width: 514px;
}
#Head3 .Line 
{
	/* 
	background-image:url(../images/frontend/line.jpg);
	background-repeat: no-repeat;
	*/

	background-image:url(../images/frontend/redlinepix.jpg);
	background-repeat: repeat-x;
}

.ShoppingText { font-size: 10px; font-weight: bold; color: #BC1F25; }

/* hide from MacIE \*/
* html #Head1 {
	margin-bottom: -3px;
	}
* html #Head2 {
	margin-top: 0;
	margin-bottom: -3px;
	}
* html #Head3 {
	margin-top: 0;
	}
/* end hide */
/* 
=========================================================================
Side-Bar
=========================================================================
*/
#SideContainer
{
	text-decoration: none; 
	color: #8A8888; 
	font-size: 12px;
	width: 184px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 2px;
}
#SideContainer a { text-decoration: none; color: #000000; font-size: 12px;  line-height:17px}
#SideContainer a:active { text-decoration: none; color: #000000; font-size: 12px;  line-height:17px }
#SideContainer a:visited { text-decoration: none; color: #000000; font-size: 12px;  line-height:17px }
#SideContainer a:hover { text-decoration: none; color: #973840; font-size: 12px;  line-height:17px }
#SideContainer .Heading
{
	font-size: 12px;
	color: #BF161D;
	margin: 10px 0px 10px 0px;
}
#SideContainer .Right
{
	width: 174px;
	padding-left: 10px;
}
#SideContainer .TopLink
{
	width: 45px;
	float: left;
	padding-left: 8px;
	padding-right: 22px;
}
#SideContainer .Row
{
	width: 174px;
	font-size: 10px;
	margin-top: 5px;
	padding-left: 20px;
}
#SideContainer .ColumnLeft
{
	width: 54px;
	float: left;
}
#SideContainer .ColumnRight
{
	width: 120px;
	float: right;
}
#SideContainer .Categories
{
	font-size: 10px;
	padding-left: 10px;
	font-weight: bold;
}
#SideContainer .SubCategories
{
	font-size: 10px;
	padding-left: 30px;
	font-weight: bold;
}
#SideContainer .Button
{
	font-size: 10px;
	background-color: #CDCDCD;
}
.SideDropDownList
{
	width: 105px;
	font-size: 10px;
}
.SideTextBox
{
	width: 100px;
	font-size: 10px;
}
/*
===================================================
FOOTER
===================================================
*/
#Footer 
{
	width: 100%;
	position: absolute;
	bottom: 40;
	height: 40px;

	color: #BC2025;
	text-align: center;
	font-size: 9px; 
	font-weight: bold;
	padding-top: 10px;

}
#Footer a { text-decoration: none; color: #BC2025; }
#Footer a:active { text-decoration: none; color: #BC2025; }
#Footer a:visited { text-decoration: none; color: #BC2025; }
#Footer a:hover { text-decoration: none; color: #BC2025; }
#Footer .Left
{
	width: 209px;
	padding: 0px;
	float: left;
}
#Footer .Right
{
	width: 514px;
	padding: 0px 18px 0px 18px;
	float: right;
}
#Footer .Line 
{ 
	width: 514px; 
	background-image: url(../images/frontend/linepix.jpg);
	background-repeat: repeat-x; 
}
.FootLinkSpacer { padding-left: 10px; }

/* 
=========================================================================
Body 
=========================================================================
*/
#BodyContainer
{
	width: 514px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
}
/*
#BodyContainer a { text-decoration: none; }
#BodyContainer a:active { text-decoration: none; }
#BodyContainer a:visited { text-decoration: none; }
#BodyContainer a:hover { text-decoration: none; }
*/

/*
===================================================
UTILITY
===================================================
*/
#clearfooter{ clear:both; height:40px; width:100%; }
div>p {margin:0}

hr { color: Black; }
.clearBoth { clear: both; }
.errorText { color: Red; padding-top: 5px; padding-bottom: 10px; }
.badTextBox { background-color: #FF7474; }
.badTextBoxTiny { background-color: #FF7474; font-size: 11px; font-family: Verdana; width: 30px; }
.badDropBoxLarge { background-color: #FF7474; font-size: 11px; font-family: Verdana; width: 206px; }
.badText { color: #BB2024; }
.RedText { color: #BB2024; }
.GrayText { color: #969696; }
.SpecialText { color: #BF161D; }
.RedBox { background-color: #BB2024; color: #FFFFFF; font-weight: bold; padding: 3px; }
.AlignLeft { float: left; text-align: left; padding: 4px 0px 0px 2px; }
.AlignRight { float:right; text-align: right; }
.messageBox 
{
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
	border: solid 1px #000;
}
.ImageBorderBox
{
	width: 163px;
	border: solid 1px #CECECE;
	background-color: #EFEFEF;
	margin: 0px;
}
.ImageBox
{
	width: 160px;
	border: solid 1px #CECECE;
	margin: 2px;
	background-color: #FFFFFF;
}
.pagingArrows
{
	margin: 5px 0px 0px 0px;
}
.Heading
{
	font-weight: bold;
}
.confirmTextBox { font-size: 11px; font-family: Verdana; width: 200px; }
.confirmTextBoxShort { font-size: 11px; font-family: Verdana; width: 100px; }
.confirmTextBoxTiny { font-size: 11px; font-family: Verdana; width: 30px; }
.cardDropDown { font-size: 11px; font-family: Verdana; width: 80px; }
.cardDropDownLarge { font-size: 11px; font-family: Verdana; width: 206px; }
/*
===================================================
RESULTS
===================================================
*/
#ResultsRow { width: 514px; font-size: 10px; font-weight: bold; color: #666666; }
#ResultsRow .Left { width: 87px; text-align: left; float: left; }
#ResultsRow .Right { width: 427px; text-align: right; float: right; padding: 0px; }
/* 
=========================================================================
HOME PAGE
=========================================================================
*/
#TopAdRow
{
	display:none;
	width: 514px;
	height: 0px;
	margin-top: 0px;
	/*background-image:url(../images/frontend/Advert01.jpeg);*/
}
.MiddleLinkBox
{
	width: 140px;
	height: 100px;
	padding: 130px 0px 0px 335px;
}
.MiddleRow
{
	width: 140px;
	color: #BF161D;
	font-size: 10px;
}
.MiddleRow a { text-decoration: none; color: #BF161D; }
.MiddleRow a:active { text-decoration: none; color: #BF161D; }
.MiddleRow a:visited { text-decoration: none; color: #BF161D; }
.MiddleRow a:hover { text-decoration: none; color: #BF161D; }

.MiddleRow_AD {width: 140px; color: #BF161D; font-size: 10px; font-weight: bold;}
.MiddleRow_AD a { text-decoration: none; color: #BB2024; font-weight: bold;}
.MiddleRow_AD a:active { text-decoration: none; color: #BB2024; font-weight: bold;}
.MiddleRow_AD a:visited { text-decoration: none; color: #BB2024; font-weight: bold;}
.MiddleRow_AD a:hover { text-decoration: none; color: #BB2024; font-weight: bold;}

.MiddleColumnLeft { width: 69px; float: left; padding-top: 5px; }
.MiddleColumnRight { width: 69px; float: right; padding-top: 5px; }

#MiddleAdRow
{
clear:both;
	width: 514px;
	margin: 10px 0px 10px 0px;
}
/*.Ad1 { width: 171px; text-align: left; float: left; }*/
.Ad1 { width: 514px; text-align: left; float: left; }

.Ad2 { width: 171px; text-align: center; float: left; }
.Ad3 { width: 172px; text-align: right; float: left; }

#BodyContent
{
	width: 514px;
	margin: 10px 0px 10px 0px;
}
/* 
=========================================================================
BUSINESS DETAILS
=========================================================================
*/
.VoucherBox
{
	width: 460px;
	border: solid 1px #CECECE;
	margin: 10px;
	padding: 10px;
	background-color: #FFFFFF;	
}
.VoucherRow
{
	margin-top: 10px;
}
.VoucherRow .VoucherHeadingLeft
{
	width: 230px;
	float: left;
	text-align: left;
	font-weight: bold;
}
.VoucherRow .VoucherHeadingRight 
{ 
	width: 230px;
	float: left;
	text-align: right; 
	font-weight: bold;
}
.VoucherRow .VoucherContentLeft
{
	width: 330px;
	float: left;
	text-align: left;
}
.VoucherRow .VoucherContentRight 
{ 
	width: 130px;
	float: left;
	text-align: right; 
}

.VoucherBox .OptionLabel
{
	font-weight: normal;
}
.VoucherBox .OptionButton
{
	font-size: 10px;
	background-color: #CDCDCD;	
}
.VoucherBox .MessageRow
{	
	text-align: right;
	color: #BF161D;
}
.VoucherBox a { text-decoration: none; color: #000000; }
.VoucherBox a:visited { text-decoration: none; color: #000000; }
.VoucherBox a:active { text-decoration: none; color: #000000; }
/* 
=========================================================================
LOCATIONS LIST
=========================================================================
*/
.Locations
{
	margin: 10px 0px 0px 10px;
}
.Locations .LocationsLeft
{
	width: 10px;
	float: left;
	color: #BF161D;
}
.Locations .LocationsRight
{
	float: left; 
}
/* 
=========================================================================
TABLES
=========================================================================
*/
.tableHeading
{
	font-weight: bold;
	margin: 0px;
	background-color: #BB1E25;
	color: #FFFFFF;
}
.tableContent
{
	margin: 5px 0px 5px 0px;
	background-color: #FFFFFF;	
}
/* 
=========================================================================
EXTRA STYLING
=========================================================================
*/
.ViewLinkRow
{
	width: 312px;
	padding: 15px 0px 0px 0px;
	color: #C01E2B;
}
.ViewLinkRow a { color: Blue; text-decoration: underline; }
.ViewLinkRow a:visited { color: Purple; text-decoration: underline; }
.ViewLinkRow a:active { color: Blue; text-decoration: underline; }
.ViewLinkRow a:hover { color: Red; text-decoration: none; }

.FloatLeft { float: left; }
.FloatRight { float: right; }
.PriceBox { font-size: 10px; width: 30px; }
.QtyBox { font-size: 10px; width: 35px; }
.clearBoth { clear: both; }
.errorText { color: Red; padding: 10px; }
.alignRight { text-align: right; }

.italics { font-style: italic; }
.redText { color: #C01E2B; }
.greyText { color: #646464; }
.greyText a { color: #646464; }
.greyText a:visited { color: #646464; }
.greyText a:active { color: #646464; }
.totalBox { font-weight: bold; margin: 0px; padding: 5px; background-color: #BB1E25; color: #FFFFFF; }
/*
=========================================================================
ALPHABET STYLE
=========================================================================
*/
.Alphabet
{
	padding: 10px 2px 10px 2px;
	font-size: 9px;
	color: #C01E2B;
	text-align: center;
}
.Alphabet a { text-decoration: none; color: #C01E2B; }
.Alphabet a:active { text-decoration: none; color: #C01E2B; }
.Alphabet a:visited { text-decoration: none; color: #C01E2B; }
/*
=========================================================================
BOX WITH BORDER
=========================================================================
*/
.BorderBox
{
	width: 513px;
	border: solid 1px #CECECE;
	background-color: #EFEFEF;
	margin: 10px 0px 0px 0px;
}
.Box
{
	width: 506px;
	border: solid 1px #CECECE;
	margin: 2px;
	background-color: #FFFFFF;
}
.Box .centre { text-align: center; }
.BoxBackground 
{
	width: 506px;
	border: solid 1px #CECECE;
	margin: 2px; 
	background-color: #F2F2F2; 
}
.BoxHeadingRow
{
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	background-color: #BB1E25;
	color: White;
	margin: 0px 0px 10px 0px;
}
.DiscountHeadingRow
{
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	background-color: #FFB400;
	color: #333333;
	margin: 0px 0px 10px 0px;
}
.BoxHeadingLeft
{
	width: 243px;
	float: left;
	text-align: left;
	padding-top: 5px;
}
.BoxHeadingRight
{
	width: 243px;
	float: left;
	text-align: right;
}
/*
=========================================================================
STORE CONTENTS
=========================================================================
*/
.StoreHeadingRow
{
	padding: 5px;
	font-weight: bold;
	background-color: #BB1E25;
	color: White;
	margin: 0px 0px 10px 0px;
}
.StoreHeadingLeft
{
	width: 243px;
	float: left;
	text-align: left;
	padding-top: 5px;
}
.StoreHeadingCentre
{
	width: 121px;
	float: left;
	text-align: left;
	padding-top: 5px;
}
.StoreHeadingRight
{
	width: 122px;
	float: left;
	text-align: right;
	padding-top: 5px;
}

.StoreRow { padding: 5px; margin: 2px 0px 2px 0px; }
.StoreRow .StoreRowLeft { width: 243px; float: left; text-align: left; }
.StoreRow .StoreRowCentre { width: 121px; float: left; text-align: left; }
.StoreRow .StoreRowRight { width: 122px; float: left; text-align: right; }
.StoreRow a { text-decoration: none; color: #000000; }
/*
=========================================================================
GENERAL CONTENTS
=========================================================================
*/
.ContentSingleRow
{
	margin: 10px;
	padding-left: 5px;
}
.ContentSingleRow a { color: #000000; text-decoration: none; }
.ContentSingleRow a:active { color: #000000; text-decoration: none; }
.ContentSingleRow a:visited { color: #000000; text-decoration: none; }

.ContentSingleRowRed
{
	margin: 20px 10px 10px 10px;
	color: #BB1E25;
}
.ContentSingleRowRedHead
{
	margin: 20px 10px 10px 10px;
	padding-left: 5px;
	color: #BB1E25;
	font-size: 11px;
}
.ContentRow
{
	margin: 10px 0px 0px 0px;
}
.ContentLeft
{
	width: 163px;
	float: left;
	text-align: left;
	padding: 10px;
}
.ContentRight
{
	width: 313px;
	float: right;
	padding: 10px 5px 0px 0px;
	text-align: left;
}
/*
.ContentRight a { text-decoration: none; }
.ContentRight a:active { text-decoration: none; }
.ContentRight a:visited { text-decoration: none; }
*/
.ContentHeader
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 16px;
	color: #BB1E25;
	margin: 10px;
}
.ImageHeader { margin: 10px 0px 10px 0px; }
.newsitem { }
.newsitem a { text-decoration: none; color: #BB1E25; font-weight: bold; }
.newsitem a:visited { text-decoration: none; color: #BB1E25; font-weight: bold; }
.newsitem a:active { text-decoration: none; color: #BB1E25; font-weight: bold; }
.newsitem a:hover { text-decoration: none; color: #BB1E25; font-weight: bold; }
/*
=========================================================================
BUSINESS LIST VOUCHERS
=========================================================================
*/
.Vouchers { width: 506px; padding: 0px; border-top: solid 1px #BB1E25; }
.VoucherList { margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px; background-color: #FFFFFF; }

.imageLinks { padding-top: 5px; color: #C01E2B; }
.imageLinks a { color: #C01E2B; text-decoration: underline; }
.imageLinks a:active { color: #C01E2B;  text-decoration: underline; }
.imageLinks a:visited { color: #C01E2B;  text-decoration: underline; }

.PageHeading { font-size: 12px; font-weight: bold; }
.PageHeadingRed { font-size: 12px; font-weight: bold; color: #BB2024;}
.SubPageHeading { font-weight: bold; }

.home_ul{
	list-style: outside url(../images/li.gif);
}
.home_ul li{
	padding:0 0 5px 0;
	vertical-align:middle;
	
}
.home_1{
	padding:10px 0 0 0;

}
.home_1_table,
.home_2_table{
	margin:10px;
}
.home_2_table{
	margin:10px 10px 10px 10px;
}
.home_1_table .td_b{
	font-weight:bold;
	padding:10px 4px 10px 10px;
	width:140px;
	vertical-align:top;

}
.home_2_table .td_b{
	font-weight:bold;
	padding:10px 4px 10px 10px;
	vertical-align:top;

}
.home_2_table .td_b{
	width:80px;
}
.red_center,
.red_left{
	color:#BB2024;
	width:100%;
	font-weight:bold;
}
.red_left{
padding:10px 0 0 0;
}
.red_center{
	text-align:center;
}