body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;	
}


#container {
	width: 966px;
	margin: 0 auto;
}

/* Header */

#topbar {
	float: left;
	display: inline;
	width: 966px;
	background:url(../img/all/topbar-left.png) no-repeat;
}

#topnavigation {
	float: left;
	display: inline;
	font-weight: 700;
	margin: 0;
	padding: 0 14px 0 0;
	text-transform:uppercase;
	height: 32px;
	background:url(../img/all/topbar-right.png) 100% 0 no-repeat;
}

#topnavigation ul {
	list-style-type: none;
	height: 32px; 
	line-height: 32px;
	padding: 0;
	margin: 0 0 0 14px;
	background:	url(../img/all/topbar-bg.png) repeat-x;
}

#topnavigation li {
	display: inline;
	font-size: 1.2em;
	padding: 0 10px 0 10px;
	background:url(../img/all/divider.png) 100% 3px no-repeat;
}

#topnavigation li a {
	text-decoration: none;
	color: #fff;
	line-height: 32px;
	height: 32px;
}

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

#topnavigation li.last {
	background: none;	
}



#account {
	float: right;
	display: inline;
	color: #fff;
	text-align: right;
	margin: 10px 5px 0 0;
	padding: 0;
	text-transform:uppercase;
	font-weight: 700;
}


#account p {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}


#header {
	width: 960px;
	margin: 0 3px 0 3px;
	padding: 0;
}


#logo {
	display: inline;
	float: left;
	width: 300px;
	height: 80px;
	padding: 0;
	background:url(../img/all/logo.png) no-repeat;
	margin: 10px 0 10px 10px;
	color: #fff;
}

#logo h1 {
	display: none;	
}


#basket {
	display: inline;
	float: right;
	width: 160px;
	height: 26px;
	margin: 8px 0px 16px 0;
}

#basket img {
	float: left;
	display: inline;
	border: 0;	
}

#basket #quantity a, #basket #total a{
	float: left;
	display: inline;
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: none;
	margin: 8px 0 0 10px;
}

#search {
	float: right;
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;
	width: 315px;
	height: 40px;
}

#search #box {
	float: left;
	display: inline;
	background:url(../img/all/searchbg.png) no-repeat;
	width: 230px;
	height: 40px;
	margin: 0 10px 0 0;
}

#search #box input {
	float: left;
	display: inline;
	margin: 10px 0 5px 10px;
	width: 212px;
	border: 0;
	padding: 0 0 0 0;
	outline:none;
	border: none;
}

/* Menu */

#primarynavigation {
    float: left;
    display:inline;
	width: 966px;
	height: 84px;
	margin: 0;
	padding: 0;
}

#primarynavigation ul {
    float: left;
    display:inline;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#primarynavigation ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#primarynavigation ul li a {
	display: block;
	background: url(../img/all/menu-bg.png) no-repeat;
	height: 63px;
	width: 160px;
	margin: 0;
	padding: 12px 0 12px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.6em;
}

#primarynavigation ul li a:hover {
	background:url(../img/all/menu-bg-active.png) no-repeat;	
}


#primarynavigation ul #first a {
	background: url(../img/all/container-top-left.png) no-repeat;
	height: 63px;
	width: 163px;
}

#primarynavigation ul #first a:hover {
	background:url(../img/all/container-top-left-active.png) no-repeat;	
}

#primarynavigation ul #last a {
	background: url(../img/all/container-top-right.png) no-repeat;
	height: 83px;
	width: 163px;
}

#primarynavigation ul #last a:hover {
	background:url(../img/all/container-top-right-active.png) no-repeat;
}

#primarynavigation ul .active a {
	background:url(../img/all/menu-bg-active.png) no-repeat;
}

#primarynavigation ul #first.active a {
	background:url(../img/all/container-top-left-active.png) no-repeat;	
}

#topnav {
    padding:0; position:absolute;
}

/* Sub Categories */

