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

html, body {height:100%;}
body {background:url(http://media.thatch.co.nz/preview/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: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; }


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

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

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

#footer {background:url(http://media.thatch.co.nz/preview/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 0 50px; }

#header{background:#EEEEEE; 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: #EEEEEE 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.thatch.co.nz/preview/images/site/nav-tl.jpg) no-repeat ; color: #000000; }




#content {min-height:100%; padding:0 60px}
#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{clear:both; padding:15px; margin:0 auto; width:500px;}
#latest_news h2 a{color:#333; font-size:22px;}
#latest_news h2 a:hover{color:#F36523;}
#latest_news h4{margin:0 0 15px 0; text-align:right;}
#latest_news p{color:#333;}


#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;}
#content #latest_news .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 h2 a{color:#333; font-size:20px; font-weight:bold;}
#news_archive h2 a:hover{color:#F36523;}
#news_archive .news_item{margin:0 0 20px 0;}

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;}
#products .thumb {background:url(http://media.thatch.co.nz/preview/images/site/background-product-thumb.jpg) no-repeat; float:left; height:219px; margin:0 37px 20px 0; width:188px;}
#products .thumb:hover {border-color:#aaa;}
#products .thumb h2 a{background:#fff; margin:0 10px; color:#F36523; font-size:16px; padding:0 5px 5px 5px; text-align:center;}
#products .thumb h2 a:hover{color:#999;}
#products .thumb a{display:block;}
#products .thumb a img{margin:13px 0 0 15px;}

.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;}


#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 0; margin:10px 0 0 0; padding:10px 0 0 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.thatch.co.nz/preview/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:18px 0 10px 0; 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; }