/*
CSS Style Document - main
----------------------------
author: Anthony Coy
website: AgentSuccessClub.com
---------------------------- */
#header #sitebox,#header #signup{
	background: url(/img/bg_sitebox.jpg) top right no-repeat;
	padding-top:17px;
	height:218px;
	width:328px;
	padding-right:8px;
	float:left;
	display:block;
}
#header #signup{background-image:url(/img/bg_signup.jpg);}
#login{text-align:right}
#login a{
	height: 17px;
	display:block;
	float:left;
	margin:0 0 0 auto;
	color:#fff;
}
#login a.login{width:165px;background: url(/img/login.gif) no-repeat;margin-left:12px}
#login a.signup{width:66px;background: url(/img/signup.gif) no-repeat;margin-left:85px}
#login a span{display:none;}

#ebook-title a{
	color:#000;
	font-weight:bold
}
#ebook-title{
	color:#FFF;
	font-size:13px;
	height:30px;
	margin-bottom:6px;
	text-align:center;
}
#ebook-content{
	float:left;
	margin:0;
	padding:160px 0 0 185px;
	height:23px;
	width:130px;
}
a.more-info{
	background:url(/img/book_info.gif) top left no-repeat;
	width:130px;
	height:23px;
	display:block;
}
a.more-info:hover{background:url(/img/book_info.gif) bottom left no-repeat;}
a.more-info span{display:none}

