/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a:hover,
as:focus{
    text-decoration: underline !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
textarea, input { outline: none; }

body, input {
    font-family: 'Montserrat', sans-serif;
}

b,strong {
    font-weight: bold;
}

.clr {
    clear:both;
}

#main {
    background: url('/images/bg2.jpg') top center repeat-x;
}

#container {
    width: 860px;
    padding: 30px 80px 0;
    margin: 0 auto; 
}

#header {
    background: #ffedac;
    height: 112px;
}

#header .headerwrap {
    width: 860px;
    padding: 0 80px;
    margin: 0 auto;
}


#header .logo a {
    display: block;
    text-indent: -9999px;
    width: 150px;
    height: 134px;
    background: url('images/abdozoom-logo.png?v=2') no-repeat;
    background-size: contain;
    margin-left: -18px;
    float: left;
    margin-right: 15px;
}

#header .tagline {
    width: 360px;
    padding-top: 35px;
    padding-bottom: 25px;
    font-size: 22px;
    letter-spacing: .13em;
    color: #005B85;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}

#header .tabgroup {
    float: right;
    padding-top: 58px;   
}

#header .tabgroup .tab {
    float: left;
    width: 155px;   
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}

#header .tabgroup .tab a {
    color: #ffffff;
    text-decoration: none;
}

.tabgroup ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.tabgroup ul li {
	position:relative;
	float:left;
	margin:0;
	padding:15px 0;
}

.tabgroup ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

.tabgroup ul ul li {
	float:none;
	width:155px;
	background-color: #955ca3;
	font-size: 20px;
}

.tabgroup ul ul a {
	line-height:120%;
	padding:10px 15px
}

.tabgroup ul ul ul {
	top:0;
	left:100%
}

.tabgroup ul li:hover > ul {
	display:block
}

#header .tabgroup .tab.demo {
    background-color: #7e468d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(126, 70, 141)), to(rgb(149, 92, 163)));
    background-image: -webkit-linear-gradient(top, rgb(126, 70, 141), rgb(149, 92, 163));
    background-image: -moz-linear-gradient(top, rgb(126, 70, 141), rgb(149, 92, 163));
    background-image: -o-linear-gradient(top, rgb(126, 70, 141), rgb(149, 92, 163));
    background-image: -ms-linear-gradient(top, rgb(126, 70, 141), rgb(149, 92, 163));
    background-image: linear-gradient(top, rgb(126, 70, 141), rgb(149, 92, 163));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7e468d', EndColorStr='#955ca3');
}

#header .tabgroup .tab.demo:hover,
#header .tabgroup .tab.demo:focus {
    background: #601e62;
}
#header .tabgroup .tab.demo:focus,
#header .tabgroup .tab.trial:focus{
    outline: 1px solid blue;
    outline-offset: 2px;
}


#header .tabgroup .tab.demo > span {
    background: url('/images/menuarrow-down.png') no-repeat center right;
    padding-right: 27px;
    color: #fff;
}


#header .tabgroup .tab.trial {
    margin-left: 4px;
    background-color: #1b9437;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(27, 148, 55)), to(rgb(38, 174, 79)));
    background-image: -webkit-linear-gradient(top, rgb(27, 148, 55), rgb(38, 174, 79));
    background-image: -moz-linear-gradient(top, rgb(27, 148, 55), rgb(38, 174, 79));
    background-image: -o-linear-gradient(top, rgb(27, 148, 55), rgb(38, 174, 79));
    background-image: -ms-linear-gradient(top, rgb(27, 148, 55), rgb(38, 174, 79));
    background-image: linear-gradient(top, rgb(27, 148, 55), rgb(38, 174, 79));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1b9437', EndColorStr='#26ae4f');
}

#header .tabgroup .tab.trial:hover,
#header .tabgroup .tab.trial:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(27, 148, 55)), to(rgb(38, 174, 79)));
    background-image: -webkit-linear-gradient(top, rgb(17, 51, 25), rgb(38, 174, 79));
    background-image: -moz-linear-gradient(top, rgb(17, 51, 25), rgb(38, 174, 79));
    background-image: -o-linear-gradient(top, rgb(17, 51, 25), rgb(38, 174, 79));
    background-image: -ms-linear-gradient(top, rgb(17, 51, 25), rgb(38, 174, 79));
    background-image: linear-gradient(top, rgb(17, 51, 25), rgb(38, 174, 79));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#1b9437', EndColorStr='#26ae4f');    
}

