/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}

/* global styles */
body, html{height:100%}
body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
	color: #7d7d7d;
    background: #cccccc;
}

a, a:visited {text-decoration: none; color:#7d7d7d;}
a:hover {text-decoration: underline;}
p {padding:5px 0;}
h2 span{display:none;}
h3 span{display:none;}
h4 span{display:none;}
input, textarea {font-size:11px; font-family:Helvetica, Verdana, Arial, sans-serif;}

div.clearfix {clear: both;}
.bold{font-weight:bold;}
.small{font-size:10px;}
.big{font-size:16px;}

#outer {height:100%; overflow: visible; position: relative; width:100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; width:100%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top:-50%; width:100%;} /* for explorer only */

#container_top {width:822px; margin:auto; background:url(../img/bg_top.jpg); height:20px; }
#container_mid {width:777px; margin:auto; background:url(../img/bg_mid.jpg) repeat-y; padding:0 23px 0 22px;}
#container_bot {width:822px; margin:auto; background:url(../img/bg_bot.jpg) top no-repeat; height:20px; }

#top {width:777px; height:90px; position:relative;}
	#sign{position:absolute; top:23px; left:20px;}
	#logo{position:absolute; top:23px; left:200px;}
	
#menu{width:777px; height:20px; background:#7d7d7d;}
	#menu ul {margin-left:190px; padding-top:1px;}
	#menu ul li {float:left; padding:0 10px;}
	#menu ul li a{color:#fff; text-transform:uppercase; font-size:10px; }
	
#content {width:777px; background:url(../img/content.jpg) repeat-x top #fff; padding-bottom:20px;}
	.img_zone{float:left; width:180px; margin-right:20px;}
	.text_zone{float:left; width:390px; margin:10px 17px 0 0;}
	.right_zone{float:right; width:160px; padding-right:10px; }
	
	.line{float:right; width:577px; margin:10px 0;}
	
	.btn_ipswich{float:left; margin-top:20px;}
	.btn_woodbridge{float:right; margin-top:20px;}

	.wella{float:right; margin-right:30px;}
	
	.price_list{ border:0; text-align:left; font-size:10px;}
	.price_list_head {text-align:right;}
	.price_list th{padding:2px 5px 1px 0;}
	.price_list td{padding:1px 5px 1px 0;text-align:right;}
	.download span{ float:left; padding:5px 5px 0 0;}
	.download img{ float:left;}
	
#footer{width:777px; color:#000; padding:0 23px 0 22px; font-size:10px;}
	#footer .left{float:left;}
	#footer .right{float:right; text-align:right;}