/* ©2009 Maginus Software Solutions */

/* -----------------------------------------------------------

Table of Contents

01	Template
00	Header
00	Horizontal Nav
00	Left Nav
00	Jquery

00	News
00	Footer

----------------------------------------------------------- */

/* 01 - Template ---------------------------- */

* {margin: 0; padding: 0;}

body {
	font: normal normal normal 62.5% Arial,sans-serif;
	font-size: 62.5%; /* sets font-size to 10px assuming MEDIUM font size in ie */
	color: #000000;
	text-align:center;
	line-height: 1;
	background: #F5F5F5 url('http://www.slingsby.com/skins/Skin_1/images/bg/body.jpg') top center repeat-y;
	}
	
	html>body {font-size: 10px;} /* sets the font to 10px in other browsers */

h1 {font-size: 1em;}

h2 {font-size: 1.6em;}

h3 {font-size: 1em; line-height: 1.1em;}

h4 {
	padding: 20px 0 10px 0;
	color: #94CA52;
	font-size: 1.1em;
	}

img {border: 0; display: block;}

ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
   
:focus {outline: 0;}
	
.clrFix:after {
	content:"clearfix"; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

fieldset {border: none;}

a:link {text-decoration: none; color: #666666;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: underline; color: #56A01A;}
a:active {text-decoration: none; color: #666666;}


table {clear: both; line-height: 1.3em; padding: 0 10px;}
	table table {line-height: 1em; margin: 10px 0; background-color: #FFFFFF;}
		table table td {padding: 0px;}
	table table table {}
		table table table td {padding: 5px 0;}	

div#wrapper {
	width: 972px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}


/* ------------------------------------------- */
/* Header ------------------------------------ */
/* ------------------------------------------- */

	
div#header-wrapper {
	position: relative;
	width: 972px; height: 83px;
	font-size: 1.2em;
	background-color: #ffffff;
	padding-top: 10px;
	}
			
	div.rightCol {
		position:absolute;
		bottom:0;right:0;
		width:756px; 
		display: inline;
		}

		div.headerRow1 {height: 15px;}
			div.headerRow1 img {float: right;margin-left: 5px;}

		div.headerRow2 {height: 30px;line-height: 30px; overflow: hidden;}
			div.headerRow2 p {float: left; width: 25%; margin-left: 10px; display: inline;}
			div.headerRow2 ul {float: right; width: 70%; text-align:right; color: #999999;}
			div.headerRow2 ul li {display: inline;}

		div.headerRow3 {text-align: left; height: 38px;}
			div#siteSearch {
				position: relative;
				display: inline;
				float: left;
				width: 373px;
				padding-left: 10px; /* IE6 fix needed here to remove 3px margin */
				background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/search.gif') top left no-repeat;
				color: white;
				height:38px;
				margin:0 0 0 -1px;
				}
				input#searchBox {
					border: 0;
					font-size: 1em;
					height: 18px; 
					position: absolute; top: 11px; left: 100px;
					width: 212px;
					}
				input#Go {
					background:transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/go.gif') 0 0 no-repeat;
					border: none;
					width: 36px; height: 25px;
					font-weight: bold; color: #ffffff; font-size: 1.2em;
					position: absolute; top: 7px; left: 327px;
					cursor: pointer;
					padding: 0; text-align: center;
					}
					input#Go:hover {background-position: 0 -30px;}                
				
				div#miniCart {
					float: right;
					text-align: right;
					line-height:38px;
					padding-left: 30px;
					background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/basket.gif') center left no-repeat;
					}


/* ------------------------------------------- */
/* Horizontal Nav ---------------------------- */
/* ------------------------------------------- */


div.horizontalNav {
	width: 972px;
	height: 38px;
	line-height: 36px;
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/horizNavBg.jpg') top left repeat-x;
	font-size: 1.2em;
	}
				
	div.horizontalNav ul {
		margin-left: 220px;
		}
						
		div.horizontalNav ul li {
			display: inline; /* dont use FLOAT - otherwise li's not centerd */ 
			padding: 0 5px 0 20px;
			border-right: 1px solid #3C3F3E; border-left: 1px solid #242424;
			background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-horizNav.gif') center left no-repeat;
			}
			div.horizontalNav ul li a:link, div.horizontalNav ul li a:visited {color:#94CA52;}
			div.horizontalNav ul li a:hover {color:#FFFFFF;}
			

/* ------------------------------------------- */
/* leftNav ----------------------------------- */
/* ------------------------------------------- */


div#leftCol {
	position: relative; float: left;
	z-index: 100;
	left: 20px;
	padding: 0 10px;
	width: 175px; /* + 10px padding = 195px */
	background-color: #fff;  
	margin-top: -121px;
	font-size: 1.2em;line-height: 1.3em;
	}
		
	h1 a {
		display: block;
		width: 176px; height: 83px;
		background:transparent url(http://www.slingsby.com/skins/Skin_1/images/logo.gif) no-repeat scroll left top;
		}
		h1 a span {margin-left: -1000em;} 

		/* --- CATEGORIES --- */

		form#categoryDropDown {
			background: #000000 url('http://www.slingsby.com/skins/Skin_1/images/bg/browseDrop.jpg') top left no-repeat;
			padding: 29px 0 10px 0;
			}
			select#browseTopCategories {margin: 0 10px; width: 156px;}

		ul#categories {}	
		ul#categories li {
			width: 176px;
			/*display: inline; -fixes ie6 whitespace bug // is this needed? */
			background-color: #F5F5F5;
			}
			ul#categories li a {
				display: block;
				/* see ie6.css */
				margin-bottom: 1px;
				padding: 5px 10px 5px 22px;
				background: #F5F5F5 url('http://www.slingsby.com/skins/Skin_1/images/bg/rquo-grey.gif') center left no-repeat; color: #333333;
				}
				ul#categories li a:hover {color: #56A01A; background-color: #FFFFFF;}
				
				/* --- (selected) --- */
				
				ul#categories li.ancestor a {color: #fff; padding: 10px;}
				ul#categories li.aClicked a {
					padding-bottom: 19px;
					background: url('http://www.slingsby.com/skins/Skin_1/images/bg/catArrow-grey.gif') bottom left no-repeat;
					}

				ul#categories li.parent a {}
				ul#categories li.pClicked a {
					padding-bottom: 14px; /* height of image plus 4px */
					padding-left: 10px;
					background: #999999 url('http://www.slingsby.com/skins/Skin_1/images/bg/catArrow-white.gif') bottom left no-repeat;
					color: #FFFFFF;
					}

                ul#categories li.child a {
					padding-left: 10px;
					background-color: #FFFFFF;
					background-image: none;
					color: #999999;
					border-bottom: 1px solid #E5E5E5;
					}
				ul#categories li.cClicked a {color: #000000; text-decoration: underline;}
				ul#categories li.child a.clicked {color: #000; text-decoration: underline;}

   			
				ul#categories li.otherSiblingsHeader {
					display: block;
					width: 156px;
					padding: 5px 10px;
					border-top: 5px solid white;
					color: #FFFFFF;
					background: #CCCCCC url('http://www.slingsby.com/skins/Skin_1/images/bg/otherSiblings.gif') 0 0 no-repeat;
					}


