/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

 /* Custom Logo
----------------------------------------------------------------------------------------------------*/

 .custom-logo {
	display: inline-block;
	width: 190px;
	height: 60px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Only Phones (Portrait) */
@media (max-width: 380px) {

	.custom-logo { width: 145px; }
	
}


 /* Widgetkit Slideshow Tabs Venture
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-tabs-venture .nav li span {
	padding-top: 48px;
	background: url(../../../images/yootheme/demo/icons_tabs.png) 50% 0 no-repeat;
}

.wk-slideshow-tabs-venture .nav li.tab-1.active span { background-position: 50% -80px; }
.wk-slideshow-tabs-venture .nav li.tab-2 span { background-position: 50% -160px; }
.wk-slideshow-tabs-venture .nav li.tab-2.active span { background-position: 50% -240px; }
.wk-slideshow-tabs-venture .nav li.tab-3 span { background-position: 50% -320px; }
.wk-slideshow-tabs-venture .nav li.tab-3.active span { background-position: 50% -400px; }


 /* Frontpage Demo Content
----------------------------------------------------------------------------------------------------*/

.push33,
.pull33 { position: relative; }
.push33 { left: 33.333%; }
.pull33 { left: -33.333%; }

#top-b .frontpage .button-primary,
#top-b .frontpage .button-default { margin-top: 70px; }

/* No Phones */
@media (min-width: 768px) {

	/* Custom */
	#top-b .frontpage .width50 h3 { margin-top: 40px; }
	#top-b .frontpage.fp3 { margin-top: 15px; }
}

/* Only Phones */
@media (max-width: 767px) {

	/* Tools */
	.quote h1 {
		font-size: 32px;
		line-height: 32px;
	}
	.quote h2 {
		font-size: 18px;
		line-height: 18px;
	}
	.quote h1:before,
	.quote h2:after { display: none; }

	/* Custom */
	.push33 { left: auto; }
	.pull33 { left: auto; }

	#top-b .frontpage .button-primary,
	#top-b .frontpage .button-default { margin-top: 0; }

	#top-b .frontpage.fp1 .width33 { width: 100%; }

	#bottom-a .mod-dotted .frontpage { padding-bottom: 45px; }
	#bottom-a .mod-dotted .frontpage .button-default.float-right {
		float: none;
		position: absolute;
		bottom: 15px;
		left: 15px;
	}

}


/* Frontpage teaser images 
-----------------------------------------------------------------------------*/
.frontpage-teaser-background {  
	background-color: #404040;
}
.frontpage-teaser1 {  
    background-image: url("../../../images/start/start-slide1.jpg");  
    background-position: 50% 50%;  
    background-repeat: no-repeat;  
	height: 250px;
}

.frontpage-teaser2 {  
    background-image: url("../../../images/start/start-slide2.jpg");  
    background-position: 50% 50%;  
    background-repeat: no-repeat;  
	height: 250px;
}

.frontpage-teaser3 {  
    background-image: url("../../../images/start/start-slide3.jpg");  
    background-position: 50% 50%;  
    background-repeat: no-repeat;  
	height: 250px;
}

.frontpage-teaser4 {  
    background-image: url("../../../images/start/start-slide4.jpg");  
    background-position: 50% 50%;  
    background-repeat: no-repeat;  
	height: 250px;
}

.frontpage-teaser5 {  
    background-image: url("../../../images/start/start-slide5.jpg");  
    background-position: 50% 50%;  
    background-repeat: no-repeat;  
	height: 250px;
}

/* Slideshow caption color 
-----------------------------------------------------------------------------*/

.wk-slideshow-infinite .caption h1, 
.wk-slideshow-infinite .caption h1 + span,
.wk-slideshow-infinite .caption h2, 
.wk-slideshow-infinite .caption h2 + span {
    float: left;
    margin-left: 5%;
    padding: 12px 20px;
}

