html, body { font: 12px "Trebuchet MS", Arial, sans-serif; color: #000000;}
body {margin:0; padding:0; background: #fcfff5 url(back-body.jpg) repeat-x left top;}
h1, ul, ol, li, img {padding:0; margin:0; border:none;}
a {color:#3e606f;}
a:hover {text-decoration:none;}
#main ul {margin-left:50px; list-style:square;}

/* HEADER */

#header {background: #193441 url(back-head.jpg) no-repeat left top; height:288px;}
#header h1 {background: url(funkyfish.gif) no-repeat left top; float:left; margin:50px 0 0 130px; height: 144px; width: 596px; display:inline;}
#header h1 span {display:none}

#header ul.nav {position:absolute; top:244px; right:10px; list-style:none;}
#header ul.nav li {display:inline; list-style:none;}
#header ul.nav a {
	height:32px;
	background: url(back-nav.gif) repeat-x left top;
	display:block;
	float:left;
	padding:12px 10px 0 10px;
	margin:0 5px;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
#header ul.nav a:hover { background: url(back-nav-hover.gif) repeat-x left top;}
#header ul.nav li.on a, #header ul.nav li.on a:hover { background: url(back-nav-active.gif) repeat-x left top; color: #3e606f;}



/* CART */
#cart {background: url(back-content.gif) no-repeat left top; text-align:right; height:44px; padding:10px 20px 0 0; font-size: 14px; color: #3e606f; }
#cart a {color:#3e606f;}
#cart a:hover {text-decoration:none;}


/* MAIN */
#main {margin:0 0 0 130px; width:80%; }

h2 { font: normal 30px "Arial Narrow", Arial, sans-serif; color: #3e606f; margin:10px 0 10px 0;}
h2 a {text-decoration:none;}
h3, h4 {font-size: 12px; font-weight: bold; margin:20px 0 0 0; padding:0;}
h3.home { font: normal 22px "Arial Narrow", Arial, sans-serif; color: #3e606f; margin:10px 0 10px 0; clear:both;}
del {color: #c1191c; padding-left: 3px;}

#page p img {float:left; margin:10px 20px 10px 0;}

ol.steps {list-style:none; margin-left:-66px; overflow:hidden; margin-bottom:20px;}
ol.steps li {width:22%; float:left; padding:0 0 0 48px; margin:10px 0 0 20px;}
li.s1 {background: url(number1.gif) no-repeat left top;}
li.s2 {background: url(number2.gif) no-repeat left top;}
li.s3 {background: url(number3.gif) no-repeat left top;}

#main ul.collection {list-style:none; margin:0;}
ul.collection p {margin:0; padding:0;}
ul.collection li {background:#fff; width:130px; height:190px; float:left; margin:10px 10px 10px 0; text-align:center;}
ul.collection li .image a {background:#d1dbbd; width:100px; display:block; padding:5px;}
ul.collection li .image a:hover {background:#91aa9d;}
ul.collection li .info {margin:10px 0 0 0;}
ul.collection li .info a {color:#3e606f; text-decoration:none;}
ul.collection li .info a:hover {text-decoration:underline;}
#paginate {clear:both;}

.blog-details {margin:15px 0 30px 0;}

#tags {}
#tags a {background:#FFFFFF;}
#tags a .active {color:#fff; background:#91aa9d; text-decoration:none;}
#tags a:hover .active {background:#FFFFFF; color:#3e606f;}
#tags p {margin:0 0 10px 0;}

table { margin-bottom:8px; border-collapse:collapse; }
table td, table th { padding:2px 5px; vertical-align:top; border-bottom:1px solid #d1dbbd; }
th { background-color:#d1dbbd; font-weight:bold; text-align:left; }

/* PRODUCTS */

#product-left {float: left; width:60%; padding-right:20px; margin-bottom:40px;}

#product-image img {background:#d1dbbd; padding:1px;}
#product-image, .product-images {margin-bottom: 10px; }
#product-image p {padding:5px;}
#product-image p, #product-image a {background:#193441; color:#FFFFFF; margin:0;}
.product-images {margin-right: 10px; float: left;}

#product-right {float:left;}

#product-variants {margin: 10px 0 15px; padding: 3px;}
#product-variants ul {margin:0;}
#product-variants ul li {padding: 4px 6px; list-style-type: none; list-style-position: outside;	margin-left: 0;}
#product-variants .odd {background: #ebf0e1}

#product-details p {padding:0; margin:0;}
.radio {margin-left: 3px;}

/* CHECKOUT */

table {text-align: left; margin-bottom: 15px; border-collapse: collapse; width:100%;}

#basket th {padding: 5px 0 2px; border-bottom: 1px solid #e1ddc8; background:none; }
#basket td {vertical-align: top; border-bottom: 1px solid #e1ddc8;}

#basket td.basket-column-one {padding: 7px 10px 7px 0; }
#basket td.basket-column-one img {float:left; padding:0 10px; }
#basket td.basket-column {width: 80px; padding-top: 12px; }

.basket-even {background-color: #ebf0e1;}

#basket-right {text-align:right;}
#basket-right h3 {font: normal 22px "Arial Narrow", Arial, sans-serif; color: #3e606f; margin:10px 0 10px 0;}

#basket p {padding:0; margin:0;}

/* FOOTER */
#footer {clear:both; margin:40px 0 10px 130px; color:#91aa9d;}
#footer p, #footer a {margin:0; padding:0; color:#91aa9d;}