div.testimonials {background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/testimonials.jpg') top left repeat-x;}
div.testimonials h4 {margin: 0 10px;}
div.testimonials p {
	margin: 0 10px 10px 10px;
	line-height: 1.3em;
	color: #999999;
	}
div.testimonials cite {display: block; text-align: right; padding-top: 10px;}


/* ------------------------------------------- */
/* Page Header ------------------------------- */
/* ------------------------------------------- */

			
div#pageBanner div#panel1, img#topic-header {
	/* ie fix */
	margin-left: -216px;
	float: left;
	width: 972px; /* height: 140px; - do we need to specify a height? */
	}
	/* img#topic-header {height: 178px;} */
	        
	div#pageBanner.home {width: 756px; height: 250px;background-color: #666666;}
	div#pageBanner.home div#panel1 {width: 589px; height: 250px; background: #94CA52 url('http://www.slingsby.com/skins/Skin_1/images/headerBg.jpg') top left repeat-x;}

	div#pageBanner.home div#panel2 {float: right; width: 343px; margin: 20px; display: inline; color: #FFFFFF; /* IE6 fix */}
	div#pageBanner.home div#panel2 h2 {font-size: 2.3em; line-height: 1em; color: #FFFFFF;}
	div#pageBanner.home div#panel2 p {margin: 10px 0 0 0; font-size: 1.1em; line-height: 1.3em; color: #FFFFFF;}
		div#pageBanner.home div#panel2 p strong {color: #94CA52}
	div#pageBanner.home div#panel2 ul {margin: 15px 0 0 0;}
	div#pageBanner.home div#panel2 ul li {
		padding: 0 0 8px 20px; 
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-panel2.gif') top left no-repeat;}

div#pageBanner.home div#panel2 a {color: #FFFFFF;}

/* ------------------------------------------- */
/* Jquery ------------------------------------ */
/* ------------------------------------------- */
 

/* Default Tabs Styles ----------------------- */

