/*  

Client: Grammar to Go
Client URL: http://www.grammartogo.co.uk
Description: Styles for the non members section of the site
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 22/08/2008

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

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

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:Arial, Helvetica, sans-serif;
	color:#666767;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:25px;
}

h1 {
	font-size:3.0em;
	color:#002642;
	font-weight: normal;
	margin-bottom:17px;
}

h2 {
	margin-bottom:15px;
	padding:0;
	color:#002642;
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
	color:#002642;
	margin-bottom:9px;
}

h4 {
}

h5 {
}

h6 {
}

#article ul, .column ul {
	margin:-12px 0 14px 0;
}

#article li, .column li {
	font-size:1.2em;
	background:url(../images/bullet_point.gif) top left no-repeat;
	line-height:1.2em;
	margin-bottom:6px;
	padding:0 0 0 15px;
}

blockquote {
	font-size:1.2em;
	display:block;
	padding:10px 20px;
	margin-bottom:10px;
	background-color:#fff0c4;
	font-style:italic;
	color:#333333;
	line-height:1.4em;
}

strong {
	font-weight:bold;
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
	color:#002642;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:underline;
}

a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}

.hiddenfield {
	/*visibility:hidden;*/
	display:none!important;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

#norightmargin {
	margin-right:0px!important;
}

.noborder {
	border:none!important;
}
.checkbox {
	width:13px!important;
	height:13px!important;
	padding:0!important;
	margin:8px 0 0 0!important;
	border:none!important;
}

.orange {
	color:#002642;
}

/* 7.0	Wrapper */

div#wrapper {
	width:960px;
	margin:20px auto;
	position:relative;
}

/* 8.0	Logo */

div#logo h2 {
	margin:0;
	padding:0;
	line-height:normal;
}

div#logo h2 a {
	background:url(../images/logo.gif) no-repeat;
	display:block;
	width:300px;
	height:41px;
	float:left;
	text-indent:-999999px;
}

/* 9.0	Layout */

#header {
	margin:0 10px;
}

#helpline {
	background:url(../images/helpline.gif) no-repeat;
	display:block;
	width:300px;
	height:41px;
	float:right;
	text-indent:-999999px;
}

.column {
	width:300px;
	float:left;
	margin:20px 10px;
	display:inline; /* Hack for IE6 Double Margin Bug */
}

	.column p {
		text-align:justify;
	}

#footer {
	background:url(../images/footer_bg.png) no-repeat;
	overflow:hidden;
	margin:0 10px;
}

p#copyright {
	font-size:10px;
	margin:14px 10px;
	float:left;
	display:inline;
	color:#333333;
}

/* 10.0	Navigation */

/* Global Navigation */

#global-nav {
	background:url(../images/nav_bg.png) no-repeat;
	clear:both;
	margin:20px 0;
	overflow:hidden;
}

#global-nav li {
	float:left;
}

#global-nav li a {
	font-size:1.2em;
	color:#8f7f7f;
	text-decoration:none;
	text-transform:uppercase;
	width:140px;
	display:block;
	text-align:center;
	margin-right:20px;
	padding:15px 0;
}

#global-nav li a:hover, #global-nav li a.selected  {
	text-decoration:underline;
}

/* Left Hand Navigation */
#left-nav {
	float:left;
	width:220px;
}

#left-nav li a {
	padding:13px 16px;
	display:block;
	font-size:1.2em;
	color:#666666;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
}

#left-nav li a:hover, #left-nav li a.selected {
	background:#002642;
	color:#FFFFFF;
}

/* 3rd level // Blog section */
#left-nav li ul {
	padding:10px 10px 10px 15px;
	border-bottom:1px solid #FFFFFF;
}

#left-nav li li {
}

#left-nav li li a {
	padding:5px;
	display:block;
	font-size:1.2em;
	color:#666666;
	text-transform: none;
	text-decoration:none;
	border-bottom: none;
	line-height:1.4em;
}

#left-nav li li a:hover,
#left-nav li li a.selected {
	background: none;
	color: #666;
	text-decoration:underline;
}


/* Footer Navigation */
#footer ul {
	float:right;
	margin:16px 1px;
	display:inline;
}

#footer li {
	float:left;
	padding:0 9px;
	border-left: 1px solid #333333;
}

#footer li a {
	color:#333333;
	text-decoration:none;
}

#footer li a:hover {
	text-decoration:underline;
}

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
}

input {
}

textarea {
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}
 
/* Individual Page Elements */

/* Home Page */

#banner {
	float:left;
}

.membershiplogin {
	width:300px;
	float:right;
	display:inline; /* Hack for IE6 Double Margin Bug */
	clear:right;
	background:url(../images/membership_login.png) no-repeat;
	margin:0 10px 20px 0;
	height:183px;
}

.membershiplogin ul {
	margin:41px 0 0 0;
}

.membershiplogin li {
	margin:0 0 8px 10px;
}

.membershiplogin label {
	display:block;
	width:71px;
	float:left;
	text-align:right;
	margin:0 0 0 0;
	font-size:1.2em;
	text-transform:uppercase;
	color:#333333;
	padding-top:6px;
}

.membershiplogin input {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:178px;
	margin:0 0 0 22px;
}

.rememberme {
	text-transform:uppercase;
	font-size:1.2em;
	margin-left:10px;
	padding-top:6px;
}

.signin {
	margin:8px 0 0 0!important;
	padding:0!important;
	width:130px!important;
	height:30px!important;
	border:none!important;
	float:left;
	display:inline;
}

