body {
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial,sans-serif;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #8EC921;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 150%;
	text-align: left;
	margin-top: 0px;
	color: #8EC921;
	line-height: 140%;
}
h2 {
	font-size: 125%;
	color: #8EC921;
}
h3 {
	font-size: 125%;
	color: #8EC921;
	font-weight: normal;
	letter-spacing: -0.85px;
}
img {
	border: 0;
}
li {
	margin-bottom: 5px;
}
form {
	margin: 0;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}

#container {
	text-align: center;
	margin: 0px auto 0px auto;
}
#roof {
	width: 890px;
	height: 70px;
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	position: relative;
}
#roof #logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#roof #logo img {
	width: 338px;
	height: 73px;
}
#roof #quickSearch {
	position: absolute;
	top: 5px;
	left: 700px;
}
#roof #quickSearch input.keyword {
	height: 15px;
	border: 2px solid #AAAAAA;
	color: #333333;
	width: 140px;
	vertical-align: text-bottom;
}
#roof #quickSearch input.search {
	width: 37px;
	height: 21px;
	vertical-align: text-bottom;
}
#roof #navigation {
	position: absolute;
	top: 39px;
	left: 380px;
	width: 510px;
	height: 28px;
	color: #CCCCCC;
	background-color: #8EC921;
}
#roof #navigation ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 5px;
	height: 28px;
}
#roof #navigation ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 63px;
	text-align: center;
	height: 28px;
	line-height: 24px;
	background-image: url(/li/nav-line.png);
	background-repeat: no-repeat;
	background-position: left center;
}    
#roof #navigation ul li.starter {
	background-image: url(/li/invisible.gif);
}
#roof #navigation ul li a {
	height: 28px;
	font-size: 90%;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: lowercase;
}   

