html, body {
	margin: 0 0;
	padding: 0px;
	background: #010374;
	font-family: verdana;
	background-color: #010374;
}
body {
	margin: 16px 0;
	font-size:12px;
}


a	{ 
	color: #010374;
	text-decoration: none;
	font-family: "Century Gothic", Arial, Verdana;
}

a:hover	{
	color: #5a53bd;
}
p	{
	margin: 0 0 14px 0;
	}

p span	{ 
	margin: 0px; 
	}

h1 {
	color: #010374;
	margin-bottom:10px;
	margin-top: 0;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.7em;
}

h2 {
	margin-bottom:8px;
	margin-top: 0;
	font-size: 1.2em;
}

h3 {
	margin-bottom:6px;
	margin-top: 0;
	font-size: 1.1em;
}

hr {
	border-width: 0;
	border-bottom: solid 1px #010374;
	margin-bottom: 8px;
	margin-top: 8px;
}

.frame	{
	width: 944px;
	margin: 0 Auto;
}
.innerFrame {
	width: 776px;
}

.header {
	display:block;
	width: 780px;
}

/* This bit does all the work */
#container {
	position:relative;
	display:block;
	background-color: #FFFFFF;
	border-left-width: 182px;
	border-left-style: solid;
	border-left-color: #010374;
}
#inner {
	display:block;
	margin-left:-182px;
	padding:0px;
	background-image: url(/siteimages2/main-content-footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#left {
	float:left;
	position:relative;
	width:182px;
	left:0px;
	z-index: 1;
}