.wk-slideshow-infinite .caption h1,
.wk-slideshow-infinite .caption h2 {
    background: url("../../../media/widgetkit/widgets/slideshow/styles/infinite/images/raster_bg.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-top: 6px;
    text-transform: none;

    /* 91D900 */
    background-color: rgba(145, 217, 0, 0.8);
    font-size: 40px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 40px;
}

.wk-slideshow-infinite .caption h1 + span,
.wk-slideshow-infinite .caption h2 + span {
    background: url("../../../media/widgetkit/widgets/slideshow/styles/infinite/images/raster_bg.png") repeat scroll 0 0 transparent;
    clear: both;
    font-size: 30px;
    line-height: 31px;

    /* 70A800 */
    background-color: rgba(112, 168, 0, 0.8);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 30px;
	line-height: 30px;
}

/* Desaturate random images 
-----------------------------------------------------------------------------*/
.desaturate img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}

/* Overwrite top-a 
-----------------------------------------------------------------------------*/
#top-a {
	padding: 0px;
	margin: 0px;
}

.top-a-sep #top-a {
	margin: 0px;
}

#header {
	margin: 10px 0px 10px 0px;
}

#header #logo {
	margin: 8px;
}

/*
.top-a-sep #top-a {
	padding-top: 0px;
}
*/

#top-a .module {
	margin: 0px;
}

#block-toolbar {
	box-shadow: none;
}

#block-main {
	padding-top: 10px;
	padding-bottom: 0px;
}

#block-bottom {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075) inset;
}

#header-wrapper {
	 z-index: 1000;
	 width: 100%;
	 background: url(../images/texture/concrete.png) 0 0 repeat rgba(236, 235, 229, 1); 
	 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 
                 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 
	             0 1px 3px rgba(0, 0, 0, 0.06), 
				 0 -1px 3px rgba(0, 0, 0, 0.06);
}

#block-top-a {
	 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2),
	             0 2px 3px rgba(0, 0, 0, 0.06);
}

/*
#header {
	margin-top: 20px;
	margin-bottom: 0px;
}
*/

/* Zoo download
-----------------------------------------------------------------------------*/

/* Add new zoo download types here */
.yoo-zoo.element-download-type-macos { 
	background-image: url(../images/zoo/macos-logo.png); 
    width: 80px;
}
.yoo-zoo.element-download-type-linux { 
	background-image: url(../images/zoo/linux-logo.png); 
    width: 80px;
}
.yoo-zoo.element-download-type-solaris { 
	background-image: url(../images/zoo/solaris-logo.png); 
    width: 80px;
}
.yoo-zoo.element-download-type-unix { 
	background-image: url(../images/zoo/unix-logo.png); 
    width: 80px;
}
.yoo-zoo.element-download-type-windows { 
	background-image: url(../images/zoo/windows-logo.png); 
    width: 80px;
}

.yoo-zoo.element-download-button, 
.yoo-zoo.element-download-button span {
    display: inline-block;
}

.zoo-item-list p.links span a:after {
    content: "";
}
.zoo-item-list p.links {
    margin-top: 15px;
}

.zoo-item-list p.title {
	color: #2C2B29;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 10px;
}


/* Zoo FAQ
-----------------------------------------------------------------------------*/
#yoo-zoo .categories ul.sub-items li a {
    text-decoration: none;
}

#yoo-zoo .categories h2.title {
	text-transform: none;
}

#yoo-zoo h1.title, #yoo-zoo h1.pos-title {
    padding-bottom: 10px;
}

/* Zoo Blog
-----------------------------------------------------------------------------*/
#yoo-zoo .details h1.title {
	font-size: 30px;
	line-height: 30px;
}

#yoo-zoo .item h2.pos-subtitle {
	margin-bottom: 20px;
}

#yoo-zoo ol li {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Overwrite module style 
-----------------------------------------------------------------------------*/

.mod-frame {
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.mod-box {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);

}

/* Overwrite blockquotes for news section
-----------------------------------------------------------------------------*/

blockquote {
    font-family: inherit;
    font-style: normal;
	font-size: inherit;
	line-height: 22px;
}

/* Overwrite li
-----------------------------------------------------------------------------*/

ul.check-icon > li, ul.check-icon > li:first-child, .mod-black ul.check-icon > li, .mod-black ul.check-icon > li:first-child {
    padding-top: 5px;
	padding-bottom: 5px;
}

