/*---------- Presentation Stylesheet ------------ */
/*                 Assault Kites                  */
/*       Created By Ben Stewart - Aug 2008        */

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:15px;
 color: #fff;
 margin: 0px auto;
}
* {
 margin:0;
 padding:0;
}
html {
 height:100%;
 margin-bottom:1px; /* keeps a vertical scrollbar on all pages */
}
h1, h2, h3 {
 font-weight:bold;
 color: #fff;
 margin: 0;
 text-transform:uppercase;
 padding:5px 0 15px 0;
}
h1 {
 font-size:20px;
 text-transform:none;
}
h2 {
 font-size:15px;
 padding:5px 0 10px 0;
}
h3 {
 font-size:12px;
}
ul {
 margin: 10px 10px 10px 20px;
}
li {
 margin:0px;
 font-size:12px;
 text-align:justify;
 list-style: disc;
 padding:0 0 5px 0px;
}
p {
 padding: 5px 0;
}
a {
 border:none;
 color: #fff;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:active {
 outline: none;
}
a:focus {
 -moz-outline-style: none;
}
hr {
 height:1px;
 background-color: #fff;
 border: 1px solid #fff;
 margin-bottom: 10px;
}
img.Image_left {
 float: left;
 margin: 15px;
}
img.Image_right {
 float: right;
 margin: 15px;
}
img.Image_centre {
 margin: 0 auto 15px auto;
}
body {
 background-color: #000;
 color: #fff;
 margin: 0px auto;
 width:100%;
}
#container {
 text-align:left;
 background:url(assets/content_bg.jpg) repeat-y center;
 width:800px;
 margin:0 auto;
}
/********* HEADER ************/
#search {
 height:30px;
 text-align:right;
 overflow:hidden;
 padding-top:70px;
 color:#000;
 background:#000;
}
.searchbox {
 background: url(assets/searchbox.png) no-repeat top;
 border:0;
 height:20px;
 width:147px;
 padding: 3px 0 0 10px;
}
.searchbutton {
 background:url(assets/searchbutton.png) no-repeat top;
 height:20px;
 width:28px;
 border:0;
 padding:0;
}
#headwrap {
 background: url(assets/top.jpg) no-repeat center top;
}
#header {
 height:160px;
 text-align:center;
}
#header img {
 margin:0 auto;
 border:0;
}
#MenuBanner {
 height:298px;
 /*background: url(assets/menu_image_kelby_tay.jpg) no-repeat center;*/
}
#topnav {
 height:38px;
 margin: 0 12px 0 13px;
 background: url(assets/menu_bg.png);
 text-align:left;
 border:1px solid #5d656e;
}

