/*

24px = 2em
21px = 1.75em
18px = 1.5em
16px = 1.3em
14px = 1.167em
12px = 1em
11px = 0.94em

*/

@import url('rightrail.css');


/*-------------------------------------
[ Page setup ]
-------------------------------------*/
.pageWrapper {margin:auto; width:982px; /*background:url(../images_v3/grid.png) 0px 10px no-repeat;*/}
.pageWrapper h1 {padding-top:10px;}

.actions {display:block; clear:both;}
.actions li {list-style-image:none; list-style-position:outside; list-style-type:none; float:left;}
.actions li.right {float:right;}


.error-message {padding:4px; color:#fff; background-color:#ff0000; margin:0 0 10px 0; display:none;}


/*-----------------------------------
[header container]
-----------------------------------*/
#headerContainer {}
#headerContainer header {}
#headerContainer header h1 {background:url(../images_v3/banner_a.png) -2px 0px no-repeat; display:block;}
#headerContainer header a:link,
#headerContainer header a:visited,
#headerContainer header a:hover,
#headerContainer header a:active {width:200px; height:60px; text-indent:-9999px; display:block;}




/*-------------------------------------
[ Banner ]
-------------------------------------*/
.bannerWrapper {height:108px; position:relaitve; border-bottom:0px solid #e5e5e5; margin-bottom:0px; position:relative; background-color:#333;}
.banner {margin:auto; width:982px; position:relative;}
.banner h1 {background:url(../images_v3/banner_a.png) -2px 0px no-repeat; border-bottom:0;}
.banner .logo:link,
.banner .logo:visited,
.banner .logo:hover,
.banner .logo:active {display:block; width:255px; height:45px;}
.banner .bannerLeftCol {float:left;}
.banner .bannerRightCol {margin:30px 5px 0px 0px; float:right;}

.banner #tagLineA {color:#999; position:absolute; top:40px; left:240px; font-style:italic; font-size:.917em; width:290px; line-height:15px;}
.banner #tagLineB {color:#ccc; position:absolute; top:40px; left:240px; font-size:1em; display:none;}


/*-------------------------------------
[ Primary navigation ]
-------------------------------------*/
#priNavWrapper {}
.priNav {height:35px;}
.priNav li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left; padding:0; margin:0 2px 0 0;}
.priNav a:link,
.priNav a:visited,
.priNav a:hover,
.priNav a:active {text-decoration:none; display:block; padding:10px 0px 10px 0px; margin:0; color:#e5e5e5; width:112px; border-bottom:2px solid #3f3f3f; }
.priNav .first {margin-left:0;}
.priNav a:hover {text-decoration:none; display:block; background-color:#3f3f3f; color:#f5f5f5;}
.priNav span {display:block; padding:0px 0px 0px 10px;}
.priNav .active:link,
.priNav .active:visited,
.priNav .active:hover,
.priNav .active:active {display:block; border-bottom:2px solid #009CE9;}




/*-----------------------------------
[ login logout ]
-----------------------------------*/
.login-wrapper {position:absolute; top:60px; right:0px;}
.login-wrapper li {list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:right; padding:0; margin:0 0 0 10px;}
.login-wrapper ul {padding:0px 0px 10px 0px;}

.login:link, 
.login:visited, 
.login:active {text-decoration:none; display:block; padding:10px 0px 0px 20px; margin:0; height:30px; color:#fff; background-color:#009ce9; width:156px;}
.login:hover {text-decoration:underline; display:block; color:#fff;}
.login span {font:bold 16px arial;}

.sign-up:link, 
.sign-up:visited, 
.sign-up:active {text-decoration:none; display:block; padding:10px 0px 0px 20px; margin:0; height:30px; color:#fff; background-color:#a4c94d; font-size:12px; width:156px;}
.sign-up:hover {text-decoration:underline; display:block; color:#fff;}
.sign-up span {font:bold 16px arial;}

.signed-in:link, 
.signed-in:visited,
.signed-in:hover,
.signed-in:active {text-decoration:none; display:block; padding:12px 20px 0px 20px; margin:0; height:28px; color:#fff; background-color:#a4c94d; font:bold 14px arial;}
.signed-in:hover {text-decoration:underline;}
.signed-in span {margin-left:5px;}



/*-------------------------------------
[ Content ]
-------------------------------------*/
.contentRightColWrapper {float:left; width:734px; padding:0 0 80px 0; position:relative;}
.content .contentLeftColWrapper {float:left; width:238px; margin-left:10px; padding:75px 0 80px 0;}







/*-----------------------------------
[ sign up ]
-----------------------------------*/
#signupContent .contentRightCol .cost {font:normal 14px arial; color:#383838;}
#signupContent .contentRightCol .trial {font:normal 21px arial; color:#009ce9;}

#signupContent .contentRightCol .inputRadios {margin-left:10px; float:left;}
#signupContent .contentRightCol .inputRadios td {padding:0 0 5px 0;}


/*-----------------------------------
[ favable pro ]
-----------------------------------*/
#favableProContent .contentRightColWrapper {padding:0 0 40px 0;}
#favableProContent .contentRightColWrapper .cost {font:normal 14px arial; color:#383838;}
#favableProContent .contentRightColWrapper .p2 {font:normal 18px arial; line-height:21px; color:#009ce9; padding:0px 0px 10px 0px;}

#favableProContent .contentRightColWrapper .seoContainer {float:left; width:196px; padding:10px 20px 10px 10px; background-color:#f5f5f5; border:1px solid #e5e5e5; display:none;}
#favableProContent .contentRightColWrapper .seoContainer h3 {font:normal 24px arial; color:#009ce9; padding:0px 0px 8px 0px;}
#favableProContent .contentRightColWrapper .seoContainer {}
#favableProContent .contentRightColWrapper .seoContainer p {padding:0px 0px 8px 0px; font:normal 14px arial, sans-serif; line-height:20px;}
#favableProContent .contentRightColWrapper .seoContainer .micro {font:normal 14px arial; padding:0px 0px 0px 0px;}

#favableProContent .contentRightColWrapper  li {list-style-type:none; list-style-position:inside; font:normal 14px arial; padding:0px 0px 5px 20px; background:url(../images/bullet.png) top left no-repeat;}

#favableProContent .contentRightColWrapper span {display:block; color:#999; font:normal 11px arial; padding:4px 0 4px 0; width:362px;}

/*
.contentRightCol ol.decimal li {list-style-type:decimal; list-style-position:inside; font:normal 14px arial; padding:0px 0px 5px 4px; background:none;}
*/


/*-----------------------------------
[ contact ]
-----------------------------------*/
#contactContent {}
#contactContent .contentRightColWrapper .p1 {padding:0 0 20px 0;}
#contactContent .contentRightColWrapper td {padding:0 0 5px 0;}
#contactContent #inputOther {border:1px solid #ccc; padding:4px; margin-left:0;}


/*-----------------------------------
[ privacy ]
-----------------------------------*/
#privacyContent .contentRightColWrapper p {padding:0 0 20px 0; width:610px; line-height:20px;}




/*-------------------------------------
[ Dock ]
-------------------------------------*/
#dockWrapper {height:130px; clear:both; /*background:url(../images_v3/bg_footerxx.jpg) top left repeat-x;*/ width:980px; margin:auto; border-top:1px solid #ccc;}
#dockPadding {padding-top:10px;}
#dock {color:#898989; text-align:left;}
#dock .addThis {float:left; margin-right:10px; }
#dock .rights {float:left; padding:4px 0px 0px 0px;}
#dock .contact {float:right; padding:4px 0px 0px 0px;}
#dock .contact a:link, 
#dock .contact a:visited, 
#dock .contact a:hover,
#dock .contact a:active {text-decoration:none; color:#009CE9;}
#dock .contact a:hover {text-decoration:underline;}
#dock .contact li {padding:0px 10px 0px 0px; margin:0px 5px 0px 0px; border-right:1px solid #009CE9; list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; float:left;}
#dock .contact li.last {padding:0; margin:0; border:0;}




/*-----------------------------------
[ clear fix ]
-----------------------------------*/


.subscribe-now-container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .subscribe-now-container {zoom:1; display:block;}
*+html .subscribe-now-container {zoom:1; display:block;}

.contentWrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .contentWrapper {zoom:1; display:block;}
*+html .contentWrapper {zoom:1; display:block;}

.form-row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .form-row {zoom:1; display:block;}
*+html .form-row {zoom:1; display:block;}