/*
Theme Name: Buster
Theme URL: http://www.challs.com/
Description: Framed design for the Buster brand. Including the four main classes for each sub product.
Version: 1.0
Author: Ian Tearle
Author URL: http://www.free-rein.net
*/

/*
-------------------------------------------------
Global values
=================================================
*/ 
#container div.product-frame
{
	background-color: #000000;
	color: #fff;
	overflow: hidden;
	padding: 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}

#container div.product-bpt { background: #9a006c; }
#container div.product-kpt { background: #7fb347; }

	#container #buster a{
		color: #fff;
	}
		#container #buster a:hover{
			text-decoration: underline;
		}
/*
-------------------------------------------------
Header
=================================================
*/
#logo-buster{
	margin: 20px 0 0 0;
	width: 300px;
}
	#logo-buster h2{
		background: url(../images/buster/logo-buster.png) no-repeat right top;
		_background: url(../images/buster/logo-buster.gif) no-repeat right top;
		height: 67px;
		text-indent: -9999px;
		width: 300px;
		z-index: 0;
	}
		#logo-buster h2 a{
			display: block;
			height: 67px;
			width: 300px;
		}
#generic-links{
	margin: 20px 0 0 0;
	text-align: right;
}
/* Default Buster Pages */
.product{
	height: 264px;
	text-indent: -9999px;
	width: 140px;
}
	a.product-link{
		display: block;
		height: 264px;
		width: 140px;
	}
		a.product-link:hover{
			background-color: #333;
			-moz-border-radius:5px;
			-o-border-radius:5px;
			-khtml-border-radius:5px;
			-webkit-border-radius:5px;
		}
			
	.product-menu-kpu
	{
		background: url(../images/buster/product-kitchen-unblocker.png) no-repeat;
		_background: url(../images/buster/product-kitchen-unblocker.gif) no-repeat;
	}
	.product-menu-bpu
	{
		background: url(../images/buster/product-bathroom-unblocker.png) no-repeat;
		_background: url(../images/buster/product-bathroom-unblocker.gif) no-repeat;
	}
	.product-menu-kpt
	{
		background: url(../images/buster/product-kitchen-treatment.png) no-repeat;
		_background: url(../images/buster/product-kitchen-treatment.gif) no-repeat;
	}
	.product-menu-bpt
	{
		background: url(../images/buster/product-bathroom-treatment.png) no-repeat;
		_background: url(../images/buster/product-bathroom-treatment.gif) no-repeat;
	}
	
/* Products within Buster Range */
.product-logo
{
	width: 220px;
	height: 250px;
	margin: 40px 0 0 0;
}

.product-logo a
{
	display: block;
	width: 221px;
	height: 204px;
	text-indent: -9999px;
}

.product-bottle-display
{
	display: block;
	width: 220px;
	height: 289px;
}

div.product-kpu .product-logo
{
	background: url(../images/buster/logo-buster-kitchen-unblocker.png) no-repeat;
	_background: url(../images/buster/logo-buster-kitchen-unblocker.gif) no-repeat;	
}

div.product-kpu .product-bottle-display
{
	background: url(../images/buster/product-kitchen-unblocker-productdisplay.png) no-repeat top left;
	_background: url(../images/buster/product-kitchen-unblocker-productdisplay.gif) no-repeat top left;
}

div.product-kpt .product-logo
{
	background: url(../images/buster/logo-buster-kitchen-treatment.png) no-repeat;
	_background: url(../images/buster/logo-buster-kitchen-treatment.gif) no-repeat;
}

div.product-kpt .product-bottle-display
{
	background: url(../images/buster/product-kitchen-treatment-productdisplay.png) no-repeat;
	_background: url(../images/buster/product-kitchen-treatment-productdisplay.gif) no-repeat;
}

div.product-bpu .product-logo
{
	background: url(../images/buster/logo-buster-bathroom-unblocker.png) no-repeat;
	_background: url(../images/buster/logo-buster-bathroom-unblocker.gif) no-repeat;
}

div.product-bpu .product-bottle-display
{
	background: url(../images/buster/product-bathroom-unblocker-productdisplay.png) no-repeat;
	_background: url(../images/buster/product-bathroom-unblocker-productdisplay.gif) no-repeat;
}

div.product-bpt .product-logo{
	background: url(../images/buster/logo-buster-bathroom-treatment.png) no-repeat;
	_background: url(../images/buster/logo-buster-bathroom-treatment.gif) no-repeat;
}

div.product-bpt .product-bottle-display
{
	background: url(../images/buster/product-bathroom-treatment-productdisplay.png) no-repeat;
	_background: url(../images/buster/product-bathroom-treatment-productdisplay.gif) no-repeat;
}

/* All Pages in Buster Range */
.product-seller
{
	height: 298px;
	width: 220px;	
	margin: 100px 0 0 0;
	clear: both;
}

