/* CSS Document */

/*-------------------------- Body Style --------------------------- */

body, html {padding:0;margin:0;}

td img {display: block;}

img { border: 0; }

body {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	line-height:140%;
	background-image:url(background.png);
	background-position:center;
	background-repeat:repeat-y;
}

.style1 {font-size: 11px}

/*-------------------------- Navigation --------------------------- */	

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 .7em .15em;
}

#nav-menu li a{
height: 2.5em;
line-height: 2em;
float: left;
width: auto;
display: block;
color: #69A8E2;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover{
	background-image:url(nav_rollover.png);
	background-position:bottom;
	background-repeat:no-repeat;
	color: #0B57AA;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}

/* End hide */

#nav-menu{
width:auto
}

/*-------------------------- Yellow Links --------------------------- */	

a:link {
	color: #FFE183;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFE183;
}
a:hover {
	text-decoration: underline;
	color: #FFE183;
}
a:active {
	text-decoration: none;
	color: #FFE183;
}

/*-------------------------- Blue Links --------------------------- */	

a.main:link {
	color: #0f7dca;
	text-decoration: underline;
}
a.main:visited {
	text-decoration: underline;
	color: #0f7dca;
}
a.main:hover {
	text-decoration: none;
	color: #0f7dca;
}
a.main:active {
	text-decoration: underline;
	color: #0f7dca;
}

/*-------------------------- Footer Links --------------------------- */	

a.footer:link {
	color: #6A6A6A;
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #6A6A6A;
}
a.footer:hover {
	text-decoration: none;
	color: #FFE183;
}
a.footer:active {
	text-decoration: none;
	color: #FFE183;
}

/*-------------------------- Text Styles --------------------------- */	


.F1 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#FFFFFF;
	line-height:140%;
	}
	
.F2 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#6A6A6A;
	line-height:130%;
	}	
	
.F3 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	color:#FFE183;
	}
	
.F4 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#E29127;
	line-height:130%;
	font-weight:bold;
	}	
	
.F5 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#273994;
	line-height:130%;
	font-weight:bold;
	}
	
.F6 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#0f7dca;
	line-height:140%;
	}
	
.F7 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#333333;
	line-height:140%;
	font-weight:bold;
	}
	
.F8 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#0f7dca;
	line-height:140%;
	}

.F9 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#0f7dca;
	line-height:140%;
	font-style:italic;
	font-weight:bold;
	}
	
.F10 {
	font-family: Helvedica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#0f7dca;
	line-height:140%;
	font-weight:bold;
	}


	
/*-------------------------- Image Hover Rollovers --------------------------- */	

/* Find Out More Button Rollover */

a.buttonMore {
    display: block;
    width: 112px;
    height: 25px;
    background-image:url(button_more.gif);
    background-repeat: no-repeat;
    }
	 
a.buttonMore:hover { 
	background-position: left bottom;
    } 
	
/* Start $1 Trial Button Rollover */

a.buttonTrial {
    display: block;
    width: 112px;
    height: 25px;
    background-image:url(button_trial.gif);
    background-repeat: no-repeat;
    }
	 
a.buttonTrial:hover { 
	background-position: left bottom;
    }
	
/* Compare Packages Button Rollover */

a.buttonPackages {
    display: block;
    width: 142px;
    height: 25px;
    background-image:url(button_compare.gif);
    background-repeat: no-repeat;
    }
	 
a.buttonPackages:hover { 
	background-position: left bottom;
    }
	
/* Order Box Button Rollover */

a.orderBoxButton {
    display: block;
    width: 132px;
    height: 28px;
    background-image:url(button_order_trial.gif);
    background-repeat: no-repeat;
    }
	 
a.orderBoxButton:hover { 
	background-position: left bottom;
    } 
	
/*-------------------------- Divs --------------------------- */	

#topArrow {
	width:12px;
	height:5px;
	background-image:url(top_bar_arrow.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:40px;
}

#prospecting-system-divider {
	position:relative;
	float:left;
	background-image:url(content_divider.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:660px;
	height:10px;
     }

#dividerBottom {
	width:3px;
	height:auto;
	background-image:url(divider.png);
	background-repeat:repeat-y;
}

#adpagesText {
	width:360px;
	height:23px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#0f7dca;
	padding-bottom: .01em;
}

#box1 {
	float:left;
	position:relative;
	width:290px;
	height:auto;
	background-color:#f1f9ff;
	border-color:#b1e0ff;
	border-width:thin;
	border-style:solid;
	padding:10px;
	margin-left:30px;
	margin-bottom:15px;
}