/* Overwrite module title for h1, h2, h3 tags
-----------------------------------------------------------------------------*/
/*
h1.module-title {
    font-size: 25px;
    line-height: 25px;	
}

h2.module-title {
    font-size: 25px;
    line-height: 25px;	
}

h3.module-title {
    font-size: 25px;
    line-height: 25px;	
}
*/

/* Java formatter
-----------------------------------------------------------------------------*/

table.featuretable {
	width: 90%;
	margin-left: auto;
	margin-right: auto;	
}

table.featuretable tbody, table.featuretable tfoot {
    font-size: 14px;
}

table.featuretable  h3 {
	margin: 5px;
	font: bold;
	font-size: 21px;
}

table.featuretable th, table.featuretable td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;		
}

table.featuretable tr {
	height: 60px;
}

div.featurebox, div.featurebox-wide {
	min-height: 300px;
	float: left;
	
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;

/*	
	background: none repeat scroll 0 0 #F0F0F0;    
    border: 1px solid #D7D7D7;
	box-shadow: 0 1px 0 #FFFFFF, 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	border-radius: 7px 7px 7px 7px;
    text-shadow: 0 1px 0 #FDFDFF;
*/
    padding: 1%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;	
}

div.featurebox {
	width: 46%;
}

div.featurebox h4 {
    margin: 10px 0 15px;
}

div.featurebox img {
    margin-top: 10px;
}

div.featurebox ul.check > li {
    background-image: url("../images/tools/list_check_black.png");
}

div.featuresettings, 
div.featurecomponents,
div.featureplugins,
div.featureos
{
    background-position: 0 0;
    background-repeat: no-repeat;  
	padding-left: 74px;
	min-height: 400px;
}

div.featuresettings a,  
div.featurecomponents a,
div.featureplugins a,
div.featureos a
{
	float: right;
	margin-top: 10px;
}

div.featuresettings {
    background-image: url("../../../images/java_formatter/settings_bubble.png");  
}

div.featurecomponents {
    background-image: url("../../../images/java_formatter/components_bubble.png");  
}

div.featureplugins {
    background-image: url("../../../images/java_formatter/plugins_bubble.png");  
}

div.featureos {
    background-image: url("../../../images/java_formatter/os_bubble.png");  
}

div.reviewbox {
	width: 48%;
	min-height: 110px;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;	
	background: none repeat scroll 0 0 #F4F4F4;
	border-radius: 7px 7px 7px 7px;
    padding: 1%;
	margin: 1%;
    text-shadow: 0 1px 0 #FDFDFF;	
}

/* Utility styles
-----------------------------------------------------------------------------*/

/* Internal links */

a.internal-link {
	text-decoration: none;
}
a.internal-link:hover {
	text-decoration: underline;
}

/* Center image */
img.center {
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}

img.right {
	float: right;
}

/* Image padding */
img.padding {
	margin: 10px;
}
img.padding-top {
	margin-top: 10px;
}

div.center {
	margin: 0 auto;
}

div.left {
	float: left;
	position: relative;
}

div.right {
	float: right;
	position: relative;
}

div.clear {
	clear: both;
}

div.padding-top {
	margin-top: 10px;
}

div.padding {
	padding: 10px;
}

div.padding10 {
	padding: 10px;
}

div.padding20 {
	padding: 20px;
}

/* Separators */
div.separator {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/section.png");
    background-origin: padding-box;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
	padding-top: 20px;
}

