/* #################################### */
/* Global Styles */
/* #################################### */

html {
	background-color: #f6eede;
}

body {
	text-align: center;
	font-family: Verdana;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

/* End hide from IE-mac */

/* #################################### */
/* Homepage Styles */
/* #################################### */

#home {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}

#home-bg {
float: left;
width: 340px;
height: 295px;
background-image: url(http://www.queenessences.com.au/images/home/backgrounds/rotator.php);
padding-top: 20px;
padding-left: 24px;
padding-right: 455px;
}

#home-buttons {
float: left;
width: 819px;
background-color: #ffffff;
}

#home-bottom {
float: left;
width: 819px;
height: 12px;
}

#home p {
font-family: Verdana;	
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}

#home-bg img {
padding-bottom: 12px;
padding-right: 0px;
padding-left: 0px;
margin-left: -8px;
border: none;
}

#home-buttons img {
padding-top: 3px;
border: none;
}

.tab-home {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-home.gif);
	height: 23px;
	width: 129px;
	float: left;
	text-align: center;
	padding-top: 15px;
	text-align: center;
	padding-left:  6px;
	margin-left: 8px;
}


/* #################################### */
/* Recipe Styles */
/* #################################### */

#recipes {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}

#recipes .subnavigation {
width: 819px;	
height: 74px;
background-color: #e6c48a;
float: left;
}

#recipes .content {
	float: left;
	width: 819px;
	background-color: #ffffff;
	min-height: 436px;
}

#recipes .leftimage {
	float: left;
	width: 279px;
	height: 436px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#recipes .rightcontent {
	float: left;
	width: 481px;
	padding-left: 19px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	padding-right: 40px;
	color: #818286;
}

#recipes .rightcontent a {
	text-decoration: none;
	color: #bf9e68;
}

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

#recipes p {
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
}

a.recipe-cat {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	font-weight: bold;
	text-decoration: none;
	color: #bf9e68;
	display: block;
}

a.recipe-cat:hover {
	text-decoration: underline;
}

#recipes .rightcontent ul {
	margin: 6px 0 0 18px;
	padding: 0 0 0 0;
}

#recipes .rightcontent li {
margin: 0 0 0 0;
padding: 3px 0 0 0;
list-style-type: square;
list-style-position: outside;
list-style-image: url("http://www.queenessences.com.au/images/bullet.gif");
}

#recipes .rightcontent li a {
color: #bf9e68;
text-decoration: none;
}

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

#icons img {
float: left;
padding-left: 0px;
border: none;
}

#icons {
	padding-top: 5px;
	height: 26px;
	width: 481px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #818286;
	border-left-color: #000000;
}

.icontext {
text-transform: capitalize;
font-size: 10px;
color: #818286;
float: left;
padding-right: 15px;
padding-top: 0px;
text-transform: uppercase;
}

#icons a, .icontext a:link, .icontext a:active, .icontext a:visited {
color: #818286;
}

#icons a:hover {
text-decoration: underline;
color: #818286;
}

#recipes h1 {
	text-transform: uppercase;
	color: #bf9e68;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding-bottom: 5px;
	margin: 0 0 0 0;
}

#recipes .ingredients {
	width: 176px;
	padding-right: 30px;
	float: left;
	padding-top: 9px;
	clear: both;
	padding-bottom: 20px;
}

#recipes .method {
width: 248px;
float: left;
padding-top: 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-right: 12px;
padding-bottom: 20px;
}

#smsbox {
background-color: #FFFFFF;
text-align: center;
margin-top: 0px;
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
}

#smsbox .inputlabel {
padding-top:17px;
padding-bottom: 8px;
text-align: center;
width: 302px;
float: left;
font-size: 11px;
letter-spacing: 0.5px;
}


#smsbox .textinput {
width: 196px;
}

#smsbox .imagebutton {
padding-top: 13px;
}

#warning {
font-size: 9px;
font-weight: bold;
color: #e82220;
padding-top: 6px;
}

#privacy {
font-size: 10px;
color: #e1ba7a;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
line-height:13px;
letter-spacing: 0.5px;
padding-bottom: 20px;
}

#warning2 {
font-size: 9px;
font-weight: bold;
color: #e82220;
padding-top: 6px;
}

#privacy2 {
font-size: 10px;
color: #e1ba7a;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
line-height:13px;
letter-spacing: 0.5px;
padding-bottom: 20px;
}

#emailbox {
background-color: #FFFFFF;
text-align: center;
margin-top: 0px;
color: #000000;
overflow: hidden;
}

#emailbox .inputlabel {
padding-top:17px;
padding-bottom: 8px;
text-align: center;
width: 302px;
float: left;
font-size: 11px;
letter-spacing: 0.5px;
}


#emailbox .textinput {
width: 196px;
}

#emailbox .imagebutton {
padding-top: 13px;
}

/* #################################### */
/* Product Styles */
/* #################################### */

#products {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}


