@charset "utf-8";
input {
	width: 250px;
}
input#shipping_checkbox, input#free_email {
	width: 20px;
}
select#state, select#country, select#SIstate, select#SIcountry {
	width: 170px;
}
input#checkbox {
	width: 20px;
}
input#cvv2 {
	width: 125px;
}
/*#shipping_div{
    margin-top: 75px;
}*/
#shipping_div {
	padding-top:75px
}
body {
	font: 100% Arial;
	background: #F1ECD6 url(../images/background-check.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img {
	border: none
}
.oneCol_center #container {
	width: 943px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneCol_center #header {
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background: url(../images/banner-instructions.jpg) no-repeat top center;
	height:200px
}
.oneCol_center #container #header ul {
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center
}
.oneCol_center #container #header li {
	display:inline;
	padding:0px 4px 0px 2px
}
.oneCol_center #mainContent {
	padding: 30px 10px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneCol_center #footer {
	clear:both;
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin:0px 0px 0px 0px;
}
.oneCol_center #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneCol_center #container #header .order-now {
	float: right;
	padding:378px 60px 30px 0px
}
/*content*/
.oneCol_center #container #mainContent .content {
	padding:0px 0px 0px 0px;
	float:left;
}
/*.oneCol_center #container #mainContent .content ul {
padding:10px 0px 0px 50px; margin:0px 0px 0px 0px;

}

.oneCol_center #container #mainContent .content li {

	list-style-image: url(../images/ico-arrow.gif);
	font-family:'Lucuda Grande', Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em
}*/


#back-foot {
	background:url(../images/background-bot.jpg) repeat-x bottom;
	height:189px;
	width:100%;
	clear:both
}
.oneCol_center #back-foot .footer {
	width:961px;
	text-align:left;
	margin: 0 auto;
	background:url(../images/footer-check.jpg) no-repeat center bottom;
	height:189px;
}
.oneCol_center #back-foot .footer .footlink ul {
	padding:70px 30px 0px 30px;
	text-align:left
}
.oneCol_center #back-foot .footer .footlink ul {
	color: #fbbb02;
	list-style:none;
	font-size:12px;
	margin:0px 0px 0px 0px;
}
.oneCol_center #back-foot .footer .footlink li {
	display:inline;
	padding:0px 5px 0px 5px
}
.oneCol_center #back-foot .footer .footlink a {
	text-decoration: none;
	color: #ffffff; cursor:pointer
}
.oneCol_center #back-foot .footer .footlink a:hover {
	text-decoration: none;
	color:#fbbb02;
	cursor:pointer
}
.oneCol_center #container #header .flash-div .flash {
	padding: 0px;
	border: 5px solid #FFFFFF;
	width: 380px;
	height:286px;
}
.oneCol_center #container #header .flash-div {
	padding: 175px 0px 0px 15px;
}
.oneCol_center #container #mainContent .content {
	float:left;
	width:450px
}
.oneCol_center #container #mainContent .boxes {
	float:right;
	width:450px;
	margin:-70px 0px 0px 0px
}
.oneCol_center #container #mainContent .boxes ul {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.oneCol_center #container #mainContent .boxes li {
	display:inline;
	padding:0px 2px 0px 2px
}
.oneCol_center #container #mainContent .content li {
	font-size:10px;
	color:#515151;
	list-style-image:url(../images/ico-check.gif);
	line-height:2em
}
.oneCol_center #container #mainContent .boxes p {
	font-size:10px;
	color:#515151;
	line-height:2em;
	padding:10px
}
.oneCol_center #container #mainContent .content p {
	text-align:center;
	padding:15px 0px 0px 0px
}
.oneCol_center #container #mainContent .table1 #textfield {
	width:270px
}
.oneCol_center #container #mainContent .table1 td {
	text-align:left
}
.oneCol_center #container #mainContent .table2 #textfield {
	width:200px
}
.oneCol_center #container #mainContent .table1 #select {
	width:200px
}
.oneCol_center #container #mainContent .table2 #select {
	width:140px
}
.oneCol_center #container #mainContent .table1 {
	font-size:12px;
	text-align:left;
	float:left;
	width:49%;
	padding:0px 0px 0px 50px;
	color: #000;
}
.oneCol_center #container #mainContent .table1 span {
	color:#bb3333;
	font-size:10px;
	font-weight:bold;
}
.oneCol_center #container #mainContent .divside {
	float:left;
	width:auto;
	text-align:center;
	padding:25px 0px 0px 35px
}
.oneCol_center #container #mainContent .divside p {
	font-size:12px;
	line-height:1.5em;
	padding:0;
	margin:0
}
.oneCol_center #container #mainContent .divside p span {
	color:#A8121D;
	font-weight:bold
}
.oneCol_center #container #mainContent .above-footer {
	clear:both;
	color:#6f6f6e;
	font-size:10px;
	text-align:left;
	padding-left:60px;
}
.oneCol_center #container #mainContent .above-footer ul {
	padding:30px 0px 30px 25px;
	margin:0px 0px 0px 0px;
	line-height:1.5em
}
h1 {
	text-align:left;
	color:#000;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size: 24px
}
h2 {
	text-align:left;
	color:#bb3333;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	padding-top:7px
}
.oneCol_center #container #mainContent .table1 .right {
	text-align:right;
	padding:5px 0px 5px 0px;
	color:#000000;
	clear:both;
	height:2em
}
.oneCol_center #container #mainContent .above-footer .right {
	text-align:right;
	padding:5px 0px 5px 0px;
	color:#000000;
	clear:both;
	height:2em
}
h3 {
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	color:#555452;
	text-align:left
}
input, select {
	color:#000000
}
.oneCol_center #container #header #juppy-home {
	padding:7px 0px 0px 55px
}
.oneCol_center #back-foot .footer #juppy-home-foot {
	padding:30px 0px 0px 30px
}
.check-box {
	float:left;
}
.check-box-wrap {
	padding:0px 0px 0px 170px;
	display:block
}
.oneCol_center #container #mainContent .table1 .check-box-wrap .check-box-text {
	padding:3px 15px 3px 5px;
	float:left;
	color:#bb3333;
	font-size:10px;
	font-weight:bold;
	width:230px
}
.label-text {
	float:left;
	padding:5px 5px 0px 0px;
	text-align:right;
	width:150px;
	font-size:12px;
	color: #000;
}
.label-text span {
	color:#bb3333
}
.fields {
	float:left
}
.oneCol_center #container #mainContent .above-footer p {
	padding:40px 00px 00px 0px;
	margin:0px;
	font-size:12px
}
.oneCol_center #formID #container #mainContent .divside h3 {
	clear:both;
	padding:20px 0px 0px 0px;
	
}
/*.step_three {
	padding:253px 0px 0px 0px;
	display:block
}*/
#step_three {
	padding:253px 0px 0px 0px;
	display:block
}
.question a {
	color:#000000;
	text-decoration:none
}
.question a:link {
	color:#000000;
	text-decoration:none
}
.question a:hover {
	color:#000000;
	text-decoration:none
}
.question a:visited {
	color:#000000;
	text-decoration:none
}
.qty_top { background:url(../images/grad.jpg) top repeat-y; width:354px; height:20px}
.qty_body { background:url(../images/grad.jpg) top repeat-y;width:354px;}
.qty_bot { background:url(../images/grad.jpg) top repeat-y; width:354px; height:20px}

#divstate{
padding-top: 15px;
}

#divSIstate{
padding-top: 15px;
}
.paypalbutton {
	text-align: center;
	width: 380px;
}