body {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:arial,sans-serif;
	color:#857b6f;
	background-color:#fff;
}

/* containers */

div#container {
	margin:0 auto;
	padding:0;
	width:880px;
}

div#header,
div#content,
div#footer {
	position:relative;
	margin:0;
	padding:0;
}

div#header {
	margin:0 0 5px 0;
	height:115px;
	background-image:url(../images/primarynav_bkg.png);
	background-repeat:no-repeat;
	background-position:0px 45px;
}

div#footer {
	clear:both;
	margin:10px 0;
	padding:10px 0;
	border-top:dashed 1px #857b6f;
}

div#banner {
	margin:0 0 20px 0;
	padding:0;
	width:880px;
	overflow:hidden;
}

div#product {
	background-image:url(../images/overlays/QuiltingDetailPageBkg.jpg);
	background-repeat:no-repeat;
	background-position:0px 150px;
}

div#product.knit {
	background-image:url(../images/overlays/KnittingDetailPageBkg.jpg);
}

body.home div#banner {
	width:640px;
	height:257px;
}

div#content {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:660px;
}

div#sidebar,
div.column {
	float:left;
	margin:0 10px 10px 0;
	padding:0 0 0 10px;
	width:199px;
	border-left:dashed 1px #857b6f;
}

body.home div#sidebar {
	float:right;
	width:169px;
	padding:0 0 0 30px;
}

div#featured div.column {
	margin:0 10px 0 0;
	padding:0;
	width:308px;
	border-left:none;
	border-right:dashed 1px #857b6f;
}

div#featured div.last {
	padding:0 0 0 20px;
	border:none;
}

div#sidebar,
div.last {
	margin:0;
}

/* content */

h1 {
	position:absolute;
	top:13px;
	margin:0;
	padding:0;
}

h1 a {
	display:block;
	margin:0;
	padding:0;
	height:85px;
	width:340px;
	text-indent:-1000em;
	background-image:url(../images/graywood_logo.png);
	background-repeat:no-repeat;
	background-position:top left;
}

h2,
h3,
h4 {
	margin:0 0 5px 0;
	padding:0;
	font-size:28px;
	line-height:32px;
	color:#c62436;
	background-color:transparent;
}

h2 {
	font-weight:normal;
	color:#857b64;
	background-color:transparent;
}

h2 a {
	font-weight:bold;
}

h2.breadcrumb {
	font-size:14px;
	line-height:16px;
}

h3 {
	font-size:22px;
	line-height:24px;
}

h3 span {
	display:block;
	font-weight:normal;
}

div#sidebar h3 {
	margin:0 0 10px 0;
}

h4 {
	font-size:16px;
	line-height:18px;
}

p {
	margin:0 10px 10px 0;
	padding:0;
	font-size:14px;
	line-height:26px;
}

a {
	color:#c62536;
	background-color:transparent;
	text-decoration:none;
	outline:0;
}

li a,
p a {
	font-size:14px;
	line-height:26px;
}

a:hover {
	color:#3f1913;
	background-color:transparent;
	text-decoration:underline;
}

dl {
	font-size:14px;
	line-height:26px;
}

dt,
dd {
	margin:0;
	padding:0;
}

dt {
	font-size:16px;
	font-weight:bold;
}

dd {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:18px;
}

sup {
	position:relative;
	top:-2px;
	line-height:5px;
	font-size:0.5em;
}

table {
	margin:0 0 10px 0;
	padding:0;
	width:640px;
	font-size:13px;
	line-height:17px;
	border-collapse:collapse;
}

th,
td {
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-bottom:dotted 1px #857b6f;
}

.quantity {
	text-align:right;
	white-space:nowrap;
}

td.delete a {
	display:block;
	margin:3px 0 0 0;
	padding:0;
	height:16px;
	width:16px;
	text-indent:-1000em;
	background-image:url(../images/delete.png);
	background-repeat:no-repeat;
	background-position:top left;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
	height:10px;
}