#main {
	clear: both;
	width: 890px;
	margin: 20px auto 0px auto;
	background-image: url(/li/backdrop.png);
	background-repeat: repeat-y;
	position: relative;
}
#main #left {
	float: left;
	position: relative;	
	left: 0px;
	width: 140px;
	text-align: left;
	font-size: 95%;
	background-color: #E2F1C6;
}
#main #left ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}
#main #left ul li {
	list-style: none;
	padding: 0;
	width: 134px;
	text-align: left;
	margin: 0 0 5px 5px;
	color: #8EC921;
	font-size: 85%;
}    
#main #left ul li a {
	color: #666666;
	font-weight: normal;
}   
#main #central {
	margin: 0;
	float: left;
	position: relative;	
	width: 616px;
	text-align: left;
	font-size: 90%;
	line-height: 115%;
	padding: 0 15px 10px 15px;
	z-index: 10;
}
#main #central.home {
	margin: 20px 0 0 0;
	background-image: url(/li/home-central-background.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 646px;
	padding: 0;
}
#main #central.home p {
	font-size: 90%;
	line-height: 135%;
}
#main #central.home h2 {
	font-weight: normal;
	font-size: 125%;
}
#main #central.home h3 {
	margin: 10px auto 0 auto;
	text-align: center;
}
#main #right {
	float: left;
	position: relative;	
	top: -23px;
	margin: 0;
	width: 104px;
	text-align: left;
	padding-bottom: 150px;
}
#main #right div {
	margin: 0 0 10px 0;
}
#main #right #cartInfo {
	background-image: url(/li/cartInfo-logo.png);
	background-repeat: no-repeat;
	background-position: 55px 22px;
	color: #666666;
	background-color: #EFF8B9;
	height: 80px;
	margin: 0 0 5px 0;
}
#main #right #cartInfo div {
	margin: 5px 0 5px 6px;
	font-size: 70%;
}
#main #right #cartInfo div.totalItems {
	margin-top: 0px;
	padding-top: 5px;
}
#main #right #cartInfo div.totalPrice {
	margin-top: 0;
	width: 65px;
}
#main #right #cartInfo div a {
	color: #666666;
	font-weight: normal;
}
#main #right #hostAParty img {
	width: 100px;
	border: 2px solid #EFF8B9;
}
#main #footer {
	clear: both;
	position: relative;
}
#main #footer img {
	position: absolute;
	top: -150px;
	left: 649px;
}
#base {
	clear: both;
	width: 890px;
	height: 28px;
	line-height: 28px;
	margin: 0px auto 0px auto;
	font-size: 90%;
	color: #FFFFFF;
	background-color: #8EC921;
	text-align: left;
}
#base span {
	margin: 0 20px 0 10px;
}
#base a {
	color: #FFFFFF;
	font-weight: normal;
}
.attention-positive {
	background-color: #F8FFF0;
	border-top: 2px #99CC00 solid;
	border-bottom: 2px #99CC00 solid;
	padding: 7px;
	margin: 0px 0px 10px 0px;
}
.attention-positive h3 {
	margin: 0px;
	color: #99CC00;
}
.attention-positive p {
	margin: 0px;
}
.attention-negative {
	background-color: #FFF8F0;
	border-top: 2px #CC9900 solid;
	border-bottom: 2px #CC9900 solid;
	padding: 7px 7px 3px 7px;
	margin: 0px 0px 10px 0px;
}
.attention-negative h3 {
	margin: 0px;
	color: #CC9900;
}
.attention-negative div {
	border-top: 1px dashed #888888;
	padding: 4px 2px 4px 2px;
}
.attention-negative div.first {
	border-top: 0px;
	padding: 2px 2px 4px 2px;
}
.contact-table {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 100%;
	margin-bottom: 10px;
}
.contact-table tr th {
	background-color: #EFF8B9;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 3px;
}
.contact-table tr td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 3px;
	vertical-align: middle;
}
.contact-table tr td input, .contact-table tr td textarea, .contact-table tr td select {
	margin: 3px 0 0 0;
	font-size: 110%;
	padding: 0;
}
.contact-table tr td textarea.large {
	width: 500px;
	height: 100px
}
.contact-table tr td .annotation {
	font-size: 80%;
}
.contact-table tr td .req {
	color: #CC0000;
	font-size: 75%;
}
.contact-table tr td .smallprint {
	color: #333333;
	font-size: 75%;
}
#addressInfo {
	background-color: #EFF8B9;
	float: right;
	margin: 0 0 5px 10px;
	padding: 3px;
	border: 1px solid #333333;
	font-size: 90%;
}
.shopDirectory-item {
	float: left;
	width: 150px;
	text-align: center;
	position: relative;
}
.shopDirectory-item img.thumbnail {
	width: 118px;
	border: 2px solid #888888;
	margin: 0 0 30px 0;
}
.shopDirectory-item div.price {
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	top: 104px;
	left: 110px;
	width: 47px;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	background-image: url(/li/price-oval-plain.gif);
	background-repeat: no-repeat;
}
.shopDirectory-item div.specialOffer {
	position: absolute;
	top: -15px;
	left: -6px;
}
.shopDirectory-item div.specialOffer img {
	width: 43px;
	height: 36px;
}
.shopDirectory-item div.popup {
	position: absolute;
	z-index: 50;
	width: 330px;
	border: 1px solid #888888;
	background-color: #FFFFFF;
	text-align: left;
	padding: 7px;
	font-size: 90%;
}
.shopDirectory-item div.popup p.specialInformation {
	color: #FF0000;
	font-weight: bold;
}
.shopDirectory-item div.popup div.close {
	float: right;
	text-align: right;
}
.shopDirectory-item div.popup div.close img {
	margin: 3px;
}
.shopDirectory-item div.popup div.purchaseInfo img.spacer {
	width: 270px;
	height: 1px;
}
.shopDirectory-item div.popup div.purchaseInfo div.buy {
	text-align: right;
}
.shopDirectory-item div.popup div.purchaseInfo table {
	margin: 7px 0 0 auto;
}
.shopDirectory-item div.popup div.purchaseInfo table tr#premiumOption {
	visibility: hidden;
	display: none;
}
.shopDirectory-item div.popup div.purchaseInfo table tr th {
	font-weight: normal;
	font-size: 80%;
	padding: 1px;
	text-align: right;
}
.shopDirectory-item div.popup div.purchaseInfo table tr td {
	font-weight: bold;
	color: #8EC921;
	vertical-align: middle;
	padding: 4px;
	font-size: 90%;
	text-align: right;
	white-space: nowrap;
}
.shopDirectory-item div.popup div.purchaseInfo table tr td input {
	width: 20px;
	font-weight: bold;
	text-align: center;
}
.shopDirectory-item div.popup div.purchaseInfo table tr td select {
	font-size: 85%;
	width: 110px;
}
.shopItem-primaryImage {
	float: left;
	margin: 0 10px 10px 0;
}
.shopItem-primaryImage img {
	width: 300px;
	border: 0;
}
.relatedItems {
	clear: both;
}
#shopItem {
	position: relative;
}
#shopItem .colourSelector {

}
#shopItem .colourSelector div.colour {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 7px 7px 0;
	border: 0;
}
#shopItem div.purchaseInfo img.spacer {
	width: 270px;
	height: 1px;
}
#shopItem div.purchaseInfo div.buy {
	text-align: right;
}
#shopItem div.purchaseInfo table {
	margin: 7px 0 0 auto;
}
#shopItem div.purchaseInfo table tr#premiumOption {
	visibility: hidden;
	display: none;
}
#shopItem div.purchaseInfo table tr th {
	font-weight: normal;
	font-size: 80%;
	padding: 1px;
	text-align: right;
}
#shopItem div.purchaseInfo table tr td {
	font-weight: bold;
	color: #8EC921;
	vertical-align: middle;
	padding: 4px;
	font-size: 90%;
	text-align: right;
	white-space: nowrap;
}
#shopItem div.purchaseInfo table tr td input {
	width: 20px;
	font-weight: bold;
	text-align: center;
}
#shopItem div.purchaseInfo table tr td select {
	font-size: 85%;
	width: 110px;
}
#shopItem div.specialOffer {
	position: absolute;
	left: 0px;
}
#shopItem div.specialOffer img {
	width: 43px;
	height: 36px;
}
#shopItem p.specialInformation {
	color: #FF0000;
	font-weight: bold;
	text-align: right;
}


