@charset "utf-8";
/* CSS Document */

/*General*/
body {margin:0; background:url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.3em;}
img{border:none;  display:block;}
p {margin:0; padding:0 0 10px 0;}

h2{text-transform:uppercase; color:#322b5e!important; font-weight:bold!important;}
h3{color:#000000!important; font-size:14px!important; margin:0; padding:0 0 5px 0;}
h4{color:#322b5e; font-size:12px!important; font-weight:bold; margin:0; padding:0 0 5px 0;}

table{ margin-bottom:10px;}

table th {background-color:#9085d1; height:30px;}
table td {background-color:#c7beff; height:25px; padding-left:20px;}


a {	font-weight: bold; underline!important;}
a:link {color: #2c2656; text-decoration: underline!important;}
a:visited {	text-decoration: underline!important;; 	color: #2c2656;}
a:hover { text-decoration: none!important; color: #2c2656;}
a:active { 	text-decoration: underline!important;; 	color: #2c2656;}

.floatleft{float:left; padding:5px 5px 5px 0;}

/* layout */

#main-container{margin:0 auto 25px; width:860px; height:auto;}
#header {width:860px; height:118px; position:relative;}
#product-links{ width:268px; height:80px; position:absolute; top:0px; left:0px;}
#login-container{ width:376px; height:55px; position:absolute; top:0px; right:0px;}
#nav{ width:589px; height:36px; background:url(../images/nav-bg.gif) no-repeat; position:absolute; top:82px; right:0px;}
#content-container{width:860px; height:auto;  background:url(../images/main-container-bg.jpg) center top no-repeat; background-color:#f9f4e4; padding-bottom:15px;}

#main-content{margin:0 auto; width:830px; height:auto; padding:20px 0 0 0;}
#main-banner{width:830px; height:225px;}
.footer{width:860px; height:160px; background:url(../images/footer-bg.jpg) no-repeat; font-size:11px!important; color:#5a5a5a!important;}

/* Footer */

.footer ul{padding-left:15px; margin:10px;}
.footer li{line-height:1.5em; list-style:url(../images/bullet-grey.gif)!important;}
.footer li a{ font-weight:normal; color:#5a5a5a;}
.footer li a:link{ text-decoration:none; color:#5a5a5a;}
.footer li a:visited{text-decoration:none; color:#5a5a5a;}
.footer li a:hover{text-decoration:underline; color:#5a5a5a;}
.footer li a:active{text-decoration:none; color:#5a5a5a;}


.footer-title{text-transform:uppercase; font-weight:bold; padding-left:15px;}
.footer-text{}
.footer-affiliates{width:140px; height:auto; float:left; margin-top:25px;}
.footer-information{width:153px; height:auto; float:left; margin-top:25px;}
.footer-smartlive-products{width:183px; height:auto; float:left; margin-top:25px;}
.footer-smartlive-links{width:185px; height:auto; float:left; margin-top:25px;}
.footer-copyright{ width:180px; height:auto; float:left; margin-top:25px;}


.our-products{width:258px; height:20px; background:url(../images/our-products-bg.jpg) no-repeat; color:#FFFFFF!important; padding-left:10px;}

.our-products a {font-weight: bold; text-decoration:none!important;}
.our-products a:link {color:#ffffff; text-decoration: none;}
.our-products a:visited {text-decoration: none; color: #ffffff;}
.our-products a:hover { text-decoration: underline!important; color: #ffffff;}
.our-products a:active { text-decoration: none; color: #ffffff;}

.affiliates-logo{width:250px; height:75px; color:#FFFFFF; font-style:italic; position:absolute; top:35px; left:0px; text-align:right;}


/* Nav */

.nav-item-box{width:578px; height:20px; padding:15px 10px 0 0; text-transform:uppercase; color:#FFFFFF!important; font-size:14px!important; font-weight:bold; text-decoration:none!important;}

.nav-item-box a {font-weight: bold; text-decoration:none!important;}
.nav-item-box a:link {color: #ffffff; text-decoration: none!important;}
.nav-item-box a:visited {text-decoration: none!important; 	color: #ffffff;}
.nav-item-box a:hover { text-decoration:none!important; color: #cccccc;}
.nav-item-box a:active { text-decoration: none!important; 	color: #cccccc;}

.join-now{float:right; width:92px; }
.commision-plans{float:right; width:170px;}
.brands{float:right; width:92px;}
.faqs{float:right; width:75px;}
.contact-us{float:right; width:100px; }


/* Login */
.login{width:376px; height:55px; background:url(../images/login-bg.jpg) no-repeat; color:#FFFFFF!important;}
.login-box{width:280px; height:50px; float:left;}
.login-acc{width:276px; height:22px; padding-left:10px; padding-top:5px;}
.login-fields{width:270px; height:25px; padding-left:10px;}
.login form{padding:0; margin:0;}

.login-input {
background-attachment:scroll;
background-color:#FFFFFF;
border:1px solid #4c4a57;
margin:0;
padding-left:5px;
padding-right:7px;
width:100px;
}
.login-acc a {
background-attachment:scroll;
background-image:url(../images/login-arrow.gif);
background-position:0 5px;
background-repeat:no-repeat;
color:#ffffff;
font-size:12px;
padding-left:12px;
padding-right:17px;
text-decoration:underline;
}

.login-acc a:link {color: #ffffff; text-decoration: underline!important;}
.login-acc a:visited {	text-decoration: underline!important; 	color: #e3e3e3;}
.login-acc a:hover { text-decoration: none!important; color: #e3e3e3;}
.login-acc a:active { 	text-decoration: underline!important; 	color: #e3e3e3;}

.login-submit {
background-attachment:scroll;
background-image:url(../images/login-btn.gif);
background-position:center center;
background-repeat:no-repeat;
border-style:none;
color:#ffffff;
cursor:pointer;
font-size:13px;
font-weight:bold;
height:35px;
padding:2px;
vertical-align:middle;
width:88px;}


.login-btn-box{width:90px; height:35px; float:right; padding-top:15px;}





/* content boxes */
.left-content{float:left; width:615px; height:auto; margin-top:15px;}
.right-content{float:right; width:215px; height:auto; margin-top:15px;}

.big-content-box-header h1 {font-size:18px; font-weight:bold; color:#FFFFFF!important;  text-transform:uppercase; padding:10px 0 0 10px; margin:0;}

.sm-content-box-header h1 {font-size:18px; font-weight:bold; color:#FFFFFF!important;  text-transform:uppercase; padding:10px 0 0 10px; margin:0;}

.big-content-box-header{width:600px; height:35px; background:url(../images/big-content-box-header.jpg) no-repeat;}
.big-content-box-body{width:600px; height:auto; background:url(../images/big-content-box-bg.jpg) repeat-y; border-bottom:2px solid #2b2554;}
.sm-content-box-header{width:215px; height:35px; background:url(../images/sm-content-box-header.jpg) no-repeat;}
.sm-content-box-body{width:215px; height:auto; background:url(../images/sm-content-box-bg.jpg) repeat-y; border-bottom:2px solid #2b2554; margin-bottom:10px;}

#right-col-banner{width:215px; height:290px; margin-top:10px; background:url(../images/right-banner.jpg) no-repeat top center;}
.right-col-banner{width:215px; height:auto; margin-top:10px;}

.content-text{ width:auto; height:auto; padding:15px;}
.content-text ul{padding-left:10px; margin:10px; padding-bottom:10px;}
.content-text li{line-height:1.6em; list-style:url(../images/bullet.gif)!important;}
.content-text img{padding:20px 0 10px 0; border:none; display:block;}

.right-content-text{ width:auto; height:auto; padding:10px 0 10px 10px; width:195px;}
.right-content-text ul{padding-left:10px; margin:10px; padding-bottom:10px;}
.right-content-text li{line-height:1.6em; list-style:url(../images/bullet.gif)!important;}
.sm{font-size:11px!important;}
.clear{clear:both;}


.right-box{width:215px; height:auto; margin-top:10px; background:url(../images/sm-content-box-bg.jpg) repeat-y; border-bottom:2px solid #2b2554; border-top:2px solid #2b2554;}
.right-box-content{width:190px; margin:0 auto; height:auto; padding:5px 0 0 0;}


/* Join now */

.join-now-btn{width:201px; height:74px;}
.join-now-btn a{display:block; width:201; height:74px; background:url(../images/join-now-button.jpg) no-repeat center top;}
.join-now-btn a:hover{display:block; width:201; height:74px; background:url(../images/join-now-button.jpg) no-repeat center bottom;}

.tr-join{background:url(../images/tr-join-now-button.jpg) no-repeat center top!important;}
.tr-join:hover {background-position: center bottom!important;}

/* contact form */

.contact-table{ margin-bottom:10px;}

.contact-table th {background-color:#e3e3e3; height:30px; text-align:left; padding-left:20px;}
.contact-table td {background-color:#e3e3e3; height:25px; text-align:right;}

.contact-submit {
background-attachment:scroll;
background-image:url(../images/contact-submit-btn.gif)!important;
background-position:center center;
background-repeat:no-repeat;
border-style:none!important;
color:#ffffff;
cursor:pointer;
font-size:14px!important;
font-weight:bold;
height:50px!important;
padding:2px;
vertical-align:middle;
width:113px!important;}

.contact-table input{
background-attachment:scroll;
background-color:#FFFFFF;
border:1px solid #49446f;
margin:0;
padding:2px 7px 0 5px;
width:305px;
height:20px;
font-family:Arial, Helvetica, sans-serif!important;
font-size:12px!important;
}
.contact-table textarea {
background-attachment:scroll;
background-color:#FFFFFF;
border:1px solid #49446f;
margin:0;
padding:2px 7px 0 5px;
width:305px;
font-family:Arial, Helvetica, sans-serif!important;
font-size:12px!important;
}


/* Brands headline */

#scrollup{ width:auto; height:115px; padding:10px 0 10px 10px; width:195px; overflow:hidden; position:relative;}
.headline { position: absolute; top: 210px;  left: 10px; height: 195px; width:190px; font-size:11px!important;}

.headline a {	font-weight: normal;}
.headline a:link {color: #000000; text-decoration: none;}
.headline a:visited {	text-decoration: none; 	color: #313031;}
.headline a:hover { text-decoration: underline; color: #313031;}
.headline a:active { 	text-decoration: none; 	color: #000000;} 


.verticalBanner{height:564px; width:215px;}