body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/bg-paw.png);
	background-color: #fff;
}

.header {
	margin: 0 auto;
	width: 745px;
	height: 55px;
	border-bottom: 3px solid #B3A36E;
	position: relative;
}

.header h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 53px;
	width: 210px;
	margin: 0;
	border: 0;
	background-image: url(img/logo.png);
}

.header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -3000px;
}

.header ul {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0;
	padding: 4px 0;
	display: inline;
}

.header ul li {
	margin-left: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-size: 13px;
}

.header ul li a {
	text-decoration: none;
	font-weight: bold;
	padding: 8px;
	color: #798943;
}

.header ul li a:hover {
	color: #000000;
}

/* Icons */

.icons {
	margin: 0 auto;
	width: 745px;
	overflow: hidden;
}

.icons ul {
	padding: 4px 0;
	float: left;
	margin: 0;
}

.icons ul li {
	background-image:  url(img/icons.png);
	float: left;
	margin: 0 20px;
	padding: 0;
	list-style: none;
	display: inline;
	width: 34px;
	height: 47px;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color: transparent;
}

.icons .search {
	float: right;
	margin: 14px 0;
}



.icons .search .query {
	border: 1px solid #B3A36E;
	width: 120px;
	height: 26px;
	padding: 2px;
	font-size: 15px;
}
.icons .search .submit {
	padding: 2px;
	width: 40px;
	height: 26px;
	font-size: 15px;
	color: #B3A36E;
	border: 2px solid #B3A36E;
	background-color: #fff;
	
}

.icons .card { background-position: -169px 0;}
.icons .gift { background-position: -135px 0;}
.icons .desk { background-position: -34px 0;}
.icons .file { background-position: 0px 0;}
.icons .pens { background-position: -101px 0;}
.icons .kids { background-position: -202px 0;}
.icons .pads { background-position: -67px 0;}

.icons ul li a {
	text-indent: -3000px;
	display: block;
	height: 100%;
	width: 100%;
}






/* Cards */

.categorymenu {
	position: fixed;
	top: 100px;
	left: 5px;
	width: 120px;
	height: 400px;
	font-size: 11px;
	overflow: hidden;
	text-align: right;
}
.categorymenu ul {
	list-style-type: none;	
}

.cardintro {
	clear: both;
}
.cardscroller {
	margin: 0 60px;
}

.cardscroller h2, .cardcat h2 {
	display: inline-block;
	height: 48px;
	float: left;
	margin: 4px;
	padding: 20px 20px;
	background-color: #F7F5F1;
	color: #884;
	clear: both;
	
}

.cardscroller .cardcat {
	overflow: hidden;
}

.card {
	display: inline;
	float: left;
	width: 88px;
	height: 88px;
	background-repeat:no-repeat;
	background-position:right bottom;
	margin: 5px 5px;
	background-color: #eee;
}

.card a {
	text-indent: -3000px;
	display: block;
	height: 100%;
	width: 100%;
}

.cardheader {
	width: 745px;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 3px solid #B3A36E;
	padding: 3px 0;
	
}

.cardheader .name {
	float: left;
/*	width: 300px; */
}

.cardheader .name h1 {
	margin: 0;
	border: 0;
	color: #80660D;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

.cardheader .nav {
	float: right;
/*	width: 430px; */
}

.cardheader .nav ul {
	list-style: none;
	text-align: right;
	margin: 1px 0;
	padding: 0;
}

.cardheader .nav li {
	display: inline;
	margin: 0 0 0 5px;
}

.cardheader .nav li a {
	text-decoration: none;
	border: 1px solid #61751F;
	color: #61751F;
	border-radius: 4px;
	padding: 5px;
	font-size: 12px;
}

.carddetails {
	width: 750px;
	margin: 0 auto;
	overflow: visible;
}

.carddetails .description {
	padding: 10px;
	width: 230px;
	font-size: 12px;
	float: left;
}

.carddetails .image {
	padding-top: 10px;
	width: 250px;
	float: left;
}

.carddetails .basket {
	padding: 30px 10px 10px 10px;
	width: 230px;
	text-align: center;
	float: left;
}

.carddetails .basket a {
	background-color: #61751F;
	color: #ddd;
	border-radius: 4px;
	padding: 5px;
}

.shop {
	padding: 20px 10px 10px 10px;
	width: 230px;
	text-align: center;
	float: left;
	position: relative;
}

.shop .submit {
	background-color: #61751F;
	color: #ddd;
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #61751F;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.shop .groupform {
	height: 185px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.shop .groupform table {
	width: 100%;
}

.shop .groupform .submit {
	font-size: 10px;
	padding: 3px;
}

.overlay {
	width: 218px;
	position: absolute;
	top: 247px;
	display: none;
	background-color: #fff;
}

#cbasket a, #sbasket a {
	background-color: #61751F;
	color: #ddd;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 3px;
	font-size: 10px;
	margin: 5px;
	text-decoration: none;
}

#cbasket .links {
	margin-top: 5px;
}

#cbasket {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #eee;
}

#cbasket p {
	padding: 2px;
	margin: 0 0 5px 0;
}

