/* CSS Document */

/* COMMON STYLE 
---------------------------------------------------------------------- */
html { height:auto; margin:0px;position:relative; }
body {
	height:auto;
	margin: 0px;
	padding: 0px;
	border:0px;	
	background: #FFFFFF;
/*	background: url(images/page-bg.gif) repeat;  */
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
}

/* Heading */
h1 {
	font-family: Impact, "Arial Black";
	font-size: 46px;
	line-height: 50px;
	margin: 0px;
	font-weight:normal;
	text-align:center;
	text-indent:0px;
	padding: 0px 20px 0px 20px;
	color:#990000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-indent:20px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 5px 70px 5px 70px;
	text-align:left;
}
.header-top h2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
	margin:0px;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	color: #000099; 
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height:20px;
	margin:0px;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:20px;	
	text-indent:-20px;
	text-align:left;
}	
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	text-indent:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding: 5px;
	text-align:left;
	text-align:center;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	line-height:18px;
	margin: 0px;
	width:190px;
	margin-left:15px;
	margin-right:15px;
	padding-top:15px;
	padding-bottom:2px;
	text-align:center;
}

.mainBullet li {
    list-style-image: url(images/hot-hilite.gif);
	list-style-position: outside; 
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-indent: 0px;
    padding-top:0;
    padding-bottom:8px;
	padding-left:5px;
	margin-left:10px;
}

.checklist-short li {
    list-style-image: url(images/checklist-green.gif);
	list-style-position: outside; 
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-indent: 0px;
    padding:0 0 0 8px;
	margin-left:10px;
	margin-bottom:5px;
}

.dealBullet li {
    list-style-image: url(images/hot-hilite.gif);
	list-style-position: outside; 
    font: normal 13px Arial, Helvetica, sans-serif !important;
    color: #000000;
    text-indent: 0px;
    padding-top:0px;
    padding-bottom:6px;
	margin-left:0px !important;
	padding-left:0px !important;
}
.sideBullet {
	margin:0;	
	padding-left:5px !important;
	margin-left:20px !important;
}

.sideBullet li {
	/*list-style-position: outside; */
	margin:0px !important;
    font: normal 13px/16px Arial, Helvetica, sans-serif;
    color: #000000;
    text-indent: 0px;
	text-align:left;
	padding-bottom:10px;
}


hr.small {
	background:#CCCCCC center;
	width:450px;
	height:1px;
	color:#CCCCCC;
	border:0px;
	margin:10px;
}

