@import url(base.css);

.clearer {
	clear:both;
	margin:0;
	padding:0;
}

form input, form select {
    color: #444;
}
form label {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fe00ad;
    float: left;
	width:175px;
}
form span {
    float: left;
    padding: 0 0 0 10px;
    display: inline;
}
form span p {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #8b3c92;
    padding: 0;
    margin: 0 0 -2px 0!important;
}
form span .name:hover, .name:focus, .short:hover, .long:hover, .long:focus, .question:hover, .question:focus, .age:hover, .age:focus, .month:hover, .month:focus, .year:hover, .year:focus {
    background: #fff;
    border: 1px solid #1ba5d0;
}
form span .name {
    width: 150px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .long {
    width: 312px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .short {
    width: 50px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .question {
    width: 312px;
    height: 160px;
    margin-bottom: 9px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .age {
    width: 60px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .month {
    width: 148px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .year {
    width: 80px;
    background: #fff;
    border: 1px solid #cacaca;
}
form span .radio {
    margin: 0 0 0 20px!important;
}
form .agelabel {
    float: none;
    margin: 0 0 0 145px;
}
form .submit {
    margin: 20px 35px 20px 0;
	float:right;
}
form label.radio-btn {
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight:normal;
    color: #8D8D8D;
    float:none;
}
.field {
    padding: 15px 35px 0px 35px;
    margin: 10px 0;
    width: 660px;
	border-top:1px solid white;
}
.field-noline {
    border-top:none;
}
form .last-div {
    margin: 12px 0;
    padding: 0;
    float: none;
}
form .questions-text {
    width: 310px;
    padding: 2px 0 0 0;
	margin-right:28px;
}
form .questions-drop {
    width: 160px;
    background: #fff;
    border: 1px solid #cacaca;
    float: left;
    display: inline;
}
form .radio {
    margin: 0 0 0 20px;
}
form .checkbox-btn {
	float:none;
}
form #questions-list .field{
	padding:15px 35px;
}
form #stay-in-touch .field {
	padding:5px 35px 2px;
}

form  .header {
	background: #feebfa url(../images/bg-pink-header.png) no-repeat 0 0;
	border-bottom: 1px solid #e3add5;
	margin:10px 0;
}
form .heading {
	height: 33px;	
	width: 730px;	
}
form {
	background: #FBF4F7 url(../images/bg-questions.png) no-repeat right bottom;
}

/* wrapping form div */
#form {
	width: 730px;	
	margin:0px 20px 20px 14px;
}

#about-you .heading {
	background: url(../images/sample-request/about-you.gif) no-repeat;
}
#questions-list .heading {
	background: url(../images/sample-request/more-info.gif) no-repeat;
}
#which-product .heading {
	background: url(../images/sample-request/which-product.gif) no-repeat;
}
#stay-in-touch .heading {
	background: url(../images/sample-request/in-touch.gif) no-repeat;
}
#product-complaint .heading {
	background: url(../images/contact-us/particular-product.gif) no-repeat;
}
#submit-your-story .heading {
	background: url(../images/your-story/submit-your-story.gif) no-repeat;
}
#where-did-you-hear .heading {
	background: url(../images/sample-request/where-did-you-hear.gif) no-repeat;
}

.selector  {
	float:left;
	display:block;
	width:95px;
	height:85px;
	padding-top:15px;
	padding-left:95px;
	background: url(../images/sample-request/selector-bg.gif) left no-repeat;
}
.selector-results {
	float:left;
	display:block;
	padding-top:25px;
}

.selector span,
.selector-results span {
	float:none;
	display:block;
    padding: 0 0 8px 0;
}

.selector-results label {
	float:none;
}
.selector-results select {
	margin-top:5px;
}