#yellowBox {
	float:left;
	position:relative;
	width:290px;
	height:auto;
	background-color:#FFFBDC;
	border-color:#D8D3B8;
	border-width:thin;
	border-style:solid;
	padding:10px;
	margin-left:30px;
	margin-bottom:15px;
}

/* Heading Text */

#overview {
	width:82px;
	height:23px;
	background-image:url(head_overview.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#notable {
	width:148px;
	height:23px;
	background-image:url(head_notable.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#returning {
	width:228px;
	height:23px;
	background-image:url(head_returning.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#adpages {
	width:152px;
	height:23px;
	background-image:url(head_adpages.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#leaders {
	width:184px;
	height:23px;
	background-image:url(head_leaders.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#testimonials {
	width:110px;
	height:23px;
	background-image:url(head_testimonials.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#classicFeatures {
	width:223px;
	height:48px;
	background-image:url(head_classic_features.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#professionalFeatures{
	width:269px;
	height:46px;
	background-image:url(head_prof_features.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#order {
	width:93px;
	height:23px;
	background-image:url(head_order.gif);
	background-position:top;
	background-repeat:no-repeat;
}
	
#custom-ad-pages {
	width:320px;
	height:23px;
	background-image:url(head_your_order.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

#mlm-marketing-support {
	width:255px;
	height:23px;
	background-image:url(head_full.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

/* Testimonial Thumbnail Images */

#prospector-testim-A{
	background-image:url(testim1.gif);
	width:63px;
	height:63px;
	border: 3px solid #0f7dca;
}

#prospector-testim-B{
	background-image:url(testim2.gif);
	width:63px;
	height:63px;
	border: 3px solid #0f7dca;
}

#prospector-testim-C{
	background-image:url(testim3.gif);
	width:63px;
	height:63px;
	border: 3px solid #0f7dca;
}

#prospector-testim-D{
	background-image:url(testim4.gif);
	width:63px;
	height:63px;
	border: 3px solid #0f7dca;
}

#prospector-testim-E{
	background-image:url(testim5.gif);
	width:63px;
	height:63px;
	border: 3px solid #3ba5bb;
}

#prospector-testim-F{
	background-image:url(testim6.gif);
	width:63px;
	height:63px;
	border: 3px solid #3ba5bb;
}

#testimonialNone{
	background-image:url(testim_none.gif);
	width:63px;
	height:63px;
	border: 3px solid #2C7F05;
}
	
/*-------------------------- List Style --------------------------- */	

/*- Check -*/
#bullet {
	list-style-image:url(bullet_check.gif);
}

#bullet ul { 
	text decoration:none;
	list-style-image:url(bullet_check.gif);
	}

#bullet li{
	text decoration:none;
	padding-bottom:5px;
}

/*- Adpages -*/
#bulletAds {
	list-style-image:url(bullet_ad.gif);
}

#bulletAds ul { 
	text decoration:none;
	list-style-image:url(bullet_ad.gif);
	}

#bulletAds li{
	text decoration:none;
	padding-bottom:5px;
}

/*-------------------------- Image Hover Effect --------------------------- */	

.highlightit img{
border: 3px solid #ccc;
}

.highlightit:hover img{
border: 3px solid #0f7dca;
}

.highlightit:hover{
color: #333333;
border: 0px ;
}

/*-------------------------- Lightbox --------------------------- */	

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/*-------------------------- Login Containers --------------------------- */

#loginContainerOuter {
	display:block;
	position:relative;
	float:left;
	width:auto;
	height:auto;
	border-color:#CCCCCC;
	border-width:thin;
	border-style:solid;
	padding:15px;
}

#loginContainer {
	display:block;
	position:relative;
	float:left;
	width:380px;
	height:auto;
}

#buttonContainer {
	display:block;
	position:relative;
	float:left;
	width:360px;
	height:auto;
}

#submit {
	position:relative;
	float:left;
	width:70px;
	height:auto;
}

#checkMark {
	position:relative;
	float:left;
	background-image:url(tick.gif);
	width:16px;
	height:16px;
}

#submitText {
	position:relative;
	float:left;
	width:auto;
	height:auto;
}


	
/*-------------------------- Submit Button --------------------------- */

.buttons a, .buttons button{
    float:left;
	position:relative;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	float:left;
	position:relative;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	float:left;
	position:relative;
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	float:left;
	position:relative;
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}




/* STANDARD */

button:hover, .buttons a:hover{
	float:left;
	position:relative;
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	float:left;
	position:relative;
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}