button.basket { 
	position:relative; 
	margin:10px 5px 10px 0; 
	padding:0 10px 0 0;
	cursor: pointer;
	overflow: visible;
	font-size:13px;
	line-height:12px;
	text-align: center;
	color:#fff; 
	background-color:transparent;
	background-image:url(../images/button_bkg.png);
	background-repeat:no-repeat;
	background-position:right -140px;
	border:0;
}

button.basket::-moz-focus-inner {
	border:none;
}

button.basket span { 
	position:relative;
	display:block;
	margin:0;
	padding:13px 0 0 10px; 
	height:25px;
	white-space:nowrap;
	color:#fff;	
	background-color:transparent;
	background-image:url(../images/button_bkg.png);
	background-repeat:no-repeat;
	background-position:left top;
}

button.basket span#googlecheckout {
	/* styles for adding image? */
}

button.basket span, x:-moz-any-link {
	padding:7px 0 6px 20px;
}

button.basket:hover {
	background-position: right -210px; 
}
	
button.basket:hover span {
	background-position: 0 -70px;
}

div#footer p {
	margin:0 0 5px 0;
	font-size:11px;
	line-height:18px;
}

div#banner img {
	display:block;
	margin:0;
	padding:0;
	border:none;
}

a.feature {
	display:block;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:22px;
	text-decoration:none;
	color:#857b6f;
	background-color:transparent;
}

a.feature:hover {
	color:#c62536;
	background-color:transparent;
}

a.feature img,
a.feature strong {
	display:block;
	margin:5px 0 0 0;
	padding:0;
	font-size:16px;
	color:#c62536;
	background-color:transparent;
	border:none;
}

img.left,
img.right {
	float:left;
	margin:0 20px 20px 0;
	padding:0;
	border:none;
}

img.right {
	float:right;
	margin:0 0 20px 20px;
}

ul#news,
ul#quilting,
ul#knitting,
ul#products {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	line-height:20px;
	list-style-type:none;
}

ul#news li {
	margin:0 0 5px 0;
}

ul#news li a {
	display:block;
	line-height:20px;
}

body.news ul#news li {
	margin:0 0 10px 0;
}
body.news ul#news li a strong {
	font-size:20px;
}

ul#quilting li a,
ul#knitting li a {
	padding:0 0 0 19px;
	color:#857b64;
	background-color:transparent;
	background-image:url(../images/quilting_bullet.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
}

ul#knitting li a {
	background-image:url(../images/knitting_bullet.png);
	background-position:0px -1px;
}

ul#quilting a:hover,
ul#knitting a:hover {
	color:#c62536;
	background-color:transparent;
}

ul#quilting li.current a,
ul#knitting li.current a {
	color:#c62536;
	background-color:transparent;
}

ul#products {
	margin:0 15px 0 0;
}

ul#products li {
	clear:left;
	margin:0;
	padding:5px 0;
	border-top:dotted 1px #857b6f;
}

ul#products li a {
	display:block;
	margin:0;
	padding:0;
	line-height:20px;
	text-decoration:none;
	color:#857b6f;
	background-color:transparent;
}

ul#products li a img {
	float:left;
	margin:0 10px 0 0;
	border:none;
}

ul#products li a strong,
ul#products li span.price {
	display:block;
	color:#c62536;
	background-color:transparent;
}

ul#products li span.price {
	float:right;
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	font-size:24px;
	line-height:24px;
}

ul#products li a strong {
	font-size:20px;
}

form#productform {
	clear:both;
	margin:0 0 10px 0;
	padding:15px 0 0 0;
	border-top:dashed 1px #857b6f;
	border-bottom:dashed 1px #857b6f;
}

form#productform button {
	display:block;
}
label.required {
	color:#f00;
	background-color:transparent;
}
p#price,
p#regularprice {
	float:right;
	font-size:24px;
	line-height:28px;
	color:#c62536;
	background-color:transparent;
}

p#regularprice {
	text-decoration:line-through;
	color:#666;
	background-color:transparent;
}

p#specialprice {
	float:right;
	margin:0 0 0 25px;
	width:110px;
	font-size:12px;
	line-height:14px;
}

