/* CSS Document paired w/ PHP */
/* Color Schemes-------------------------
	Tan background for container: #ECE9DB
------------------------------------------*/
 
/*  Active page background image  */
 
/*__
	|
	|
	| Styles CSS
	|________________*/
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: 0 0 1.5em;
	font-family: Helvetica, Arial, Sans-serif;
	background: rgb(27,0,0) url(../images/layout/_bkgds/bkgd-valentines2.jpg) repeat-x 0% 0%;
	
}
.twoColLiqLtHdr #shell {
	background: url(../images/layout/_bkgds/bkgd-valentines2.jpg) repeat-x 0% 0%;
	margin:0;
	padding:0;
	width: 100%;
	z-index: 2;
}
.twoColLiqLtHdr #container {
	width: 64em;
	margin: 0 auto;
	position: relative;
	background-color: /* #ECE9DB */;
}

.twoColLiqLtHdr #header {
	height: /*132px; */ 145px;
	background-image: url(../images/layout/_headers/Valentines-2011.png);
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	z-index:1234;
}	
  
		.twoColLiqLtHdr #header h1 {
	text-indent:-9999px;/*--Hides text to visible, but available for Search Engines and screen readers, etc________*/
			background: ; 						
	background-image: url(../images/layout/h1-white-bigK.png); /* Black Logo: ../images/layout/h1-black-bigK.png */
	background-repeat: no-repeat;
	height: 150px;
	margin: 0px 0 0 -1em; /* IE Hack */margin:0\9;
	padding: 0px;
	top:5px;
	overflow: visible;
	z-index: 2000;
			}
	.twoColLiqLtHdr #header h1 a {width:331px;height:150px;display:block;position:relative;z-index: 2001;}
			.twoColLiqLtHdr #header h2 {text-indent:-9999em;margin:0;padding:0;}
			.twoColLiqLtHdr #header fieldset {
	float:right;
	width:15em;
	margin:1em 0 .25em 1em;
	background-image: url(../images/layout/spacer-transparent_grey.png);
	background-repeat: repeat;
	border:dotted 1px #000;
	padding:.165em;
	/*--|
		| CSS 3
		|__________*/
		/*text-shadow: #ccc .1em .1em;*/
    	-moz-box-shadow:: 0.2em 0.2em 0.2em #888;
   		 -webkit-box-shadow: 0.2em 0.2em 0.2em #888;
    	box-shadow: 0.2em 0.2em 0.2em #888;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;

				}
			.twoColLiqLtHdr #header legend{
	color: #FFFFFF;
	text-shadow: #222 .1em .1em;
	border: 1px solid #900;
	font:italic small-caps bold 90%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #060;
	padding: 4px 10px;
	margin: -1em .5em .25em .5em;
	float:left;
	display: inline;
}
		.twoColLiqLtHdr #header legend img{
	background-color: #006699;
	margin:0.25em;
}
		.twoColLiqLtHdr #header fieldset label{
			font:italic small-caps bold 88%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
			display:inline;
			color:#fff;
		}
		.twoColLiqLtHdr #header fieldset h4{
			color: #F90;
			font: normal bold .8em/1.25 "Century Gothic", "Arial Black", Helvetica, Arial, sans-serif;
			background: transparent url(../images/layout/radio.png) no-repeat 0% 0%;
			padding:10px 0 0 50px;
			margin:0;
			text-shadow: none;
			height:50px;
			text-align:center;
			vertical-align:center;
		}
	/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColLiqLtHdr #mainContent {
	position: relative;
	padding: 2em 1px 1px 1px;
	margin: 0;
	width: 100%;
	clear: both;
	/*	IE HACK */ background-color:#ECE9DB\9!important;/* The Fallback */
	background: url(../images/layout/bkgd-tan.png) repeat 0% 0%\9;
   background: rgba(200, 200, 200, 0.8);
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	z-index:5;
	/* Firfox, Mozilla, Gecko browsers */-moz-box-shadow: 0px 3px 5px #222;
	/* Safari,Chrome, web-kit broswers */ -webkit-box-shadow: 0px 3px 5px #222;
	box-shadow: 0px 3px 5px #222;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	overflow: visible;
}
/*--|
	| Tips for sidebar1:
	|______________________--*//* 
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/

.twoColLiqLtHdr #aside {
	float: left;
	width: 14.75em; /* IE hack */ width:200px\9;
	border-right: dashed 1px #666;
	padding: .1em .75em .1em .1em;
	margin: 1em .75em 1em 0;
	clear: both;
}
.twoColLiqLtHdr #aside h2, .twoColLiqLtHdr #aside p {
	display: block;
	text-align:left;
}
.twoColLiqLtHdr #aside h3 {
	font: normal 900 1.65em/1.75 'Arial Black',Helvetica,Arial,sans-serif;
	color:#fff;
	background-color:#444;
	border:solid 1px #000;
	margin:0 auto 0 -.25em;
	letter-spacing:-1px;
	text-align:left;
	padding: 0 0 0 .5em;
	position:relative;
	/* CSS3 */
	-moz-border-radius-topleft:0.25em;
	-moz-border-radius-topright:1em;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:1em;
	-webkit-border-top-left-radius:0.25em;
	-webkit-border-top-right-radius:1em;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:1em;
	text-shadow: #900 1px 1px;
	-moz-box-shadow: 4px 4px 4px #999;
	-webkit-box-shadow: 4px 4px 4px #999;
	box-shadow: 4px 4px 4px #999;
}
	.twoColLiqLtHdr #aside h4 ul#navigation {
	padding-left:25px;
	font: normal small-caps bold 90%/1 "Trebuchet MS", Helvetica, , Arial, sans-serif;
	text-align: left;
	margin:0 0 0 -1.5em;
	list-style:none;
	clear:both;
	}
	
		.twoColLiqLtHdr #aside h4 ul#navigation li {
	font: normal small-caps bold 90%/1 "Trebuchet MS", Helvetica, , Arial, sans-serif;
	list-style:none;
	margin:0 0 0 -.35em;
	padding:8px 0 8px 1em;
	text-align:left;
	width:220px;
	height:35px;
	color: #000;
	clear:both;
}
	.twoColLiqLtHdr #aside h4 ul#navigation li a {position:relative;padding:.25em 0;display:block;}
	.twoColLiqLtHdr #aside h4 ul#navigation li:link {text-decoration: none;width:220px;height:50px;}
	.twoColLiqLtHdr #aside h4 ul#navigation li:visited {color: #333;text-decoration: none;}
	.twoColLiqLtHdr #aside h4 ul#navigation li:hover {background: url(../images/layout/navtags-green.png) no-repeat 0% -100px;color: #000;text-decoration: underline;;}
	.twoColLiqLtHdr #aside h4 ul#navigation li:active {color: #900;}
		.twoColLiqLtHdr #aside h4 ul#navigation li a#Promo {display:block;background: url(../images/layout/signupeveryhour-50px.png) no-repeat 50% 0%; height:50px!important;}
		.twoColLiqLtHdr #aside h4 ul#navigation li a:link {color: #222;text-decoration: none;height:50px;}
		.twoColLiqLtHdr #aside h4 ul#navigation li a:visited {color: #333;text-decoration: none;}
		.twoColLiqLtHdr #aside h4 ul#navigation li a:hover {color: #000;text-decoration: underline;}
		.twoColLiqLtHdr #aside h4 ul#navigation li a:active {color: #900;}

