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

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%; }

div#screencasts { background: #004a8d url(../images/personas-bg.png) repeat-x; color: #FFF; margin-top: 20px; }
div#menu { float: left; width: 192px; }
div#menu p { margin: 10px; font-size: 125%; line-height: 120%; }
div#menu ul { padding: 0; margin: 20px 0 0 0; list-style: none; margin-left: 5px;}
div#menu li { margin-bottom: 2px; font-size: 90%;  }
div#menu li a { cursor: pointer; display: block; color: #FFF; text-decoration: none; padding: 5px 10px 5px 30px;  
	-moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 6px 0 0 6px; }
div#menu li a:hover { background-color: #237EC1; }
div#menu li a.selected { background-color: #E5F2F9; color: #000; }
div#menu li span { display: block; margin: 5px 0 0 15px; }
div#menu li#see-all { padding: 10px 0 0 28px; }
div#menu li#see-all a { display: inline; background: none; border: none; padding: 0; }
div.feature-blurb { float: left; color: #000; width: 650px; background-color: #E5F2F9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin: 5px 5px 5px 0; padding: 0 21px 20px 22px; min-height: 450px; }
div.feature-blurb h3 { font-family: Georgia, serif; font-size: 250%; line-height: 120%; margin: 20px 0 0; }

div#menu a.screencast-list-contacts { background: #2272AD url(../images/screencastlist-contacts.png) no-repeat 4px 5px; }
div#menu a.screencast-list-socialmedia { background: #2272AD url(../images/screencastlist-socialmedia.png) no-repeat 4px 5px; }
div#menu a.screencast-list-communications { background: #2272AD url(../images/screencastlist-communications.png) no-repeat 4px 5px; }
div#menu a.screencast-list-batchbox { background: #2272AD url(../images/screencastlist-batchbox.png) no-repeat 4px 5px; }
div#menu a.screencast-list-supertags { background: #2272AD url(../images/screencastlist-supertags.png) no-repeat 4px 5px; }
div#menu a.screencast-list-lists { background: #2272AD url(../images/screencastlist-lists.png) no-repeat 4px 5px; }
div#menu a.screencast-list-webforms { background: #2272AD url(../images/screencastlist-webforms.png) no-repeat 4px 5px; }
div#menu a.screencast-list-todos { background: #2272AD url(../images/screencastlist-todos.png) no-repeat 4px 5px; }
div#menu a.screencast-list-integration { background: #2272AD url(../images/screencastlist-integration.png) no-repeat 4px 5px; }

div.signupfloat { padding-top: 20px; }
body#body-product-tour h1 { height: auto; width: 100%; text-indent: 0; background-color: transparent; 
	font-family: Georgia, serif; color: #004A8D; font-size: 400%; line-height: 100%; font-weight: normal; text-align: center; margin: 60px 0 20px;
}
p.tagline { text-align: center; font-size: 120%; margin-bottom: 40px; color: #333; }

a.tour-signup { float: right; margin: 20px 0 10px 20px; }

ul#integration-options { background-color: #FFF; border: 1px solid #CCC; list-style: none; margin: 20px 0 0; padding: 20px; }
ul#integration-options li { float: left; width: 20%; }
ul#integration-options li a { display: block; font-size: 90%; text-align: center; padding-top: 55px; width: 100%; }
ul#integration-options li#integration-zendesk a { background: url(../images/integration-zendesk-sm.png) no-repeat 50% 5px; }
ul#integration-options li#integration-googlecontacts a { background: url(../images/integration-googlecontacts-sm.png) no-repeat 50% 5px; }
ul#integration-options li#integration-mailchimp a { background: url(../images/integration-mailchimp-sm.png) no-repeat 50% top; }
ul#integration-options li#integration-freshbooks a { background: url(../images/integration-freshbooks-sm.png) no-repeat 50% top; }
ul#integration-options li#integration-shoeboxed a { background: url(../images/integration-shoeboxed-sm.png) no-repeat 50% top; }