body{margin:0; padding:0px; background: #000 url(images/bg.gif);}
hr{
	background:#D9D9D9 none repeat scroll 0 0;
	clear:both;
	color:#D9D9D9;
	height:1px;
	margin-bottom:10px;
	border:0px;
  }
	h1{ color:#970404; font-size:20px;}
	h2{color:#2c7604; font-size:18px;}
	h3{color:#267fd1; font-size:16px;}
	h4{color:#000; font-size:16px;}
p{ line-height:20px;}
a{ color:#0253c2;}
a:hover{ color:#38c202;}
a:active{ color:#0253c2;}
img{ border:none;}
img a{border:none;}
fieldset{ width:560px; padding:10px; border:1px solid #EBEBEB; margin:10px auto;}
legend{ padding:5px; border:1px solid #EBEBEB; background:#F7F7F7;}
#site{ width:900px; margin:10px auto; padding:0px;}
#header{width:900px; height:392px;}
#header .logo{ width:429px; height:80px; background:url(images/logo.png) no-repeat; clear:both; margin:0px; padding:0px;}
#header .pre{width:900px; height:312px; background:url(images/rw_05.png) no-repeat; margin:0px; padding:0px;}
#header .pre .top{width:899px; height:30px; margin-top:10px; position:absolute;}
#header .pre .top .member{ width:400px; height:25px; padding: 3px 15px; float:left; color:#FF0;text-shadow: 1px 1px #111; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:12px; }
#header .pre .top  .login{width:200px; height:25px; padding: 3px 8px; float:right;}
#header .pre .m{width:899px; height:50px;margin-top:260px; background: url(images/mbg.png) no-repeat; position:absolute;}
/**********MENU***********/
/* top nav */
#header .pre .m ul {float:left; no-repeat;width:660px;height:36px;list-style:none; margin-top:10px; margin-left:15px; padding:0; text-decoration:none;}
#header .pre .m .sp{float:right; no-repeat;width:210px; padding:5px; margin-top:15px; font-size:12px; color:#FF0; text-decoration:none;}
#header .pre .m li { list-style:none; height:36px; margin:0 auto;padding:0; text-decoration:none; display:inline;}
#header .pre .m a{float:left;background:url(images/slmbgc.png) no-repeat left top; height:36px; margin:0;padding:0 0 0 6px;text-decoration:none; font-weight:bold;}
#header .pre .m a:hover{float:left;background:url(images/slmbgh.png) no-repeat left top; height:36px; margin:0;padding:0 0 0 6px;text-decoration:none;}
#header .pre .m a.active{float:left;background:url(images/slmbgh.png) no-repeat left top; height:36px; margin:0;padding:0 0 0 6px;text-decoration:none; text-decoration:none;}
#header .pre .m a span{float:left;display:block;height:36px; background:url(images/srmbgc.png) no-repeat right top;padding:8px 12px 4px 6px;margin-right:5px;color:#000; text-decoration:none;}
#header .pre .m a:hover span{float:left;display:block;height:36px; background:url(images/srmbgh.png) no-repeat right top;padding:8px 12px 4px 6px;margin-right:5px;color:#000; text-decoration:none;}
#header .pre .m a.active span{float:left;display:block;height:36px; background:url(images/srmbgh.png) no-repeat right top;padding:8px 12px 4px 6px;margin-right:5px;color:#000; text-decoration:none;}
/***********End MENU*********/
#content{ width:899px; background:#FFF url(images/cbg.png) top repeat-x; min-height:500px;}
#content .cell{padding:10px; width:850px; margin:0px auto; overflow:hidden;}
#content .cell .left{width:230px;float:left;}

#content .cell .left h2.homeDetail{
	display:block;
	background:url(images/home_page_details.gif) 0 0 no-repeat;
	width:230px;
	height:27px;
	padding:0 0 0 28px;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:3px 0 0px 0px;
}

#content .cell .left ul.leftLink{
	width:230px;
	padding:0px;
	margin: 2px 0 0 0;
}
#content .cell .left ul.leftLink li{
	margin:0 0 2px 0;
	display:block;
	height:27px;
	margin-top:0px;
	line-height:0;
	font-size:0;
	background:#eee;
	/*background:url(images/left_link_bg.gif) 0 0 repeat-x;*/
}
#content .cell .left ul.leftLink li a{
	display:block;
	background:url(images/bullet.gif) 12px 9px no-repeat;
	width:200px;
	height:27px;
	padding-left:25px;
	font:normal 12px/27px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
#content .cell .left ul.leftLink li a:hover{
	color:#BD1515;
	background-color:inherit;
}
#content .cell .box{width:230px; padding:10px;}

/*********************************/
#content .cell .right{width:600px; float:right; font-size:13px;}
#footer{width:900px; height:70px; background:url(images/rw_08.png) top left no-repeat; margin:0px; padding:0px;}
#footer .copy{ width:225px; font-size:13px; float:left; margin-top:18px; padding:5px; text-align:center; }
#footer .copy a{ color:#000;text-decoration:none;}
#footer .copy a:hover{ color:#555;}
#footer .tos{width:600px; font-size:13px; float:right;  margin-top:18px; padding:5px; text-align:right; color:#fefefe;}
#footer .tos a{color:#fefefe; text-decoration:none;}
#footer .tos a:hover{color: #FF0;}
/*****************Form*******************/
/*Contact form*/
* html .form-contact
	{
	margin:0px -4px;
	}
.form-contact div.row
	{
	float:left;
	padding:4px 12px;
	width:302px;
	}
.form-contact div.row-span
	{
	clear:both;
	padding:4px 12px;
	width:600px;
	}

.form-contact label
	{
	display:block;
	font:1em/2em 'Lucida Grande',arial,sans-serif;
	font-weight:bold;
	}
.form-contact .input-text
	{
	background:url(images/fbgc.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:24px;
	padding:5px;
	padding-top:4px;
	width:298px;
	}
.form-contact .input-text:focus
	{
	border:1px solid #c34f4f;
	background:url(images/fbgh.gif) no-repeat;
	}
.form-contact textarea
	{
	float:left;
	background:url(images/fbgc.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:200px;
	padding:5px;
	padding-top:4px;
	width:580px;
	padding-left:5px;
	}
.form-contact textarea:focus
	{
	border:1px solid #c34f4f;
	background:url(images/fbgh.gif) no-repeat;
	}
	.btn-submit
	{
	display:block;
	background:url(images/btn-sprite.gif) 0px 0px no-repeat;
	width:200px;
	height:50px;
	border:0px;
	font-size:-5px;
	}
.btn-submit:hover
	{
	background:url(images/btn-spriteh.gif) left bottom no-repeat;
	color:#08162d;
	}
.button-holder input
	{
	float:right;
	margin-top:10px;
	}
/*End Contact form*/
#signup{width:800px; margin:0px auto; padding:10px; font-size:14px;}
#signup .clear{ clear:both; height:5px;}
#signup label{display:block;float:left;width:200px;font-size:12px;line-height:24px;text-align:right;padding-right:10px; padding-top:3px;}
#signup .input
	{
	background: url(images/fbgc.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:20px;
	padding:2px;
	width:250px;
	}
#signup .input:focus
	{
	border:1px solid #c34f4f;
	background:url(images/fbgh.gif) no-repeat;
	}
#signup select
	{
	float:left;
	background: url(images/fbgc.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:25px;
	width:255px;
	line-height:20px;
	}
.error{
		width:350px; line-hight:20px; margin:5px auto; color:red; font-size:14px;
		}
#signup textarea
	{
	float:left;
	background: #F4F4F4;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:200px;
	padding-top:4px;
	width:400px;
	padding-left:5px;
	}
#signup .btn-submit
	{
	display:block;
	background:url(images/reg.gif) 0px 0px no-repeat;
	width:200px;
	height:50px;
	font-size:0px;
	cursor:pointer;
	border:0px;
	}
#signup .btn-submit:hover
	{
	background:url(images/regh.gif) 0px 0px no-repeat;
	}
#signup .btn-submit1
	{
	display:block;
	background:url(images/btn-sprite.gif) 0px 0px no-repeat;
	width:200px;
	height:50px;
	font-size:0px;
	cursor:pointer;
	border:0px;
	}
#signup .btn-submit1:hover
	{
	background:url(images/btn-spriteh.gif) 0px 0px no-repeat;
	}
#signup fieldset{ width:580px; padding:10px; border:1px solid #EBEBEB; margin:10px auto;}
#signup legend{ padding:5px; border:1px solid #EBEBEB; background:#F7F7F7;}
#signup .bt{width:200px; float:right; margin-right:0px; margin-top:30px;}
/*END SIGNUP FORM*/
#list ul li{background:url(images/bb.png) left no-repeat; padding: 5px 2px 5px 25px; display:block; list-style:none;}
/*****************End Form****************/
#bgf{ width:472px; height:261px; margin:25px auto; background:url(images/sbg.gif) no-repeat; padding:15px;}
#login {width:472px; margin:0px auto; padding:10px; font-size:14px;}
#login .clear{ clear:both; height:5px;}
#login label{display:block;float:left;width:120px;font-size:16px;line-height:24px;text-align:right;padding-right:10px; padding-top:5px; color:#FFF;}
#login .input
	{
	background: url(images/fbgc.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:24px;
	padding-top:2px;
	width:250px;
	}
#login .input:focus{
		background: url(images/fbgh.gif) no-repeat;
	border-top:1px solid #adaeb0;
	border-left:1px solid #adaeb0;
	border-right:1px solid #dfdfe0;
	border-bottom:1px solid #dfdfe0;
	height:24px;
	padding-top:2px;
	width:250px;
	}
#contact .error{
		width:350px; line-hight:20px; margin:5px auto; color:red; font-size:14px;
		}
#login .btn-log
	{
	display:block;
	background:url(images/login.gif) 0px 0px no-repeat;
	width:200px;
	height:50px;
	font-size:0px;
	cursor:pointer;
	border:0px;
	}
#login .btn-log:hover
	{
	background:url(images/loginh.gif) 0px 0px no-repeat;

	}
#login .bt{width:100px; float:right; margin-right:180px; margin-top:5px;}
.btn-send
	{
	display:block;
	background:url(images/btn-sprite.gif) 0px 0px no-repeat;
	width:200px;
	height:50px;
	font-size:0px;
	cursor:pointer;
	border:0px;
	}
.btn-send:hover{background:url(images/btn-spriteh.gif) 0px 0px no-repeat;}

#distributor
	{
	padding-bottom:20px;
	font-size:14px;
	font-family:tahoma;
	line-height:20px;
	width:700px;
	margin:0 auto;
	}
	.grey-wrapper
	{
	padding-bottom:20px;
	margin-bottom:30px;
	width:745px;
	margin:0 auto;
	}
.grey-wrapper .insider
	{
	padding:21px 20px 0px;
	overflow:hidden;
	}
.distributor-text 
	{
	float:left;
	margin:0 auto;
	width:720px;
	padding:0px 20px 0px 0px;
	}
.distributor-text p
	{
	display:block;
	margin-bottom:5px;
	background:url(images/arrow-grey.gif) 0px 5px no-repeat;
	padding-left:15px;
	}
#tools{width:480px; margin:20px auto; margin-top:15px; margin-bottom:15px; overflow:hidden;}
#tools .mm{width:104px; height:34px; cursor:pointer; float:left;overflow:hidden;padding:0px;}
#tools .mm a{border:2px solid #EFEFEF; display:block; cursor:pointer;}
#tools .mm a:hover{border-color:#fcc51c; width:100px; height:30px; display:block; cursor:pointer; }
#list .text ul{ margin:10px 0px 10px 0px; padding:0px; list-style:none; overflow:hidden;}
#list ul li{background:url(images/bb.png) left no-repeat; padding: 5px 2px 5px 25px; display:block; list-style:none;}
/* start lightbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
	/*end box*/
/*Detail Page design*/
.title{ width:820px; text-align:center; padding:10px 10px; border-top:4px solid #000; border-bottom:4px solid #000; background: #FF9 url(images/tbg.png) repeat-x; text-shadow: 2px #eee; margin:0 auto; letter-spacing:1px;}
.title h1{font-family:impact; font-size:38px; color:#000; margin:5px; text-shadow: 1px 1px #333}
.title h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; color:#000; font-weight:bold; text-shadow: -1px -1px #fbeca3, 1px 1px #333}
.subtitle{width:770px; font-size:17px; margin:20px auto; text-shadow:#eee;}
.home{width:850px; margin:10px auto;}
.home .top{width:850px; height:62px; background:url(images/pagehome_01.png) no-repeat;}
.home .pro{width:850px; height:62px; background:url(images/pro.png) no-repeat;}
.home .cc{width:850px; background:url(images/pagehome_03.png) repeat-y; overflow:hidden;}
.home .end{width:850px; height:21px; background:url(images/pagehome_05.png) no-repeat;}
.lefthome{ width:320px; float:left; padding-left:15px;}
.lefthome .img{border:5px solid #000; margin:15px auto;}
.righthome{width:500px; float:left;}
/**********Commission Proof********/
.comp{ width:841px; margin:30px auto 30px auto; overflow:hidden;}
.comp .day{ width:164px; height:100px; margin:2px; float:left; overflow:hidden; padding-bottom:10px; display: block;}
.go{ background:#000; width:70%; height:15px; color:#FFF; z-index:5px; padding:2px; display:block; font-weight:bold; text-align:center;}
.comp .day img{width:160px; height:60px; border:2px solid #E8E8E8;display:block;}
.comp .day img a{width:160px; height:60px; border:2px solid #E8E8E8; display:block;}
.comp .day img a:hover{border:2px solid #F90; display:block;}
.comp .today{ width:700px; height:250px; margin:20px auto; overflow:hidden; padding-bottom:10px; display: block;}
.comp .today img{width:650px; height:170px; border:10px solid #E8E8E8;display:block;}
.comp .today img a{width:650px; height:170px; border:10px solid #E8E8E8; display:block;}
.comp .today img a:hover{border:10px solid #F90; display:block;}
/**********End proof************/
.p1{width:780px; height:400px; margin:20px auto; background:url(images/p1.png) no-repeat;}
.p2{width:780px; height:400px; margin:20px auto; background:url(images/p2.png) no-repeat;}
.p3{width:780px; height:400px; margin:20px auto; background:url(images/p3.png) no-repeat;}
.p4{width:780px; height:400px; margin:20px auto; background:url(images/p4.png) no-repeat;}