@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:500,400,300,400italic,700,200italic,200,700italic,600,600italic");

p {
    font-family: "Source Sans Pro","Open Sans","sans-serif","arial";
    font-size: 18px;
    line-height: 1.6;
    color: #6D6E70;
    font-weight: 200;
}

h1, h2, h3, h4, h5 {
    font-family: "Source Sans Pro", "Open Sans", "sans-serif", "arial";
    color: #1A61AA;
}

h2 {
    font-style: italic;
    font-size: 20px;
}

/** FORM CSS **/
#signup_form
{
	width: 500px;
}
#signup_form .clear
{
	clear: both;
}
#signup_form select,#signup_form input[type="text"]
{
	/* background-color: #FFF;
	border: 1px solid LightGrey;*/
}
#signup_form input[type="text"]
{
	width: 460px;
	margin-bottom: 10px;
	height: 30px;
    font-family: "Source Sans Pro","Open Sans","sans-serif","arial";
    font-size: 18px;
    line-height: 1.6;
}
#signup_form select
{
	height: 20px;
	padding: 1px 0px;
	width: 170px;
    border-radius: 0px;
    background-color: rgb(227, 237, 247);
    border: 0;
    border-bottom: 2px solid #5791C7;
    color: #2268B1;
    box-shadow: none;
}
#signup_form h5
{

}
#signup_form h2 {

}