ul#tabs {
	clear: both;   
	position: relative;
	height: 28px;
	/* ie fix */ 
	margin-left: -216px; padding: 10px 0 0 226px;
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tabContainer.jpg') top left repeat-x;
	}

	ul#tabs li {float: left; margin-right: 3px;}
		ul#tabs li a {display: block; line-height: 28px; background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tab.gif') right 0 no-repeat;}
		ul#tabs li a span {display: block; padding: 0 15px 0 20px; background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tab.gif') left -28px no-repeat;}
		
		ul#tabs li a.current {background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tab.gif') right -56px no-repeat;}
		ul#tabs li a.current span {background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tab.gif') left -84px no-repeat;}

		div.tab, div.topic, div#mailingList {
			margin-left: 10px; padding-bottom: 10px;
			float: left;
			display: inline;
			width: 736px;
			background-color: #FFFFFF;
			}
			div.topic {margin: 10px;}
				div#page-default-wrapper div.topic {margin: 0;}
			div#mailingList {width: 716px; margin-top: 10px; padding: 10px;}

	
			/* Define what content in tabs-topics-mailinglist look like */
			div.topic div.col {width: 232px; display: inline; margin: 10px 0 0 10px; float: left;}
				div#page-default-wrapper div.topic div.col {width: 260px; margin: 0 0 0 10px;}
			.two-col-wrapper {width: 484px; float: left;}
			.col-merge {clear: both; width: 464px; margin: 0 10px;}

			div.topic h2 {padding: 20px 0 0 10px;}
			div.tab h3, div.topic h3 {margin: 20px 0 5px 10px;}
			div.tab h3, div.topic h4 {margin: 0 0 0 10px; font-size: 1.3em;}
			div.topic h5 {margin: 10px 10px 0 10px; font-weight: bold; font-size: 1.1em;}
			div.topic h6 {margin: 15px 10px 0px 10px; font-weight: bold; font-size: 1.1em; color: #94CA52;}
			
			div.tab p, div.topic p {line-height: 1.3em; margin: 5px 10px;}

			div.tab .float-left, div.topic .float-left {float: left; margin: 10px;}
			div.tab .float-right, div.topic .float-right {float: right; margin: 10px;}   	

			div.tab ul.links, div.topic ul.links {  
				margin: 20px 0;
				}
			div.tab ul.links li, div.topic ul.links li {
				background:transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-b.gif') 0 3px no-repeat;
				margin:0 0 5px 7px;
				padding:0 0 0 5px;
				line-height: 1.3em;
				}

				div.topic strong {color: #94CA52;}
				div.topic p.strong {color: #FFFFFF; font-weight: bold; margin :15px 0;}
				div.topic .black {color: #000000;}
				div.topic p.address, div.topic p.contact  {color: #000000; font-weight: bold;}

				/* focus panel */
				div.topic div.focus {margin: 10px; padding: 10px; background-color: #94CA52; color: #FFFFFF;}
					div.topic div.focus h4 {
						font-size: 1.3em;
						margin: 0; padding: 0 0 2px 0;
						border-bottom: 1px solid #FFFFFF;
						color: #FFFFFF;
						}
					div.focus ul {list-style-type: disc; margin: 10px 20px;}
					div.focus ul li {margin-bottom: 10px;}
					div.focus ul li p {margin: 3px 0 0 0;}
					div.focus a, div.focus strong {color: #FFFFFF;}
				
				
				/* mailing list */
				div#mailingList h2 {padding: 10px 0 20px 0;}
				div#mailingList label {display: block; width: 170px; float: left; margin-top: 0.3em;}
				div#mailingList select, div#mailingList input {margin-bottom: 5px;}
				div#mailingList input.submit {margin: 15px 0 20px 170px;}

				div#valSummary {color: #FF0033; margin-bottom: 20px; padding-bottom: 10px; }
				span#reqFirstName, span#reqSurname, span#reqEmailAddress {color: #FF0033; margin-left: 5px;} 
				
/* Scroll ------------------------------------ */


div.scrollWindow {
	position:relative;
	overflow:hidden;	 	
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	border-top:2px solid #999999;
	width: 526px; height:300px;
	margin: 10px 10px 0 10px;
	}

	div.scrollWindow ul.items {	
		width:2000em; height:300px; 
		position:absolute;
		background: #E4E4E4 url('http://www.slingsby.com/skins/Skin_1/images/bg/scrollWindow.gif') top left repeat;
		}

		div.scrollWindow ul.items li {
			display:inline;
			float:left;
			text-align:left;
			width:176px;
			margin: 0 1px 0 0;
			}
		
			div.scrollWindow ul.items li img.catIcon {width: 176px; height: 118px;}
			div.scrollWindow ul.items li h3 {font-size: 1em; margin: 0;}
			div.scrollWindow ul.items li h3 a {
				padding: 4px 0 8px 0px;
				display: block;
				line-height: 1.1em; height: 3em;
				text-align: center;
				color: #FFFFFF;
				background-image: url('http://www.slingsby.com/skins/Skin_1/images/bg/catArrow-scrollWindow.gif');
				background-position: bottom left;
				background-repeat: no-repeat;
				}

			div.scrollWindow ul.items li ul.subCats {text-align: left;margin: 10px 0;}
			div.scrollWindow ul.items li ul.subCats li a {
				display: block;
				line-height: 1.1em;
				margin: 0 15px 5px 15px;padding: 0 0 0 12px;
				background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-a.gif') left 0.4em no-repeat;
				}

	div.navi {
		width: 305px; height:44px;
		margin: 0 10px; padding-left: 225px;
		background: #D9ECC2 url('http://www.slingsby.com/skins/Skin_1/images/bg/navi.jpg') top left no-repeat;
		position: relative; 
		}

	div.navi a {
		width:14px;
		height:14px;
		display: inline-block;
		margin: 17px 1px 0 1px;
		background:url('http://www.slingsby.com/skins/Skin_1/images/bg/dots.gif') 0 0 no-repeat;     
		cursor:pointer;
		}

	div.navi a:hover {background-position:0 -14px;}
	div.navi a.active {background-position:0 -28px;} 	


	a.prev, a.next {
		width:80px; height:20px; line-height: 20px;
		background:url('http://www.slingsby.com/skins/Skin_1/images/back.jpg') no-repeat;
		float:left;
		padding-left: 19px;
		cursor:pointer;  
		position: relative; top: -30px; left: 20px;
		}

		a.prev:hover, a.next:hover {background-position:0px -20px;}
		a.disabled {visibility:hidden !important;}
		a.next {
			background-image:url('http://www.slingsby.com/skins/Skin_1/images/next.jpg');
			width:140px;
			left: 350px;}


/* ------------------------------------------- */
/* Content ----------------------------------- */
/* ------------------------------------------- */


div#content-wrapper {
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/content-wrapper.gif') top left repeat-y;
	border-bottom: 1px solid #E5E5E5;
	}
	
	div#content { 
		position: relative;
		float: right;
		width: 756px;
		font-size: 1.2em;
		} 
	div#tabbed-content {}

		div.breadcrumb {padding: 13px 10px 0px 10px; line-height: 1.3em; color: #999; background-color: #fff;}
		div.breadcrumb span {display: block; padding-bottom: 10px; border-bottom: 1px dotted #E5E5E5;}
		div.paging-options-wrapper {margin: 0 10px; padding: 8px 10px;background-color: #F5F5F5;}

div#rhp {
	width: 176px;
	float: right;
	margin-right: 10px;
	display: inline;
	}                                                          

/* shared styles ----------------------------- */

img.catImg, img.prodImg {margin: 0 auto;}

.prodImg-icon {width: 100px; float: left;}
.prodImg-medium {width: 343px;}
.prodImg-large {}                                             

p.back {
	margin: 15px 0;padding-left: 20px;
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-back.gif') center left no-repeat;
	}


/* PRODUCTS LISTS */

ul.product-listing {
	padding: 10px 0 0 0;}

	ul.product-listing li {
		width: 176px;
		text-align: center;
		margin-bottom: 10px;
		}

		ul.product-listing li a.img-wrapper {
			display: block;
			margin: 0 auto;
			width:130px; height:130px;
			overflow: hidden;
			}
			ul.product-listing li a.img-wrapper img {width:130px; height:130px;}
		
			ul.product-listing li div.dets {}
				ul.product-listing h3 {margin: 5px;}
				ul.product-listing span.variant-price {display: block; margin-bottom: 5px;}


/* ------------------------------------------- */
/* search ------------------- */
/* ------------------------------------------- */

div#searchadv-wrapper {overflow: hidden; margin: 10px; padding-bottom: 10px; background-color: #FFFFFF;}
	
	div#searchadv-wrapper span.img-wrapper img {width: 130px;}
	
	form#AdvSearchForm {margin: 10px;}
	form#AdvSearchForm p {margin: 10px 0;}
    form#AdvSearchForm table {margin: 0;}
    form#AdvSearchForm table td {padding: 2px;}
    form#AdvSearchForm table td input {width: 200px;}


	table#search-results {}
	table#search-results td {padding: 5px 0;border-bottom: 1px solid #F5F5F5;}

	table#search-results td.terminatingCat a {display: block; margin-left: 10px; padding-left: 15px; background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-a.gif') center left no-repeat;}
	table#search-results td.breadcrumbCat div {padding: 0;}
	table#search-results td.breadcrumbCat div span {
		border: none;
		padding:0px; 
		}
		table#search-results td.breadcrumbCat div span a {color: #666666;}
		table#search-results td.breadcrumbCat div span a:hover {color: #56A01A;}

	
		table#search-results div.breadcumb {padding: 0;}



/* ------------------------------------------- */
/* page-default ------------------- */
/* ------------------------------------------- */

div#page-default-wrapper {background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/content_2col.gif') top left repeat-y;}

	div#page-default-wrapper div#tab1,
	div#page-default-wrapper div#tab2,
	div#page-default-wrapper div#tab3 {width: 550px;}  /* XXX */


	div#page-default-wrapper div#tab2 div.topic {margin-left: 0; width: 550px;}
	div#page-default-wrapper img#topic-header {display: none;}
   

		div#page-default div#rhp ul {
			margin: 10px;
			}
	
			div#page-default-wrapper div#rhp ul li {
				overflow: hidden;
				clear: both;
				margin-bottom: 5px; padding-bottom: 5px;
				border-bottom: 1px dotted black;
				}  
				div#page-default-wrapper div#rhp ul img {float: left;}
				div#page-default-wrapper div#rhp ul h4 {padding: 5px 0px 5px 55px;}
				div#page-default-wrapper div#rhp ul p {
					padding-left: 55px;
					color: #666666;
					line-height: 1.3em;
					}

div#page-default-wrapper div#rhp ul {margin: 10px;}

/* ------------------------------------------- */
/* entity-category-landing ------------------- */
/* ------------------------------------------- */

div#category-landing-wrapper {}

	div#category-landing-wrapper div#tab1 {
		width: 550px;
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/content-blank.gif') left 3px repeat-y;
		}
	div#category-landing-wrapper div#tab2,
	div#category-landing-wrapper div#tab3,
	div#category-landing-wrapper div#tab4 {
		width: 550px;
		background-color: #FFFFFF;
		}

		div#category-landing-wrapper h2 {padding: 10px; background-color: white;}
		
		ul.category-landing {
			/* ie fix */
			margin: 6px 0 0 -6px;
			}
			
			ul.category-landing li {
				float:left;
				display: inline;
				margin: 0 0 6px 6px;
				width: 272px; height: 18em;
				overflow: hidden;
				background-color: #FFFFFF;
				position: relative;
				border-top: 1px solid #E5E5E5;
				border-bottom: 1px solid #E5E5E5;
				}
		
			ul.category-landing li div.outer { 
				display: table;
				width: 272px; height: 40px;
				/* IE fix*/
				overflow: hidden;
				background: transparent url('http://www.slingsby.com/skins/Skin_1/images/category/catHBg.jpg') top left repeat-x;
				}
			ul.category-landing li div.middle {/* IE fix*/display: table-cell; vertical-align: middle;}
			ul.category-landing li div.inner {/* IE fix*/}
			ul.category-landing li div.middle h3 {font-size: 1em; margin: 0 10px; padding-left: 15px;background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-c.gif') left center no-repeat;}
  
			ul.category-landing  li a.img-wrapper {
				width:95px; height:120px;
				margin: 5px;
				float: left;
				overflow: hidden;
				display:inline; /* for ie */
				}
    
				ul.category-landing li ol.sub-categories {
					width: 150px;
					float: left;
					margin: 10px 0;
					}
				
					ul.category-landing li ol.sub-categories li {
						border: none;
						clear: both;
						width: 150px; height: auto;
						line-height: 1.2em;
						margin: 0 0 5px 0; padding: 0 0 0 12px;
						background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-a.gif') 0 0.5em no-repeat;
						}

						ul.category-landing li a.viewAll {
							position: absolute;
							bottom: 10px;
							right: 10px;
							color:#000000;
							text-decoration: underline;
							}
							ul.category-landing li a.viewAll:hover {color:#56A01A; text-decoration: none;}


div#great-deal-wrapper {margin-top: 10px; background-color: white;}

div.category_intro_1 img {margin-top: 6px;}


/* ------------------------------------------- */
/* entity-category-listing-wrapper ----------- */
/* ------------------------------------------- */


div#entity-category-listing-wrapper {}
	div#entity-category-listing-wrapper #tab1,
	div#entity-category-listing-wrapper #tab2,
	div#entity-category-listing-wrapper #tab3 {background-color: #FFFFFF;}     

	div#entity-category-listing-wrapper h2 {
		margin: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #E5E5E5;
		}

		div#CategoryFilter {float: left; width: 250px;}
		div#CategoryFilter select {width: 150px;margin-left: 10px;}

		div.pagingcontrol {width: 400px;float: right; text-align: right;}
		div.pagingcontrol img {display: inline;}

	ul.category-listing {
		margin: 13px 0 0 13px;
		}

		ul.category-listing li {
			width: 176px; height: 245px;
			float: left;
			margin: 0 2px 2px 0;
			text-align: center;
			}

			ul.category-listing li a.img-wrapper,
			ul.category-listing li span.img-wrapper {
				display:block;
				position:relative;
				width:142px; height:142px;
				border:1px solid #e4e4e4; background-color: #FFFFFF; 
				margin:10px auto;
				}
				ul.category-listing li a.img-wrapper img {width:130px; height:130px; margin:5px;}

			ul.category-listing li div.dets {position:relative; z-index:10; margin: 0 5px;} 
				ul.category-listing li div.dets h3 {font-size: 1em; margin: 0;height: 3.6em;}


/* ------------------------------------------- */
/* entity-category-products-wrapper ---------- */
/* ------------------------------------------- */


div#category-products-wrapper {}

div#category-products-wrapper div#tab1,
div#category-products-wrapper div#tab2,
div#category-products-wrapper div#tab3 {background-color: #FFFFFF;}

div#category-products-wrapper h2 {
	margin: 10px 10px 15px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;}


	div#category-details {margin: 0 10px;}
		div.category-image {float: left;width: 270px;height: 270px; border: 1px solid #E5E5E5;}
		div.category-image img {padding: 5px;}

		div.category-description {float: right; width: 430px;}
			div.category-description ul li {
				margin-bottom: 5px; padding: 0 0 0 20px;
				line-height: 1.3em;
				background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-b.gif') 0 4px no-repeat;
				}
				div.category-description p.back {margin: 10px 0 0 0;}

	div#category-products-wrapper table {padding: 0;}
	table.category-products {width: 716px;margin: 10px 0;}
		table.category-products caption {display: none;}
		table.category-products th {padding: 5px; background-color: #ebebeb;}
		table.category-products td {padding: 10px 0;border-bottom: 1px solid #ebebeb;}

			table.category-products td.img {width: 107px;}
			table.category-products td.img a {display: block; padding: 5px; border: 1px solid #E5E5E5;}

			table.category-products td.details {width: 100%; padding: 0 20px;}
	           	table.product-attributes {width: 100%;margin: 10px 0;line-height: 1.1em;}
					table.product-attributes th {padding: 2px 0; vertical-align: top; background-color: transparent;}
					table.product-attributes td {padding: 2px 0 2px 20px; border: none; color: #666666;}

			table.category-products td.cost {}
			table.category-products td.icon {width: 76px; padding: 0 20px;}
			table.category-products td.icon img {margin: 5px 0;}
			table.category-products td.buy {width: 140px;}

/* ------------------------------------------- */
/* Product Detail ---------------------------- */
/* ------------------------------------------- */


#product-detail-wrapper {}

	#product-detail-wrapper div#tab1 {background-color: #FFFFFF;}

	#lCol, #rCol {float: left; width: 353px; margin-left: 10px; display: inline;}
	#rCol {margin-top: 10px;background: transparent url('http://www.slingsby.com/skins/Skin_1/images/rColFadeBg.jpg') 0 60px repeat-x;}


    /* left col */
	#lCol h2 {margin: 10px 10px 10px 0;}
	
	div.img-wrapper-medium {width: 320px; overflow: hidden; margin: 0 auto; text-align: center; border: 1px solid #E5E5E5;}
	div.img-wrapper-medium img {display: inline; padding: 5px;}
	
	#related-products-wrapper ul li {clear: both; margin-bottom: 10px;}
		#related-products-wrapper div.prodImg-icon {float: left;}
		#related-products-wrapper div.dets {float: right;width: 240px;}
	    #related-products-wrapper h3 {margin: 0px;}
		

    /* right col */
	#rCol div.icon {float: right;}
	#rCol div.icon img {display: inline; margin: 0 0 10px 5px;}

	div.buy-now {
		clear: both;
		/*border-top: 10px solid #FFFFFF; */
		background: #333333 url('http://www.slingsby.com/skins/Skin_1/images/bg/buy-now.gif') top left no-repeat;
		}
		div.buy-now div.variantPrice {
			padding: 32px 10px 0px 10px;
			color: #fff;
			font-size: 1.1em; line-height: 1.3em;
			}
			div.buy-now div.variantPrice br {display: none;}
			
		div.buy-now form {padding: 10px;color: #FFFFFF;}
		div.buy-now form small {font-size: 1em;}

		div.tab p.NoBuyButton {
			margin: 20px 10px 10px 10px; padding-left: 35px; 
			line-height: 24px;
			color: #FFFFFF;
			background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/noBuy.gif') top left no-repeat;
			}

    
		div.qtyBreak-wrapper {padding: 0 10px;}
			table.qtyBreak {width: 100%; padding: 0;}
				table.qtyBreak caption {margin: 0 0 10px 0; padding: 0; text-align: left;}
				table.qtyBreak .SKU {padding-right: 20px;}
				table.qtyBreak .descr {display: none;}
				table.qtyBreak .price {}
	
		#product-detail-wrapper div.product-description {padding: 0 10px;}
		#product-detail-wrapper div.product-description p {margin: 0 0 16px 0;}
		#product-detail-wrapper div.product-description ul {
			margin: 0 20px;
			}

			div.product-description ul li {
				padding: 0 0 0 20px;
				background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-b.gif') 0 4px no-repeat;
				line-height: 1.3em;
				}
            
		/* Product Accessories */
		#product-accessories-wrapper {margin: 0 10px;}

		#product-accessories-wrapper div.inner {
			padding: 0 10px;
			background-color: #FFFFFF;
			overflow: auto;
			height: 194px;
			border: 1px solid #F5F5F5;
			}
	
			ul#product-accessories {margin-top: 10px;}
			ul#product-accessories li {clear: both;margin-bottom: 10px;}
	
				ul#product-accessories input {float: left;}
				ul#product-accessories div.prodImg-icon {float: left; width: 65px; margin-left: 10px;}
				ul#product-accessories img.prodImg {width: 65px;}
				ul#product-accessories div.dets {float: right; width: 200px;}
			    ul#product-accessories h3, ul#product-accessories div.descr {margin: 0;}
		        ul#product-accessories p.variantPrice {margin: 10px 0;}

/* ------------------------------------------- */
/* News -------------------------------------- */
/* ------------------------------------------- */

div#news-wrapper {
	clear: both;
	padding: 0 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F5F5F5;
	font-size: 1.1em;
	}

	p.news {float: left; padding: 10px 0;}
	p.news strong {
		font-weight: normal;
		margin-right: 5px; padding-right: 15px;
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-news.gif') right center no-repeat;
		}

	p.rss {
		float: right;
		padding: 10px 0 10px 19px;
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-rss.gif') left center no-repeat;
		}

/* ------------------------------------------- */
/* Footer ------------------------------------ */
/* ------------------------------------------- */

#footer-wrapper {clear: both; font-size: 1.1em;border-top: 1px solid #E5E5E5;background-color: #FFFFFF;padding-bottom: 12px;}
#footer-wrapper h4 {color: #94CA52; padding: 10px 0;}   

#footer-wrapper div.col {
	width: 224px; 
	float: left;
	margin: 0 9px;
	display: inline;  
	}

#footer-wrapper ul li {
	float: left;
	width: 43%;
	padding: 2px 0 2px 14px;
	line-height: 1.3em;
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-footer.gif') left center no-repeat;
	}

#footer-wrapper img.nextday {float: left;}
#footer-wrapper p.nextday-info {float: right; width: 140px; line-height: 1.3em;}

#footer-wrapper img.creditcards {margin-top: 10px;}

#subFooter-wrapper {clear: both; padding: 10px;border-top: 1px solid #E5E5E5; color: #999999;background-color: #FFFFFF;}
	p.copyright {float: left;}
	p.maginus {float: right;}
	
/* ------------------------------------------- */
/* template-no-left-nav ---------------------- */
/* ------------------------------------------- */

div#content-wrapper div#pnlCheckoutImage,
div#content-wrapper div#pnlHeaderGraphic {
	position: relative;
	margin-left: -216px;
	height: 43px;
	overflow: hidden;
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bg/tabContainer.jpg') left top repeat-x;
	}
	div#content-wrapper img#CheckoutImage,
	div#content-wrapper img#checkoutheadergraphic {margin-left: 216px;}
    
div#checkout-wrapper {}
div#content-noLeftNav { 
	position: relative;
	min-height: 500px;
	width: 972px;
	font-size: 1.2em;
	background-color: #ffffff;
	padding-bottom: 20px;
	}
	
	img#checkoutheadergraphic {border-bottom: 20px solid #FFFFFF;} 	
	div#content-noLeftNav b {display: block; padding-bottom: 10px;}
	div#content-noLeftNav br {display: block; clear: both; line-height: 0; }
	div#content-noLeftNav span {display: block; padding-bottom: 10px;}
	div#content-noLeftNav nobr {display: block; padding-left: 10px;}

 	/* checkout tables ONLY */
	div#content-noLeftNav table table {line-height: 1.3em; margin: 10px 0; padding: 0;} 
   		div#content-noLeftNav table table td {padding: 2px;} 
		div#content-noLeftNav table table td b {}

/* Step 1 - Basket */
#CartForm {margin: 10px 10px 0 10px; background-color: #ffffff;} 
	#CartForm br {display: block; clear: both; line-height: 0; } 
	#CartForm nobr {display: block; padding-left: 10px;}

	td#SCLinkList {padding: 10px 5px 20px 0; line-height: 1.3em; }
	td#SCLinkList img {display: inline;}

	#pnlCoupon table input {margin: 10px 0;}

	#pnlOrderNotes table br {display: block; clear: both; line-height: 0;}
	#pnlOrderNotes table span {display: block; margin: 10px 0;}
	#pnlOrderNotes table textarea {margin: 0 0 10px 0;}

/* Step 2 - Address book */


/* Step 3 - P&P */
div#pnlSelectShipping, pnlGetFreeShippingMsg,
pnlFreeShippingMsg, div#pnlCartAllowsShippingMethodSelection {margin: 0 10px;}

select#ddlChooseShippingAddr {clear: both; width: 50%;}


/* Step 4 - Payment */
div#pnlPaymentOptions {width: 270px; float:left;}
	div#pnlPaymentOptions table {padding: 0;}
	div#pnlPaymentOptions table td {padding: 0 0 5px 0;}
	div#pnlPaymentOptions table input {vertical-align: middle; margin-right: 10px;}

div#paymentPanes {width: 662px; float: right; margin-bottom: 10px; padding: 10px; background-color: #F5F5F5;}  
	table#tblCreditCard {margin: 0 0 20px 0; padding: 0;}
	table#tblCreditCard th {padding: 6px 20px 6px 0;}
	table#tblCreditCard td {padding: 4px 0;}
	table#tblCreditCard input, table#tblCreditCard select  {margin: 0 5px 0 0;}

div#pnlOrderSummary {clear: both;} 
	div#pnlOrderSummary table table {}
	div#pnlOrderSummary div div table {margin-top: 10px;}


/* Step 5 - Order Confirmation */
span#checkoutreviewaspx9 {padding-top: 10px;}


/* Step 6 - Order Placed */


/* Sign In --------------------------- */
                                 	
fieldset legend {color:#94CA52; line-height: 1.2em; font-size: 1.1em; font-weight: bold; margin-bottom: 20px;}
fieldset label {clear:both; display:block; float:left;width:48%; margin-top: 0.3em;}
fieldset input {float: left; width: 48%; margin-bottom: 10px;}
	#pnlChangePwd fieldset input {margin: 0;}
fieldset input#PersistLogin {width: 20px; margin: 0;}

form#SigninForm {
	position: relative;
	clear: both;
	float: left;
	width: 716px;
	display: inline;
	margin: 10px; padding: 10px;
	background-color: #FFFFFF;
	}
	
	form#SigninForm h2 {border-bottom: 1px dotted #E5E5E5; padding-bottom: 10px; margin-bottom: 10px;}

	form#SigninForm div#FormPanel {width: 460px;}

			form#SigninForm div#FormPanel div#newcustomer {margin: 10px 0;}

			fieldset#existingUsersFieldset,
			fieldset#forgotPasswordFieldset,
			div#pnlChangePwd {
				width: 460px;
				float: left;
				display: inline;
				}

			div#existing fieldset input#existingLoginButton,
			div#existing fieldset input#btnRequestNewPassword {
				display: block;
				clear: both;
				float: right;
				width: 150px;
				}

		
			div.SigninPageFooter {}
			div.RequestCatalogueFooter {position: absolute; top: 10px; right: 10px;}

