/*tttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt*/
body  {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* approx. 10px */
	line-height: 17px;
	text-align: center;
	color: #fff;
	background:#640000 url(../img/pagebg.gif) center 45px repeat-x; }
}

/* ====================================================================================================== STANDARD TAGS */

p { margin: 0px 0px 13px 0px; padding: 0px; }

h1 { margin: 0px 0px 18px 0px; font-size: 1.8em; font-weight: bold; }
h2 { margin: 0px 0px 16px 0px; font-size: 1.6em; font-weight: bold; }
h2 span { display:none; }
h3 { margin: 0px 0px 15px 0px; font-size: 1.1em; font-weight: bold; color:#51c0da; }
h4 { margin: 0px 0px 13px 0px; font-size: 1.2em; font-weight: bold; }

strong { font-weight: bold; }
em { font-style: oblique; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { color:#fff: }
ul.icon { margin: 0px 0px 13px 0px; }
ul.icon li { padding: 2px 0px 2px 18px; background: url(/lib/img/icons/bullet-logo-blue.gif) no-repeat 2px 4px; }

/* ====================================================================================================== PAGE FRAMEWORK */
.wrapper { width:960px; }
.container { margin: 0px auto; width:100%; text-align: center; background:url(../img/bg.jpg) center top no-repeat; }

.header { width:960px; margin:0 auto; }

/** === NAVIGATION - SHARE ======================================================== */
#nav { font-size:1.1em; float:right; position:relative; padding:34px 120px 0 0; }
#nav ul li { display:inline; float:left; padding:0 20px 0 0; }
#nav ul li a { font-size:1.1em; }
#nav ul li#share_it { background-color:transparent; background-image:none; cursor:pointer; height:27px; padding:0px 0px 0px 10px; text-align:left;  }
#nav ul li#share_it a#btn { background:url(/kisses/heroesathome/lib/img/share-it/share-btn.png) 0px 0px no-repeat; cursor:pointer; display:block; height:27px; margin:0px 0px 0px 0px; overflow:hidden; padding:0px; position:absolute; text-indent:-999px; top:auto; right:0px; width:116px; }
#nav ul li#share_it a#btn:hover { background-position:0px -27px; }
#nav ul li#share_it ul#list { background:url(/kisses/heroesathome/lib/img/share-it/share-list-bg.gif) 0px 0px no-repeat; display:none; font-family:Verdana, Arial, sans serif; font-size:11px; height:170px; margin:2px 0px 0px 0px; padding:23px 0px 0px 0px; position:absolute; top:auto; right:0px; width:116px; }
#nav ul li#share_it ul#list li { background-image:none; display:block; float:none; height:auto; }
#nav ul li#share_it ul#list li a { color:#ffffff; display:block; float:none; height:17px; padding:0px 0px 0px 31px; margin:2px 0px 2px 0px; text-decoration:underline; text-indent:0px; }
#nav ul li#share_it ul#list li a:visited { color:#ffffff; }
#nav ul li#share_it ul#list li a:hover { text-decoration:none; color:#ffffff; }
#nav ul li#share_it ul#list li.mix a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px 1px no-repeat; padding-top:2px; }
#nav ul li#share_it ul#list li.dig a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -21px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.fac a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -44px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.del a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -64px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.red a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -84px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.stu a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -105px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.mys a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -126px no-repeat; padding-top:1px; }
#nav ul li#share_it ul#list li.twi a { background:url(/kisses/heroesathome/lib/img/share-it/share-icons-sprite.gif) 7px -145px no-repeat; padding-top:1px; }

/* ====================================================================================================== FLASH */

#flash-home { width:100%; height:600px; margin:0 auto; }
#flash-home-alt { padding: 25px 20px 0px 20px; visibility: hidden; font-size: 1.2em; background:url(../img/bg.jpg) center top no-repeat; width:892px; height:501px; }
#flash-home-alt p { padding:150px 0 0 0; }

#not-found { width:960px; margin:0 auto; text-align:left; padding:20px 0 0 0;}
#not-found img { float:left; }
#not-found p { float:left; margin:10px 0 0 0; width:400px; }

/* ====================================================================================================== MAIN CONTENT */
#comingsoon { width:960px; margin:0 auto; text-align:left; }
#redirector { width:960px; margin:0 auto; text-align:left; }
#maincontent { width:960px; margin:0 auto; height:600px; text-align:left; }
.headerlogos { }
.comingsoonkisses { padding:110px 0 0 170px; float:left; }
.comingsoondetails { width:380px; text-align:left; float:left; padding:145px 0 0 25px; }
.comingsoondetails p { font-size:1.1em; line-height:2em; padding:10px 0; letter-spacing:.06em; }

/* ====================================================================================================== BRAND FOOTER */
.footercontainer { background:url(../img/footerbg.gif) center top repeat-x; padding:15px 0 0 0; }
.footercontent { width:960px; margin:0 auto; text-align:left; color:#995757; }
#footernav { list-style:none; float:right; }
#footernav li { float:left; padding:0 10px 0 0; }
#nopurchase { width:350px; margin:30px auto; color:#fff; }
#brand-footer { margin:35px 0 0 0; }
#brand-footer-alt { visibility: hidden; }

.footer { margin: 0 auto; width: 960px; text-align: center; }

.footer-statement { padding: 25px 20px 0px 20px; color:#fff; font-size:1em; }
.footer-statement p { margin: 0px 0px 10px 0px; padding: 0px }
.footer-statement .right img { padding-top: 17px; }
.footer-statement img { float: left; padding: 5px 0px 20px 0px; }
.footer-statement .copyright { width: 760px; text-align: left; }
.footer-statement .border { padding-bottom: 10px; border-bottom: 1px solid #950404; font-size: 1.1em; }

/* ============================================================================================================================= MODALS */

.modal { display: none; position: absolute; top: 50%; left: 50%; z-index: 1001; }
#modal_image { 
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	background: #FFF;
	border: 1px solid #000;
}
.modal-title {
	padding: 4px; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: left;
}
.modal-close { float: right; }

.sample0 { padding: 24px 45px 0 45px; width: 610px; height:620px;  text-align: left; background: url(../img/modalbg1.gif) center top no-repeat; }
#modalcontent0 { margin:160px 0 0 0; height:390px; overflow:auto; padding:20px 0 0 0; }
.sample1 { padding: 0 45px 0 45px; width: 610px; height:620px;  text-align: left; background: url(../img/modalbg2.gif) center top no-repeat; }
#modalcontent1 { margin:220px 0 0 0; height:300px; overflow:auto; padding:20px 0 0 0; }
#modalcontent0 p, #modalcontent1 p { margin:0 0 10px 0; }
#modalcontent0 a, #modalcontent1 a { text-decoration:underline; }
.sample2 { padding: 10px; width: 800px; text-align: center; background: #000; }
.sample2 a { color: #FFF; }
.sample3 { padding: 10px; width: 500px; text-align: center; background: #000; }
.sample3 a { color: #FFF; }
.sample4 { padding: 20px; width: 500px; text-align: left; background: #FFF; }

/* FlASH CONTAINER HEIGHTS NEED TO BE SET, OTHERWISE THE INCORRECT HEIGHT WILL BE USED BEFORE FLASH IS LOADED */
#flash0 { height: 200px; }
#flash1 { height: 500px; }
#flash0-alt, #flash1-alt { visibility: hidden; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#modal_image[id], #overlay[id], .modal[id] { position: fixed; } 


/* ====================================================================================================== FLOATS */

.png { behavior: url(/kisses/heroesathome/lib/css/iepngfix.htc); } 
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; }

.hidden { display: none; }