/* Base CSS File Screen */

/*////////////////////////////////////////////
Defaults
////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, San-serif;
	font-size: 12px;
	color: #222;
	background-color: #C25918;
	behavior:url("csshover.htc"); /*enables :hover psuedo-class in Internet Explorer using custom behaviours file (only applies to IE)*/
}

div.clearer {
	display:block;
	width:100%;
	height:1px;
	line-height:1px;
}

/*////////////////////////////////////////////
Layout
////////////////////////////////////////////*/

#container { /*necessary as ie will not recalculate the position of absolutley positioned elements on a page resize when it is too close to the body. The extra container gives something for the page centering rules to hook onto*/
	margin: 0px auto;
	width: 947px;
	
}

#page {
	
	background: url(images/suncoast_gold_tile.png);
	float: left;
}

#banner {
	width: 947px;
	height: 259px;
	background: url(images/suncoast_gold_banner.jpg) no-repeat;
	text-indent: -9000px;
}

#banner h1 {
	display: none;
}

#content {
	width: 785px;
	float: right;
	margin-top: -50px;
}

#contentsection {
	width: auto;
	padding: 0 20px 20px 0;
	float: left;
}

#contentpush {
	width: 280px;
	padding: 0px 20px;
	float: right;
	margin-top: 3px;
	border-left: 2px solid #C0C1C3;
	clear: none;
}

#footer {
	width: 947px;
	height: 95px;
	background: url(images/suncoast_gold_footer.jpg) no-repeat; /*#AB8544;*/
	clear:both;
}
#post_footer{
	margin-left: 135px;
	
	}
	
#post_footer ul{
	
	list-style: none;
	}
	
#post_footer ul li{
	
	float: left;
	margin-right: 15px;	
	padding-top: 5px;
	padding-bottom: 15px;
	}
	
#post_footer ul li a{
	
	color: #fff;
	text-decoration: none;	
	}

#nav {
	width: 132px;
	background: #AB8544;
	text-transform: uppercase;
	float:left;
}

/*empty block div that creates page flow height for the nav area. a workaround for clearing the absolutly positioned nav ul.
if nav items change, this will need to be changed to keep the design looking correct*/

#navclearer {
	height: 450px;
}

/*Fix up layout for homepage*/ 
body.home #contentsection {
	width: 430px;
}

/*////////////////////////////////////////////
Navigation
////////////////////////////////////////////*/

#nav ul {
	list-style-type: none;
	position: absolute;
	background: #AB8544;
	z-index: 1;
}




#nav a, #nav a:link,#nav a:visited {
	display: block;
	width: 132px;
	height: 30px;
	text-indent: 14px;
	line-height: 30px;
	text-decoration: none;
	color: white;
	font-size: 9pt;
}

#nav ul ul a, #nav ul ul a:link,#nav ul ul a:visited {
	width:250px;
}

#nav a:hover {
	background: #6F562D;
	text-decoration: none;
	color: white;
}


#nav li:hover {
	background: #6F562D;
}

#nav li:hover ul {
	display: block;
	left: 132px;
	border-left:1px solid white;
	
}

#nav li ul {
	display: none;
	background: #97763E;
	text-transform: none;
}
body.bulkproducts #nav a.bulkproducts,body.bulkproducts #nav a.bulkproducts:link,body.bulkproducts #nav a.bulkproducts:visited {background: #BD5C18; color: white; font-weight: bold;}
body.home #nav a.home,body.home #nav a.home:link,body.home #nav a.home:visited {background: #BD5C18; color: white; font-weight: bold;}body.company #nav a.company,body.company #nav a.company:link,body.company #nav a.company:visited {background: #BD5C18; color: white; font-weight: bold;}body.recipes #nav a.recipes,body.recipes #nav a.recipes:link,body.recipes #nav a.recipes:visited {background: #BD5C18; color: white; font-weight: bold;}body.products #nav a.products,body.products #nav a.products:link,body.products #nav a.products:visited {background: #BD5C18; color: white; font-weight: bold;}body.shop #nav a.shop,body.shop #nav a.shop:link,body.shop #nav a.shop:visited {background: #BD5C18; color: white; font-weight: bold;}body.news #nav a.news,body.news #nav a.news:link,body.news #nav a.news:visited {background: #BD5C18; color: white; font-weight: bold;}body.contact #nav a.contact,body.contact #nav a.contact:link,body.contact #nav a.contact:visited {background: #BD5C18; color: white; font-weight: bold;}body.admin #nav a.admin,body.admin #nav a.admin:link,body.admin #nav a.admin:visited {background: #BD5C18; color: white; font-weight: bold;}