.rightSpaceBottom {
	background-image: url(/siteimages2/right-space-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	margin-bottom: 4px;
}
.rightSpace {
	background-image: url(/siteimages2/right-space-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	min-height: 1808px;
	width: 160px;
	float: right;
	margin-left: 4px;
	background-color: #FFFFFF;
	padding: 0px;
}

.rightDivider {
	background-image: url(/siteimages2/rightDivider.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
	
}
.rightContent {
	padding: 6px;
}


#MainContent, .MainContent {
	margin-left:182px;
	margin-right:0px;
	position:relative;
	display: block;
	padding: 0;

}

.content {
	background-image: url(/siteimages2/main-content-header.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 4px;
	}

.homeContent {
	background-image: url(/siteimages2/home-featured-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
.basketContent {
	background-image: url(/siteimages2/home-featured-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: -10px;
	}
.contentInner {
	padding: 4px 10px 4px 10px;
	font-size: 0.9em;
}
.contentInner2 {
	margin-top: 2px;
	font-size: 0.9em;
	background-color: #FFFFFF;
}

.contentInner ul {
	margin-left: 20px;
}
.contentInner li {
	margin-left: 20px;
}

.clear {clear:both;}

.headerMenu {
	margin-top: 4px;
	margin-bottom: 6px;
	height: 25px;
	width: 775px;
	margin-left: 1px;
	background-color: #5a53bd;
		}
a.headermenu {
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: "Century Gothic", Verdana, Arial, Helvetica;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.headermenu:hover {
	color: #DADADA;
}
    
.headerMenuRight {
	background-image: url(/siteimages2/header-menu-right.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 20px;
	padding-right: 20px;
		
		}
.headerMenuLeft {
	background-image: url(/siteimages2/header-menu-left.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	padding-right: 20px;
}

.searchBar {
	width: 594px;
	background: #010374;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #010374;
	}
.searchBarLeft {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 6px;
	}
input.search {
	width: 170px;
	margin-left: 4px;
}
select.brand {
	width: 190px;
}

form {
	margin: 0;
	}

.siteimages {
	display: block;
	}

.titles	{
	background-color: #010374;
	color: #FFFFFF;
	padding: 6px;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
}
.titles2 {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
}
.titles3 {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar2.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.titles4 {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar3.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	z-index: 3;
	margin-top: 0px
}

.titles4:first-child {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar3.gif);
	background-position: left -6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
	z-index: 3;
	margin-top: 0px
}


.basketTitles {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar3.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	z-index: 3;
	margin-top: 0px
}

.basketTitles:first-child {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar2.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.titlesFeatured {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar-featured.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
}
.titlesFeatured2 {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar-featured2.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.titlesLatest {
	background-color: #010374;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 1.2em;
	text-transform: uppercase;
	background-image: url(/siteimages2/title-bar-latest.gif);
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
}
.latestMidddle {
	background-image: url(/siteimages2/latest-middle.gif);
	padding: 10px;
	background-repeat: no-repeat;
}
.basketFeatured {
	background-image: url(/siteimages2/latest-middle2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.topBox {
	background-image: url(/siteimages2/top-box-bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: solid #010374 6px;
	border-top: solid #010374 2px;
	display: block;
	height: 42px;
}
.topBoxInner {
	padding: 10px;
	background-image: url(/siteimages2/top-box-bg-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	display: block;
}


a.latest	{
	font-size: 1.1em;
}


.footer {
	text-align:center;
	padding:5px;
	font-size: 0.9em;

}

.miniBox {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #010374;

}
.rightSpace .miniHeader {
	padding: 6px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/siteimages2/right-header-bg.gif);
	background-color: #5a53bd;
	background-repeat: no-repeat;
	background-position: left top;
}
.rightSpace .miniHeaderRed {
	padding: 6px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/siteimages2/right-header-bg-red.gif);
	background-color: #5a53bd;
	background-repeat: no-repeat;
	background-position: left top;
}
.rightSpace .miniContent {
	padding: 6px;
	background-image: url(/siteimages2/right-space-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.rightSpace .miniContent .miniSocial img {
	padding: 8px 12px 4px;
}


#left .miniHeader {
	padding: 6px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(/siteimages2/left-header-bg.gif);
	background-color: #010374;
	background-repeat: no-repeat;
	background-position: left top;
}
#left .miniContent {
	padding: 6px;
	background-image: url(/siteimages2/left-space-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#left .miniNewsArtical {
	margin-bottom: 6px;
	display: block;
}

.phone {
	color: #FFFFFF;
	padding: 0px 6px 6px 6px;
	font-size: 1.29em;
}
.miniCall {
	color: #010374;
	padding: 1px 0px 3px 0px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: centre;
	display: block;
}
.miniCall2 {
	color: #010374;
	padding: 1px 0px 2px 0px;
	font-size: 1.05em;
	font-weight: bold;
	text-align: centre;
	display: block;
}


.miniCall .small {
	font-size: 0.8em;
}

.miniBasket {
	font-size: 0.9em;
	background-image: url(/siteimages2/right-space-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.miniBasketTotal {
	color: #FFFFFF;
	background-color: #5a53bd;
	font-weight: bold;
}

.qbasket1 {
	background-color: #eeeffc;
}

.qbasket2 {
	background-color: #ffffff;
}

.basket_headers {
	background-color: #5a53bd;
	color: #FFFFFF;
	font-weight: bold;
}

.basketTableBottom {
	background-color: #eeeeee;
	font-weight: bold;
}


.basketTable {
	background-color: #eeeffc;
}

span.error { 
	color: #b7090f; 
	font-size: 12pt; 
	font-weight: bold; 
}

.miniLogin {
	width: 142px;
}
.rightbtn {
	width: 148px;
	height: 22px;
	background-image: url(/siteimages2/btn-right-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	margin-top: 3px;
	cursor: hand;
}

.btnCheckout {
	width: 108px;
	height: 22px;
	background-image: url(/siteimages2/btn-checkout-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	cursor: hand;
}

.btnVoucher {
	width: 116px;
	height: 22px;
	background-image: url(/siteimages2/btn-voucher-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	cursor: hand;
}

.findbtn {
	background-image: url(/siteimages2/btn-find.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 44px;
	height: 22px;
	margin-left: 4px;
	cursor: hand;
}

.sendbtn {
	background-image: url(/siteimages2/btn-send-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 46px;
	height: 22px;
	cursor: hand;	
}


.buybtn {
	background-image: url(/siteimages2/btn-buy-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 76px;
	height: 22px;
	margin-left: 4px;
	cursor: hand;
}

.btnGo	{
	background-image: url(/siteimages2/btn-login-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 48px;
	height: 22px;
	margin-left: 4px;
	cursor: hand;	
}

.btnLogin {
	background-image: url(/siteimages2/btn-login-bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 48px;
	height: 22px;
	margin-left: 4px;
	cursor: hand;
}
.btnCreateAccount {
	background-image: url(/siteimages2/btn-continue-shopping.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	width: 160px;
	height: 22px;
	margin-left: 4px;
	cursor: hand;
}

a.btnContinueShopping {
	width: 160px;
	height: 22px;
	background-image: url(/siteimages2/btn-continue-shopping.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 1.2em;
	border: 0;
	display: block;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

a.btnMoreInformation {
	width: 160px;
	height: 22px;
	background-image: url(/siteimages2/btn-continue-shopping.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 1.2em;
	border: 0;
	display: block;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	margin-left:4px;
}

a.btnMoreInformation2 {
	width: 148px;
	height: 22px;
	background-image: url(/siteimages2/btn-more.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-family: verdana;
	font-size: 1.1em;
	border: 0;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	margin-top: 8px;
	margin-left:0px;
	display: block;
	float: left;
}
.price	{
	font-size: 1.4em;
}

input.checkout {
	width: 250px;
}

select.checkout {
	width: 250px;
}

textarea.checkout {
	width: 250px;
}
.priceBox {
	border: 0px; 
	color: #000000; 
	width: 54px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	padding: 0px;
}
.priceBox2 {
	border: 0px; 
	color: #000000;
	background-color: #FFFFFF;
	width: 54px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	padding: 0px;
}

legend	{
	font-weight: bold;
}

.newsArticals {
	display: block;
	min-height: 120px;
}

.newsSmallImage {
	float: left;
	margin-right: 8px;
	display:block;
	border-width: 1px;
}

.newsLargeImage {
	float: right;
	margin-left: 8px;
}

.mainBox {
	background-image: url(/siteimages2/specials-bg4.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 594px;
	height: 300px;
	display: block;
	padding: 0px;
	margin: 0px;
}
.mainBoxTopRowLeft {
	float: left;
	padding: 3px 4px 3px 4px;
	width: 586px;
	height: 143px;
	display: block;
}
.mainBoxTopRowRight {
	float: left;
	padding: 4px 0 5px 7px;
	width: 188px;
	height: 141px;
	display: block;
}


.mainBoxBottomRowLeft {
	float: left;
	padding: 5px 4px 3px 4px;
	width: 188px;
	height: 141px;
	display: block;
}
.mainBoxBottomRowMiddle {
	float: left;
	padding: 5px 4px 3px 5px;
	width: 190px;
	height: 141px;
	display: block;
}
.mainBoxBottomRowRight {
	float: left;
	padding: 5px 0px 3px 6px;
	width: 188px;
	height: 141px;
	display: block;
}
