/* THESE STYLES ARE HACKY AND WILL NOT VALIDATE - HOWEVER THEY DO WORK IN ALL THE MAJOR BROWSERS FROM IE6 ONWARDS */

body {
	color: #45484c;
	font-size: 10pt;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	word-spacing: 1.5px;
	padding: 0;
	padding-top: 0.5em;
}

/* GLOBAL STYLES */

a:link, a:visited {
	color: #6c727b;
	text-decoration: none;
}

a:active, a:hover {
	color: #b10001;
	text-decoration: none;
}

a.button, a.smallbutton, input.button, input.smallbutton {
	margin: 0 auto;
	display: inline-block;
	background: #96aeac url('../img/box-red-bg.png') repeat-x 0 -50px;
	border: 1px solid #a7b8b7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	cursor: pointer;
}

.button {
	font-size: 12pt;
	padding: 4px 16px;
}

.smallbutton {
	font-size: 9pt;
	padding: 2px 8px;
}

.button:hover, .smallbutton:hover {
	background-position: 0 0;
	background-color: #96aeac;
	color: #fff;
	border-color: #7d9492;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0;
}

h2, h3, h4, h5 {
	margin-bottom: 0.5em;
	font-size: 14pt;
}

.companypage h2 {
	font-size: 18pt;
	margin-bottom: 0.5em;
}

.red {
	color: #b10001;
}

.box {
	margin-bottom: 1em;
	position: relative;
	clear: both;
}

.bluebg {
	position: relative;
	background: #96aeac url('../img/box-red-bg.png') repeat-x top;
	color: #fff;
	height: 118px;
	overflow: hidden;
}

.bluebg a, .bluebg a span {
	color: #fff;
}

.bluebg .slidetext {
	position: absolute;
	left: 8px;
	z-index: 100;
}

.bluebg .slideimg {
	position: absolute;
	right: 0;
	top: 0;
}

.more {
	background: url('../img/more.png') no-repeat top right;
	padding: 2px 26px 16px 0;
}

.box .more, .bigbox .more, .frontbox .more, .frontitem .more, .sidebox .more {
	background-image: url('../img/more-red.png');
	color: #b10001;
}

p.firstpara {
	line-height: 1.5em;
	font-size: 12pt;
}

p.firstpara:first-letter { /* fancy drop caps */
	font-size : 275%;
	float : left;
	display: block;
	margin-top: 0.175em;
	margin-right: 0.125em;
	line-height: 0.9em;
}

p {
	overflow: hidden;
	padding: 5px 0;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	margin-bottom: 16px;
}

.smallprint {
	padding: 0;
	margin: 0;
	font-size: 8pt;
}

.frontitems li.frontitem, .featured, .box, .bigbox, .helpbox, .contentbox, .sidebox {
	border: 1px solid #ddd;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
	position: relative;
}

.box2 {
	border: 1px solid #ddd;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0px;
	position: relative;
	height: 200px;
}

.box3 {
	border: 1px solid #ddd;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0px;
	position: relative;

}

.helpbox {
	background: #ffffcd url('../img/help.jpg') no-repeat right center;
	padding: 0.5em 150px 0.5em 1em;
	margin: 0.5em 0;
}

.helpbox h3 {
	margin-bottom: 0.5em;
}

.helpbox p {
	margin: 0;
}

.helpbox a {
	color: #b10001;
}

.frontitems li.frontitem:hover, .frontboxes tr:hover, .featured:hover, .box:hover {
	border-color: #aaa;
}

/* MININAV (TOP RIGHT) STYLING */
/* uses CSS sprite techniques to reduce requests */

.mininav {
	list-style: none;
	margin: 0;
}

.mininav li {
	display: inline;
	padding: 0;
	margin-left: 8px;
}

.mininav li a {
	background-image: url('../img/mininav-icons.png');
	background-repeat: no-repeat;
	padding-left: 16px;
}

.mininav li a.login {
	background-position: 0 0px;
}

.mininav li a.signup {
	background-position: 0 -20px;
}

.mininav li a.basket {
	background-position: 0 -40px;
}

.mininav li a.checkout {
	background-position: 0 -60px;
}

.mininav li a.myaccount {
	background-position: 0 -80px;
}

.mininav li a.login:hover {
	background-position: 0 -100px;
}

.mininav li a.signup:hover {
	background-position: 0 -120px;
}

.mininav li a.basket:hover {
	background-position: 0 -140px;
}

.mininav li a.checkout:hover {
	background-position: 0 -160px;
}

