/* Structural */
/****************************************************/
.mceContentBody {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
}
body, html {
	height: 100%;
	margin: 0px auto;
	background-color: #ffffff;
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#containerOuter {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}
#containerInner {
	width: 958px;
	margin: 0px auto;
	text-align: left;
	background-color: #ffffff;
	position: relative;
}
.top, #top {
	margin-top: 15px;
	height: 127px;
	background-image: url(../images/top/bg.jpg);
	background-repeat: no-repeat;
	position: relative;
}
.top .pic {
	position: absolute;
	bottom: 5px;
	left: 22px;
}
.top .emergency, #top .emergency {
	position: absolute;
	right: 25px;
	top: 12px;
}
h1 {
	background-image: url(../images/top/logo.jpg);
	background-repeat: no-repeat;
	height: 98px;
	left: 22px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -900000px;
	top: 17px;
	width: 138px;
	z-index: 5;
	cursor: pointer;
}
div.clearing {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 1px;
	line-height: 1px;
	visibility: hidden;
}
.invisible {
	display: none;
	visibility: hidden;
}
input, textarea, select {
	border: solid 1px #cccccc;
	font-family: Tahoma;
	font-size: 11px;
	padding: 2px;
	color: #660000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Misc */
/*************************************************/
.error {
	color: #ff0000;
	margin-bottom: 10px;
	border: solid 1px #ff0000;
	padding: 10px;
}
input.error {
	padding: 0px;
}
/* Top */
/*************************************************/
#top {
	z-index: 10;
}
#top .bird {
	background-image: url(../images/top/bird.jpg);
	background-repeat: no-repeat;
	height: 48px;
	left: 14px;
	position: absolute;
	top: -15px;
	width: 71px;
	z-index: 10;
}
#top .kittens {
	background-image: url(../images/top/kittens.jpg);
	background-repeat: no-repeat;
	height: 113px;
	position: absolute;
	right: -17px;
	top: 101px;
	width: 125px;
	z-index: 10;
}
#top .topLoginInfo {
	font-size: 12px;
	position: absolute;
	top: 35px;
	left: 210px;
}
#top .topLoginInfo a {
	text-decoration: none;
	padding-left: 8px;
	background-image: url(../images/top/back.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #000000;
}
#top .topLoginInfo a:hover {
	text-decoration: underline;
}
#top .loginInfo {
	background-image: url(../images/top/user.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	line-height: 19px;
	margin-top: 8px;
	padding-left: 26px;
	padding-top: 3px;
	color: #084162;
}
#top .loginInfo a {
	color: #084162;
	padding: 0px;
	background-image: none;
}
#top .shoppingCart {
	background-image: url(../images/top/cart.jpg);
	background-position: left 0;
	background-repeat: no-repeat;
	font-size: 14px;
	left: 502px;
	line-height: 150%;
	padding-bottom: 24px;
	padding-left: 92px;
	padding-top: 2px;
	position: absolute;
	top: 32px;
	color: #084162;
	width:171px;
}
#top .shoppingCart a {
	color: #084162;
	text-decoration: none;
	font-weight: bold;
}
#top .shoppingCart a:hover {
	text-decoration: underline;
}
.backLink {
	position: absolute;
	top: -12px;
	right: 10px;
	padding-left: 8px;
	background-image: url(../images/top/back.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
}
.backLink a {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
.backLink a:hover {
	text-decoration: underline;
}
#top .pageLinks {
	font-size: 11px;
	left: 796px;
	line-height: 160%;
	position: absolute;
	top: 20px;
	z-index: 15;
}
#top .pageLinks a {
	color: #084162;
	background-image: url(../images/top/nub.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 8px;
	text-decoration: none;
}
#top .pageLinks a:hover {
	text-decoration: underline;
}
.topBasketDelivery {
	font-size: 10px;
	line-height:10px;
}
/* Nav */
/*************************************************/
#nav {
	background-image: url(../images/content/top.gif);
	background-position: 1px bottom;
	background-repeat: no-repeat;
	height: 37px;
	position: relative;
	text-align: center;
	top: -2px;
	z-index: 5;
}
#nav table.tabs {
	height: 33px;
	margin: 0px auto;
}
#nav table.tabs a {
	color: #3e424a;
	text-decoration: none;
}
#nav table.tabs a:hover {
	text-decoration: underline;
}
#nav table.tabs td.tab {
	border: 0px;
	padding: 0px 2px;
}
#nav table.tabs td.tab table {
	height: 24px;
}
#nav .tab table td.col1 {
	background-image: url(../images/tabs/bg_l.gif);
	width: 2px;
}
#nav .tab table td.col2 {
	background-color: #cfdcf7;
	padding: 2px 10px;
	font-size: 13px;
}
#nav .tab table td.col3 {
	background-image: url(../images/tabs/bg_r.gif);
	width: 2px;
}
#nav table.tabs td.tabSelected {
	border: 0px;
	padding: 0px;
}
#nav table.tabs td.tabSelected table {
	height: 100%;
}
#nav .tabSelected table td.col1 {
	background-image: url(../images/tabs/bg_sel_l.gif);
	width: 8px;
}
#nav .tabSelected table td.col2 {
	background-image: url(../images/tabs/bg_sel_c.gif);
	padding: 10px 10px 7px;
	font-size: 14px;
}
#nav .tabSelected table td.col3 {
	background-image: url(../images/tabs/bg_sel_r.gif);
	width: 8px;
}
#nav .tabSelected a {
	color: #010101 !important;
}