.forgottenpassword {
	font-size:1.1em;
	color:#8f7f7f;
	text-decoration:underline;
	float:right;
	margin:15px 18px 0 0;
	display:inline;
}

.forgottenpassword:hover {
	text-decoration:none;
}

.newslettersignup {
	width:300px;
	float:right;
	display:inline; /* Hack for IE6 Double Margin Bug */
	clear:right;
	background:url(../images/signuptonewsletter.png) no-repeat;
	margin:0 10px 0 0;
	height:155px;
}

.newslettersignup ul {
	margin:41px 0 0 0;
}

.newslettersignup li {
	margin:0 0 8px 10px;
}

.newslettersignup label {
	display:block;
	width:71px;
	float:left;
	text-align:right;
	margin:0;
	font-size:1.2em;
	text-transform:uppercase;
	color:#333333;
	padding-top:6px;
}

.newslettersignup input {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:178px;
	margin:0 0 0 22px;
}

.signin {	
	margin:8px 0 0 0!important;
	padding:0!important;
	width:130px!important;
	height:30px!important;
	border:none!important;
}

.whytry {
	background:url(../images/why_try.gif) no-repeat;
	display:block;
	width:88px;
	height:22px;
	text-indent:-999999px;
}

.whybuy {
	background:url(../images/why_buy.gif) no-repeat;
	display:block;
	width:96px;
	height:22px;
	text-indent:-999999px;
}

.whoisgrammartogo {
	background:url(../images/whoisgrammartogo.gif) no-repeat;
	display:block;
	width:293px;
	height:22px;
	text-indent:-999999px;
}

.signuptoday {
	margin:26px 0;
}

/* Static Pages */

#static-wrapper {
	background:url(../images/static_wrapper_bg.gif) repeat-y left; /* Faux column technique */
	overflow:hidden; /* To contain Floats */
	margin:0 10px 20px 10px;
}

#blog-container {
	float:right;
}

#article {
	width:620px;
	float:right;
	margin: 0 80px 0 0;
	display:inline;
	border-bottom: 1px solid #ededed;
}

.summary {
	font-size:1.8em;
	color:#333333;
	text-align:justify;
}

#article p {
	text-align:justify;
}

.latestblogposttitle {
	background:url(../images/latest_blog_post.gif) no-repeat;
	display:block;
	width:138px;
	height:17px;
	text-indent:-999999px;
	margin:0;
}

#bloglistings {
	width:640px;
	float:right;
	margin: 20px 60px 0 0;
	display:inline;
	clear:both;
}

#bloglistings li {
	float:left;
	width:300px;
	margin:20px 20px 0 0;
	display:inline;
	border-bottom:#ededed 1px solid;
	padding-bottom:11px;
	height:100px;
}

#bloglistings h3 a {
	text-decoration:none;
	color:#002642!important;
}

#bloglistings h3 a:hover {
	text-decoration:underline;
}

#bloglistings li p {
	font-size:1.1em;
	text-align: justify;
	margin:0 0 8px 0;
}

#bloglistings li a {
	color:#ffd045;
	text-decoration:none;
	/*font-size:1.1em;*/
}

#bloglistings li a:hover {
	text-decoration:underline;
}

.previousnext {
	margin-bottom:20px;
}

.next {
	background:url(../images/next.gif) no-repeat right;
	padding-right:26px;
	color:#002642;
	text-decoration:none;
	font-size:1.2em;
}

.previous {
	background:url(../images/previous.gif) no-repeat left;
	padding-left:26px;
	color:#002642;
	text-decoration:none;
	font-size:1.2em;
	margin-right:22px;
}

/* Comment Form */

#commentsform {
	width:620px;
	float:right;
	margin: 20px 80px 0 0;
	display:inline;
	clear:both;
	border-bottom: 1px solid #ededed;
	padding-bottom:18px;
}

.leaveyourcomments {
	background:url(../images/leave_your_comments.gif) no-repeat;
	display:block;
	width:230px;
	height:18px;
	text-indent:-9999999px; /* Hides accessible text */
}

#commentsform li {
	margin-bottom:6px;
}

#commentsform label {
	display:block;
	width:220px;
	text-align:right;
	float:left;
	font-size:1.2em;
	color:#666666;
	padding-top:4px;
}

#commentsform input {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:296px;
	margin:0 0 0 20px;
}

#commentsform textarea {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:296px;
	margin:0 0 0 20px;
}

#commentsform .checkbox {
	margin-left:20px!important;
}

.submitcomment {
	width:130px!important;
	height:30px!important;
	border:none!important;
	padding:0!important;
	margin:10px 0 0 20px!important;
}

#comments {
	width:620px;
	float:right;
	margin: 20px 80px 0 0;
	display:inline;
	clear:both;
}

.commentstitle {
	background:url(../images/comments.gif) no-repeat;
	display:block;
	width:87px;
	height:13px;
	text-indent:-9999999px; /* Hides accessible text */
}

#comments li {
	width:370px;
	border-bottom: 1px solid #ededed;
	margin-top: 20px;
}

#comments li p {
	font-size:1.1em;
	margin-bottom:11px;
	text-align:justify;
}

/* Contact us page */
#contact_wrapper {
	margin:0 10px;
}

.contact-detail-wrapper {
	float:left;
	width:460px;
}

.leftcontactcol {
	float:left;
		width:220px;
}

.rightcontactcol {
	float:right;
	width:220px;
}

#contact_form {
	float:right;
	border-left: #adaca3 1px solid;
	margin-bottom:20px;
}

