/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.5em;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#9ba199;	}	
h1 {
	/*font-size:16px;*/
	font-size:22px;
	color:black;
	padding:0;
	margin:0 0 16px 0;
}
h2 {
	font-size:14px;
	color:#9ba199;
	padding:0;
	margin:0;
}
h3 {
	font-size:14px;
	color:#424242;
	padding:0;
	margin:0 0 10px 0;
}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
div.containerIndex {	overflow:hidden;}
div.containerBox {	overflow:hidden; width: 100%; border-bottom:1px dashed #cccccc; }
a img{ border:0px}
img{ vertical-align:top;  }

a{color:black; text-decoration:underline} 
a:hover{text-decoration:none}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .indent{padding:27px 0px 0px 33px}

.logo{ margin:0px 0 96px 0px }
/*content*/
/*#content{ font-size:0.75em; width:100%; text-align:left;}*/
#content{ font-size:1em; width:100%; text-align:left;}
#content .indent-main{padding:0px 26px 14px 26px}
#content .indent-mainContact{padding:0px 0px 14px 26px}
/*#content .indent-main1{padding:16px 0px 13px 80px}*/
#content .indent-main1{padding:16px 0px 13px 10px; text-align:center;}
#content .indent-col1{padding:12px 40px 17px 0}
#content .indent-col{padding:20px 0px 24px 24px}
#content .indent-col-1{padding:20px 0px 24px 24px}
#content .indent-col2{padding:24px 40px 24px 30px}
#content .indent-col3{padding:24px 20px 24px 30px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-indent{ margin:0px 0px 11px 0px}
/* #content .img-indent1{ margin:0px 13px 0px 0px} */
#content .img-indent1{ margin:0px 4px 0px 0px; height:160px; text-align:center;}
#content p{ margin:0px 0px 17px 0px; font-size:13px; color:black;}
#content .p{ margin:0px 0px 24px 0px}
#content .p1{ margin:0px 0px 11px 0px}
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#b44c62; font-size:1.41em; font-weight:bold}
.txt1{ color:#96a394; font-size:1.41em; font-weight:bold; text-decoration: line-through}

#content .indent{padding:41px 0px 16px 31px; position:relative; right:-29px;}

.row{ background:#d3dad2; margin:3px 0 13px 0; padding:12px 0px 11px 0px}
.row-1{ background:#d3dad2; padding:12px 0px 11px 27px}
.row2{ background:#f3f4ed;}
.row3{ background:#e9eff1;}

/*box*/
.box{ background:#EAE4E0; width:100%;}
.box .border-top {background:url(http://www.essentialshop.com.au/images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(http://www.essentialshop.com.au/images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(http://www.essentialshop.com.au/images/border_left.gif) repeat-y left;}
.box .border-right {background:url(http://www.essentialshop.com.au/images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(http://www.essentialshop.com.au/images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(http://www.essentialshop.com.au/images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(http://www.essentialshop.com.au/images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(http://www.essentialshop.com.au/images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:0px 0px 0px 0px; }


/*footer*/
#footer { font-family: Arial, Helvetica, sans-serif;  color: black; font-size:0.75em; }
#footer .indent-footer{ padding:13px 50px 0px 28px;}
#footer a {color:#6c6d6c; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer .img { margin:16px 0px 0px 819px; position:absolute}

.jamp1{ width:137px; margin-left:6px}
.jamp2{ width:185px; margin-left:6px}
select{font-size:10px; color:#9ba199; height:20px;font-family:Tahoma; }

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.block-contact span{ float:right; margin-right:20px}

	
/* Navigation */
#navcontainer {
	background-color: #d3dad2;
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif; 
}

#navcontainer ul{
	font-weight: bold;
	color: #6c6d6c;
	text-align: center;
	margin: 0;
	padding:5px 0;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	color: #6C6D6C;
    font-family: arial;
    font-weight: lighter;
    padding: 5px 20px;
    text-decoration: none;
}

#navcontainer ul li a:hover {
	color: #6c6d6c;
	background-color:#bec3be;


}

/* Sidebar Right */
#sidebarRight {
	float:right;
	width:200px;
	padding:0;
	margin:0;
}
#textarea {
	width:700px;
	padding:0;
	margin:0;
}
#textarea-full {
	padding:0;
	margin:0;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* contact page */
/*#col3 {
	float:right;
	width:296px;
	padding:0;
	margin:0;
}*/
#col3 {
	float:right;
	width:342px;
	padding:0;
	margin:0;
}
#col1 {
	float:left;
	width:296px;
	padding:0;
	margin:0 20px 0 0;
}
#col2 {
	float:left;
	width:296px;
	padding:0;
	margin:0;
        font-size:13px;
        color:black;
}

/* Go SHoppig */
#go-shopping {
	background-color:#6b6c89;
	width:928px;
	height:200px;
	padding:0;
	margin:0 0 10px 0;
}
#go-shopping-img {
	float:right;
	width:175px;
	height:200px;
	padding:0;
	margin:0;
}

/* K E */
#categories {
	float:left;
	width:300px;
	margin:0 0 0 40px;
	padding:80px 0 0 0;
}
#categories p {
	font-size:12px;
	color:#424242;
}
#categories p a {
	font-size:12px;
	color:#424242;
	text-decoration:none;
}
#categories p a:hover {
	font-size:12px;
	color:#424242;
	text-decoration:underline;
}

/* Essential Collections */
#categories2 {
	float:left;
	width:300px;
	margin:0 0 0 40px;
	padding:60px 0 0 0;
        position:relative;
        right:22px;        
}
#categories2 p {
	font-size:12px;
	color:#424242;
}
#categories2 p a {
	font-size:12px;
	color:#424242;
	text-decoration:none;
}
#categories2 p a:hover {
	font-size:12px;
	color:#424242;
	text-decoration:underline;
}

/* Forms */
.forms {
    background-color: #FFFFFF;
    border: 1px solid #CFCFCF;
    color: black;
    font-size: 13px;
    text-decoration: none;
}
.formbuttons {
    background-color: #d3dad2;
    border: 1px solid #d3dad2;
    color: #6c6d6c;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
}

#socialise {
	width:100px;
	float:right;
	padding:14px 10px 0 0;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif; 
}
