/* clearfix (temp) */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}


/* GLOBAL BUYLIST STYLES */

#buylist-page-container {
	font-family: "Times New Roman", georgia, serif;
	font-size: 15px;
	padding: 10px 0 0;
}

	#buylist-page-container h2 {
		margin: 0;
	}

.buylist-container {
	background: #ade492 url("../img/buylist/buylist-box-footer-3.png") bottom no-repeat;
	margin: 0 auto 10px;
	padding-bottom: 1px;
	position: relative;
	
}

#buylist-updates-container.updates-container {
	background: #e6e6e6 url("../img/buylist/buylist-box-footer-2.png") bottom no-repeat;
	background-size:100% 82px;
	border-radius:12px;
}

#buylist-updates-container.updates-container .updates-heading {
	background: url("../img/buylist/buylist-header-bg.png");
	color: #f1f1f1;
	font-size: 18px;
	height: 51px;
	line-height: 38px;
	text-shadow: 1px 1px 3px #000;
	margin:0;
	padding-left:12px;
	background-size:100% 51px;
}
#buylist-updates-container.updates-container .updates-heading  i {
	font-size:25px;
}

.box-top-heading {
	background: url("../img/buylist/buylist-header-bg.png");
	color: #eafdb9;
	font-size: 18px;
	height: 51px;
	line-height: 51px;
	text-shadow: 1px 1px 3px #000;
}

	.box-top-heading img {
		margin: 0 0 0 12px;
		vertical-align: middle;
	}

/* TABBED CRAWLER BOX - YUGI, MTG, VANGUARD */

#buylist-carousel-container {
	height: 314px;
	position: relative;
	
}

#tabContainer {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabContainer li {
	float: left;
	height: 131px;
}

#tabContainer a {}

#buylist-carousel-container .tab a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	height: 101px;
	margin: 0;
	padding: 0;

	/* Hide the text. */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#buylist-carousel-container .tab:hover a,
#buylist-carousel-container .tab.active a {
	background-position: 0 -102px;
}

#buylist-crawler-tab-yugioh {
	background-image: url(../img/buylist/buylist-tab-yugioh.jpg);

}

#buylist-crawler-tab-magic {
	background-image: url(../img/buylist/buylist-tab-magic.jpg);

}

#buylist-crawler-tab-vanguard {
	background-image: url(../img/buylist/buylist-tab-vanguard.jpg);

}

#buylist-crawler-info {
	background: url(../img/buylist/buylist-crawler-info.png) 0 0 no-repeat;
	top:18%;
	display: block;
	height: 172px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	width: 171px;
}

#buylist-crawler-info:hover {
	background: url("../img/buylist/buylist-crawler-info.png") 0 -172px no-repeat;
}

#tabContentContainer {
	background: url("../img/buylist/buylist-crawler-bg-2.png") center no-repeat;
	bottom: 1px;
	height: 183px;
	left: 0;
	padding: 0;
	position: absolute;

}



/* HEADER SECTION W/ POSITIVE FEATURES OF THE BUYLIST */
#buylistMainPoints {
	background: url('../img/buylist/buylist-key-points.png') center no-repeat;
	background-size: contain;
	height: 27px;
	position: absolute;
	top: 6px;
	left: 255px;
	width: 505px;
}

/* FUNCTIONS BOX - SEARCH, HOW TO USE */

.buylist-functions {
	background: #ade492 url("../img/buylist/buylist-search-box-header.png") center top no-repeat;
	height: 51px;
	margin: auto;
	padding-top:5px;
	position: relative;
	background-size:100% 49px;
}
.buylist-functions ul {
	margin:0;
	overflow:hidden;
}
.buylist-functions li {
	list-style:none;
}

	#buylist-functions-header ul,
	#buylist-category-search-header ul {
		display: block;
		height: 51px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#buylist-functions-header li,
		#buylist-category-search-header li {
			display: inline-block;
			float: left;
			height: 51px;
		}

			#buylist-functions-header li a,
			#buylist-category-search-header li a {
				color: #7bab63;
				display: block;
				font-size: 18px;
				font-weight: bold;
				height: 51px;
				line-height: 40px;
				text-decoration: none;
				text-shadow: 0px 1px 2px #fff;
				width: 290px;
			}

			#buylist-functions-header a.active,
			#buylist-category-search-header a.active {
				background: url("../img/buylist/buylist-search-tab-active.png") center no-repeat;
				color: #47792e;
				text-shadow: 0px 1px 2px #fff;

			}

		#buylist-functions-header a img,
		#buylist-category-search-header a img {
			margin: 0 0 0 10px;
			vertical-align: middle;
		}

