/* Main design */
body { margin:0;padding:0;}
#header, #footer { background: url(../images/confessions/confessions_back.png) repeat center top; text-align: center; }

.frame {
margin-left:auto; margin-right:auto; padding:0; text-align:left; width:1000px;
background: url(../images/confessions/banner-20-off.png) no-repeat left top; min-height: 243px; position: relative;
}
#wrapper { background: #D1CEE7 url(../images/confessions/wrapper-back.gif) repeat-y center top;  }
.logo { position: absolute; top: 0; left: 20px;}
.make-up-photo { position: absolute; top: 0; right: 0; z-index:20;}
#main-menu { margin: 0 0 204px 267px; position:relative; z-index:100; }
#bottom-menu { color: #969696; font-size: 12px; border-top: 1px solid #CDCDCD; padding: 10px; text-align: center; background: #fff; }
#bottom-menu a, #bottom-menu a:active { color: #969696; text-decoration: none; }

/* General */
body, div { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #54075B; }
a, a:active { outline: none; color: #54075B; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
img, img a, img a:active, img a:hover { border: none; }
hr	{ color: #CDCDCD; background-color: #CDCDCD; height: 1px; border: 0; }	
.c_b { clear: both; }
.message { color:#EE2021; font-style: italic;}
p { margin: 3px 0 10px 0; line-height: 19px;}

h1 {
	font: normal 30px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 0;
	clear: both;
}
h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0;
	clear: both;
}
h3 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 0;
}
h4 {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 15px 0;
}
h4 a, h4 span { text-transform:lowercase; }
h5 { font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 3px 0; text-decoration: none; text-align: right;}


/* Content */
.content-blank { background: none; }
.content-blue { background: #DAE8F3 url(../images/confessions/blue-back.png) no-repeat center top; }
.content-white { background: #fff; border-top: 1px solid #CDCDCD; position:relative; min-height:450px; }
.content-left { float: left; }
.content-right { float: left; margin: 0 28px 10px 28px; width: 600px;}
.content-right-hm { float: left; }
.content-right-comments { float: left; border-left: 1px solid #CDCDCD; }
.content-single { padding: 40px 60px 100px 60px; text-align: center; color: #0061AA; }
	.content-blue .content-single { padding: 40px 60px; color: #0061AA; }
	.content-blue div, .content-single div { color: #0061AA; }


/* View Confession styles */	
.comment-date { text-align: right; border-bottom: 1px solid #CDCDCD; width: 382px; line-height: 25px; }
.comment-A { background: #913193; width: 385px; }
.comment-A p { margin:0; padding: 15px; color: #fff; background: url(../images/confessions/comment-A_top.gif) no-repeat left bottom; }
.comment-A h3 { margin:0; padding: 15px 120px 30px 20px; color: #fff; background: url(../images/confessions/comment-A_name.gif) no-repeat left bottom; }

.comment-B { background: #7A5083; width: 385px; }
.comment-B p { margin:0; padding: 15px; color: #fff; background: url(../images/confessions/comment-B_top.gif) no-repeat left bottom; }
.comment-B h3 { margin:0; padding: 15px 120px 30px 20px; color: #fff; background: url(../images/confessions/comment-B_name.gif) no-repeat left bottom; }

.comment-C { background: #A94E9E; width: 385px; }
.comment-C p { margin:0; padding: 15px; color: #fff; background: url(../images/confessions/comment-C_top.gif) no-repeat left bottom; }
.comment-C h3 { margin:0; padding: 15px 120px 30px 20px; color: #fff; background: url(../images/confessions/comment-C_name.gif) no-repeat left bottom; }


/* Ask Us styles */
.content-blue #ask-question { padding: 0 200px 10px 200px; }
.content-white #ask-question-2 { padding: 15px 60px 20px 60px; }
.ask-question-form { width: 520px; text-align: left; color: #8B8B8B; margin-left:auto; margin-right:auto; }

.tag-cloud { position: absolute; top: 15px; right: 20px; width: 200px; }
.tag-cloud a, .tag-cloud a:active { color: #0061AA; font-weight: bold; text-decoration: none; }

.question { background: #F1F6FA; border: 1px solid #99C0DD; width:530px; margin-left:auto; margin-right:auto;}
.question-inside { padding: 15px 25px; color: #0061AA; text-align: left; }
.question-inside a, .question-inside a:active { color: #0061AA; }
.question-hr { width: 520px; margin-bottom: 12px; }

.answer-repeat { background: url(../images/confessions/answer-repeat.png) repeat-y left top; width: 478px; margin-left:auto; margin-right:auto; }
.answer-top { background: url(../images/confessions/answer-top.png) no-repeat left top; }
div.answer-bottom { background: url(../images/confessions/answer-bottom.png) no-repeat left bottom; color: #008B99; text-align: left; padding: 30px 25px 15px 25px; }

/* Form styles */
form { margin: 5px 0; }
form#entry { width: 446px; }
form#tell-a-friend input { width:315px; }
form#question .label, .ask-question-form .label, .cloud h3 { color: #8B8B8B; }
.row { clear: both; }
.label { font-weight: bold; margin: 1px 0; }
.label .strong { font-weight: bold; }
.label .left { float: left; margin-bottom:2px; }
.label .right { float: right; margin-bottom:2px; }
	.discover .label { font-weight: normal; }
.required { float: right; }
.button { background:none; border: none; padding:0; cursor:pointer; margin: 10px 0;}

.button.ask {
	background: url(../images/confessions/btn-ask-question.png) top no-repeat;
	width: 130px;
	height: 28px;
}
.button.ask:hover {
	background: url(../images/confessions/btn-ask-question.png) bottom no-repeat;
}

.button.submit-question {
	background: url(../images/confessions/btn-submit-question.png) top no-repeat;
	width: 130px;
	height: 28px;
}
.button.submit-question:hover {
	background: url(../images/confessions/btn-submit-question.png) bottom no-repeat;
}

.button.enter {
	background: url(../images/confessions/btn-click-to-enter.png) top no-repeat;
	width: 157px;
	height: 28px;
}
.button.enter:hover {
	background: url(../images/confessions/btn-click-to-enter.png) bottom no-repeat;
}

.button.perfect-look {
	background: url(../images/confessions/btn-test.png) top no-repeat;
	width: 205px;
	height: 28px;
}
.button.perfect-look:hover {
	background: url(../images/confessions/btn-test.png) bottom no-repeat;
}

.button.commercials {
	background: url(../images/confessions/btn-TVs-here.png) top no-repeat;
	width: 233px;
	height: 40px;
	display: block;
	float: left;
}
.button.commercials:hover {
	background: url(../images/confessions/btn-TVs-here.png) bottom no-repeat;
}

.button.stockists {
	background: url(../images/confessions/btn-find-stockist.png) top no-repeat;
	width: 233px;
	height: 40px;
	display: block;
	float: left;
	margin-left: 10px;
}
.button.stockists:hover {
	background: url(../images/confessions/btn-find-stockist.png) bottom no-repeat;
}

input, select, textarea { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #54075B; border: 1px solid #54075B; background: #fff; width:440px; margin-bottom:5px; padding: 4px 3px;} 
	form#question input, form#question select, form#question textarea { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #0061AA; border: 1px solid #B2D8E1; background: #fff; width:240px; margin-bottom:5px; padding: 4px 3px;} 
#discover1, #discover2, #discover3, #discover4, #discover5, #terms, #email-me { border: none; background: none; width:10px; }
#discover-other { width:200px; }
#confession { height: 100px; }
.discover .label, .discover label, .terms label, .emailme label { font-size: 11px; }
form#question textarea#question { width:510px; height: 100px; }
form#question select#subject { width:248px;height:23px; }
form#question .col1 { float: left }
form#question .col2 { float: right }

.error {
	color: #FF0000;
	font-weight: bold;
	padding: 5px 0;
}

input.radio {
	border: 0;
}