body {
	margin:0;
	padding:0;
	font-family:Arial,Helvetica, sans-serif;
}
p,h1,h2,h3,h4,h5,h6,ul,li,form,fieldset{ margin:0; padding:0; list-style:none;}
/*
img{ float:left;}
*/
a {
	text-decoration:none;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
div.shadow{
	background: url('../../images/preview/shadow.png') repeat-y 0 0;
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}
div.page {
	overflow:hidden;
	width:986px;
	background: url('../../images/preview/bodyBg.jpg') no-repeat 0 0;
	background-color:#eeece0;
	margin:0 auto;
	position:relative;
}
div.transparentBigBox{
	overflow:hidden;
	background:url('../../images/preview/transparentBigBox.png') no-repeat 0 0;
	width:947px;
	margin:36px 0 0 20px;
	padding:0 0 50px;
}
div.page div.header {
	width:948px;
	/* width:1024px; */
	overflow:hidden;
	 position:relative;
}
div.page div.header h1 {
	float:left;
	width:256px;
	height:67px;
	display:inline;
	overflow:hidden;
	margin:21px 0 0 37px;
}
div.page div.header h1 a.logo {
	background:url('../../images/preview/logo.png') no-repeat 0 0;
	display:block;
	width:256px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
}

/* div.page div.header div.slogan {
	float:left;
	overflow:hidden;
	width:396px;
	height:28px;
	background:url('../../images/preview/slogan.png') no-repeat 0 0;
	margin:52px 0 0 20px;
} */

div.page div.header div.accountBar {
	display:block;
	float:right;
	overflow:hidden;
	width:217px;
	padding: 0;
	margin: 0;
}
div.page div.header div.accountBarPlans {
	display:block;
    float:right;
    overflow:hidden;
    width:136px;
    padding: 0;
    margin: 0;
}
div.page div.header div.accountBar div.accountBarLeft, div.page div.header div.accountBarPlans div.accountBarLeft {
	float: left;
	height: 40px;
	width: 9px;
	background:
	   transparent 
	   url(../../images/preview/homepage_tab_bg_left.png) 
	   no-repeat 
	   scroll 0 0;
}
div.page div.header div.accountBar div.accountBarCenter {
	float: left;
    height: 40px;
    width: 169px;
	background:
       transparent 
       url(../../images/preview/homepage_tab_bg_center.png) 
       repeat-x 
	   scroll 0 0;
}
div.page div.header div.accountBarPlans div.accountBarCenter {
    float: left;
    height: 40px;
    width: 88px;
    background:
       transparent 
       url(../../images/preview/homepage_tab_bg_center.png) 
       repeat-x 
       scroll 0 0;
}
div.page div.header div.accountBar div.accountBarRight, div.page div.header div.accountBarPlans div.accountBarRight {
    float: left;
    height: 40px;
    width: 9px;
    background:
       transparent 
       url(../../images/preview/homepage_tab_bg_right.png) 
       no-repeat 
       scroll 0 0;
}
div.page div.header div.accountBar div.accountBarCenter p {
	padding: 0;
	margin: 12px 10px 0;
}
div.page div.header div.accountBarPlans div.accountBarCenter p {
	padding: 0;
	margin: 12px 7px 0;
}
div.page div.header div.accountBar div.accountBarCenter p span a, div.page div.header div.accountBarPlans div.accountBarCenter p span a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}
div.page div.header div.accountBar div.accountBarCenter p span.account, div.page div.header div.accountBarPlans div.accountBarCenter p span.account {
	float: left;
}
div.page div.header div.accountBar div.accountBarCenter p span.center {
    float: left;
	font-weight: bold;
	margin: 3px 0 0 11px;
	color: #fff;
	font-size: 12px;
}
div.page div.header div.accountBar div.accountBarCenter p span.register {
    float: right;
}
div.content{
	overflow:hidden;
	width:925px;
	position:relative;
}
#galleryBox{
	background:url('../../images/preview/transparentSmallBox.png') no-repeat 0 0;
	position:relative;
	overflow:hidden;
	width:900px;
	height:345px;
	margin:15px 0 0 25px;
	/*overflow:auto;  WTF??*/
}
div.page div.linkFixBlock{
	float:left;
	position:absolute;
	overflow:hidden;
	top:135px;
	left:55px;
}
#gallerySlider{
	/*float:left; what for?*/
	overflow:hidden;
}
#gallerySlider li{
	overflow:hidden;
	width:900px;
	float:left;
}
#sliderMenu{
	float:left;
	width:700px;
	overflow:hidden;
	display:inline;
	margin:23px 0 0 25px; 
}
#sliderMenu li {
	float:left;
	padding:0 5px 0 5px;
	border-left:1px solid #595959;
	margin:0 0 0 -1px;
}
#sliderMenu li a{
	color:#595959;
	font-size:16px;
	font-weight:bold;
	outline:none;
	float:left;
}
#sliderMenu li.active a{
	color:#fcb040;
}
div.slideContent {
	position:relative;
	overflow:hidden;
	width:900px;
	float:left;
}
div.briefBox {
	width:350px;
	color:#595959;
	font-size:16px;
	overflow:hidden;
	float:left;
	clear:left;
	display:inline;
	margin:145px 0 0 40px;
}
div.briefBox h2 {
	color:#2e3494;
	font-size:24px;
	padding:0 0 20px 0;
}
div.imageBox{
	background:transparent url(../../images/preview/pictureBox.png) no-repeat scroll 0 0;
	display:inline;
	float:right;
	height:322px;
	margin:15px 61px 0 0;
	padding-top:16px;
	width:420px;
}
div.imageContainer {
	margin:3px 0 0 30px;
	float:left;
	display:inline;
	overflow:hidden;
}
#buttonLeft {
	position:absolute;
	background:url('../../images/preview/buttonLeft.png') no-repeat 0 0;
	width:38px;
	height:38px;
	top:434px;
	left:90px;
	
}
#buttonRight {
	position:absolute;
	background:url('../../images/preview/buttonRight.png') no-repeat 0 0;
	width:38px;
	height:38px;
	top:434px;
	right:73px;
	
}
#topBox{
	width:900px;
	margin:0 0 0 25px;
	clear:both;
}
#getStartedPanel{
	display:inline;
	overflow:hidden;
	background:url('../../images/preview/getStartedButton2.png') no-repeat 0 0;
	text-align:center;
	color:#3e4d00;
	margin:25px 0 0 0;
	padding:20px 0 0 0;
	float:left;
    width:289px;
    height:78px;
}
#getStartedPanel span.mainText{
	font-size:30px;
	font-weight:bold;
}
#getStartedPanel span.mainText a{
	color:#3e4d00;
    text-decoration:underline;
}
#getStartedPanel span.note{
	font-size:14px;
	display:block;
    padding-top:3px;
}
#form-container{
	width:245px;
	height:70px;
	margin:6px 0 0 17px;
}
div.textBox{
	overflow:hidden;
	float:left;
	/*width:285px;*/
	margin:25px 0 0 19px;
	color:#595959;
	font-size:14px;
}
div.textBox h2 {
	color:#2e3494;
	font-size:24px;
	padding:0 0 20px 0;
}
div.textBox img {
	text-align:center;
	padding:10px 0 0 0;
}
.imgcredit {
	font-size:11px;
	text-align:center;
}
div.textBoxWide{
	overflow:hidden;
	float:left;
	width:570px;
	margin:25px 0 0 20px;
	color:#595959;
	font-size:14px;
}
div.textBoxWide h2 {
	color:#2e3494;
	font-size:24px;
	padding:0 0 20px 0;
}
div.textBoxExtraWide{
	overflow:hidden;
	float:left;
	width:939px;
	/*height:250px;*/
	margin:25px 0px 0px 3px;
	color:#595959;
	font-size:14px;
}
div.textBoxExtraWide1{
	background:url('../../images/preview/bg_panel_1.png') repeat-x 0 0;
	overflow:hidden;
	float:left;
	width:939px;
	/*height:250px;*/
	margin:25px 0px 0px 3px;
	color:#595959;
	font-size:14px;
}
div.textBoxExtraWide1 h2 {
	color:#2e3494;
	font-size:24px;
	padding:0 0 20px 0;
}
div.textBoxExtraWide2{
	background:url('../../images/preview/bg_panel_2.png') repeat-x 0 0;
	overflow:hidden;
	float:left;
	width:938px;
	/*height:250px;*/
	margin:25px 0px 0px 3px;
	color:#595959;
	font-size:14px;
	clear:both;
}
div.textBoxExtraWide2 h2 {
	color:#2e3494;
	font-size:24px;
	padding:0 0 20px 0;
}
div.processText {
	width:580px;
	margin-right:20px;
	float:left;
}
div.processImage {
	float:right;
	margin-top:30px;
}
div.widgetPlatforms {
	clear:both;
	text-align:center;
	padding-top:15px;
}
div.process1 {
	float:left;
	width:275px;
	text-align:center;
	border-right:1px solid #ccc;
	margin-top:10px;
}
div.process2 {
	float:left;
	width:285px;
	text-align:center;
	border-right:1px solid #ccc;
	margin-top:10px;
}
div.process3 {
	float:right;
	width:275px;
	text-align:center;
	margin-right:80px;
	margin-top:10px;
}
.processNumber {
	float:left;
	margin-left:15px;
}
div.leftList {
	float:left;
	width:200px;
}
div.rightList {
	float:left;
	width:200px;
}
div.haveAccount {
	/* width:289px; */
	overflow:hidden;
}
div.haveAccount p{
	margin:7px 0 0 0;
	clear:both;
	display:inline;
	float:left;
	font-size:12px;
	color:#333333;
}
div.haveAccount p a{
	text-decoration:underline;
	color:#333333;
}
div.leftside {
	/* width:289px; */
	float:left;
	/*height:1200px;*/
}
div.footer{
	background: #eeece0 url('../../images/preview/footerBg.gif') repeat-x 0 0;
	overflow:hidden;
	padding-top:20px;
	height:240px;
	width:986px;
}
div.footer div.infoBox {
	border-left:1px solid #999999;
	color:#666666;
	float:right;
	font-size:10px;
	margin:10px 74px 0 0;
	overflow:hidden;
	padding:110px 0 0 15px;
}
div.infoBox div.penAndPixLogo {
	background:url('../../images/preview/pencilsPixels.png') no-repeat 0 0;
	width:94px;
	height:12px;
	overflow:hidden;
}
div.footer div.footerLeftBox {
	width:280px;
	height:210px;
	overflow:hidden;
	float:left;
	display:inline;
	margin: 18px 0 0 20px;
}

