@charset "utf-8";
/*
BASIC
*/

body 
{
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 62.5%;
	color: #fff;
	background: #000 url(http://t-set.s3.amazonaws.com/images/background.site.jpg) left top no-repeat;
}

a
{
	text-decoration: none;
	color: #01aae4;
}

legend
{
	display: none;	
}

p
{
	font-size: 1.4em;
	line-height: 1.428571em;
	padding: 0 0 10px 0;
}

label
{
	font-size: 1.4em;
	line-height: 1.428571em;
}

/*
STRUCTURE
*/
div#dialog
{
	display: none;	
}

div#wrapper
{
	width: 920px;
	overflow: hidden;
	margin: 0 auto;
}

	div#wrapper div#status
	{
		margin: 10px 0 0 0;	
		overflow: hidden;
		width: 100%;
		text-align: right;
	}
		
	div#wrapper h2
	{
		font-size: 3em;
		margin: 10px 0;
		text-shadow: #000 1px 1px 1px;
		width: 420px;
	}
	
	/* INFO */
	div#wrapper div#ajaxOrder
	{
		overflow: hidden;
		width: 900px;
		display: none;
	}
	
	div#wrapper div#info,
	div#wrapper div#video
	{
		overflow: hidden;
		width: 480px;
		float: right;
	}
	
	div#wrapper div#orderInfo
	{
		overflow: hidden;
		float: left;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		div#wrapper div#info .transparent,
		div#wrapper div#buy .transparent,
		div#wrapper div#orderInfo .transparent,
		div#wrapper div#video .transparent
		{
			background: transparent url(http://t-set.s3.amazonaws.com/images/background.transparent.dark.png) repeat;		
			padding: 10px;
			overflow: hidden;
		}
		
		div#wrapper div#buy p span.important,
		div#wrapper div#confirmOrder p.important
		{
			font-weight: bold;
			color: #8BB842;
		}
		
		div#wrapper div#buy p#mp3
		{
			clear: both;
			padding: 0;
			margin: 0;
			padding: 10px 0 0 0;
			line-height: 0;
		}
		
		div#wrapper div#buy a#btnBuy
		{
			display: block;
			background: transparent url(http://t-set.s3.amazonaws.com/images/button.buy.now.png) no-repeat;
			float: right;
			width: 147px;
			height: 147px;
			text-indent: -999999px;
		}
		
		div#wrapper div#buy a#btnBuy:hover
		{
			background-position: -147px;
		}
		
		div#wrapper div#buy img
		{
			float: right;
			margin: 0 0 10px 0;
		}
	
	div#wrapper div#order
	{
		overflow: hidden;
	}
	
	div#wrapper div#buy
	{
		overflow: hidden;
		width: 420px;
		float: left;
	}
	
	div#wrapper div#video .videoContainer
	{
		overflow: hidden;
		width: 460px;
		float: left;
		margin: 0 0 20px 0;
	}
	
		div#wrapper div#video .videoContainer h3
		{
			font-size: 1.5em;
			line-height: 1.111111em;
			padding: 0 0 10px 0;
			color: #8BB842;
			font-weight: bold;
		}
	/* FORM */
	div#wrapper div#order input[type=text]
	{
		width: 415px;
		display: block;
		margin: 0 0 10px 0;
		padding: 5px;
	}
	
		div#wrapper div#order input#zip
		{
			width: 50px;	
		}
		
		div#wrapper div#order input#address
		{
			width: 850px;	
		}
		
		div#wrapper div#order input#city
		{
			width: 780px;	
		}
	
	div#wrapper div#order select#qty
	{
		width: auto !important;
		display: block;
		margin: 0 0 10px 0;
		padding: 5px;
	}
		
	div#wrapper div#order label
	{
		clear: both;
		display: block;	
	}
	
	div#wrapper div#order span
	{
		float: left;
		width: 435px;
		overflow: hidden;
	}
	
		div#wrapper div#order span.break
		{
			clear: both;	
		}
		
			div#wrapper div#order span.small
			{
				width: 70px;	
			}
			
			div#wrapper div#order span.big
			{
				width: 800px;	
			}
			
			div#wrapper div#order span p
			{
				font-size: 2em;	
				font-weight: bold;
				float: left;
			}
		
	div#wrapper div#order button
	{
		clear: both;
		float: right;
		border: 1px solid #999;
		padding: 5px;
		background-color: #8BB842;
		width: 150px;
		font-weight: bold;
		text-transform: uppercase;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		div#wrapper div#order button:hover
		{
			background-color: #666;
			color: #fff;
			cursor: pointer;
			border: 1px solid #000;
		}
		
	div#wrapper div#order fieldset
	{
		background: transparent url(http://t-set.s3.amazonaws.com/images/background.transparent.dark.png) repeat;	
		padding: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
		
	/* COMMENTS */
	div#wrapper div#comments
	{
		float: left;
		overflow: hidden;
	}
	
		div#wrapper div#comments h3
		{
			font-size: 1.8em;
			font-weight: bold;
			padding: 0 0 10px 0;
		}
	
		div#wrapper div#comments .comment
		{
			margin: 10px 0;
			padding: 10px;
			width: 400px;
			background: transparent url(http://t-set.s3.amazonaws.com/images/background.transparent.png) repeat;
			border: 1px solid #999;
			overflow: hidden;
			color: #555;
		}
		
			div#wrapper div#comments .main
			{
				background: #1f3483 url(http://t-set.s3.amazonaws.com/images/background.comment.jpg) repeat !important;
				border: 1px solid #737373;
			}
		
			div#wrapper div#comments .comment .container
			{
				background-color: #FEFEFE;
				overflow: hidden;
				padding: 10px 8px;
				border: 2px solid #eee;
			}
		
				div#wrapper div#comments .comment .container .userPicture
				{
					float: left;
					border: 1px solid #999;
					margin: 0 10px 0 0;
				}
				
				div#wrapper div#comments .comment .container .userInfo
				{
					float: left;
					width: 318px;
				}
				
					div#wrapper div#comments .comment .container .userInfo p
					{
						padding: 5px 0 10px 0;
						line-height: 0;
					}
				
				div#wrapper div#comments .comments .container .userComment
				{
					clear: both;
					overflow: hidden;
				}
				
					textarea
					{
						width: 302px !important;
						height: 50px;
						float: left;
						border: 1px solid #999;
						padding: 5px;
					}
					
					button
					{
						margin: 10px 0 0 60px;
						border: 1px solid #999;
						color: #fff;
						background-color: #155C9C;
						padding: 5px;
					}
					
			div#wrapper div#comments div#ajaxComment
			{
				display: none;	
			}
	
	/* CONFIRMATION */
	div#wrapper div#confirmOrder
	{
		margin: 150px auto 0 auto;
		width: 440px;
		padding: 10px;
		background: transparent url(http://t-set.s3.amazonaws.com/images/background.transparent.dark.png) repeat;
		overflow: hidden;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		div#wrapper div#confirmOrder fieldset
		{
			margin: 25px 0 50px 0;	
		}
	
		div#wrapper div#confirmOrder input
		{
			margin: 0 0 0 10px;
			width: 390px;	
		}
		
		div#wrapper div#confirmOrder button
		{
			float: right;
			background-color: #8BB842;
		}
		
		div#wrapper div#confirmaOrder div#orderError
		{
			display: none;	
		}
	
	/* FOOTER */
	div#wrapper div#footer
	{
		overflow: hidden;
		clear: both;
		width: 100%;
		text-align: right;
	}
	
		div#wrapper div#footer p
		{
			padding: 10px 0;	
		}