/*Reset all styles. Eric Mayer*/
body, div, span,
applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
h3,h4,h5,small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;

	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/*-----------------------------------------*/
html {
	margin: 0;
	padding: 0;
	height: 100%;
	margin-bottom: 1px;
	background-color:#E6EFE0;
}

body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: center;
}
/*----layout-----*/
#main {
	padding: 0;
	width: 1000px;
	margin: 20px auto 5px auto;
	height: 750px;
	text-align:left;
	background: #434C3D;
	padding:2px;
}
#main2 {
	padding: 0;
	width: 1000px;
	margin: 20px auto 5px auto;
	text-align:left;
	background: #434C3D;
	padding:2px;
}

#maininner {
	padding: 0;
	width: 1000px;
	height: 750px;
}

#maininner2 {
	padding: 0;
	width: 1000px;
	background: #fff;
}

#col1 {
	width: 350px;
	float:left;
}

#mainbody {
	width: 650px;
	height: 705px;
	float:left;
	overflow:hidden;
}
#mainbody2 {
	width: 650px;
	float:left;
}

#col2main {
	width: 625px;
	padding: 20px 25px 0 0;
	float:left;
}

#col2 {
	width: 275px;
	padding: 20px 50px 0 0;
	float:left;
}

#col2slim {
	width: 275px;
	padding: 20px 35px 0 0;
	float:left;
}

#col3 {
	width: 300px;
	padding: 20px 0 0 10px;
	float:left;
}
#col3r {
	width: 210px;
	padding: 0 0 0 10px;
	float:right;
}

#col4 {
	width: 300px;
	padding: 20px 0 0 0;
	float:left;
}

.section {
	width: 250px;
	height: 200px;
}

#col3scroller {
	width: 300px;
	height: 650px;
	overflow:hidden;
}



#footer {
	clear:both;
	width: 980px;
	height: 30px;
	margin: 0 auto;
	text-align:center;
	padding: 0 10px 0 10px;
}

/*---menu ----*/

#menu {
	width: 1000px;
	height: 45px;
}

#menu ul {
	padding: 0 0 0 135px;
}

#menu ul li {
	float: left;
	padding-right: 10px;
	display:block;
}

#menu ul li a {
	display:block;
	width: 95px;
	height:17px;
	padding-top: 2px;
	/*
	background:#434c3d;
	color:#D1FF2F;
	*/
	background:#FE7C7E;
	color:#fff;
	text-decoration:none;
	text-align:center;
	letter-spacing:-0.5px;
}
#menu ul li a:hover, #menu ul li a.selected {
	color: #434c3d;
	background: #D1FF2F;
}

#submenu li {
width:200px;
text-align: center;
margin: 5px 0 3px 20px;
padding: 0 0 3px 0;
border-bottom:1px solid #FE7C7E;
}

#submenu li a {
color:#666;
text-decoration:none; 
}
#submenu li a.selected, #submenu li a:hover {
color: red;
}

/*---- generic ------ */
strong {
	font-weight: bold;
}
.clear {
	font-size: 0em;
	line-height: 0em;
	clear: both;
	height: 1px;
}

.fl {
	float: left;
}

.flp {
	float: left;
	padding: 8px 10px 10px 0;
}

.fr {
	float: right;
}

.frp {
	float: right;
	padding: 8px 0 10px 25px;
}

.padding {
	padding: 15px;
}

/* ---forms ------ */

#xform {
	margin: 3px 0 0 0;
}

#xform label {
	float: left;
	width: 100px;
	margin-bottom:5px;
	color: #666;
	font-weight: bold;
	font-size: 0.85em;
}

#xform .inlinelabel {
	width: 300px;
}

#xform input {
	float: left;
	width: 150px;
	margin-bottom:5px;
}
#xform select {
	float: left;
	margin-bottom:5px;
}

#xform .longlabel {
	width: 285px;
	margin-top: 2px;
} 

#xform .ilabel {
	width: 120px;
	float: left;
}

#xform .sm {
	margin-top: 3px;
	width: 120px;
}

#xform .longlabel2 {
	width: 135px;
	margin-top: 2px;
}

#xform .s {
	width: 15px;
	float: left;
}

#xform #ftype {
	width: 623px;
	height: 70px;
}

#xform .r {
	color: #333;
}

.cbox {
	float: left;
	width: 150px;
	padding-bottom:7px;
}


#xform textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom:5px;
}

#xform #xsubmit {
	width: 105px;
	margin: 1px 10px 0 0;
}

/*---- specific -----*/

h3 {
	display:block;
	margin: 5px 0 2px 0;
	font-size:1.2em;
	line-height: 1.2em;
	font-weight:bold;
	color: #434C3D;
	font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana, "trebuchet ms",arial;
}

#content p {
	padding: 3px 0 5px 0;
	line-height:1.45em;
	color:#434C3D;
}

#footer p {
	padding: 3px 0 5px 0;
	line-height:1.45em;
	color:#434C3D;
}

#content .big {
	font-size:1.5em;
	line-height: 1.3em;
}

#content .medium {
	font-size:1.3em;
	line-height: 1.2em;
}

#content .black {
	color: #000;
}

#content .red {
	color: #f05452;
}

#content .green {
	color: #8CC63F;
}

#content .orange {
	color: #E36F1E;
}

#content a {
	color: #f05452;
	text-decoration:none;
}

#content a:hover, #content a.selected {
	text-decoration:underline;
	color:#434C3D;
}

#content .list {
	margin: 0 0 5px 20px;
	padding:0;
	list-style-type: square;
	color: #434C3D;
}

#content .list li{
	padding: 3px 0 0 0;
	line-height:1.45em;
}

#footer a {
	color: #f05452;
	text-decoration:none;
}

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

#logo {
	margin: 0 0 0 50px;
}

.col {
	width: 200px;
	float: left;
}

.quotespc {
float: left;
width: 50px;
}

.quote {
float: left;
padding-top: 10px;
width: 280px;
}
.lbl {
	width:90px;
	float:left;
}



#iconsubmenu li a {
display: block;
width: 150px;
height: 60px;
padding: 35px 0 0 100px;
text-decoration: none;
font-size: 1.5em;
}
#iconsubmenu li a.selected,#iconsubmenu li a:hover {
text-decoration: none;
}

#iconsubmenu .audio-equipment a {
	background:url(http://zestmixology.co.uk/site/Icons-1.jpg) no-repeat;
}
#iconsubmenu .audio-equipment a.selected,#iconsubmenu li.audio-equipment a:hover {
	text-decoration: none;
	background:url(http://zestmixology.co.uk/site/Icons-1a.jpg) no-repeat;
}
#iconsubmenu .catering a {
	background:url(http://zestmixology.co.uk/site/Icons-2.jpg) no-repeat;
}
#iconsubmenu .catering a.selected,#iconsubmenu li.catering a:hover {
	text-decoration: none;
	background:url(http://zestmixology.co.uk/site/Icons-2a.jpg) no-repeat;
}
#iconsubmenu .glassware a {
	background:url(http://zestmixology.co.uk/site/Icons-3.jpg) no-repeat;
}
#iconsubmenu .glassware a.selected,#iconsubmenu li.glassware a:hover {
	text-decoration: none;
	background:url(http://zestmixology.co.uk/site/Icons-3a.jpg) no-repeat;
}