div.footer div.footerLeftBox,
div.footer div.footerLeftBox a,
div.footer div.footerLeftBox a:hover,
div.footer div.footerLeftBox a:visited {
	color: #959595;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}

div.footer div.footerLeftBox div.terms_box {
	margin:10px 0px 0px 0px;
	overflow:hidden;
	padding:180px 0px 0px 0px;
}

div.footer div.footerLeftBox a:hover {
	text-decoration: underline;
}

.footer .follow_box{
	overflow:hidden;
    padding-bottom:3px;
}

.footer .follow_box strong{
	font-size:11px;
    font-weight:bold;
}

.footer .follow_box ul{
	overflow:hidden;
    padding:6px 0 10px;
}

.footer .follow_box ul li{
	float:left;
    padding-right:3px;
    margin:0;
}

.footer .follow_box ul li a{
	float:left;
    width:24px;
    height:24px;
    overflow:hidden;
    text-indent:-9999px;
}

.footer .follow_box ul li a.facebook{background:url(../../images/preview/facebook_sm.png) no-repeat 0 0;}
.footer .follow_box ul li a.youtube{background:url(../../images/preview/youtube_sm.png) no-repeat 0 0;}
.footer .follow_box ul li a.linkedin{background:url(../../images/preview/linkedin_sm.png) no-repeat 0 0;}
.footer .follow_box ul li a.tumblr{background:url(../../images/preview/tumblr_sm.png) no-repeat 0 0;}
.footer .follow_box ul li a.twitter{background:url(../../images/preview/twitter_sm.png) no-repeat 0 0;}

.footer ul.phones{
	overflow:hidden;
}
.footer ul.phones li{
	overflow:hidden;
    text-align:right;
    padding-right:20px;
	margin:0;
}
.footer ul.phones li.euro{background:url(../../images/linktive/flag_euro.gif) no-repeat 100% center;}
.footer ul.phones li.usa{background:url(../../images/linktive/flag_usa.gif) no-repeat 100% center;}

#saveButton
{
	float:right;
}

.footerTextInfo
{
	float: right;
	color: #797979;
	text-align: right;
	font-size: 11px;
	padding: 22px 15px 0 0;
	text-decoration: none;
}

.footerTextInfo a,
.footerTextInfo a:visited
{
	color: #797979;
	font-size: 11px;
	text-decoration: underline;
}

.footerTextInfo a:hover
{
	text-decoration: underline;
}

.footerTextInfo .infoLine
{
	padding: 8px 0px
}
.socialbuttons {
	margin:5px 3px 10px 0;
}
#social {
	clear:both;
	margin:7px 0 0 25px;
}