p#specialprice strong {
	display:block;
	font-size:13px;
	line-height:15px;
	color:#c62536;
	background-color:transparent;
}

p#specialprice span {
	font-size:22px;
	line-height:24px;
}


div#assets {
	position:relative;
	float:right;
	margin:0 10px 20px 40px;
	padding:0;
	width:450px;
}

img#main {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:450px;
	height:260px;
	border:none;
}

a#zoom {
	display:block;
	margin:0;
	padding:0;
	text-align:right;
	font-size:11px;
	line-height:11px;
}

ul.thumbs {
	float:right;
	margin:0 15px 0 0;
	padding:0;
	list-style-type:none;
}

ul.thumbs li {
	float:left;
	margin:0 5px 10px 0;
	padding:0;
}

ul.thumbs li a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
}

ul.thumbs li a img {
	display:block;
	margin:0;
	padding:0;
	border:solid 1px #ccc;
}

ul.thumbs li.current a img,
ul.thumbs li a:hover img {
	border-color:#666;
}

div#sidebar img {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	border:none;
}

div#featured {
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:dashed 1px #857b6f;
}

ul.products {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.products li {
	float:left;
	margin:0 20px 10px 0;
	padding:0;
	width:130px;
}

ul.products li a {
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
}

ul.products li a img {
	display:block;
	margin:0;
	padding:0;
	border:none;
}

/* navigation */

div#header a,
div#footer a {
	color:#3f1913;
	background-color:transparent;
}

div#header a:hover,
div#footer a:hover {
	color:#c62536;
	background-color:transparent;
}

ul#globalnav,
ul#primarynav,
ul#secondarynav {
	margin:0;
	padding:0;
	text-transform:lowercase;
	list-style-type:none;
}

ul#globalnav li,
ul#primarynav li,
ul#secondarynav li {
	float:left;
	margin:0 0 0 20px;
	padding:0;
}

ul#globalnav li a,
ul#primarynav li a,
ul#secondarynav li a {
	display:block;
	margin:0;
	padding:0;
}

ul#globalnav {
	position:absolute;
	top:10px;
	right:10px;
}

ul#primarynav {
	position:absolute;
	bottom:35px;
	right:10px;
}

ul#primarynav li a {
	font-size:15px;
	line-height:19px;
	text-decoration:none;
}

ul#secondarynav li {
	margin:0 20px 0 0;
}

li#cart a,
li#shipping a {
	text-indent:20px;
	background-image:url(../images/basket.png);
	background-repeat:no-repeat;
	background-position:center left;
}

li#shipping a {
	background-image:url(../images/shipping.png);
}

form#searchform {
	margin:0;
	padding:2px;
	border:solid 1px #3f1913;
}

form#searchform input {
	margin:0;
	padding:3px;
	width:120px;
	font-size:12px;
	color:#3f1913;
	background-color:transparent;
	border:none;
}

form#searchform input.label,
input.label {
	color:#b9b0a6;
	background-color:transparent;
}

label {
	font-size:14px;
}

form#searchform button {
	margin:0;
	padding:0;
	height:16px;
	width:16px;
	text-indent:-1000em;
	color:#3f1913;
	background-color:transparent;
	border:none;
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

/* locators */

body.home ul#primarynav li.home a,
body.home ul#secondarynav li.home a,
body.shop ul#primarynav li.shop a,
body.shop ul#secondarynav li.shop a,
body.about ul#primarynav li.about a,
body.about ul#secondarynav li.about a,
body.news ul#primarynav li.news a,
body.news ul#secondarynav li.news a,
body.location ul#primarynav li.location a,
body.location ul#secondarynav li.location a,
body.contact ul#primarynav li.contact a,
body.contact ul#secondarynav li.contact a {
	color:#c62536;
	background-color:transparent;
}

body.home div#header {
	background-position:-563px 45px;
}

body.shop div#header {
	background-position:-430px 45px;
}

body.about div#header {
	background-position:-503px 45px;
}

body.news div#header {
	background-position:-355px 45px;
}
body.location div#header {
	background-position:-295px 45px;
}
body.contact div#header {
	background-position:-225px 45px;
}