div.lineseparator {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAACCAYAAACXHrW5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yMS8xMRTK2QYAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAACJSURBVFiF7dDRDQIhEIThwagl0APQ13VlWWoPlKC5W580xsCSoL79XzIvO0CAYGY6X64HSa0cO3Ovm9nz9Xm11pMAAAAAAD8VY1wk3Z3cJrqZPTPnveYlp3UvSSWn3lvN+Qd7S2/+2be6UbZBt0myktPi3BUAAAAA8B9h0IXGmtCI142yc+bPrA9SsV5iEaGw/wAAAABJRU5ErkJggg==") no-repeat scroll 50% 100% transparent;
    display: inline-block;
    margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Text align left */
.textalign-left {
	text-align: left;
}

/* Text align right */
.textalign-right {
	text-align: right;
}

/* Text align center */
.textalign-center {
	text-align: center;
}

.button-large {
    font-size: 20px;
    padding: 13px 23px;
}

/* Immitate h1 title */
.h1title {
    font-size: 30px;
    line-height: 30px;
    color: #2C2B29;
}

/* Text styles */
.letterpress {
    color: #B0B0B0;
    text-shadow: 0 -1px 0px #666666, 0 1px 0px #FFFFFF;
}

.subtitle {
    font-size: 20px;
    line-height: 20px;
	color: #70A800;
}
	
/* Title */
/*.title{ margin: 15px 0 0 0; }*/
.title * {
	display: inline-block;
	position: relative;
}

.title h1 {
	margin: 0 0 5px 0;
	line-height: 65px;
    font-size: 65px;
    color: #2C2B29;
    text-shadow: 0 -1px 0 #666666, 0 1px 0 #FFFFFF;	    
}
.title h2 {
	margin: 0 0 5px 0;
	line-height: 26px;
	font-size: 26px;
    color: #2C2B29;
    text-shadow: 0 -1px 0 #666666, 0 1px 0 #FFFFFF;	    
}

.title span { font-weight: bold; }

.title h1:before,
.title h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
}
.title h1:before {
	top: 0;
	left: -30px;
}

.title h2:after {
	bottom: -5px;
	right: -30px;
}

div.customerquote {
	padding-left: 2%;
	padding-right: 2%;
	margin: 1%;
	background-color: #F4F4F4;
	width: 48%;
	min-height: 120px;
	float: left;
    border: 1px solid rgba(0, 0, 0, 0.15);
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;	
	border-radius: 7px 7px 7px 7px;
    text-shadow: 0 1px 0 #FDFDFF;	
	text-align: center;
	font-style: italic;
}

div.customerquote  h3 {
	font-size: 22px;
	line-height: 25px;
}

.teaser {
	display: block;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFDFA 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    color: #64605A;
    text-shadow: 0 1px 0 #FFFFFF;
	position: relative;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    padding: 15px;
	margin: 10px;	
	text-align: center;
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
}

.teaser h2,
.teaser h3,
.teaser h4 {
	margin-top: 10px;
	padding-bottom: 10px;
	color: #70a800;
}

.teaser:hover {
    background: linear-gradient(to bottom, #FFFDFA 0%, #F8F4F0 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
	text-decoration: none;
}

.teaserdotted {
	display: block;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFDFA 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
    color: #64605A;
    text-shadow: 0 1px 0 #FFFFFF;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.10);
    border-image: none;
    border-radius: 6px 6px 6px 6px;
    border-style: dashed;
    border-width: 2px;
    padding: 15px;
	margin: 10px;	
	text-align: center;
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
}

.teaserdotted  h4 {
	margin-top: 10px;
	padding-bottom: 10px;
}

.teaserdotted:hover {
    background: linear-gradient(to bottom, #FFFDFA 0%, #F8F4F0 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
	text-decoration: none;
}

a.teaserbutton {
	display: block;
    border-radius: 6px;
	
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	
    border-color: rgba(41, 27, 0, 0.08) rgba(41, 27, 0, 0.14) rgba(41, 27, 0, 0.26);
    border-image: none;
    border-left: 1px solid rgba(41, 27, 0, 0.14);
    border-right: 1px solid rgba(41, 27, 0, 0.14);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.7) inset, 0 0 10px rgba(41, 27, 0, 0.05) inset, 0 1px 1px rgba(41, 27, 0, 0.04), 0 7px 4px -4px rgba(41, 27, 0, 0.08);
    color: #64605A;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;	
    padding: 15px;
	margin: 10px;	
	text-align: center;
}

a.teaserbutton  h2 {
	margin-top: 10px;
	padding-bottom: 10px;
}

a.teaserbutton:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
	text-decoration: none;
}

