body {
	padding:0px;
	margin:0px;
	/*background: url('../mockup-images/back.png') top left repeat;*/
    height: 100%;
}
html{
    height: 100%;
}

.clear { clear: both; }
	
#main-content{
    height: auto !important;
    min-height: 100%;
    background-color: #F9F9F9;
}
#bottom{
    margin: -100px auto 0;
    position: relative;
	background: #3b3b3b;
	height:100px;
	color:#fafafa;
	text-align:center;
	clear: both;
}
#top {
	/*background: url('../mockup-images/header_bg.png') top left repeat-x;*/
	background-color: #B0B0B0
}

#orange-box {
	background: url('../mockup-images/header_desc.png') top left repeat-x;
	text-align: center;
}

h1 {
	margin:0px;
	font-size:22px;
	color:#ffffff;
	font-weight: normal;
}

h2 {
	margin:0px;
	font-size:24px;
}

.second-column h2 {
    margin:0px;
	font-size:32px;
}

h3
{
	font-weight: normal;
	font-size:16px;
}


.clear
{
	clear:both;
}

a img {	border:none; }


#top-moto {
	/*width: 1100px;*/
	margin:0 auto 0 auto;
}

#bottom table {
	width:1010px;
    margin:10px auto 0 auto;
	font-size:12px; 
}

#bottom table a, #bottom table a:link, #bottom table a:hover, #bottom table a:visited {
	color:#fafafa;
}

html.busy, html.busy * {  
	cursor: wait !important;  
} 

/* == ORANGE BOX ==================================================================== */

#orange-box table {
	margin:0 auto 0 auto;
}

#search-txt  
{
	border:1px solid #cccccc;
	padding:7px;
	font-size:22px;
	
}

.grey-search-txt
{
	color:#888888;
}
/* == SLIDER ==================================================================== */

button.small {
	background: url('../mockup-images/button.png') top right no-repeat transparent;
	border:none;
	width:131px;
	height:49px;
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	cursor: pointer;
}

button.thin {
	background: url('../mockup-images/thin-button.png') top right no-repeat transparent;
	border:none;
	width:207px;
	height:40px;
	color:#ffffff;
	font-size:18px;
	cursor: pointer;
}

button.middle {
	background: url('../mockup-images/big-button.png') top right no-repeat transparent;
	border:none;
	width:216px;
	height:49px;
	color:#ffffff;
	font-size:18px;
	cursor: pointer;
    text-decoration: none !important; // without under line in pricing page!
}

button.orange {
	background: url('../mockup-images/orange-button.png') top right no-repeat transparent;
	border:none;
	width:216px;
	height:49px;
	color:#ffffff;
	font-size:18px;
	cursor: pointer;
    text-decoration: none  !important; // without under line in pricing page!
}


a.middle 
{
	display:block;
	background: url('../mockup-images/big-button.png') top right no-repeat transparent;
	border:none;
	width:216px;
	height:49px;
	color:#ffffff;
	font-size:18px;
	text-transform:uppercase;
	cursor: pointer;
	text-decoration:none;
	text-align:center;
	padding-top:11px;
}

button.useit {
	background: url('../mockup-images/useit.png') 0px 0px no-repeat transparent;
	border:none;
	width:106px;
	height:49px;
	color:#ffffff;
	font-size:18px;
	cursor: pointer;
}


button.hovered
{
	background: url('../mockup-images/useit.png') 0px -49px no-repeat transparent;
}

button.view {
	background: url('../mockup-images/view.png') 0px 0px no-repeat transparent;
	border:none;
	width:90px;
	height:35px;
	color:#ffffff;
	font-size:18px;
	cursor: pointer;
}


button.viewHovered
{
	background: url('../mockup-images/view.png') 0px -36px no-repeat transparent;
}

.slider-third{
	background: url('../mockup-images/iphone-snappii.png') 800px 22px no-repeat;
}

#slider {
	width: 1020px;
	margin:0;
	padding:0;
	height:125px !important;
}

#slider ul.slidable, #slider ul.slidable > li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider ul.slidable > li 
{
	overflow:hidden; 
	width: 1020px;
	
}