#signup_form h3
{

}
#signup_form h3 em
{
	color: #777777;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}
#signup_form p
{
	margin-bottom: 25px;
	margin-top: 0;
}
#signup_form p label
{
	color: #333333;
	display: block;
	margin-bottom: 2px;
}
#signup_form .group
{
	font-family: adelle,serif;
	font-size: 90%;
	padding: 5px;
}
#signup_form .group p
{
}
#signup_form .group label
{
	display: inline;
}
#signup_form input.size1
{
	width: 90px;
}
#signup_form input.size2
{
	width: 120px;
}
#signup_form input.size3
{
	width: 140px;
}
#signup_form input.size4
{
	/*width: 180px;*/
}
#signup_form .phone_delimeters
{
	font-family: adelle,serif;
	font-size: 14px;
	padding: 0px 2px;
}
#signup_form p em
{
	color: #777777;
	font-family: adelle,serif;
	font-size: 9px;
}
#signup_form #clinic_info .wrap
{
	/*background-color: #EAEEFF;*/
	/*padding: 10px 15px;*/
}
#signup_form #clinic_info h4
{

}
#signup_form #clinic_info h5
{

}
#signup_form #clinic_info h5 em
{
	color: #333;
	font-family: adelle,serif;
	font-size: 11px;
	font-weight: normal;
}
#signup_form p.error input[type="text"]
{
	border-color: #E37F2D;
}
#signup_form p.error label
{
	color: #E37F2D;
}
#signup_form #error_alert
{
	background-color: #FFFFFF;
	border: 1px solid #E37F2D;
	margin-bottom: 18px;
}
#signup_form #error_alert p
{
	color: #E37F2D;
	float: none;
	font-size: 14px;
	text-align: center;
}

/* Below are classes that belong in styles.css */
body
{
	background-attachment: scroll;
	background-color: #ffffff;
	background-position: top left;
	background-repeat: repeat-x;
	clear: both;
	color: #777777;
	float: left;
	font-family: adelle,serif;
	font-size: 11px;
	font-weight: normal;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	width: 100%;
}
a
{
	color: #7E8ED7;
	text-decoration: none;
}
a:hover
{
	color: #7E8ED7;
	text-decoration: underline;
}
p.title
{
	color: #666;
	font-family: adelle,serif;
	font-size: 12px;
	font-weight: bold;
}
p.title img
{
	padding: 5px 0px 0px 0px;
}

/* Below are classes that belong in topnav.css */
div.main
{
	left: 0px;
	position: absolute;
	top: 0px;
	width: 780px;
}
.topNav
{
	border: 0px;
	clear: both;
	display: inline;
	height: 95px;
	overflow: hidden;
	width: 780px;
}
.topNav div
{
	border: 0px;
	color: #7E8ED7;
	float: left;
	padding: 78px 0px 0px 0px;
	text-align: right;
	width: 400px;
}
.topNav span
{
	margin: 0px 5px 0px 5px;
}
.top_header
{
	background-color: #e8eae9;
	border: 1px solid #aaaaaa;
	border-left-width: 0px;
	border-right-width: 0px;
	clear: both;
	display: inline;
	height: 64px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.top_header div.headerpic img
{
	clear: none;
	float: left;
}
div.headerlinks
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 190px;
}

/* changed some things */
div.contentBox
{
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.box1
{
	display: inline;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 216px;
}
div.box1 p
{
	margin: 10px 0px 0px 5px;
}
div.box1 div
{
	margin: 0px 0px 0px 5px;
}
div.box2
{
	display: block;
	float: left;
	margin: 10px 0px 0px 45px;
	padding: 0px 0px 0px 0px;
	width: 218px;
}
div.box2 p
{
	margin: 10px 0px 0px 0px;
}
div.box3
{
	display: block;
	float: left;
	margin: 10px 0px 0px 45px;
	padding: 0px 0px 0px 0px;
	width: 207px;
}
div.box3 p
{
	margin: 10px 0px 0px 0px;
}
ul.nobullets
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}
ul.nobullets li
{
	list-style: none;
	margin: 5px 0px 0px 0px;
}
ul.more
{
	display: none;
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 6px;
}
ul.more li
{
	list-style: circle;
	margin: 5px 0px 0px 0px;
}
ul.more li a
{
	color: #777777;
	text-decoration: none;
}
ul.more li a:hover
{
	color: #777777;
	text-decoration: underline;
}
#csstopmenu,#csstopmenu ul
{
	list-style: none;
	margin: -3px 0px -4px 0px;
	padding: 0px 0px 0px 0px;
}
html>body #csstopmenu,#csstopmenu ul
{
	margin: 0px 0px 0px 0px;
}
#csstopmenu li
{
	float: left;
	margin-bottom: 6px;
	margin-right: 3px;
	margin-top: 2px;
	position: relative;
}
html>body #csstopmenu li
{
	margin-bottom: 4px;
}
#csstopmenu a
{
	text-decoration: none;
	width: 89px;
}
.submenus,.submenus_small
{
	background-color: #7E8ED7;
	display: none;
	position: absolute;
	top: 35px;
	width: 89px;
}
html>body .submenus,.submenus_small
{
	top: 32px;
}
.submenus li,.submenus_small li
{
	color: #000000;
	display: block;
	font-family: verdana;
	font-size: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	width: 89px;
}
.submenus li a,.submenus_small li a
{
	color: #000000;
	display: block;
	font-family: verdana;
	font-size: 10px;
	padding-left: 14px;
	width: 89px;
}
.submenus_small,.submenus_small li,.submenus_small li a
{
	width: 88px;
}
html>body .submenus,.submenus li,.submenus li a
{
	width: 109px;
}
html>body .submenus_small,.submenus_small li,.submenus_small li a
{
	width: 108px;
}
html>body .submenus li a,.submenus_small li a
{
	color: #000000;
	display: block;
	font-size: 10px;
	text-decoration: none;
	width: 100%;
}
.submenus li a:hover,.submenus_small li a:hover
{
	background: transparent url(../images/arrow.gif) no-repeat;
	background-position: -100px 0;
	color: #ffffff;
	text-decoration: none;
	width: 100%;
}
#csstopmenu li:hover ul,li.over ul
{
	display: block;
}
.greyline_top
{
	margin: 0px 0px 2px 0px;
}
div.bottomNav
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-left-width: 0px;
	border-right-width: 0px;
	font-size: 9px;
	margin: 20px 0px 0px 0px;
	padding: 0px 2px 0px 15px;
}
div.bottomNav span
{
	margin: 0px 5px 0px 5px;
}
div.bottomNav a
{
	color: #777777;
	text-decoration: none;
}
div.bottomNav a:hover
{
	color: #777777;
	text-decoration: underline;
}
div.bottomNav div
{
	float: left;
	height: 26px;
	padding: 5px 0px 5px 0px;
}
div.bottomNav div.spacer
{
	margin: 40px;
}
div.bottomNav div.input
{
	float: left;
	padding: 2px 4px 0px 4px;
}
div.bottomNav input
{
	color: #777777;
	font-size: 9px;
	font-weight: normal;
	height: 12px;
	padding-top: -2px;
	width: 120px;
}