div.bigteaser {
	background: linear-gradient(to bottom, #333333 0%, #444444 100%) repeat scroll 0 0 padding-box transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 3px #000000 inset, 0 0 20px rgba(0, 0, 0, 0.3) inset;
    color: #CCCCCC;
    padding: 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

div.install-teaser33 > a {
	width: 31%;
}

div.install-teaser33 > a:hover {
	background-color: #F0F0F0;
	text-decoration: none;
}

div.install-teaser33 h3 {
	margin-top: 5px;
	font-size: 22px;
	line-height: 25px;
}

/* ide plugins */
div.idebox {
	width: 150px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
    padding-right: 10px;
}

div.idebox h3 {
	font-size: 16px;
	line-height: 18px;
	color: #70A800;
}


/* architecture */
.width200px {
	width: 200px;
}

div.archbox {
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 15px;
}

div.archbox h3 {
	font-size: 16px;
	line-height: 18px;
	color: #70A800;
	margin-top: 0px;
}

div.bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Purchase
-----------------------------------------------------------------------------*/
div.purchase-box {
    border: 1px solid #dddddd;
	background: #f8f8f8;
	border-radius: 0px;
    padding: 5px;
}

div.purchase-box  fieldset div {
	padding-bottom: 3px;
}

div.purchase-box  select {
    vertical-align: top;
	font-size: 17px;
}

div.purchase-box  input {
    vertical-align: top;
	font-size: 17px;
}

div.purchase-box  label {
	font-size: 17px;
}

/* ROI
-----------------------------------------------------------------------------*/
#roiParams  input {
	width: 40px;
	text-align: right;
}

#roiResults .result  {
	text-align: right;
}

#roiResults .result-label {
	padding-left: 10px;
}


/* Request trial key
-----------------------------------------------------------------------------*/

form .request-license-key {
    display: block;
    margin: 10px 0;
    position: relative;
}

.request-license-key input {
    display: inline-block;
    -moz-box-sizing: border-box;	
    width: 100%;
    padding: 5px;
}

div.install-ides {
	clear: both;
	display: inline-block;
	margin-bottom: 20px;
}

div.install-ide  {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	text-align: center;
}

div.install-ide  a:hover {
	text-decoration: underline;
}


/* Overwrite anchors in license agreement
-----------------------------------------------------------------------------*/
#license a {
	color: #383838;
	text-decoration: none;
}

/* Pricing table
-----------------------------------------------------------------------------*/
.pricing-table {
    margin: 30px 0;
    text-align: center;
}

.pricing-table .product-selection {
	margin: 0 0 5px 0;
	line-height: 24px;
	font-size: 19px;
    color: #66645f;
    text-shadow: 0 -1px 0 #666666, 0 1px 0 #FFFFFF;	    
	padding: 10px 10px 20px 10px;
	text-align: cetner;
}

.pricing-table .product-selection  .radio {
	padding: 20px;
	display: table;
	margin: auto;
}