#slider ul.slidable > li  div {
}

#slider-first  {
	padding-top:2px;
}

#slider-second {
	background: url('../mockup-images/3steps.png') 190px 35px no-repeat;
	padding-top:10px;
}

#slider-third {
	padding-top:10px;
	
}

ul.steps {
	margin:45px 0 0 70px;
	padding:0;
}

ul.steps > li 
{
	overflow:hidden; 
	width: 300px;
	height:40px;
	float:left;
	color:#ffffff;
	font-size:16px;
	line-height:20px;
	list-style:none;
	margin:0;
}

ul.bullets {
	text-align:left;
	list-style:none;
	color:#ffffff;
	font-size:15px;
}

ul.classic {
	text-align:left;
	list-style:disk;
	font-size:16px;
	list-style-position: outside;
}

ul.bullets > li {
	margin:5px 0 5px;
}

ul.classic > li {
	margin:20px 0 20px;
}

ul.bullets li:before {  
      content: " - ";  
} 

/* == TOP MENU ==================================================================== */

#topMenu {
	text-align:center;
}

.loggedIn{
	margin:0 auto 0 auto;
	padding:0;
	/*width: 930px;*/
	list-style: none;
}

.loggedOut {
	margin:0 auto 0 auto;
	padding:0;
	/*width: 950px;*/
	list-style: none;
}

#topMenu ul li {
	height:38px;
	float:left;
	text-align:center;
	overflow:hidden;
}

#topMenu a {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

#topMenu a img {
	margin-top:15px;
}

#topMenu a {
	display: block;
	height:38px;
	padding-top:10px;
}

.topMenu-whyapps {  background: url('../mockup-images/nav-left.png') top left no-repeat; }
.topMenu-whyapps a { width:100px; }

