/* Illooming */

h1 {
	font-size: 20px;
	font-weight: bold;
	text-transform:uppercase;
}
h2{
	font-size:12px;
	font-weight:bold;
	color:#ffe200;
	text-transform:uppercase;

}
h3, h4 {font-size: 22px; font-weight:normal;}

#Banner {
	background-image: url(../images/illoom/illooming-banner.jpg);
	background-repeat:no-repeat;
	height:334px;
	padding:0px 0px 0px 18px;
}


#Use {
	background-image: url(../images/illoom/illoom-bg.jpg);
	background-repeat: repeat-x;
	margin:0px 1px;
}

#Use .illoomingImage,
#Use .illoomingMovie {
	width:606px;
	height:383px;
	background-image: url(../images/illoom/photo-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	margin-top:8px;
	padding-top:17px;
}
#Use .illoomingMovie {
	padding-top: 12px;
	width:602px;
}
#Use .illoomingText {
	width:606px;
	background-image: url(../images/illoom/illooming-text-bot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	float:left;
	margin-top:12px;
}

#Use .illoomingImageBackground {
	width:557px;
	height:360px;
	text-align: center;
	margin: 0 auto 0 auto;
	background-color: #000;
	position: relative;
}

#Use .illoomingImageBackground #illoomingImageOverlay {
	width:557px;
	height:360px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/illoom/blank.gif);
}

#Use #illoomingMovieContainer {
	width: 575px;
	margin: auto;
}

#Use .partyText {
	min-height:356px;
	padding:20px 15px 20px 20px;
	font-size:14px;
	color:#adbec0;
	background-image: url(../images/illoom/illooming-text-top.png);
	background-repeat:no-repeat;
	background-position: 11px 0px;
	position:relative;
}

#Use .partyText .backgroundImage {
	background-repeat:no-repeat;
	background-position: right center;
	min-height:316px;
	padding-bottom:25px;
}

#Use .partyText h3 {
	color:#FFFFFF;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
}
#Use .partyText p {
	line-height:22px;
	padding-bottom:8px;
}

#Use .partyText .button {
	position:absolute;
	left:30px;
	bottom:16px;
}

#Use .illoomingThumbs {
	height:115px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

#Use .illoomingThumbs ul {
	min-width:1100px;
}

#Use .illoomingThumbs ul li {
	float:left;
	list-style-type: none;
	padding: 3px;
	background-color: #000000;
	margin: 10px 5px 0 5px;
}
#Use .illoomingThumbs ul li.active {
	padding:4px;
	background-color: #191919;
	margin-top: 0;
}

#Use .illoomingThumbs ul li.active img {
	border: 1px solid #f0d502;
	padding:3px;
	background-color:#000000;
}

#Use .illoomingThumbs div.leftGrad,
#Use .illoomingThumbs div.rightGrad {
	position:absolute;
	width:17px;
	height:115px;
	top:0px;
	background-repeat:no-repeat;
}
#Use .illoomingThumbs div.leftGrad {
	left:0px;
	background-image: url(../images/illoom/use/thumbs-grad-left.png);
}
#Use .illoomingThumbs div.rightGrad {
	right:0px;
	background-image: url(../images/illoom/use/thumbs-grad-right.png);
}

#Use .illomingDetailsContainer {
	position: relative;
	overflow: hidden;
	height: 400px;
}

#Use .illomingDetails {
	float:left;
	width:306px;
	min-height:384px;
	background-image: url(../images/illoom/pod-sprites.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	margin-top:16px;
	color:#FFFFFF;
	font-size:14px;
	position:relative;
}

#Use .illomingDetails .buttons {
	padding:7px 15px 8px 15px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:276px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #313131;
}

#Use .addReview {
	background-position: -325px -50px;
	position: absolute;
	top: 400px;
	left: 0;
}

#Use .addReviewActive {
	top: 0;
}

.error {
	color: #ffd700;
}

#sliderId {
	width: 150px;
}

#sliderId .rail {
	height: 10px;
}

#sliderId .label {
	width: 15px;
	height: 36px;
	background: url(../images/illoom/use/ratings/blank.png) left no-repeat;
	text-indent: -999em;
}

#sliderId .label0 {
	background: none;
}

#sliderId .label2,
#sliderId .label4,
#sliderId .label6,
#sliderId .label8,
#sliderId .label10,
#sliderId .label12 {
	background-position: right;
}

#sliderId .label1.active,
#sliderId .label2.active {
	background-image: url(../images/illoom/use/ratings/purple.png)
}
#sliderId .label3.active,
#sliderId .label4.active {
	background-image: url(../images/illoom/use/ratings/red.png)
}
#sliderId .label5.active,
#sliderId .label6.active {
	background-image: url(../images/illoom/use/ratings/orange.png)
}
#sliderId .label7.active,
#sliderId .label8.active {
	background-image: url(../images/illoom/use/ratings/yellow.png)
}
#sliderId .label9.active,
#sliderId .label10.active {
	background-image: url(../images/illoom/use/ratings/white.png)
}


#Use .illomingDetails .winner,
#Use .illomingDetails .rating,
#Use .illomingDetails .review p {
	font-size:12px;
}

