/*************

Virtual Gift Card Sytem
Date: 1/18/10
For Website


COLORS:

light green: #B5D5B2
main green: #047F0B


*************/

body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}
body{color:#FFF;background:#3D5970 url("../images/bg.png") repeat-x top left;}
a:link,a:visited{text-decoration:none;color:#6e90b7;outline:none;}
a:hover{color:#335073;}
/*#wrapper{background:transparent url(../images/bg.gif) repeat scroll left top;position:relative;width:1020px;padding:0 0 0 22px;} */
#wrapper{position:relative;width:935px;margin:0 auto}
#inner-wrapper{margin:20px 0;}
#top{width:100%;height:100px;padding:2px 0 0;}
#who-are-list{
margin: 10px 0 0 15px;
}
#who-are-list li a{
	height:37px;
	padding:0 127px 26px;
	width:256px;
}
#who-are-list li {
   background: url(../images/who-are-sprite.png) no-repeat top left;
   list-style-type: none;
   float: left;
	margin:0 5px 0 0;
}
#who-are-list .business-owner_on  {
        background-position: 0 0;
        width: 256px;
        height: 45px;
        display: block;
}  
#who-are-list .business-owner_off { background-position: 0 -66px; width: 256px; height: 46px; }  
#who-are-list .business-owner_off:hover {
        width: 256px;
        height: 46px;
        background: url(../images/who-are-sprite.png) no-repeat 0 0;
}
#who-are-list .developer_off { background-position: 0 -131px; width: 257px; height: 46px; }  
#who-are-list .developer_off:hover { background: url(../images/who-are-sprite.png) no-repeat 0 -195px; width: 257px; height: 46px; }  

#who-are-list .merchandiser_off { background-position: 0 -262px; width: 256px; height: 46px; }
#who-are-list .merchandiser_off:hover { background: url(../images/who-are-sprite.png) no-repeat 0 -326px; width: 256px; height: 46px; }
/* end button styles */

