/*		Table Of Contents
=======================================================

summary: Target Twilight Breaking Dawn Boutique

- FONTS
- STYLES
- GLOBALS

=======================================================
*/


/* FONTS
-------------------------------------------------------*/
@font-face {
    font-family: 'ChopinScriptRegular';
    src: url('../fonts/ChopinScript-webfont.eot');
    src: url('../fonts/ChopinScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ChopinScript-webfont.woff') format('woff'),
         url('../fonts/ChopinScript-webfont.ttf') format('truetype'),
         url('../fonts/ChopinScript-webfont.svg#ChopinScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* STYLES
-------------------------------------------------------*/
div#tbd-container {
	background: #341A22;
	display: block;
	font-family: Garamond, Times, serif;
	font-size: 14px;
	height: 475px;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	width: 948px;
}
	div#tbd-container div.tbd-wrapper {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	div#tbd-container div.tbd-background {
		background: url("../img/chrome/main-bg.jpg") no-repeat top left;
		display: block;
		height: 475px;
		left: -100px;
		position: absolute;
		top: 0;
		width: 1150px;
		z-index: 1;
	}
	div#tbd-container div.tbd-section {
		display: block;
		height: 475px;
		position: absolute;
		top: 0;
		width: 950px;
	}
	
div#tbd-container h2, 
div#tbd-container h3, 
div#tbd-container h4 {
	font-family: 'ChopinScriptRegular', Garamond, Times, serif;
	font-weight: normal;
	line-height: 1;
	/* hack webkit on windows to smooth font */
	-webkit-transform: rotate(0.0000001deg);
}
	div#tbd-container h2 {
		font-size: 38px;
		margin: 0 0 10px;
	}
	div#tbd-container h3 {
		font-size: 34px;
	}
	div#tbd-container h4 {
		font-size: 28px;
	}

div#tbd-container a {
	color: #930D6C;
	/*outline-color: #D61100;*/
	outline: none;
	text-decoration: none;
}
	div#tbd-container a:hover {
		color: #55083F;
	}
	div#tbd-container a:focus {
		/*background-color: rgba(214,17,0,0.3);*/
		color: #55083F;
	}

div#tbd-container p {
	margin: 0 0 10px;
}

div#tbd-container strong {
	font-weight: bold;
}

div#tbd-container div.divider {
	background: url("../img/chrome/divider-01.png") no-repeat center center;
	display: block;
	height: 12px;
	margin: 0 0 10px;
}	

div#tbd-container .tbd-btn {
	background: url("../img/chrome/buttons.png") no-repeat;
	display: block;
}
	div#tbd-container a.tbd-btn span {
		margin-left: -99999px;
	}

div#tbd-container a.back-btn {
	height: 50px;
	width: 126px;
}
	
div#tbd-container a.more-btn {
	background-position: -490px 0;
	display: block;
	height: 49px;
	width: 188px;
}
	div#tbd-container a.more-btn:hover, 
	div#tbd-container a.more-btn:focus {
		background-position: -490px -75px;
	}
	
/* OVERVIEW LOADER
-------------------------------------------------------*/
div#tbd-main-loader {
	background: #341A22;
	display: block;
	height: 390px;
	left: 0;
	padding-top: 85px;
	position: absolute;
	top: 0;
	width: 950px;
	z-index: 4;
}
	div#tbd-main-loader img {
		display: block;
		margin: 0 auto;
	}
	div#tbd-main-loader img.logo {
		height: 74px;
		width: 159px;
	}
	div#tbd-main-loader img.loader {
		height: 188px;
		width: 188px;
	}

