body {
	background:url(images/grad_bg.jpg) top left repeat-x;
}

.step1 #content {
	background:url(images/background1.jpg) top right no-repeat;
}
/*
.step2 #content {
	background:url(images/background2.png) top right no-repeat;   giant piece of crap 
	
} */

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
p {line-height:17px;}

a { color:#2d4984;}

/*indy500 logo */
/*#header {
	height: 100px;
	padding-top: 25px;
	background:url(images/logo_race_web.jpg) no-repeat right 31px;
}*/
#header {
	height: 54px;
	padding-top: 31px;
	background:url(images/moneyback_guarantee.gif) no-repeat right 31px;
}

#page { background: url(images/default_bg6.jpg) white no-repeat left top; padding:0.1px 0 20px 0; }


#header, #page, #footer {
	width:912px;
	margin:0 auto 0 auto;
	border-left:8px solid white;
	border-right:8px solid white;
}

#logo {
	display:block;
	background: url(images/prostalex_logo.gif) no-repeat;
	width:223px; 
	height:38px;
}	

#content {padding:0.1px 0 0.1px 0;}

#content .leftcolumn { float:left; width: 245px;}
#content .rightcolumn { float:right; width: 650px;}
#content .centercart { margin: 50px; width: 650px;}

.step1 #content .leftcolumn { padding:416px 16px 0 0; background:url(images/available_at.gif) center bottom no-repeat;}
.step2 #content .leftcolumn { padding:436px 16px 0 0; background:url(images/genuine_prostalex.gif) 15px 372px no-repeat;}
.step2 #content .leftcolumn p { margin:0 8px 0 15px;}

.step2 #content .rightcolumn { padding:175px 0 0 0;}
.step2 #content .centercart { padding:0 0 0 0;}

.step1 #content #symptoms { float:left; width:375px; padding:326px 0 0 0; background: url(images/symptoms.png) no-repeat left 290px ; height:145px;}
.step1 #content #symptoms li {
	float:none;
	background: url(images/li_arrow.gif) no-repeat 0px -1px;
	padding:0 0 15px 16px;
	color:#737373;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:8px;
}


.step1 #content #orderform { float: right; width: 258px; text-align:center;}
.step2 #content #orderform { border:1px solid #00a94e; width: 490px;}
.step2 #content #orderform, .step2 #content #orderform td, .step2 #content #orderform label, .step2 #content #orderform input, .step2 #content #orderform select, .step2 #content #orderform a { font-family:Trebuchet MS;}

.bl { color:#2d4984; font-weight:bold; 	}

.step1 #content #orderform h3 { font-size:26px; font-weight:normal; margin:16px auto 8px auto;}
.step1 #content #orderform h5 { font-size:11px; font-weight:bold; color:#7d4700;}

#step1-table {margin:15px auto 0 auto; text-align:left; font-size:12px; }
#step1-form input.txt { height:14px; padding:1px; font-size:12px; width:130px;}
#step1-form input.sbm {margin:5px auto 0 auto;}

#step2-form input.txt { height:14px; padding:1px; font-size:12px; width:145px; background:white;}
#step2-form input.txt.short { width:60px;}
#step2-form select.sel { font-size:12px; width:151px; background:white;}
#step2-form input.sbm {margin:5px auto 0 auto;}

#package2 {
	margin-bottom:10px;
	height:20px;
	width:200px;
}
#package2 h3 {
	font-size:16px;
	margin-bottom:4px;	
	font-weight:normal;
}
#package {
	padding:20px 50px 30px 25px;
	margin-bottom:20px;
	height:250px;
	width:410px;
	border:3px solid #00a94e;
}

#package h3 {
	font-size:20px;
	margin-bottom:4px;	
	font-weight:normal;
}

#package h5 {
	font-size:14px;
	font-weight:bold;
	color:#427227;
}