/*  This class creates a background image behind the link to show the current page you are on, combined w/ the PHP found in includes/menu.php & includes/menu_pages.php, and the PHP found in Line 1 of everypage, which uses PHP to set the page name.  */
#activepage {background: url(../images/layout/navtags-green.png) no-repeat 0% -100px;color: #000!important;text-decoration: underline;font-weight:bold;}
/* End Navigation */

h4.winnerHeader {
	color: #000;
	font: normal 900 1.15em/1 'Arial Black', Helvetica, Arial, san-serif;
	text-align: right;
	font-weight: 900;
	display:block;
	height:100px;
	background: transparent url(../images/layout/shopper.png) no-repeat 0% 0%;
	margin: 0 0 1.5em;
	padding: 50px 0 0 60px;
}
h6.winnerSub {
	float:right;
	width:140px;
	font: normal 1em/1 'Trebuchet MS',Helvetica,Arial,sans-serif;
	text-align:center;
	padding:10px 5px;
	background-color:#222;
	color:#ccc;
	display:block;
	margin:-6.5em 0 0; /*  IE Hack  */margin:-3em 0 0\9;
	border:solid 1px #F00;
	/* CSS3 */
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomleft:1em;
	-moz-border-radius-bottomright:1em;
   	 -webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-left-radius:1em;
	-webkit-border-bottom-right-radius:1em;
	text-shadow: #900 1px 1px;
	-moz-box-shadow: 2px 2px 2px #333;
	-webkit-box-shadow: 2px 2px 2px #333;
    box-shadow: 2px 2px 2px #333;
}
h6.winnerSub a {color:#fff;}
h6.winnerSub a:link {color:#fff;}
p.winnerLink,
p.winnerLink a,
p.winnerLink a:link {margin:-1.75em 0 0;padding:.5em 0;text-align:right;display:block;/* IE 8 and Under hack */margin-top:0\9;}


/*  ------------------------------------------------------   Winners & Pet of the Week List - Found in Sidebar and Winner.php page  ------------------------------------------------------  */

ul.random,
ul#Pets,
ul#winners {position:relative;list-style: outside none;display:block;margin:0;padding:0;*z-index:1;}
ul#winners li {margin:0;padding:5px 0;}

ul.random li,
ul#Pets li {position:relative;display:block;margin:.25em 0;padding:0;min-height:150px!important;clear:right;/* IE 7 & under hack */*margin:0 0 3em;}

ul.random li h4,
ul#Pets li h4 {display:block;position:relative;margin:0 0 0 -.5em;padding: .5em .5em .25em;border-bottom:none!important;border:solid 1px #0FF;font-weight:bold;
						/*  CSS3  */
						background-color: #33cafe; /* fallback color */
            			background-image: url(../images/layout/bkgd-bluegradient.jpg); /* fallback image */
           				background-image: -moz-linear-gradient(100% 100% 90deg, #33cafe, #1a82f7);
            			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#33cafe));
						-moz-box-shadow: 2px 2px 2px #333;
						-webkit-box-shadow: 2px 2px 2px #333;
   						box-shadow: 2px 2px 2px #333;
	   					-moz-border-radius-topleft:.5em;
   						-moz-border-radius-topright:1em;
   						-moz-border-radius-bottomleft:0;
   						-moz-border-radius-bottomright:1em;
   						-webkit-border-top-left-radius:.5em;
   						-webkit-border-top-right-radius:1em;
   						-webkit-border-bottom-left-radius:0;
   						-webkit-border-bottom-right-radius:1em;
			}
ul.random li h4 {margin:0 0 160px -.5em;}
ul#Pets li h4 {margin:0 0 230px -.5em;}	

ul.random li h5 {
	display:block;
	position:realtive;
	margin:.25em 0;
	padding:0;
	white-space: nowrap;
}
ul#Pets li h5 {display:block;position:realtive;margin:.25em 0;padding:0;font: normal 900 1.5em/1.75 'Arial Black',Arial,Helvetica,sans-serif;color:#1a82f7;border-bottom:solid 1px #222;} 
ul#KidArt li h5 {display:block;position:relative;margin:.25em 0;padding:75px 0 0;border-bottom:solid 1px #888;}

ul.random li img,
ul#Pets li img {position:absolute; border:solid 1px #222;margin:.5em 0;padding:0;top:2.25em;left:0;/* IE8 & under hack */z-index:3000\9; left:-3em\9; }
ul.random li img {width:200px;height:150px;/* IE8 & under hack */ left:-3.25em\9;}
ul#Pets li img {width:200px;height:225px;/* IE8 & under hack */ left:-1.5em\9;}
ul#KidArt li img {width:200px;height:217px;/* IE8 & under hack */ left:-1.5em\9;}

ul.random a:hover img {width:400px;height:300px;background-color:#fff;}
ul#Pets a:hover img {width:400px;height:450px;background-color:#fff;}
ul#KidArt a:hover img {width:400px;height:435px;background-color:#fff;}
						

						
ul.random a:hover img,
ul#Pets a:hover img{/*css3*/
						-webkit-transition: all 500ms linear; 
						border:.25em solid #33cafe;
						z-index:4000!important;
						-moz-border-radius: 1em;
						-webkit-border-radius: 1em;
						-moz-box-shadow: .5em .5em .5em #333;
						-webkit-box-shadow: .5em .5em .5em #333;
   						 box-shadow: .5em .5em .5em #333;
}
/*IE 7 and under z-index hack-Just disable the hover effect */ul.random a:hover img {*width:250px;*height:175px;}
ul.random li p
ul#Pets li p {text-align:left;}

ul.random li p a:link
ul#Pets li p a:link {text-decoration:underline;}

/*  ------------------------------------------------------   SOCIAL: Twitter, Facebook, etc. . .  ------------------------------------------------------  */

#twitter_div {
	margin:0;padding:0;
}
#twitter_div h3 {
	margin:0;padding:0;
}
#twitter_div h4 {
	display:block;
	postion: relative;
	margin:0;
	background: transparent url(../images/content/twitter.png) no-repeat 0% 50%;
	text-align:right;
	padding: 0 0 0 80px;
	color:#333;
}
#twitter_div h4 a {
	display:block;
	postion: relative;
	padding:1em 0;
}
/*--|
	| Main Content Area
	|____________________--*/
		