#products .subnavigation {
width: 819px;	
height: 74px;
background-color: #96d5ee;
float: left;
}

#products .content {
	float: left;
	width: 819px;
	background-color: #ffffff;
	min-height: 436px;
}

#products .recipecontent {
	float: left;
	width: 819px;
	background-image: url(../images/products/background.gif);
	min-height: 436px;
}

#products .leftimage {
	float: left;
	width: 279px;
	height: 436px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#products .rightcontent {
	float: left;
	width: 481px;
	padding-left: 19px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	padding-right: 40px;
	color: #818286;
	padding-bottom: 20px;
}

#products p {
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
}

a.product-cat {
	color: #70abc6;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

a.product-cat:hover {
	text-decoration: underline;
}

#products .content li {
margin: 0 0 0 0;
padding: 3px 0 0 0;
list-style-type: square;
list-style-position: outside;
list-style-image: url("http://www.queenessences.com.au/images/bullet.gif");
}

#products .content  li a {
color: #70abc6;
text-decoration: none;
}

#products .content li a:hover {
text-decoration: underline;
}

#products .recipecontent li {
margin: 0 0 0 0;
padding: 3px 0 0 0;
list-style-type: square;
list-style-position: outside;
list-style-image: url("http://www.queenessences.com.au/images/bullet.gif");
}

#products .recipecontent  li a {
color: #70abc6;
text-decoration: none;
}

#products .recipecontent li a:hover {
text-decoration: underline;
}

#products .rightcontentwrecipes {
	float: left;
	width: 325px;
	padding-left: 19px;
	padding-right: 21px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	color: #818286;
	padding-bottom: 20px;
}

#products .recipepanel {
	float: right;
	width: 175px;
	font-size: 12px;
	line-height: 20px;
	background-color: #bee1f3;
	min-height: 436px;
}

#products .productitem {
	width:644px;
	padding-top: 6px;
	float: left;
}

#products .productitem-text {
	width:326px;
	padding-top: 6px;
	float: left;
	padding-left: 19px;
	padding-right: 19px;
	font-size: 11px;
	line-height: 18px;
	color: #818286;
}

#products #productitem-leftcontent {
	float: left;
	width: 644px;
}

#products .productitem img {
	float: left;
}

#products h2 {
	text-transform: uppercase;
	color: #70abc6;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding-bottom: 1px;
	padding-top: 0px;
	margin: 0 0 0 0;
}

.allergens {
	padding-top: 4px;
	display: block;
	font-size: 8.5px;
	text-transform: uppercase;
	line-height: 13px;
}

/* for Internet Explorer */
/*\*/
* html .recipepanel {
height: 436px;
}

/**/

#get_recipes {
	margin-top: -33px;
	display: block;
	visibility:visible;
	overflow:visible;
	position: relative;
	padding-bottom: 4px;
}

#get_recipes img {
	border: 0;
}

.recipeitem {
margin: 0 0 0 0;
padding: 0 0 22px 14px;
width: 140px;
}

.recipeitem a {
color: #3285af;
text-decoration: none;
}

.recipeitem a:hover {
text-decoration: underline;
}

#smsbox img {
	border: none;
}

#emailbox img {
	border: none;
}

/* #################################### */
/* About Styles */
/* #################################### */

#about {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}

#about .subnavigation {
width: 819px;	
height: 74px;
background-color: #f4a1c3;
float: left;
}

#about .content {
	float: left;
	width: 819px;
	background-color: #ffffff;
	min-height: 436px;
}

#about .leftimage {
	float: left;
	width: 279px;
	height: 436px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#about .rightcontent {
	float: left;
	width: 481px;
	padding-left: 19px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	padding-right: 40px;
	color: #818286;
	padding-bottom: 20px;
}

#about p {
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
}



/* #################################### */
/* Foodservice Styles */
/* #################################### */

#foodservice {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}

#foodservice .subnavigation {
width: 819px;	
height: 74px;
background-color: #a4e192;
float: left;
}

#foodservice .content {
	float: left;
	width: 819px;
	background-color: #ffffff;
	min-height: 436px;
}

#foodservice .leftimage {
	float: left;
	width: 279px;
	height: 436px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#foodservice .rightcontent {
	float: left;
	width: 481px;
	padding-left: 19px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	padding-right: 40px;
	color: #818286;
	padding-bottom: 20px;
}

#foodservice p {
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
}


/* #################################### */
/* Contact Styles */
/* #################################### */

#contact {
width: 819px;
overflow: visible;
margin:0 auto;
text-align:left;
clear:left;
}

#contact .subnavigation {
width: 819px;	
height: 74px;
background-color: #beb3e1;
float: left;
}

#contact .content {
	float: left;
	width: 819px;
	background-color: #ffffff;
	min-height: 436px;
}

#contact .leftimage {
	float: left;
	width: 279px;
	height: 436px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#contact .contactform {
	float: left;
	width: 255px;
	padding-right: 25px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #818286;
	border-bottom-color: #000000;
	border-left-color: #000000;
	height: 400px;
}

