/* BlackOrange CSS */

body {
	background-color: #000;
	color: #ccc;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {margin: 0;}
img {border: 0;}
a {text-decoration: none; color: #ccc;}
a:hover {text-decoration: underline;}

textarea {border: 1px solid #000; background-color: #fff; color: #000; padding: 2px;}
input.txtfield {
	border: 1px solid #000;
	background-color: #fff;
	padding: 0 2px;
}

.clearBoth {clear: both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.doShow {}
.doHide {display: none;}

.ac {margin: 0;}
p.ac img {margin: 5px 0 0 0;}

#wrapper {
	width: 762px;
	margin: 0 auto;
	position: relative;
}

#header {
	background-image: url(/kent/header_bg.jpg);
	background-repeat: no-repeat;
	width: 762px;
	height: 104px;
	border-bottom: 1px solid #666;
}
#header #logo {
	float: left;
	padding: 31px 0 0 12px;
	padding: 27px 0 0 15px;
}

#header #warrant {
	float: right;
	padding: 11px 12px 0 0;
}

#topNav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 29px;
}

#topNav ul li {
	float: left;
	height: 21px;
	padding-right: 1px;
	text-indent: -2000px;
	overflow: hidden;
}

#topNav li a {background-repeat: no-repeat; display: block; height: 21px;}
#topNav li a:hover {background-position: 0 -21px;}

#nvNews a	{width: 39px; background-image: url(/navbar/news.gif);}
#nvAbout a	{width: 45px; background-image: url(/navbar/about.gif);}
#nvAdvice a	{width: 49px; background-image: url(/navbar/advice.gif);}
#nvCatalogue a	{width: 70px; background-image: url(/navbar/catalogue.gif);}
#nvStockist a	{width: 64px; background-image: url(/navbar/find_a_stockist.gif);}
#nvContact a	{width: 56px; background-image: url(/navbar/contact.gif);}
#nvGallery a	{width: 55px; background-image: url(/navbar/gallery.gif);}
#nvTrade a	{width: 83px; background-image: url(/navbar/trade.gif);}


#aboutSubNav, #adviceSubNav {height: 30px;}
#aboutSubNav ul, #adviceSubNav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 29px;
}
#aboutSubNav ul li, #adviceSubNav ul li {
	float: left;
	height: 21px;
	padding-right: 1px;
	text-indent: -2000px;
	overflow: hidden;
}
#aboutSubNav li a, #adviceSubNav li a {background-repeat: no-repeat; display: block; height: 22px;}
#aboutSubNav li a:hover, #adviceSubNav li a:hover {background-position: 0 -22px;}
#sbnvAbout a	{width: 47px; background-image: url(/kent/about/about.gif);}
#sbnvRoyal a	{width: 123px; background-image: url(/kent/about/royal.gif);}
#sbnvFacts a	{width: 74px; background-image: url(/kent/about/facts.gif);}
#sbnvTrib a	{width: 106px; background-image: url(/kent/about/tributes.gif);}
#sbnvPress a	{width: 45px; background-image: url(/kent/about/press.gif);}
#sbnvGreen a	{width: 91px; background-image: url(/kent/about/green.gif);}
#sbnvWet a	{width: 117px; background-image: url(/kent/advice/wet.gif);}
#sbnvFaq a	{width: 36px; background-image: url(/kent/advice/faq.gif);}
#sbnvRepair a	{width: 89px; background-image: url(/kent/advice/repair.gif);}
#sbnvBadger a	{width: 187px; background-image: url(/kent/advice/badger.gif);}
#sbnvStyles a	{width: 175px; background-image: url(/kent/advice/hairstyles.gif);}


#basket {
	font-size: 70%;
	padding-top: 3px;
	float: right;
}

#basket #flags {margin-right: 3px;}
#basket #flags img {margin-right: 3px;}
#curUSD, #curEUR, #curGBP {border: 1px solid #000;}

#basket .basketPrice {color: #E50000;}
#basket a {color: #ccc; text-decoration: none;}

#main {
	clear: both;
	background: #000 url(/kent/yellow_line.gif) repeat-x 0 29px;
}

#navigation {
	width: 135px;
	float: left;
}