.mininav li a.myaccount:hover {
	background-position: 0 -180px;
}

/* append -active to the classname to draw attention to an icon, i.e. if the basket has items in it */

.mininav li a.login-active {
	background-position: 0 -200px;
}

.mininav li a.signup-active {
	background-position: 0 -220px;
}

.mininav li a.basket-active {
	background-position: 0 -240px;
	color: #dac245;
}

.mininav li a.checkout-active {
	background-position: 0 -260px;
}

.mininav li a.myaccount-active {
	background-position: 0 -280px;
}

/* SEARCH */

#search {
	margin-top: 7px;
	overflow: hidden;
}

#search input {
	border: 1px solid #d2d5db;
	padding: 2px;
	color: #6c727b;
	margin-left: 0.5em;
}

#search select {
	border: 1px solid #d2d5db;
	color: #6c727b;
}

#search input.searchbutton {
	border: 1px solid #d2d5db;
	background-color: #d2d5db;
	padding: 2px 4px;
	margin: 0;
}

#search input.searchbutton:hover {
	border-color: #b10001;
	background-color: #b10001;
	color: #fff;
}


/* MAIN NAV TABS */

.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

.nav li a.current {
	color: #b10001;
	text-decoration: none;
}

.nav span {
	padding:0 4px 0 7px;
}

/* PAGE STYLING */

.content ul {
	list-style: none;
}

.content ul li {
	background: url('../img/fancy-bullet.png') no-repeat left 50%;
	padding-left: 12px;
	margin-left: 0;
}

.content .hr {
	border: 0;
	height: 16px;
	width: 100%;
	background-image: url('../img/fancy-hr.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-bottom: 1em;
}

.content .hr, .sidebar .hr {
	background-image: url('../img/fancy-para-hr.png');
	height: 8px;
	padding: 0;
}

/* MAIN ITEMS */

.frontitems, .frontitems ul {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.frontitems li.frontitem { /* contains ugly hacks for IE6 - look away now */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 214px;
	margin:7px;
	*margin: 10px;
	text-align: left;
}

.sideimages .frontitems li.frontitem {
	margin: 6px 0 3px 0;
}

.frontitems li.empty {
	height: 163px;
	vertical-align: top;
	margin: 7px;
	padding: 2px;
	background-color: transparent;
}

.frontitems .prodicons {
	position: absolute;
	top: 126px;
	right: 2px;
}

.frontitems .prodicons img {
	float: right;
}

.price {
	float: right;
	font-size: 15pt;
	color: #b10001;
}

.total {
	font-size: 15pt;
}

.frontboxes {
	border-collapse: separate;
	border-spacing: 0 1em;
	table-layout: fixed;
	width: 100%;
	padding: 0;
	margin: 0;
}

.tabulated {
	width: 100%;
	padding: 0;
	margin: 1em 0;
	border: 0;
}	
.frontboxes .price {
	float: none;
	font-size: 15pt;
}

.frontboxes td {
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 100px;
	padding: 2px;
}

.frontboxes td.boxleft {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 230px;
}

.frontboxes td.boxmiddle {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.frontboxes td.boxright {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 50px;
	text-align: center;
}

.frontboxes td {
	vertical-align: middle;
}

.frontboxes .more {
	padding: 0 0 20px 0;
	display: inline-block;
	background-image: url('../img/bigmore.png');
	background-position: 0 0;
	width: 32px;
	height: 22px;
	margin-top: 20px;
}

.frontboxes .more:hover  {
	background-position: 0 -44px;
}

.frontboxes h2 {
	font-size: 11pt;
	padding: 0;
	margin: 0;
}

.frontboxes p {
	padding: 0;
	margin: 0;
	font-size: 9pt;
}

.frontitems li a.title, .frontitems li a.company {
	clear: both;
	display: block;
	padding: 2px 8px;
}

.frontitems li a.company {
	font-size: 8pt;
}

.frontitems input {
	position: absolute;
	right: 2px;
	bottom: 2px;
}

/* FEATURED */

.featured {
	position: relative;
	*height: 300px;
	margin-right: 1px;
	margin-bottom: 1em;
}

.featuredmiddle {
	position: absolute;
	width: 170px;
	height: 61px;
	text-align: center;
	padding: 5px 30px;
	color: #fff;
	font-size: 10pt;
	z-index: 100;
}

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

.featuredleft:hover .featuredmiddle, .featuredright:hover .featuredmiddle {
	background-position: 0 0;
}

.featuredleft .featuredmiddle {
	left: 345px;
	bottom: 80px;
	background: url("../img/featured-middle-left.png") no-repeat;
	background-position: 0 -70px;
}

.featuredright .featuredmiddle {
	right: 345px;
	top: 60px;
	background: url("../img/featured-middle-right.png") no-repeat;
	background-position: 0 -70px;
}

.featuredleft, .featuredright {
	height: 100%;
	width: 466px;
	float: left;
}

.featuredright {
	margin-left: 1px;
}

.featuredcredit {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	padding: 2px;
	font-size: 8pt;
	color: #fff;
}

.featuredtext {
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 0;
	margin: 0;
	background: #96aeac url('../img/box-red-bg.png') repeat-x bottom;
	border-top: 1px solid #fff;
	width: 100%;
	left: 0;
	padding-top: 10px;
	text-align: center;
}

.featuredcredit a {
	margin: 0 0.5em;
	color: #fff;
}

.featuredleft:hover div, .featuredright:hover div {
	display: block;
}

.featured h3, .featured h4 {
	padding: 0;
	margin: 0 0 0.4em 0;
}

.featured .featuredtext a {
	color: #fff;
	height: 30px;
	display: inline-block;
}

.featured .more {
	background-image: url('../img/more.png');
	padding-bottom: 0;
}

/* UTILITIES */

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.rel {
	position: relative;
}

.bottom {
	position: absolute;
	bottom: 0;
}

.wide {
	width: 678px;
}

/* SIDEBAR */

.sidebar {
	font-size: 110%;
}

.sidebar ul {
	list-style: none;
}

.sidebar ul li {
	padding: 0;
	margin: 0;
}

/* TAB BAR */

#undernav {
	font-size: 11pt;
	padding-top: 0.5em;
}

#undernav h1, #undernav h2, #undernav h3 {
	margin: 0.5em 0;
}

#undernav h4, #undernav h5 {
	margin: 0.7em 0;
}

