/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.5 - Final Site Launch Version 13th September 2007)

author: 	Ben Holliday and Ben Henshall

email: 		ben.holliday@tincan.co.uk | ben@tincan.co.uk

--------------------------------------------------------------------------------------*/

html {background: #7B7C7E;}

body {
	background: #7B7C7E;
	font: 100% Helvetica, Arial;
} 

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul, li {
	list-style:none;
}

/* main layout wrapper */

#pagewidth{
	width:960px; 
	text-align:left;
	position: relative;
	margin: 0 auto;
}

.hide {display: none;}

/* Position and Style 'Matthew Hilton' Text */

h1 {
	color:#FFFFFF;
display:block;
font-size:1.4em;
font-weight:normal;
left:31px;
letter-spacing: 0.55px;
position:absolute;
top:33px;
z-index:100;
}

h1 a {
	color: #fff;
	text-decoration: none;
}

h1 a:hover {
	color: #FFFF9A;
}

/* */

/* absolutely position main logo */

#logo {
	position:absolute;
	left: 826px;
	top: 33px;
	height: 101px; width: 101px;
	background: transparent url(../images/mhlogo.png) top left no-repeat;
	z-index: 100;
}

#logo a{
	display: none;
}

/* */

/* absolutely position main navigation */

#primarynav {
	width: 145px;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	position: absolute;
	top: 78px;
	left: 33px;
	font-size: 12px;
	z-index: 1000;

}

#primarynav ul {
	width:145px;
}

#primarynav li {
	position:relative; /* position relative so that you can position the sub levels */
	background:#fff;
	height:26px;
}

/* style the links */

#primarynav a, #primarynav a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:27px;
	color:#7B7C7E;
	text-indent:5px;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	border: none !important;
}

#primarynav a:hover {
	background: #FFFF9A;
}

#primarynav ul.namedmenu li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #fff;
}

#primarynav .namedmenuhover {
	visibility: hidden;
	position: absolute;
	left: 150px;
	padding: 0;
	margin: 0;
	top: 0;
}

#primarynav .namedmenuhover ul {
	padding: 0;
	margin: 0;
	width: 145px;
}

#primarynav .namedmenuhover ul li {
	padding: 0;
	margin: 0 !important;
	width: 145px;
}

#primarynav .namedmenuhover ul li a:hover {
	background-color: #FFFF9A;
}

/* tertiarynav */

#tertiarynav {
	float: left;
	width: 145px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	display: block;
	font-size: 12px;
}

#tertiarynav ul {
	width:145px;
}

#tertiarynav li {
	position:relative; /* position relative so that you can position the sub levels */
	background:#fff;
	height:26px;
}

/* style the links */

#tertiarynav a, #tertiarynav a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:27px;
	color:#7B7C7E;
	text-indent:5px;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	border: none !important;
}

#tertiarynav a:hover {
	background-color: #FFFF9A;
}

#tertiarynav ul.namedmenu li {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #fff;
}

#tertiarynav .namedmenuhover {
	visibility: hidden;
	position: absolute;
	left: 150px;
	padding: 0;
	margin: 0;
	top: 0;
}

#tertiarynav .namedmenuhover ul {
	padding: 0;
	margin: 0;
	width: 145px;
}

#tertiarynav .namedmenuhover ul li {
	padding: 0;
	margin: 0 !important;
	width: 145px;
}

#tertiarynav .namedmenuhover ul li a:hover {
	background-color: #FFFF9A;
}

/* */


/* absolutely positioned secondary nav */

#secondarynav-more {
	position: absolute;
	font-size: 12px;
	left:183px;
	top: 109px;
	display: block;
	z-index: 900;
	margin: 0;
	padding: 0;
	width: 480px;
}

/* absolutely positioned secondary nav */

#secondarynav-more {
	position: absolute;
	font-size: 12px;
	left:183px;
	top: 109px;
	display: block;
	z-index: 900;
	margin: 0;
	padding: 0;
	width: 480px;
}

/* absolutely positioned secondary nav - products */

#secondarynav-products {
	position: absolute;
	font-size: 12px;
	left:183px;
	top: 78px;
	display: block;
	z-index: 900;
	margin: 0;
	padding: 0;
	width: 480px;
}

h2 {
	width: 145px;
	height: 26px;
	display: block;
	background-color: #fff;
	float: left;
	font-size: 12px;
	color:#7B7C7E;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	line-height: 26px;
	text-indent:5px;
}

h2 a {
	color:#7B7C7E;
	text-decoration: none;
}