.twoColLiqLtHdr #main {
	padding:0 .7em 0 16.5em;
	text-align: left;
	font-style: normal!important;
	display:block!important;
	clear:right;
	} 
	.twoColLiqLtHdr #main .big_deal_box {
	float: right;
	width: 300px;
	margin: 0 0 2em 2em;
	}
	.twoColLiqLtHdr #main .big_deal_box .wrap {
	width: 300px;
	height: 157px;
	position: relative;
	overflow: hidden;
	padding: 0;
	float: right;
}
.twoColLiqLtHdr #main .big_deal_box .wrap a {display:block;position:relative;width:300px;height:157px;}
	.wrap img {
	position: absolute;
	top: 0; left: 0;
}
	.twoColLiqLtHdr #main #expressTicket {
	height: 200px;
	width: 17.5em;
	color: #000000;
	float: right;
	background-image: url(../images/layout/ticket-express+seal.png);
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 1;
	display: block;
	padding: .5em 1.25em .6em;
	margin:.5em 0 .5em 1em;
	position: relative;
}
	.twoColLiqLtHdr #main #expressTicket h5 {margin:0 0 1em;padding:0;}
	.twoColLiqLtHdr #main #expressTicket h2 {
	font: bold 100%/1 'Arial Black','Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	margin:0;
}
	.twoColLiqLtHdr #main #expressTicket h3 {
	font-family:italic small- caps bold 120%/120%'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	color: #F00;
	margin:0;
	padding: 0;
}
	.twoColLiqLtHdr #main #expressTicket h4 {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; text-align: left;color: #333;margin:.5em 0;"}
	.twoColLiqLtHdr #main #bigdealRegistration {display:block;margin: 1% 0 1% 0; padding: 30px 0 0 4em; background-image: url(../images/layout/ticket.jpg); background-repeat: no-repeat; width: 44em; height: 28em; text-align: left; color: #fff;}
	.twoColLiqLtHdr #main #bigdealRegistration h2 {font: small-caps bold 2em/2em "Trebuchet MS", Arial, Helvetica, sans-serif;color:fff;}
	
	.twoColLiqLtHdr #main #giveaway-highlight {font: normal normal 13px/1.75 Helvetica,Arial,sans-serif;margin:1.5em 0;display:block;}
	.twoColLiqLtHdr #main #giveaway-highlight h2 {font: normal 900 1.25em/1.25 "Arial Black",Impact,Helvetica,Arial,sans-serif;} 
	.twoColLiqLtHdr #main #giveaway-highlight ul{margin:0;padding:0;list-style:square outside;}
	
	.twoColLiqLtHdr #main h2 {
	margin:0;
	padding:0;
	font: small-caps bold;
}
	.twoColLiqLtHdr #main h3 {
	margin:0;
	padding:0;
	font: small-caps bold;
}
	.twoColLiqLtHdr #main h4 {
	display:block;
	border-bottom:solid 1px #000;
	padding:.25em .5em 0em;
	color: #000;
}
	.twoColLiqLtHdr #main fieldset {
	border: 1px groove #000066;
	background-image: url(../images/layout/spacer-transparent_grey.png);
	background-repeat: repeat;
	padding: 0 .25em .5em;
	margin: 1em 0;
}
	.twoColLiqLtHdr #main fieldset legend {
	color: #FFFFFF;
	border: 1px solid #900;
	font:italic small-caps bold 120%/120% Helvetica, Verdana, san-serif;
	background-color: #060;
	padding: 4px 10px;
}
/*--|
	| Footer
	|__________--*/