#buylist-functions-container {}

/* BUYLIST QUICK SEARCH (SINGLE TEXT FIELD) */

#buylist-search-ctr {
	background: url("../img/buylist/buylist-search-box-divider.png") bottom no-repeat;
}

#buylist-search-ctr form#searchform {
	display: block;
	height: 48px;
	margin: 0 0 0 21px;
	position: relative;
}

#buylist-search-ctr input.search1 {}

#buylist-search-ctr input#s {
	background: #fff;
	border: 1px solid #acce9b;
	border-radius: 3px 0 0 3px;
	color: #515050;
	float: left;
	font-size: 14px;
	height:28px;
	margin: 0;
	padding: 3px 15px;
	width:82%;
}

#buylist-search-ctr input#searchsubmit {
	border: none;
	float: left;
	height:36px;
	width:87px;
	padding: 0;
}

/* CATEGORY SEARCH & PRODUCTS */

.category-header {
	background:#ade492;
}
.category-header > #buylist-cat-search-tab {
	color: #47792e;
    text-shadow: 0 1px 2px #fff;
	font-size:18px;
	margin-top:-1px;
	
}

	#buylist-search {}

	#buylist-search .search-column select{
		width:100%;
	}

	#buylist-functions-container .search-column {
		float: left;
		margin: 0 0 0 10px;
		min-height: 80px;
		width: 309px;
	}

		.current {}

		.search-progress {
			height: 45px;
		}

			.progress-number {
				background-image: url("../img/buylist/buylist-number-steps.png");
				background-repeat: no-repeat;
				display: inline-block;
				float: left;
				height: 41px;
				width: 41px;
			}

			#search-primary .progress-number {
				background-position: 0 0;
			}

			#search-primary.current .progress-number {
				background-position: 0 -56px;
			}

			#search-secondary .progress-number {
				background-position: -56px 0;
			}

			#search-secondary.current .progress-number {
				background-position: -56px -56px;
			}

			#search-tertiary .progress-number {
				background-position: -112px 0;
			}

			#search-tertiary.current .progress-number {
				background-position: -112px -56px;
			}

			.progress-step {
				color: #82ad6e;
				display: inline-block;
				float: left;
				height: 41px;
				line-height: 41px;
				padding: 0 0 0 10px;
				width: 245px;
			}

			.search-column.current .progress-step {
				background: url("../img/buylist/buylist-steps-bg-arrow.png") no-repeat;
				color: #eeffdd;
				padding: 0 0 0 20px;
			}


		#hidden-buylist-tree{
			display:none;
		}

    #buylist-search-results,
    #buylist-quick-search-results,
    #buylist-help-contents {
		background: #fff;
		-webkit-border-radius:5px;
		border-radius: 5px;
		display:none;
		position:relative;
		padding-bottom: 6px;
		padding-top: 6px;
    }
    
    #buylist-search-results .products.detailed {
        margin: 0 10px 0 0;
        padding: 5px 10px;
    }
    #buylist-search-results .products.grid {
        padding: 5px 10px;
    }

    #buylist-search-results.loading,
    #buylist-quick-search-results.loading {
	    background: url('../img/loading.gif') no-repeat center center #fff;
	    min-height: 80px;
	    display:block;
    }


/* BUYLIST UPDATE FEED */