h2 a:hover{background: #FFFF9A; display: block }

h3 {
	width: 145px;
	height: 26px;
	display: block;
	background-color: #fff;
	float: left;
	margin-left: 5px;
	font-size: 12px;
	color:#CCCCCC;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	line-height: 26px;
	text-indent:5px;
}

p.howtobuy {
	width: 145px;
	height: 26px;
	display: block;
	background-color: #fff;
	float: left;
	margin-left: 5px;
	font-size: 12px;
	color:#CCCCCC;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	line-height: 26px;
	text-indent:5px;
}

p.spec {
	width: 145px;
	height: 26px;
	display: block;
	background-color: #fff;
	margin-left: 150px;
	margin-top: 5px;
	font-size: 12px;
	color:#CCCCCC;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	line-height: 26px;
	text-indent:5px;
	float: left;
}

p.howtobuy a, p.spec a {
	color:#7B7C7E;
	text-decoration: none;
	display:block;
}

p.howtobuy a:hover, p.spec a:hover {
	background: #FFFF9A;
	display: block;
}

p.current {
	background-color:#FFFF9A;
}

#pagenav {
	position: relative; 
	width: 145px;
	height: 26px;
	display: block;
	background-color: #fff;
	float: left;
	margin-left: 5px;
	font-size: 12px;
	color:#7B7C7E;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	line-height: 26px;
	text-indent:5px;
}

#pagenav p.off {
	color: #E3E1E1 !important;
}

#pagenav a {
	color:#7B7C7E;
	text-decoration: none;
}

#pagenav span.previous {
	position: absolute;
	top: 0;
	left: 101px;
}

#pagenav span.next {
	position: absolute;
	top: 0;
	right: 10px;
}

#pagenav span.next a, #pagenav p span.previous a{
	padding: 0 2px;
}

#pagenav:hover{
	background-color: #FFFF9A;
	cursor: default;
}

#pagenav span.prevnext {
	position: absolute;
	top: 0;
	right: 10px;
}

#pagenav span.prevnext a {
	padding: 0 2px;
}

#pagenav span.prevnext a:hover, #pagenav span.next a:hover, #pagenav p span.previous a:hover {
	/*background-color: #eee!important;*/
	color: black;
}

#currentimage, #numimages, #pagenav p {display: inline;}

/* main content */

#maincontent {
	float: left;
	width: 960px;
	font-size: 75%;
}

#maincontent a {
	color: #fff;
}

#maincontent .entry {
	float: left;
	margin-bottom: 5px;
	margin-left: 33px;
	width:749px; 
	color: #fff;
}

#maincontent .first {
	margin-top:168px;/* add top margin to the first item */
}

#maincontent .entry img {
	float: right;
	clear:left;
	margin-bottom: 5px;
	padding-left: 5px;
}

#maincontent .entry p {
	margin-bottom: 10px;
}

#maincontent .entry p a{
	color:#ffffff;
	text-decoration: underline;
}

#maincontent .entry p a:hover{
	color:#CCCCCC;
}

#maincontent .entry h4 {
	font-size:17px;
	font-weight:normal;
	margin-bottom: 15px;
}

#maincontent .gallery {
	float:left;
}

#maincontent ul li {
	margin: 0 0 5px 0;
}

/* =----------------------------------------------------------------------------------

Forms

--------------------------------------------------------------------------------------*/
#form fieldset {
	margin: 10px 0 0 0;
	padding: 0; border: 0;
}

#form input {
	background: #E5E5E5;
	border: 0;
	height: 25px;
	font: 100% Courier New;
	width: 236px;
}

#form .formRow {
	margin: 8px 0;
}

#form label {
	width: 180px;
	display: block;
	float: left;
	text-align: right;
	padding: 0 5px 0 0;
}

input#telephone {
	margin: 0 0 0 7px;
}

a.formsubmit {
	background: #fff;
	padding: 5px;
	margin: 0 0 0 297px;
	width: 135px;
	color: #7B7C7E !important;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	display: block;
}

a.formsubmit:hover {
	color: #7B7C7E;
	background: #FFFF9A;
}

.required, .error {
	color: #FFFF9A;
}

/* login */

#login fieldset {
	margin: 10px 0 0 0;
	padding: 0; border: 0;
}

#login input {
	background: #E5E5E5;
	border: 0;
	height: 25px;
	font: 100% Courier New;
	width: 236px;
}

#login .formRow {
	margin: 8px 0;
}

#login label {
	width: 100px;
	display: block;
	float: left;
	padding: 0 15px 0 0;
	text-align: right;
}

#login button {
	border: 0;
	background: #fff;
	margin: 0 0 0 205px;
	padding: 3px 0 3px 0;
	color: #ccc;
	font-weight: bold !important;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	font: 100% Courier New;
	width: 145px;
	text-align: left;
}

#login .forgotset {
	margin: 20px 0;
}

#footer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#footer .powered {float: right ; color: #ccc; font-size: 70%; margin: 2px 0;}
#footer .powered a {color: #ccc; text-decoration: none;}