.contactformtitle {
	background:url(../images/contact_from.gif) no-repeat;
	display:block;
	width:108px;
	height:13px;
	text-indent:-999999px; /* hides accessible text */
	margin-left:31px;
}

#contact_form li {
	margin-bottom:6px;
}

#contact_form label {
	display:block;
	width:140px;
	float:left;
	text-align:right;
	margin:0 0 0 0;
	font-size:1.2em;
	text-transform:uppercase;
	color:#666666;
	padding-top:6px;
}

#contact_form input {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:294px;
	margin:0 0 0 20px;
	color:#666666;
}

#contact_form textarea {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:294px;
	margin:0 0 0 20px;
	color:#666666;
	overflow:hidden;
}

#contact_form select {
	border:1px solid #cccccc;
	padding:1px;
	font-size:12px;
	text-transform:uppercase;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:301px;
	margin:0 0 0 20px;
}

.sendmessage {
	width:130px!important;
	height:30px!important;
	border:none!important;
	padding:0!important;
	margin:10px 0 0 20px!important;
}

/* Pricing and Signup */

.whenandwhere {
	display:block;
	width:298px;
	height:16px;
	background:url(../images/whenandwhere.gif) no-repeat;
	text-indent:-999999px; /* Hides accessible text */
}

.howmuch {
	display:block;
	width:108px;
	height:16px;
	background:url(../images/how_much.gif) no-repeat;
	text-indent:-9999999px; /* Hides accessible text */
}

.neverslowdown {
	margin-top:30px;
	float:right;
}

/* Tour Styling */
#sliderwrapper {
	width:940px;
	background:url(../images/slider_wrapper_bg.png) no-repeat bottom;
	margin:0 10px 20px 10px;
	height:390px;
}

#slider {
    width: 880px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    /*height: 250px;*/
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	margin:auto;
	padding-top:35px;
}

.scrollContainer div.panel {
    /*height: 210px;*/
    width: 800px;
}

ul.navigation {
    list-style: none;
    margin: 0 -26px 0 -36px; /* margin: 0 -26px 0 -36px;*/
    padding: 0;
	width:940px;
}


ul.navigation li {
	float:left;
	padding:0 8px;
	border-right:1px solid #333333;
}

ul.navigation li a {
	display:block;
	text-indent:-99999px;
	background-position:top;
	height:16px;
}

ul.navigation a:hover {
	background-position:bottom;
}

ul.navigation a.selected {
	background-position:bottom;
}

ul.navigation a:focus {
    outline: none;
	background-position:bottom;
}


.lastnav {
	padding:0 0 0 6px!important;
	border:none!important;
}

/* Styling for the nav */

.whatisgrammarnav {
	background-image:url(../images/what_is_grammar_to_go_tab.gif);
	width:158px;
}

.controlpanel {
	background-image:url(../images/the_control_panel_tab.gif);
	width:118px;
}

.personalanswers {
	background-image:url(../images/personal_answers_to_your_grammar_questions_tab.gif);
	width:299px;
}

.updates {
	background-image:url(../images/regular_updates_tab.gif);
	width:108px;
}

.yourboss {
	background-image:url(../images/why_your_boss_will_love_it_tab.gif);
	width:177px;
}

.scrollButtons {
    position: absolute;
    top: 175px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

/* My styles */

.scrollimage {
	width:310px;
	float:left;
	margin:0 10px 0 0;
	display:inline;
}

.scrolltext {
	float:left;
	margin:40px 0 0 0;
}

.scrollContainer h2 {
	margin-left:10px;
	display:block;
	margin-bottom:23px;
}

.scrollcolumn {
	width:220px;
	float:left;
	margin:0 10px;
	display:inline;	
}

.scrollonecolumn {
	width:460px;
	float:left;
	margin:0 10px;
	display:inline;	
}

.scrollcolumn p, .scrollonecolumn p {
	font-size:11px; /*1.15em!important*/
	text-align:justify;
	margin-bottom:19px;
}

.scrollcolumn ul, .scrollonecolumn ul  {
	margin:0 0 14px 0;
}

.scrollcolumn li, .scrollonecolumn li {
	font-size:1.1em;
	background:url(../images/bullet_point.gif) top left no-repeat;
	line-height:1.1em;
	margin-bottom:6px;
	padding:0 0 0 15px;
}

.scrollonecolumn blockquote {
	font-size:1.1em;
	display:block;
	padding:5px 10px;
	margin-bottom:10px;
	margin-top:-8px;
	background-color: transparent;
	font-style:italic;
	color:#333333;
	line-height:1.2em;
}

/* Title Styles */

.whatisgrammartogotitle {
	display:block;
	width:268px;
	height:18px;
	background:url(../images/whatisgrammartogo.png) no-repeat;
	text-indent:-999999px;
}

.thecontrolpaneltitle {
	display:block;
	width:188px;
	height:23px;
	background:url(../images/the_control_panel_title.png) no-repeat;
	text-indent:-999999px;
}

.personalanswerstitle {
	display:block;
	width:268px;
	height:49px;
	background:url(../images/personal_answers_title.png) no-repeat;
	text-indent:-999999px;
}

.regularupdatestitle {
	display:block;
	width:174px;
	height:23px;
	background:url(../images/regular_updates_title.png) no-repeat;
	text-indent:-999999px;
}

.yourbosstitle {
	display:block;
	width:273px;
	height:23px;
	background:url(../images/your_boss.png) no-repeat;
	text-indent:-999999px;
}

/* Payment Section */

#paymentwrapper {
	margin:20px 10px;
	overflow:hidden; /* This contains Floats */
}