#buylist-updates-container {
	overflow: hidden;
}

	#buylist-updates-instructions {
		bottom: 0;
		color: #f1f1f1;
		display: none; /*buylist.js will show as necessary */
		font-size: 24px;
		height: 51px;
		left: 0;
		line-height: 51px;
		text-shadow: 1px 1px 3px #000;
		text-align: center;
		position: absolute;
		width: 959px;
	}

		#buylist-updates-instructions img {
			vertical-align: middle;
		}

	#buylist-updates {
		overflow-x: hidden;
		overflow-y: auto;
		margin: 0 15px;
	}

		#buylist-updates .buylist-updates-inner{
			display:block;
			height:auto;
			width:auto;
		}

		#buylist-updates .post{
			
			display:block;
			position:relative;
			float:left;
		}
		#buylist-updates .post-summary{
			background:#fff;
			border:1px solid #ccc;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 1px 2px 3px #777;
			box-shadow: 1px 2px 3px #777;
			cursor: pointer;
			padding: 10px;
			margin-bottom:10px;
			min-height: 260px;
			margin-right:10px;
		}

		#buylist-updates .post .post-summary img{
			display:block;
			max-height: 160px;
		}

		#buylist-updates .post .post-summary .title{
			display:block;
			font-size: 0.8rem;
			padding-top:5px;
		}


/* POST MODAL */

/* Important: Do not prefix this class - this elem is located in the body */
.post .exploit {
	background:#fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 4px 2px #666;
	box-shadow: 1px 1px 4px 2px #000;
	display: none;
	font-family: Helvetica-Regular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:450px;
	line-height: 150%;
	padding:10px;
	width:732px;
	z-index:99999;
	overflow-y: scroll;
}
.post .exploit.active {
	display: block;
}

.post-modal .post-modal-inner {
	height:420px;
	overflow-y:auto;
	overflow-x:auto;
	padding:15px 25px 15px 15px;
}

.post-modal .post-modal-inner .close {
	background: #e2041a; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2041a 0%, #930000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2041a), color-stop(100%,#930000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2041a 0%,#930000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2041a 0%,#930000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2041a 0%,#930000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2041a 0%,#930000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2041a', endColorstr='#930000',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	cursor:pointer;
	display: block;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 35px;
	text-align: center;
	text-shadow: 0px -1px 2px #222;
	top: 8px;
	width: 25px;
}

/*post-modal styles to replicate WP */
.post-modal .title{
	color:#222;
	font:bold 25px/30px Helvetica-Bold-Condensed, Arial, Helvetica, sans-serif;
	margin:0 0 25px 0;
}

.post-modal img {
	max-width: 674px;
}

.post-modal .aligncenter,
.post-modal img.aligncenter {
	clear: both;
	display: block;
	margin: auto;
}

.post-modal .alignleft,
.post-modal img.alignleft {
	display: inline;
	float: left;
	margin: 4px 20px 0 0;
}

.post-modal .alignright,
.post-modal img.alignright {
	display: inline;
	float: right;
	margin: 4px 0 0 20px;
}

.post-modal img.alignleft,
.post-modal img.alignright,
.post-modal img.aligncenter {
	margin-bottom: 8px;
}

.post-modal p {
	margin: 0 0 10px;
	padding:0;
}

.post-modal h1,
.post-modal h2,
.post-modal h3,
.post-modal h4,
.post-modal h5,
.post-modal h6 {
	font-family: Helvetica-Bold-Condensed, Arial, Helvetica, sans-serif;
}

.post-modal h1 {
	font-size: 20px;
	margin: 0 0 15px;
}

.post-modal h2 {
	font-size: 18px;
	margin: 0 0 12px;
}

.post-modal h3 {
	font-size: 15px;
	margin: 0 0 12px;
}


.post-modal h4,
.post-modal h5,
.post-modal h6 {
	margin: 5px 0 5px;
}

a.clear-search {
	background: url(../img/buylist/btn-reset-search.png) 0 0;
	display: block;
	height: 35px;
	overflow: hidden;
	position: absolute;
	right: 14px;
	text-indent: -10000px;
	top: 2px;
	width: 129px;
}

a.clear-search:hover {
	background: url(../img/buylist/btn-reset-search.png) 0 -35px;
}


.buylist-return {
	background: url("../img/buylist/returnToBuylistHome.png") center no-repeat;
	display: block;
	height: 43px;
	margin: 0 auto 15px;
	width: 960px;
}