@import url("/css/fensons_columns.css");

/* =============
COLOUR KEY:
green			= #99CC00
dark green		= #336600
darker green	= #1B3500
blue			= #3799CC
dark blue		= #1D516D
dary grey		= #494F57
================*/

/* ======== GENERAL TAGS
======================== */
body { width: 100%; background: #fff url("/gr/bg-other-pages5.jpg") 0 -15px repeat-x; color: #555; font: 85%/140% Arial, "Lucida Sans Unicode", "HelveticaNeue", Helvetica, sans-serif; margin: 0 auto; padding: 0; }
body#home { background: #f0f0f0 url("/gr/bg-home-clouds.jpg") center -15px repeat-x; }
body#home #siteholder { background: url("/gr/bg-home2.png") 475px 135px no-repeat; }
xbody#features { background: #fff url("/gr/bg-other-pages-feature-tour2.jpg") 0 -56px repeat-x; }
xbody#signup { background: #fff url("/gr/bg-other-pages-feature-tour3.jpg") 0 -56px repeat-x; }
xbody#contact { background: #fff url("/gr/bg-other-pages-feature-tour4.jpg") 0 -56px repeat-x; }

/* for RIGHT sidebar pages */
body#contact #sidebar,
body#pricing #sidebar,
body#signup #sidebar,
body#faq #sidebar { float: right; margin-top: 0; }
body#contact #main,
body#pricing #main,
body#signup #main,
body#faq #main { background: url("/gr/bg_body_right.jpg") 675px 0 no-repeat; }
#sidebar h3 { background: #FFF; border-bottom: 1px dotted #ccc; padding: 5px 0 5px 5px; margin-bottom: 4px; }
#pricing #content li { list-style-image: url("/gr/tick.png"); }

.wrong { list-style-image: url("/gr/icon_cross.png")!important; }

p { padding: 4px 0 4px 0; }
strong { font-weight: bold; }
blockquote { margin: 10px 25px 5px 25px; }
a { color: #2173af; outline: 0; }
img { border-style: none; }
ul { list-style: none !important; margin: 0;}
li { list-style-type: disc; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; color: #333; }
h1 { font: normal 320%/70px Georgia, "Times New Roman", Times, serif; padding: 0 35px 0 0; height: 70px; color: #fff; text-align: right; }
body#home h1 { display: none; }
h2 { font-size: 250%; font-weight: normal; margin: 25px 0 15px 0; color: #99CC00; }
h3 { font-size: 120%; font-weight: bold; margin: 20px 0 0 0; color: #494F57; }
h4 { font-size: 120%; font-weight: normal; margin: 20px 0 0 0; color: #494F57; }
.line { padding: 0; margin: 10px 0 5px 0; border-bottom: 1px dotted #ccc; width: 100%; height: 1px; }
.line80 { width: 80%; padding: 0; margin: 10px 0 5px 0; border-bottom: 1px dotted #ccc; height: 1px; }
div { display: block; }

/* ======== SITE STRUCTURE
======================== */
#wrap { width: 960px; margin: 0px auto 10px auto; }
#wrap_top {}
#wrap_middle {}
#wrap_bottom { padding-top: 5px; }
#siteholder { position: relative; }


/* ======== HEADER
======================== */
#header { position: relative; height: 155px; }
#signup-button { position: absolute; top: 40px; right: 25px; }
body#home #signup-button { position: absolute; top: 435px; left: -5px; }
#signup-button a { margin-left: 10px; }
	body#signup #signup-button a,
	xbody#pricing #signup-button a { display: none; }
#login { position: absolute; top: 0; left: 5px; font-size: 80%; text-transform: uppercase; color: #fff; background: #1D516D url("/gr/bg-login2.jpg") repeat-x; padding: 2px 10px; }
#login a { color: #fff; text-decoration: none; }
body#home #login { display: none; }

/* HOME PAGE */
#login-panel { float: right; width: 285px; height: 180px; background: url("/gr/bg-login.jpg") no-repeat; text-transform: uppercase; color: #999; border-left: 1px dotted #ccc; xborder:1px solid #ff4455; }
#login-panel form { padding: 70px 50px 0 0;}
#login-panel input { border: 1px solid #d6d6d6; font-size: 1.1em; line-height: 1.2em; xheight: 1.1em; color: #ccc; width: 200px; padding: 5px 0 5px 25px; margin: 2px 0; display: block; margin-left: 25px; }
#login-panel input:focus { border: 1px solid #000; color: #000; }
#login-panel input.user { background: #fff url("/gr/bg-login.png") 5px 5px no-repeat; }
#login-panel .password { background: #fff url("/gr/bg-login.png") 5px -18px no-repeat; }
#login-panel .button { background: #F90; color: #fff; width: auto; font: bold 1.0em/1.1em Arial, Helvetica, sans-serif; height: auto; padding: 0 10px; text-transform: uppercase; border: 1px solid #fff; }
#login-panel .forgot { float: right; text-transform: none; font-size: 90%; margin: -20px -10px 0 0; }

#logo { position: absolute; bottom: 20px; left: 5px; background: url("/gr/logo-mail-maximizer3.png") no-repeat; width: 274px; height: 34px; text-indent: -4000px; }
#logo a { display: block; width: 100%; height: 100%; }

#nav { position: absolute; bottom: 15px; right: 25px; }
#nav li { display: block; float: left; padding: 0; margin: 0; }
#nav li a { display: block; float: left; height: 35px; font: bold 130%/35px Arial, Helvetica, sans-serif; text-decoration: none; color: #77818C; text-transform: lowercase; margin: 0 15px; overflow: hidden; }
#nav li:hover { color: #444; }
body#home #nav .home, 
body#pricing #nav .pricing, 
body#faq #nav .faq,	
body#contact #nav .contact,	
body#signup #nav .signup, 
body#features #nav .features, 
body#create #nav .features, 
body#manage #nav .features, 
body#analyze #nav .features, 
body#testing #nav .features, 
body#full-feature-list #nav .features, 
body#email-clients #nav .features { background: url("/gr/nav-button-1.jpg") no-repeat; border-right: 1px solid #999; }
#nav li a:hover { color: #444; }
body#home #nav .home a, 
body#pricing #nav .pricing a, 
body#faq #nav .faq a, 
body#contact #nav .contact a, 
body#signup #nav .signup a, 
body#features #nav .features a, 
body#create #nav .features a, 
body#manage #nav .features a, 
body#analyze #nav .features a, 
body#testing #nav .features a, 
body#full-feature-list #nav .features a, 
body#email-clients #nav .features a { color: #444; }

/* ======== MAIN
======================== */
#home-blurb { width: 500px; height: 350px; color: #fff; background: url("/gr/blurb-hp3.png") no-repeat; text-indent: -5000px; }
#home-blurb h1 { text-indent: -5000px; }
#main { background: url("/gr/bg-leftside.jpg") -44px 0 no-repeat; }
	body#home #main { background: none; margin-top: 0; padding-top: 40px; font-size: 0.9em; line-height: 1.3em; color: #666; }
	body#home #main p { }
	body#home #main a { color: #2173af; font-weight: normal; }
	body#terms #main,
	body#privacy #main { background: none; font-size: 90%; }
	body#terms #main p,
	body#privacy #main p { margin: 0; }
	body#anti-spam #main { background: none; }
	body#anti-spam #main ul { margin-bottom: 15px; }
	body#anti-spam #main ul li { margin-left: 50px; list-style-image: url(/gr/tick.png); }
	body#anti-spam #main ol li { margin-left: 35px; list-style-type: decimal; }
#main #content { overflow: auto; }
x#main #content img { border: 1px solid #ccc; }

#crumbs { font-size: 0.9em; border-bottom: 3px double #ddd; padding: 10px 0 5px 0 !important; margin: 0!important; }
#crumbs a { margin-right: 2px; }
#feature-index { padding: 0; overflow: hidden; }
#feature-index img { vertical-align: middle; margin-right: 5px; }
#feature-index h3 { margin: 0 0 15px 0; }
#feature-index .container { margin-bottom: 35px; }
#feature-index li { margin: 0 0 3px 25px; list-style-type: disc; font-size: 85%; }

#features #content div { padding-left: 70px; margin-bottom: 15px; }
#features #content .create { background: url("/gr/icons-features-overview-create.png") no-repeat; }
#features #content .manage { background: url("/gr/icons-features-overview-manage.png") no-repeat; }
#features #content .report { background: url("/gr/icons-features-overview-report.png") no-repeat; }

#create #content div,
#analyze #content div,
#manage #content div { margin-top: 15px; }

.sidebox { width: 180px; background: #f3f3f3 url("/gr/bg-sidebox.jpg") 0 -4px repeat-x; font-size: 85%; padding: 6px 10px 10px 10px; }
.sidebox h3 { color: #fff; font-size: 110%; text-transform: uppercase; margin-bottom: 10px; }
.sidebox li { margin-left: 15px; }
.sidebox ul { margin: 0; padding: 0; }

#email-templates li { display: inline; float: left; margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 21px; width: 160px; }
#email-templates img { border: 1px solid #ccc; }

/* SIGNUP PAGE */
#signup #setup,
#signup #create { border: 0; padding: 50px 0 0 0; margin-bottom: 35px; }
#signup #setup { background: url("/gr/1-setup-your-account.jpg") 0 10px no-repeat; margin-top: 20px; }
#signup #create { background: url("/gr/2-create-your-account.gif") 0 10px no-repeat; }
#signup #content p { margin: 0 0 10px 80px; }
#signup #content div { vertical-align: middle; margin-bottom: 5px; }
#signup label { display: block; float: left; margin: 5px 0 0 90px; text-align: right; width: 120px; }
#signup input, 
#signup select { margin: 0 0 0 10px; font-size: 120%; color: #777; }
#signup input:focus, 
#signup select:focus { border: 2px solid #C3D744; color: #000; }

/* PRICING PAGE */
#pricing #content img.right { margin-left: 40px; }
#pricing #content ul { margin: 10px 0;  }
#pricing #content li { list-style-type: disc; margin-left: 55px; padding-bottom: 5px; }

/* CONTACT US PAGE */
#contact fieldset { border: 0; }
#contact label { display: block; float: left; margin: 5px 0 0 0; text-align: right; width: 120px; xfont-weight: normal; }
#contact #contactus div { margin-bottom: 3px; } 
#contact input, 
#contact select,
#contact textarea { margin: 0 0 0 10px; font-size: 120%; color: #777; }

/* ======== SIDEBAR
======================== */
.leftside { padding-top: 20px; }
xbody#contact .leftside { padding-top: 50px; }
#l-nav { border-top: 1px solid #ddd; margin-bottom: 30px; }
#l-nav li { border: 1px solid #fff; border-color: #fff #fff #ddd #fff; border-width: 1px 0; list-style: none; }
	body#features #l-nav li.features,
	body#create #l-nav li.create,
	body#manage #l-nav li.manage, 
	body#analyze #l-nav li.analyze { background-color: #ccc; xbackground: url("/gr/bg-leftside-links.jpg") 7px 0 no-repeat; border-width: 1px 0; border-color: #aaa; }
	
#l-nav li.features:hover,
#l-nav li.create:hover,
#l-nav li.manage:hover, 
#l-nav li.analyze:hover { background-color: #eee; }
	
#l-nav li a { display: block; color: #494F57; padding: 10px 0 10px 50px; background: url("/gr/icons-leftside-nav.png") -200px 0 no-repeat; text-decoration: none; }
#l-nav li a:hover { color: #000; text-decoration: underline; }

#l-nav li a.features { background-position: 10px 3px; }
#l-nav li a.create { background-position: 10px -55px; }
#l-nav li a.manage { background-position: 10px -110px; }
#l-nav li a.analyze { background-position: 10px -168px; }


/* ======== FOOTER
======================== */
#footer { border-top: 1px solid #ccc; margin-top: 50px; font-size: 90%; padding-top: 10px; }
#footer .banner { display: block; width: 950px; height: 82px; background: url("/gr/banner-footer.png") no-repeat; padding-top: 20px; }
#footer p { margin: 0; }
body#home #footer .banner,
body#signup #footer .banner { display: none; }


/* ======== MISC
======================== */
.left { float: left; margin: 0 15px 10px 0; }
.right { float: right; margin: 0 0 10px 15px; }
img.border { border: 1px solid #333; }
.large { font-size: 125%; font-style: italic; font-family: Georgia; margin-bottom: 25px; color: #333; line-height: 130%; color: #444; }