#paymentwrapper h2 {
	display:block;
	background:url(../images/payment_h2_bg.png) no-repeat!important;
	padding:15px 0 11px 10px;
	color:#8f7f7f;
	font-size:14px;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

#paymentwrapper p {

}

#paymentwrapper fieldset {
	margin-bottom:34px;
}

#paymentwrapper li {
	margin-bottom:6px;
	clear:both;
	position:relative;
	display:block;
	list-style:none;
}

#paymentwrapper label {
	display:block;
	width:220px;
	float:left;
	text-align:right;
	margin:0 0 0 0;
	font-size:1.2em;
	color:#666666;
	padding-top:6px;
}

#paymentwrapper input {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:294px;
	margin:0 0 0 20px;
	color:#666666;
	display:inline; /* Hack for IE6 double margin bug */
}

#paymentwrapper textarea {
	border:1px solid #cccccc;
	padding:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:294px;
	margin:0 0 0 20px;
	color:#666666;
	overflow:hidden;
}

#paymentwrapper select {
	border:1px solid #cccccc;
	padding:1px;
	font-size:12px;
	text-transform:uppercase;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	width:301px;
	margin:0 0 0 20px;
}

#paymentwrapper p.fieldtext {
	font-size:1.2em;
	color:#666666;
	position:relative;
	top:5px;
	left:20px;
	margin:0;
}

.sendmessage {
	width:130px!important;
	height:30px!important;
	border:none!important;
	padding:0!important;
	margin:10px 0 0 20px!important;
}

.message {
	color:#002642;
	margin-left:16px;
}

.message a {
	line-height:1.2em;
	text-decoration:underline;
}

.message a:hover {
	text-decoration:none;
}

.error {
	color: #fa180d; /*fa180d*/
	margin-left:16px;
}

.error a {
	color: #fa180d!important; /*fa180d*/
	text-decoration:underline;
}

.error a:hover, .error a:focus {
	text-decoration:none;
}

.checkboxdetails {
	width:auto!important;
	height:auto!important;
	border:none!important;
	padding:0 0 0 0!important;
	margin:5px 0 0 20px!important;
}

.button {
	width:130px!important;
	height:30px!important;
	border:none!important;
	margin:-4px 0 0 20px!important;
	padding:0!important;
	float:left;
	display:inline; /* Hack for IE6 */
}

.price {
	font-size:1.2em;
	margin:0 0 0 20px;
	line-height:2.0em;
	/*padding:3px 0 15px 0;*/
	color:#666666;
}

.createaccount {
	width:608px!important;
	height:37px!important;
	border:none!important;
	margin:0 0 0 20px!important;
	padding:0!important;
}

.summarybillingdetails {
	font-size:1.2em;
	margin:6px 0 0 20px;
	display:block;
	float:left;
}

#paymentwrapper h3 {
	width:220px;
	display:block;
	text-align:right;
	font-size:1.6em;
}

.proceedtopayment {
	margin:10px 0 0 20px;
	display:block;
	float:left;
}

.forgottenyourpassword {
	margin-left:20px;
}

.hiddenFields {
	display:none;
}

/* Homepage Logged in */

#loggedin {
	margin:40px 10px 0 10px;
}

#loggedin p {
	margin-bottom:18px;
}

.accesscontrolpanel {
	margin-bottom:20px;
}

/* New Pricing and Signup page */

.half-col {
	float:left;
	width:460px;
	display:inline; /* Double margin bug */
	margin:10px;
}

#pricing-intro {
	width:780px;
	margin:0 0 20px 10px;
}

#features {
	height:442px;
}

#features h2 {
	background:url(../images/features.gif) no-repeat top left;
	width:79px;
	height:21px;
	margin:0 0 9px 0;
	text-indent:-999999px;
}

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

#features li {
	padding:0;
	margin:0;
	list-style:none;
	color:#666767;
	font-size:12px;/*1.2em*/
	margin-bottom:1px;
	padding:11px 20px;
	background:#ededed url(../images/feature_bg.png) no-repeat right top;
}

#features li.odd {
	background:#f6f6f6 url(../images/feature_bg_odd.png) no-repeat right top;
}

/* Pricing plan */
#pricing-plan {
	height:442px;
}

#pricing-plan h2 {
	background: url(../images/price-plan.gif) no-repeat top left;
	width:108px;
	height:21px;
	margin:0 0 9px 0;
	text-indent:-999999px;
}

.pass {
	float:left;
	width:140px;
	margin: 10px 20px 0 0;
	background:url(../images/pass_bg.png) no-repeat top;
	height:248px;
	display:inline; /* Hack for IE6 Double margin bug */
	position:relative;
}

.no-right-margin {margin-right:0;}

.ticket {
	position:absolute;
	left:-11px;
	top:-11px;
}
.ticket img {display: block;}

.pass h3 {
	font-size:20px; /*2em*/
	margin:38px 0 9px 0;
	text-align:center;
}

.pass h4 {
	text-align:center;
	margin:;
	color:#002642;
	font-size:18px;/*1.8em*/
}

.pass ul {
	margin: 15px 5px 20px 5px;
}

.pass li {
	text-align:center;
	font-size:13px; /*1.3em*/
	line-height:1.1em;
	margin:0 0 8px 0;
}

.signup {
	margin-left:26px;	
}

.vat {
	font-size:14px;
}

/* Frequently Asked Questions */

#faq {
}

