/* CSS Document */

* {
	margin: 0;
    padding: 0;
	font-size: 1em;
}

body {
	background: url(../images/body-bg.jpg) center repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#container {
	width: 100%;
}

#main-content {
	margin: 0 auto;
	padding: 0 0 50px 0;
	display: table;
	width: 820px;
}


/*################################################ HEADER ##############################################*/

#main-content #header {
	float: left;
	width: 820px;
	height: 213px;
	background: url(../images/main-header-bg.jpg);
	/* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}


/*################################################ CONTENT ##############################################*/

#main-content #content {
	float: left;
	width: 820px;
}

#main-content #content .box {
	float: left;
	width: 637px;
	margin: 20px 0 0 90px;
	padding: 3px 0 0 3px;
	display: inline;
	background: #f5f5dc;
}

#main-content #content .box p.second {
	float: left;
	width: 637px;
	font-size: 14px;
	margin: 15px 0 0 0px;
	font-weight: normal;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content .box p.red-top {
	float: left;
	color: #ff0000;
}

#main-content #content .box p.black {
	margin: 15px 0 0 0;
}

#main-content #content p.tit-red, #main-content #content p.center-red {
	float: left;
	width: 100%;
	margin: 25px 0 0 0;
	text-align: center;
	font-size: 19px;
	color: #ff0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.center-red {
	width: 630px;
	margin: 30px 0 10px 100px;
	display: inline;
}

#main-content #content p.center-red span {
	font-weight: normal;
	font-style: italic;
}

#main-content #content .box p {
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}

#main-content #content .box p.sign {
	margin: 10px 0 0 0; 
	font-size: 12px;
	color: #FF0000;
}

#main-content #content p.italic, #main-content #content p.red {
	float: left;
	width: 637px;
	text-align: center;
	font-style: italic;
	margin: 15px 0 0 90px;
	display: inline;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}

#main-content #content p.red, #main-content #content p.gift-tit {
	color: #ff0000;
	font-style: normal;
	font-size: 29px;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.gift-tit {
	text-align: left;
	float: left;
	width: 400px;
	font-size: 24px;
	margin: 40px 0 0 90px;
	display: inline;
}

#main-content #content p.gift {
	float: left;
	width: 700px;
	margin: 15px 0 10px 90px;
	display: inline;
	font-size: 24px;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.gift span {
	font-size: 21px;
	color: #000000;
}

#main-content #content p.center {
	float: left;
	width: 570px;
	font-size: 18px;
	text-align: center;
	margin: 25px 0 0 120px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.content {
	float: left;
	width: 637px;
	font-size: 14px;
	margin: 15px 0 0 90px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.content span {
	font-weight: bold;
}

#main-content #content p.tit-large, #main-content #content p.tit {
	float: left;
	width: 100%;
	margin: 18px 0 20px 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content p.tit {
	font-size: 18px;
	margin: 18px 0 0 0;
	text-transform: none;
}

#main-content #content p.section {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 18px 0 0 90px;
	display: inline;
	text-transform: none;
}

#main-content #content ul {
	float: left;
	width: 300px;
	margin: 10px 0 10px 130px;
	display: inline;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content ul li {
	margin: 15px 0 0 0;
}

#main-content #content ul.large {
	width: 580px;
	margin: 10px 0 0 130px;
	display: inline;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content ul.large li {
	margin: 22px 0 0 0;
}

#main-content #content p.black-tit {
	float: left;
	margin: 30px 0 10px 0;
	font-size: 18px;
	color: #000000;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content ul.center {
	width: 580px;
}

#main-content #content ul.bicolor {
	float: left;
	width: 580px;
	margin: 10px 0 0 130px;
	display: inline;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#main-content #content ul.bicolor li span {
	font-weight: bold;
}

#main-content #content ul.numbers {
	width: 300px;
	font-size: 14px;
	list-style: none;
}

#main-content #content div.guarantee {
	float: left;
	width: 600px;
	padding: 0 0 20px 0;
	margin: 20px 0 0 90px;
	display: inline;
	border: 1px solid #000000;
}

#main-content #content div.guarantee p.content {
	width: 490px;
	margin: 0;
	font-size: 13px;
}

#main-content #content div.guarantee img {
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

#main-content #content div.guarantee h2 {
	float: left;
	margin: 30px 0 5px 0;
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}

#main-content #content img.paypal {
	float: left;
	margin: 30px 0 0 333px;
}

#main-content #content p span.yellow {
	background: #FFFF00;
}

#main-content #content p span.under, #main-content #content ul li span.under {
	font-weight: normal;
	text-decoration: underline;
}

#main-content #content .subscribe {
	float: left;
	width: 620px;
	margin: 15px 0 0 90px;
	padding: 0 0 20px 0;
	display: inline;
	border: 1px solid #666666;
}

#main-content #content .subscribe h3 {
	float: left;
	width: 620px;
	height: 35px;
	background: #CCCCCC;
	color: #CC0000;
	font-size: 12px;
	text-align: center;
}

#main-content #content .subscribe form {
	float: left;
	width: 480px;
	margin: 15px 0 0 35px;
	display: inline;
}

#main-content #content .subscribe form input {
	float: left;
	width: 120px;
	margin: 2px 0 0 0px;
	height: 21px;
	padding: 2px 0 0 3px;
	font-size: 14px;
	background: #FFFFFF;
	border: 1px solid #656565;
}