.product-seller a
{
	display: block;
	height: 298px;
	width: 220px;
	text-indent: -9999em;
}

.product-seller-link span.bottle
{
	display: block;
	height: 153px;
	width: 75px;
	background: url(../images/buster/buster-seller-bottles.png) no-repeat;
	_background: url(../images/buster/buster-seller-bottles.gif) no-repeat;
}

a.product-seller-link:hover span.bottle
{
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
}

.product-seller-kpu
{
	background: url(../images/buster/product-kitchen-unblocker.png) no-repeat 50% 20px;
	_background: url(../images/buster/product-kitchen-unblocker.gif) no-repeat 50% 20px;
}	

.product-seller-kpu span.bottle
{
	background-position: -20px 0;
}

.product-seller-bpu
{
	background: url(../images/buster/product-bathroom-unblocker.png) no-repeat 50% 20px;
	_background: url(../images/buster/product-bathroom-unblocker.gif) no-repeat 50% 20px;
}

.product-seller-bpu span.bottle
{
	background-position: -275px 0;
}

.product-seller-kpt
{
	background: url(../images/buster/product-kitchen-treatment.png) no-repeat 50% 20px;
	_background: url(../images/buster/product-kitchen-treatment.gif) no-repeat 50% 20px;
}

.product-seller-kpt span.bottle
{
	background-position: -500px 0;
}

.product-seller-bpt
{
	background: url(../images/buster/product-bathroom-treatment.png) no-repeat 50% 20px;
	_background: url(../images/buster/product-bathroom-treatment.gif) no-repeat 50% 20px;
}

.product-seller-bpt span.bottle
{
	background-position: -755px 0;
}

	#range-buster{
		margin: 60px 0 0 0;
		float: right;
		width: 240px;
	}
		#range-buster p.more-range{
			font-size: 10px;
			padding: 0 0 5px 25px;
			text-align: left;
		}
		.product-range-link{
			text-align: center;
		}
		.product-range-link span.bottle{
			background: url(../images/buster/buster-range-bottles.png) no-repeat;
			_background: url(../images/buster/buster-range-bottles.gif) no-repeat;
			display: block;
			height: 71px;
			width: 60px;
			text-indent: -9999px;
		}
		
		.product-range-kpu span.bottle{background-position: 10px 0;}
		.product-range-bpu span.bottle{background-position: -110px 0;}
		.product-range-kpt span.bottle{background-position: -215px 0;}
		.product-range-bpt span.bottle{background-position: -333px 0;}
/*
-------------------------------------------------
Content
=================================================
*/
.content{
	margin: 70px 0 0 0;
}
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5{
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
	}
	.content h1{
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 20px 0;
		text-transform: uppercase;
	}
	.content h2{
		font-size: 14px;
		margin: 0 0 10px 0;
		font-weight: bold;
	}
	.content h3{
		font-size: 14px;
	}
	.content h4{
		font-size: 14px;
		text-transform: uppercase;
	}
	.content h5{
		font-size: 12px;
		text-transform: uppercase;
	}
	.content p{
		margin-bottom: 10px;
	}
	.content strong{
		font-weight: bold;
	}
	.content em{
		font-style: italic;
	}
	.content .left-content{
		margin: 40px 0 0 0;
		overflow: hidden;
	}
		.content .left-content.love-spacer{
			background: url(../images/buster/bg-love-spacer.png) no-repeat;
			_background: url(../images/buster/bg-love-spacer.gif) no-repeat;
			height: 191px;
			width: 140px;
		}

/* Generic Stuff */
.drop
{
	float: left;
	height: 100%;
	margin: 0 0 10px 0;
	width: 220px;
}

	.button-header,
	.drop-header{
		background: url(../images/buster/bg-drop-header-black.png) no-repeat;
		_background: url(../images/buster/bg-drop-header-black.gif) no-repeat;
		cursor: pointer;
		display: block;
		height: 31px;
		margin: 0;
		padding: 0 5px;
		position: relative;
		width: 210px;
		z-index: 5;
	}