#faq h2 {
	width:251px;
	height:22px;
	background: url(../images/faq.gif) no-repeat top left;
	text-indent:-999999px;
	margin:0 0 8px 0;
}

#faq h3 {
	font-weight:bold;
	margin:0 0 4px 0;
}

/* What the users say */
#what-the-users-say {

}

#what-the-users-say h2 {
	width:173px;
	height:22px;
	background: url(../images/what_the_users_say.gif) no-repeat top left;
	text-indent:-999999px;
	margin:0 0 8px 0;
}

#what-the-users-say blockquote {
	background:none;
	padding:0 12px 0 12px;
	margin:0 0 20px 0;
	color:#666767;
}

.read-more-testimonials {
	background:url(../images/bullet_point.gif) left top no-repeat;
	padding:1px 0 0 10px;
	font-size:1.2em;
}

/* Take the tour page */
#video_wrapper {
	background:#ffe9a6;
	padding:10px;
	margin:0 0 20px 0;
}

h2.trigger {
	background:url(../images/plus.png) no-repeat left top;
	font-size:20px;
	margin:0;
	padding:0;
}

h2.trigger a {
	padding:6px 0 6px 40px;
	display:block;
}

h2.trigger a:hover {}

h2.active {
	background:url(../images/minus.png) no-repeat left top;
}

.toggle_container {
	padding:10px 10px 10px 10px;
	display:none;
	background:#FFFFFF;
	margin:10px 0 0 0;
}

.toggle_container .block {
} 

/* landing Pages */

#landing_page_content {
	float:left;
	display:inline; /* hack for IE6 Double margin bug */
	margin:0 10px;
	width:620px;
}

p.calltoaction {
	font-size:2em;
	color:#002642;
}

p.calltoaction strong {
	font-weight:normal;
}

p.calltoaction a {
	text-decoration:underline;
}

p.calltoaction a:hover {
	text-decoration:none;
}

#advert {
	float:right;
	width:260px;
	display:inline;
	margin:0 10px;
	background:url(../images/advert_bg.png) bottom repeat-x #ffffff;
	border:1px solid #cccccc;
	padding:19px;
}

#advert h2 {
	font-size:1.8em;
	line-height:1.2em;
	margin:0 0 10px 0;
	padding:0;
}

#advert p {
	font-size:1.1em;
	margin:0 0 10px 0;
}

#advert ul {
}

#advert li {
	margin:0 0 0 15px;
	padding:0;
	list-style-image:url(../images/bullet_point_trans.png);
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:5px;
}

#advert .buynow {
	float:right;
	margin-top:15px;
}

.thickgreyline {
	border-top: #ededed solid 5px;
	margin:0px 0 15px 0;
}

#landing_page_nav {
	margin:20px;
}

#landing_page_nav a {
	color:#666767;
	text-decoration:none;
}

#landing_page_nav a:hover {
	text-decoration:underline;
}


/****************************************************************
************************** Homepage V2 **************************
****************************************************************/

#homepage-header {
	position:relative; /* To contain all absolute positioned elements */
	background: url(../images/homepage-header-bg.gif) no-repeat top left #022843;
	width:940px;
	height:332px;
	margin:0 0 20px 10px;
}

#homepage-header-desc {
	float:left;
	width:440px;
	margin:40px 0 0 20px;
	display:inline;
}

#homepage-header-desc h2 {
	color:#FFFFFF;
	background:url(../images/homepage-header-h2.gif) no-repeat;
	width:439px;
	height:75px;
	text-indent:-999999px;
}

#homepage-header-desc h3 {
	color:#FFFFFF;
	width:440px;
	height:114px;
	background:url(../images/homepage-header-h3.gif) no-repeat;
	text-indent:-9999999px;
	margin:0 0 21px 0;
}

/* buttons */
#homepage-buttons {
	height:32px;
	text-align:right;
	display:block;
	clear:both;
}

#homepage-buttons a {
	margin-left:17px;
}

/* Slideshow */
#slideshow {
	float:right;
	background:url(../images/laptop.png) no-repeat top left;
	width:443px;
	height:287px;
	display:inline;
	margin:30px 16px 0 0;
	position:relative; /* contain absolute positioning */
}

.slideshow {
	position:absolute;
	left:78px;
	top:16px;
}

/* Log in Box */
#login-box {
	position:absolute;
	top:310px;
	left:20px;
}

#login-slide-up-box {
	background:#FFFFFF url(../images/login-box-bg.png) repeat-x top left;
	width:500px;
	position:absolute;
	top:100px;
	left:200px;
	border:3px #b8b8b8 solid;
	padding:15px;
}

#login-slide-up-box h2 {
	background:url(../images/member_login-title.png) no-repeat top left;
	height:24px;
	width:153px;
	text-indent:-999999px;
}

#login-slide-up-box input {
	border:1px solid #cccccc;
	background:#FFFFFF;
	color:#555555;
	padding:3px 5px;
	font-size:1.1em;
	/*font-style:italic;*/
	width:240px;
}

#login-slide-up-box label {
	font-size:1.2em;
	display:block;
	margin:0 0 3px 0;
}

#login-slide-up-box li {
	margin:0 0 6px 0;
}

/* Features */

.homepage-cols p {
	font-size: 1.2em;
	margin-bottom:18px;
}

#homepage-features {
	float:left;
	display:inline; /* IE6 Double Margin Hack */
	width:300px;
	margin:0 10px;
}