.twoColLiqLtHdr #footer {
	background: none;
	width:100%;
	height: 3em;
	padding:2em 0 0 0;
	display:block;
	text-align:center;
}

	#footer h5 {
	margin:0 0
.5em 0;
	padding:0;
	margin: 0;
}

	#footer h6 {margin:0;padding:0;width:100%;font: normal small-caps 80%/100% "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;}

/*--|
	| Misc.
	|__________--*/

/* Hidden Links to help boost search rankings */
#Hidden {display:none!important; visibility:hidden!important;width:0!important;;height:0!important;position:absolute!important;top:-9999px!important;left:-9999px!important;text-indent:-9999px!important;margin:-9999px 0 0 -9999px!important;}
#Hidden h1  {display:none!important; visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;top:-9999px!important;left:-9999px!important;text-indent:-9999px!important;margin:-9999px 0 0 -9999px!important;}
#Hidden h1  a{display:none!important; visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;top:-9999px!important;left:-9999px!important;text-indent:-9999px!important;margin:-9999px 0 0 -9999px!important;}

.error {
	background: transparent url(../images/layout/cancel.png) no-repeat 0% 0%;
	text-indent: 18px;
	line-height: 1.75;
}
#kingsport {text-align:center;margin: 0 auto;display:block;width:100%;}
.clear {clear:both;}
.word {
	height:198px;
	margin: 0 25px 0 0;
}
	.word img {margin: 3px auto;}
.pdf {
	height:198px;
	margin: 0;
}
	.pdf img {margin: 3px auto;}
#facebook {padding:0 3em;}

#ThankYou {background: transparent url(../images/layout/thankyou.png) no-repeat 15% 0%;display:block;padding:145px 0 0;}

#secretSantaPromo {height:562px;}
	#secretSantaPromo img {display:block;float:left;width:350px;height:562px;}
	#secretSantaPromo h1#questionMark {display:block;float:left;color:#900;font: normal bold 200px/1 'Arial Black',sans-serif;margin:0;padding:0;}
	#secretSantaPromo h1 {color:#000;font: normal bold 36px/1 'Arial Black',sans-serif;margin:0;padding:100px 0 0;}
		#secretSantaPromo h1 span.red {color:#900;font-size:45px;}
	#secretSantaPromo h2 {color:#222;font: normal 30px/1 sans-serif;margin:0 0 25px!important;padding:0;}
	#secretSantaPromo h3 {font-style:italic;color:#06F;}
	#secretSantaPromo a {color: #03C;}