#cbasket h2 {
	font-size: 12px;
	padding: 0px;
	margin: 2px;
	color: #61751F;
	text-transform: uppercase;
}

#cbasket table {
	width: 100%;
}

#cbasket th, #cbasket td {
	font-size: 10px;
	text-align: left;
}

#cbasket .price {
	text-align: right;
}

#sbasket {
	background-color: #eee;
	font-size: 12px;
	height: 43px;
}

.currentcardcategory {
	overflow: hidden;
}

h1 {
	color: #884;
	clear: both;
	text-align: center;
	border-bottom: #aa8 solid 3px;
	font-size: 20px;
	margin-top: 20px;
}


/* General bobbins */

a {
	color: #61751F;
}

a:hover {
	color: #000000;
}


table.main {
	margin: 0 auto;
}

td {
	font-size: 10pt;
}

p.copyright {
	padding-top: 5px;
	font-size: 8pt;
	font-weight: normal;
	color: #808080;
	text-align: center;
	clear: both;
}

.title {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 14pt;
	color: #80660D;
	font-weight: bold;
	text-transform: uppercase;
}

.content {
	padding-top: 3px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 14px;
}

form {
	margin: 0px;
}

hr {
	color: #B3A36E;
}

li {
	margin-left: -15px;
	margin-top: 5px;
}

.subheader {
	font-weight: bold;
	color: #80660D;
}

.christmas {
	border: 2px solid red;
	font-weight: bold;
	padding: 0.8em;
}
.christmas b {
	color: red; 
}

.boxout {
	border: 2px solid #B3A36E;
	font-weight: bold;
	padding: 0.8em;
}

.boxout b {
	color: #80660D;
}

/* Navigation bits */

.topnav {
	padding-bottom: 4px;
}

.topnav a {
	text-decoration: none;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	color: #798943;
}

.topnav a:hover {
	color: #000000;
}

.sidenavtitle {
	padding-top: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9pt;
	color: #80660D;
	font-weight: bold;
}

.searchbox {
	padding-left: 3px;
	padding-top: 3px;
}

.searchbox .textbox {
	border: 1px solid #99853D;
	width:98px;
	height: 21px;
	background-color: #CCC29E;
	font-size: 9pt;
}

.searchbox input.submit {
	border: 0px;
	background-color: #fff;
	color: #80660D;
	font-weight: bold;
	cursor: pointer;
}

.basket {
	padding-left: 6px;
	padding-top: 3px;
}

.basketcontent td {
	font-size: 8pt;
	font-weight: normal;
}

.basketcontent a {
	text-decoration: none;
	color: #000000;
}

.basketcontent a:hover {
	text-decoration: underline;
	color: #000000;
}

.basketoptions td {
	font-size: 8pt;
	text-transform: uppercase;
}

.basketoptions a {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #798943;
}

p.path {
	font-size: 8pt;
}

p.path a {
	color: #61751F;
}

p.path a:hover {
	color: #000000;
}

/* Index page */

.indexfeaturetitle {
	color: #80660D;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.indexfeaturelink {
	font-size: 8pt;
	font-weight: bold;
}
.indexfeaturelink a {
	color: #000000;
	text-decoration: none;
}
.indexfeaturelink a:hover {
	text-decoration: underline;
}


/* Customer Services pages */

.customerserviceshome th {
	font-size: 10pt;
	color: #80660D;
	text-align: left;
}
.customerserviceshome td {
	font-size: 8pt;
	vertical-align: top;
	padding-bottom: 20px;
}
.customerservicesbodymenutitle {
	font-size: 8pt;
	color: #80660D;
	font-weight: bold;
	padding-bottom: 3px;
}
.customerservicesbodymenu {
	padding: 5px;
	font-size: 8pt;
}
.customerservicesbodymenu a {
	color: #80660D;
	text-decoration: none;
}
.customerservicesbodymenu a:hover {
	color: #000000;
	text-decoration: underline;
}


/* Category pages */

.categorytitle {
	padding-bottom: 2px;
	font-size: 8pt;
}
.categorytitle a {
	color: #61751F;
	text-decoration: none;
}
.categorytitle a:hover {
	color: #000000;
	text-decoration: underline;
}

.categorycaption {
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	font-size: 8pt;
}
.categorycaption a {
	font-size: 8pt;
	color: #80660D;
	text-decoration: none;
}
.categorycaption a:hover {
	color: #000000;
	text-decoration: underline;
}

/* Product pages */

.productaddtobasket {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
.producttable th {
	font-size: 10pt;
	color: #80660D;
	text-align: left;
}
.productimagemenu {
	width: 230px;
	font-size: 9pt;
}

/* Basket page */

.basketpage th {
	font-size: 10pt;
	font-weight: bold;
	color: #80660D;
	text-align: left;
}

.basketarrowtext {
	color: #FFFFFF;
	text-decoration: none;
}

.basketarrowtext:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Checkout page */

.checkout input, textarea {
	border: 1px solid #999999;
	font-size: 10pt;
}

/* Feedback page */

.feedback input, textarea {
	border: 1px solid #999999;
	width: 200px;
	font-size: 10pt;
}

/* first order */

.note {
    border: 1px #61751F dotted;
}