#primarynavigation li .menu {
    display: none;
}

#primarynavigation li:hover .menu {
    display: block;
}

#primarynavigation li.over .menu {
    display: block; 
    width: 200px; 
    height: 1%;
}

#primarynavigation .menu {
    position: absolute; 
    top: 80px;
    background: #ffffff; 
    padding: 10px 0 5px 10px; 
    border: 2px solid #C72E4D; 
    z-index: 999999; 
}

#primarynavigation li .menu ul.sub_nav {
    float: left;
    width: 163px;
}

#primarynavigation li .menu ul.sub_nav {
    margin: 0 5px 0 0; 
    padding: 0; 
}

#primarynavigation li .menu ul.sub_nav li { 
    float: none; 
    background-image: none; 
    text-transform: capitalize;
}

#primarynavigation li .menu ul.sub_nav li a, #primarynavigation .menu ul.sub_nav li a:link, #primarynavigation .menu ul.sub_nav li a:visited, #primarynavigation li#first .menu ul.sub_nav li a, #primarynavigation li#last .menu ul.sub_nav li a
{ 
    font-size: 1.2em; 
    font-weight: 700; 
    line-height: 14px;
    color:#A9273F; 
    text-decoration:none;  
    height:100%; 
    background-color:transparent;
    background:none; 
    padding: 6px 0 6px 0;
}


#primarynavigation li .menu ul.sub_nav li a:hover, #primarynavigation li#first .menu ul.sub_nav li a:hover, #primarynavigation li#last .menu ul.sub_nav li a:hover {
    text-decoration: underline;
}

#primarynavigation li .menu  ul.sub_nav li a:active {
    color:#fff; 
    text-decoration: none; 
}

#primarynavigation li#first .menu {
    left:0;
}

#primarynavigation li#second .menu {
    left:160px;
}

#primarynavigation li#third .menu {
    left:320px;
}

#primarynavigation li#forth .menu {
    right:320px;
}

#primarynavigation li#fifth .menu {
    right:160px;
}

#primarynavigation li#last .menu {
    right:0;
}


#content {
	width: 966px;
	padding: 0 3px 0 3px;
	background:url(../img/all/content-bg.png) repeat-y;
}

#breadcrumbs {
	width: 960px;
	height: 42px;
	background:url(../img/all/content-top-fade.gif) repeat-x;
	
}

#breadcrumbs #trail {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
}

#breadcrumbs #trail ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#breadcrumbs #trail ul li {
	display: inline;
	font-size: 1.2em;
	color: #555;
	padding: 0 10px 0 5px;
}

#breadcrumbs #trail ul li a {
    color: #333;
	text-decoration: none;
}

#breadcrumbs #trail ul li a:hover {
	text-decoration: none;	
}

#breadcrumbs #trail li.breadcrumb_arrow {
	background: url(../img/all/breadcrumb_arrow.png) 100% 5px no-repeat;
}

#breadcrumbs #trail li.breadcrumb_arrow a {
    color: #A9273F;
}

#greeting {
    float: right;
    display: inline;
    font-size: 1.2em;
    color: #333;
    margin: 3px 5px 0 0;
}

#hero {
	float: left;
	display: inline;
	width: 630px;
	height: 370px;
	margin: 5px;
	background: #c72e4d;
}

/* homepage */

#hero img {
	float: left;
	display: inline;
	width: 624px;
	height: 364px;
	margin: 3px;
	border: none;
}

#hero .caption {
	background:url(../img/all/1pxtransparentgrey.png) repeat;
	float: left;
	display: inline;
	width: 614px;
	height: 60px;
	position: relative;
	bottom: 63px;
	margin: 0 3px 0 3px;
	padding: 0 0 0 10px;
}

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

#hero .caption h2 {
	font-size: 1.6em;	
	margin: 10px 0 10px 0;
}


.herocategory {
	float: left;
	display: inline;
	width: 310px;
	height: 180px;
	margin: 5px;
	background: #c72e4d;
}

