#background
{
	background:#d8dadb url(../images/sidebar_bg.jpg) repeat-y center;
}

#loginBg
{
	background:#a5b7c1 url(../images/login_bg.jpg) repeat-x top;
}


/*===========Controls=============*/

.floatLeft
{
	float:left;	
}

.floatRight
{
	float:right;	
}

.clear
{
	clear:both;	
}

.wrapper
{
	margin:0 auto;
	width:960px;
}

.icon
{
	background:url(../images/icon_list.gif) no-repeat;
}

.footerIcon
{
	background:url(../images/footer_top_icons.gif) no-repeat;
}


/*============Fonts===============*/

p
{
	color:#646464;
	font-size:12px;
	line-height:18px;
	padding:10px 0;
}


h2 a,
li a,
p a
{
	color:#ff6e00;
}

li a:hover,
p a:hover
{
	text-decoration:none;
}	

small
{
	font-size:10px;	
}

/*=============Main================*/


/*--header--*/

#header
{
	height:79px;
	background:url(../images/header_bg.jpg) repeat-x bottom #1d1d1d;
}

#headerBg
{
	height:79px;
	background:url(../images/header_center_bg.jpg) no-repeat bottom;
}

#headerSubBg
{
	height:78px;
	background:url(../images/header_center_sub_bg.jpg) no-repeat top;
	border-bottom:1px solid #ffffff;
}