a:link, a:visited, a:active { 	color: #000099; text-decoration:underline;}
a:hover {	color: #990000;}
.clr {	clear: both; height:5px;}
.clr2 {	clear: both; height:80px;}
.color1 { 	color: #000099 !important;  }
.color2 { 	color: #bb0000 !important;}
.bold{  	font-weight:bold; }
.large{ 	font-size:16px !important; }
.italic {	font-style:italic !important;}
.noIndent {	text-indent: 0px !important;}
.minusIndent { text-indent:-17px !important; margin-left:17px !important;}
.border {	border: 1px solid #666666;}
.ArialBig1 { font-size:67px !important; font-weight:bold; vertical-align:middle;}
.ArialBig2 { font-size:22px !important; font-weight:bold;}
.ArialBig3 { font-size:16px !important; font-weight:bold !important; font-family:Arial, Helvetica, sans-serif !important;}
.ArialBig4 { font-size:28px !important; font-weight:bold !important;}
.padLeft {   padding-left:40px !important;}
.firefoxFix {	margin-top: 0px;}
.Arealsmall { font-size: 11px !important; font-weight:normal !important;}
.Arealmid { font-size: 13px !important; font-weight:normal !important;}

/* font size and type */
.Arial11 { font-size:11px !important; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial12 { font-size:12px !important; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial13 { font-size:13px !important; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial14 { font-size:14px !important; line-height:17px; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial16 { font-size:16px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; }
.Arial18 { font-size:18px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;}
.Arial20 { font-size:20px !important; font-weight:bold; line-height:24px; font-family:Arial, Helvetica, sans-serif !important;}
.Arial24 { font-size:24px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;}
.Arial28 { font-size:28px !important; line-height:32px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;}
.Verdana16 { font-size:16px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.Verdana18 { font-size:18px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.Verdana20 { font-size:20px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:24px;}
.Verdana25 { font-size:25px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.ArialBlack18 { font-size:18px !important; font-family:"Arial Black", Impact !important;}
.ArialBlack20 { font-size:20px !important; line-height:22px; font-family:"Arial Black", Impact !important;}


.center { text-align:center !important;}

.count {
	margin-left:17px;

}
.count p{
	text-indent:0px !important;
	margin:0px !important;
	margin-top:0px !important;	
	padding-bottom:20px !important;
	margin-left:5px !important;	
}

.certificatebox { 
	border: 1px solid #e3f0cf; 
	padding:0px;
	margin:0px; 
	background-image:url(images/certborder.gif);
}
.box { 
	border: 1px solid #CCCCCC; 
	padding:15px 8px 15px 8px; 
	background-color:#e8f0da; /* #e3f0cf; */
}
.box p{ 
	margin-top:5px; 
	margin-bottom:5px; 
	padding:0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;	
	text-indent:15px;
	text-align:left;
}
.imgbox {border:#996600 solid 1px;}
.float-left {
	float: left;
	margin: 0px 10px 0px 40px;
}
.float-right {
	float: right;
	margin: 30px 30px 0px 10px;
}


.membersub, a.membersub:link, a.membersub:active, a.membersub:hover{
	font-size:13px; 
	font-weight:normal; 
	color: #000099;
	text-decoration:none;
}
a.membersub:hover{	text-decoration:underline;}
.membersub a.email {font-size:15px; }
.sidebarAdNum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	padding-bottom:20px;
}

.formText{ font-size:14px; text-align:left;}
.formTextRight{ font-size:14px; text-align:right;}

.copyright{
	font-size:11px;
	text-align:center;
	color: #EFEFEF; 
}
/* ---------- sidebar ----------- */
.sidebar-all {
	position:relative;
	width: 220px;
	padding:0px;
	margin:0px;
	float:right;
	text-align:left;
}
.sidebar {
	position:relative;
	width: 220px;
	padding:0px;
	margin:0px;
	border:0px;
	background:#ffffff;
	background: url(images/paper-tear-mid.jpg) repeat-y top left #ffffcc;
	text-align:left;
	height:auto;
}
.sidebar-top{ 
	/*position:relative;*/
	width:220px; 
	height:55px;
	background: url(images/sidebar-top.jpg) no-repeat top left; 
	margin:0px;
	padding:0px; 
	top:0px;
}
.sidebar-bottom{
	/*position:relative;*/
	margin:0px;
	padding:0px;
	bottom:0px;
	width:220px;
	height:19px; 
	background: url(images/paper-tear-bottom.jpg) no-repeat 0 100%; 
}
.sidebar p {
	padding: 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-indent:15px;
	margin-top:5px;
	margin-bottom:5px;
}
/* MAIN LAYOUT DIV
---------------------------------------------------------------------- */

#bg {
	margin: 0 auto;
	background: #EFEFEF; /* #336699; EFEFEF; */
	/* background: url(images/bg_blue.gif) repeat; */
	width: 100%;
	height:auto;
}

#page {
	width: 821px;
	margin: 0 auto;
	background:none;
	text-align:left;
	height:auto;
}

#page-wrapper-L {
	width: 808px;
	margin: 0 auto;
	padding-left: 8px;
	background: url(images/shadowleft-bg.gif) repeat-y top left #FFFFFF;
	text-align: center;
	height:auto;
	height:100%;
}

#page-wrapper-R {
	margin: 0 auto;
	padding-right: 8px;
	background:#FFFFFF;
	background: url(images/shadownright-bg.gif) repeat-y top right #FFFFFF;
	text-align: left;
	height:100%;
}
#content { 
	position:relative;	
	width:800px;
	padding:0px;
	padding-bottom:1px;
	margin:0px;
	text-align:left;
	background:none;
	height:auto;
}
#content-top{   /* for top content */
	position:relative;	
	width:800px;
	padding:0px;
	margin:0px;
	text-align:left;
	background:none;
	height:100%;
}
/* ---------- Header ----------- */
#header-top {
	margin:0px;
	padding:0px;
	background:none;
	width: 800px;
}
#header-top p {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding-left: 25px;
	padding-right: 15px;
	text-indent:20px;
	text-align:left;
}
#header-top p.IndentP1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding-left: 120px; 
	text-indent:0px;
	text-align:left;
	font-weight:bold;
	color:#990000;
	width:380px;
}
#header {
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	background:none;
	/*background-image: url(images/back-pain-header.jpg);*/
	/*background:#FFFFFF;*/
	width: 800px;
	height: 132px;
}
#title {
	margin: 0px;
	padding: 20px 20px;
	position:relative;
	background:#FFFFFF;
	text-align:center;
}

#title-wrap-mid { 
	width: 800px;
	margin: auto;
	text-align:center;
	background: url(images/shadow-both.jpg) repeat-y;
}
#title-wrap-left { 
	padding-left: 17px;
	background:url(images/title-L-bg.jpg) no-repeat top left;
}
#title-wrap-right { 
	padding-right:17px;
	background:url(images/title-R-bg.jpg) no-repeat top right;
}
#title p { 
	text-align:left;
	padding: 5px 45px 5px 45px;
	text-indent: 18px;
}

/* ---------- Others ----------- */

#billing p {
	margin: 0px;
	text-indent: 0px !important;
	padding: 0px !important;
	font-size: 12px !important;
	text-align:right !important;
}