.herocategory img {
	float: left;
	display: inline;
	width: 304px;
	height: 174px;
	margin: 3px;
	border: none;
}

.herocategory .caption {
	background:url(../img/all/1pxtransparentgrey.png) repeat;
	float: left;
	display: inline;
	width: 294px;
	height: 60px;
	overflow: hidden;
	position: relative;
	bottom: 63px;
	margin: 0 3px 0 3px;
	padding: 0 0 0 10px;
}

.herocategory .caption a {
	text-decoration: none;
	color: #fff;	
	padding: 0;
	margin: 0;
}

.herocategory .caption h3 {
	font-size: 1.3em;	
	padding: 0;
	margin: 10px 0 5px 0;
}

.heroproduct {
	float: left;
	display: inline;
	width: 228px;
	height: 200px;
	margin: 5px;
	background: #fff;
	border: 1px solid #333;
}

.heroproduct .title {
    height: 40px;
}

.heroproduct h4 {
	margin: 10px;
}

.heroproduct img {
	float: left;
	display: inline;
	border: none;
	width: 100px;
	height: 143px;
	margin: 0 10px 0 10px;
}

.heroproduct a {
	text-decoration: none;	
}

.heroproduct .desc {
	float: left;
	display: inline;
	width: 100px;
	margin: 0;
	padding: 0;
}

.heroproduct .desc .price {
	font-weight: 700;
}


#paymentlogos {
	float: left;
	display: inline;
	margin: 5px;
	width: 310px;
}

#paymentlogos h3 {
    margin: 20px 0 20px 0;
    padding: 0;
}

#paymentlogos p {
	font-size: 1.2em;	
}

#browseby {
	float: left;
	display: inline;
	width: 310px;
	margin: 5px;
}

#browseby h3 {
    margin: 20px 0 20px 20px;
    padding: 0;
}

#browseby ul {
	line-height: 16px;
	font-size: 1.2em;
	margin: 20px 0 20px 20px;
}

#browseby p {
    margin: 20px 0 20px 20px;
    font-size: 1.2em;
}


#content-fade {
	float: left;
	display: inline;
	width: 960px;
	background:url(../img/all/content-bottom-fade.gif) repeat-x;
	height: 65px;
}

#footer {
	float: left;
	display: inline;
	width: 966px;
	background: url(../img/all/footer-bg.png) repeat-y;
	padding: 0 3px 10px 3px;
	margin: 0;
}

#fancythat {
	float: left;
	display: inline;
	width: 310px;
	margin: 5px;
	color: #fff;
}

#fancythat p {
	line-height: 16px;
	font-size: 1.2em;
}

#sitelinks {
	float: left;
	display: inline;
	width: 310px;
	margin: 5px;
	color: #fff;
}

#sitelinks ul {
	line-height: 16px;
	font-size: 1.2em;
}

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

#sitelinks a:hover {
	text-decoration: underline;	
}

#contactdetails {
	float: left;
	display: inline;
	width: 310px;
	margin: 5px;
	color: #fff;
}

#contactdetails p {
	line-height: 16px;
	font-size: 1.2em;
	
}


#copyright {
	float: left;
	display: inline;
	width: 966px;
	background:url(../img/all/container-bottom.png) no-repeat;
	color: #440704;
	padding: 21px 0 10px 10px;
	line-height: 16px;
}

#copyright a {
	color: #440704;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;	
}

/* Category Page */

#sidemenu {
	float: left;
	display: inline;
	width: 230px;
	margin: 0 5px 0 5px;
	background: #fff;
}

#sidemenu h3 {
	color: #333;
	margin: 10px;
}

#sidemenu ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

#sidemenu li {
	font-size: 1.2em;	
	line-height: 20px;
	
}

#sidemenu li a {
	text-decoration: none;
	display: block;
}

#sidemenu li a:hover {
	background: #A9273F;
	color: #fff;
}

