/*========================================================*/
/*    Cascading Style Sheet for the Tool website          */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. UNIVERSAL THINGS                                   */
/*  2. HEADER                                             */
/*  3. BOX                                                */
/*  4. FORM                                               */
/*  5. ADD AND MORE BTNS                                  */
/*  6. TIP AND ALERT                                      */ 
/*  7. FOOTER                                             */
/*  8. CLEARFIX                                           */
/*  9. IE HACKS                                           */
/*========================================================*/


/* =============================================== */
/*            1. UNIVERSAL THINGS                  */
/* =============================================== */

@import url("reset.css"); /* resets all browser */

body{
margin:0 auto;
text-align:left;
background:#fff;
font:normal 62.5%  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#444;
}


a{color:#6f0d00;}

a:hover{
color:#fff;
background:#6f0d00;
text-decoration:none;}

p{
font-size:1.2em;
margin:10px 0;
font-style:normal;
}

#BuyNow{
margin: 20px 0;
float:left;
width:707px;}

#BuyNowFirst{
margin:0 0 20px 0;
float:left;
width:707px;
}

#Buy_Now{
width:342px;
float:right;
margin-top: 20px;}


/* =============================================== */
/*                    2. NAVBAR                    */
/* =============================================== */


#NavBar{background:url(img/estructure/pattern.gif) repeat-x bottom left;}


#NavBar ul, #wrap, #footer{
padding: 0 5px;
margin:0 auto;
width:750px;
}

#NavBar li{float:left}

#NavBar li a{
display:block;
font-size:1.1em;
font-weight:bold;
padding:10px 5px;
margin:30px 3px 0 0;
text-decoration:none;
background:#f0f0f0 url(img/navbar/btn.gif) repeat-x 0px -65px;
color:#7d7d7d;
}

#NavBar li a:hover, #NavBar li#profits a:hover{color:#000;}

#NavBar li#active a, #NavBar li.active a{
background:#fff url(img/navbar/btn.gif) repeat-x 0px 0px!important;
color:#971200!important;}

#NavBar li#profits{
float: right;}

#NavBar li#profits a{
color: #716337;
background:#f0f0f0 url(img/navbar/btn.gif) repeat-x 0px -100px;
}


/* =============================================== */
/*                 8. WARP                         */
/* =============================================== */


#wrap{
clear:both;
background: url(img/estructure/box_btn.gif) no-repeat bottom center;
width:760px;
}


/* =============================================== */
/*            8. LOGO and H3                       */
/* =============================================== */

h1{
width:242px;
height:64px;
background: url(img/estructure/logo.gif) no-repeat 0 0;
text-indent:-99999px;
float:left;
border-right:1px solid #ddd;
margin:20px 0;
padding:0 29px 8px 0;

}

h2{display:none;}


h3{
font-size:2.2em;
font-weight:normal;
width:453px;
padding:20px 5px 25px 20px;
margin:0 5px -5px 0;
float:right;
color:#777;
}

#inner h3{
background:none;
}

/* =============================================== */
/*            8. MAIN                              */
/* =============================================== */


#main{
clear:both;
background:url(img/estructure/box_top.gif) no-repeat top center;
padding:5px;
min-height:300px;
}

/* =============================================== */
/*            8. CONTENT                           */
/* =============================================== */

#content{
float:left;
width:459px;
padding:0 20px 0px 20px;
margin:20px 0;
border-right:1px solid #ddd;
}

#inner #content{
width:709px;
border-right:none;
}

h4{
font-size:1.4em;
text-transform:uppercase;
border-bottom:3px solid #bbb;
color:#6a591f;
margin:20px 0 0px 0;

}

h5{
background:url(img/estructure/h5_bg.gif) no-repeat left center;
margin: 20px 0 10px 0;
line-height:26px;
padding-left:25px;
color:#0c6b00;
font-size:1.2em;
clear:both;
}

h5#highlight{
border-top:1px solid #54534d;
border-bottom:1px solid #54534d;
padding:10px 20px;
background:#fffcea;
color:#54534d;
line-height:normal;
}

h5 span{
font-weight:normal;
}

h4#first{margin:0px 0;}

h6{
font-size:1.2em;
color:#971200;
margin:10px 0;
}

h6 span{
display:block;
font-weight:normal;
}

h6#timebomb{
background: url(img/estructure/timebomb.gif) no-repeat left center;
padding: 20px 0 20px 60px;

}

#inner blockquote{
border-bottom:1px dotted #ddd;
margin-bottom:20px;
padding-bottom:10px;
}

#inner blockquote#last{
border:none;
margin-bottom:0;
padding-bottom:0;
}