#stock-table {   /* in sidebar */
	margin:10px;
	width:195px;
	font-size:12px;
	border:#999966 thin solid;
}

#stock-table tr td{
	padding:5px;
}

#guarantee-sidebar {
	margin-left: 8px !important; 
	padding-left: 5px !important;
	margin-right: 15px !important;
	width: 170px;
	border: 7px double #669966;
	background-color: #cee3be;
}
#guarantee-sidebar p.gtext {
	margin: 0px !important; 
	padding: 0px 7px 5px 7px !important;
	font-size:14px !important;
}
/* ---------- content ----------- */
#main {
	position:relative;    
	width: 520px;
	margin: 0px;
	padding:10px 20px;
	text-align:left;
}
#main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent:17px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

#main p.emphasize {	margin:15px 50px; width:390px;}

#main p.reason1 {
	background-color:#ffffff;
	background: url(images/block-style-reason1.gif) no-repeat top center #ffffff;
	margin: 10px 20px 15px 50px;
	padding: 45px 40px 20px 20px;
	font-size:16px;
	line-height:18px;
	text-indent:17px;
}
#main p.reason2 {
	background-color:#ffffff;
	background: url(images/block-style-reason2.gif) no-repeat top center #ffffff;
	margin: 10px 20px 15px 50px;
	padding: 45px 35px 20px 20px;
	font-size:16px;
	line-height:18px;	
	text-indent:17px;
}
#main p.reason3 {
	background-color:#ffffff;
	background: url(images/block-style-reason3.gif) no-repeat top center #ffffff;
	margin: 10px 20px 15px 50px;
	padding: 45px 35px 20px 20px;
	font-size:16px;
	line-height:18px;	
	text-indent:17px;
}
#main p.reason4 {
	background-color:#ffffff;
	background: url(images/block-style-reason4.gif) no-repeat top center #ffffff;
	margin: 10px 20px 15px 50px;
	padding: 45px 35px 20px 20px;
	font-size:16px;
	line-height:18px;	
	text-indent:17px;
}
#main ol {
	font-size: 14px;
	line-height:17px;
	text-indent: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
#main p.itemB{
	margin-left:45px !important;
	font-weight: normal;
	text-indent: -18px !important;
}
#main p.itemD {
	margin-left:65px !important;
	font-weight: normal;
	text-indent: -20px !important;
	
}
#main p.itemC{
	margin-left:63px !important;
	font-weight: normal;
	text-indent: -18px !important;
}
/* ----------  forms ----------- */
.form {
	width: 480px;
	margin: 0px;
	padding: 10px;
	background-color: #f5f5f5; /* #e8e8e8;*/
	border: 2px dashed #999999;	
}
#form p { line-height:14px; margin-top:5px; margin-bottom:5px; }

input[type="text"]{
		font:12px/14px Verdana, Arial, Helvetica, sans-serif;
		padding:3px;
		background:#FFFFCC !important;
}


/* ---------- sidebar ----------- */

#sidebar-box {
	position:relative;
	margin:20px;
	padding:20px;
	width: 170px;
	float:right;
	border: thin solid #4f4c5c;
	background-color: #ccccff;
}
#sidebar-box p {
	font-size: 12px;
	text-indent:15px;
	text-align:left;
}

.sidebar p.titleA{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:20px;
	font-weight:bold;
	margin: 15px 10px 5px 10px;
	padding:0px;  color:#990000;  /*#996600;*/
	text-align:center;
	text-indent:0;
}
.sidebar p.titleB {  /* for align center */
	font-size: 15px;
	line-height:18px;
	font-weight:bold;
	margin: 15px 10px;
	padding:0px;  color:#343434; /* #996600; */
	text-indent:17px;
}


/* ---------- footer ----------- */

#footer-wrapmid{
	position:relative;
	width: 821px;
	clear:both;
}
#footer-wrapleft{
	width: 808px;
	padding-left: 8px;
	background:#003366;
	/*background:url(images/shadowleft-bg.gif) repeat-y top left;*/
	text-align: center;	
}
#footer-wrapright{
	padding-right: 8px;
	background:#003366;
	/*background:url(images/shadowright-bg.gif) repeat-y top right;*/
	text-align: center;
}
#footer{
	padding: 10px 0px;
/*	border-top: 1px solid #FFFFFF; */
/*	background:url(images/footer-bg.jpg) no-repeat top left #7b7b7b;  */
	background:url(images/footer-bg.jpg) no-repeat top left #153773; /*003366; */ 
	color: #FFFFFF; /* #EFEFEF; #D9E7EF; */
	position: relative;
	height: 100%;
}
/* ---------- form ----------- */
.message{ text-align:left;}


/* Firefox fix */
html { margin-bottom:1px; height:100% !important; height:auto; }
html>body #content { margin-bottom:1px; height:100% !important; height:auto;}