/* CSS Document */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) repeat-x;
	background-color: #125293;
	margin:0px;
}
form, input {
	margin: 0;
	padding: 0;
}
img {
	border: 0px solid blue;
}
#InsideMainFrame {
	background:url(../images/mainBg.jpg)  left repeat-y;
	width: 960px;
	margin: 0 auto;
	text-align:left;
    /*height: 1337px;*/
}
#confirmHeader{
    background: #f00 url(../images/confirmationHeader.jpg);
    margin: 0;
    padding: 0;
	/*width: 960px;*/
    height: 371px;
}
#confirmContentWrapper{
    font-size: 12px;
    margin: 0 40px;
}
#confirmContentWrapper h2 {
    clear: both;
    font-size: 14px;
    padding: 40px 0 0 0;
}
#orderDetails {
    float: left;
}
#orderInfo{
    float: right;
    width: 435px;
}
#confirmContentWrapper table {
    width: 100%;
}
#confirmContentWrapper th {
    background: #848484;
    color: #fff;
    padding-left: 10px;
    text-align: left;
}
table#orderTable th.center {
   text-align: center;
}
table#orderTable td {
    padding: 10px;
    vertical-align: top;
}
table#orderTable td.center {
    text-align: center;
}


table#paymentTable {
    margin: 50px 0 0 0;
}
table#paymentTable td#cardDetails {
    padding: 10px;
    width: 30%;
    border: 1px solid #848484;
    background: #ddd;
}
table#paymentTable td#paymentDetails{
    vertical-align: bottom;
}
table#paymentTable td td 
{
    text-align: right;
}

#HomepageBox1 {
	background:url(../images/Homepage_01.jpg) no-repeat;
	width:960px;
	height:372px;
	float:left;
}
#HomepageBox2 {
	background:url(../images/Homepage_02.jpg) no-repeat;
	width:654px;
	height:229px;
	float:left
}
#HomepageBox3 {
	background:url(../images/Homepage_03.jpg) no-repeat;
	width:306px;
	height:594px;
	float:left;
}
#HomepageBox4 {
	position: relative;
    background: url(../images/whatsSecret.jpg) left top no-repeat;
    width: 337px;
    height: 365px;
    float: left;
}
#secretButton {
	position: absolute;
	display: block;
	width: 216px;
	height: 50px;
	left: 74px;
	top: 231px;
}

#boxRight {
	position: relative;
     background: url(../images/pillowCovers.jpg) right top no-repeat;
    width: 317px;
     height: 365px;
     float: left;
}
#pillowButton {
	position: absolute;
	display: block;
	width: 216px;
	height: 50px;
	left: 43px;
	top: 231px;
}
#HomepageBox5 {
    width: 960px;
    height: 342px;
    float: none;
}
#HomepageBox2n4 {
	/*height:592px;*/
	width:654px;
	float:left;
	margin:0px;
}
#testimonials {
	position: relative;
    margin: 0;
 	background:url(../images/testimonials.jpg) no-repeat;
    width: 623px;
     height: 283px;
     float: right;
}
#testimonialsButton {
	position: absolute;
	display: block;
	width: 560px;
	height: 45px;
	left: 25px;
	top: 231px;
}
#allergistApproved {
	position: relative;
 	background:url(../images/allergist.jpg) bottom left no-repeat;
    width: 337px;
    float: left;
    height: 283px;
    margin: 0;
}
#allergistButton {
	position: absolute;
	display: block;
	width: 215px;
	height: 46px;
	left: 81px;
	top: 231px;
}
#textBox {
	font-size: 14px;
	margin: 0;
	padding-bottom: 40px;
}
#textBox p {
	margin: 0;
	padding: 5px 20px 0 50px;
}
#ButtonBox {	
	position: relative;
	background:url(../images/secondButtons.jpg);
	width:654px;
	height:91px;
	float:left;
	margin: -30px 0 0 0;
}
#aButton {
	position: absolute;
	display: block;
	width: 150px;
	height: 36px;
	left: 37px;
	top: 14px;
}
#bButton {
	position: absolute;
	display: block;
	width: 150px;
	height: 36px;
	left: 190px;
	top: 12px;
}
#cButton {
	position: absolute;
	display: block;
	width: 150px;
	height: 39px;
	left: 340px;
	top: 11px;
}
#dButton {
	position: absolute;
	display: block;
	width: 150px;
	height: 39px;
	left: 490px;
	top: 11px;
}

#orderQuestions h2 {
    margin-bottom: 0;
}
#orderQuestions p {
    margin-top: 0;
}
#centerButton 
{
    margin-top: 40px;
    text-align: center;
}
#footer {
 	background: #f00 url(../images/footer.jpg) no-repeat;
    width: 960px;
    height: 76px;
}
#confirmFooter {
 	background:#f00 url(../images/confirmationFooter.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width:960px;
    height:98px;
}

/* this is 
the form for the homepage */
.ClearFloat1 {
	clear: both;
}
.ValidationError
{
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    color: #FF0000;
    font-weight: bold;
    font-size: 12px;
    margin: 0px 0px 0px 10px;
} 
#HomepageFormBox {
	width: 255px;
	padding: 0;
	margin: 110px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

/** IE6 Fix **/
*html #FirstNameLeft, *html #LastNameLeft, *html #Address1Left, *html #Address2Left, *html #CityLeft, *html #StateLeft, *html #ZipLeft, *html #PhoneLeft, *html #EmailLeft {
	margin-left: -10px;
}
#FirstNameLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#FirstNameRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

#LastNameLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#LastNameRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#Address1Left {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#Address1Right {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#Address2Left {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#Address2Right {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#CityLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#CityRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#StateLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#StateLeft select {
	font: 10pt;
	width:136px;
	margin: 0;
	float: left;
}
*html #StateLeft select {
	margin-left: 10px;
}
#StateRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#ZipLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#ZipRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#PhoneLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#PhoneRight {
	float: left;
	width: 150px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#EmailLeft {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}
#EmailRight {
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#Promotions {
	font-size: 11px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#SubmitButton {
}
#SubmitButton input
{
    margin: 16px 0px 0px 15px;
    height: 110px;
    width: 205px;
}