/* faq styles */
#faq-container{
	margin: 0 0 0 30px;
}
.faq-main-title{
	margin: 0 0 20px;
	float: left;
	display:inline;
	width: 500px;
}
.close-faq{
	text-align: right;
	width: 340px;
	float: left;
}
.faq-header{
	font-size: 18px;
	color: #2F4556;
	cursor: pointer;
	background:#89C8FC url("../images/arrow.png") no-repeat scroll 666px 10px;
	width: 700px;
	margin:5px 0 15px 0;
	padding: 5px 5px 5px 15px;
}
.faq-header:hover,.faq-header-active{
	color: #2F4556;
	background-color: #6797BC;
}
.faq-info{
	display: none;
	width: 700px;
	font-size: 16px;
	margin: 0 0 15px 25px;
}
.top-wrapper{width:1030px;margin:0 auto;}
#logo{float:left;width:353px;}
#top-menu{float:right;width:640px;}
ul.btn-menu{padding:25px 0 0 1px;}
ul.btn-menu li{float:left;list-style-type:none;margin-right:10px;}
#main-action{height:195px;width:874px;padding-top:35px;}
#did-you-know{background:transparent url("../images/know-bg.png") no-repeat top left;width:865px;height:42px;margin:0 0 25px 5px;}
.fact-slide{padding:11px 0 0 235px;}
.cycle-fact{width:620px;}
.cycle-fact li{list-style-type:none;width:620px;background:none;}
.fact-slide-text{color:#FFF;font-size:14px;font-weight:700;letter-spacing:1px;}

/* expandable content - main middle area */
.top { width: 874px; height: 30px; background-image: url("../images/main-top.png");float: left; }
.middle { width: 890px; background-image:url("../images/main-middle.png"); background-repeat: repeat-y;float:left}
.bottom { width: 874px; height: 37px; background-image: url("../images/main-bottom.png");float: left;margin: 0 0 20px 0; }
.content { padding: 0px 10px;width: 890px;float:left}

/*#selling-points{width:896px;height:476px;} */
.selling-wrapper{padding:20px 0 0 8px;}
.point-section{float:left;width:430px;}
.top-sec{margin-top:25px;}
.point-image{float:left;width:135px;display:inline;margin-right:5px;}
.point-copy{float:left;width:285px;}
.point-title{float:left;width:260px;}
.instant-header{width:257px;height:24px;background:transparent url("../images/instant.png") no-repeat top left;}
.convenience-header{width:168px;height:24px;background:transparent url("../images/convienence.png") no-repeat top left;}
.cust-header{width:279px;height:25px;background:transparent url("../images/cust-dash.png") no-repeat top left;}
.easy-header{width:218px;height:25px;background:transparent url("../images/makeiteasy.png") no-repeat top left;}
.point-info{float:left;width:280px;height:75px;margin:33px 0 5px;}
	h3.point-info-seo{font-size:15px;line-height: 1.3;font-weight: lighter;}
.point-action{float:left;width:140px;}
#features{height:330px;width:580px;}
#get-started-form{width:800px;color:#232D34}
.form-col{float:left;width:380px}
form{margin:0 0 0 30px;}
.lightbox-content p.small-tip{font-size:11px;float:left;margin-left:5px;}
/*

.get-started-input,.get-started-text{float:left;clear:both;width:200px;font-size:16px;color:#202020;margin-bottom:10px;border:3px solid #3A556C;padding:5px;}
.get-started-text{height:150px;width:300px;}
.get-started-input:focus{border:3px solid #7EB9EB;color:#334B5F;}
.get-started-label{float:left;width:266px;display:block;font-weight:700;font-size:16px;clear:both;
.send-btn{margin:15px 0 15px 121px;}

}
*/
#pricing{background-color: #3D5970}
	.page_content p.price_terms{font-size:12px}
.int-btn{text-align: right}
.toggleval{color:#566F80}
.form-to-box{float:left;clear: both;margin-bottom: 10px;font-size:15px;line-height:2em}
.form-content,.form-header{float:left;width:120px;}
.form-header{font-size:16px;font-style: italic;color:#81A6C0}
.com-sm-logo{float:left;width:180px;}
.com-sm-logo img{padding:4px;background-color: #FFF;border:2px solid #81A6C0}
.form-content{width:600px}
.form-content-to{width:200px;float:left;}
.form-content h2,.form-content-to h2{font-size:16px;}
.form-content h3,.form-content-to h3{font-size:13px;font-style:italic}

h2.thank-header{color:#81A6C0;font-size:16px}
.section{background-color: #6EA0C9;width:400px;padding:10px 0 10px 30px;float:left;margin-bottom:20px;}
.create-account{float:left;clear:both;}
h2.seconds{font-size:18px;margin-bottom:20px;}
	h2.red-header{color:#EF7777;}
.page_content h1.sign-up{margin:0 0 5px 0;}
h1.step{font-size:18px}
label{font-size:14px;display:block;clear:both;margin:0 0 5px 0;font-weight: bold;color:#3D5970}
.sign-up-input{
float:left;
clear:both;
width:230px;
padding:5px;
font-weight: bold;
font-size:14px;
height:20px;
margin:0 0 15px 0;
background: #FFF url("../images/bg-input.png") repeat-x top left;
border:1px solid #22313D;}

#comments{display:none;width:300px;height:140px;font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
.get-started-input-phone,
.get-started-input-email,
.get-started-input-name,
.get-started-input,
.get-started-text{width:100px;font-size:13px;color:#566F80;margin-bottom:3px;border:2px solid #81A6C0;padding:3px;}

.get-started-input-email{width:200px}
.get-started-input-name{width:80px}
.get-started-input-phone{width:180px}
.get-started-text{height:150px;width:300px;}
.get-started-input:focus{border:1px solid #7EB9EB;color:#334B5F;}
.get-started-label{float:left;width:266px;display:block;font-weight:700;font-size:16px;clear:both;}
.honeypot{left:-5000px;position:absolute;}
.send-btn{margin:15px 0 15px 0;}
.success{display:none;}
label.error{margin-left:10px;font-weight:700;color:#AF1205;float:left}
/*label.error{margin-left:10px;font-weight:700;color:#F7002E;float:left}*/
input.valid{border-color:#4E6245;}
input.error{border-color:#F7002E;}
#who-are-you{background:url("../images/who-are-you-box.png") no-repeat scroll 0 0 transparent;height:165px;width:875px;z-index:10;float:left}
#who-are-you img{margin:0 0 0 10px;}
.who-are-you-wrapper{padding:40px 0 0 10px;}
.who-btn-area{margin:0 0 0 20px;}
#developer-owner{height:420px;}
#business-owner{height:340px;}
.lightbox-content{background-color: #FFF;}
.light-wrapper{padding:15px;color:#22313D}
.light-wrapper h1{margin:0 0 15px;color:#3D5970}
.light-wrapper p{font-size:18px;margin:0 0 15px 30px;color:#3D5970}
.light-wrapper .vgc-list{color:#89C8FC;margin:0 0 0 30px;}
.light-wrapper .vgc-list li{color:#3D5970;background:transparent url("../images/check.png") no-repeat 10px 7px;list-style-type:none;line-height:2em;font-size:16px;padding:5px 5px 5px 55px;}
.hide-data{display: none;}
.page_bump{margin-top:40px;}
.page_content .person-msg{color:#81A6C0;clear:both;font-size:12px;margin:20px 0 15px 0;width:140px;line-height:1.5;border-bottom: 1px dotted #81A6C0}
.page_content{width:800px;padding:0 0 0 30px}
.page_content h1{margin:0 0 15px;color:#FFF}
.page_content p{font-size:18px;margin:0 0 15px 30px;color:#FFF}
.page_content .vgc-list{color:#89C8FC;margin:0 0 0 30px;}
.page_content .vgc-list li{background:transparent url("../images/check.png") no-repeat 10px 7px;list-style-type:none;line-height:2em;font-size:16px;padding:5px 5px 5px 55px;}
/*.page_content .vgc-list li.odd-zebra{background-color:#f8f8f8;}
.page_content .vgc-list li.even-zebra{background-color:#f2f2f2;}*/

#footer {
  background: transparent url("../images/footer_bg.jpg") repeat-x 0 0;
  height: 184px;
  color: #3D5970;
  clear: both;
  text-align: center;
}

.footer-wrapper {
  margin: 0 auto;
  padding: 25px 0;
  width: 875px;
  text-align: left;
}
#footer h1{margin-bottom:10px;}
#footer h2{font-size:16px;color:#3D5970;margin-bottom:10px;}
#footer ul{margin-left:20px;}
#footer ul li{list-style-type:none;}
#footer p.contact-info{font-size:12px;text-align:left;}
.logo_btm{float:left;margin-right:10px;border:1px solid #253745;}
h2.seo-fix,h2.point-header-seo{text-indent:-9999px;position: absolute;}

/* auto resizing button styles */
/* button styles */

a.btn_black_top {
    background: transparent url('../images/black_bg_button_a.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
	font-size: 13px;
    height: 37px;
    margin-right: 6px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.btn_black_top span {
    background: transparent url('../images/black_bg_button_span.png') no-repeat;
    display: block;
    line-height: 27px;
    padding: 5px 0 5px 15px;
    letter-spacing: 1px;
} 

a.btn_black_top:hover {
    background-position: bottom right;
    color: #CCC;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn_black_top:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 15px;
} 
a.btn_orange_top {
    background: transparent url('../images/orange_bg_button_a.png') no-repeat scroll top right;
    color: #A34000;
    display: block;
    float: left;
	font-size: 13px;
    height: 37px;
    margin-right: 6px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
}

a.btn_orange_top span {
    background: transparent url('../images/orange_bg_button_span.png') no-repeat;
    display: block;
    line-height: 27px;
    padding: 5px 0 5px 15px;
} 

a.btn_orange_top:hover {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn_orange_top:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 15px;
}