div#ErrorPanel {color: #FF0000; padding: 10px 0;}
span#Label13 {font-weight: bold; display: block; margin: 0 0 10px 0;}
	#DepartmentRow th span#Label13 {font-weight: normal; margin: 0;}

span#RequiredFieldValidator5,
span#RequiredFieldValidator6,
span#RequiredFieldValidator7,
span#RequiredFieldValidator8,
span#RequiredFieldValidator9 {clear: both; display: block; padding: 4px 0; padding-left: 48%;}


/* Request a catalogue --------------------------- */ 

a#SignUpLink {
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-b.gif') center left no-repeat;
	display: block;
	margin: 20px 0;
	padding: 0 0 0 15px;
	}

div#pnlMainRC {text-align: left; position: relative; clear: both; float: left; width: 716px; background-color: #FFFFFF; margin: 10px; padding: 10px; }
	div#pnlMainRC table {width: 100%; margin: 0; padding: 0; background: none; }


	div#pnlMainRC table#tblAccountBox table {}
	div#pnlMainRC table table table th {width: 40%; vertical-align: top; font-weight: normal; padding: 4px 0 0 0;}
	div#pnlMainRC table table table td {width: 60%; padding: 0 0 10px 0;}
	div#pnlMainRC table table table input {width: 220px;}
	
	div#pnlMainRC div#pnlErrorMsg {width: 460px; line-height: 1.2em;}
	
	form#frmCreateAccount {
		width: 500px;
		margin-top: 10px; padding: 10px;
		float: left;
		background-color: #E5E5E5;
		}



	div#pnlMainRC img#topic-footer {position: absolute; top: 10px; right: 10px;}