/*////////////////////////////////////////////
General Formatting
////////////////////////////////////////////*/

h1,h2,h3,h4,h5,h6 {
	color: #BD5C18;
	margin: 12px 0 5px 0;
	font-weight: 100;
}

h1 {font-size: 170%;}
h2 {font-size: 150%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

p {
	font-size: 100%;
	margin: 9px 0;
}

#content ul {
	margin: 7px 20px;
}

#content li {
	margin: 7px 0 7px 10px;
}

a, a:link, a:visited {
	color: #BD5C18;
}

a:hover {
	color: #02472B;
}

/*////////////////////////////////////////////
Buttons
////////////////////////////////////////////*/

a.button,a.button:link,a.button:visited {
	padding: 2px 5px;
	background: #F7DAC8;
	border: 1px outset #EBA478;
	line-height: 280%;
	text-decoration: none;
}

a.button:hover {
	border: 1px outset black;
}

/*////////////////////////////////////////////
Recipes
////////////////////////////////////////////*/

body.home h2 {
	color: #AC2217;
	margin-bottom: 2px;
}

#recipes h3 {
	color: #463916;
	margin-top: 4px;
}

#recipes {
	margin: 17px 0;
}

#recipe {
	width: 48%;
	float: left;
	padding-right: 7px;
}

#recipe2 {
	width: 47%;
	border-left: 1px solid #ACB0B3;
	float: left;
	padding-left: 10px;
}

#recipes a,#recipes a:link, #recipes a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #999B9A;
	line-height: 220%;
}

#recipes a:hover {
	text-decoration: underline;
}

.recipesitem {
	padding: 14px 10px;
	border-bottom: 1px solid #D6D7D9;
}

.recipesitem img {
	margin: 0 10px 0 0;
	width:100px;
}

.recipesitem * {
	display: inline;
	vertical-align: middle;
	text-decoration: none;
}

#recipesitem img {
	float: right;
	padding: 10px;
	border: 1px solid #D6D7D9;
	margin: 0 0 5px 5px;
}

#recipes img {
	float:right;
}

/*////////////////////////////////////////////
New Products
////////////////////////////////////////////*/

#newproducts {
	border-bottom: 2px solid #D6D7D9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#newproducts h3 {
	color: #483817;
	margin-top:8px;
}

#newproducts img {
	float: right;
	margin-top: 9px;
}

#newproducts div.product {
	margin: 10px 0 10px 0;
}

#newproducts a, #newproducts a:link, #newproducts a:visited {
	border: 1px solid #DFAC8D;
	background: #BF5917;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 3px 1px 3px;
	line-height: 200%;
	vertical-align:bottom;
	color: white;
	font-size: 80%;
}

#newproducts a:hover {
	background: #443919;
	border: 1px solid #9B9683;
}

#newproducts div {
	border-top: 1px dotted #aaa;
}

/*////////////////////////////////////////////
View
////////////////////////////////////////////*/

#view {
	border-bottom: 2px solid #D6D7D9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#view h2 a,#view h2 a:link,#view h2 a:visited {
	color: #02472B;
	text-decoration: none;
}

#view h2 a:hover {
	text-decoration: underline;
}

#view img {
	float: right;
}

/*////////////////////////////////////////////
News
////////////////////////////////////////////*/

#news .newsitem {
	margin: 6px  0;
}

/*#news a,#news a:link, #news a:visited {
	text-transform: uppercase;
	text-decoration: none;
	color: #999B9A;
	font-size: 80%;
}*/

a.readmore {
	text-transform: uppercase;
	text-decoration: none;
	color: #999B9A;
	font-size: 8pt;
	font-style:normal;
}



#news a:hover {
	text-decoration: underline;
}

.newsitem h2 span {
	color: gray;
	font-size: 80%;
}

/*////////////////////////////////////////////
Products
////////////////////////////////////////////*/
#proditem img {
	float: right;
}
/*////////////////////////////////////////////
Forms
////////////////////////////////////////////*/

label {
	display: block;
	margin: 9px 0;
}

label span {
	display: block;
}