.basket-info-table {width: 100%; border: 1px solid #000000; margin-top: 10px;}
.basket-info-cell {background-color: #FFFFFF; font-size: 9pt; padding: 5px;}

.basket-table {border: 0px; width: 100%;}
.basket-top {vertical-align: middle; border-top: 1px solid #000000; background-color: #E8E8E8; color: #000000; font-weight: bold; font-size: 10pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-cell {vertical-align: middle; background-color: #FFFFFF; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-cell input {font-size: 7pt; padding: 1px;}
.basket-cell select {font-size: 7pt; padding: 0px;}
.basket-cell span.detailTitle {
	font-weight: bold;
}
.basket-cell span.colour {
	width: 14px;
	height: 14px;
	margin: 0 0 0 1px;
	border: 1px solid #888888;
}
.basket-subtotal {vertical-align: middle; background-color: #E8E8E8; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-pap {vertical-align: middle; background-color: #FFFFFF; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-pap  select {font-size: 7pt; padding: 0px;}
.basket-total {vertical-align: middle; background-color: #E8E8E8; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-tax {vertical-align: middle; background-color: #FFFFFF; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}
.basket-grand {vertical-align: middle; background-color: #E8E8E8; color: #000000; font-size: 9pt; padding: 5px; border-bottom: 1px solid #000000;}

.req {font-size: 8pt; color: #B80000;}
.i {width: 12px; height: 12px; border: 0px; vertical-align: text-bottom;}

.checkout-info {width: 100%;}
.checkout-info tr th, .checkout-heading {background-color: #E8E8E8; color: #000000; font-weight: bold; padding: 7px;}
.checkout-left-first {width: 30%; padding: 7px;}
.checkout-right-first {width: 70%; padding: 7px;}
.checkout-left {width: 30%; padding: 7px; font-size: 95%;}
.checkout-right {width: 70%; padding: 7px; font-size: 95%;}
.checkout-right  input {font-size: 90%;}
.checkout-right  select {font-size: 90%;}
.checkout-span {padding: 15px; font-size: 80%;}

table.generalForm {
	width: 100%;
}
table.generalForm tr th {
	background-color: #E8E8E8;
	color: #000000;
	font-weight: bold;
	padding: 7px;
}
table.generalForm tr td {
	padding: 7px;
	font-size: 95%;
	border-bottom: 1px solid #E8E8E8;
}
table.generalForm tr td img.spacerLeft {
	width: 270px;
	height: 1px;
	border: 0;
}
table.generalForm tr td img.spacerRight {
	width: 320px;
	height: 1px;
	border: 0;
}
table.generalForm tr td input {
	width: 200px;
}
table.generalForm tr td input.veryShort {
	width: 50px;
}
table.generalForm tr td input.checkbox {
	width: auto;
}
table.generalForm tr td input.submit {
	width: auto;
}
table.generalForm tr td select {
	width: 200px;
}
table.generalForm tr td select.short {
	width: 120px;
}
table.generalForm tr td select.veryShort {
	width: 50px;
}

.checkout-table {border: 1px solid #000000; width: auto; background-color: #FFFFFF;}
.checkout-table tr th, .checkout-top {font-size: 12px; font-weight: bold; color: #000000; background-color: #FFFFFF; padding: 3px; border: 0;}
.checkout-table tr td, .checkout-cell {font-size: 12px; color: #000000; background-color: #FFFFFF; padding: 3px; border: 0;}
.checkout-input {width: 200px; font-size: 90%;}
.checkout-select {width: 200px; font-size: 90%;}
.checkout-textarea {width: 200px; font-size: 90%;}

div#home-banner {
	border: 3px solid #CBE60E;
	padding: 5px;
}
div#home-banner p {
	margin: 0;
}
div#home-banner div.logo {
	float: right;
	margin: 0 0 0 10px;
}