/* Screen CSS Document */

/* Common styles */

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #aaaaaa;
	background: #040505;
}

div {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #778cbd;
	text-decoration: underline;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #aaaaaa;
}

h2 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #aaaaaa;
}

h3, h4, h5, h6 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #aaaaaa;
}

p, blockquote {
                margin: 1em 0 0 0;
                line-height: 1.5em;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
}

label {
	margin: 0 1em 0 0;
	padding: 0;
	font-weight: bold;
}

input, textarea {
	margin: 0;
	padding: 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #040505;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
}

select {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #040505;
	border: none;
}

.button {
	color: #ffffff;
	background: #778cbd url('/assets/images/buttons/purple-corner.gif') no-repeat bottom right;
	font-weight: bold;
	border: none;
	border-width: 0;
	cursor: pointer;
}

/* Header */

.header {
	clear: both;
	width: 920px;
	margin: 0 auto;
	padding: 31px 20px 35px 20px;
	overflow: hidden;
	border-color: #778cbd;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.header .logo {
	float: left;
	width: 150px;
	height: 55px;
	margin: 8px 0 0 0;
	text-indent: -9000px;
	background: transparent url('/assets/images/header/logo.gif') no-repeat top left;
}

.header .logo a {
	display: block;
	height: 55px;
}

.header .menu {
	float: left;
	width: 740px;
	margin: 0 0 0 30px;
}

.header .menu ul.links {
	float: right;
}

.header .menu ul.links li {
	float: left;
	margin: 0 0 0 20px;
	padding: 4px 0 0 0;
}

.header .menu ul.links li a {
	color: #aaaaaa;
	text-decoration: none;
}

.header .menu ul.links li a:hover {
	color: #ffffff;
}

.header .menu ul.links li.search {
	padding: 0;
}

.header .menu ul.links li.search label {
	display: none;
}

.header .menu ul.links li.search input.search-box {
	width: 164px;
	color: #ffffff;
	background: #161f1a;
	border-color: #161f1a;
}

.header .menu ul.links li.search .button {
	width: 50px;
}

.header .menu ul.main {
	clear: both;
	float: right;
}

.header .menu ul.main li {
	float: left;
	margin: 12px 0 0 20px;
	padding: 4px 0 0 0;
	font-size: 1.1em;
}

.header .menu ul.main li a {
	color: #aaaaaa;
	text-decoration: none;
}

.header .menu ul.main li.selected a,
.header .menu ul.main li a.selected {
	color: #ffffff;
}

.header .menu ul.main li a:hover {
	color: #ffffff;
}

.header .menu ul.main li.basket {
	width: 240px;
	padding: 0;
	background: #161f1a url('/assets/images/backgrounds/grey-corner.gif') no-repeat bottom right;
	text-align: center;
	font-size: 1.1em;
}

.header .menu ul.main li.basket a {
	display: block;
	padding: 4px 10px;
}

/* Container for body content */

.content-container {
	width: 960px;
	margin: 0 auto;
	font-size: 0.85em;
}

/* Breadcrumb navigation */

ul.breadcrumb {
	clear: both;
	width: 920px;
	margin: 20px 20px 0 20px;
}

ul.breadcrumb li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	background: transparent url('/assets/images/arrows/arrow.gif') no-repeat center left;
	color: #ffffff;
	font-size: 0.95em;
}

ul.breadcrumb li.title {
	margin: 0;
	padding: 0;
	background: none;
	color: #aaaaaa;
}

ul.breadcrumb li.home {
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}

ul.breadcrumb li a {
	text-decoration: none;
	color: #778cbd;
}

ul.breadcrumb li a:hover {
	color: #ffffff;
}

ul.breadcrumb li.selected,
ul.breadcrumb li .selected {
	color: #ffffff;
}

/* Container to allow for multiple columns in content */

.page-content {
	clear: both;
	width: 960px;
}

/* Left hand page specific menu */

.page-content .page-menu {
	float: left;
	width: 210px;
	margin: 12px 20px 0 0;
}

.page-content .page-menu ul li {
	padding: 0.3em 0 0 20px;
	color: #ffffff;
}

.page-content .page-menu ul li a {
	text-decoration: none;
}

.page-content .page-menu ul.top-level li {
	margin: 8px 0 0 0;
	padding: 0.5em 20px;
	background: #161f1a;
	font-size: 1.3em;
}

.page-content .page-menu ul.top-level li a {
	color: #aaaaaa;
}

.page-content .page-menu ul.top-level li a:hover {
	color: #ffffff;
}

.page-content .page-menu ul.top-level li.open a {
	color: #ffffff;
}

.page-content .page-menu ul.top-level li ul.sub-level li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	border: none;
	background: transparent url('/assets/images/arrows/arrow.gif') no-repeat top left;
	background-position: 0 0.2em;
	font-size: 0.8em;
}

.page-content .page-menu ul.top-level li ul.sub-level li a {
	color: #778cbd;
}

.page-content .page-menu ul.top-level li ul.sub-level li a:hover {
	color: #ffffff;
}