#Use .illomingDetails .winner {
	background-image: url(../images/illoom/award.png);
	background-repeat:no-repeat;
	padding-left:57px;
	margin-top:10px;
}

#Use .illomingDetails .rating {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #313131;
	color:#ffd700;
	text-transform:uppercase;
	font-weight:bold;
}
#Use .illomingDetails .rating .score {
	font-size: 24px;
	font-weight: bold;
	line-height:20px;
}
#Use .illomingDetails .review {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #313131;
	clear:both;
	padding:10px 15px;
	
}

#Use .illomingDetails .review .name {
	font-weight:bold;
	padding-left:10px;
}

#Use .illomingDetails .review p {
	padding-bottom:0px;
	clear:left;
}

#Use .addReview fieldset {
	border:none;
}

#Use .addReview legend {
	font-size: 20px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFFFFF;
}

#Use .addReview label {
	display:block;
	cursor:pointer;
}

#Use .addReview input.textField {
	width:257px;
	height:18px;
	background-image: url(../images/illoom/forms.png);
	color:#FFFFFF;
	padding:3px;
	border:none;
	background-color:transparent;
}

#Use .addReview textarea {
	width:257px;
	height:80px;
	background-image: url(../images/illoom/forms.png);
	background-position: 0px -25px;
	color:#FFFFFF;
	padding:3px;
	border:none;
	background-color:transparent;
}

#Use .addReview .remember {
	float:right;
	width:140px;
}

#Use .addReview .remember label {
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	color:#424242;
	padding-left:5px;
	line-height:20px;
}

#Use .addReview .close {
	position:absolute;
	top:10px;
	right:10px;
}

#Use #UseIdeas .podWrapper{
	background-image: url(../images/illoom/pod-extension.png);
	background-repeat:no-repeat;
	float:left;
	background-position: 15px bottom;
	padding-bottom:1px;
	margin-top:16px;
}

#Use #UseIdeas .illomingDetails {
	margin-left:15px;
	margin-top:0px;
}
*html #Use #UseIdeas .illomingDetails {display:inline;} /* IE6 bug */

#Use #UseIdeas .illomingDetails li {
	list-style:none;
	color:#adbec0;
	font-size:12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #262626;
}

#Use #UseIdeas .illomingDetails li h2 {
	color:#FFFFFF;
}

#Use #UseIdeas .illomingDetails li a {
	color:#adbec0;
	text-decoration:none;
	display:block;
	padding:12px 15px;
}

#Use #UseIdeas .illomingDetails li a:hover {
	background-image: url(../images/illoom/use/linkHover.png);
}


#UploadArea {
	background-image: url(../images/illoom/upload-area.gif);
	background-repeat: no-repeat;
	padding:2px 10px 8px 10px;
	margin-left:14px;
	width:522px;
}

.uploadBtn {
	float:right;
	padding-top:6px;
}
.uploadBtn a {
	display:block;
	width: 128px;
	height: 29px;
	background-image: url(../images/illoom/upload-btn.gif);
	background-repeat: no-repeat;
}
.uploadBtn a:hover {background-image: url(../images/illoom/upload-btn-over.gif)}


#ThumbnailsArea img{
	border:2px solid #313131;
}
#ThumbnailsArea a{
	float:left;
	margin-right:5px;
	margin-top:5px;
}
#ThumbnailsArea a.selected img{
	border:2px solid #FFE700;
}

#ThumbnailsLeft {
	float:left;
	width:14px;
	height:210px;
}
#ThumbnailsRight {
	float:left;
	width:14px;
	height:210px;
}
#ThumbnailsLeft img,
#ThumbnailsRight img {
	border:none;
}
#ThumbnailsLeft a,
#ThumbnailsRight a {
	display:block;
	width:14px;
	height:210px;
	background-repeat: no-repeat;
	background-position: left -210px;
}
#ThumbnailsLeft a {background-image: url(../images/illoom/thumb-left.gif)}
#ThumbnailsRight a {background-image: url(../images/illoom/thumb-right.gif)}
#ThumbnailsLeft a:hover,
#ThumbnailsRight a:hover {background-position: left -420px}

#ThumbnailsMask {
	float:left;
	width:546px;
	height:210px;
	overflow:hidden;
}
*html #ThumbnailsMask {display:inline} /*ie6*/


#ThumbnailsContent {
}


#MessageArea{
	margin-top:15px;
}
#Person{
	padding:0;
	margin:0;
	font-size:11px;
}
#ThumbNavigation{
	margin-top:15px;
	clear:both;
}	


.quote {
	background-color:#000000;
	font-size: 14px;
	color: #FFFFFF;
	padding:6px;
	margin-bottom:28px;
}
p.author {
	color:#919090;
	text-align:right;
}


#quote-box {
	height: 100px;
}

#quote-box:hover h2 a {
	color:#FFE700;
}

#quote-box h2 a {
	text-decoration: none;
}

#quote-box .container {
	overflow: hidden;
	height: 100px;
	position: relative;
}

#quote-box .item {
	height: 100px;
	position: relative;
	top: 0px;
}

#quote-box .item h3 {
	font-size: 14px;
}