#main-content #content .subscribe form input.submit {
	width: 70px;
	height: 22px;
	margin: 35px 0 0 -70px;
	background: #EEEEEE;
}

#main-content #content .subscribe form label {
	float: left;
	width: 50px;
	margin: 5px 0 0 0;
	padding: 0 0 0 160px;
	font-size: 12px;
	color: #626366;
	font-weight: bold;
}



/* order forms*/

.form-top
{
font-family:"Times New Roman", Times, serif;
font-size:24px;
text-decoration:underline;
font-weight:bold;
text-align:center;
margin-top:10px;
}
.yellow-box
{
display:block;
width:486px;
padding:3px;
border:3px #000000 solid;
background-color:#FFFF66;
margin:0px auto;
margin-top:15px;
}

.yellow-box p
{
font-size:18px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.border-red-box
{
display:block;
border:#FF0000 2px solid;
width:580px;
margin:0px auto;
padding:10px;
margin-top:20px;
font-family:"Times New Roman", Times, serif;
}
.border-red-box p
{
font-size:18px;
margin-top:20px;
display:block;
}
.border-red-box p.p-1
{
font-size:22px;
font-weight:bold;
}

.border-red-box p.p-1 span
{
color:#FF0000;
}
.black-letter
{
font-weight:bold;
}
.border-red-box ul
{
list-style:outside;
margin-left:40px !important;
width:500px !important;
float:none !important;
display:block !important;
font-family:"Times New Roman", Times, serif !important;
font-size:18px !important;
}

*:first-child+html .border-red-box ul
{
margin-left:20px !important;
padding-left:20px !important;
}

.border-red-box ul li
{
margin:0px !important;
}
.border-red-box img
{
display:block;
float:right;
}

.form-p
{
font-size:18px;
margin-top:20px;
display:block;
font-family:"Times New Roman", Times, serif;

}
.note
{
margin-top:50px;
margin-bottom:50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}
.form-title
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:5px;
}
.order-form
{
margin-left:105px;
margin-right:105px;
}

.order-form ul.order-form-list
{
list-style:none !important;
width:500px !important;
margin:30px 0px 0px 0px!important;
float:none  !important;
}
.order-form ul.order-form-list li
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
clear:both;
}

.order-form label
{
display:block;
float:left;
width:115px;
margin-top:10px;
}
.order-form label.remember
{
display:block;
float:left;
width:300px;
margin-left:0px !important;
}

.order-form input[type=text], .order-form select {
	float: left;
	margin: 12px 0 0 0px;
	height: 21px;
	padding: 2px 0 0 3px;
	font-size: 14px;
}
.order-form input[type=checkbox]
{
margin: 10px 15px 0 0px;
float: left;
}

.order-form input.submit {
	width: 70px;
	height: 22px;
	margin: 35px 0 0 -70px;
	background: #EEEEEE;
}
.order-form img.mcafee
{
display:block;
margin:0px auto;
margin-top:20px;
}

.order-form table
{
margin-top:20px;
}
.order-form table th
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
width:250px;
text-align:left;
padding-bottom:5px;
}

.order-form table tbody, .order-form table tfoot
{
font-family:"Times New Roman", Times, serif;
font-size:14px;

}
.order-form table tfoot td
{
font-weight:bold;
border-top:1px #333333 solid;
}

.order-form table .td-value
{
text-align:right;
}
.coupon
{
float:none !important;
}
.exp-date
{
padding-top:5px !important;
width:auto !important;
float:left !important;
margin-left:0px !important;
}
.ul-2 label
{
float:none;
width:400px;
}
*:first-child+html .ul-2 label
{
margin-left:-20px;
padding-left:0px;
text-align:left;
}
.submit
{
background-image:url(../images/submit.jpg);
width:113px;
height:26px;
background-repeat:no-repeat;
display:block;
float:right;
background-color: transparent;
background-attachment: scroll;
font-size:0px;
font-weight:0;
text-indent:-9999px;
overflow:hidden;
border:none;
}
.return
{
background-image:url(../images/return.jpg);
width:124px;
height:26px;
background-repeat:no-repeat;
display:block;
float:right;
background-color: transparent;
background-attachment: scroll;
font-size:0px;
font-weight:0;
text-indent:-9999px;
overflow:hidden;
border:none;
}

textarea
{
border:inset;
width:300px;
height:100px;
}
.small-letter
{
font-size:9px;
color:#999999;
display:block;
margin-left:105px;
margin-right:105px;
clear:both;
padding-top:20px;
}

.unsell
{
margin-left:105px;
margin-right:105px;
padding-bottom:15px;
padding-top:15px;
font-family:'Times New Roman', Times, serif;
font-size:18px;
}

#popup
{
font-family:"Times New Roman", Times, serif;
display:block;
margin:0px auto;
width:640px;
}

#popup h2
{
color:#0000FF;
font-size:24px;
text-align:center;
padding-top:20px;
}

#popup p
{
font-size:18px;
line-height:25px;
padding-bottom:20px;
padding-top:20px;
}

#popup p.red2
{
color:#FF0000;
}

#popup h4
{
color:#000000;
font-size:22px;
}

#popup form
{
display:block;
width:auto;
padding-top:20px;
padding-bottom:20px;
background-color:#CCCCCC;
}