#header .logo a
{
	margin:6px 0 0 0;
	height:63px;
	width:203px;
	background:url(../images/logo_eflyers.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:relative;
	left:-24px;
}

#splash
{
	height:275px;
	background:url(../images/splash_bg.jpg) repeat-x top;
}

#splashBg
{
	height:275px;
	background:url(../images/splash_center_bg.jpg) top center no-repeat;
}

.freeTrialBtn a
{
	margin:20px 0 0 0;
	width:162px;
	height:39px;
	background:url(../images/btn_freetrial.gif) bottom;
	text-indent:-9999px;
	display:block;
}

.productTourBtn a
{
	margin:20px 0 0 23px;
	width:163px;
	height:39px;
	background: url(../images/btn_producttour.gif) bottom;
	text-indent:-9999px;
	display:block;
}

#splash .slogan
{
	margin:31px 0 54px;
}

.freeTrialBtn a:hover,
.productTourBtn a:hover
{
	background-position:top;
}

#splash .wrapper
{
	width:960px;
	position:relative;
}

.rotator
{
	float:right;
	margin:7px 1px 0 0;
	height:249px;
	overflow:hidden;
	width:445px;
}

/*--nav--*/

ul#topNav li
{
	margin:0 0 0 8px;
	float:left;	
}

ul#topNav li a
{
	height:50px;
	display:block;
	outline:none;
	text-indent:-9999px;
}

li#joinFree a,
li#features a,
li#pricing a,
li#contact a,
li#support a,
li#login a
{
	background:url(../images/top_nav.gif);
}

li#joinFree a{ background-position:0 top; width:79px;}
li#joinFree a:hover{ background-position:0 bottom;}
#pageJoinFree .wrapper #topNav li#joinFree a{ background-position:0 bottom;}

li#features a{ background-position:-88px top; width:79px;}
li#features a:hover{ background-position:-88px bottom;}
#pageFeatures .wrapper #topNav li#features a{ background-position:-88px bottom;}

li#pricing a{ background-position:-175px top; width:70px;}
li#pricing a:hover{ background-position:-175px bottom;}
#pagePricing .wrapper #topNav li#pricing a{ background-position:-175px bottom;}

li#contact a{ background-position:-253px top; width:79px;}
li#contact a:hover{ background-position:-253px bottom;}
#pageContact .wrapper #topNav li#contact a{ background-position:-253px bottom;}

li#support a{ background-position:-338px top; width:79px;}
li#support a:hover{ background-position:-338px bottom;}
#pageSupport .wrapper #topNav li#support a{ background-position:-338px bottom;}

li#login a{ background-position:-417px bottom; width:65px;}
li#login a:hover{ background-position:-417px top;}

.telephone
{
	margin:25px 0 0 15px;
}


/*---body---*/

#bodyHome
{
	background:url(../images/body_bg.png) top no-repeat;
}

#bodyHome .content
{
	padding:30px 0 45px;
	width:680px;
}

ul.homeList
{
	width:680px;
}

ul.homeList li
{
	margin:0 0 30px;
	padding:0 0 0 0;
	width:310px;
}

ul.homeList li:hover
{
	cursor:pointer;	
}

ul.homeList li p
{
	padding:3px 0 0;	
	font-size:12px;
	color:#646464;
	line-height:18px;
}

ul.homeList li.end
{
	margin:0 0 30px;
}

.deliver
{
	height:24px;
}

.schedule
{
	height:17px;
	margin:4px 0 3px;
	background-position:0 -42px;
}

.bounced
{
	height:14px;
	margin:5px 0 5px;
	background-position:0 -24px;
}

.detailed
{
	height:18px;
	margin:3px 0 3px;
	background-position:0 -88px;
}

.spam
{
	height:25px;
	margin:3px 0 3px;
	background-position:0 -60px;
}

.smart
{
	height:15px;
	margin:5px 0 5px;
	background-position:0 -108px;
}


/*--Subpage--*/

#bodySub
{
	background:url(../images/body_sub_bg.jpg) repeat-x top;
}

#bodySub .content
{
	padding:30px 0 45px;
	width:703px;
}

#bodySub .content .subpageImage
{
	margin:7px 10px 0 0;	
}

#bodySub .content h1
{
	font-size:24px;
	font-weight:normal;
	color:#4e5968;
	padding-bottom:20px;
}

#bodySub .content h2
{
	line-height:18px;
	color:#646464;
	font-size:12px;
	margin:0 0 20px;
	padding:0 30px 0 0;
}


#bodySub .content p
{
	margin:0 0 20px;
	padding:0 30px 0 0;
	line-height:24px;
	color:#646464;
}

#bodySub .content ul
{
	margin:0 0 20px;
	padding:0;
	line-height:24px;
	color:#646464;
	font-size:12px;
}

#bodySub .content .bullet li
{
	background:url(../images/bullet.gif) no-repeat;
	padding:0 0 0 30px;
}

.feature
{
	padding:0 0 10px;
	margin:10px 0;
	border-bottom:1px solid #bbbbbb;
}

.feature .floatLeft p,
.feature .floatLeft ul
{
	width:500px;
	margin:0;
	padding:0 0 10px;
}

.detailedFeatures
{
	margin:0 0 20px;
	border:1px solid #d2d2d2;
}

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

h2.titleLeft,
h2.titleRight 
{
	font-size:15px;
	color:#4e5968;
}

.title
{
	font-size:13px;
	color:white;
	padding:10px;
	background:#90b800;
	font-weight:bold;
}

.detailedFeatures .detailedFeature
{
	padding:5px 10px;
	font-size:12px;
	color:#434956;
	background-color:#d9d9d9;
	border-bottom:1px solid #d2d2d2;
	vertical-align:middle;
}

.detailedFeatureTitle
{
	padding:5px 10px;
	font-size:12px;
	color:#424242;
	background-color:#b4b3b3;
	border-bottom:1px solid #d2d2d2;
	vertical-align:middle;
}

.detailedFeatures .alt
{
	padding:5px 10px;
	background-color:#e1e1e1;	
	font-size:12px;
	color:#434956;
	border-bottom:1px solid #d2d2d2;
	vertical-align:middle;
}

.detailedFeatures .tick
{
	text-align:center;
	height:20px;
	width:20px;
	margin:0 auto;
}

#gallery
{
	margin:0 0 10px 0;	
}

#bodySub .content ul#gallery
{
	margin:0;	
}

#gallery li
{
	float:left;
	margin:0 13px 16px 0;
}

#gallery li.end
{
	margin:0 0px 16px 0;
}

.boxgrid img
{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 1px solid #aaaaaa; 
}

.boxgrid
{
	width: 225px;
	height:138px;
	overflow: hidden; 
	position: relative; 
	font-size:12px;
	color:white;
	line-height:16px;
	border-bottom:1px solid #AAAAAA;
}

.boxgrid strong
{
	display:block;	
}

.boxcaption
{ 
	float: left; 
	position: absolute; 
	height: 175px; 
	width: 100%; 
	top:177px;
	background:url(../images/screenshot_bg.png) repeat-x;
}

.caption
{
	margin:6px 10px;
}	


/*--Sidebar--*/

/*--nav--*/

ul#sideBarNav
{
	margin:0 0 20px;
}

ul#sideBarNav li
{
	margin:0 0 10px;
}

.vemail a,
.featuresOverview a,
.detailedList a,
.screenshots a,
.pricing a
{
	width:214px;
	height:27px;
	display:block;
	background:url(../images/sidebar_nav_bg.gif) no-repeat;
	color:#434956;
	font-size:12px;
	font-weight:bold;
	line-height:27px;
	padding:0 0 0 25px;
	text-decoration:none;
}

li.vemail a{ background-position:0 top;}
li.vemail a:hover{ background-position:-478px 0;}
.vemail li.vemail a{ background-position:-239px 0; color:white;}

li.featuresOverview a{ background-position:0 -27px;}
li.featuresOverview a:hover{ background-position:-478px -27px;}
.featuresOverview li.featuresOverview a{ background-position:-239px -27px; color:white;}

li.detailedList a{ background-position:0 -54px;}
li.detailedList a:hover{ background-position:-478px -54px;}
.detailedList li.detailedList a{ background-position:-239px -54px; color:white;}

li.screenshots a{ background-position:0 -81px;}
li.screenshots a:hover{ background-position:-478px -81px;}
.screenshots li.screenshots a{ background-position:-239px -81px; color:white;}

li.pricing a{ background-position:0 -108px;}
li.pricing a:hover{ background-position:-478px -108px;}
.pricing li.pricing a{ background-position:-239px -108px; color:white;}

/*--*/

.sideBarHome
{
	padding:30px 0 45px;	
	width:239px;
}

.sideBarHome p
{
	padding:0;	
}

.sideBarHome p a
{
	margin:0 0 0 30px;
}

.features
{
	margin:0 0 0 30px;
}

.features .campaign
{
	margin:10px 0 0 0;
}

.sideBarHome ul
{
	margin:10px 0 10px 30px;
}

.sideBarHome ul li
{
	padding:0 0 0 37px;	
	margin:0 0 5px;
	font-size:12px;
	color:#646464;
	line-height:18px;
}

.sideBarSub
{
	padding:30px 0 45px;	
	width:239px;
	min-height:498px;
}

.sideBarSubBg
{
	background:url(../images/sidebar_sub_bg.png) no-repeat top left;
}

.sideBarSub p
{
	padding:0;	
}

.sideBarSub p a
{
	margin:0 0 0 30px;
}

.tick
{
	background-position:0 bottom;
}

p.testimonial
{
	padding:20px 0 20px 30px;	
	color:#1e7595;	
}

.testimonialDetails
{
	margin:0 0 0 30px;	
}

.testimonialDetails img
{
	border:1px solid #ffffff;	
}

.testimonialDetails h1
{
	font-size:12px;
	color:#646464;
	margin:5px 0 0 10px;
}

.testimonialDetails p a
{
	margin:0 0 0 10px;
}

.tickGreen
{
	margin:0 0 0 60px;	
}



/*--footer--*/

#footer 
{
	position: relative;
	margin-top: -254px; /* negative value of footer height */
	background:url(../images/splash_bg.jpg) repeat-x top;
	height: 254px;
	clear:both;
	border-top:1px solid #939fa9;
} 

/*--footer Top--*/

#footerTop
{
	padding:10px 0;
	height:170px;
	background:url(../images/footer_center_bg.jpg) center top;
}

#footerTop fieldset
{
	margin:10px 0 0 0;	
}

#footerTop li p
{
	padding:3px 0 0;	
	font-size:12px;
	color:#284756;
	line-height:18px;
}

.reportContainer
{
	margin:0 30px 0 0;
	width:340px;
}

.report
{
	background-position:0 -46px;
	height:32px;
}

.campaignContainer
{
	margin:12px 30px 0 0;
	width:340px;
}

.campaignIcon
{
	background-position:0 bottom;
	height:22px;
}

.whoContainer
{
	width:340px;
}

.who
{
	background-position:0 -28px;
	margin:11px 0 5px 0;
	height:15px;
}

.customContainer
{
	width:228px;	
}

.custom
{
	background-position:0 0px;
	margin:7px 0 6px 0;
	height:19px;
}

#footerTop label
{
	color:#3c5b75;
	font-weight:bold;
	display:block;
	font-size:12px;
	line-height:30px;
}

#footerTop #email
{
	background:url(../images/email_input.png) no-repeat;
	border:none;
	height:16px;
	width:172px;
	padding:6px;
	color:#284756;
	font-size:12px;
}

#download
{
	margin:0 0 0 10px;
	width:100px;
	height:28px;
	background:url(../images/btn_download.gif) no-repeat bottom;
	border:none;
	cursor:pointer;
}

#download:hover
{
	background-position:top;	
}


/*--footer Bottom--*/

#footerBottom
{
	padding:25px 0;
	height:14px;
	background:#111111;
}

#footerBottom h1 a
{
	height:12px;
	width:51px;
	background:url(../images/level91_logo.gif) no-repeat;
	display:block;
	text-indent:-9999px;
}

#footerBottom p
{
	padding:0 10px;
	line-height:12px;
	color:#505558;
}

#footerBottom li
{
	float:left;	
	color:#93a0ab;
	line-height:12px;
	font-size:12px;
}

#footerBottom li a
{
	color:#93a0ab;
	text-decoration:none;
	padding:0 0 0 3px;
}

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


/*=============Forms===============*/

.required
{
	color:#900;	
}

.loginWrapper
{
	width:496px;	
	margin:44px auto;
}

.loginWrapper h1
{
	color:#4E5968;
	font-size:24px;
	font-weight:normal;
	padding:0 0 20px;
}

.loginWrapper p
{
	color:#4E5968;
	line-height:24px;
	margin:0 0 20px;
	padding:0 30px 10px 0;
}

#loginLogo h1 a
{
	margin:0 0 27px 0;
	width:203px;
	height:62px;
	background: url(../images/eflyer_login_logo.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	position:relative;
	left:-27px;
}

#loginBox
{
	height:266px;
	background:url(../images/login_bg.gif);
	color:#afbec6;
	font-size:12px;
	line-height:15px;
}


#loginBox form
{
	width:414px;
	margin:0 0 0 45px;
}


.textInput
{
	background:url(../images/login_textinput.gif) no-repeat;
	height:18px;
	width:318px;
	padding:7px 5px 5px 5px;
	border:none;
	color:#ff6e00;
}

#loginBox p
{
	padding:0;
	margin:30px 0 0 0;
}

#loginBox p a
{
	color:#afbec6;
	text-decoration:none;
}

#loginBox p a:hover
{
	text-decoration:underline;
}

#fieldContainer
{
	padding:67px 0 0 0;
	margin:0 0 0 85px;	
}

.textInput
{
	margin:0 0 10px;
}

#loginBox #password
{
	margin:15px 0 0 0;
}

#loginBtn
{
	margin:15px 0 0 0;
	height:34px;
	width:132px;
	background:url(../images/login_btn.gif) bottom;
	border:none;
	cursor:pointer;
}

#loginBtn:hover
{
	background-position:top;
}

.loginBottom
{
	margin:30px 0 0 0;	
}

.loginBottom label
{
	margin: 0 0 0 3px;
}

/*--Contact--*/

#em_subscribe_form label
{
	display:block;	
	font-size:12px;
	color:#284756;
	line-height:24px;
	padding:10px 0 0 0;
	font-weight:bold;
}

#em_subscribe_form .floatLeft
{
	margin:0 25px 0 0;	
}


.inputField
{
	width:218px;
	height:17px;
	padding:8px;
	background: url(../images/form_input.jpg) no-repeat;
	font-size:12px;
	color:black;
	border:none;
}

.messageField
{
	width:484px;
	height:163px;
	padding:5px;
	background: url(../images/form_message.jpg) no-repeat;
	overflow:auto;
	border:none;
	font-size:12px;
	color:black;
}

#contactSubmit
{
	width:114px;
	height:28px;
	background:url(../images/contact_btn.jpg) bottom;
	border:none;
	display:block;
}

#contactSubmit:hover
{
	background-position:top;
	cursor:pointer;
}

#activate
{
	margin:20px 0 0 0;
	width:118px;
	height:28px;
	border:none;
	display:block;
	background:url(../images/activate_btn.jpg) bottom;
}

#activate:hover
{
	background-position:top;
	cursor:pointer;
}

.spamCompliance a
{
	margin:0 20px 20px 0;
	width:163px;
	height:39px;
	text-indent:-9999px;
	border:none;
	display:block;
	background: url(../images/spam_btn.jpg) bottom;
}

.spamCompliance a:hover
{
	background-position:top;	
}

.security a
{
	margin:0 20px 20px 0;
	width:163px;
	height:39px;
	text-indent:-9999px;
	border:none;
	display:block;
	background: url(../images/security_btn.jpg) bottom;
}

.security a:hover
{
	background-position:top;	
}

.contactInfo
{
	width:198px;
	background:white;
	position:relative;
	float:right;
	margin:33px 0 0 0;
}

.message
{
	float:left;	
}

#bodySub .content .contactInfo p
{
	padding:10px 15px;
	margin:0;
	font-size:11px;
	line-height:17px;
}

.contactInfo .cornerT{height:9px; background:url(../images/corner_top.jpg) no-repeat; position:absolute; top:0; width:100%;}
.contactInfo .cornerB{height:9px; background:url(../images/corner_bottom.jpg) no-repeat; position:absolute; bottom:0; width:100%;}

/*--support--*/

#support label
{
	display:block;	
	font-size:12px;
	color:#626262;
	line-height:24px;
	padding:10px 0 0 0;
}

#supportSubmit
{
	margin:20px 0 0 0;
	width:100px;
	height:33px;
}

/*--Joinfree--*/

#joinFree label
{
	display:block;	
	font-size:12px;
	color:#626262;
	line-height:24px;
	padding:10px 0 0 0;
}

#submitted
{
	margin:20px 0 0 0;
	height:33px;
	padding:0 10px;
}

.selectField
{
	width:312px;
	height:29px;
	background:#CCC;
	border:1px solid #999999;
	font-size:12px;
	color:black;
}

textarea
{
	font-family:Arial, Helvetica, sans-serif;	
}