textarea {
	width: 100%;
	font-family: Verdana, Helvetica, Arial, San-Serif;
	font-size: 100%;
}

fieldset {
	padding: 10px 20px;
	border: 1px solid #ccc;
	margin: 10px 0;
}

legend {
	color: #b55215;
}

input.submit {
	margin-left: 11px;
}
/*////////////////////////////////////////////
Messages
////////////////////////////////////////////*/

p.success, p.note, p.error {
	padding: 8px 14px;
	margin: 10px 0;
	border: 1px solid #e2e2e2;
	background:#fcfcfc;
	color:black;
}

table.product{
	margin-bottom: 40px;
	}
	
table.product tr{
	
	}
	
table.product tr td{
	border-bottom: 1px solid #999;
	padding: 5px;
	}
	
/*////////////////////////////////////////////
Cart
////////////////////////////////////////////*/

#cart{
	display:none; /*stops cart appearing if not activated*/
	margin: 22px 0px; /*large top margin to force cart down below abosolutley positioned nav ul*/
	text-transform: none; /*remove uppercase*/
	padding-top: 5px;
	text-align:center;
	
}

#navspacer {
	margin-top:  222px;
}

#navspacersub {
	margin-top:  272px;
}

#nav #cart a {
	text-indent: 0;
	background:#917139;
	margin-top:5px;
}

#nav #cart a:hover {
	background:#6F562D;
}

#cart_details {
	line-height: 20px;
}

#cartimage {
	vertical-align:-3px;
	margin-right: 3px;
}

#qaimages {
	text-align: center;
	margin: 22px 0;
}

span.head{
	color: white;
	line-height: 22px;
}
	
table.cart_table{
	margin-top: 15px;
	}
	
table.cart_table tr{
	background: #f7dac8;
	}
	
table.cart_table tr td{
	font-weight: bold; font-size: 11px;
	color: #c25918;
	}
	
table.cart_details{
	
	}
	
table.cart_details tr{
	
	}
	
table.cart_details tr td{
	border-bottom: 1px solid #bbb;
	}
	
table.cart_details select{
	width: 20px;
	}
	
div.final_table{
	padding: 2px;
	background: #f7dac8;
	color: #c25918;
	margin-top: 1px;
	}
	
a.popup{
	border: 0;
	background: none;
	visibility:hidden;
}
	
iframe.transaction_window{
	display: block;
	width: 100%;
	height: 450px;
	}
	
div.cart_header{	
	
	background: #c25918;
	}
	
div.cart_header h2{
	color: #fff;
	padding: 3px 5px;
	}
div.cart_header a{
	color: #fff;
	}
.fail{	
	border: 1px solid #c25918;
	border-right: 3px solid #c25918;
	}
	
	#cartflasher {
		position:fixed;
		width: 100px;
		height: 100px;
		background:blue;
		display:none;
		
		top: 50%;
		left: 50%;
	}
	
	
/*///////////////////////////////////
	New Product Section
///////////////////////////////////*/

.producttype {
	width: 100%;
	float:left;
	padding-bottom: 50px;
}

.producttype h2 {
	
}

.productblock {
	margin: 15px 5px 5px 5px;
	float:left;
	width: 235px;
	overflow:hidden;
}

.hamper {
	width: 350px;
	height:500px;
}

.productblock p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.productblock p.price {
	font-weight: bold;
}

.productblock p.productname {
	font-size: 120%;
	color: #6f350d;
}

.productblock p.productname span{
	font-size: 80%;
}

a.addtocart,a.addtocart:link,a.addtocart:visited {
	background: #F7DAC8 url(images/cart_add.png) no-repeat 3px center;
	padding: 3px 3px 3px 23px;
}

img.company {
	float:right;
	margin: 0 0 10px 10px;
}

/*//////////////////////////
	Table
///////////////////////////*/

#catadmin {
border-collapse:collapse;
border: 1px solid #EBA478;
text-align:left;
width:100%;
}

#catadmin td, #catadmin th {
padding: 5px;	
}

#catadmin tr.head {
border-bottom: 1px solid #EBA478;	
}

#catadmin tr.alt {
background:#fff;	
}

#catadmin tr.nor {
background:#eee;	
}

#catadmin a img {
border: 0;	
}

#catadmin td.control,#catadmin th.control {
text-align:center;	
}

#chineseversion {
float:right;
}