#undernav ul {
	list-style: none;
	font-size: 11pt;
}

#undernav ul li {
	padding: 0;
	margin: 0;
}

#undernav .icons {
	margin-top: 0.75em;
}

#undernav .icons a.restore {
	background: url('../img/restore.png') no-repeat top left;
}

#undernav .icons a.build {
	background: url('../img/build.png') no-repeat top left;
}

#undernav .icons a.eco {
	background: url('../img/eco.png') no-repeat top left;
}

#undernav .icons a.room {
	background: url('../img/room.png') no-repeat top left;
}

#undernav .icons a.decor {
	background: url('../img/decor.png') no-repeat top left;
}

#undernav .icons a.outdoors {
	background: url('../img/outdoors.png') no-repeat top left;
}

#undernav .icons a {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 110px;
}

#undernav .icons a:hover, #undernav .icons a.current {
	background-position: left -136px;
	color: #b10001;
}

#undernav .icons a span {
	display: inline;
	width: 100%;
	position: absolute;
	top: 25%;
	left: 70px;
	text-align: left;
}

#undernav .description {
	display: none;
	position: absolute;
	z-index: 150;
	bottom: -1px;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 10pt;
	color: #b10001;
}

#undernav .description span {
	display: inline-block;
	border: 1px solid #f1eced;
	border-bottom: none;
	background-color: #f6f2f3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 70%;
	padding: 2px 4px;
}

/* PAGE LAYOUT */

#header, #main, #footer, #undernav {
	min-width: 960px;
}

#main {
	padding: 1em 0;
	border-top: 1px solid #f1eced;
	border-bottom: 1px solid #e1dcdd;
	background: #f1eced url('../img/background.png') repeat-x;
}

#footer {
	padding-top: 1em;
	font-size: 8pt;
}

/* HACKS */

#undernav .icons a { behavior: url('iepngfix.htc') }

/* FANCY IMAGE */

ul.fancyimage {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}

ul.fancyimage li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	background: none;
}

ul.frontitems li.frontitem img, ul.fancyimage li img {
	display: block;
}	

ul.fancyimage li.fancynav {
	position: absolute;
	display: none;
	top: 4px;
	left: 4px;
	font-size: 10px;
}

ul.fancyimage:hover li.fancynav {
	display: inline;
}