.clarificationerror {
    color: #ef414b;
    text-align: center;
    margin-bottom: 10px;
}

#topcontent {
    margin-top: 10px;
}

#topcontent .features {
    width: 505px;
    float: left;
    margin-right: 30px;
    padding-bottom: 20px;
    border-bottom: 3px solid #ffeeaa;
}

#topcontent .features .featuretitle {
    color: #EF414B;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 10px;
}

#topcontent .features .featuresubtitle{
    color: #000;
    font-size: 13px;
}

#topcontent .features .bullets {
    width: 225px;
    float: left;
    color: #004D70;
    font-size: 16px;
}

#topcontent .features .bullets ul {
    padding-left: 20px;
    list-style: disc;
    margin: 20px 0 27px;
}

#topcontent .features .bullets ul li {
    margin-bottom: 12px;
}

#topcontent .features .bullets.left {
    margin-right: 45px;

}

#topcontent .features .cta {
    margin-right: 40px;
    float: left;
}

#topcontent .features .cta a {
    display: block;
    padding-left:20px;
    background: url('/images/arrow-purple.png') no-repeat left center;
    color: #682d75;
    font-size: 19px;
    font-size: bold;
    text-decoration: none;
}
#topcontent .features .cta a:hover,
#topcontent .features .cta a:focus {
    text-decoration: underline;
    color: #4f2359;
}

#topcontent .features .cta:last-child {
    margin-right: 0;
}

#topcontent .loginbox {
    width: 320px;
    float: right;
}

#topcontent .loginbox .logintabs .tab {
    width: 156px;
    float: left;
    text-align: center;
    padding: 13px 0;
    font-size: 24px;
    font-weight: bold;
}

#topcontent .loginbox .logintabs .tab.login {
    margin-right: 4px;
    color: #BC1019;
    background: #ffe17b;
}

#topcontent .loginbox .logintabs .tab.buynow {
    background: #ffeeaa;
}

#topcontent .loginbox .logintabs .tab.buynow a {
    color: #005075;
    text-decoration: none;
}


#topcontent .loginbox .loginform {
    background: #ffe17b;
    padding: 20px 22px 10px;
    
}

#topcontent .loginbox .loginform input {
    width: 273px;
    font-size: 20px;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 12px;
    border: 0;
    color: #3a98bd;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#topcontent .loginbox .loginform input.submitbtn {
    background: #920C13;
    color: #fff;
    cursor: pointer;
}
#topcontent .loginbox .loginform input.submitbtn:hover {
    text-decoration: underline;
   background: #150e0e;
}
#topcontent .loginbox .loginform input.submitbtn:focus{
    text-decoration: underline;
    background: #150e0e;
    outline: 1px solid #f7f7f70d;
    outline-offset: 2px;
}

#topcontent .loginbox .loginform input::-webkit-input-placeholder {
   color: #3a98bd;
}

#topcontent .loginbox .loginform input:-moz-placeholder { /* Firefox 18- */
   color: #3a98bd;  
}

#topcontent .loginbox .loginform input::-moz-placeholder {  /* Firefox 19+ */
   color: #3a98bd;  
}

#topcontent .loginbox .loginform input:-ms-input-placeholder {  
   color: #3a98bd;  
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

ul.columns li {
    float: left;
    width: 30%;
}

#databases {
    background: url('/images/girl.png') top right no-repeat;
    min-height: 289px;
    margin-right: -80px;
}

#databases .databasestitle {
    font-size: 24px;
    font-weight: bold;
    padding: 35px 0;
}

#databases .directorytiles .tile {
    width: 139px;
    height: 109px;
    float: left;
    margin-right: 30px;
    background: url('/images/bg-bluebox.png') no-repeat;
    text-align: center;
    padding: 22px 0;
}

#databases .directorytiles .tile a {
    text-decoration: none;
}

#databases .directorytiles .tile .tiletitle {
    font-size: 20px;
    font-weight: bold;
    color: #0095da;
    margin-bottom: 15px;
}

#databases .directorytiles .tile .tiletitle.active {
    color: #ac2930;
}

#databases .directorytiles .tile .tiledesc {
    font-size: 16px;
    line-height: 20px;
    color: #6d2e7b;
    text-transform: uppercase;
}

#databases .directorytiles .tile .tiledesc.active {
    color: #6d2e7b;
}
#databases .directorytiles .tile .tiledesc:hover,
#databases .directorytiles .tile .tiledesc:focus{
    text-decoration: underline;
}