.topMenu-features {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-features a { width:80px; }

.topMenu-howitworks {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-howitworks a { width:105px; }

.topMenu-pricing {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-pricing  a { width:75px; }

.topMenu-faq {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-faq  a { width:65px; }

.topMenu-myapps {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-myapps  a { width:85px; }

.topMenu-dashboard {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-dashboard  a { width:95px; }

.topMenu-capps {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-capps  a { width:100px; }

.topMenu-partners {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-partners  a { width:105px; }

.topMenu-contactus {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-contactus  a { width:100px; }

.topMenu-aboutus {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-aboutus  a { width:80px; }

.topMenu-signup {  background: url('../mockup-images/nav-middle.png') top right no-repeat; }
.topMenu-signup  a { width:80px; }

.topMenu-login {  background: url('../mockup-images/nav-right.png') top right no-repeat; }
.topMenu-login  a { width:85px; }


/* == OTHER ==================================================================== */
.slider-custom-slide
{
	font-size:24px;
}

/* == SEARCH ==================================================================== */

#search-options-div
{
	width:894px;
	
	margin:10px auto 10px auto;
}

#results-div 
{
	text-align:center;
	
}

#demo-results-div 
{
	text-align:center;
	
}

#demo-results-div table
{
	text-align:left;
	
}

#results-div table
{
	margin-left:auto !important;
	margin-right:auto !important;
}

#paging-div 
{
	text-align:center;
	margin:0 0 10px 0;
	
}

#paging-div label
{
	cursor:pointer;
	margin:0 4px 0 4px;
}

.search-item 
{
	width: 462px;
	background-color:#F0f0f0;
	margin:0px;
}

.demo-search-item 
{
	width: 400px;
	background-color:#F0f0f0;
	margin:0px;
}

.search-item-name
{
	font-size: 16px;
    color: #303030;
    text-decoration: underline;
    margin: 0px;
}

.demo-search-item-name
{
	font-size: 18px;
    color: #303030;
    text-decoration: underline;
    margin: 0px;
}

.search-item-details
{
	font-size: 14px;
	color: #303030;
	text-decoration: underline;
    margin: 0px;
    font-weight: bold;
	cursor: pointer;
}
.search-item-shot-descr
{
	font-size: 14px;
	color: #505050;
	margin-top: 1px;
	margin-bottom: 0;
}

.search-item-date
{
	font-size: 12px;
	color: #505050;
	margin-top: 1px;
	margin-bottom: 0;
}

.search-item-used
{
	font-size: 12px;
    color: #505050;
    margin-top: 1px;
    margin-bottom: 0;
}
.search-item-customize
{
	font-size: 14px;
    color: #48679E;
    text-decoration: underline;
    cursor: pointer
}
.search-item-modify
{
	font-size: 14px;
	color: #90A2B8;
	text-decoration: underline;
	cursor: pointer;
}

.search-item-tagg
{
	  color: #000000;
      font-size: 14px;
      text-decoration: underline;
      cursor: pointer;
      margin-left: 5px;
}



#learn-how-goto
{
	font-size:18px;
}

.addthis_counter
{
	float:right !important;
}

.email-r
{
	unicode-bidi:bidi-override; direction: rtl;
}

#username-bar
{
	width:130px; 
	text-align:center;
	color: #F0F0F0;
	font-size: 14px;
	vertical-align:top;
}

#username-bar a
{
	color: #404040;
	font-size: 14px;
	font-weight:bold;
}

#username-bar form
{
	margin-top:20px;
}

div.round
{
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #000000;
    width: 140px;
    text-align: center;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}


.features-page-sub-title {
	background: url('../images/new/subtitle-background-rectangle.png') no-repeat;
    color: #606060;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    padding: 15px 20px;
 }
 
.page-title-neo {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EEEEEE;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #FFFFFF inset;
    color: #E8750F;
    font-size: 21px;
    line-height: 24px;
    margin: 7px 0;
    padding: 10px;
    text-shadow: 1px 1px 1px #DDDDDD; 
 }
	 .page-title-neo a {
		color: #E8750F;
	 }
		 .page-title-neo a:hover {
			color: #FEC00F;
			text-shadow: none;
		 }

.page-sub-title.page-title-margin {
	margin-top: 20px;
}

.general-button.general-button-grid {
	display: block;
	margin: 15px auto;
	text-decoration: none;
	width: 100px;
}

.page-content-grids {
	border-collapse: collapse;
    display: table;
    margin: 15px 0 0;  
	width: 1114px;
}
    .page-content-grid {
    	background: #FAFAFA;
    	border: 1px solid #e2e2e2;
    	display: table-cell;    	
    	min-width: 271px;
    	padding: 10px 0 0;
    	text-align: center;
    }
	.page-content-grid:nth-child(even) {
		background: #fff;
	}
        .page-content-grid-title {
        	color: #E8750F;
			display: block;
			font-size: 21px;
			line-height: 24px;
			text-decoration: underline;
			padding: 10px 0;
			position: relative;
			text-shadow: 1px 1px 1px #DDDDDD;
			z-index: 2;
        }
			.page-content-grid-price {
				color: #00B034;
				font-size: 19px;
				font-weight: bold;
				line-height: 20px;
				margin: -3px 0 7px;
				position: relative;
				z-index: 2;
			}
				.page-content-grid-price span {
					color: #999;
					font-weight: normal;
				}

        .page-content-grid-list {
        	font-size: 18px;
        	line-height: 20px;
        	margin: 0;
        	padding: 0 0 30px 35px;
        	position: relative;
            text-align: left;
            z-index: 2;
        }
            .page-content-grid-list li {
            	background: url("../images/tick.png") left 13px no-repeat;
                list-style-type: none;
                padding: 10px 0 0 27px;
            }
            .page-pricing .page-content-grids .page-content-grid-list li {
				background: url("../images/tick2.png") no-repeat left 14px;
			}
            .page-content-grid-list li.page-content-grid-list-plus {
        		background: url("../images/plus.png") left 13px no-repeat !important;
			}
        .page-content-note {
            font-size: 16px;
        	line-height: 20px;
        	margin: 10px 0 0;
        	text-align: center;
        }

.page-content-desc {
    font-size: 20px;
	line-height: 24px;
	margin: 30px 0 10px;
	text-align: center;
}
	.page-content-desc a {
		color: #E8750F;
	}
		.page-content-desc a:hover {
			color: #FEC00F;
		}