/*
EnterpriseMailer Marketing Site
Written by Danny
*/

/* Global Styles & Classes */
.clear {clear:both;}
.clearleft {clear:left;}
* { font-size:13px; font-family:Verdana, Arial, Sans-Serif; color:#5e5e5e; letter-spacing:0px; line-height:1.2em; }
p, blockquote, span {padding-bottom:10px; font-size:14px; line-height:1.4em; }
a { text-decoration:none; color:#6a9731; }
a:hover { text-decoration:underline; }
h1,h1 a,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a { font-family:Arial, Helvetica, Verdana, Sans-Serif; line-height:normal; display:block; clear:both;}
h1 { font-size:34px; font-weight:bold; color:#6a9731; padding:5px 0px; letter-spacing:-1.5px; }
h2, h2 a { font-size:30px; font-weight:bold; color:#997238; padding:5px 0px; letter-spacing:-1.5px;}
h2 a:hover { text-decoration:none; color:#6a9731; }
h3, h3 a { font-size:26px; font-weight:bold; color:#6a9731; padding:5px 0px; letter-spacing:-1.5px;}
h3 a:hover { text-decoration:none; color:#997238; }
h4, .title { font-size:22px; font-weight:bold; color:#997238; padding:5px 0px; letter-spacing:-0.5px; }
h5, h5 a { font-size:20px; font-weight:normal; color:#6a9731; letter-spacing:-1.2px; }
h6, h6 a { font-size:16px; font-weight:bold; color:#997238; }
h6 a:hover { text-decoration:none; color:#6a9731; }
blockquote.small { padding-bottom:10px; text-align:justify; }
cite { font-weight:normal; font-style:normal; color:#7cb665; font-family:Arial; }
cite span { font-style:normal; display:block; color:#6a9731; }
b { color:#4a4a4a; }
p.border { border-top:1px solid #f5eadc; padding:10px 0px; margin:10px 0px; }

.question { cursor:help; }
.left { float:left; padding-right:5px; }
.right { float:right; padding-left:5px; }
img.right { padding:20px;}

.sign_up { display:block; width:220px; height:50px; margin-bottom:10px; background:url(../img/sign_up.gif) top center; text-indent:-9999px; }
.sign_up:hover { background-position:bottom; }

.sign_up_small { display:block; width:90px; height:40px; padding:0px; margin-right:5px; background:url(../img/sign_up_small.gif) top center; text-indent:-9999px; }
.sign_up_small:hover { background-position:bottom; }

.tour { display:block; width:220px; height:50px; margin:10px 0px; background:url(../img/tour.gif) top center; text-indent:-9999px; }
.tour:hover { background-position:bottom;  }

.box { border-bottom:1px solid #f5eadc; padding-bottom:10px; }

.small * { font-size:0.8em; }

ul.check li { padding:5px 0px 5px 20px; background:url(../img/check2.gif) no-repeat 0px 6px; }
ul.list li { padding:5px 0px; }
ul.list li ul li { padding-left:20px; }

a.feature { display:block; float:left; width:303px; margin:10px 10px 10px 0px; border-top:5px solid #7cb665; }
a.feature:hover { text-decoration:none; }
a.feature:hover { background:url(../img/feature_hover.gif) top left repeat-x; cursor:pointer; }
a.feature .desc { line-height:1.2em; font-size:13px; }
a.feature .title { display:block; font-size:21px; font-weight:bold; color:#997238; padding:5px 0px; letter-spacing:-0.5px; }

/* HTML & Body */
body { background:#FFF url(../img/html_bg.jpg) top center repeat-x;}
body#home { background:#FFF url(../img/html_home_bg.jpg) top center repeat-x;}

/* Wrapper */
#wrapper { min-height:600px; width:940px; padding:0px 10px; margin:0px auto; position:relative; }

/* Free Trial */
#free_trial { position:absolute; top:20px; left:780px; z-index:1; }
#free_trial a { display:block; width:160px; height:160px; text-indent:-9999px; background:url(../img/free_trial.gif) top;}
#free_trial a:hover { background-position:bottom;}

/* Header */
#header { height:79px; width:940px; }
#header h1 { padding:0px; margin:0px; }
#header h1 a { text-indent:-9999px; float:left; display:block; height:79px; width:400px; padding:0px; margin:0px; background:url(../img/header_logo.jpg) top left no-repeat;  }

.login { float:right; margin:5px 180px 0px 0px; }
.login td { padding:2px 0px; }
.login td.labels { text-align:right; }
.login input { width: 100px; }
.loginBtn { display:inline-block; width:55px; height:23px; text-indent:-9999px; background:url(../img/login.gif) top center no-repeat; }
.loginBtn:hover { background-position:bottom; }
.login_lost_pass { font-size: 9px; padding-left: 3px; }

#better_service { display:inline-block; float:right; width:300px; height:75px; margin-top:5px; text-indent:-9999px; background:url(../img/better_service.jpg) no-repeat; }

/* Nav */
#nav { height:50px; padding:0px 0px 0px 0px; margin-top:1px; background:url(../img/nav_bg.jpg) top left no-repeat; }
#nav ul { padding:0px; margin-left:1px;}
#nav li { float:left; height:50px; padding:0px; margin-right:1px;}
#nav li a { display:block; height:50px; padding:0px; margin:0px; text-indent:-9999px; }

#nav a.features { width:118px; background:url(../img/nav_features.jpg) top left;}
#nav a.features:hover { background-position:left bottom;}
#nav a.pricing { width:104px; background:url(../img/nav_pricing.jpg) top left;}
#nav a.pricing:hover { background-position:left bottom;}
#nav a.support { width:119px; background:url(../img/nav_support.jpg) top left;}
#nav a.support:hover { background-position:left bottom;}
#nav a.about { width:128px; background:url(../img/nav_about.jpg) top left;}
#nav a.about:hover { background-position:left bottom;}
#nav a.articles { width:105px; background:url(../img/nav_articles.jpg) top left;}
#nav a.articles:hover { background-position:left bottom;}

/* Page Header */
#page_header { height:70px; padding:5px 0px; }
#page_header h1 { font-size:36px; font-weight:bold; color:#997238; line-height:normal; margin:0px; padding:0px; }
#page_header h2 { font-size:20px; font-weight:normal; color:#FFF; letter-spacing:normal; font-style:italic; text-indent:50px; margin:0px; padding:0px; }

/* Green */
#green { height:231px; width:940px; padding:20px 0px; }
#green ul { float:left; display:block; width:380px; border-right:1px solid #FFF; }
#green li { display:block; margin:1px 0px 0px 0px; padding:0px; height:76px; }
#green li.first { padding:0px; margin:0px;}
#green li a { display:block; height:61px; padding-top:15px; margin:0px; }
#green li a:hover { text-decoration:none; cursor:default; }
#green li a:hover .title { color:#FFF; }
#green li a .title { float:left; text-align:right; width:160px; padding-right:10px; }
#green li a .desc { float:right; width:190px; padding-right:10px; color:#FFF; font-size:12px; }

#tabFlexible.current { background:url(../img/green_hover.jpg); }
#tabScalable.current { background:url(../img/green_hover.jpg) 0px -77px; }
#tabDeliverable.current { background:url(../img/green_hover.jpg) 0px -153px; }

#tabFlexible:hover { background:url(../img/green_hover.jpg) 0px 0px; }
#tabScalable:hover { background:url(../img/green_hover.jpg) 0px -77px; }
#tabDeliverable:hover { background:url(../img/green_hover.jpg) 0px -153px; }

#green .content { width:400px; height:230px; float:left; border-right:1px solid #FFF; position:relative; }
#green .stage { width:400px; height:230px; padding:0px; margin:0px; overflow:hidden; }

.stage_inner {  }
.see_more { display:block; position:absolute; z-index:100; bottom:0px; left:150px; color:#fff; }

/* Content */
#content {  }

    /* Main */
    #main { min-height:300px; width:620px; float:left; padding:10px 10px 10px 0px; }
    #main p, #main blockquote { font-size:15px; }
    
        /* Testimonial */
        .testimonial { width:620px; margin:10px 0px; background:url(../img/testimonial.gif) top center; }
        .testimonial * { padding:10px 20px 0px 20px; }
        #main .testimonial blockquote { display:inline-block; color:#FFF; font-family:Trebuchet MS, Verdana, Arial, Sans-Serif; font-weight:bold; font-style:italic; font-size:24px; line-height:normal; }
        .testimonial cite { display:inline; color:#FFF; font-weight:normal; font-family:Trebuchet MS, Verdana, Arial, Sans-Serif; }
        .testimonial span { display:block; width:490px; height:20px; padding:20px 0px 0px 130px; background:url(../img/testimonial_bottom.gif) left bottom no-repeat; font-size:14px; }
        .testimonial span a { padding:0px; margin:0px; color:#6a9731; text-decoration:none; }
        .testimonial span a:hover { text-decoration:underline; }
        #main blockquote.small { font-size:15px; font-family:Verdana; font-weight:normal; font-style:normal; line-height:1.4em; }
        #main blockquote.small + cite { font-size:18px;}
        #main blockquote.small + cite span { font-weight:bold; font-size:18px; }
                
        /* Service Box */
        #service_box { width:390px; height:190px; padding:10px 220px 10px 10px; margin:0px 0px 10px 0px; background:url(../img/service_box.gif);}
        #service_box h1 { padding-top:0px; }
    
    /* Side */
    #side { min-height:300px; width:300px; float:left; padding:10px 0px 10px 10px; }
    #side .livehelp { padding:10px 0px; }


/* Footer */
#bottom { height:80px; margin-top:20px; background:#FFF url(../img/footer_bg.jpg) top center repeat-x; padding-top:1px; }
#footer { height:80px; width:940px; margin:0px auto; }
#footer .first { border:none; }
#copyright { float:left; width:270px; padding:10px 10px 0px 0px; }

#footer_links { float:right; width:370px; padding:10px 0px 0px 10px;}
#footer_links a { display:block; font-size:11px; }
#footer_links ul { display:block; }
#footer_links li { display:block; float:left; border-left:1px solid #6a9731; padding:0px 5px; margin:5px 0px; }
#footer_links li:first-child { border:none; }

/*
==============================================================
Page Specific Styles
==============================================================
*/

/*-----------
Features
-----------*/

.feature_box { display:block; width:525px; margin:10px 0px; padding:10px 0px; padding-left:75px; border-top:1px solid #f5eadc; }
.feature_box .desc { padding-top:10px; }
.feature_box .title  { letter-spacing:normal; display:block; font-size:20px; font-weight:normal; color:#6a9731; }
.feature_box:hover { border-color:#6a9731; }
.feature_box:hover { text-decoration:none; cursor:pointer; }
.feature_box:hover .title { color:#997238; }

ul.features li { padding:7px 0px 7px 20px; background:url(../img/arrow.jpg) 0px 9px no-repeat; }

#unmatched_support { background:url(../img/support.jpg) 0px 20px no-repeat; }
#template_designer { background:url(../img/template_designer.jpg) 0px 20px  no-repeat; }
#mailer_manager { background:url(../img/mailer_manager.jpg) 0px 20px  no-repeat;}
#campaign_tracker { background:url(../img/campaign_tracker.jpg) 0px 20px  no-repeat;}
#template_gallery { background:url(../img/template_gallery.jpg) 0px 20px no-repeat;}

/*-----------
Pricing
-----------*/

#pricing_table { width:500px; padding:0px 10px; }
#pricing_table td, #pricing_table th { padding:5px 0px; text-align:center; }
#pricing_table th { color:#6a9731; /*border-right:2px solid #c4a377;*/ }
#pricing_table thead td { font-size:18px; font-weight:bold; color:#997238; font-family:Arial, Verdana, Sans-Serif; }
#pricing_table tbody td, #pricing_table tbody th { background:#fff; border-bottom:1px dotted #c4a377; }
#pricing_table tbody tr.row td, #pricing_table tbody tr.row th { background:#fff; }
#pricing_table tr.free_trial td, #pricing_table tr.free_trial th { background:#7cb665; color:#FFF; }
#pricing_table tr.free_trial th { border-width:2px 0px 2px 2px; border-style:solid; border-color:#6a9731; }
#pricing_table tr.free_trial td { border-width:2px 0px 2px 0px; border-style:solid; border-color:#6a9731; }
#pricing_table tr.free_trial td.end { border-right:2px solid #6a9731; }
#pricing_table tr.free_trial span { color:#FFF; font-weight:bold; font-size:20px; }

#pricing_table tbody tr:hover td, #pricing_table tbody tr:hover th { background:#f4eadd; }
#pricing_table tbody tr.free_trial:hover td, #pricing_table tbody tr.free_trial:hover th { background:#6a9731; }

.pricing_right { float:right; width:100px; padding:0px; margin:0px; }
.pricing_right li { padding:6px 0px 5px 0px; color:#6a9731; text-align:center; }

/*-----------
Template Gallery
-----------*/
.template_gallery li { float:left; padding:10px 7px 10px 0px; }
.template_gallery li a { display:block; padding:5px; border:1px solid #f5eadc; }
.template_gallery li a:hover { border-color:#997238; }

/*-----------
Template Designer
-----------*/
#no_html { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/no_html.jpg) 550px 10px no-repeat;}
#image_hosting { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/image_hosting.jpg) 0px 10px no-repeat; }
#advanced_users { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/advanced_user.jpg) 550px 10px no-repeat; }
#custom_design { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/custom_design.jpg) 0px 10px no-repeat; }

/*-----------
Mailer Manager
-----------*/
#campaigns { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/campaigns.jpg) 550px 10px no-repeat;}
#subscribers { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/subscribers.jpg) 0px 10px no-repeat; }
#tracking { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/tracking.jpg) 550px 10px no-repeat; }


/*-----------
Customer Service
-----------*/
#no_automated { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/no_automated.jpg) 550px 10px no-repeat;}
#options { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/options.jpg) 0px 10px no-repeat; }
#not_convinced { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/call_us.jpg) 550px 10px no-repeat;}

/*-----------
Free Trial
-----------*/
.contact_form { width:600px; padding:10px 0px 0px 0px; margin:15px 0px; background:url(../img/form_top.gif) top center no-repeat; }
.contact_form div { width:600px; height:20px; margin-top:10px; background:url(../img/form_bottom.gif) bottom center no-repeat; }
.contact_form table { width:600px; } 
.contact_form td { padding:7px 5px; width:290px; vertical-align:top; }
.validate { font-size:10px; color:#997238; }
.sml { font-size:10px; }

.loginfield { border-color:#dbedd4; border-style:solid; border-width:1px; }
.loginfield:focus { border-color:#7cb665; }

.submit { margin-left:260px; }

/*-----------
Testimonials
-----------*/
.testimonial_box { padding:10px 0px; margin:0px 0px 0px 0px; border-top:1px solid #f5eadc; background:#FFF url(../img/quote.gif) top left no-repeat;  }
.testimonial_box first { margin-top:10px; }

/*-----------
Articles
-----------*/
.article { border-bottom:1px solid #f5eadc; }
.date { color:#6a9731; font-style:italic; }

/*-----------
Support
-----------*/
#email_us { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/email.jpg) 550px 10px no-repeat; }
#call_us { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/call.jpg) 0px 10px no-repeat; }
#live_chat { width:545px; padding-right:75px; margin-bottom:10px; background:url(../img/chat.jpg) 550px 10px no-repeat; }
#forums { width:545px; padding-left:75px; margin-bottom:10px; background:url(../img/forums.jpg) 0px 10px no-repeat; }

/*------------
Login Errors
------------*/
.login_error { width:255px; padding:5px 10px 10px 10px; position:absolute; left:725px; z-index:10; background: transparent url(../img/login_error.gif) bottom left no-repeat; font-weight: bold; color: #ffffff; font-size:14px; }


/*------------
Site Map
------------*/
.site_map { float:left; padding-right:50px; }
.site_map li { font-size:24px; padding:5px 0px 5px 20px; background:url(../img/dot.jpg) 0px 13px no-repeat; }
.site_map li ul li { font-size:16px; padding-left:20px; background:none; }
.site_map li ul li a { color:#997238; }

/*------------
Preferences
------------*/
ul.pref_lists li { padding: 4px 4px 4px 30px; margin: 4px; }
ul.pref_lists label { padding-left: 5px; }
.list_desc { font-size: 10px; margin-left: 4em; color: #997238; }
.pref_success { font-weight: bold; color: #6a9731; }
.pref_failure { font-weight: bold; color: #c94646; }
.pref_comp { padding: 5px; border: 1px solid #e3d1ba; background-color: #f5eadc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.mailing_source, .starred { background-image: url("/public/img/asterisk.png"); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 30px; }
.starred { font-size: 12px; background-position: 5px 1px; }