#content {
    margin: 0px 0 40px;
    padding-top: 20px;
}

#content.nomargin {
    margin: 0;
    padding-top: 0;
}

#content p {
    margin: 0 0 15px 0;
    line-height: 22px;
}

#content h1 {
    margin: 0 0 20px;
    font-size: 2em;
}

ul#normal {
    list-style: disc;
    padding-left: 20px;
    margin: 15px 0;
}

#content ol {
    list-style:decimal;
    padding-left: 40px;
}

#content ol li {
    margin-bottom: 15px;
    line-height: 22px;
}

#content ul.states {
	margin:0;
	margin-bottom:3em;
	padding-bottom:3em;
	border-bottom:1px solid #dddedf;
}

#content ul.states li {
	display:inline;
	padding:0 5px;
	border-right:1px solid #dddedf;
}

#content ul.states li.last {
	padding-right:0;
	border:none;
}

#content ul.reps {
	margin:0;
	margin-bottom:3em;
}

#content ul.reps li {
	list-style-type:none;
	display:list-item;
	margin-bottom:2em;
	padding-bottom:1em;
	border-bottom:1px solid #dddedf;
	width: 100% !important;
}


#content .reps li.column {
    width: 45% !important;
    margin-right: 30px;
}

#content .reps a {
    text-decoration: none;
}

ul#normal li {
    margin-left: 20px;
}

.formError {
    opacity: 1 !important;
    margin-left: -120px;
}

.formError .formErrorContent {
    background: #ed1c24;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 12px 11px 11px 14px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 161px;
}

.formError .formErrorArrow div {
    border: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2 {
    background: none !important;
}


.footer1wrap {
    background: #ffeeaa;
}

#footer1 {   
    padding: 30px 0;
    margin: 0 -80px;
}

#footer1 .ulwrapper {
        text-align: center;
    }
#footer1 .ulwrapper ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
}

#footer1 ul#row1 li {
    float: left;
    margin: 0 35px;
    font-size: 18px;
    font-weight: bold;
}

#footer1 ul#row1 li a {
    color: #00496B;
    text-decoration: none;
}

#footer1 ul#row2 {
    margin-top: 15px;
}

#footer1 ul#row2 li {
    float: left;
    margin: 0 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#footer1 ul#row2 li a {
    color: #00496B;
    text-decoration: none;
}

#footer2 {
    width: 860px;
    padding: 0 80px;
    margin: 0 auto; 
    margin-top: 15px;
}


#footer2 .logoline a{
    display: inline-block;
    height: 35px;
    padding-left:45px;
    background: url('/images/red-a.png') no-repeat;
    font-size:15px;
    font-weight: bold;
    color: #0095da;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#footer2 .logoline span {
    display: inline-block;
    position: relative;
    top: 11px;
    font-weight: 100;
    color: #005C7A;
}

#footer2 .line {
    height: 2px;
    border-bottom: 3px solid #bd0b02;
    margin-bottom: 20px;
}

#footer2 .copyright {
    font-size: 15px;
    color: #005C7A;
    margin-bottom: 40px;
}

.titlebar {
    background-color: #0474cb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(4, 116, 203)), to(rgb(4, 150, 216)));
    background-image: -webkit-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -moz-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -o-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: -ms-linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    background-image: linear-gradient(top, rgb(4, 116, 203), rgb(4, 150, 216));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0474cb', EndColorStr='#0496d8');
    padding: 15px 0;
    margin: 0 -80px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
}

.choicecontainer {
    background: #9bdef9;
    margin: 0 -80px;
    padding: 40px 30px 40px;
}


.choicecontainer ul li {
    float: left;
    text-align: center;
}

.choicecontainer ul li a {
    text-decoration: none;
    color: #A81A1A;
    font-size: 35px;
}
.choicecontainer ul li a:hover {
    color: rgb(26, 30, 230);
}

.choicecontainer ul li img {
    display: block;
    margin-top: 25px;
    margin-bottom: 60px;
    border: 1px solid transparent;
    border-radius: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;    
}

.choicecontainer ul li a:hover img {
  border-color: rgb(129, 132, 231);

    box-shadow: 0px 0px 5px rgb(129, 132, 231);
    -moz-box-shadow: 0px 0px 5px rgb(129, 132, 231);
    -webkit-box-shadow: 0px 0px 5px rgb(129, 132, 231);  
}