#package .t1 { font-size: 12px; font-weight:bold; border-bottom: 1px solid #f0f0f0; margin-top:20px; width:100%;}
#package .t1 td { padding:0 0 15px 0; vertical-align:top; text-align:left;}
#package .t1 .c1 { width:45px;}
#package .t1 .c2 { padding-right:20px;}
#package .t1 .c3, #package .t1 .c5 { width:60px; text-align:right;}
#package .t1 .c4 { width:40px; text-align:right;}
#package .t1 .c5 { width:80px; text-align:center; padding-right: 5px;}
#package .t2 { width:100%; margin-top:10px; text-align:right; vertical-align:top; font-size:12px;}
#package .t2 .c1, #package .t2 .c2 { padding-bottom:10px;}
#package .t2 .c2 { color: #273376; width:80px;}
#package .t2 .c2 strong { color: #751d1c;}
#package .t1 th { font-size: 10px; color: #8c8c8c; padding: 10px 5px; text-align: center;}

#step1-table .c1 { width:75px;}
#step1-table .c1 label, #step1-table .c1 { font-weight:bold;}
#step1-table .c1, .c2  {padding-bottom:10px;}
#step1-table .c3  { width:32px; padding-left:13px;}

#step2-table { margin-bottom: 24px;}
#step2-table .c1 { width:75px;}
#step2-table .c1, .c2  {padding-bottom:6px;}
#step2-table .c3  { width:32px; padding-left:13px;}
#step2-td .c6 { width:80px; text-align:right; padding-right: 5px;}

#genuine_descr { background:url(images/genuine_prostalex_relief.gif) top left no-repeat; padding:40px 170px 0 0; margin:20px 15px 0 15px; border-bottom: 1px solid #e5e5e5; height:80px; width: 700px;}

#faq { background: url(images/faq.gif) top left no-repeat; margin:30px 15px 0 15px; padding:40px 0 0 0;}

#faq .leftc { float:left; margin-right:50px; width: 407px; background:url(images/faq_illustrations.gif) top right no-repeat; padding:0.1px 0 0.1px 0;}
#faq .rightc { float:left; width: 407px; padding:0.1px 0 0.1px 0;}

#faq .rightc ul { float:left; display:block; width:150px; margin:0 20px 20px 0;}
#faq .rightc ul li {
	float:none;
	background: url(images/li_arrow.gif) no-repeat 0px 3px;
	padding:0 0 0 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}

#faq h4 { margin: 5px 0 5px 0; font-weight:bold;}

#faq p { margin: 5px 0 10px 0;}

#footer {
	width:712px;
	margin:0 auto 0 auto;
	padding:0.1px 100px 0.1px 100px;
	text-align:center;
	background:white;
}


#footer .info {
	margin:20px 0 20px 0; color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height: 12px;
}

#footer .copy {
	color:#666666;
	margin:20px 0 20px 0;
	font-weight:bold;
}

#footer .links {
	margin:40px 0 20px 0; color:#8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	color:#2d4984;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
}

#footer .links a {
	color:#2d4984;
	text-decoration: underline;
	font-weight:bold;
}
#step2 .checkout {
	width: 470px;
	height: 384px;
	/*background: url(../images/bg-form.gif); */
	background-color:#FFFFFF;
	
}
#step2 .checkout .fl {
	margin-right: 10px;
	margin-bottom: 20px;
	background-color:#FFFFFF;
}
#step2 .checkout  {
	margin-bottom: 10px;
	padding-top: 0px;
	color: #000;
	background-color:#FFFFFF;
}
#step2 .checkout table {
	margin-top: 25px;
	margin-left: 20px;
	background-color:#FFFFFF;
}
#step2 .checkout td {
	padding: 5px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #8c8c8c;
	background-color:#FFFFFF;
}
#step2 .checkouttax td {
	padding: 5px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
}
#step2 .checkout tr {
	border-bottom: 1px solid #f0e6f0;
	padding: 50px 5px;
	background-color:#FFFFFF;
}
#step2 .checkouttax tr {
	border-bottom: 1px solid #f0e6f0;
	padding: 50px 5px;
	background-color:#FFFFFF;
}
.checkout td {
	border-bottom: 1px solid #f0e6f0;
	padding: 10px 5px;
	background-color:#FFFFFF;
}
.checkouttax td {
	border-bottom: 1px solid #f0e6f0;
	padding: 10px 5px;
	background-color:#FFFFFF;
}
#step2 .checkout th {
	font-size: 10px;
	color: #8c8c8c;
	background-color:#FFFFFF;
}
#step2 .checkouttax th {
	font-size: 8px;
	color: #8c8c8c;
	background-color:#FFFFFF;
}
p.cartthing {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0e52cd;
	background-color:#FFFFFF;
}

