/* HTML Elements */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	background: #dadada url(images/bgnd-mainpage.gif) repeat-y left;
	color: #010101;
	font: 10px/11px verdana, arial, helvetica, sans-serif;
}
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6 {
	font: 10px/11px verdana, arial, helvetica, sans-serif;
	/* Netscape 4&IE5 doesn't really like type tags just set in the body, this helps */
	margin: 0 0 0 0; /* removes unpridictable 'browser default' settings */
	padding: 0 0 0 0; /* " " */
}

img {
	border: 0 none;
}

p {
	text-align: left; /* IE5Win bug, if no alignment is presented the text may center */
	margin: 0 0 1em 0;
}
form {
	margin: 0 0 0 0;
}
table {
	border: 0;
}

td img {
	display: block; /* Images that are in tables will always be block level */
}
 /* Link Elements must be in this order*/
a:link, a:visited, a:active {
	color: #371c15;
	text-decoration: underline;
}

a:hover {
	color: #7d0d0d;
	text-decoration: none;
}

br.clear {
	clear: both;
}

/*----css layout elements----*/
.print-logo {
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: none;
}
/* sidebar */
#sidebar {
 width: 191px;
 min-height: 100%;
 float: left;
 position:relative;
}
* html #sidebar{height:100%}
#sidebar #cata {
	width: 173px;
	height: auto;
	background: url(images/sidebar/sidebar-cata-fill.jpg) repeat-y center;
	margin: 5px 0 5px 8px
}
#sidebar img.logo {
	width: 155px;
	height: 90px;
	margin: 10px 0 10px 16px;
}

#sidebar ul {
	list-style: none;
	font: 10px/12px verdana, arial, helvetica, sans-serif;
	margin: 5px 0 5px 22px
}
#sidebar ul li {
	margin: 3px 0 3px 0;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	color: #ffffda;
	text-decoration: none;
}
#sidebar ul li a:hover {
	color: #ffffda;
	text-decoration: underline;
}
#sidebar #cata h1 {
	padding:9px 0 0 10px;
	display: block;
	background: url(images/sidebar/sidebar-cala-head.jpg) no-repeat top;
}
#sidebar #cata h1 span {
	position: absolute; 
	background: url(images/sidebar/sidebar-cata-h1.jpg) no-repeat;
	float: left;
	width: 153px;
	height: 9px;
}

.under_wrapper	{
			height:70px;
			width:400px;
			}
			
.under_log	{
		width:60px;
		height:50px;
		float:left;
		}
		
.under_copy	{
			width:320px;
			height:50px;
			float:right;
			text-transform:uppercase;
			color:#FF0000;
			font-size:12px;
			font-weight:bold;
			padding:10px;
			}
			
.under_copy2	{
			width:400px;
			height:auto;
			float:left;
			color:#FF0000;
			font-size:12px;
			font-weight:bold;
			padding:10px;
			}			

#sidebar #cata ul {
	display: block;
	padding-left: 13px;
	padding-bottom: 5px;
	margin-left: 0;
	margin-bottom: 0;
	background: url(images/sidebar/sidebar-cata-foot.jpg) no-repeat bottom;
}
#sidebar ul.lastlist{padding-bottom:185px; /*170*/}
#sidebar #patch {
 width: 173px;
 height: 144px; /*94*/
 margin: 0;
 background: url(images/sidebar/sidebar-pat-fill.gif) repeat-y top;
 font: 9px verdana, arial, helvetica, sans-serif;
 bottom: 25px;
 left:8px;
 position: absolute;
}

#sidebar #patch p {
	display: block;
	background: url(images/sidebar/sidebar-pat-head.gif) no-repeat top;
	color: #371c15;
	padding: 12px 0 0 15px; /*12px*/
	margin-bottom: 0px;
	line-height: 14px;
}
#sidebar #patch p img {
	margin: 0 0 6px 10px;
}
#sidebar #patch .d4h { 
	display: block;
	color: #cccc8a;
	padding: 0 0 13px 15px;
	background: url(images/sidebar/sidebar-pat-foot.gif) no-repeat bottom; 
}
#sidebar #patch a:link,  #sidebar #patch a:visited,  #sidebar #patch a:active {
	color: #371c15;
	text-decoration: underline;
}
#sidebar #patch .d4h a:link, #sidebar #patch .d4h a:visited, #sidebar #patch .d4h a:active {
	color: #cccc8a;
	text-decoration: none;
}
#sidebar #patch a:hover, #sidebar #patch .d4h a:hover {
	color: #7d0d0d;
	text-decoration: none;
}