#selectRangeForm {
	padding-bottom: 8px;
	background-color: #222;
	background: #222 url(/kent/yellow_line.gif) repeat-x 0 29px;
}
#selectRangeForm select {
	width: 135px;
	background-color: #999;
}

#nvCategories {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	background: #222 url(/kent/left_bottom.gif) no-repeat bottom left;
	width: 135px;
}

#nvCategories a {
	font-size: 70%;
	display: block;
	width: 129px;
	padding: 2px 0 2px 6px;
	color: #ccc;
}
#nvCategories a:hover {
	background-color: #e50000;
	color: #fff;
	text-decoration: none;
}
#nvCategories .nvSubCat {display: none;}

#nvCategories li ul {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
#nvCategories li ul li a {
	padding: 2px 0 2px 14px;
	width: 121px;
	color: #fff;
}
#nvCategories li ul li a:hover {
	background: #000 url(/kent/subnav_arrow.gif) no-repeat top left;
	color: #fff;
}

#pickAKentBanner {margin-top: 4px;}
#siteSearch, #top5, #promotionCode {
	margin-top: 4px;
	width: 135px;
	padding-bottom: 5px;
	background: #5d5d5d url(/kent/left_bottom.gif) no-repeat bottom left;
}

#siteSearch form, #promotionCode form {
	margin: 0;
	padding: 5px;
}
.pagingNumbers {
	padding: 5px 0;
	float: right;
}

.leftHeading {
	background-image: url(/kent/h3_bg.gif);
	background-repeat: repeat-x;
	background-color: #454545;
}
.leftHeading h3 {
	text-transform: uppercase;
	color: #e50000;
	font-size: 65%;
	padding: 6px;
	margin: 0;
	text-indent: -2000px;
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

#siteSearch h3 {background-image: url(/kent/site_search.gif);}
#top5 h3 {background-image: url(/kent/top_5_sellers.gif);}
#promotionCode h3 {background-image: url(/kent/promotion_code.gif);}

#siteSearch input.typeText, #promotionCode input.typeText {
	border: 1px solid #444;
	background-color: #999;
	color: #333;
	width: 119px;
	padding-left: 3px;
}

#siteSearch input.typeImage, #promotionCode input.typeImage {
	padding: 3px 0 0 71px;
}

.topSeller {height: 45px; margin: 5px; border-bottom: 1px solid #7A7A7A;}
.topSeller p {margin: 0 0 0 45px;}
.topSeller img {float: left;}
#top5 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#top5 li {
	/* background-image: url(/kent/arrow_top5.gif); */
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 9px 5px 0 05px;
}
#top5 li.top {
	/* background-image: url(/kent/arrow_top5_top.gif); */
	padding-top: 5px;
}

#top5 a {
	color: #ccc;
	font-size: 70%;
}

#homeBannerLeft {margin-top: 5px;}

.homeSq {border: 1px solid #5d5d5d;}



#mainContent {
	margin-left: 142px;
	font-size: 75%;
	line-height: 125%;
	color: #ccc;
}
#mainContent h1 {font-size: 130%;}
#mainContent h2 {font-size: 100%;}

#homeBannerFlash {margin: -34px -3px 10px 0;}
#rangeFlash {margin: 0 -3px 10px 0;}


#homeBanner {
	padding: 0;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: 324px;
	float: left;
}
#subBanners h2 {
	margin: 0 0 0 8px;
	width: 201px;
	height: 162px;
	float: left;
	background-color: #191919;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 80%;
}
#subBanners h2.sb_first {margin-left: 0;}

#sb_spc, #sb_kfm, #sb_tmub {width: 181px; height: 162px; background-position: bottom left;}
#sb_spc  {background-image: url(/home/spc.gif);}
#sb_kfm  {background-image: url(/home/kfm.gif);}
#sb_tmub {background-image: url(/home/tmub.gif);}

#sb_spc a, #sb_kfm a, #sb_tmub a {
	background-repeat: no-repeat;
	display: block;
	width: 201px;
	height: 162px;
	text-indent: -3000px;
}
#sb_spc a {background-image: url(/home/spc.jpg);}
#sb_kfm a {background-image: url(/home/kfm.jpg);}
#sb_tmub a {background-image: url(/home/tmub.jpg);}
#sb_spc a:hover {background-image: url(/home/spc_on.jpg);}
#sb_kfm a:hover {background-image: url(/home/kfm_on.jpg);}
#sb_tmub a:hover {background-image: url(/home/tmub_on.jpg);}