/* Account --------------------------- */

div#pnlNotCheckOutButtons, div#pnlOrderHeaders {
	width: 716px; margin: 10px 10px 0 10px; padding: 10px;
	background-color: #FFFFFF;
	}
	div#pnlNotCheckOutButtons img {display: inline;} 

div#pnlBilling b, div#pnlShipping b {display: block; margin: 10px 0;}

form#AccountForm {
	margin: 10px;
	padding: 10px 0;
	background-color: #FFFFFF;
	}
	
	form#AccountForm table td {text-align: left;} 

div#pnlAddressList {margin: 10px;}
	div#pnlAddressList hr {display: none;}
	div#pnlAddressList ol {margin: 10px 30px;}
	div#pnlAddressList ol li {margin: 0 0 20px 0;}


#pnlAddress {clear: both; padding: 10px;}
#pnlAddress br, #pnlAddress hr  {display: none; clear: both; line-height: 0; }

table#tblAddressListBox b {display: block;}




/* Fast Order */
#fastorder-wrapper form {
	clear: both;
	margin: 10px; padding: 10px;
	background-color: #FFFFFF;
	} 	

#fastorder-wrapper ul {margin: 15px 0;}
#fastorder-wrapper ul li {
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/bullet-b.gif') no-repeat scroll 0 4px;
	padding: 0 0 5px 20px;
	}