/* Main */
.alt-rules {
	clear: both;
	background: url(images/inbox-rule.gif) no-repeat center;
	height: 20px;
	margin-top: 7px;
	display: block;
	overflow:hidden;
}
#main-box {
	width: 583px;
	height: auto;
	float: left;
	background: #ffffda url(images/box/box-fill.jpg) repeat-y left;
}
#main-box #boxhead {
	display: block;
	height: 30px;
	background: url(images/box/box-top.jpg) no-repeat top left;
}
/* homepage offers section */
#main-box #offers {
	padding:0 0 0 29px;
}
#main-box #offers h1 {
	display: block;
}
#main-box #offers h1 span {
	position: absolute; 
	background: url(images/offers-head.jpg) no-repeat;
	float: left;
	width: 525px;
	height: 34px;
}

#main-box #offers .offerbox { 
	background: url(images/offer-imgborder.jpg) no-repeat top;
	width: 98px;
	height: 121px;
	float: left;
	margin: 20px 0 0 25px;
	display: inline;
	position: relative;
}
#main-box #offers .offerbox .imgcont {/* hide in print css*/
	width: 82px;
	height: 60px;
	margin: 8px auto 0 auto;
	border: 1px solid #cdcda0;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: White;
}

#main-box #offers .offerbox img {/* Display in print css*/
display: none;
width: 1px;
height: 1px;
}
#main-box #offers .offerbox p { 
	font-weight: bold;
	margin: 14px 7px 0 7px;
}
#main-box #offers .offerbox p .price {
	color: #7d0000;
}
/*main section*/
 #main-box h2.cats {
	margin: 2px 0 10px 0;
	display: block;
	text-align: left;
	font: normal 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#main-box #boxcont {
	display: block;
	margin: 0 45px 5px 45px;
}
#main-box #boxcont img.right{
display: inline;
	float: right;
}
#main-box #boxcont h1.welcome {
	display: block;
	margin:0 0 60px 5px;
}
#main-box #boxcont h1.welcome span {
	position: absolute; 
	background: url(images/box-logohead.gif) no-repeat;
	float: left;
	width: 279px;
	height: 66px;
}
#main-box #boxcont #cata-section .block {
	margin-left: 9px;
	margin-bottom: 5px;
	width: 110px;
	float: left;
}
#main-box #boxcont #cata-section .block h1 {
	width: 110px;
	text-align: center;
	font-weight: bold;
	font-size: 9px;
}
#main-box #boxcont #cata-section .block img {
	margin: 5px auto 0 auto;
	border: 1px solid #cdcda0;
	width: 93px; /*90*/
	height: 66px; /*67*/
}
#main-box #boxcont #cata-section .alt-rules {
	height: 10px;
	margin-top: 0;
}
#main-box #boxcont ul {
	margin: 8px 0 10px 15px;
}
#main-box #boxcont ul li {
	margin-top: 6px;
	list-style: disc outside;
}
#main-box #boxcont ol li {
	margin-top: 6px;
	list-style: decimal inside;
	list-style-type: decimal;
}
#main-box #boxcont #cata-section .block a:link, #main-box #boxcont #cata-section .block a:visited, #main-box #boxcont #cata-section .block a:active,
#main-box #offers .offerbox p a:link, #main-box #offers .offerbox p a:visited, #main-box #offers .offerbox p .block a:active {
	color: #371c15;
	text-decoration: none;
}
#main-box #boxcont #cata-section .block a:hover,
#main-box #offers .offerbox p a:hover {
	color: #7d0d0d;
	text-decoration: underline;
}
/* cond's of sale page */
#main-box #boxcont ol li table {
width: 300px;
	margin: 5px auto 5px auto;
}
#main-box #boxcont ol li table td {
	border-width: 0 0 0 0;
	padding: 4px 3px 4px 3px;
	border-bottom: 1px solid #8B4513;
}
/* Catalouge list */
.butleft {
	float: left;
	margin: 5px 10px 0 0;
}
.butright {
	float: right;
	margin: 5px 0 0 10px;
}
.listblock {
	display: block;
	background: url(images/inbox-rule.gif) no-repeat bottom;
	height: 90px;
	clear: both;
}
#main-box #boxcont .listblock span.item {/* hide in print css*/
	width: 84px;
	height: 84px;
	border: 1px solid #cdcda0;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	background-color: White;
}
#main-box #boxcont .listblock a span.item {
	text-decoration: none;
}
#main-box #boxcont .listblock img.item {/* Display in print css*/
	display: none;
	overflow: hidden;
	width: 1px; height: 1px;
	float: left;
}
#main-box #boxcont .listblock h2 {
	margin: 0 0 0 94px;
	display: block;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main-box #boxcont .listblock h3 {
	margin: 2px 0 5px 94px;
	display: block;
	font: normal 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main-box #boxcont .listblock span.price {
	display: inline;
	margin: 5px 0 0 5px;
	color: #7d0000;
	font-weight: bold;
	font-size: 13px;
}
#main-box #boxcont .listblock .butright {
	position: static;
	top: 75px;
}
#main-box #boxcont .listblock .addtoorder {
	width:102px; 
	height:16px; 
	border-width:0;
}
/* Catalouge details page */
#main-box #boxcont #prod-details img.item {/* Display in print css*/
	float: right;
	display: none;
	overflow: hidden;
	width: 1px; height: 1px;
}
#main-box #boxcont #prod-details h2 { /*brand name*/
	margin: 0 0 0 4px;
	display: block;
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #7d0000;
}
#main-box #boxcont #prod-details h3 {/*Product name*/
	margin: 2px 0 5px 4px;
	display: block;
	font: normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #7d0000;
}
#main-box #boxcont #prod-details p {
	width: 235px;
	clear: left;
	display: inline;
	float: left;
}
#main-box #boxcont #prod-details ol, #main-box #boxcont #prod-details ul {
	margin-bottom: 15px;
}
#main-box #boxcont #prod-details ol li{ 
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}
#main-box #boxcont #prod-details li {
	clear: left;
}
#main-box #boxcont #prod-details div#prodimage-cont {/* hide in print css*/
	width: 250px;
	height: 250px;
	border: 1px solid #cdcda0;
	float: right;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: White;
}
#main-box #boxcont #prod-details span.price {
	clear: both;
	float: right;
	margin: 5px 0 0 5px;
	color: #7d0000;
	font-weight: bold;
	font-size: 13px;
}
#main-box #boxcont #prod-details p.quant {
	clear: both;
	display: inline;
	color: #7d0000;
	font-weight: bold;
	font-size: 11px;
}
#main-box #boxcont #prod-details input#quant {
	width: 40px
}
/* Basket/Payment pages */
#boxcont table.basket {
	width: 100%;
	border: 1px solid #ddd4b5;
	margin: 0 0 0 0;
}
#boxcont table.basket tr.baskethead td {
	border-bottom: 1px solid #ddd4b5;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}