/* OVERVIEW
-------------------------------------------------------*/
div#tbd-overview {
	background: url("../img/overview/overview-bg.png") no-repeat 97px 0;
	left: 0;
}
	div#tbd-overview img.characters {
		bottom: 0;
		height: 474px;
		position: absolute;
		right: -55px;
		width: 329px;
		z-index: 4;
	}
	div#tbd-overview div.event {
		height: 302px;
		left: 19px;
		position: absolute;
		top: 120px;
		width: 306px;
		z-index: 1;
	}
		div#tbd-overview div.event img.invite-02 {
			height: 131px;
			left: 0;
			position: absolute;
			top: 0;
			width: 197px;
			z-index: 1;
		}
		div#tbd-overview div.event img.invite-01 {
			height: 240px;
			left: 3px;
			position: absolute;
			top: 57px;
			width: 302px;
			z-index: 2;
		}
		div#tbd-overview div.event a.more-btn {
			bottom: 25px;
			position: absolute;
			right: 2px;
			z-index: 3;
		}
	div#tbd-overview div.preorder {
		height: 245px;
		left: 330px;
		position: absolute;
		top: 171px;
		width: 360px;
		z-index: 2;
	}
		div#tbd-overview div.preorder img {
			height: 100%;
			position: relative;
			width: 100%;
			z-index: 1;
		}
		div#tbd-overview div.preorder div.shop-btn {
			background-position: 0 -310px;
			height: 32px;
			left: 28px;
			position: absolute;
			top: 179px;
			width: 165px;
			z-index: 2;
		}
		
		div#tbd-overview div.preorder a.info-btn {
			background-position: -290px -150px;
			height: 17px;
			left: 236px;
			position: absolute;
			top: 170px;
			width: 81px;
			z-index: 3;
		}
			div#tbd-overview div.preorder a.shop-btn:hover, 
			div#tbd-overview div.preorder a.shop-btn:focus { background-position: 0 -375px; }
			div#tbd-overview div.preorder a.info-btn:hover, 
			div#tbd-overview div.preorder a.info-btn:focus { background-position: -290px -225px; }
		
	div#tbd-overview a.products-btn {
		background-position: 0 0;
		bottom: 30px;
		height: 51px;
		left: 125px;
		position: absolute;
		width: 486px;
		z-index: 4;
	}
		div#tbd-overview a.products-btn:hover, 
		div#tbd-overview a.products-btn:focus {
			background-position: 0 -75px;
		}
		
/* OVERVIEW - POST EVENT
-------------------------------------------------------*/
div#tbd-overview.post-event {
	background: url("../img/overview/postevent-bg.png") no-repeat 180px 0;
}
	div#tbd-overview.post-event img.post-event-character {
        bottom: 0;
        position: absolute;
        right: 180px;
        z-index: 1;
	}
	div#tbd-overview.post-event a.products-btn {
		left: 75px;
	}

div#tbd-overview-products {
	left: 28px;
	position: absolute;
	top: 202px;
	width: 580px;
	z-index: 2;
}
	div#tbd-overview-products img.flowers {
		height: 317px;
		left: -28px;
		position: relative;
		width: 636px;
		top: -60px;
		z-index: 2
	}
	div#tbd-overview-products div.tbd-product-nav {
		left: 0px;
		top: 50px;
		width: 100%;
		z-index: 3;
	}
		div#tbd-overview-products div.tbd-product-nav a {
			height: 71px;
			width: 70px;
		}
		div#tbd-overview-products div.tbd-product-nav a.prev-btn { 
			background-position: 0 -150px;
		}
		div#tbd-overview-products div.tbd-product-nav a.next-btn { 
			background-position: -80px -150px;
		}
			div#tbd-overview-products div.tbd-product-nav a.prev-btn:hover, 
			div#tbd-overview-products div.tbd-product-nav a.prev-btn:focus { background-position: 0 -225px; }
			div#tbd-overview-products div.tbd-product-nav a.next-btn:hover, 
			div#tbd-overview-products div.tbd-product-nav a.next-btn:focus { background-position: -80px -225px; }

		div#tbd-overview-products.tbd-product-gallery a.info-btn {
			background-position: -170px -300px;
			right: 288px;
			top: 25px;
		}
			div#tbd-overview-products.tbd-product-gallery a.info-btn:hover, 
			div#tbd-overview-products.tbd-product-gallery a.info-btn:focus {
				background-position: -170px -375px;
			}
	div#tbd-overview-products img#tbd-loader {
		margin: 85px auto 0;
	}
	div#tbd-overview-products div.product-thumb {
		top: 0px;
		width: 130px;
	}
	div#tbd-overview-products div.previous-product {
		left: 0;
	}
	div#tbd-overview-products div.next-product {
		left: 430px;
	}
	div#tbd-overview-products div.current-product {
		left: 185px;
		width: 210px;
		z-index: 2;
	}
	div#tbd-overview-products div.product-title {
		background: url("../img/overview/postevent-product-label.png") no-repeat top left;
		color: #F5F4DC;
		display: block;
		font-size: 13px;
		font-weight: bold;
		height: 60px;
		left: 175px;
		line-height: 1.3;
		padding: 10px 25px 15px 115px;
		position: absolute;
		top: 50px;
		width: 125px;
		z-index: 1;
		-ms-text-shadow: 2px 1px 3px #000;
		-moz-text-shadow: 2px 1px 3px #000;
		-webkite-text-shadow: 2px 1px 3px #000;
		text-shadow: 2px 1px 3px #000;
	}
		div#tbd-overview-products div.product-title span {
			display: table-cell;
			height: 60px;
			vertical-align: middle;
		}