#contact p {
	margin: 0 0 0 0;
	padding: 50px 0 0;
}

#contact .addressbox {
	float: left;
	width: 175px;
	padding-left: 18px;
}


#contact .rightcontent p {
	padding: 0 0 0px 0;
	margin: 0 0 0 0;
}

#contact .addressbox p {
	padding: 0 0 12px 0;
	margin: 0 0 0 0;
}

#contact .rightcontent {
	float: left;
	width: 481px;
	padding-left: 19px;
	padding-top: 16px;
	font-size: 12px;
	line-height: 20px;
	padding-right: 40px;
	color: #818286;
	padding-bottom: 20px;
}

#contact .rightcontent a {
	color: #9489b9;
	text-decoration: none;
}

#contact .rightcontent a:hover {
	color: #9489b9;
	text-decoration: underline;
}

#contact .contactform label {
	float: left;
	padding-top: 10px;
}

#contact .styleinputs input, select {
	width: 254px;
	overflow: visible;
}

#contact .styleinputs textarea {
	width: 254px;
	overflow: visible;
	height: 60px;
}


.sendbutton {
	padding-top: 10px;
	float: right;
}

/* #################################### */
/* Masthead Styles */
/* #################################### */

.tab-contact {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-contact.gif);
	height: 26px;
	width: 131px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-right: 10px;
}

.tab-foodservice {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-foodservice.gif);
	height: 26px;
	width: 124px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-left: 4px;
}


.tab-recipes {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-recipes.gif);
	height: 26px;
	width: 124px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-left: 4px;
}

.tab-products {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-products.gif);
	height: 26px;
	width: 124px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-left: 4px;
}

.tab-about {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-about.gif);
	height: 26px;
	width: 124px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-left: 4px;
}


/* #################################### */
/* Navigation Styles */
/* #################################### */
#tab-row {
	float: left;
	width: 819px;
}

.tab-middle {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-off-m.gif);
	height: 26px;
	width: 124px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-left: 4px;
}

.tab-left {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-off-l.gif);
	height: 26px;
	width: 129px;
	float: left;
	text-align: center;
	padding-top: 12px;
	text-align: center;
	padding-left:  6px;
	margin-left: 8px;
	clear: left;
}

.tab-right {
	background-image: url(http://www.queenessences.com.au/images/navigation/tab-off-r.gif);
	height: 26px;
	width: 131px;
	float: left;
	text-align: center;
	padding-top: 12px;
	padding-right: 10px;
}

#submenu {
	float: left;
	padding-top: 6px;
	padding-left: 28px;
	width: 791px;
}

#breadcrumbs {
	float: left;
	width: 600px;
	padding-top: 2px;
	padding-left: 28px;
	font-family: Verdana;
	font-size: 11px;
	letter-spacing: 1px;
	color: #FFFFFF;	
	text-transform: uppercase;
}

#breadcrumbs a {
	text-decoration: none;
	color: #FFFFFF;
}

#breadcrumbs a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#tab-row a {
	color:#333;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
}

#tab-row a:hover {
	color:#666;
}

.tab-link {
	padding-right: 6px;
}

.submenu-link {
	line-height: 18px;
}

.submenu-link em {
	font-style: normal;
	color:#a77d55;
	font-size: 10px;
	letter-spacing: 2px;
	text-decoration: none;
}

.submenu-link a {
	color:#333;
	font-size: 10px;
	letter-spacing: 2px;
	text-decoration: none;
}

.submenu-link a:hover {
	color:#63301b;
}

/* #################################### */
/* Masthead Styles */
/* #################################### */

#logo {
float: left;
clear: right;
text-align:left;
margin-left: -50px;
padding-bottom: 13px;
padding-top: 15px;
display: block;
visibility:visible;
overflow:visible;
position: relative;
}

#search {
float: right;
margin-top:27px;
width: 388px;
}

.container-search {
width: 190px;	
float: right;
}

.container-browse {
width: 168px;	
float: right;
padding-right: 27px;
padding-left: 3px;
}

.label-browse {
float: left;
font-size:9px;
font-weight:bold;
color:#ee2f24;
padding-bottom: 2px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 160px;
clear: right;
}

.label-search {
float: left;
font-size:9px;
font-weight:bold;
color:#ee2f24;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 2px;
width: 190px;
clear: right;
}

.search-input {
width: 160px;
font-size:9px;
float: left;
}

.browse-input {
width: 160px;
font-size:9px;
float: left;
}

.search-submit {
float: left;
padding-left: 2px;
}

/* #################################### */
/* Footer Styles*/
/* #################################### */

#footer {
width: 819px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
color: #d2a96a;
font-size: 10.5px;
padding-top: 13px;
letter-spacing: 1px;
padding-bottom: 50px;
text-align: center;
}

#footer a {
text-decoration:none;
color: #d2a96a;
padding: 0px 3px 0px 3px;

}

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

#footer .links {
padding-left: 20px;
}