* {padding: 0; margin: 0;}
body {font: 16px Arial, sans-serif; color: #4b4b4b;}
.center {margin-left: 50%;}
.page-content {width: 760px; margin-left: -382px;}
img {border: none;}

/*** top banner ***/

#top-banner {
	height: 160px; width: 100%;
	background-image:url(/images/shop/top_banner_bg2.png);
	background-repeat:repeat-x;
	background-position: top left;
}

div.top-nav {
	height: 145px;
	position: relative;
}
div.top-nav h1 {
	width: 243px; height: 65px;
	background-image:url(/images/shop/hidepark2.png);
	background-repeat:repeat-x;
	background-position: top left;
	position: absolute; top: 17px; left: 0;
}
div.top-nav h1 span {display: none;}
div.top-nav h1 a {display: block; width: 100%; height: 100%;}
.main-nav {list-style: none; position: absolute; left: 0; bottom: 11px;}
.main-nav li {float: left; margin-right: 22px;}
.main-nav li a {color: #2F481D; font: bold 11px Arial, sans-serif; text-decoration: none;}
.main-nav li.last {margin-right: 0;}
.main-nav a.selected {color: black;}

.top-nav .telephone {position: absolute; top: 27px; right: 0;}

div.sub-nav ul {
	list-style: none; float: right;
}
div.sub-nav ul li {
	float: left; margin-left: 30px;
}
div.sub-nav ul li a {
	font: bold 14px Arial, sans-serif; color: #8c8c8c;
	text-decoration: none;
}
div.sub-nav ul li a:hover {color: #444;}
div.sub-nav ul li a.selected {
	color: #2a4d1f;
}

/*div.main {
	margin-top: 20px;
}*/
div.main h2 {
	font: bold 22px Arial, sans-serif; color: #2a4d1f;
	padding-bottom: 10px;
}
div.main h3 {
	font: bold 18px Arial, sans-serif; color: #2a4d1f;
	padding: 8px 0; clear: both;
}

/*** category page ***/

ul.product-listing {
	list-style: none;
}
ul.product-listing li {
	float: left; width: 185px; height: 250px;
	padding-right: 4px; padding-bottom: 0;
}
ul.product-listing li.final-column {padding-right: 0;}
ul.product-listing li a {text-decoration: none; color: #636363; 
	display: block; width: 100%; height: 250px; border: 1px solid white;
}
ul.product-listing li a:hover {color: #222;}
ul.product-listing li a .product-image {padding-bottom: 3px; padding-left: 5px;}
ul.product-listing li a .product-name {
	display: block; text-align: center; padding-bottom: 1px;
	font: bold 12px Arial, sans-serif;
}

.product-listing .more-info {display: block; padding-top: 3px; padding-bottom: 3px;}

span.product-sub-text {display: block; font-weight: normal;}

.hint-text {font-size: 12px; color: #888; display: block; font-weight: normal;}

/*** home page ***/
/*div.intro-text {padding: 0 40px 10px;}*/

.intro-text {padding: 0 1px;}
div.intro-text p {padding-bottom: 20px;}

.front-product-listing ul {height: 100%; overflow: hidden; width: 640px; margin-left: 45px;}
.front-product-listing ul li {padding-right: 38px;}
.second-line {padding-left: 110px;}

/*** product view ***/
div.column-main-image {width: 310px; float: left; margin-top: 20px; position: relative;}
div.column-product-description {width: 380px; padding-top: 20px; padding-right: 20px; float: right; position: relative; padding-bottom: 20px;}
div.column-product-description h2 {padding: 0; margin: 0;}
p.price, table.price {
	font: bold 16px Arial, sans-serif; color: #192f12;
	padding: 2px 0 6px;
	border-bottom: 1px dotted #878787;
}
table.price tr td {padding-right: 10px;}
td.attr-price {font-size: 12px;}
span#rrp-price, td.rrp-price {font-size: 12px; color: red; padding-right: 10px;}
span.delivery-text {display: block; font-size: 13px; color: #666; padding-top: 4px;}
div.product-description {padding-top: 10px;}
div.product-description {font: 15px Arial, sans-serif; padding-bottom: 10px; line-height: 1.4em;}
.product-description p {margin-bottom: 10px;}
.product-description ul {margin: 10px 20px;}

p.product-back {padding: 20px 0 10px; clear: both;}
p.product-back a {text-decoration: none; font: bold 14px Arial,sans-serif; color: #2a4d1f;}
p.product-back a img {margin-bottom: -2px; padding-right: 10px;}
p.product-back a:hover {color: #222;}

div.attribute {float: left; width: 160px;}
div.attribute select {width: 150px; margin-top: 10px;}
input#buy-now {float: right;margin-right: 20px; margin-bottom: 10px;}
input.button-pad {padding-top: 20px;}

div.size-error {color: red; font-weight: bold;}

.detail-image, .detail-box {position: absolute; top: 20px; left: -10000px; margin: 0; padding: 0;}
.detail-image {width: 380px; height: 310px; background-color: white; background-repeat: no-repeat; border: 1px solid #ddd;}
.detail-box {border: 1px solid black;}
.image-hint {font-size: 12px; color: #666; padding-top: 10px; text-align: center;}

.swatches {list-style: none; height: 100%; overflow: hidden; clear: both; padding-top: 20px;}
.swatches li {
        float: left; display: block; margin: 0 45px 15px 0; width: 80px; padding-top: 83px;
background-color: white; background-repeat: no-repeat; text-align: center;
}
.swatches li span {font-size: 12px; color: #666;}


/*** information pages ***/
/*div.column-main {padding: 0 100px;}*/
div.column-main p {line-height: 22px; padding-bottom: 10px;}

/*div#stockists-list p span {color: #222; font-weight: bold;}*/
table#stockists-list {font-size: 12px; padding-top: 10px;}
table#stockists-list tr td {padding-right: 20px; padding-bottom: 10px; vertical-align: top;}
td.stockists-location {font-weight: bold;}

/*** view order page ***/
div.order-left {
/*	background: #e5e5e5;*/
	width: 280px; float: left; padding-left: 70px;
	text-align: center;
}
div.order-right {
	width: 300px; float: right; padding-right: 60px;
}
div.order-right p {
	padding-bottom: 15px;
}
div.order-right p a img {display: block; padding-top: 4px;}
ul.bag {list-style: none; margin-left: 50px;}
ul.bag li {width: 175px; text-align: center; float: left; padding-bottom: 5px;}
ul.bag li p {font-size: 13px; padding-bottom: 3px;}

p#bag-total {border-top: 1px dotted #878787; padding-top: 10px; clear: both;}

p#ordering {text-align: center; padding-top: 10px;}
p#ordering img {display: block; margin: 0 auto; padding: 10px 0;}
p#ordering span {font-size: 12px;}
div.why-buy {padding: 0 40px;}

/*** bottom banner ***/
#bottom-banner {
	clear: both;
	height: 70px; width: 100%;
	background-image:url(/images/shop/bottom_banner_bg2.png);
	background-repeat:repeat-x;
	background-position: bottom left;
}
.bottom-text {position: relative; height: 70px;}
.bottom-nav {list-style: none; position: absolute; bottom: 21px; left: 0;}
.bottom-nav li {float: left; margin-right: 28px;}
.bottom-nav li a {color: white; font: bold 11px Arial, sans-serif; text-decoration: none;}