#inner blockquote#only{
border-bottom:1px dotted #ddd;
border-top:1px dotted #ddd;
margin:20px 0;
padding:10px 0;
}

blockquote p{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

blockquote p img{
float:left;
margin:0 10px 20px 0;
}

#wrap ul li{
font-size:1.2em;
list-style:disc outside;
margin:0 0 5px 30px;
}

ul#benefits li{
margin: 0;
list-style: none;
padding:5px 0 5px 20px;
background: url(img/accept.png) no-repeat 0 5px;
border-bottom:1px dotted #ccc;
}

ul#benefits {
margin-top: 10px;
}

ul#benefits li em{
background: #fff5bb;
font-style: normal;

}


#inner img#first {
border:1px solid #ddd;
padding:1px;
margin:10px 0 20px 0;
}

#inner img {
border:1px solid #ddd;
padding:1px;
margin:0 10px 20px 0;
float:left;
}

.staff {
width:340px;
margin:0 29px 0 0;
float:left;
}

.StaffRight{
width:340px;
margin:0;
float:left;
}

p#btn a{
background:url(img/estructure/button.gif);
width:210px;
display:block;
padding:8px 0 14px 0;
font-size:1.6em;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
}

p#btnProfits a {
text-indent: -9999px;
display: block;
width: 210px;
height: 130px;
background: white url(img/profits_bt.jpg) no-repeat;
}

p#btnProfits a:hover {
background-image: url(img/profits_bt_hover.jpg);
}

.clear {clear:both;
}


/* progressive profist */


#progressive_profits{
float:right;
padding: 0 0 10px 10px;
width:200px;
background: #fff;
}

dl#progressive_profits img{
border: none;
float: none;
margin:10px 0 0 0;
padding: 0;
}

#progressive_profits dt{
margin-top:10px;

}

#progressive_profits dt, #progressive_profits dd {
text-align: center;
}



/* =============================================== */
/*            8. DISCOVER FORM                     */
/* =============================================== */

.discover fieldset {
border:none;
font-size:1.2em;
}

.discover legend{
text-indent:-999px;
} 

.discover label{
width:140px;
display:inline-block;
vertical-align:text-top;
}

.TextBox label{
vertical-align:top;
}

.discover  li input{
width:300px;
border:1px solid #ddd;
padding:2px;}

.discover textarea{border:1px solid #ddd; width:302px;}

.discover input:focus, .discover textarea:focus{
border:1px solid #bf2e1a;}

.discover li{
padding:2px 0;}

.discover .check input, .discover .check {width:auto; border:none; padding:0; *vertical-align: middle; }

.discover p input{
margin-left:140px;
border:1px solid  #336600;
background:#8cb02f;
padding:0 20px;
color:#fff;
font-weight:bold;}

.discover p input:hover{
background:#5b731f;
}

.discover #captcha p {
font-size:1em;
}

.discover img#cryptogram {
border:1px solid blue;}

.discover #captcha p input{
margin-left:10px;
background:#fff;
border:1px solid blue;
padding:2px;
color:blue;
}


/* =============================================== */
/*            8. SIDEBAR                           */
/* =============================================== */


#SideBar{
background: url(img/lester_nathan.jpg) no-repeat top center;
float:right;
width:210px;
padding:300px 20px 20px 20px;
}


/* =============================================== */
/*            8. FOOTER                           */
/* =============================================== */

#footer ul{
float:left;
}

#footer li{
float:left;}

#footer li a{
font-size:1.2em;
margin:9px 0;
display:block;
padding:1px 5px;
border-right:1px solid #ddd;
color:#555;
}

#footer li a:hover{
color:#fff;}

#footer li:last-child a{
border:none;}

#footer p{
clear:both;
display:block;}


/* =============================================== */
/*                 8. CLEARFIX                     */
/* =============================================== */

.clearfix:after, #NavBar:after, #NavBar ul:after, #main:after, #wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #NavBar ul, #main, #wrap {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix, #NavBar, #NavBar ul, #main, #wrap {height: 1%;}
.clearfix, #NavBar, #NavBar ul, #main, #wrap {display: block;}
/* End hide from IE-mac */



/* =============================================== */
/*                  8. HACKS                       */
/* =============================================== */


h3{
*position:relative;
}

*.cfm h3{
display:inline;
}

#wrap{
*padding-bottom:20px;
}

.discover .check input, .discover .check {*vertical-align: middle; }


*.cfm #inner #wrap{
padding-bottom:0;
}

*.cfm #main{
height:30em;
}

#SideBar h6{
*padding-top:10px;
}
.highlight_text {
	background-color: #FFF5BB;
	font-size: large;
}