#sidemenu p {
	margin: 10px;	
}

#sidemenu img {
	margin: 10px;
}

/* Left Content */

#leftcontent {
	float: left;
	display: inline;
	width: 720px;
	font-size: 1.2em;
}

#leftcontent h1, #leftcontent  h2, #leftcontent h3 , #leftcontent  h4, #leftcontent  h5, #leftcontent h6, #leftcontent p, #leftcontent span, #leftcontent li {
    color: #333;
}

#leftcontent h1 {
	margin: 5px 5px 10px 5px;
}

#leftcontent h2 {
    margin: 5px 5px 8px 5px;
}

#leftcontent h3 {
    margin: 5px 5px 6px 5px;
}

#leftcontent h4, #leftcontent h5, #leftcontent h6 {
    margin: 5px;
}


#leftcontent p {
	line-height: 16px;
	padding: 5px;
}

#leftcontent span {
	line-height: 16px;
    margin: 5px;
}

/* Left Content */

.category {
	float: left;
	display: inline;
	width: 170px;
	height: 200px;
	margin: 5px;
	background: #fff;
}

.category_image {
	float: left;
	display: inline;
	padding: 0;
	width: 170px;
	height: 145px;
	padding: 0;
    border: 1px solid #ccc;
}

.category_image img {
	float: left;
	display: inline;
	border: none;
	width: 100px;
	height: 145px;
	margin: 0px 34px 10px 34px;
	
}

.category .header {
    float: left;
	display: inline;
	margin: 2px 0 0 0;
	width: 170px;
}

.category .header h2 {
    text-align: center;
    font-size: 1.2em;
}

.category a {
	text-decoration: none;	
}

.products {
	float: left;
	display: inline;
	width: 168px;
	height: 198px;
	margin: 5px;
	background: #fff;
	padding: 0;
}

.product-heading {
    float: left;
	display: inline;
	width: 170px;
    height: 40px;
    text-align: center;
}

.products h4 {
	font-size: 1.2em;
}

.products img {
	border: none;
	width: 100px;
	margin: 0px 34px 10px 34px;
	padding: 0;
}

.products a {
	text-decoration: none;	
}

/* Product Page */

#productimage {
    float: left;
    display: inline;
    width: 360px; 
}

#productimage img {
    width: 300px;
    border: 1px solid #ccc;
}

#productimage .enlarge {
    height: 14px;
    width: 14px;
    border: 0px;
}

#productdescription {
    float: left;
    display: inline;
    width: 360px; 
}

#productdescription #quantity {
    color: #333;
}   

#productdescription  .price {
    font-weight: 700;
}

#productdescription  .price span {
    color: #C72E4D;
    font-size: 1.4em;
}

#productdescription #addtocart {
    float: left;
    display: inline;
    background: #eee;
    border: 1px solid #ccc;
    width: 220px;
    padding: 10px;
    margin: 0 10px 0 4px;
}

#productdescription ul {
    list-style-type: none;
}

#productdescription #addtocart #instructions {
    float: left;
    display: inline;
    width: 200px;
}

#validatequantity, #validateinput, #addtobasket {
    float: left;
    display: inline;
    height: 20px;
}

#validateinput {
    position: relative;
    bottom: 20px;
}

#addtobasket {
    position: relative;
    bottom: 20px;
}


.associated_products {
    float: left;
    display: inline;
    width: 228px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 5px;
}

.associated_products h2 {
    font-size: 1.2em;
}


/* Search Page */

.search_result {
   float: left;
   display: inline;
   width: 710px;
   padding: 10px 0 10px 0;
   border-bottom: 2px solid #eee;
}

.search_result_left {
    float: left;
    display: inline;
    width: 100px
}

.search_result_right {
    float: right;
    display: inline;
    width: 610px;
}

/* Basket */

#checkout_button {
    float: right;
    display: inline;
    margin: 0 10px 0 0;
}