div.product-kpt .button-header,
div.product-kpt .drop-header
{
	background: url(../images/buster/bg-drop-header-green.png) no-repeat;
	_background: url(../images/buster/bg-drop-header-green.gif) no-repeat;
}
div.product-bpt .button-header,
div.product-bpt .drop-header
{
	background: url(../images/buster/bg-drop-header-purple.png) no-repeat;
	_background: url(../images/buster/bg-drop-header-purple.gif) no-repeat;
}
		.button-header .button-title,
		.drop-header .drop-title{
			font-weight: bold;
			line-height: 35px;
		}
			.button-header .button-title a{
				display: block;
			}
		.drop-header .drop-arrow span{
			background: url(../images/buster/button-drop-arrow.png) no-repeat;
			_background: url(../images/buster/button-drop-arrow.gif) no-repeat;
			height: 12px;
			position: absolute;
			right: 10px;
			top: 12px;
			width: 12px;
		}
			.drop-header .drop-arrow span.close{
				background-position: 0 -15px;
				height: 11px;
				top: 10px;
			}
	.drop-content{
		background: #ababab url(../images/buster/bg-drop-content-black.png) no-repeat 0 bottom;
		float: left;
		margin: -10px 0 0 0;
		padding: 20px 8px 10px 8px;
		top: 20px;
		width: 204px;
		z-index: 4;
	}
		div.product-kpt .drop-content{background: #9bc15d url(../images/buster/bg-drop-content-green.png) no-repeat 0 bottom;}
		div.product-bpt .drop-content{background: #880051 url(../images/buster/bg-drop-content-purple.png) no-repeat 0 bottom;}
		.drop-content ul li{
			border-top: solid #cfcfcf 1px;
			padding: 0 0 5px 0;		
		}
			.drop-content ul li.first{
				border: none;
			}
			.drop-content ul li a{
				color: #f7f7f7;
				display: block;
			}
				.drop-content ul li a:hover{
					color: #333333!important;
					text-decoration: none!important;
				}
					div.product-bpt .drop-content ul li a:hover{
						color: #666!important;
					}

				.drop-content ul li a.problem-kitchen,
				.drop-content ul li a.problem-bathroom{
					display: block;
					height: 40px;
					line-height: 45px;
				}
				.drop-content ul li a.problem-kitchen span,
				.drop-content ul li a.problem-bathroom span{
					background: url(../images/buster/bg-problem-bottles.png) no-repeat;
					_background: url(../images/buster/bg-problem-bottles.gif) no-repeat;
					display: block;
					float: left;
					height: 40px;
					width: 30px;
				}
				.drop-content ul li a.problem-kitchen span{background-position: 0 5px;}
				.drop-content ul li a.problem-bathroom span{background-position: -100px 5px;}
		
	.drop-content ul li div.drop-content-video-thumbnail
	{
		float: right;
	}



div.product-kpu .attribute-long ul.ticks,
div.product-kpt .attribute-long ul.ticks,
div.product-bpu .attribute-long ul.ticks,
div.product-bpt .attribute-long ul.ticks{
	list-style: none;
	margin: 10px 0 20px 10px;
	padding: 0;
}
	div.product-kpu .attribute-long ul.ticks li,
	div.product-kpt .attribute-long ul.ticks li,
	div.product-bpu .attribute-long ul.ticks li,
	div.product-bpt .attribute-long ul.ticks li{
		padding: 3px 0 3px 30px;
	}
		div.product-kpu .attribute-long ul.ticks li p,
		div.product-kpt .attribute-long ul.ticks li p,
		div.product-bpu .attribute-long ul.ticks li p,
		div.product-bpt .attribute-long ul.ticks li p{
			margin: 0;
			padding: 0;
		}
div.product-kpu .content h1,
div.product-kpt .content h1,
div.product-bpu .content h1,
div.product-bpt .content h1{
	color: #000;
	padding: 0 5px;
}

/* Buster Node 29 - Kitchen Unblocker */
	div.product-kpu .content h1{background-color: #f89728;}
	div.product-kpu .attribute-long ul.ticks li{
		background: url(../images/buster/bg-orange-tick.png) no-repeat;
		_background: url(../images/buster/bg-orange-tick.gif) no-repeat;
	}
	
/* Buster Node 21 - Bathroom Unblocker */
	div.product-bpu .content h1{background-color: #8cdaf8;}
	div.product-bpu .attribute-long ul.ticks li{
		background: url(../images/buster/bg-blue-tick.png) no-repeat;
		_background: url(../images/buster/bg-blue-tick.gif) no-repeat;
	}

/* Buster Node 25 - Kitchen Treatment */
	div.product-kpt .content h1{background-color: #fff200;}
	div.product-kpt .attribute-long ul.ticks li{
		background: url(../images/buster/bg-yellow-tick.png) no-repeat;
		_background: url(../images/buster/bg-yellow-tick.gif) no-repeat;
	}

/* Buster Node 17 - Bathroom Treatment */
	div.product-bpt .content h1{background-color: #fff200;}
	div.product-bpt .attribute-long ul.ticks li{
		background: url(../images/buster/bg-yellow-tick.png) no-repeat;
		_background: url(../images/buster/bg-yellow-tick.gif) no-repeat;
	}
/*
-------------------------------------------------
FAQ
=================================================
*/
.content-view-children{
	margin: 20px 0 20px 0;
}
#faq-search input.search-box{
	background: url(../images/buster/bg-faq-input.png) no-repeat;
	border: none;
	font-size: 20px;
	height: 31px;
	padding: 0 10px;
	width: 280px;
}
.faq-line{
	margin: 5px 0 15px 0;
}
	.faq-line .faq-question{
		border: solid #444 1px;
		color: #f6f6f6;
		cursor: pointer;
		display: block;
		font-size: 18px;
		height: 20px;
		line-height: 18px;
		padding: 5px;
		position: relative;
	}
		.faq-arrow-border {
		  border-color: #444 transparent transparent transparent;
		  border-style: solid;
		  border-width: 10px;
		  height:0;
		  width:0;
		  position:absolute;
		  bottom:-20px;
		  left:30px;
		}
		
		.faq-arrow {
		  border-color: #000 transparent transparent transparent;
		  border-style: solid;
		  border-width: 10px;
		  height:0;
		  width:0;
		  position:absolute;
		  bottom:-19px;
		  left:30px;
		}
		 /* IE6 */
		.faq-arrow {
			_bottom:0;
		    _border-left-color: pink;
		    _border-bottom-color: pink;
		    _border-right-color: pink;
		    _filter: chroma(color=pink);
		}
	.faq-line .faq-answer{
		background-color: #139bea;
		font-size: 16px;
		padding: 20px 10px 10px 10px;
	}
		.faq-line .faq-answer a{
			color: #000!important;
		}
	.faq-tag{
		background: url(../images/buster/bg-blue-tick.png) no-repeat right -20px; 
		_background: url(../images/buster/bg-blue-tick.gif) no-repeat right -20px; 
		border: solid #444 1px;
		float: left;
		margin: 0 3px 0 0;
		padding: 3px 25px 3px 3px;
	}
		.faq-tag a{
			display: block;
		}
	.faq-tag.selected{
		background-position: right 0;
	}
	.faq-tag.remove {
		background: url(../images/buster/remove.png) no-repeat right 3px;
	}
/*
-------------------------------------------------
News
=================================================
*/
.news-line-image img{
	border: solid #fff 3px;
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}
.news-line-meta{
	background: #f1efe6;	
	float: left;
	height: 72px;
	margin: 0 10px 0 0;
	position: relative;
	width: 50px;
}
	.month, .day, .year {
	  position: absolute;
	  text-indent: -1000em;
	  background-image: url(../images/buster/dates.png);
	  background-repeat: no-repeat;
	}
	.month { top: 2px; left: 0; width: 32px; height: 24px;}
	.day { top: 25px; left: 0; width: 32px; height: 25px;}
	.year { bottom: 10px; right: 0; width: 17px; height: 48px;}
	
.news-line-content{
	display: block;
	float: left;
	width: 275px;
}
.m-01{background-position:0 4px}.m-02{background-position:0 -28px}.m-03{background-position:0 -57px}.m-04{background-position:0 -90px}.m-05{background-position:0 -121px}.m-06{background-position:0 -155px}.m-07{background-position:0 -180px}.m-08{background-position:0 -216px}.m-09{background-position:0 -246px}.m-10{background-position:0 -273px}.m-11{background-position:0 -309px}.m-12{background-position:0 -340px}.d-01{background-position: -50px 0}.d-02{background-position: -50px -31px}.d-03{background-position: -50px -62px}.d-04{background-position: -50px -92px}.d-05{background-position: -50px -123px}.d-06{background-position: -50px -154px}.d-07{background-position: -50px -185px}.d-08{background-position: -50px -216px}.d-09{background-position: -50px -248px}.d-10{background-position: -50px -278px}.d-11{background-position: -50px -309px}.d-12{background-position: -50px -340px}.d-13{background-position: -50px -371px}.d-14{background-position: -50px -402px}.d-15{background-position: -50px -434px}.d-16{background-position: -50px -465px}.d-17{background-position: -100px 0}.d-18{background-position: -100px -31px}.d-19{background-position: -100px -62px}.d-20{background-position: -100px -92px}.d-21{background-position: -100px -123px}.d-22{background-position: -100px -154px}.d-23{background-position: -100px -185px}.d-24{background-position: -100px -216px}.d-25{background-position: -100px -248px}.d-26{background-position: -100px -278px}.d-27{background-position: -100px -309px}.d-28{background-position: -100px -340px}.d-29{background-position: -100px -371px}.d-30{background-position: -100px -402px}.d-31{background-position: -100px -434px}.y-2006{background-position: -150px 0}.y-2007{background-position: -150px -50px}.y-2008{background-position: -150px -100px}.y-2009{background-position: -150px -150px}.y-2010{background-position: -150px -200px}.y-2011{background-position: -150px -250px}.y-2012{background-position: -150px -300px}.y-2013{background-position: -150px -350px}.y-2014{background-position: -150px -400px}.y-2015{background-position: -150px -450px}.y-2016{background-position: -150px -500px}