table#fastorder {padding: 0; width: 100%;}
table#fastorder th {padding: 5px; background-color: #F5F5F5;}
	table#fastorder td {padding: 5px 5px 0 5px;}
	table#fastorder td.descr {width: 100%;}
	table#fastorder td.sku input {width: 120px;}
	table#fastorder td.qty input {width: 40px;}

div#fastorder-submit-wrapper {float: right; margin: 20px 0 10px 0;}
	div#fastorder-submit-wrapper a {float: left; margin-top: 2px;} 
	div#fastorder-submit-wrapper input {float: left;}

div#message, div#error {padding: 15px 0 10px 0; color: red; border-bottom: 1px solid #F5F5F5;}
	div#error ul {margin: 10px 0 0 0;}
	div#error ul li  {background: none; padding-left: 0; list-style-position: inside; list-style-type: disc;}


/* ------------------------------------------- */
/* BUTTONS ----------------------------------- */
/* ------------------------------------------- */


/* WHITE buttons */

table#fastorder a {
	display:block;
	width:80px; height:21px; line-height:21px;
	text-align: left;padding-left: 10px;
	background:transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-wht80-whtBg.jpg') 0 0 no-repeat;
	border: none;
	}

div#fastorder-submit-wrapper a,
ul.category-listing li div.dets a.link, .submit {
	display:block;
	width:120px; height:21px; line-height:21px;
	text-align: left;padding-left: 10px;
	background:transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-wht120-whtBg.jpg') 0 0 no-repeat;
	border: none;
	}
	ul.category-listing li div.dets a.link {
		position:relative;
		z-index:10;
		display:block;
		margin:10px auto;
		}
		ul.category-listing li div.dets a.link:hover, .submit:hover {background-position:0 -21px;}


