@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
	width:100%;
}

body {
	font-family: 'Days One', sans-serif;
	font-size:1em;
}

#wrapper {
	width:100%;
}

#innerwrapper {
	width:980px;
	margin:0 auto;
	position:relative;
}

#header, #nav, #content, #footer {
	position:relative;
}

/* START HEADER STYLES */
#header {
	height:113px;
	margin-bottom:67px;/*the height of the nav*/
}

#header a.viewcart, #header .sagepay, #header .contact, #header .logo {
	position:absolute;
	display:block;
}

#header a.viewcart {
	background-image:url(../images/btn_viewCartCheckout.png);
	width:220px;
	height:36px;
	top:27px;
	right:0px;
	text-indent:-9999px;
}

#header a.viewcart:hover {
	background-position:left bottom;
}

#header .sagepay {
	background-image:url(../images/sagepay.gif);
	width:195px;
	height:28px;
	right:0px;
	top:74px;
	text-indent:-9999px;
}

#header .contact {
	color:#0075cc;
	width:238px;
	height:32px;
	left:400px;
	top:35px;
}

#header .logo {
	background-image:url(../images/logo.gif);
	width:286px;
	height:65px;
	text-indent:-9999px;
	left:-35px;
	top:29px;
}

/* START NAV STYLES */
#nav {
	height:67px;
	width:980px;
	background-image:url(../images/bg-menu.gif);
	position:absolute;
	top:113px;
	left:0px;
	z-index:99;
}

#nav #subnav {
	list-style:none;
	height:21px;
	font-size:70%;
	position:absolute;
	top:0px;
	right:0px;
	width:858px;
}

#nav #subnav li {
	float:left;
}

#nav #subnav a {
	padding:3px 6px;
	display:block;
	color:#fff;
	text-decoration:none;
}

#nav #subnav li a:hover {
	text-decoration:underline;
}

/* START SUCKERFISH MAIN NAV */

#nav #mainnav {
position:absolute;
top:23px;
left:10px;
}

#nav #mainnav, #nav #mainnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav #mainnav li {
	float:left;

	height:46px;
	line-height:44px;

}

#nav #mainnav a {
	text-decoration:none;
	display:block;
	padding:0 10px;
	color:#fff;
}

#nav #mainnav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	font-size:80%;
	background-color:#777;
}

#nav #mainnav li ul li {
	line-height:18px;
	height:24px;
	width:180px;
	border-bottom:1px solid #444;
}

#nav #mainnav li:hover ul {
	left: auto;
}

#nav #mainnav ul li a {
	padding:3px;
	width:174px;
}

#nav #mainnav ul li a:hover {
	background-color:#333;
}

#nav #mainnav li:hover ul, #nav #mainnav li li:hover ul, #nav #mainnav li.sfhover ul, #nav #mainnav li li.sfhover ul {
	left: auto;
}

#nav #mainnav li ul ul {
	margin: -24px 0 0 180px;
	background-color:#999;
	font-size:100%;
}

#nav #mainnav li:hover ul ul, #nav #mainnav li.sfhover ul ul {
	left: -999em;
}

/*three levels*/
#nav #mainnav li:hover ul ul,
#nav #mainnav li:hover ul ul ul,
#nav #mainnav li.sfhover ul ul,
#nav #mainnav li.sfhover ul ul ul {
	left: -999em;
}

#nav #mainnav li:hover ul,
#nav #mainnav li li:hover ul,
#nav #mainnav li li li:hover ul,
#nav #mainnav li.sfhover ul,
#nav #mainnav li li.sfhover ul,
#nav #mainnav li li li.sfhover ul {
	left: auto;
}


/* START CONTENT STYLES */
#content {
	min-height:500px;
}

/* START FOOTER STYLES */
#footer {
	width:100%;
	background-color:#4a555e;
	background-image:url(../images/bg-footer.gif);
	background-position:center top;
	background-repeat:repeat-x;
	font-size:75%;
}

#footerinner {
	height:194px;
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#fff;
}

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

#footerinner ul, #footerinner ol {
	list-style:none;
}

#footerinner ul li {
	float:left;
	width:200px;
}

#footerinner #copyright {
	float:right;
	width:200px;
	text-align:right;
	font-size:90%;
}