/* 
------------------------------------------------------------------
PRODUCT INFO STYLES
------------------------------------------------------------------
*/

#col-content { margin-left: -28px; width: 950px; }
#content { margin: 0; }

div#batchbook-features { padding: 10px 0 30px 0; clear: right; }
div#batchbook-features div { float: left; width: 30%; }
div#batchbook-features h3 { font-size: 100%; margin: 0; }
div#batchbook-features div h3 a { font-family: Georgia, serif; display: block; font-size: 150%; line-height: 110%; padding: 20px 0 20px 46px; }
div#batchbook-features div h3 a:link,
div#batchbook-features div h3 a:hover,
div#batchbook-features div h3 a:active,
div#batchbook-features div h3 a:visited { text-decoration: none; color: #004A8D; }
div#batchbook-features div h3 a span { display: block; }
div#features-contacts h3 a { background: url(../images/homeicon-contacts.png) no-repeat left 50%; }
div#features-communications h3 a { background: url(../images/homeicon-communications.png) no-repeat left 50%; }
div#features-supertags h3 a { background: url(../images/homeicon-supertags.png) no-repeat left 50%; }

div#batchbook-features div#features-communications h3 a { padding-left: 40px; }
div#batchbook-features div#features-supertags h3 a { padding-left: 60px; }
div#batchbook-features ul { font-size: 90%; padding: 0; margin: 20px 0 5px 0; list-style: none; padding: 0; }
div#batchbook-features ul li { padding-bottom: 8px; padding-left: 12px; background: url(../images/bullet.png) no-repeat 0 6px; }
div#batchbook-features ul li.more { padding-bottom: 0; padding-left: 0; background: none; font-style: italic; }
div#features-communications { margin: 0 5%; }

/* 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. */
	
/* 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: auto !important; padding-right: 20px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }
	
/* Panels */
.coda-slider-wrapper { 
	background: #CCD5DD; 
	border-bottom: 2px solid #B4C5D4; 
	border-top: 1px solid #B4C5D4; 
	clear: both; 
	overflow: auto; 
	margin-top: 20px;
	margin-left: 8px;
	margin-right: -8px; 
}
.coda-slider { background: #DFE7ED; border-left:  1px solid #B4C5D4; float: left; overflow: hidden; position: relative; width: 759px; }
.coda-slider .panel { background: #DFE7ED; display: block; float: left; }
.coda-slider .panel-container { position: relative }
.panel-wrapper { color: #000; width: 690px; background: #FFF; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 18px 5px 18px 18px; padding: 2px 15px 20px 20px; }

/* Tabbed nav */
.coda-nav { float: left; width: 190px; }
.coda-nav ul { padding: 0; margin: 0; list-style: none; }
.coda-nav ul li { margin-bottom: 1px; font-size: 90%; }
.coda-nav ul li a { background: url(../images/tab-sprite.png) repeat-x top; cursor: pointer; display: block; color: #666; text-decoration: none; padding: 5px 12px; }
.coda-nav li a:hover { background: url(../images/tab-sprite.png) bottom repeat-x; color: #fff; }
.coda-nav li a.current { background: url(../images/tab-sprite.png) bottom repeat-x; color: #fff; }
.coda-nav li span { display: block; margin: 5px 0 0 15px; }
.coda-nav li#see-all { border-top: 1px solid #B4C5D4; padding: 10px 0 0 28px; }
.coda-nav li#see-all a { color: #007DC3; display: inline; background: none; border: none; padding: 0; }

#screen_icon img {float: right; margin-top:-26px; margin-right: 4px;}

/* Content Specific */
div.panel-wrapper h3 { font-family: Georgia, serif; font-size: 250%; line-height: 120%; margin: 20px 0 5px 0; }
div.panel-wrapper img.frame { border: 2px solid #B4C5D4; margin: 15px 0; }
div.signupfloat { padding-top: 20px; }
p.tagline { font-size: 120%; margin: 0 0 25px 30px; color: #333; }
a.tour-signup { float: right; margin: 20px; }

ul#integration-options { background-color: #FFF; list-style: none; padding: 10px 20px; margin-left: 60px; }
ul#integration-options li { font-size: 85%; float: left; margin: 0 10px 15px 0; width: 150px; height: 100px; padding: 5px;}
ul#integration-options li a { display: block; text-align: center; padding-top: 50px; width: 100%; text-indent: -99999px; }
ul#integration-options li#integration-zendesk a { background: url(../images/integration-zendesk-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-googlecontacts a { background: url(../images/integration-googlecontacts-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-mailchimp a { background: url(../images/integration-mailchimp-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-freshbooks a { background: url(../images/integration-freshbooks-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-shoeboxed a { background: url(../images/integration-shoeboxed-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-tungle a { background: url(../images/integration-tungle-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-rapportive a { background: url(../images/integration-rapportive-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-flowtown a { background: url(../images/integration-flowtown-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-eventbrite a { background: url(../images/integration-eventbrite-sm.png) no-repeat bottom left; }
ul#integration-options li#integration-formstack a { background: url(../images/integration-formstack-sm.png) no-repeat bottom left; }