/* Styles for the Header Links */
#view a
{
	background: transparent url(../images/view.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 30px;
	width: 190px;
}
#view a:hover
{
	background: transparent url(../images/view_on.gif) no-repeat;
	background-position: -100px 0;
}
#screenshots a
{
	background: transparent url(../images/screenshots.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 28px;
	width: 190px;
}
#screenshots a:hover
{
	background: transparent url(../images/screenshots_on.gif) no-repeat;
	background-position: -100px 0;
}
#talk a
{
	background: transparent url(../images/talk.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 28px;
	width: 190px;
}
#talk a:hover
{
	background: transparent url(../images/talk_on.gif) no-repeat;
	background-position: -100px 0;
}
#how a
{
	background: transparent url(../images/how.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 27px;
	width: 190px;
}
#how a:hover
{
	background: transparent url(../images/how_on.gif) no-repeat;
	background-position: -100px 0;
}

/* Styles for the Nav bar */
#product a
{
	background: transparent url(../images/btn_product.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#product a:hover
{
	background: transparent url(../images/btn_product_over.gif) no-repeat;
	background-position: -100px 0;
}
#product a.pushed
{
	background: transparent url(../images/btn_product_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#training a
{
	background: transparent url(../images/btn_training.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#training a:hover
{
	background: transparent url(../images/btn_training_over.gif) no-repeat;
	background-position: -100px 0;
}
#training a.pushed
{
	background: transparent url(../images/btn_training_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#signup a
{
	background: transparent url(../images/btn_sign.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#signup a:hover
{
	background: transparent url(../images/btn_sign_over.gif) no-repeat;
	background-position: -100px 0;
}
#signup a.pushed
{
	background: transparent url(../images/btn_sign_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#partners a
{
	background: transparent url(../images/btn_shop.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#partners a:hover
{
	background: transparent url(../images/btn_shop_over.gif) no-repeat;
	background-position: -100px 0;
}
#partners a.pushed
{
	background: transparent url(../images/btn_shop_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#faq a
{
	background: transparent url(../images/btn_faq.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#faq a:hover
{
	background: transparent url(../images/btn_faq_over.gif) no-repeat;
	background-position: -100px 0;
}
#faq a.pushed
{
	background: transparent url(../images/btn_faq_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#contact a
{
	background: transparent url(../images/btn_contact.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#contact a:hover
{
	background: transparent url(../images/btn_contact_over.gif) no-repeat;
	background-position: -100px 0;
}
#contact a.pushed
{
	background: transparent url(../images/btn_contact_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 109px;
}
#about a
{
	background: transparent url(../images/btn_about.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 108px;
}
#about a:hover
{
	background: transparent url(../images/btn_about_over.gif) no-repeat;
	background-position: -100px 0;
}
#about a.pushed
{
	background: transparent url(../images/btn_about_over.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 32px;
	width: 108px;
}

/* NEW CLASS */
a.subNav
{
	color: #445D85;
	font-family: adelle,serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}

/* NEW CLASS */
a:hover.subNav
{
	color: #445D85;
	font-family: adelle,serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: underline;
}

/* Styles for the Content Boxes bar */
#readMore a
{
	background: transparent url(../images/readMore.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 93px;
}
#readMore a:hover
{
	background: transparent url(../images/readMore_on.gif) no-repeat;
	background-position: -100px 0;
}
#testDrive a
{
	background: transparent url(../images/testDrive.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 139px;
}
#testDrive a:hover
{
	background: transparent url(../images/testDrive_on.gif) no-repeat;
	background-position: -100px 0;
}
#watch a
{
	background: transparent url(../images/watch.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 85px;
}
#watch a:hover
{
	background: transparent url(../images/watch_on.gif) no-repeat;
	background-position: -100px 0;
}
#view_pdf a
{
	background: transparent url(../images/view_pdf.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 100px;
}
#view_pdf a:hover
{
	background: transparent url(../images/view_pdf_on.gif) no-repeat;
	background-position: -100px 0;
}
#quote a
{
	background: transparent url(../images/btn_quote.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 127px;
}
#quote a:hover
{
	background: transparent url(../images/btn_quote_on.gif) no-repeat;
	background-position: -100px 0;
}
#back a
{
	background: transparent url(../images/btn_back.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 89px;
}
#back a:hover
{
	background: transparent url(../images/btn_back_on.gif) no-repeat;
	background-position: -100px 0;
}
#close a
{
	background: transparent url(../images/btn_close.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 69px;
}
#close a:hover
{
	background: transparent url(../images/btn_close_on.gif) no-repeat;
	background-position: -100px 0;
}
#btn_test a
{
	background: transparent url(../images/btn_test.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 127px;
}
#btn_test a:hover
{
	background: transparent url(../images/btn_test_on.gif) no-repeat;
	background-position: -100px 0;
}
#btn_more a
{
	background: transparent url(../images/btn_more.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 64px;
}
#btn_more a:hover
{
	background: transparent url(../images/btn_more_on.gif) no-repeat;
	background-position: -100px 0;
}
#btn_bookmark a
{
	background: transparent url(../images/btn_bookmark.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 19px;
	width: 93px;
}
#btn_bookmark a:hover
{
	background: transparent url(../images/btn_bookmark_on.gif) no-repeat;
	background-position: -100px 0;
}

/* Below are classes that belong in header.css */
/* NEW CLASS */
form.topNav
{
	clear: both;
	height: 31px;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 769px;
}
.pgheader
{
	/*background-image: url(images/topBar_bkgrnd.gif);*/
	background-repeat: no-repeat;
	height: 31px;
	padding-top: 4px;
	width: 769px;
}

/* NEW CLASS */
.downLoadBox
{
	float: left;
	padding-left: 77px;
	padding-top: 7px;
}

/* Below are classes that belong in search.css */

/* NEW CLASS */
.navSearch
{
	display: inline;
	float: right;
	margin-right: 5px;
	padding-top: 1px;
	vertical-align: baseline;
}
.searchPulldown
{
	color: black;
	font-family: adelle,serif;
	font-size: 10px;
	height: 16px;
	margin-left: 3px;
	width: 110px;
}
html>body .searchPulldown
{
	color: black;
	font-family: adelle,serif;
	font-size: 10px;
	height: 16px;
	width: 110px;
}

/* NEW CLASS */
.navSearchField
{
	border: solid rgb(81,02,49) 1px;
	color: black;
	font-family: adelle,serif;
	font-size: 10px;
	height: 16px;
	margin-left: 3px;
	margin-right: 3px;
	width: 100px;
}
.top_header div.sublinks
{
	background-color: #e8eae9;
	clear: right;
	display: inline;
	float: left;
	height: 64px;
	padding: 0px;
	width: 445px;
}
.sublinks ul
{
	color: #000000;
	float: left;
	font-family: verdana;
	font-size: 10px;
	height: 58px;
}
.sublinks li
{
	background-color: #FFFFFF;
	border: 1px solid #aaaaaa;
	border-bottom-width: 0px;
	color: #c3c3c3;
	display: block;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	height: 13px;
	width: 95px;
}
.sublinks li a
{
	color: #b4b4b4;
	display: block;
	font-family: verdana;
	font-size: 10px;
	height: 12px;
	padding: 0px 0px 0px 10px;
	width: 95px;
}
.sublinks li a:hover
{
	background: transparent url(../images/arrow_sublink.gif) no-repeat;
	background-color: #7E8ED7;
	background-position: -100px 0;
	color: #b4b4b4;
	text-decoration: none;
	width: 100%;
}
input#btn_newsletter
{
	border-width: 0px;
	height: 17px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 52px;
}
html>body input#btn_newsletter
{
	margin-top: 2px;
}
#btn_signup a
{
	background: transparent url(../images/btn_signup.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 29px;
	width: 103px;
}
#btn_signup a:hover
{
	background: transparent url(../images/btn_signup_on.gif) no-repeat;
	background-position: -100px 0;
}
#testDrive a
{
	background: transparent url(../images/testDrive.gif) no-repeat;
	background-position: -100px 0;
	display: block;
	height: 29px;
	width: 151px;
}
#testDrive a:hover
{
	background: transparent url(../images/testDrive_on.gif) no-repeat;
	background-position: -100px 0;
}
div.contentBox
{
	clear: both;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.box
{
	display: inline;
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 580px;
}
.top_header div.sublinks
{
	border-color: #AAAAAA;
	border-style: solid;
	border-width: 1px 0;
	width: 464px;
}
.top_header img
{
	border: 1px solid #aaaaaa;
	border-left-width: 0px;
	border-right-width: 0px;
}
div.box p
{
	margin-right: 7px;
}
.submit_another
{
    background-color: #1e76b7;
    color: white;
    font-family: "ProfilePro-Regular", sans-serif;
    text-transform: uppercase;
    border: 2px solid #1e76b7;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    font-size: 14px;
}

.submit
{
    background-color: white;
    color: #1e76b7;
    font-family: "ProfilePro-Regular", sans-serif;
    text-transform: uppercase;
    border: 2px solid #1e76b7;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    font-size: 14px;
}

.submit_another:hover
{
    background: rgba(30, 118, 183, 0.85);
    text-decoration: none;
}

.submit:hover
{
    background: rgba(30, 118, 183, 0.2);
}

input
{
    border-radius: 0px;
    background-color: rgb(227, 237, 247);
    border: 0;
    border-bottom: 2px solid #5791C7;
    color: #2268B1;
    box-shadow: none;
}

.sycle-request-demo-logo-wrapper {
    text-align: center;
}

    .sycle-request-demo-logo-wrapper img {
        width: 86px;
    }