/****
 *
 *  Ad Campaign: FY15 True Value September Promo 2 2015
 *  Ops Task Number: OT-54336
 *  Author: Client Provided / PD: Mark Ivanowski
 *  Creative Name: TrueValue_Sept_Promo_2_300x250
 *  Version: 091615.01
 * 
 *  NOTES: TS vjc 110615 rev16
 *
 ****/
 
@charset "UTF-8";
/* CSS Document */


	@font-face {
font-family: 'bemio_italicregular';
	src: url('Bemio Italic.eot');
	src: url('Bemio Italic.eot?#iefix') format('embedded-opentype'), 
		 url('Bemio Italic.woff') format('woff'), 
		 url('Bemio Italic.ttf') format('truetype'), 
		 url('Bemio Italic.svg#Bemio Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGIq-Fb0zf838trI74uojZQY.woff2) format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Ekie17uDcARvvg0QA3ZZLH3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
}


#tv_expand_banner_wrapper a {outline:0px !important;}
#tv_expand_banner_wrapper a img{text-decoration:none; border:0px !important; border-style:none !important; outline:0px !important;}

#tv_expand_banner_wrapper{
	width:498px;
	height:248px;
	position: absolute;
	top:0;
	left:0;
	text-transform: uppercase;
	background:#000000;
	border: solid 1px #ccc;
	overflow:hidden;
}
#tv_buyOnline {
	float:left;
	display:block;
	background-color:#E0393D;
	height:26px;
	padding:0 6px;
	margin-right:5px;
	position: relative;
	top: 23px;
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	line-height: 27px;
	cursor:pointer;
}

/*  01. navigation  */

.active{
	background-color:#000000;
}

#tv_expand_navigation{
	position: absolute;
	width:498px;
	height:32px;
	background-color:#CC092F;
}

#tv_expand_navigation ul{
	padding:0;
	margin:0;
	position: absolute;
	width:470px;
	height:32px;
	right:30px;
}

#tv_expand_navigation ul li{
	list-style: none;
	float:right;
	font-size:12px;
	display:block;
}

#tv_expand_navigation ul li:hover{
	background-color:#000000;
}

#tv_expand_navigation ul li.tv_expand_nav_btns{
	padding:0 10px;
	position: relative;
	top:0;
	height: 32px;
}

#tv_expand_navigation ul li.tv_expand_nav_btns a{
	color:#ffffff;
	text-decoration: none;
	font-family:arial, sans-serif;
	display:block;
	height:32px;
	line-height:34px;
	padding:0 6px;
}

#tv_expand_navigation ul li.tv_expand_nav_btns div{
	color:#ffffff;
	text-decoration: none;
	font-family:arial, sans-serif;
	display:block;
	height:32px;
	line-height:34px;
	padding:0 6px;
}

#tv_expand_navigation ul li#tv_expand_main_close_btn{
	position: absolute;
	left:470px;
	height: 32px;
	width:30px;
	background-image:url('close-btn.png');
	background-repeat:no-repeat;
	border:none !important;
	background-position:7px 5px; 
}

#tv_expand_navigation ul li#tv_expand_main_close_btn a{
	position: relative;
	top:7px;
	left:7px;
}

/* 02. left content */
#tv_expand_left_content{
	width:300px;
	height:216px;
	position: absolute;
	top:32px;
	background: #fff;
}
#tv_expand_left_content #one {
	top: 10px;
	
}
#prPnlCoupon {
	background-image:url('coupon.jpg');
	background-repeat:no-repeat;
	border:none !important;
	background-position:17px 7px; 
	height:200px;
}
#prhillside {
	background-image:url('hillside.jpg');
	background-repeat:no-repeat;
	border:none !important;
	height:200px;
	top:0px;
	left:0px;
}
#tv_expand_left_content #two{
	top: 0px;
	left: 0px;
}

.panelShow{
	display:block !important;
}

.block{
	display:none;
	margin-top:0px;
	/*padding:0 10px 10px 10px;*/
}

.block h2{
	font-size: 19px;
	text-align:center;
}

.block img{
	position: absolute;
}

#tv_expand_disclaimer_btn{
	color:#000000;
	font-family:arial, sans-serif;
	font-size:10px;
	text-decoration: none;
	position: absolute;
	font-weight: bold;
	text-transform: none;
	top:196px;
	left:10px;
	cursor:pointer;
}

#tv_expand_left_content .tv_expand_footer_btns{
	font-family:arial, sans-serif;
	font-size:13px;
	line-height: 27px;
	text-transform: none;
}