#homepage-features h2 {
	background:url(../images/features_title.png) no-repeat;
	width:89px;
	height:23px;
	text-indent:-99999px;
	margin:0 0 5px 0;
}

#homepage-features ul {
}

#homepage-features li {
	margin:0 0 1px 0;
	padding: 9px 10px;
	background:#f6f6f6 url(../images/light-grey-tick.png) no-repeat top right;
	font-size:1.2em;
	color:#666666;
}

#homepage-features li.grey {
	background:#ededed url(../images/dark-grey-tick.png) no-repeat right top;	
}




/* Pricing */

#homepage-pricing {
	float:left;
	width:222px;
	margin:0 10px;
	display:inline;
}

#homepage-pricing h2 {
	background:url(../images/pricing_title.png) no-repeat;
	width:69px;
	height:23px;
	text-indent:-99999px;
	margin:0 0 5px 0;
}

#homepage-pricing img {
	margin-bottom:5px;
}

.commercial-text {
	margin-top:15px;
}

/* 17 Days */
#seventeendays {
	width:380px;
	height:430px;
	background:url(../images/17daysbg.png) no-repeat top left;
	float:right;
	position:relative; /* Contains absolute positioned elements */
	display:inline; /* Hack for IE6 Double margin bug */
	margin:0 10px 35px 0;
}

#seventeendays h2 {
	background:url(../images/17daystitle.png) no-repeat top left;
	text-indent:-999999px;
	width:288px;
	height:23px;
	margin:11px 0 15px 11px;
}

.free-icon {
	position:absolute;
	top:-14px;
	right:-29px;
}

#seventeendays p {
	margin:11px;
	width:289px;
}

#seventeendays h3 {
	background: url(../images/g2gbringsyou.png) no-repeat top left;
	width:277px;
	height:33px;
	margin:0 0 10px 11px;
	text-indent:-999999px;
}

#seventeendayslist {
	width:255px;
	height:102px;
	background:url(../images/17dayslist.png) no-repeat top left;
	margin:0 0 0 35px;
}

#seventeendayslist ul {
	margin:0!important;
}

#seventeendayslist li {
	display:none;
	margin:0;
}

#seventeendaysform ul {
	margin:0 0 0 35px;
	padding:;
}

#seventeendaysform li {
	margin:0 0 6px 0;
	padding:;
	position:relative;
}

#seventeendaysform li input {
	border:1px solid #cccccc;
	background:#FFFFFF;
	color:#555555;
	padding:3px 5px;
	font-size:1.1em;
	/*font-style:italic;*/
	width:240px;
}

#seventeendaysform button {
	font-size:1.1em;
	color:#000000;
	font-style:normal;
	padding:2px 15px;
}

#seventeendaysform label.error {
	position:absolute;
	top:0px;
	right:350px;
	background:#fdcbcb;
	padding:5px 10px;
	white-space:nowrap;
}

#newsletter-signup-form label.error {
	position:absolute;
	top:0px;
	right:230px;
	background:#fdcbcb;
	padding:5px 10px;
	white-space:nowrap;
}


#newsletter-signup-form input.error, #seventeendaysform input.error {
	margin:0;
	border:1px solid #fdcbcb;
}

.grey-line {
	border-top: 1px solid #ededed;
	margin:0 10px 40px 0;
	width:940px;
}

/* Homepage Recent Posts */
#recentposts {
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */
	width:460px;
	margin:0 10px;	
}

#recentposts h2 {
	background: url(../images/recent_blog_posts.png) no-repeat top left;
	text-indent:-999999px; /* hides accessible text */
	height:18px;
	width:142px;
	margin:0 0 16px 0 ;
}

.post {
	margin-bottom:15px;
}

.post h3 {
	font-size:1.2em;
	margin:0 0 6px 0;
}

.post h3 a { font-weight:bold;}

.post p {
	line-height:1.6em;
	margin-bottom:7px;
}

a.comment {
	float:left;
	font-size:1.1em;
	padding: 2px 0 3px 25px;
	background:url(../images/comment-icon.png) no-repeat left top;	
}

.posted {
	float:left;
	font-size:1.1em;
	padding: 2px 0 3px 5px;
	color:#cccccc;
}

/****** Tweet tweet ******/

#tweet {
	float:left;
	position:relative;
	display:inline;
	width:220px;
	margin:0 10px;
}

#tweet h2 {
	width:115px;
	height:18px;
	background:url(../images/recent_tweets.png) no-repeat top left;
	text-indent:-9999px;
}

.twitter-icon {
	position:absolute;
	top:-25px;
	left:120px;
}

#tweet li {
	margin:0 0 10px 0;
}

#tweet li p {
	margin:0 0 3px 0;
	font-size:1.1em;
}

/* Homepage newsletter signup */

#newsletter-signup {
	float:left;
	width:220px;
	margin:0 10px;
}

#newsletter-signup h2 {
	background:url(../images/sign_up_newsletter.png) no-repeat top left;
	text-indent:-99999999px;
	width:202px;
	height:18px;
}

#newsletter-signup p {
	font-size:1.1em;
	margin-bottom:16px!important;
}


#newsletter-signup li {
	margin-bottom:6px;
	position:relative;
}

#newsletter-signup input {
	border:1px solid #cccccc;
	background:#FFFFFF;
	color:#555555;
	padding:3px 5px;
	font-size:1.1em;
	/*font-style:italic;*/
	width:200px;
}

#newsletter-signup button {
	font-size:1.1em;
	color:#000000;
	font-style:normal;
	padding:2px 15px;
}