/* PRODUCTS
-------------------------------------------------------*/
div#tbd-products {
	background: url("../img/products/products-bg.png") no-repeat 286px 18px;
	left: 1200px;
}
	div#tbd-products img.wolves {
		bottom: 0;
		left: -90px;
		position: absolute;
		width: 442px;
		z-index: 1;
	}
	div#tbd-products img.character {
		bottom: 0;
		height: 457px;
		left: 132px;
		position: absolute;
		width: 190px;
		z-index: 2;
	}
	div#tbd-products a.back-btn {
		background-position: -510px -150px;
		bottom: 60px;
		left: 15px;
		position: absolute;
		z-index: 3;
	}
		div#tbd-products a.back-btn:hover, 
		div#tbd-products a.back-btn:focus {
			background-position: -510px -225px;
		}
		
	div#tbd-products div.tbd-product-nav a {
		height: 71px;
		width: 70px;
	}
	div#tbd-products div.tbd-product-nav a.prev-btn { 
		background-position: 0 -150px;
	}
	div#tbd-products div.tbd-product-nav a.next-btn { 
		background-position: -80px -150px;
	}
		div#tbd-products div.tbd-product-nav a.prev-btn:hover, 
		div#tbd-products div.tbd-product-nav a.prev-btn:focus { background-position: 0 -225px; }
		div#tbd-products div.tbd-product-nav a.next-btn:hover, 
		div#tbd-products div.tbd-product-nav a.next-btn:focus { background-position: -80px -225px; }
		
	div#tbd-products div.tbd-product-gallery a.info-btn {
		background-position: -170px -300px;
	}
		div#tbd-products div.tbd-product-gallery a.info-btn:hover, 
		div#tbd-products div.tbd-product-gallery a.info-btn:focus {
			background-position: -170px -375px;
		}
		
/* PRODUCT GALLERY
-------------------------------------------------------*/
div.tbd-product-gallery {
	position: absolute;
	right: 10px;
	top: 135px;
	width: 580px;
}
	div.tbd-product-gallery div.tbd-product-nav {
		left: 115px;
		position: absolute;
		top: 75px;
		width: 350px;
		z-index: 7;
	}
		div.tbd-product-gallery div.tbd-product-nav a {
			cursor: pointer;
			height: 71px;
			width: 70px;
		}
		div.tbd-product-gallery div.tbd-product-nav a.prev-btn { 
			float: left;
		}
		div.tbd-product-gallery div.tbd-product-nav a.next-btn { 
			float: right;
		}	
	div.tbd-product-gallery img#tbd-loader {
		margin: 85px auto 0;
	}
	div.tbd-product-gallery div.product-thumb {
		opacity: 0;
		position: absolute;
		text-align: center;
		top: 50px;
		width: 150px;
	}
		div.tbd-product-gallery div.product-thumb img {
			margin: 0;
			position: relative;
			width: 100%;
			z-index: 1;
		}
	div.tbd-product-gallery div.previous-product {
		left: 0;
		opacity: 0.5;
	}
	div.tbd-product-gallery div.next-product {
		left: 430px;
		opacity: 0.5;
	}
	div.tbd-product-gallery div.current-product {
		left: 185px;
		opacity: 1;
		top: 0;
		width: 210px;
		z-index: 4;
	}
	div.tbd-product-gallery div.product-title {
		color: #F5F4DC;
		font-weight: bold;
		left: 195px;
		position: absolute;
		top: 245px;
		width: 190px;
		z-index: 5;
		-ms-text-shadow: 2px 1px 3px #000;
		-moz-text-shadow: 2px 1px 3px #000;
		-webkite-text-shadow: 2px 1px 3px #000;
		text-shadow: 2px 1px 3px #000;
	}
	div.tbd-product-gallery a.info-btn {
		height: 20px;
		position: absolute;
		right: 185px;
		top: 40px;
		width: 20px;
		z-index: 6;
	}

