.clear{clear:both; height:0px; }

html, body {height:100%;}
body {background:url(http://media.preview.thatch.co.nz/images/site/background-wood2.jpg); font-family: Trebuchet MS, Arial, san-serif;}


p {font-size:11px; line-height:18px; margin-top:0px;}
h1, h2, h3, h4, h5, h6 {color:#F36523; margin:0; font-family:Helvetica Arial, sans-serif;}
h1 {color:#333; clear:both; display:block; font-size:24px; margin:0; padding:0 0 0px 0px;}
h2 {font-weight:normal;}
h3 {}
h4 {}
h5 {}
h6 {}


a {text-decoration: none; color:#232323;}
a:hover {color:#F36523;}
a:visited {}

a img{border:none;}


ol {}
ul {margin:0 0 15px 15px; padding:0;}
li {font-size:11px;}

dl {}
dt {}
dd {}

.alert{background:#ffa880; border:#F36523 1px solid; color:#232323; margin:10px 0 !important; padding:10px; }

.error input, .error select{background:#ffa880 !important; border:1px solid #F36523 !important;}


#page-top {background: url(http://media.preview.thatch.co.nz/images/site/page-head.png); height: 50px; margin:40px auto 0; width: 800px;} /* UBL background images */	

#page { background:url(http://media.preview.thatch.co.nz/images/site/background-page.png); margin:0 auto; min-height:100%; padding:0 0 20px 0; position:relative; width: 800px;}

.free-shipping{position:absolute; top:-80px; right:-50px; width:200px; }

#utils{float:right;}
#content #utils p{margin:0;}

#footer {background:url(http://media.preview.thatch.co.nz/images/site/page-foot.png) no-repeat; height: 50px; margin:0 auto; width: 800px; }
#footer p { color: #999999; font-size: 10px; margin: 0 auto; text-align: center; width: 765px; }
#footer p a{color: #999999;}
#footer p a:hover{color: #F36523;}


.logo { margin:0 0 20px 50px; }

#header{background:#ddd; margin:0 0 20px 10px; width: 780px;}

#navigation { list-style-image: none; list-style-position: outside; list-style-type: none; margin:0 0 0 40px;}
#navigation li {float: left; margin: 0 1px 0 0;}
#navigation li a {background: #ddd none repeat; color: #999999; display: block; font-size: 11px; height: 15px; letter-spacing: 1px; padding: 10px 10px 5px; text-transform: lowercase;}
	
#navigation li.selected a, #navigation li a:hover {background: #F36523 url(http://media.preview.thatch.co.nz/images/site/nav-tl.jpg) no-repeat ; color: #000000; }




#content {min-height:100%; overflow:hidden; margin:0 30px;}
#content p{margin:0 auto 0 auto; }

#content table{border:solid #ccc; border-collapse:collapse; border-width:1px 0 0 1px;  margin:0 0 20px 0; width:50%; }
#content table tr{}
#content table tr th{border:solid #ccc; border-width:0 1px 1px 0; font-size:11px; font-weight:bold; padding:8px; text-align:left;}
#content table tr td{border:solid #ccc; border-width:0 1px 1px 0; font-size:11px; padding:8px;}


#latest_news{float:right; width:340px; }
#latest_news ul{list-style:none inside; margin:0; padding:0;}
#latest_news li{overflow:hidden; margin:0 0 10px; }
#latest_news h2{margin:0 0 10px; }
#latest_news h3 a{color:#F36523; font-size:16px; font-weight:normal; }
#latest_news h3 a:hover{color:#F36523;}
#latest_news h4{margin:0 0 15px 0; text-align:right;}
#latest_news p{color:#333;}
#latest_news img{width:100px; border:1px solid #ddd; padding:5px; float:left; margin:0 10px 0 0; }
#latest_news cite{font-style:normal; display:block; margin:3px 0; }


#content #latest_news .news_item{float:left; margin:10px 0; width:100px;}
#content #latest_news .news_item h3 a{color:#232323; font-size:13px; font-weight:bold;}
#content #latest_news .news_item h3 a:hover{color:#F36523;}
.news_item cite{display:block; font-size:10px; font-style:normal;}

#content #latest_news .top_item {}
#content #latest_news .top_item  h3 a{color:#232323; font-size:26px; font-weight:bold;}
#content #latest_news .top_item  h3 a:hover{color:#F36523;}
#content #latest_news .top_item cite{display:block; font-size:10px; font-style:normal;}
#content #latest_news .top_item p{margin:0; font-size:11px;}
#content #latest_news .top_item a{display:block; margin:0 auto 15px auto; width:400px;}
#content #latest_news .top_item h3 a{font-size:18px; margin:0;}


#content .news_item{clear:both;}
#content .news_item cite{color:#333; font-size:12px; font-style:normal;}
#content .news_item img{display:block; margin:0 auto;}
#content .news_item p{width:auto; color:#333; }

#news_archive{margin:20px 0 0;} 
#news_archive .news_item{margin:0 0 20px 0; overflow:hidden; }
#news_archive img{float:left; width:100px; border:1px solid #ccc; padding:5px; }
#news_archive h2{margin:0 0 0 120px; }
#news_archive h2 a{color:#333; font-size:20px; font-weight:bold;}
#news_archive h2 a:hover{color:#F36523;}
#news_archive p{margin:0 0 0 120px; width:300px !important; }
#news_archive cite{margin:0 0 0 120px; display:block; }


h2.handle{border:solid #ccc; border-width:0 0 1px 0; color:#F36523; cursor:pointer; font-size:20px; font-weight:normal; margin:0; padding:8px 8px 8px 0;}
.expander{margin:0 0 0 10px; padding:0;}
.expander li{font-size:11px; list-style:none; margin:10px 0 0 0;}



.contacts{margin:0 auto; width:380px;}
.contact{float:left; margin:0 10px; padding:0 10px; width:150px;}
.contact h2{font-size:18px; font-weight:normal;}

img.contact_image{display:block; margin:0 auto;}

#breadcrumbs{float:left; margin:20px 0 20px 50px; padding:0; list-style:inside decimal; width:600px;}
#breadcrumbs li{color:#aaa; float:left; font-size:13px; margin:0 10px 0 0; padding:0;}	
#breadcrumbs li.selected{color:#F36523;}
#breadcrumbs li a{color:#F36523;}


#products {margin:0 auto; overflow:hidden; }
#products .thumb {border:1px solid #ddd; float:left; margin:0 21px 20px 0; padding:10px; }
#products .thumb:hover {border-color:#aaa;}
#products .thumb h2{width:160px; }
#products .thumb h2 a{background:#fff; color:#F36523; font-size:16px; margin:0 0 10px; }
#products .thumb h2 a:hover{color:#999;}
#products .thumb a{display:block;}
#products .thumb a img{border:1px solid #ddd; width:198px; }
#products .thumb .price{color:#F36523; font-size:22px; display:block; float:left; }
#products .thumb .buynow{border:1px solid #ddd; padding:5px; float:right; font-size:12px; }

.product{clear:both; margin:30px 0 0 0;}
.product .gallery{float:left; width:320px; padding:0 0 10px 0;}
.product .gallery img#selected{width:320px; height:300px;}
.product .gallery img.thumb{width:58px; border:1px solid #dedede; cursor:pointer; padding:0;}
.product .gallery img.thumb:hover{border-color:#F36523;}

.product .info{border:dashed #F36523; border-width:0 0 0 1px;  float:left; margin:0 0 0 20px; padding:10px 10px 10px; width:310px;}
#content .product .info p{width:100% ;}
.product .info h3{font-size:14px; margin:0; padding:0;}
.product .info ul{list-style:none; margin:0px 0 10px 0px; padding:0px; }
.product .info ul li{font-size:11px; margin:0px; padding:0px; list-style-position:inside;}

p#pricing{color:#F36523; font-size:26px; margin:10px 0; }
/*#pricing li{margin:0 0 5px;}*/   

.product .offer{font-size:26px; margin:50px 50px 0;}
.product .conditions{ margin:0 50px !important;}


#social{list-style:none; margin:5px 0 0; border:1px solid #ddd; padding:10px;}
#social h5{float:left; margin:0 10px 0 0; padding:2px 0;}
#social a{width:16px; height:16px; display:block; }
#social ul{overflow:hidden; list-style:none; margin:0; }
#social li{float:left; margin:0 5px 0 0; }
.facebook{background:url(http://media.preview.thatch.co.nz/images/site/facebook.png) no-repeat; height:32px; }
.twitter{background:url(http://media.preview.thatch.co.nz/images/site/twitter.png) no-repeat; height:32px; }
.delicious{background:url(http://media.preview.thatch.co.nz/images/site/delicious.png) no-repeat; height:32px; }
.stumbleupon{background:url(http://media.preview.thatch.co.nz/images/site/stumble.png) no-repeat; height:32px; }


#add_to_cart{margin:20px 0; }
#add_to_cart legend{color:#F36523; font-size:14px; }
#add_to_cart fieldset{border:dashed #F36523; border-width:1px 0;  margin:10px 0 0 0; padding:10px 0; }
#add_to_cart li{margin:0 0 10px;}
#add_to_cart .textbox{border:1px solid #F36523; margin:0 0 0 5px; padding:3px; width:50px; }
#add_to_cart label{display:block; float:left; margin:2px 10px 0 0; text-align:left; width:70px; }	

#shipping .button, .button{border:none; background:#F36523 url(http://media.preview.thatch.co.nz/images/site/nav-tl.jpg) no-repeat; color:#fff; margin:10px 0 0 0; cursor:pointer; padding:5px 15px; font-size:12px; float:right; width:auto; }
.button:hover{color:#fff;}
.button.shopping{float:left; width:auto;}

#shipping ul{list-style:none; margin:0; padding:0; }
#shipping label{display:block; font-size:12px; margin:0 0 3px;}
#shipping input{border:1px solid #CCC; margin:0 0 10px; padding:5px; width:280px; display:block;}
#shipping input[type=checkbox]{width:20px;}
#shipping label[for=id_newsletter]{float:left;}

#shipping textarea{margin:0 0 20px 0; width:280px; }
#shipping select{display:block; margin:0 0 10px; width :280px;}
#shipping fieldset{border:dashed #F36523; border-width:0 0 1px; margin:10px 0 10px 0 ;}
#shipping legend{color:#F36523; font-size:14px; margin:0; padding:0; }

#same_address{float:left; margin:10px 0 0;}
#billing_details{}

ul.errors{background:#FFA880; border:1px solid #F36523; margin:10px 0 10px 0 !important; width:280px; }
ul.errors li{font-size:11px; margin:10px;}

#cart p{width:100%; margin:15px 0;}

#content p.int_customers{margin:30px 0 0;}

#shipping_details{border:none !important; float:left; margin:0 !important; width:300px;}
#billing_details{border:none !important; margin:0 0 0 200px; width:300px;}

#shipping_details p{margin:0;}

#shipping {}




.order_number{color:#F36523; font-size:18px; font-weight:bold; text-align:center; }

#content #cart_items{border:none; border-collapse:collapse; margin:20px 0 0 0; width:100%; }
#content #cart_items th{border:solid #CCC; border-width:0 0 1px 0; font-size:11px; padding:5px; }
#content #cart_items td{border:none; font-size:11px; padding:5px;}
#content #cart_items .product{text-align:left; width:150px; }
#content #cart_items .price{width:100px; text-align:right;}
#content #cart_items .quantity{text-align:center; width:100px; }

.cart_total{text-align:right !important;}

.total{text-align:right;}


.dps{margin:30px 0 0; }

.stocks{color:#3366FF; display:block; font-weight:bold; }

.upcoming-products{width:340px; float:left; overflow:hidden; }
.upcoming-products h3{margin:15px 0 0; }
.upcoming-products img{float:left; border: solid 1px #ddd; width:250px; margin:10px 10px 0 0;}