/* main area */
/*************************************************/
.mainArea {
	background-image: url(../images/content/bg.gif);
	background-position: 1px top;
	background-repeat: repeat-y;
	position: relative;
	top: -3px;
}
.mainAreaInner {
	background-image: url(../images/content/bottom.gif);
	background-position: 1px bottom;
	background-repeat: no-repeat;
	padding: 14px 20px 20px;
}

/* Left Nav */
/*************************************************/
#leftNav {
	background-image: url(../images/leftnav/bg_t.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #61f392;
	position: relative;
	width: 221px;
	z-index: 60;
	float: left;
}
#leftNavInner {
	background-image: url(../images/leftnav/bg_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #2b7c46;
	font-size: 13px;
	min-height: 150px;
	padding: 10px;
}
#leftNavInner ul {
	padding: 5px 0px 0px;
	margin: 0px;
	list-style-type: none;
}
#leftNavInner ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	padding-bottom: 10px;
}
#leftNavInner a {
	color: #2b7c46;
	text-decoration: none;
}
#leftNavInner a:hover {
	text-decoration: underline;
}
#leftNavInner ul li ul {
	padding-left: 10px;
	font-size: 11px;
	padding-top: 2px;
}
#leftNavInner ul li ul li {
	padding-bottom: 3px;
}
#leftNavInner ul li.selected a {
	cursor: default;
	font-weight: bold;
}
#leftNavInner ul li.selected ul li a {
	cursor: pointer;
	font-weight: normal;
}
.mainAreaWider #leftNav {
	display: none;
	visibility: hidden;
}
.leftNavSearch {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #009900;
}
/* content */
/*************************************************/
#content {
	margin: 10px 10px 20px 25px;
	padding-left: 221px;
	position: relative;
	z-index: 50;
	color: #222222;
	font-size: 14px;
	line-height: 20px;
}
.mainAreaWider #content {
	padding-left: 0px;
	margin: 15px;
}
.breadcrumb {
	color: #7193db;
	font-size: 12px;
}
.breadcrumb a {
	color: #7193db;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/* headings and editable styles */
/*************************************************/
.headings {
	margin: 20px 0px 10px;
}
h2 {
	font-size: 22px;
	color: #084162;
	margin: 0px 0px 5px;
	font-weight: normal;
}
.h2Product {
	padding-right:135px;
}
h3, .h3, .h3First {
	font-size: 15px;
	color: #084162;
	margin: 15px 0px 5px;
	font-weight: normal;
	display: block;
}
.h3First {
	margin-top: 0px;
}
.important {
	text-transform: uppercase;
	font-weight: bold;
}
.manufacturer {
	color: #084162;
	font-size: 11px;
}
/* footer */
/*************************************************/
.footer {
	background-image: url(../images/footer/top.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #dddddd;
	color: #999999;
	margin: 10px 3px 0px 5px;
	font-size: 11px;
}
.footerInner {
	background-image: url(../images/footer/bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px;
	text-align: right;
}
.footer a {
	color: #999999;
}
.footerInner div {
	padding: 2px 0px;
}
.underFooter {
	height: 10px;
	font-size: 11px;
	line-height: 10px;
}

/* featured products */
/****************************************************/
.homeFeatured {
	background-repeat: no-repeat;
	width: 269px;
	height: 150px;
	float: left;
	padding: 10px;
	margin-right: 10px;
	color: #000000;
	text-align: left;
	position: relative;
}
.homeFeatured3 {
	margin-right: 0px;
}
.homeFeatured p {
	margin-top: 0px;
}
.homeFeatured h3 {
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px;
	font-size: 13px;
}
.homeFeatured div.text {
	padding-left: 90px;
	font-size: 13px;
}
.homeFeatured div.pic {
	width: 80px;
	height: 80px;
	margin: 0px auto;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	color: #999999;
	position: absolute;
	left: 10px;
	border: solid 1px #aaaaaa;
}
.homeFeatured div.noPic {
	background-image: url(../images/product/no_pic_s.jpg);
}
.homeFeaturedBG1 {
	background-image: url(../images/ads/feature1.jpg);
}
.homeFeaturedBG2 {
	background-image: url(../images/ads/feature2.jpg);
}
.homeFeaturedBG3 {
	background-image: url(../images/ads/feature3.jpg);
}
.homeFeaturedBG4 {
	background-image: url(../images/ads/feature4.jpg);
}
.homeFeaturedBG5 {
	background-image: url(../images/ads/feature5.jpg);
}
.homeFeaturedBG6 {
	background-image: url(../images/ads/feature6.jpg);
}
.homeFeaturedBG7 {
	background-image: url(../images/ads/feature7.jpg);
}

.catFeatured {
	background-repeat: no-repeat;
	width: 306px;
	height: 150px;
	float: left;
	padding: 10px;
	margin-right: 10px;
	color: #000000;
	text-align: left;
	position: relative;
	margin-bottom: 15px;
}
.catFeatured2 {
	margin-right: 0px;
}
.catFeatured p {
	margin-top: 0px;
}
.catFeatured h3 {
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px;
	font-size: 13px;
}
.catFeatured div.text {
	padding-left: 90px;
	font-size: 13px;
}
.catFeatured div.pic {
	width: 80px;
	height: 80px;
	margin: 0px auto;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	color: #999999;
	position: absolute;
	left: 10px;
	border: solid 1px #aaaaaa;
}
.catFeatured div.noPic {
	background-image: url(../images/product/no_pic_s.jpg);
}
.catFeaturedBG1 {
	background-image: url(../images/ads/feature1b.jpg);
}
.catFeaturedBG2 {
	background-image: url(../images/ads/feature2b.jpg);
}
.catFeaturedBG3 {
	background-image: url(../images/ads/feature3b.jpg);
}
.catFeaturedBG4 {
	background-image: url(../images/ads/feature4b.jpg);
}
.catFeaturedBG5 {
	background-image: url(../images/ads/feature5b.jpg);
}
.catFeaturedBG6 {
	background-image: url(../images/ads/feature6b.jpg);
}
.catFeaturedBG7 {
	background-image: url(../images/ads/feature7b.jpg);
}
/* products table */
/****************************************************/
table.products {
	width: 662px;
	font-size: 12px;
}
table.products td {
	width: 92px;
	text-align: center;
	padding: 15px 5px;
	border-top: dotted 1px #cccccc;
	border-right: dotted 1px #cccccc;
	vertical-align: top;
}
table.products td.col6 {
	border-right-style: none;
}
table.products tr.first td {
	border-top-style: none;
}
table.products td div.pic {
	border: dotted 1px #cccccc;
	padding: 1px;
	width: 80px;
	height: 80px;
	margin: 0px auto;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	color: #999999;
}
table.products td div.noPic {
	background-image: url(../images/product/no_pic_s.jpg);
}
table.products td div.title {
	padding-top: 2px;
}
table.products td div.price {
	font-weight: bold;
}
table.products td div.pic a, table.products td div.title a {
	color: #222222;
	text-decoration: none;
}
table.products td div.pic a:hover, table.products td div.title a:hover {
	text-decoration: underline;
}
table.products .priceFrom {
	font-size: 11px;
	line-height:11px;
	margin-bottom:-2px;
	margin-top:3px;
}
table.productsPaging {
	background-color: #c7d4f4;
	width: 100%;
	border-bottom: 2px solid #97a4c4;
	margin-bottom: 15px;
}
table.productsPaging td {
	padding: 2px 5px 5px;
	font-size: 11px;
}
table.productsPaging td.col1 {
	padding-top: 4px;
	padding-bottom: 3px;
}
table.productsPaging td.col2 {
	text-align: right;
}
ul.paging {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 1px;
}
ul.paging li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	color: #7794D6;
	padding: 4px 4px 6px;
	font-size: 13px;
}
ul.paging li.sel {
	border-bottom: 2px solid #374464;
	font-weight: bold;
	background-color: #ffffff;
}
ul.paging li a {
	text-decoration: none;
	color: #333333;
}
ul.paging li:hover {
	background-color: #ffffff;
}
.orderBy {
	margin-left: 20px;
}
ul.paging li.off:hover {
	background-color: Transparent;
}
/* Product Detail */
/****************************************************/
.product {
	padding: 20px 0px;
}
.product .picStuff {
	width: 230px;
	color: #8d8d8d;
	padding-bottom:50px;	
}
.product .picOuter {
	border: 1px solid #cccccc;
	height: 200px;
	padding: 1px;
	margin-right: 15px;
	margin-bottom: 2px;
}
.product .pic {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	color: #999999;
	text-align: center;
}
.product .noPic {
	background-image: url(../images/product/no_pic_n.jpg);
}
.product .picOptions {
	font-size: 11px;
}
.product .picOptions a.picLarger {
	color: #8d8d8d;
	text-decoration: none;
	background-image: url(../images/product/enlarge.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 12px 23px;
}
.product .picOptions a.picLarger:hover {
	text-decoration: underline;
}
.product .picPaging {
	float: right;
	margin-right: 15px;
}
.product .picPaging ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.product .picPaging ul li {
	display: inline;
	padding: 0px 2px;
	margin: 0px;
}
.product .picPaging img {
	border-style: none;
}
.product .desc {
	width: 280px;
	float: left;
}
.product .desc p {
	padding: 0px;
	margin: 0px 0px 10px;
}
.product .price {
	position: absolute;
	right: 0px;
	top:55px;
}
.product .priceBadge {
	background-image: url(../images/product/price.gif);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	height: 72px;
	line-height: 24px;
	padding-top: 52px;
	text-align: center;
	width: 124px;
	color: #000000;
}
.product .priceFrom {
	font-size: 12px;
	left: 50px;
	position: absolute;
	top: 30px;
}
.product .buttons {
	text-align: center;
	margin-top: 20px;
}
.product .buttons input {
	cursor:pointer;
}
.product .productOptions {
	margin-top: 10px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	width: 120px;
}
.product .productOptions select {
	font-size: 11px;
}
.product table.productOptionsRadio {
	margin-top:5px;
	font-weight:normal;
}
.product table.productOptionsRadio tr {
	vertical-align:top;
}
.product table.productOptionsRadio td {
	font-weight:normal;
}
.product table.productOptionsRadio td label, .product table.productOptionsRadio td input {
	cursor:pointer;
}
.product table.productOptionsRadio td input {
	border-style:none;
}
/* Buttons */
/****************************************************/
input.btn {
	background-repeat: no-repeat;
	background-color: transparent;
	border-style: none;
	height: 29px;
}
input.btnAddToBasket {
	background-image: url(../images/buttons/basket_add.gif);
	width: 113px;
}
/* Basket */
/****************************************************/
table.basket {
}
table.basket th {
	border-bottom: solid 1px #cccccc;
	padding: 0px 2px 4px;
	vertical-align: top;
}
table.basket td {
	border-bottom: dotted 1px #cccccc;
	padding: 4px 2px;
	vertical-align: top;
}
table.basket tr:hover td {
	background-color: #f0f0f0;
}
table.basket tr.totals td {
	border-bottom-style: none;
	font-weight: bold;
}
table.basket tr.subTotals td {
	font-weight: bold;
}
table.basket tr.delivery td {
	border-bottom-style: solid;
}
table.basket .itemWeight {
	font-style: italic;
	font-size: 10px;
}
table.basket .itemVAT, table.basket tr.subTotals .itemVAT {
	font-style: italic;
	font-size: 10px;
	font-weight: normal;
}
.basketButtons {
	padding-top: 15px;
	text-align: right;
}
.pickUp, .freeDelivery {
 	margin-top:10px;
	background-color:#e0e0e0;
	padding:5px;
	font-size:12px;
	border:solid 1px #d0d0d0;
}
.pickUp label, .pickUp input {
	cursor:pointer;
	border-style:none;
}
.freeDelivery {
	margin-top:25px;
}
.freeDelivery h3 {
	margin-top:0px;
}
.freeDeliveryQualify {
	font-weight:bold;
}
/* Rates */
/****************************************************/
table.rates {
}
table.rates th {
	border-bottom: solid 1px #cccccc;
	padding: 0px 2px 4px;
	font-size: 12px;
}
table.rates td {
	border-bottom: dotted 1px #cccccc;
	padding: 4px 2px;
	font-size: 12px;
}
table.rates tr:hover td {
	background-color: #f0f0f0;
}
table.rates td.col1 {
	padding-right: 15px;
}
table.rates td.col2 {
	text-align: right;
}