ul.fancyimage li.fancynav a {
	background-color: #fff;
	color: #6c727b;
	margin-right: 5px;
	padding: 0 6px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.fancyimage li.fancynav a.fancynavactive {
	color: #fff;
	background-color: #b10001;
}

ul.fancyimage li:first-child {
	display: block;
}

/* PAGINATE */

.paginate {
	float: right;
	padding: 0;
	margin: 0;
}

.paginate .first, .paginate .last, .paginate .prev, .paginate .next {
	display: inline-block;
	width: 12px;
	height: 11px;
	background: url("../img/pagination.png") no-repeat;
	text-decoration: none;
	vertical-align: middle;
	font-size: 1px;
	overflow: hidden;
}

.paginate .next {
	background-position: 0 0;
}

.paginate .next:hover {
	background-position: 0 -48px;
}

.paginate .last {
	background-position: 0 -12px;
}

.paginate .last:hover {
	background-position: 0 -60px;
}

.paginate .prev {
	background-position: 0 -24px;
}

.paginate .prev:hover {
	background-position: 0 -72px;
}

.paginate .first {
	background-position: 0 -36px;
}

.paginate .first:hover {
	background-position: 0 -84px;
}

/* BREADCRUMBS */

.breadcrumb {
	padding: 0;
	margin: 0;
}

/* PAGE UTILITIES */

.utilities {
	float: right;
}

.utilities a {
	margin-right: 0.5em;
}

a.compare {
	background: url('../img/compare.png') no-repeat 0 2px;
	padding-left: 16px;
}

a.compare:hover {
	background-position: 0 -12px;
}

a.sortasc, a.sortdesc, a.nosort {
	padding-left: 18px;
	background: url('../img/ascdesc.png') no-repeat 0 4px;
}

a.sortasc {
	background-position: 0 4px;
}

a.sortdesc {
	background-position: 0 -8px;
}

a.nosort {
	background-position: 0 -20px;
}

a.sortasc:hover {
	background-position: 0 -32px;
}

a.sortdesc:hover {
	background-position: 0 -44px;
}

a.nosort:hover {
	background-position: 0 -56px;
}

/* COMPANY/PRODUCT PAGES */

.companypage {
	padding: 1em;
	margin: 6px 0;
}

.companypage .alignleft {
	float: left;
	margin-right: 1em;
}

.companypage .alignright {
	float: right;
	margin-left: 1em;
}

.companypage .aligncenter {
	display: block;
	margin: 0 auto 1em auto;
	clear: both;
}

.companypage .larger {
	font-size: 11pt;
}

.companypage p, .companypage li {
	margin-bottom: 1em;
}

.companypage .details {
	padding: 0.5em 1em;
}

.companypage .grid_5 {
	border-right: 1px solid #ccc;
}

.companypage .omega {
	border-right: none;
}

.companypage .details h3 {
	margin-bottom: 0.5em;
}

.companypage .details li {
	margin: 0 1em;
 }
  
.imgcaption {
	background: #f1eced url('../img/background.png') repeat-x;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	display: inline-block;
	margin-bottom: 1em;
}

.imgcaption img {
	border: 1px solid #ddd;
}

.imgcaption span {
	display: block;
	text-align: center;
	margin-top: 0.5em;
}

 
/* SIDEBOX */

.sidebox {
	padding: 1em;
	margin: 6px 0;
	font-size: 10pt;
}

.sidebox li {
	margin: 0.5em 1em;
}
  
/* CONTACT FORM */

form.contactform {
	background: #f1eced url('../img/background.png') repeat-x;
	width: 300px;
	margin: 1em auto;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1em;
}

form.contactform2 {
	background: #f1eced url('../img/background.png') repeat-x;
	width: 300px;
	margin: 1em auto;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1em;
}

form.contactform input[type=text], form.contactform textarea, form.signupform input[type=text], form.signupform input[type=password], form.signupform textarea, form.signupform textarea  {
	width: 100%;
}

form.contactform2 input[type=text], form.contactform2 textarea, form.signupform input[type=text], form.signupform input[type=password], form.signupform textarea, form.signupform textarea  {
	width: 100%;
}

/* SIGN UP FORM */

form.signupform {
	background: #f1eced url('../img/background.png') repeat-x;
	margin: 1em auto;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1em;
}

.signupform .tabulated td {
	padding: 0 0.5em;
}

form.signupform input[type=text], form.signupform input[type=password], form.signupform textarea {
	font-size: 12pt;
	padding: 4px 0;
}

/* MISC INPUT ELEMENTS */

input[type=text], input[type=password], textarea, select {
	border: 1px solid #ddd;
	margin-bottom: 0.5em;
	font-size: 10pt;
	font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
}