.pricing-table .product-selection  .radio select {
	color: #2C2B29;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

.pricing-table .box {
    background: none repeat scroll 0 0 #f8f7f0;
    border: 1px solid #D2D3D4;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    margin: 0;
}
.pricing-table ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.pricing-table ul li {
    margin: 0 auto;
}
.pricing-table .name {
    background: -moz-linear-gradient(center top , #505152 0%, #28292A 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(top, #505152 0%, #28292A 100%);
	background: -o-linear-gradient(top, #505152 0%, #28292A 100%);
	background: linear-gradient(to bottom, #505152 0%, #28292A 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: "ProximaNovaRegular",Arial,Verdana,sans-serif;
    font-size: 22px;
    line-height: 30px;
    margin: -1px -1px 0;
    padding: 8px 0;
}
.pricing-table .left .name {
    border-top-left-radius: 6px;
}
.pricing-table .right .name {
    border-top-right-radius: 6px;
}
.pricing-table .price {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E1E2E3;
    box-shadow: 0 1px 0 #FFFFFF;
    line-height: 14px;
    margin: 0 0 20px;
    padding: 20px 0;
}
.pricing-table .price strong {
    line-height: 40px;
}
.pricing-table .price .number {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 50px;
    line-height: 40px;
    vertical-align: text-top;
}
.pricing-table .price .free {
    font-size: 40px;
    margin: 5px 0 0;
}
.pricing-table .block {
    border-bottom: 1px solid #E1E2E3;
    box-shadow: 0 1px 0 #FFFFFF;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.pricing-table .block p {
    color: #999999;
    margin: 10px 0 0;
}
.pricing-table .block p:first-child {
    color: #444444;
    font-size: 18px;
    margin: 0;
}
.pricing-table .check {
    text-align: left;
}
.pricing-table p + .check  {
    margin-top: 5px;
}
.pricing-table .check li {
    width: 200px;
}
.pricing-table .check li.unchecked {
    background: none repeat scroll 0 0 transparent;
    height: 20px;
}
.pricing-table .middle {
    margin: -15px 0;
}
.pricing-table .middle > div {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #FAF9F2 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #FAF9F2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #FAF9F2 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #FAF9F2 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D3D4;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #FFFFFF inset, 4px 0 5px -3px rgba(0, 0, 0, 0.1), -4px 0 5px -3px rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}
.pricing-table .middle .name {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	background: -moz-linear-gradient(top, #98e400 0%, #689c00 100%);
	background: -webkit-linear-gradient(top, #98e400 0%, #689c00 100%);
	background: -o-linear-gradient(top, #98e400 0%, #689c00 100%);
	background: linear-gradient(to bottom, #98e400 0%, #689c00 100%) repeat scroll 0 0 transparent;
    border-color: #33024E #33024E #33024E #431A5A;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 1px;
    line-height: 37px;
    margin-top: -16px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.pricing-table .middle .price {
    margin-bottom: 15px;
    padding: 25px 0;
}
.pricing-table .tax {
    color: #999999;
    font-size: 11px;
    margin: 20px 0 0;
}
.pricing-table.icons .block.free {
    height: 50px;
}
.pricing-table.icons .check li {
    width: 170px;
}

.pricing-table .taxnote {
	padding-top: 15px;
    font-size: 11px;
}

.pricing-table .button-order {
	padding: 2px;
	width: 70px;
	line-height: 11px;
	font-size: 11px;	
}

/* Paypal dialog
-----------------------------------------------------------------------------*/

#modal-background {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	width: 100%;
	height: 100%;
}

#paypalwindow  h1 {
	color: #70A800;
	font-size: 22px;
    line-height: 22px;
 }
  
#paypalwindow {
	position: fixed;
	width: 440px;
	height: 240px;
	display: none;
	z-index: 9999;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
  
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #FAF9F2 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #FAF9F2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #FAF9F2 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #FAF9F2 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D3D4;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 0 1px #FFFFFF inset, 4px 0 5px -3px rgba(0, 0, 0, 0.1), -4px 0 5px -3px rgba(0, 0, 0, 0.1);
	
	text-align: left;
}

#paypalsubcontent {
	padding-top: 20px;
	min-height: 60px;
}

#paypalbutton-ok {
	font-weight: bold;
}

/* Company
-----------------------------------------------------------------------------*/

dl.company-info,
ul.company-info {
	padding-top: 10px;
	padding-left: 0;
}

ul.company-info li {
    background-image: url(../images/company_items.png);
    background-repeat: no-repeat;
    clear: both;
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 25px;
	display: inline;
}

dl.company-info dt {
    background-image: url(../images/company_items.png);
    background-repeat: no-repeat;
    clear: both;
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 25px;
    width: 160px;
}

dl.company-info dt.address,
ul.company-info li.address {
	background-position: 0 0;
}
dl.company-info dt.email,
ul.company-info li.email {
	background-position: 0 -16px;
}
dl.company-info dt.manager,
ul.company-info li.manager {
	background-position: 0 -32px;
}
dl.company-info dt.vat,
ul.company-info li.vat {
	background-position: 0 -48px;
}

dl.company-info dd {
    float: left;
	margin-left: 0px;
    margin-bottom: 20px;
    width: 250px;
}

/* Customers
-----------------------------------------------------------------------------*/

.customers img {
	padding: 20px;
}

/* Jindent - Product
-----------------------------------------------------------------------------*/

div.product-intro {
	font-size: 20px;
	line-height: 28px;
	display: table-cell;
}

a.product {
	padding-top: 30px;
	text-align: center;
	
	font-size: 20px;
	line-height: 28px;
}

a.product  .product-description {
	color: #4E4B46;
	text-align: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px 6px 6px 6px;
	padding: 15px;
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
}

a.product:hover  {
	text-decoration: none;
}

a.product:hover  .product-description {
	color: #70A800;
    border: 1px solid #D2D3D4;
    background: linear-gradient(to bottom, #FFFDFA 0%, #F8F4F0 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
}

a.product h2 {
	margin-top: 0px;
	padding-top: 0px;
	color: #70A800;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
}

div.product-feature-intro {
	width: 100%;
    clear: both;
	text-align: center;
}

a.product-feature {
	display: inline-block;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-left: 100px;
	margin-right: 100px;
	font-size: 20px;
	line-height: 30px;	
	text-align: left;
	color: #4E4B46;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6px 6px 6px 6px;
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
}

a.product-feature:hover{
	color: #70A800;
	text-decoration: none;
	transition: box-shadow 100ms linear 0s, border 100ms linear 0s, color 100ms linear 0s;
    border: 1px solid #D2D3D4;
    background: linear-gradient(to bottom, #FFFDFA 0%, #F8F4F0 100%) repeat scroll 0 0 padding-box transparent;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.07);
}

div.product-feature-icon {
	float: left;
	width: 150px;
	min-height: 120px;
}

div.product-feature-text {
	float: right;
	width: 600px;
	min-height: 120px;
}


a.product-feature  img {
	padding-right: 30px;
}

a.product-feature  h2 {
	color: #000000;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
}

/* Badges
-----------------------------------------------------------------------------*/

.badge-free, .badge-full-featured, .badge-discount {
    background-repeat: no-repeat;  
    height: 96px;
    right: -5px;
    top: -5px;
    width: 96px;
	position: absolute;
	z-index: 1;
}

.badge-free {
    background-image: url(../images/ribbon_free.png); 
}
.badge-full-featured {
    background-image: url(../images/ribbon_full_featured.png); 
}
.badge-discount {
    background-image: url(../images/ribbon_discount.png); 
}


/* Watch demo
-----------------------------------------------------------------------------*/

.youtubeplayer {
	float: right;
}

/* Footer / Keyword Menu
-----------------------------------------------------------------------------*/
#footercategorymenu li.level1:first-child,
#footermenu li.level1:first-child {
	padding-left: 0px;
}

#footercategorymenu li.level1:last-child,
#footermenu li.level1:last-child {
	padding-right: 0px;
}

#footercategorymenu li.level1,
#footermenu li.level1 {
	padding: 20px;
	vertical-align: top;
	font-weight: bold;
	color: #888888;
}

#footercategorymenu span.subtitle,
#footermenu span.subtitle {
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
	color: #888888;
}


#footercategorymenu li.level1 > span,
#footermenu li.level1 > span {
	padding-bottom: 3px;
}

#footercategorymenu  li.level2,
#footermenu  li.level2 {
	display: block;
	font-weight: normal;
	margin-left: 10px;
}

#footercategorymenu  li.level2 a,
#footermenu  li.level2 a {
	color: #555555;
}
#footercategorymenu  li.level2 a:hover,
#footermenu  li.level2 a:hover {
	color: #C9F451;
}

#footercategorymenu  li,
#footercategorymenu  ul,
#footermenu  li,
#footermenu  ul {
	background: none;
	padding-left: 0px;
	margin-left: 0px;
}

/* Menu
-----------------------------------------------------------------------------*/

.menu-dropdown ul.level2 {
	font-weight: bold;
}

.menu-dropdown li.level3 {
	font-weight: normal;
	padding-bottom: 5px;
}

.menu-dropdown li.level3:last-child {
	padding-bottom: 0px;
}


#menu .level4 {
	margin-left: 15px;
}

.menu-dropdown li.level4 {
    font-size: 11px;
    line-height: 17px;
}

/* possible main colors: #7a8000, #b40000, #500678 */
/* possible complementary color: #900052, #AB3E5B or #961428 */

/* Complementary color
-----------------------------------------------------------------------------*/
/*
#yoo-zoo .category .title a,
.teaserbutton h2,
.teaser h2,
.teaser h3,
div.mod-box h2,
div.mod-box h4,
h3.module-title span.color {
	color: #AB3E5B;
}
*/

div.mod-box .h1title {
	color: #2C2B29;
}