/* 03. color slider */
#color-slider {
	width:300px;
	position: absolute;
	top:170px;
	left:0px;
	display: table;
	padding: 0px;
	margin: 0px;
}

#color-slider ul {
	width:250px;
	display: table-cell;
	padding: 0px;
	margin: 0px;
	float: left;
}
#color-slider ul.slider-color-set {display:none;}
#color-slider ul.slider-color-set.current {display:block;}
#color-slider li {float:left;list-style: none;font-size:8px;text-align: center;color:#fff;display:table-cell;height:35px;vertical-align: middle;line-height: 8px;}
#color-slider li.dktext {color:#333;}
#color-slider li p, .slider-direction-button p {
	margin: 0;
	padding: 0;
	position: relative;
	top:50%;  
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*#color-slider li.three-line {padding-top:3px;}*/
#color-slider li:nth-child(1n) {width:44%;}
#color-slider li:nth-child(2n) {width:27%;margin:0 1%;}
#color-slider li:nth-child(3n) {width:27%;}

.slider-direction-button {
	display: table-cell;
	width: 10px;
	float: left;
	height: 35px;
	vertical-align: middle;
	width: 20px;
	text-align: center;
	background: #E0383C !important;
	color: #fff;
	font-weight: 900;
	margin:0px 2px;
	cursor: pointer;
}
.slider-direction-button.disabled {background: #ccc !important;cursor: default;}

/* 04. right content */
#tv_expand_right_content{
	width: 196px !important;
	height: 216px !important;
	position: absolute !important;
	top:32px !important;
	left:300px !important;
	background-color:#fffeff !important;
	font-family:arial, sans-serif !important;
	text-transform: none !important;
	color:#565656 !important;
	padding:0 10px !important;
}

#tv_expand_text{
	font-size:13px !important;
	margin-bottom: -20px !important;
	line-height: 13px;
	top: 3px;
	position: relative;
}

#tv_expand_address{
	font-size:10px !important;
	font-weight: bold !important;
	min-height:30px !important;
	margin-top:10px !important;
	line-height: 12px;
	top: -1px;
	position: relative;
}

#tv_expand_btns{
	padding:0 !important;
	margin-top: 0px !important;
	height:22px !important;
}

#tv_expand_btns li{
	list-style: none !important;
	float:left !important;
	display:block !important;
	background-color:#E0393D !important;
	height:26px !important;
	padding:0 6px !important;
	margin-right:5px !important;
}

#tv_expand_btns li:hover{
	background-color:#000000;
}

#tv_expand_btns li div{
	display:block;
	font-size:13px;
	text-decoration:none;
	color:#ffffff;
	height:26px;
	line-height: 27px;
	cursor:pointer;
}

#tv_expand_main_disclaimer{
	font-size:7px;
	display:block;
	width: 100%;
	cursor:pointer;
	line-height: 8px;
	top: 2px;
	position: relative;
}

/* 05. disclaimer */
#tv_expand_disclaimer{
	position: absolute;
	width:100%;
	top:150px;
	display:none;
	z-index:999;
}

#tv_expand_disclaimer p{
	font-size:10px;
	line-height: 11px;
	font-family: arial, sans-serif;
	color:#ffffff;
	text-transform: none;
	background-color:rgba(0,0,0,.8);
	border-radius:5px;
	padding:10px;
	width:460px;
	margin:0 auto;
	display:block;
}

#tv_expand_disclaimer_close_btn {
	position: absolute;
	left: 476px;
	top: -5px;
	cursor:pointer;
}

#changeZipContainer {
	position: absolute;
	background-color: #FFF;
	width: 92px;
	height: 26px;
	overflow: hidden;
	z-index: 90;
	display: none;
	z-index:2;
	margin-top: 0px !important;
}
#zipInput {
	position: absolute;
	width: 66px;
	height: 26px;
	overflow: hidden;
}
#zipCodeInput {
	width: 58px;
	position: absolute;
	left: 2px;
	text-align: center;
}
#zipGo {
	position: absolute;
	left: 67px;
	top: 1px;
	background-color: #CCC;
	width: 24px;
	height: 22px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	cursor:pointer;
}

#prPnlCoupon,
#tv_expand_navigation,
#prlogo, #tv_expand_address,
#prhillside, #prRightGen{
	cursor:pointer;
}

#prlogo{
	z-index:99999;
	margin-top: 5px !important;
}

#prRightGen{
	background-color:blue;
	height:42px;
	width:190px;
	opacity:0;
}