ul.product-listing a.product-link,
#btnUpdateCart1, #btnUpdateCart2, #btnUpdateCart3, #btnUpdateCart4,
a.btn_moreDets, input#btnReturn {
	display:block;
	width:140px; height:21px; line-height:21px;
	margin: 0 auto;
	text-align: left;padding-left: 10px;
	background:transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-wht140-whtBg_transparent.gif') 0 0 no-repeat;
	border: none;
	}
	#btnUpdateCart1, #btnUpdateCart2, #btnUpdateCart3, #btnUpdateCart4 {
		float: right;
		margin: 0 10px 20px 0;
		}

ul.product-listing a.product-link:hover,
#btnUpdateCart1:hover, #btnUpdateCart2:hover, #btnUpdateCart3:hover, #btnUpdateCart4:hover,
a.btn_moreDets:hover, input#btnReturn:hover {
	background-position:0 -21px;
	}
	
	#related-products-wrapper a.btn_moreDets {margin: 10px 0;}


#pnlMainRC #shippingQAButton  {margin-top: 5px; width: 140px; float: left; clear: both;}

/* GREEN buttons */

input.AddToCartButton {
		width: 140px; height: 25px;
		font-size: 1.2em; font-weight: bold;
		border: none;
		color: #FFFFFF;
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-grn140px-darkBg.jpg') 0 0 no-repeat;
		cursor: pointer;
		}
		div#searchadv-wrapper input.AddToCartButton {
			margin: 10px 0;
			background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-grn140px-whtBg.jpg') 0 0 no-repeat;
			}

	input#btnContinueShoppingTop, input#btnCheckOutNowTop,
	input#btnContinueShoppingBottom, input#btnCheckOutNowBottom,
	#btnContinueCheckout1, #btnContinueCheckout2,
	#btnContinueToCheckOut, #btnSaveAddress, #btnDeleteAddress,
	#btnNewAddress, #btnContinue, #SubmitSearch, .buttonback, #btnChgPwd {
		margin-bottom: 20px;
		width: 200px; height: 25px;
		font-weight: bold;
		border: none;
		color: #FFFFFF;
		background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-200px-white.jpg') 0 0 no-repeat; 
		}
		#btnContinueCheckout1, #btnContinueCheckout2 {margin: 20px 10px; float: right;}
		#btnContinueShoppingTop, #btnContinueShoppingBottom {float: left;}
		#btnCheckOutNowTop, #btnCheckOutNowBottom {float: right;}
		
		input#btnContinueShoppingTop:hover, input#btnCheckOutNowTop:hover,
		input#btnContinueShoppingBottom:hover, input#btnCheckOutNowBottom:hover,
		#btnContinueCheckout1:hover, #btnContinueCheckout2:hover,
		#btnContinueToCheckOut:hover, #btnSaveAddress:hover, #btnDeleteAddress:hover,
		#btnNewAddress:hover, #btnContinue:hover, #SubmitSearch:hover, .buttonback:hover, #btnChgPwd:hover {
			background-position: 0 -25px;
			color: #56A01A;
			text-decoration: underline;
			}
			input#btnContinueShoppingTop, input#btnCheckOutNowTop {display: none;}

		p.PaymentPageContinueCheckoutButtonContainer input,
		input#btnContinueCheckout {
			float: right;
			width: 200px; height: 25px;
			margin-top: 20px;
			margin-bottom: 10px;
			font-weight: bold;
			border: none;
			color: #FFFFFF;
			cursor:pointer;
			background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-200px-grey.jpg') 0 0 no-repeat;
			}
			
			p.PaymentPageContinueCheckoutButtonContainer input:hover,
			input#btnContinueCheckout:hover {
				background-position:0 -25px;
				color: #56A01A;
				}

			#btnUpdateAccount, #existingLoginButton, #btnRequestNewPassword {
			width: 150px; height: 25px;
			margin-top: 10px;
			font-weight: bold;
			border: none;
			color: #FFFFFF;
			background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-150px-grey.jpg') 0 0 no-repeat;
			}
			#existingLoginButton {display: block;}
			
			#btnUpdateAccount:hover, #existingLoginButton:hover, #btnRequestNewPassword:hover {
				background-position:0 -25px;
				color: #56A01A;
				}
				