.homeBoxes {
	width: 201px;
	font-size: 80%;
	float: left;
	position: relative;
	margin: 8px 0 0 8px;
}
.hbFirst {margin-left: 0;}

.homeBoxes .desc {position: absolute; top: 0px; left: 109px;}
.homeBoxes .view {position: absolute; bottom: 3px; left: 109px;}
.homeBoxes a {color: #fff; font-weight: bold;}

.homeRow {
	float: left; display: inline; width: 100%;
	margin: 10px 0 0 0;
}
.homeMini {
	width: 201px;
	float: left;
	margin-right: 8px;
}
.theRight {margin-right: 0;}
.homeMini img {float: left; margin-right: 5px;}

#footer {
	clear: both;
	margin-top: 30px;
	border-bottom: 1px solid #333;
}
#footerBox {
	background-color: #191919;
	padding: 5px 10px;
}
#serviceNumber {float: left; margin: 12px 0 0 12px;}
#ffbh {float: left; margin: 5px 10px;}

#mailingList {
	float: left;
	width: 465px;
	background-image: url(/kent/footer_line.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

#footerBox h3 {
	background-image: url(/kent/join_our_mailing_list.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	text-indent: -2000px;
	text-transform: uppercase;
	color: #e50000;
	font-size: 65%;
	padding: 6px 0;
	margin: 0;
}

#footerBox .listInput {
	font-size: 75%;
	float: left;
	margin-right: 10px;
	display: inline;
}
#footerBox .typeImage {margin: 6px 0;}

#footerBox .typeText {
	background-color: #929292;
	color: #333;
	border: 1px solid #444;
	margin: 6px 0;
	padding-left: 3px;
	width: 180px;
}

#footerNav {
	background-image: url(/kent/footer_line.gif);
	background-repeat: repeat-y;
	background-position: top left;
	float: right;
	margin: 0;
	padding: 0 0 0 16px;
	list-style-type: none;
}
#footerNav li {text-align: right; line-height: 100%;}
#footerNav a {
	color: #ccc;
	font-size: 70%;
}


#copyright {
	color: #ccc;
	font-size: 70%;
	text-align: right;
	margin: 10px 0;
}


.breadcrumb {
	font-size: 95%;
	margin: 0 0 15px 0;
	line-height: 20px;
}
.breadcrumb a {
	color: #ccc;
	font-style: italic;
}


#productDetail {
	margin-bottom: 20px;
}
#productDetail h2 {
	font-size: 100%;
	margin: 0;
}
#productDetail a {color: #ccc;}
#productDetail #theProductImage {width: 320px;}

#productDetail .price {font-weight: bold; color: #e50000;}

#productDimensions, #productZoom, #productMore {background-repeat: no-repeat; display: block; height: 22px; text-indent: -2000px; overflow: hidden; float: left;}
#productDimensions a {display: block; width: 127px; height: 22px; background-image: url(/kent/btn_dimensions.gif);}
#productZoom a {display: block; width: 61px; height: 22px; background-image: url(/kent/btn_zoom.gif);}
#productMore a {display: block; width: 112px; height: 22px; background-image: url(/kent/btn_more_images.gif);}

#productZoom a:hover, #productDimensions a:hover, #productMore a:hover {background-position: 0 -22px;}

.iconTellAFriend, .iconAskQuestion, .iconAddWishlist {
	background: #000 url(/kent/icon_plus.gif) no-repeat center left;
	padding-left: 19px;
	line-height: 150%;
}
.iconViewFurtherImages {
	background: #000 url(/kent/icon_further_images.gif) no-repeat center left;
	padding-left: 19px;
	line-height: 150%;
}


.catResultsDiv {
	float: left;
	padding-bottom: 10px;
	width: 400px;
}
.catResults {
	width: 192px;
	float: left;
}

.productSubCats {
	width: 185px;
	float: left;
	padding-bottom: 10px;
}

.middleColumn .productSubCats {padding: 0 29px;}
.middleCatColumn .catResults {padding: 0 0 0 8px;}
.middleColumn .catResults {padding: 0 31px;}