/* FIND A STORE
-------------------------------------------------------*/
div#tbd-find-store {
	background: url("../img/find-store/store-bg.png") no-repeat bottom left;
	left: -1200px;
}
	div#tbd-find-store p {
		text-transform: uppercase;
	}
	div#tbd-find-store div.store-finder {
		background: url("../img/find-store/store-finder-bg.png") no-repeat top left;
		height: 275px;
		left: 575px;
		padding: 45px 22px 0;
		position: absolute;
		text-align: center;
		top: 56px;
		width: 258px;
		z-index: 1;
		-moz-transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
		transform: rotate(7deg);
	}	
		div#tbd-find-store div.store-finder h2 {
			font-size: 36px;
			line-height: 1;
		}
			div#tbd-find-store div.store-finder h2 span {
				display: block;
				font-size: 30px;
				margin: 3px 0 0;
			}
		div#tbd-find-store div.store-finder div.divider {
			margin: 15px 0 25px;
		}
		div#tbd-find-store div.store-finder a.search-btn {
			background-position: -200px -300px;
			height: 33px;
			margin: 0 auto;
			width: 190px;
		}
			div#tbd-find-store div.store-finder a.search-btn:hover, 
			div#tbd-find-store div.store-finder a.search-btn:focus {
				background-position: -200px -375px;
			}
			
	div#tbd-find-store div.invite {
		background: url("../img/find-store/store-invite.png") no-repeat top left;
		font-size: 12px;
		height: 407px;
		left: 118px;
		padding: 65px 42px 0;
		position: absolute;
		text-align: center;
		top: 68px;
		width: 404px;
		z-index: 2;
		/*-moz-transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);*/
	}	
		div#tbd-find-store div.invite h2 {
			font-size: 36px;
		}
		div#tbd-find-store div.invite div.date {
			margin: 0 0 25px;
		}
			div#tbd-find-store div.invite div.date h3 {
				font-size: 28px;
				margin: -5px 0 5px;
			}
		div#tbd-find-store div.invite div.social {
			margin: 0 auto;
			width: 235px;
		}
			div#tbd-find-store div.invite div.social p {
				float: left;
				font-size: 14px;
				font-weight: bold;
				margin: 0 11px;
				padding: 5px 0 0;
				width: 155px;
			}
			div#tbd-find-store div.invite div.social a.facebook, 
			div#tbd-find-store div.invite div.social a.twitter {
				height: 29px;
				width: 29px;
			}
			div#tbd-find-store div.invite div.social a.facebook {
				background-position: -160px -150px;
				float: left;
			}
			div#tbd-find-store div.invite div.social a.twitter {
				background-position: -200px -150px;
				float: right;
			}
				div#tbd-find-store div.invite div.social a.facebook:hover, 
				div#tbd-find-store div.invite div.social a.facebook:focus 	{ background-position: -160px -225px; }
				div#tbd-find-store div.invite div.social a.twitter:hover, 
				div#tbd-find-store div.invite div.social a.twitter:focus	{ background-position: -200px -225px; }
				
	div#tbd-find-store div.flowers {
		background: url("../img/find-store/store-flowers.png") no-repeat top left;
		bottom: 0;
		height: 343px;
		left: 0;
		position: absolute;
		width: 167px;
		z-index: 3;
	}
	div#tbd-find-store div.blossom {
		background: url("../img/find-store/store-blossom.png") no-repeat top left;
		height: 109px;
		position: absolute;
		right: 50px;
		top: 0;
		width: 110px;
		z-index: 4;
	}
	div#tbd-find-store a.back-btn {
		background-position: -380px -150px;
		position: absolute;
		right: 14px;
		top: 392px;
		z-index: 5;
	}
		div#tbd-find-store a.back-btn:hover, 
		div#tbd-find-store a.back-btn:focus {
			background-position: -380px -225px;
		}