/* home page
---------------------------------------------------------- */
div.panel h2{font-size:150%;color:#3673B4;margin:0}
div.panel h3{font-size:120%;color:#0E97C8;margin-bottom:7px}
div.panel h4{font-size:110%;color:#464646;margin:10px 0;font-weight:normal}
div.panel p{margin:3px 0 8px}
ul.arrow li{font-size:13px}

#outstanding_features{margin:5px 0 10px}
#outstanding_features p{margin:0}

div.buttons{float:right;width:201px;height:133px;margin:0 0 10px 10px}
div.buttons-login{float:none;margin:10px 0}
div.buttons a{border:1px solid #bbb;display:block;margin-bottom:3px;padding:2px}
div.buttons a:hover{border:1px solid #777}

.panel{width:748px;background:url(/img/bg_panel.gif) top right repeat-y}
.panel .top{background:url(/img/bg_panel_top.gif) no-repeat top right}
.panel .wrapper{background:url(/img/bg_panel_bottom.gif) no-repeat bottom right;padding:15px 20px}

div.wrapper p{font-size:14px;line-height:20px}

#nav-wrap {
	width:732px;
	background:url(/img/bg_tabs.gif) top left no-repeat;
	height:47px;
	padding:5px 8px 0;
}

div.stripNav {
	width:652px;
	float:left;
	padding-top:5px;
}

.stripNav ul {list-style:none;}
.stripNav ul li {float:left;}

.stripNav a,.stripNav a:visited {
	font-size:12px;
	text-align:center;
	line-height:32px;
	color:#464646;
	text-decoration:none;
	display:block;
	padding:0 8px;
}

.stripNav li a:hover {background:#ddd;color:#464646}
.stripNav li a.current,.stripNav li a.current:visited{background:#464646;color:#fff;text-decoration:none;}

.stripNavL,.stripNavR {text-indent:-9000em;}

.stripNavL a,.stripNavR a {
	display:block;
	height:40px;
	width:40px;
}

.stripNavL {
	float:left;
	width:40px;
	background:url("/img/arrow_left.gif") no-repeat center;
}
.stripNavL a{
	width:40px;
	background:url("/img/arrow_left.gif") no-repeat center;
}
.stripNavR {
	float:left;
	width:40px;
	background:url("/img/arrow_right.gif") no-repeat center;
}
.stripNavR a {
	width:40px;
	background:url("/img/arrow_right.gif") no-repeat center;
}

.stripNavL a:hover {background-image:url(/img/arrow_left_hover.gif)}
.stripNavR a:hover {background-image:url(/img/arrow_right_hover.gif)}

.screens{float:left;width:160px;padding:10px 0 0 15px}
div.text{float:left;width:533px}
.screens a,
.screens a:visited{
	border:1px solid #BBBBBB;
	display:block;
	margin-bottom:3px;
	background:#fff;
	padding:1px;
}
.screens a:hover,
.screens a:active{border-color:#777}
div.screen{
	border:1px solid #ccc;
	background:#eee;
	padding:2px;
	font-size:12px;
	color:#333;
	margin-bottom:10px;
}
div.screen span{display:block;padding:3px}
div.screenshots{
	font-size:10px;
	color:#B42A39;
	margin:5px;
	text-align:center;
}
div.callout{
	width:480px;
	border:2px dashed #ccc;
	background:#eee;padding:5px;
	font-size:90%;
	color:#333;
	margin-bottom:10px;
	margin-top:12px;
}
div.screen span{display:block}

/* pricing table
---------------------------------------------------------- */
table.pricing th{text-align:center;font-weight:bold;font-size:15px;padding:5px 0;background:#ddd;}
table.pricing td{
	padding:7px;
	text-align:center;
	font-size:13px;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
table.pricing span{font-size:10px;color:#999}
table.pricing td.feat{text-align:right;font-weight:bold;border-left:1px solid #eee;}
table.pricing td.row2{background:#f3f3f3}

table.pricing a{
	border-bottom:0px solid #333;
	color:#333;
	text-decoration:none;
	margin-bottom:3px;
}
table.pricing a:hover{
	border-bottom:1px solid #999;
	color:#999;
	text-decoration:none;
	margin-bottom:3px;
}
table.pricing a span{display:none}

table.pricing a.signup{
	background:transparent url(/img/home/signup.gif) no-repeat scroll left top;
	display:block;
	height:21px;
	margin:5px auto 0 auto;
	text-indent:-32000px;
	width:88px;
	border:none;
}
table.pricing a.signup:hover{background:transparent url(/img/home/signup.gif) no-repeat scroll left bottom;border:none}

/* choose plan
---------------------------------------------------------- */
#plans{width:707px}
div.box{border:3px solid #dfdfdf;margin-top:10px;}
div.box-title{
	color:#fff;
	background:#464646;
	padding:8px 15px;
	font-size:100%;
	font-weight:bold;
}
div.plan,div.plan2{
	padding:10px;
	background:#e6e6e6 url(/img/bg_plan1.gif) repeat-x top left;
}
div.plan2{background:#fff url(/img/bg_plan1.gif) repeat-x bottom left;}

table.rows td{padding:5px 0}

div.select{float:left; width:100px;}
div.rest{float:left;width:542px;}
div.plan div.desc{color:#565656}

div.plan h3{color:#464646}

div.selected{background:#cfe0e6 url(/img/bg_plan2.gif) repeat-x top left}
div.selected h3{color:#0E97C8}
div.selected div.desc{color:#262626}

div.products{font-size:80%;border-bottom:1px dotted #d5d5d5;margin-bottom:15px}
div.products div.plan{
	background:#fff;
	border-top:1px dotted #d5d5d5;
	padding:10px 10px 10px 7px;
	clear:both;
}
div.products div.hover{background:#d2e6fc;cursor:pointer}
div.name{font-size:14px;float:left;width:210px;padding-top:6px}
div.name a,div.name a:visited{text-decoration:underline;height:24px;padding:10px 0 10px 32px;}
div.name a:hover{text-decoration:underline}

div.name a.calcs{background:url(/img/icons/calcs_small.gif) left center no-repeat;}
div.name a.articles{background:url(/img/icons/dl/articles_icon.gif) left center no-repeat;}
div.name a.newsletters{background:url(/img/icons/newsletters_small.gif) left center no-repeat;}
div.name a.downloads{background:url(/img/icons/downloads_small.gif) left center no-repeat;}
div.name a.templates{background:url(/img/icons/dl/templates_icon.gif) left center no-repeat;}
div.name a.tours{background:url(/img/icons/tours_small.gif) left center no-repeat;}
div.name a.forum{background:url(/img/icons/forum_small.gif) left center no-repeat;}
div.name a.affiliates{background:url(/img/icons/affiliates.gif) left center no-repeat;}

a.sel-button,a.change{
	width:73px;
	height:23px;
	background:url(/img/select.gif) top left no-repeat;
	display:block;
	margin:5px 0 0 8px;
}
a.change{background-image:url(/img/change.gif)}
a.sel-button:hover,a.change:hover{background-position:0 -23px;}
a.sel-active,a.sel-active:hover{background-position:bottom left;}
a.sel-button span,a.change span{display:none}
a.small{font-size:12px}

pre{height:200px;width:100%;margin:15px auto; overflow:auto;border:3px solid #dfdfdf;}

#defaultCountdown{width:250px;margin:0 auto;}
.countdown_row{clear:both;width:100%;text-align:center}
.countdown_show1 div{width:100%}
.countdown_show2 div{width:50%}
.countdown_show3 div{width:33%}
.countdown_show4 div{width:25%}
.countdown_show5 div{width:20%}
.countdown_show6 div{width:16%}
.countdown_show7 div{width:14%}
.countdown_section{float:left;font-size:75%}
.countdown_amount{font-size:200%}
.countdown_descr{width:100%}

input.error{border-color:red;background:#FFE5E5;}
label.error{color:red;display:block}