.catResults a {color: #999; text-align: left; text-transform: uppercase; font-weight: bold;}
.catResults img {margin-bottom: 5px;}

.catOuter {height: 45px; overflow: hidden; position: relative;
	background: url(/kent/cats/bg_text.gif) no-repeat 4px 12px;
	width:190px;
	border: 1px solid #999;
}
.catInner {position: absolute; top: 14px;}

.xcatOuter[class] {display: table; position: static;}
.xcatMiddle {position: absolute; top: 50%;} /* for explorer only*/
.xcatMiddle[class] {display: table-cell; vertical-align: middle; position: static;}
.xcatInner {position: relative; top: -50%} /* for explorer only */
/* optional: .catInner[class] {position: static;} */

.catTextLink a {display: block; padding-left: 28px; color: #ccc; font-size: 90%;}

.featuredProduct {float: right; border: 1px solid #666; width: 215px; padding-bottom: 20px;}
.fpTitle {padding: 12px 0 11px 10px; border-bottom: 1px solid #999; margin-bottom: 22px;}
.featuredProduct a {color: #e50000;}
.featuredProduct a img {margin-bottom: 10px;}

/* Hides from IE-mac peekaboo bug \*/
* html #main{height: 1%;}
* html #footer{height: 1%;}
/* End hide from IE-mac */

/* Clears left, without clearing left nav */
.floatclear {
	display:inline-block;
	width:100%;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
/* Hide from IE-mac \*/
	* html .floatclear {
	height:1%;
	width:auto;
}
.floatclear {
	display: table;
}
/* End hide from IE-mac */


.cartMyBasket {
	width: 99px;
	background-color: #5d5d5d;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
#cartTable {margin-top: 0;}
.cartHeaderRow td {
	background-color: #e50000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.cartDesc {
	/* background-image: url(/kent/cartTopArrow.gif); */
	background-repeat: no-repeat;
	background-position: 13px 0;
}
.cartRemoveBox {text-align: center;}
.cartQtyBox {text-align: center;}
.cartQtyBox input {
	width: 20px;
	background-color: #fff;
	border: 1px solid #000;
	text-align: center;
}
.cartRow {
	background-color: #3d3d3d;
	color: #fff;
}
.cartRow td {padding: 5px;}
.cartRowTotal {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: right;
}
.cartRowTotal td {padding: 5px;}
.cartRowTotal td.cartTotal, .cartRowTotal td.ar {
	background-color: #fff;
	color: #e50000;
	font-weight: bold;
	text-align: center;
}
td.cartTotal, td.cartTotalRowRight {text-align: right;}
.cartTitleColumn {font-weight: bold;}

.cartForm {}
.cartInfo {
	text-align: right;
	color: #e50000;
	border-top: 1px solid #e50000;
	margin: 10px 0;
	padding: 10px 0;
}

.shopCustomer {
	background-color: #000;
	color: #fff;
}
.shopCustomer th {
	background-color: #e50000;
	color: #fff;
	text-align: left;
	padding: 5px;
}
.shopCustomer td {
	background-color: #3d3d3d;
	padding: 5px;
}

.shopCustomer .txtfield {
	width: 180px;
	border: 1px solid #000;
	background-color: #fff;
}
.shopCustomer a {
	color: #e50000;
}

.yellowBanner, .highlightBanner {
	background-color: #e50000;
	color: #fff;
	padding: 5px;
	font-weight: bold;
	margin-top: 10px;
}
.highlightBanner {margin-top: 0;}
.std_table {background-color: #3d3d3d; padding: 5px;}
.std_table table {text-align: left;}
.std_table th {color: #fff;}
.std_table .txtfield {
	width: 177px;
	border: 1px solid #000;
	background-color: #fff;
	padding-left: 3px;
}
.std_table .txtfielddropdown{
	width: 180px;
	border: 1px solid #000;
	background-color: #fff;
}
.std_table .ccmm, .std_table .ccyy {width: 88px;}


h2.picheader { /* Heading style for headings with picture, e.g. shopcustomer.asp */
	background-position: 1% 50%;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333;
	font-size: 12px;
	border-top:   1px solid #ccc;
	border-left:  1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:white;
	text-align: left;
	padding: 10px 5px 10px 50px;
	margin: 0px;
}

#mainContent h1 {font-size:12px;}

.productsAlsoBars {
	padding: 6px;
	background-color: #191919;
	border-top: 1px solid #3d3d3d;
}

.ipWarning {font-size: 75%; background-color: #191919; color: #ccc; padding: 5px; margin-top: 1px;}


.displayError {
	color: #fff;
	background: #3B3B3B url(/kent/icon_em.gif) no-repeat left center;
	padding: 10px 50px;
	border-bottom: 1px solid #fff;
}

#ifShipping {
	background: #3B3B3B url(/kent/icon_em.gif) no-repeat left center;
	margin: 10px 0;
	padding: 10px 50px;
}


.contactField {border: 1px solid #666; width: 200px; background-color: #d9d9d9; padding: 2px;}

#UKStockists {
	font-size: 90%;
	margin-left: 65px;
}
#UKStockists li a:hover{
	background-color: #e50000;
	color: #fff;
	text-decoration: none;
}

.stockistTable {width: 99%;}
.stockistTable td {padding: 0 40px 10px 0;}


.newsTeaser {border-bottom: 1px solid #333; padding-bottom: 10px;}
.newsStory {border-bottom: 1px solid #f00; padding-bottom: 10px;}
.newsStory hr {
	border: none;
	border-top: 1px solid #999;
	background-color: #999;
	height: 1px;
}
.newsStory a {color: #e50000;}
.newsTeaser h3, .newsStory h3 {font-size: 100%;}

.tributes p {padding: 10px 10px 0 10px;}

#faqs h2 {color: #ccc; background: #333 url(/kent/advice/q.gif) no-repeat center left; padding: 10px 40px;}

.outstock {color: #fff; font-weight: bold; background: #000 url(/kent/icon_stock_out.gif) no-repeat center left; padding: 5px 28px;}

/* Social Bar */
#socialBar {float: left; background: #000 url(/social-media/images/bg.gif) repeat-x top left; padding: 9px 15px 0 0; width: 606px; height: 38px; margin-top: 20px;}
#socialBar h2 {margin: 0; width: 214px; height: 29px; background: transparent url(/social-media/images/kent.gif) no-repeat top left; text-indent: -5000px; overflow: hidden; float: left;}
#socialBar ul {margin: 0; padding: 0; list-style-type: none;}
#socialBar ul li {float: left; width: 29px; height: 29px; margin-right: 12px;}
#socialBar ul li a {display: block; width: 29px; height: 29px; background: transparent url(/social-media/images/icon-facebook.gif) no-repeat top left; text-indent: -5000px; overflow: hidden;}
#socialBar ul li a#sbFaceBook {background-image: url(/social-media/images/icon-facebook.gif);}
#socialBar ul li a#sbMySpace {background-image: url(/social-media/images/icon-myspace.gif);}
#socialBar ul li a#sbTwitter {background-image: url(/social-media/images/icon-twitter.gif);}
#socialBar ul li a#sbFlickr {background-image: url(/social-media/images/icon-flickr.gif);}
#socialBar ul li a#sbYouTube {background-image: url(/social-media/images/icon-youtube.gif);}

#socialBar #socialLaunch {float: right; margin: 0;}
#socialBar #socialLaunch a {display: block; width: 184px; height: 27px; background: transparent url(/social-media/images/launch.gif) no-repeat top left; text-indent: -5000px; overflow: hidden;}
#socialBar #socialLaunch a:hover {background-position: 0 -27px;}

/* Home 2009 */
#socialBanners {color: #fff; font-size: 11px; line-height: 1.2em; margin-top: 20px; height: 125px;}
#socialBanners h3 {margin: 0; height: 63px;}
#socialBanners h3 a {display: block; width: 192px; height: 57px; text-indent: -5000px; overflow: hidden;}
#socialBanners p {padding: 0 8px 0 8px; margin: 0; width: 176px;}
#socialBanners a {color: #fff; font-weight: bold; text-decoration: underline;}

#socialBanners #homeGuhl{
	float: left; background: #fff url(/home/2009/guhl.gif) repeat top left; width: 192px; height: 124px; color: #000;
}
#socialBanners #homeGuhl h3 {height: 86px;}
#socialBanners #homeGuhl a {color: #000;}