#social-links {
	display:block;
	margin:20px 10px 30px 10px;
	text-align:right;
}

#social-links a {
	color:#022843;
	font-size:1.1em;
	margin-left:20px;
}

#social-links a.twitter {
	background:url(../images/twitter.png) no-repeat top left;
	padding:11px 0 10px 103px;
}

#social-links a.facebook {
	background:url(../images/facebook.png) no-repeat top left;
	padding:11px 0 10px 43px; 
}


/* Static Page seventeen days form */

#advert {
	position: relative;
	margin-bottom:20px;
}


#advert .free-icon {
	position:absolute;
	top:-14px;
	right:-29px;
}

#advert h3 {
	line-height:1.4em;
}

#signupseventeen {
	margin:10px 0 0 0!important;
	padding:0;
	list-style:none!important;
	list-style-image:none;
}
#signupseventeen li {
	margin:0 0 6px 0;
	padding:0;
	list-style:none!important;
	list-style-image:none;
}

#signupseventeen button {
	padding:0;
	width:252px;
}

#signupseventeen li input {
	border:1px solid #cccccc;
	background:#FFFFFF;
	color:#555555;
	padding:3px 5px;
	font-size:1.1em;
	/*font-style:italic;*/
	width:240px;
}

#signupseventeen button {
	font-size:1.1em;
	color:#000000;
	font-style:normal;
	padding:2px 15px;
}

#signupseventeen label.error {
	margin:0;
	padding:0;
	display:block;
	clear:both;
}

#signupseventeen input.error {
	margin:0;
	border:1px solid #fdcbcb;
}

/* Corporate User page */

#business-text {
	background: url(../images/corporate_user_text.jpg) no-repeat;
	width:438px;
	height:221px;
	display: inline;
	margin:53px 0 0 20px;
	float:left;
	text-indent:-999999px; /* Hides accessible text */
}

#multiple-computers {float: right; margin:52px 0 0 0; display:inline;}

/* Different H2 Headers */

h2#answertoquestion {
	background: url(../images/answer_to_any_question.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

h2#personalanswer {
	background: url(../images/personal_answers.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

h2#learningmedium {
	background: url(../images/excellent_learning_medium.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

h2#easysubscribe {
	background: url(../images/easy_to_subscribe.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

h2#multiple-licence {
	background: url(../images/need_multiple_licences.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

h2#corporate-message-sent {
	background: url(../images/corporate-message-sent.png) no-repeat top left;
	height:18px;
	text-indent:-999999px;
	margin-bottom:12px;
}

.dotted-clear {
	background: url(../images/dotted-line.gif) repeat-x;
	margin-bottom:29px;
}

#corporate-contact ul {
}

#corporate-contact li {
	margin:0 0 6px 0;
}

#corporate-contact li label {
	width:140px;
	text-align:right;
	padding:0 10px 0 0;
	/*display:block;*/
	float:left;
	font-size:1.1em;
	position:relative;
	top:6px;
}

#corporate-contact input,
#corporate-contact textarea,
#corporate-contact select {
	border:1px solid #dedede;
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:1.1em;
	padding:5px 6px;
	width:226px;
}
#corporate-contact select {width:240px;}

#corporate-contact input:focus,
#corporate-contact textarea:focus,
#corporate-contact select:focus {
	border:1px solid #999999;
}

#corporate-contact input.corporate-submit {
	padding:0;
	border:none;
	width:80px;
}

/* Error trapping */
#corporate-contact label.error {
	float:none;
	display: block;
	clear:both;
	width:auto;
	padding:0 0 3px 0;
	margin:0 0 0 150px;
	text-align:left;
	top:3px;
}

#corporate-contact input.error,
#corporate-contact textarea.error,
#corporate-contact select.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
	margin:0;
}

#corporate-contact input.error:focus,
#corporate-contact textarea.error:focus,
#corporate-contact select.error:focus {
	border: 1px solid #ff9999;
}

p.corporatecalltoaction {
	font-size:1.8em;
	color:#3c5a6f;
	padding:18px 0 0 0;
	background:url(../images/dotted-line.gif) top repeat-x;
	margin:22px 0 20px 0;
}

blockquote.corporate-blockquote {
	background:none;
	position:relative;
	padding:0 30px 0 30px;
	margin:0 0 27px 0;
	color:#4c4c4c;
}

.openquote {
	position:absolute;
	top:-5px;
	left:0px;
}

.closequote {
	position:absolute;
	bottom:0;
	right:0;
}

/* aMember Sign up form validation */

#signup label.error {
	/*float:left;
	display:block;*/
	color:#FF0000;
	position:absolute;
	top:4px;
	left:442px;
	/*clear:both;*/
	font-size:11px!important;
	font-style:italic;
	padding:0px 0 10px 120px;
	width:auto!important;
	margin:0!important;
	text-align:left;
	line-height:1.4em;
}

#signup input.error,
#signup textarea.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

#signup input.error:focus,
#signup textarea.error:focus {
	border: 1px solid #ff9999;
}

/* PHPValidation SIgn Up form */
#errormsg {
	border:1px solid #ffcccc;
	background:#fcebeb!important;
	padding:15px 15px 10px 15px;
	margin-bottom:15px;
}

#errormsg ul {
	list-style:disc;
	margin:0 0 0 20px;
	padding:0;
}

#errormsg ul li {
	font-size:1.2em;
	color:#FF0000;
}

/* Affiliate Section */

#aff_main_col {
	float:right;
	margin:0 10px 0 0;
	display:inline;
	width:690px;
}