/********* CONTENT ************/
#wrapper {
 background: url(assets/bottom.jpg) no-repeat center bottom;
 padding: 15px 15px 5px 15px;
}
.contentHead {
 background:url(assets/contentHead_bg_3col.png) no-repeat top center;
 text-transform:uppercase;
 height:17px;
 font-size:11px;
 padding:3px 0 0 10px;
 margin:0 -10px 15px -10px;
}
#Content .contentHead {
 background:url(assets/contentHead_bg_1col.png) no-repeat top center;
}
#contentclear {
 clear:both;
}
#contentclearLine {
 background:url(assets/bottom_line.png) no-repeat center center;
 clear:both;
 height:20px;
}
/********* 3 COL CONTENT ************/
#centreContent {
 padding: 0px 20px 15px 20px;
 margin: 0 260px;
 background: url(assets/product_outline_3col.png) no-repeat center bottom;
}
#leftColumn {
 float:left;
 width:220px;
 padding: 0px 20px 15px 20px;
 background: url(assets/product_outline_3col.png) no-repeat center bottom;
}
#rightColumn {
 float:right;
 width:220px;
 padding: 0px 20px 15px 20px;
 background: url(assets/product_outline_3col.png) no-repeat center bottom;
}
/********* 2 COL CONTENT ************/
.rightContent {
 float:right;
 padding: 0px 20px 15px 20px;
 width:470px;
}
.rightNewsContent {
 padding-bottom: 15px;
 margin-bottom:10px;
 background:url(assets/bottom_line_news.png) no-repeat bottom;
}
.newsHead {
 color:#ff0000;
 text-transform:uppercase;
 width:100%;
 padding-bottom:8px;
 margin-bottom:8px;
/* height:20px;  remove the height because long headings on two lines run over */
 font-size:14px;
 font-weight:bold;
 background:url(assets/bottom_line_news.png) no-repeat bottom;
}
.newsHead a {
 color:#ff0000;
 text-transform:uppercase;
}
.date {
 color:#fff;
}
/********* CATEGORY PRODUCT LISTING ************/
#Content {
 padding: 0px 10px 15px 10px;
}
.catProductBox {
 float:left;
 padding: 20px 25px 20px 5px;
 width:344px;
 height:163px;
 border: 1px solid #393939;
 border-width: 0 1px 1px 0;
}
.catProductBoxText {
 float:right;
 width:220px;
 padding: 0px;
}
.catProductTitle {
 color:#ff0000;
 text-transform:uppercase;
 width:100%;
 padding-bottom:8px;
 margin-bottom:8px;
 height:40px; /* removed the height for the long titles */
 font-size:12px;
 background:url(assets/bottom_line_product.png) no-repeat bottom;
}
.productPrice {
 font-size:12px;
 margin-bottom:12px;
}
a.moreInfo {
 font-size:12px;
 vertical-align:bottom;
 float:left;
 color:#ff0000;
 text-decoration:none;
}
a.moreInfo:hover {
 text-decoration: underline;
}
.enquire {
 float:right;
}
.rightprod {
 border-width: 0 0px 1px 0;
}
.productThumb {
 float:left;
 width:100px;
 height:130px;
 padding-left:10px;
}
/********* PAGINATION ************/
#display-category-products-pagination {
 margin: 0px 0px 5px 0px;
 float:right;
}
#display-category-products-pagination span {
 padding: 3px;
}
.display-category-products-pagination-selected {
 font-weight: bold;
 padding: 2px;
}
.display-category-products-pagination-selected a:link,
.display-category-products-pagination-selected a:visited {
 text-decoration: none;
 color:#ff0000;
}
/********* INDIVIDUAL PRODUCT LISTING ************/
.indProductBox {
 padding: 20px 25px 20px 5px;
 background: url(assets/product_outline_indprod.png) no-repeat center bottom;
 width:720px;
}
.indProductBoxText {
 float:right;
 width:440px;
 padding: 0px;
}
.indProductTitle {
 color:#ff0000;
 text-transform:uppercase;
 width:100%;
 padding-bottom:8px;
 margin-bottom:8px;
 height:20px;
 font-size:14px;
 background:url(assets/bottom_line_indProduct.png) no-repeat bottom;
}
.indProductAttributes {
 margin-top:30px;
}
.indProductPrice {
 font-size:14px;
 margin-top:30px;
}
.enquire {
 float:right;
}
.productImage {
 float:left;
 width:250px;
 height:325px;
 padding-left:10px;
}

/********* FOOTER ************/
#footer {
 clear:both;
 width:100%;
 background: #000;
 color: #FFF;
}
#footer p {
 margin:0;
 padding:15px 5px;
 font-size:9px;
 text-align:right;
}
#footer a {
 color:#fff;
 text-decoration:none;
}
#footer a:hover {
 text-decoration: underline;
}
/*------------- Contact Form --------------*/

div.contactForm {
	width:400px;
	padding: 0px;
	margin: 30px;
}
div.row {
	clear: both;
	padding-top: 5px;
	vertical-align: middle;
}
div.row span.label {
	float: left;
	width: 140px;
	text-align: right;
	padding:0px 10px 0px 0px;
}
div.row span.formw {
	float: right;
	width: 210px;
	text-align: left;
}
input, textarea, .button, .go {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:143px;
	background:url(assets/textinput_bg.png) no-repeat;
	border:0;
	padding-left: 5px;
	height:16px;
}
textarea {
	background:url(assets/textarea_bg.png) no-repeat;
	padding-right: 10px;
	width:205px;
	height:44px;
}
div.row span.formw textarea {
}
div.spacer {
	clear: both;
}
.go{
  width:25px;
  cursor:pointer;
}
.button{
  width:62px;
  height:20px;
  background:url(assets/submit.png) no-repeat;
  cursor:pointer;
  border:0;
}