.page-content .page-menu ul.top-level li ul.sub-level li.open,
.page-content .page-menu ul.top-level li ul.sub-level li.selected {
	background: transparent url('/assets/images/arrows/arrow-open.gif') no-repeat top left;
	background-position: 0 0.2em;
}

.page-content .page-menu ul.top-level li ul.sub-level li.open a,
.page-content .page-menu ul.top-level li ul.sub-level li.selected a,
.page-content .page-menu ul.top-level li ul.sub-level li a.selected,
.page-content .page-menu ul.top-level li ul.sub-level li .selected,
.page-content .page-menu ul.top-level li ul.sub-level li .selected a {
	color: #ffffff;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level {
	margin: 0 0 2em 0;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	border: none;
	background: transparent url('/assets/images/arrows/arrow.gif') no-repeat top left;
	background-position: 0 0.2em;
	font-size: 1em;
	color: #778cbd;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li a {
	color: #778cbd;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li a:hover {
	color: #ffffff;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li.open,
.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li.selected {
	background: transparent url('/assets/images/arrows/arrow-open.gif') no-repeat top left;
	background-position: 0 0.2em;
}

.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li.open a,
.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level li.selected a,
.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level a.selected,
.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level .selected,
.page-content .page-menu ul.top-level li ul.sub-level li ul.product-level .selected a {
	color: #ffffff;
}

/* Product category listing */

.page-content .product-list {
	float: left;
	width: 730px;
	margin: 20px 0 0 0;
}

.page-content .product-list .intro {
	width: 730px;
	margin: 0;
	padding: 0 0 20px 0;
	background: #161f1a url('/assets/images/backgrounds/grey-corner.gif') no-repeat bottom right;
	overflow: hidden;
}

.page-content .product-list .intro h1,
.page-content .product-list .intro h2,
.page-content .product-list .intro p,
.page-content .product-list .blockquote {
	height: auto;
	margin: 20px 20px 0 20px; !important
}

.page-content .product-list .intro ul {
	margin: 10px 20px 0 20px;
	list-style: disc;
	overflow: hidden;
}

.page-content .product-list .intro ul li {
	margin: 10px 0 0 20px;
	padding: 0 0 0 10px;
	list-style: disc;
}

.page-content .product-list .intro dl {
	margin: 20px 20px 0 20px;
	overflow: hidden;
}

.page-content .product-list .intro dt {
	float: left;
	width: 160px;
}

.page-content .product-list .intro dd {
	float: left;
	width: 530px;
}

.page-content .product-list .intro dd h2 {
	margin: 0;
	font-size: 1em;
}

.page-content .product-list .intro dd p {
	margin: 20px 0 0 0;
}

.page-content .product-list .intro ul.tab-menu {
	clear: both;
	width: 690px;
	margin: 20px 20px 0 0;
	overflow: hidden;
}

.page-content .product-list .intro ul.tab-menu li {
	float: left;
	margin: 0 0 0 20px;
	font-size: 1.3em;
}

.page-content .product-list .intro ul.tab-menu li a {
	text-decoration: none;
}

.page-content .product-list .intro ul.tab-menu li a.selected {
	color: #ffffff;
}

.page-content .product-list .intro div {
	clear: both;
	width: 690px;
	margin: 20px 20px 0 20px;
}

.page-content .product-list .product {
	float: left;
	width: 190px;
	margin: 20px 0 0 20px;
	padding: 0 20px 20px 20px;
	background: #161f1a url('/assets/images/backgrounds/grey-corner.gif') no-repeat bottom right;
}

.page-content .product-list h2 {
	height: 2.5em;
}

.page-content .product-list .product img, .page-content .product-list .product p {
	clear: both;
	margin: 20px 0 0 0;
}

.page-content .product-list .product img, .page-content .product-list .first-product {
	margin: 20px 0 0 0;
}

/* Product display */

.product-display {
	float: left;
	width: 400px;
	margin: 20px 20px 0 0;
	padding: 0 20px 20px 20px;
	background: #161f1a url('/assets/images/backgrounds/grey-corner.gif') no-repeat bottom right;
}

.product-display .images {
	clear: both;
	overflow: hidden;
}

.product-display .images .hero {
	float: left;
	width: 320px;
	height: 320px;
	margin: 24px 20px 0 0;
}

.product-display .images img.thumb {
	float: left;
	width: 60px;
	height: 60px;
	margin: 26px 0 0 0;
}

.product-display h1 {
	margin: 20px 0 0 0;
}

.product-display h2 {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-color: #161f1a;
	border-style: solid;
	border-width: 1px 0 0 0;
}

.product-options {
	float: left;
	width: 270px;
	margin: 20px 0 0 0;
}

.product-options form {
	clear: both;
	width: 230px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	background: #778cbd url('/assets/images/backgrounds/purple-corner.gif') no-repeat bottom right;
	color: #ffffff;
}

.product-options h2 {
	color: #040505;
}

.product-options h3 {
	margin: 0.3em 0 0 0;
	color: #ffffff;
}

.product-options input, .product-options select, .product-options textarea {
	width: 230px;
}

.product-options .price {
	font-size: 1.5em;
	font-weight: bold;
}

.product-options p.qty input {
	width: 30px;
	margin: 0;
}

.product-options p.qty .button {
	width: 130px;
	background: #161f1a url('/assets/images/buttons/black-corner.gif') no-repeat bottom right;
}

.product-options p.option {
	margin: 0.3em 0 0 0;
}

.product-options ul.product-links {
	clear: both;
	width: 270px;
	margin: 20px 0 0 0;
}

.product-options ul.product-links li {
	margin: 0 0 0 20px;
	padding: 0.5em 0 0 20px;
	background: transparent url('/assets/images/arrows/arrow.gif') no-repeat center left;
}

/* Homepage slideshow */

.slideshow {
	position: relative;
	z-index: 2;
	clear: both;
	width: 960px;
	margin: 35px 0 0 0;
	overflow: hidden;
}

.slideshow .slide {
	width: 960px;
	height: 370px;
	background: #161f1a url('/assets/images/slideshow/slide1.jpg') no-repeat top left;
}

.slideshow .slide h1 {
	width: 520px;
	margin: 0 0 0 20px;
	color: #778cbd;
	font-size: 1.8em;
	font-weight: normal;
}

.slideshow .slide h2 {
	width: 520px;
	margin: 0 0 0 20px;
	color: #778cbd;
	font-size: 1.8em;
	font-weight: normal;
}

.slideshow .slide p {
	width: 520px;
	margin: 2em 0 0 20px;
	font-size: 1.3em;
}

.slideshow .slide p.tagline {
	color: #778cbd;
}

.slideshow .prev {
	position: absolute;
	bottom: 0px;
	left: 20px;
	z-index: 4;
	width: 24px;
	height: 24px;
	text-indent: -9000px;
	overflow: hidden;
	background: #161f1a url('/assets/images/slideshow/prev.gif') no-repeat top left;
}

.slideshow .prev a {
	display: block;
	height: 24px;
}

.slideshow .prev a:hover {
	background: #161f1a url('/assets/images/slideshow/prev-hover.gif') no-repeat top left;
}

.slideshow .next {
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index: 4;
	width: 24px;
	height: 24px;
	text-indent: -9000px;
	overflow: hidden;
	background: #161f1a url('/assets/images/slideshow/next.gif') no-repeat top left;
}

.slideshow .next a {
	display: block;
	height: 24px;
}

.slideshow .next a:hover {
	background: #161f1a url('/assets/images/slideshow/next-hover.gif') no-repeat top left;
}

/* Homepage introduction */

.intro {
	clear: both;
	width: 960px;
	margin: 35px 0 0 0;
	overflow: hidden;
	background: #161f1a url('/assets/images/intro/intro-bg.gif') no-repeat bottom right;
}

.intro1 {
	float: left;
	width: 700px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
}

.intro2 {
	float: right;
	width: 160px;
	padding: 0 20px 20px 20px;
	overflow: hidden;
}

.intro2 li {
	margin: 10px 0 0 0;
}



/* Homepage feature items */

.features {
	clear: both;
	width: 960px;
	margin: 35px 0 0 0;
	overflow: hidden;
	background: transparent url('/assets/images/features/features-bg.gif') no-repeat bottom left;
}

.features ul {
	clear: both;
	overflow: hidden;
}

.features ul li {
	margin: 1em 0 0 0;
	padding: 0;
}

a.read-more {
	padding: 0 0 0 20px;
	background: transparent url('/assets/images/arrows/arrow.gif') no-repeat top left;
	background-position: 0 0.1em;
}

.features .feature-product {
	float: left;
	width: 325px;
	padding: 0 20px 20px 20px;
}

.features .feature-product img {
	float: left;
	margin: 20px 20px 0 0;
}

.features .feature-product h3 {
	float: left;
	width: 205px;
	font-weight: bold;
}

.features .feature-product p {
	float: left;
	width: 205px;
}

.features .feature-help {
	float: left;
	width: 160px;
	margin: 0 0 0 20px;
	padding: 0 20px 20px 20px;
}

.features .feature-testimonial {
	float: left;
	width: 315px;
	margin: 0 0 0 20px;
	padding: 0 20px 20px 20px;

}

/* Footer */

.footer-container {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 55px 0 20px 0;
	background: #161f1a url('/assets/images/footer/border.gif') no-repeat top center;
	overflow: hidden;
}

.footer {
	width: 920px;
	margin: 0 auto;
}

.footer ul {
	float: left;
	margin: 0 0 0 40px;
	overflow: hidden;
}

.footer ul.home {
	margin: 0 0 0 0px;
}

.footer ul li {
	margin: 5px 0 0 0;
	font-size: 0.85em;
}

.footer ul li.title {
	font-weight: bold;
}

.footer ul li a {
	color: #778cbd;
	text-decoration: none;
}

.footer ul li a:hover {
	color: #ffffff;
}

.footer p {
	float: left;
	width: 920px;
	margin: 20px 0 0 0;
	font-size: 0.75em;
}