/* new design */
.home.active {
	background-image:url(/media/images/home_sel.jpg);
}

.templ.active {
	background-image:url(/media/images/templ_sel.jpg);
}

.howit.active {
	background-image:url(/media/images/howit_sel.jpg);
}

.about.active {
	background-image:url(/media/images/about_sel.jpg);
}

/* general */

#page-content {
	min-height:700px;
}

ul.regular {
	list-style-type:square;
	margin:0 0 0 30px;
}
/* template */

h1{
	/*font-size:25px;*/
}

div.template-edit-instructions {
	padding:30px;
}

div.template-edit-instructions-numbered {
	text-align:center;
	font-size:30px;
	line-height:30px;
	padding-bottom:10px;
}

div.template-edit-instructions-title {
	font-weight:bold;
	padding:10px 0 0px 0;
	font-size:20px;
	height:60px;
}
	
div.template-edit-instructions-1 {
	float:left;
	width:200px;
}

div.template-edit-instructions-1 ul{
	list-style-type:circle;
	padding-left:40px;	
}
div.template-edit-instructions-1 ul li{
	/*padding:5px;*/
}	

div.template-edit-instructions-2 {
	float:left;
	width:200px;
}
div.template-edit-instructions-3 {
	float:left;
	width:200px;
}

div.template-edit-instructions-2, div.template-edit-instructions-3  {
	text-align:center;
}
div.template-price {
	
}

div.template-left-pane {
	
	float:left;
}



div.template-actions{
	float:left;
	margin-left:10px;
	width:178px;
	position:relative;
	height:384px;
}

div.template-name, div.template-price{
	font-size:20px;
	line-height:20px;
	padding-bottom:10px;
}

div.template-actions-first-block{
	font-size:15px;
	line-height:15px;
	background:white;
		padding:0 20px;
		border:1px solid black;
}

div.template-actions-first-block div{
	padding:10px 0;
	}

div.template-actions-terminate{
	position:absolute;
	bottom:0px;
	border:1px solid black;
	background:white;
	padding:35px 10px 15px 10px;
}

div.template-actions-terminate div{
	
	}

div.buy-reason {
	font-size:12px;
	line-height:12px;
	
}

div.editable-block {
	position:absolute;
}

div.template-edit-left {
	margin-right:20px; 
}

div.template-edit-left input {
	font-size:12px;
	/*width:280px;*/
	width:100%;
}

div.template-edit-left .template-input-div {
	padding:10px 0;
}

div.template-content-box {
	
	background:white;padding:20px; margin: 20px 0;border:1px solid black;
}

div.context-change {
	font-size:24px;	
}

div.context-change div {
	padding:10px 0;
}

/* template list */

.certificate-use-explain {
	
}

.certificate-gallery-property {
	font-weight:bold;
}

ul.template-list{
	list-style-type:none;
}

ul.template-list li{
	margin:50px 0;
}

img.certificate{
	width:256px;
	height:121px;
}

div.template-left{
	float:left;
	height:121px;
}

div.template-right{
	float:left;
	padding-left:50px;
	font-size:35px;
	font-weight:bold;
	position:relative;
	height:121px;
	width:150px;
}

div.template-gallery {
	float:left;
	width:500px;
}

div.template-category-list {
	float:right;
	margin:50px 0 0 0;
	font-size:20px;
	line-height:20px;
}
div.template-right-assistance{
	float:left;
	font-size:20px;
	line-height:20px;
	width:360px;
}

div.assistance-question {
	padding:200px 0 10px 0;
	font-weight:bold;
}

div.assistance-answer {
	padding:20px 0;
}	

div.template-name {
	line-height:35px;
}

.clear{
	clear:both;
}

/* articles */

.intro {
	padding:28px 0 0 0;
	font-size:14px;
	line-height:14px;	
}

.article-list {
	font-size:14px;
	padding:0 0 28px 0;	
}

.article-list ul {
	list-style-type:circle;
	margin:0 0 0 20px;
	}
	
/* article page */

#article-content {
	font-size:14px;
	line-height:22px;
	padding:20px;
}

#article-conclusion {
	margin:20px 0;
}
/* how it works */

.article-suggestion {
	margin:20px 0;
	font-size:24px;	
}

ol.numbered-list {
	list-style-type:decimal;
	margin:0 0 0 30px;
}
 
 .how-it-works {
	font-size:20px;
	line-height:30px; 	
}

.how-it-works li {
	padding:10px;	
}

/* faq */
	
.faq-item {
	padding:20px 0;	
}

.faq-question, .faq-answer {
	font-size:18px;
	padding:10px;
 }
 
 .faq-answer{
 	line-height:24px;
 }
 
.faq-answer li{
	padding:10px;
}