#quotes {
	clear:both;
	margin:7px 0 0 25px;
}

#quote {
	text-align:center;
}

.quotegraphic {
	margin-top:15px;
}

.quotetext {
	font-size:1.1em;
	font-style:italic;
}

.quotefrom {
	font-size:.7em;
}

/* plans styles */
.plans-top{
	overflow:hidden;
	margin:0 auto;
	width:738px;
    padding:30px 0 5px;
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
.plans-top .box{
	float:left;
    width:205px;
    height:376px;
    position:relative;
    padding:20px 20px 0;
    background:url(../../images/preview/plans-top-bg-box.png) no-repeat 0 0;
    cursor:pointer;
}
.plans-top .box:hover{background:url(../../images/preview/plans-top-bg-box-hover.png) no-repeat 0 0;}
.plans-top .box .label{
	position:absolute;
    top:-9px;
    right:18px;
    width:46px;
    height:216px;
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    background:url(../../images/preview/bestdeal-label.png) no-repeat 0 0;
    z-index:1000;
}
.plans-top h2{
	overflow:hidden;
    display:block;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#339;
    padding:5px 0 15px;
    border-bottom:1px solid #ccc;
    text-transform:uppercase;
}
.plans-top strong.top{
	overflow:hidden;
    text-align:center;
    display:block;
    color:#339;
    font-size:36px;
    font-weight:bold;
    line-height:37px;
    padding:10px 0 0;
    height:72px;
    border-bottom:1px solid #ccc;
    letter-spacing:-1px;
}
.plans-top strong.top span{
	font-size:11px;
    line-height:12px;
    display:block;
    letter-spacing:0;
    padding-left:4px;
}
.plans-top strong.top span.mid{
	font-size:10px;
	padding-top:3px;
    font-weight:normal;
}
.plans-top ul{
	overflow:hidden;
    padding:15px 0 0;
}
.plans-top ul li{
	overflow:hidden;
    padding:2px 0;
    font-size:12px;
    line-height:14px;
    text-transform:uppercase;
    color:#000;
    text-align:center;
    font-weight:bold;
}
*+ html .plans-top ul li{
	padding:1px 0;
}
.plans-top .box .bottom{
	position:absolute;
    bottom:0;
    left:20px;
    width:205px;
    border-top:1px solid #ccc;
    padding:15px 0;
    text-align:center;
}
.plans-top .box .bottom a{
	font-size:18px;
    font-weight:bold;
    color:#fcb040;
    text-decoration:none;
}
.plans-top .box:hover .bottom a{color:#fff;}
.middle-box{
	width:708px;
    margin:0 auto;
    overflow:hidden;
    padding:0 0 15px;
}
.middle-box strong{
	float:left;
	font-size:18px;
    color:#000;
    text-transform:uppercase;
}
.middle-box ul{
	float:left;
    padding:3px 0 0 3px;
}
.middle-box ul li{
	float:left;
    font-size:14px;
    font-weight:bold;
    padding:1px 3px;
    color:#000;
    text-decoration:none;
    background:#f8cc81;
    text-transform:uppercase;
	margin: 0 2px;
}
.holder{
    overflow:hidden;
    width:758px;
    margin:0 auto;
    padding:0 0 5px;
}
.holder h2{
	overflow:hidden;
	background:url(../../images/preview/arrow-left.gif) no-repeat 0 7px;
}
.holder h2.open{
	background:url(../../images/preview/arrow-down.gif) no-repeat 0 7px;
}
.holder h2 a{
	float:left;
    font:18px "Trebuchet MS", Verdana, Arial, sans-serif;
    color:#339;
    text-decoration:none;
	padding:0 27px 0 15px;
    outline:none;
}
.holder h2 a#comp{background:url(../../images/preview/ico-comp.png) no-repeat 100% 3px;}
.holder h2 a#faq{background:url(../../images/preview/ico-faq.png) no-repeat 100% 0;}
.plans-holder{
	overflow:hidden;
    padding:20px 0 30px;
    display:none;
}
.plans-holder ul{
	overflow:hidden;
}
.plans-holder ul li{
	overflow:hidden;
    color:#797979;
    font-size:18px;
}
.plans-holder ul li ul{
	overflow:hidden;
    border-right:1px solid #cbc9c4;
}
.plans-holder ul li ul li{
	float:left;
    width:196px;
    border-left:1px solid #cbc9c4;
    padding:9px 0 10px;
    height:20px;
    line-height:20px;
    text-align:center;
    background:url(../../images/preview/bg-plans-ul-li.png) no-repeat center 100%;
}
.plans-holder ul li ul li.empty{
	border-left:0;
    font-size:16px;
    text-align:right;
    font-weight:bold;
    width:150px;
    padding-right:16px;
    background:none;
}
.plans-holder ul li.first ul li{
	border:1px solid #cbc9c4;
    border-right:0;
    text-transform:uppercase;
    font-size:24px;
    line-height:28px;
    background:none;
    height:auto;
    font-weight:bold;
}
.plans-holder ul li.first ul li.empty{border:0;}
.plans-holder ul li.last ul li{
	border-bottom:1px solid #cbc9c4;
    background:none;
}
.plans-holder ul li.last ul li.empty{border:0;}
.plans-holder ul li ul li img{margin:0 auto;}
.faq-holder{
	overflow:hidden;
    width:733px;
    margin:0 auto;
    padding:20px 0 20px 5px;
	display:none;
}
.float_left{float:left;}
.float_right{float:right;}
.faq-holder .box{
	width:49%;
    padding-bottom:20px;
}
.faq-holder .box h3{
	font-size:18px;
    font-weight:normal;
    color:#339;
    padding:0 0 5px;
}
.faq-holder .box p{
	font-size:12px;
    color:#62645c;
    padding:0;
    margin:0;
}
.plan-choose-box{
	overflow:hidden;
    padding:20px;
}
.plan-choose-box .heading-holder{
	float:left;
    width:400px;
    padding-top:100px;
}
.plan-choose-box h2{
	overflow:hidden;
    display:block;
    text-align:center;
    font-size:32px;
    font-weight:bold;
    color:#339;
    text-decoration:none;
    text-transform:uppercase;
}
.plan-choose-box strong{
	overflow:hidden;
    text-align:center;
    display:block;
    color:#339;
    font-size:40px;
    font-weight:bold;
    line-height:37px;
    padding:15px 0;
    letter-spacing:-1px;
}
.plan-choose-box strong span{
	font-size:11px;
    line-height:12px;
    display:block;
    letter-spacing:0;
    padding-left:4px;
}
.plan-choose-box ul{
	float:right;
    width:400px;
}
.plan-choose-box ul li{
	overflow:hidden;
    padding:4px 0;
    font-size:16px;
    color:#797979;
}
.plan-choose-box ul span{
	float:left;
    width:200px;
	font-weight:bold;
    text-align:right;
    padding-right:20px;
}
.choose_gateway{
	overflow:hidden;
    padding:20px 0 20px 120px;
}
.choose_gateway .box{
	float:left;
    width:45%;
    text-align:center;
    font-size:14px;
	font-weight:bold;
    color:#797979;
}
.choose_gateway .box img{margin:0 auto;}

.free_beta_premium {
	position: absolute;
	z-index: 10000;
	top: 110px;
	left: -18px;
}

.free_beta_enterprise {
	position: absolute;
	z-index: 10000;
	top: 30px;
	right: -18px;
}

.beta_free_notice {
	font-size: 10px;
	padding-bottom: 3px;
}

.beta_tag {
	position: absolute;
	top: 0;
	left: 300px;
}