/* FIND A STORE - STORES
-------------------------------------------------------*/
div#overlay {
    background: url("../img/chrome/overlay.png") repeat scroll 0 0 transparent;
	display: none;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
	min-width: 1050px;
    width: 100%;
    z-index: 99998;
}
div#modal-window {
	background: url("../img/find-store/store-finder.png") no-repeat center center;
	font-family: Garamond, Times, serif;
	height: 357px;
	left: 182px;
	padding: 30px 32px;
	position: absolute;
	text-align: left;
	text-transform: uppercase;
	top: 30px;
	width: 522px;
    z-index: 99998;
}
	div#modal-window h3 {
		font-family: Garamond, Times, serif;
		font-size: 20px;
		font-weight: bold;
		margin: 0 0 30px;
	}
	div#modal-window h4 {
		font-family: Garamond, Times, serif;
		font-size: 16px;
	}
	div#modal-window ul {
		font-weight: bold;
		list-style: none;
		width: 33%;
	}
		div#modal-window ul li {
			margin: 0 0 1px;
		}
		
	div#modal-window div.table-header {
		border-bottom: 1px solid #000;
		display: block;
		font-size: 16px;
		padding: 5px 0;
		position: relative;
	}
		div#modal-window div.table-header a#stores-back-btn {
			font-size: 13px;
			position: absolute;
			right: 0;
			top: 8px;
		}
	div#modal-window div.stores-list {
		display: block;
		height: 280px;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
		width: 100%;
		*overflow-y: scroll;
	}
		div#modal-window div.stores-list table {
			overflow-x: hidden;
			width: 100%;
		}
			div#modal-window div.stores-list table tr {
				font-size: 13px;
			}
			div#modal-window div.stores-list table tr.even {
				background-color: #F3F3F0;
			}
				div#modal-window div.stores-list table tr td {
					padding: 5px;
					vertical-align: middle;
					width: 164px;
				}
	div#modal-window a#btn-modal-close {
		background: url("../img/chrome/buttons.png") no-repeat -560px -300px;
		cursor: pointer;
		display: block;
		height: 23px;
		position: absolute;
		right: 32px;
		top: 26px;
		width: 71px;
		z-index: 5;
	}
		div#modal-window a#btn-modal-close:hover, 
		div#modal-window a#btn-modal-close:focus {
			background-position: -560px -375px;
		}
		
/* PROMOS
-------------------------------------------------------*/
div#tbd-promo {
	height: 113px;
	margin-bottom: 5px;
	width: 948px;
}
	div#tbd-promo a.enter-btn {
		background: url("../img/promo/promo.jpg") no-repeat top left;
		display: block;
		height: 100%;
		width: 100%;
	}
	div#tbd-promo.post-event a.enter-btn {
		background: url("../img/promo/promo-postevent.jpg") no-repeat top left;
	}
		div#tbd-promo a.enter-btn span {
			margin-left: -9999px;
		}

/* COPYRIGHT
-------------------------------------------------------*/
div#tbd-copyright {
	font-size: 10px;
	margin-bottom: 30px;
}
	div#tbd-copyright p {
		margin: 0 0 3px;
	}
	div#tbd-copyright a.facebook, 
	div#tbd-copyright a.twitter {
		display: block;
		height: 15px;
		margin: 0 0 0 4px;
		width: 15px;
	}
		div#tbd-copyright a.facebook:hover, 
		div#tbd-copyright a.twitter:hover {
			opacity: 0.8;
		}
		div#tbd-copyright a.facebook span, 
		div#tbd-copyright a.twitter span {
			margin-left: -9999px;
		}
	div#tbd-copyright a.facebook {
		background: url("../img/chrome/social-facebook.gif") no-repeat center center;
	}
	div#tbd-copyright a.twitter {
		background: url("../img/chrome/social-twitter.gif") no-repeat center center;
	}

/* GLOBALS
-------------------------------------------------------*/
div#tbd-container .left, 
div#tbd-copyright .left {
	float: left;
}

div#tbd-container .right, 
div#tbd-copyright .right {
	float: right;
}

div#tbd-container .clear, 
div#tbd-copyright .clear {
	clear: both;
}

div#tbd-container .hide, 
div#tbd-copyright .hide {
	display: none;
}

div#tbd-container .offscreen, 
div#tbd-copyright .offscreen, 
div#tbd-promo .offscreen {
	left: -999999px;
	position: absolute;
	top: -999999px;
}