/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */
	
	/*.coda-nav-wrapper { width: 100%; background: #C1D6E4 url('../../atemplates/ja_iolitenew/images/menu-side.jpg');}*/
	.coda-slider-wrapper { width: 100%; padding: 0px; background: #08284A url('../../../images/mmclub/bg.jpg') repeat-x top;}
	.coda-slider { width: 920px; margin: 0 auto;}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: hidden !important; padding-right: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider.panel { } 
	
	/* Change margin and width of the slider (with dynamic arrows) 
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } */
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; height: 243px; width: 880px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav-wrapper { width: 100%; background: #163554 url('../../../images/mmclub/nav-bg.gif') repeat-x center top; border-top: 0px solid #193B5E}
	.coda-nav {width: 920px; margin:0 auto; }
	.coda-nav ul { clear: both; display: block; margin: 0px; padding: 0px; overflow: hidden }
	.coda-nav ul li {padding: 0px; margin: 0px; }
	/*.coda-nav ul li { display: inline }*/
	.coda-nav ul li a { height: 100px; width: 216px; border-right: 0px solid #3A270C}
	.coda-nav ul li a { background: none; color: #334C64; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	.coda-nav ul li a.current { background: url('../../../images/mmclub/nav.gif') no-repeat center top; }
	.coda-nav div{display: inline; padding: 10px;}
	.coda-nav .navtit{ margin-top:14px; display: block; padding: 0px; font-size: 24px; color: #fff; font-family: 'trebuchet ms'; text-shadow: 0 0px 10px rgba(250, 250, 250, 0.5); letter-spacing: -.05cm;}
	.coda-nav .navcon{ display: block; margin: 0px; padding: 5px 0px 0px 18px; font-size: 16px; color: #F7B787}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
.panelBlock {
	padding: 0px; font-family: "Trebuchet MS", arial; overflow: hidden;
}
.panelBlock.ban-email {
	/*background: url('../../../images/mmclub/slide2.gif') no-repeat 10px 72px; */
}
.panelBlock.ban-pricing {
	background: url('../../../images/banslider/mass-email-marketing-pricing.gif') no-repeat 35px 50px; 
}
.panelBlock.ban-track {
	background: url('../../../images/banslider/mass-email-tracking.gif') no-repeat 10px 55px; 
}
.panelBlock.ban-template {
	background: url('../../../images/banslider/newsletter-email-template.gif') no-repeat 0px 110px; 
}
.panelBlock H1 {
	font-family: Lato, Helvetica, Arial, sans-serif; text-shadow: 0 0px 10px rgba(250, 250, 250, 0.5);padding: 0px; margin: 20px 0px 5px 0px; color: #ffffff; font-size: 2.4em; font-weight: bold;  letter-spacing: -1px; letter-text-transform: capitalize;
}
.panelBlock H2 {
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); padding: 5px 0px 10px 0px; margin: 0px; color: #DCD3C4; font-size: 1.4em; line-height: 1.1em;
}
.panelBlock H3 {
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); padding: 5px 0px 10px 0px; margin: 0px; color: #237ACC; font-size: 1.1em; line-height: 1.1em;
}
.panelBlock ul.high {
	margin: 10px 0px 10px 16px; color:#666666; font-size:1.1em; 
}
.panelBlock ul.high LI{
	margin: 0px; padding: 0px 0px 8px 22px; background: url('../../templates/ja_iolitenew/images/tick.gif') no-repeat 0px 6px;
}
.panelBlock UL.bull {
	color: #666666; margin: 10px 0px 10px 16px;
}
.panelBlock UL.bull LI {
	margin: 0px; line-height: 1.1em; padding: 0px 0px 10px 22px; background: url('../../templates/ja_iolitenew/images/icon-checklist.gif') no-repeat 0px 8px;
}
.panelBlock .tabImg {
	float: left; width: 410px; margin: 0px 14px 0px 0px; border: 8px solid #27527F
}
.panelBlock .tabImg1 {
	float: left; width: 360px; margin: 0px 14px 0px 60px; border: 0px solid #27527F
}
.panelBlock .tabTxt {
	float: left; width: 400px; color: #237ACC; font-size: 1em; margin-left: 20px;
}
.panelBlock .tabTxt H3 {
	margin: 0px 0px 5px 0px; padding: 0px; color: #9CF; font-size: 1.6em; font-weight: normal; text-transform: capitalize;
}
.panelBlock .tabTxt .tabLst {
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6); color: #999; font-size: 1.1em; margin: 10px 0px 10px 16px;
}
.panelBlock .tabTxt .tabLst LI {
	margin: 0px; padding: 0px 0px 0px 22px; background: url('../../templates/ja_iolitenew/images/icon-checklist.gif') no-repeat 0px 8px;
}
.panelBlock .para {
	color: #ffffff; font-size: 1.1em; line-height: 1.4em; display: none;
}
.panelBlock .tabCont {
	margin: 20px 10px 0px 10px; 
}
.panelBlock .tabC2A {
	float: left; width: 200px; margin: 0px 10px 10px 10px; 
}
.panelBlock .tabC2A .comm {
	width: 180px;
}
.panelBlock .tabC2A A {
	margin: 10px 0px 20px 0px;display: block; width: 180px; text-align: center;
}
.panelBlock .tabC2A A {
	color: #F9C69B; background: #AA5F1A; padding: 4px 10px; font-size: 1.2em; font-family: "Trebuchet MS", arial; border: 1px solid #C56E1E;
}
.panelBlock .tabC2A A:hover, .panelBlock .tabC2A A:active {
	color: #644318; background: #D58B4E; border: 1px solid #644318;
}
.panelBlock .tabC2A A.comm {
	font-size: 1.6em; line-height: 1.6em; background: #C56E1E; border: 1px solid #EE9B57;
}
.panelBlock .tabC2A A.comm:hover, .panelBlock .tabC2A A.comm:active {
	color: #644318; background: #D58B4E; border: 1px solid #644318;
}
.quoteBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bad9f5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bad9f5;
	box-shadow:inset 0px 1px 0px 0px #bad9f5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3297fc), color-stop(1, #1a4f83) );
	background:-moz-linear-gradient( center top, #3297fc 5%, #1a4f83 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3297fc', endColorstr='#1a4f83');*/
	background-color:#3297fc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #153f69;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	text-transform: uppercase;
	font-size:20px;
	font-weight:normal;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:1px -1px 2px #153f69;
}.quoteBtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1a4f83), color-stop(1, #3297fc) );
	background:-moz-linear-gradient( center top, #1a4f83 5%, #3297fc 100% );
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4f83', endColorstr='#3297fc');*/
	background-color:#1a4f83;
	color:#ffffff;
}.quoteBtn:active {
	position:relative;
	top:1px;
}
.note {
	font-size: 0.8em; color: #999
}
.peek {
	padding: 4px;-webkit-border-radius: 10px 20px 20px 20px;-moz-border-radius: 10px 20px 20px 20px;border-radius: 5px;background-color:#D9EBFB;
}
.peek_faq {
	color: #898680; font-size: 0.8em; padding: 16px;-webkit-border-radius: 10px 20px 20px 20px;-moz-border-radius: 10px 20px 20px 20px;border-radius: 5px;background-color:#ffffcc;
}
.peek_faq P{
	margin: 0px 0px 8px 0px; padding: 0px;
}
.resell_tit {
color: #C60; font-size: 26px; line-height: 1.3; font-weight: 300; letter-spacing: -1px; text-shadow: 0 1px #CCC; font-family: Lato, Helvetica, Arial, sans-serif;
}
.moduletable_cntblk H4 {
	font-size: 18px;
}