/* end of */				
				
				
				
			
/* misc */

	img#ShoppingCartGif,
	img#ShoppingCartCoupon_gif,
	img#ShoppingCartNotes_gif,
	img#imgAccountinfo,
	img#imgAddressbook,
	img#editaddress_gif	 {/*margin: 10px 0;*/}
  
/* Bestsellers layout by J.Fox 20-8-09*/

div.BestSeller{border:solid red 0px; width:530px; /*height:170px;*/ height:auto;}
div.LeftCol{float:left; clear:both; width:160px/*auto*/; border:solid green 0px; 
padding:6px 0px 10px 0;}
.PricesFrom{background:Purple url(images/corner_top_left.gif) top left no-repeat; padding:5px 10px 5px 10px; color:#FFF; font-weight:bold;
    margin-left:5px; width:135px; float:left; overflow:hidden;}
div.RightCol{float:right; clear:right; width:345px; height:auto; border:solid blue 0px; text-align:left; padding:10px; background-color:#F2EBF2; 
margin: 5px 0 10px 0; position:relative;}
div.RightCol span.BestSellerName{text-align:left; color:Purple; font-size:14px; font-weight:bold; line-height:2.6em; height:0; position:relative; top:-15px;}
.RightCol .Descrption ul li
{
margin-bottom:5px;
text-align:left;
width:276px; 
background:transparent url(images/bullet-a.gif) no-repeat scroll 0 0.5em;
border:medium none;
clear:both;
height:auto;
line-height:1.2em;
margin:0 0 5px;
padding:0 0 0 12px;
}

span.CategoryImage { float:left; clear:left; margin-left:17px;}

span.MoreDetails{position:relative; left:100px;}
.LeftCol .CategoryImage .img-wrapper{padding:10px 0;}

/* End of Bestsellers layout */
/* cXML styles */
form#frmAction
{
	width: 100%;
	float: left;
}

input#btnActionConfirm
{
	float: right;
}

input#btnActionCancel
{
	float: right;
	clear: right;
}

input.cXML 
{
	background: transparent url('http://www.slingsby.com/skins/Skin_1/images/btn-200px-grey.jpg') 0 0 no-repeat;
	color: #FFFFFF;
	margin: 5px;
	width: 200px;
	height: 25px;
	border: none;
	cursor: pointer;
	font-weight: bold;
}

input.cXML:hover
{
	background-position: 0 -25px;
	color: #56A01A;
}
/* End of cXML styles  */