.becomeaffiliate {	
	width:433px!important;
	height:37px!important;
	border:none!important;
	margin:0 0 0 20px!important;
	padding:0!important;
}

/* Affiliate Navigation */
#aff_controls {
	float:left;
	margin:0 0 15px 10px;
	display:inline; /* Hack for IE6 Double margin bug */
}

#affmembercontrols {
	float:right;
	margin:0 10px 15px 0;
	display:inline; /* Hack for IE6 Double margin bug */
}

#affmembercontrols a, 
#aff_controls a {
	font-size:1.1em;
	color:#666666;
	font-style:italic;
}


/* Left hand navigation */
#aff_left_col {
	float:left;
	width:210px;
	margin:0 0 0 10px;
	display:inline;
}

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

#aff_left_col li {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

#aff_left_col li a,
#aff_left_col li a:visited {
	text-align:center;
	font-size:1.1em;
	color:#797979;
	text-shadow: #e8e8e8 1px 1px 1px;
	display:block;
	padding:17px 5px;
	background:url(../images/aff_nav.png) no-repeat;
	text-transform:uppercase;
	text-decoration:none;
}

/* Affiliate table */
#table_container {
	margin:0 10px;
}

table {
	width:100%;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #bbbbbb;
}

th {
	background:#e2e2e2;
	border:1px solid #bbbbbb;
	font-size:1.2em;
	padding:10px;
	font-weight:bold;
}

tr.aff_odd {background:#F1F1F1;}
tr.aff_odd {background:#f3f3f3;}
tr:hover {background:#ededed;}

td {
	border:1px solid #bbbbbb;
	font-size:1.2em;
	color: #666767;
	padding:10px;
}

/* Date Selection */
#select_date {
	float:left;
	display:inline;
	margin:0 0 0 10px; 
}

#select_date label {
	text-align:left;
	width:95px;
	padding:0;
	margin:0;
	font-size:1.2em;
	position:relative;
	top:0;
}

#select_date select {
	width:180px;
	margin:0;
	font-size:1.1em;
	position:relative;
	top:-5px;
}

#select_date input {
	width:80px;
	margin:0;
	font-size: 1.1em;
	position:relative;
	top:-5px;
}

.saveprofile {
	width:130px!important;
	padding:0!important;
	border: none!important;
}

a.cancel {
	font-size:1.3em;
	position:relative;
	top:-5px;
	left:10px;
}

.update {
	width:80px!important;
	padding:0!important;
	border: none!important;
}

/* Affiliate Links Page */
#aff_wrapper {
	margin:0 10px;
}

#aff_wrapper p {
	margin-bottom:24px;
	width:610px;
}

#aff_wrapper h3 {
	display:block;
	text-align:left;
	font-size:1.6em;
	color:#022843;
	margin-bottom:28px;
	width:auto;
}

#aff_wrapper hr {
	border:none;
	border-top:1px solid #ebebeb;
	height:1px;
	margin-bottom:26px;
}

.aff_links_loop {
	border-left:10px solid #ebebeb;
	padding:9px 10px 12px 10px;
	margin-bottom:20px;
}

.afflink a {
	font-size:1.2em;
}

.afflink h4 {
}

.aff_links_loop pre {
	background:#ebf3f0;
	margin-top:10px;
	width: auto;
}

.aff_links_loop pre code {
	margin:10px 20px 7px 20px;;
	color:#666666;
	font-size:1.1em;
	color:#333333;
	font-family: "Consolas", "Lucida Console", "Monaco", "Courier New", Courier, mono, serif;
	line-height:2em;
	white-space:normal;
	display:block;
}

/* membership Page */
.aff_half_col {
	margin:0 10px;
	float:left;
	display:inline; /* Hack for IE6 Double Margin bug */
	width:450px;
}

.aff_half_col h3 {
	width:auto!important;
	margin:0 0 6px 0;
	padding:0;
	text-align:left!important;
	font-size:1.6em;
}

.aff_half_col p {margin-bottom:15px;}

.dotted_line {
	border-top:1px dashed #ebebeb;
	height:1px;
	margin-bottom:17px;
}

.aff_half_col li {
	font-size:1.2em;
}

/* Affiliate Halfcolumn Form */
.aff_half_col fieldset {
	margin:0 0 10px 0!important;
}
.aff_half_col fieldset ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

.aff_half_col fieldset li {
	margin:0 0 6px 0!important;	
	padding:0!important;
	list-style:none;
}

/*.aff_half_col fieldset label {
	font-size:1em!important;
	display:block!important;
	float:none!important;
	text-align:left!important;
	margin:0;
	padding:0;
	top:0;
	left:0;
}*/

.aff_half_col fieldset li label {
	font-size:1em!important;
	text-align:left!important;
	width:120px!important;
	margin-bottom:0!important;
}

.aff_half_col fieldset li label.newsletter_signup {
	width:240px!important;
}

.newsletter_check {
	position:relative;
	top:-6px;
	margin-right:10px;
}

.aff_half_col fieldset li input,
.aff_half_col fieldset li select {
	font-size:11px!important;
	margin:0!important;
}

ul#useful_links_nav {
	margin:0 20px 18px;
	padding:3px 0 0 0;
	list-style:disc;
	
}

ul#useful_links_nav li {
	margin:0 0 6px 0;
}

ul#useful_links_nav li a,
ul#useful_links_nav li a:visted {
	text-decoration:none;
}

h3.top_stats {
	text-align:left!important;
	padding:0;
	margin:20px 0 10px 0;
}