#boxcont table.basket tr.basketcont td {
	text-align: center;
	vertical-align: top;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ddd4b5;
	border-right: 1px solid #ddd4b5;
}
#boxcont table.basket tr.basketcont td.x {
	border-right: 0 none;
}
#boxcont table.basket tr.basketcont td #quant {
	width: 40px
}
#boxcont table.basket tr.basketfoot td {
	background-color: #ddd4b5;
	text-align: center;
	font-size: 12px;
	padding: 2px 0 2px 0;
}


/*location Map*/
#mapcont {
	margin: 10px 0 5px 10px;
	width: 365px;
	height: 311px;
	background: url(images/mapbgnd.gif) no-repeat center;
	display: block;
}

#mapcont #flashmap {
	padding: 9px 0 0 10px;
}
/*Contact Form*/
.multiline-field {
	width: 202px;
	height: 98px;
   margin: 3px 0 2px 0;
	padding: 0 0 0 0;
	display: inline;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#form-container {
	float: left;
	width: 490px;
}
#form-container form p, form#formname #form-container p{
	clear: both;
	margin: 3px 0 2px 0;
}
#form-container form p label, form#formname #form-container p label{
  float: left;
  width: 29%;
  text-align: right;
  margin-top: 5px;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 70%;
  text-align: left;
}
.singleline-field {
	width: 200px;
	height: 14px;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 3px 0 2px 0;
	padding: 0 0 0 0;
	display: inline;
}
select.singleline-field {
	width: 206px;
	height: 20px;
}
.darktxt {
	color: #7d0000;
}

/*News page */
#main-box #boxcont .newshead {
	display: block;
	clear: both;
	background: url(images/inbox-rule.gif) no-repeat top;
	height: 30px;
}
.newshead a.toggle {
	font: bold 13px/25px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.newshead a.toggle:link, .newshead a.toggle:visited, .newshead a.toggle:active  {
	color: #7D0000;
	text-decoration: none;
}
.newshead a.toggle:hover {
	color: Black;
	text-decoration: underline;
}
#main-box #boxcont .newsimage {/* hide in print css*/
	width: 250px;
	height: 250px;
	border: 1px solid #cdcda0;
	float: right;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: White;
}
#main-box #boxcont img.newspicprint {/* Display in print css*/
	float: right;
	display: none;
	overflow: hidden;
	width: 1px; height: 1px;
}

/* Flash Txt Replace */
#boxcont h1.replace-cata, #boxcont h1.replace-cata-root { font-size: 18px; line-height: 22px; }
#boxcont h1.replace-catahead, #boxcont h1.replace-catahead-root { font-size: 20px; line-height: 24px; }
/* Box foot (it encloses evrything else so it's here at the end*/
#main-box #boxfoot {
	display: block;
	height: 30px;
	background: url(images/box/box-foot.jpg) no-repeat top left;
	clear: both;
}
/* All code (C)  Designed4hits 2006, Antony Ellam*/