* {
	font-family: Verdana, Geneva, sans-serif;
}
body {
	color: #000000;
	background: #EFEFEF; 
	padding: 0;
	margin: 0;
/*	background:url(../images/bg.jpg) 0 0 no-repeat #efefef;*/
}
body, td, th, input, textarea, select, a {
	color: #333;
	font-size: 12px;
}
h1 {
	font: normal 20px Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: #630;
}

.heading {
	font: normal 20px Arial, Helvetica, sans-serif;
	margin-top: 0;
	position: relative;
	top: -5px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 38px;
	clear: both;
}

h1 {
	margin-bottom: 15px;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	color: #630;
	margin-top: 0px;
}
h3 {
	font-weight: normal;
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #C7C7C7;
	color: #999;
	text-transform: uppercase;
}
.heading {
	margin-bottom: 0px;
}
a, a:visited {
	color: #036;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
b {
	font-weight: bold;
	color: #000;
}
a b {
	color: #036;
}
#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#header #logo {
	position:absolute;
	width:190px;
	height:56px;
	left:5px;
	top:25px;
	background: url('../images/logo.png') no-repeat;
}
#header {
	padding-top: 20px;
	position:relative;
}
#header .div1 {
	height: 86px;
}
#header .div2 {
	float: left;
	padding-left: 10px;
	margin-top: -10px;
}
#header .div3 {
	float: right;
	position: relative;
	top: 35px;
	padding-right: 10px;
}
#header .div3 a {
	margin: 0 15px 0 5px;
	position: relative;
	top: -10px;
	color: #666666;
	font:12px tahoma;
	text-decoration: none;
}
#header .div3 a:hover {
	color:#333;
}

#header .div3 img {
	margin-left: 20px;
}
#header .div3 h1 {
	margin-left: 20px;
}
#header .div4 {
	background: url('../images/header.png') no-repeat;
	padding-top: 5px;
}
#header .div5 {
	text-align:center;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 10px;
	background: #C60200;
	color: #FFFFFF;
	font-size: 13px;
}
#header .div5 a {
	color: #FFFFFF;
	font: 12px tahoma;
	text-decoration:none;
	font-weight: 500;
	text-decoration: none;
	margin-left: 13px;
	margin-right: 13px;
}
#header .div5 a:hover {
	text-decoration:underline;
}
#breadcrumb {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#breadcrumb a {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}
#content {
	background: #FFF;
	padding: 5px 15px 10px 15px;
	min-height: 400px;
}
#footer {
	background: url('../images/footer.png') no-repeat;
	padding-top: 10px;
	position:relative;
	height:100px;
}
#footer .div2 {
	position:absolute;
	top:18px;
	right:0px;
	width:300px;
	text-align:right;
	color: #666666;
}
#home {
	background: url('../images/opencart.jpg') no-repeat;
	width: 870px;
	height: 237px;
	margin-bottom: 15px;
}
#home .div1 {
	float: left;
	border: 1px solid #CCC;
	position: relative;
	top: 15px;
	left: 20px;
	line-height: 0;
}
#home .div1 img {
	display: inline-block;
}
#home .div2 {
	float: right;
	color: #FFF;
	position: relative;
	top: 15px;
	left: -20px;
	width: 430px;
}
.required {
	color: #F00;
	font-weight: bold;
}
.error {
	margin-top: 3px;
	display: inline-block;
	color: #F00;
}
.success {
	padding: 5px 0px;
	margin-bottom: 20px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.buttonbig, .buttonbig:visited {
	background: url('../images/buttonbig.png') no-repeat;
	width: 200px;
	height: 50px;
	display: inline-block;
	margin: 0 10px 0 0;
	font:bold 14px tahoma;
	text-align: center;
	color: #333;
	text-decoration:none;
	position:relative;
}
.buttonbig img {margin:0 0 -5px 0;}
.buttonbig small {
	font:10px tahoma;
	position:absolute;
	bottom:3px;
	left:20px;
	
}
.buttonbig:hover {
	color: #000;
}
.buttonbig img {
	position: relative;
	top: 7px;
	left: 4px;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.features {
	border-collapse: collapse;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	margin-bottom: 20px;
	width: 100%;
}
.features td {
	padding: 5px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.features tr.even {
	background: #FFFFFF;
}
.features tr.odd {
	background: #E4EEF7;
}
.support {
	border-collapse: collapse;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	width: 100%;
}
.support td {
	padding: 5px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
}
.grey {
	background: #F3F3F3;
	border: 1px solid #E6E6E6;
	margin-bottom: 20px;
	padding: 10px;
}
.grey input.in {border: 1px solid #E6E6E6;width:200px}
.grey textarea {border: 1px solid #E6E6E6;}
.orange {
	background: #FFF5CC;
	border: 1px solid #FFE0CC;
	margin-bottom: 20px;
	padding: 10px;
}
.orange h3 {
	font-weight: normal;
	color: #630;
	margin-top: 0px;
	margin-bottom: 10px;
}
.green {
	background: #E8F3DE;
	border: 1px solid #D3E8BB;
	margin-bottom: 20px;
	padding: 10px;
}
.blue {
	background: #E9F0F7;
	border: 1px solid #D0E2F0;
	margin-bottom: 20px;
	padding: 10px;
}

fieldset {
	border: 1px solid #DCDCDC; 
	padding: 10px 10px 10px 10px;
}
legend {
	border: 1px solid #DCDCDC; 
	background: #F9F9F9; 
	color: #404040;
	padding: 5px 15px 5px 15px;
	margin-bottom: 10px;
}

.button {
	color: #FFF;
	font-size: 14px;
	padding: 4px 20px 4px 20px;
	border: 1px solid #7EAC0E;
	background: #B1E23B url('../images/button.png') repeat-x;
}

input.form {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background: #F9F9F9;
	border: 1px solid #DCDCDC;
	color: #404040;
	margin: 3px 0px;
	padding: 4px;
}

.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list thead td {
	background-color: #F7F7F7;
	padding: 0px 5px;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
}
.list tbody tr:odd {
	background: #FFFFFF;
}
.list tbody tr:even {
	background: #E4EEF7;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .asc {
	padding-right: 15px;
	background: url('../images/asc.png') right center no-repeat;
}
.list .desc {
	padding-right: 15px;
	background: url('../images/desc.png') right center no-repeat;
}

.pagination {
	display: inline-block;
	width: 100%;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #DDDDDD;
	padding: 4px 10px;
	font-size: 12px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	font-size: 12px;
}
.htabs {
	height: 32px;
	margin-bottom: 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
	padding-left: 10px;
	clear: both;
}
.htabs a {
	float: left;
	display: block;
	padding: 7px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #F7F7F7;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.htabs a.selected {
	background: #FFFFFF;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.vtabs {
	width: 160px;
	padding: 10px 0px;
	min-height: 300px;
	float: left;
	display: block;
	border-right: 1px solid #DDDDDD;
}
.vtabs a {
	display: block;
	float: left;
	width: 130px;
	margin-bottom: 5px;
	clear: both;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
	padding: 6px 14px 7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #000000;
}
.vtabs a.selected {
	padding-right: 15px;
	background: #FFFFFF;
}
.vtabs_page {
	margin-left: 175px;
}

.extension {
	clear: both;
	width: 100%;
}
.extension + .extension {
	padding-top: 15px;
	border-top: 1px solid #EEEEEE;
}
.extension .div1 {
	float: left;
	margin-right: 15px;
	margin-bottom: 12px;
}
.extension .div2 {
	float: left;
	width: 400px;
	margin-bottom: 12px;
}
.extension .div2 a {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.extension .div3 {
	float: right;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.extension .div3 img {
	float: left;
	margin-left: 1px;
	vertical-align: top;
}

/*----------table.price--------------------------*/
	table.price{
		position:relative;left:11px;
		float:none !important;
	}
	table.price *{
		font-size:14px;
		font-family:Arial, Helvetica;
	}
	table.price select{
		font-size:12px;
	}
	table.price th{
		text-align:center;
	}
	table.price td,
	table.price th{
		padding:12px 6px;
	}
	table.price tbody.with_inputs td,
	table.price tbody.with_inputs th{
		padding:12px 6px 3px 6px;
	}
	table.price tbody.with_inputs td.first,
	table.price tbody.with_inputs td.last{
		padding:0px;
	}
	table.price thead td,
	table.price thead th{
		background-color:#8e79a2;
		color:white;
	}
	table.price thead td a,
	table.price thead th a{
		color:white;
	}
	table.price tbody td,
	table.price tbody th{
		font-weight:normal;
		color:#4e4e4c;
	}
	table.price tbody td span,
	table.price tbody th span{
		color:#989994;
		font-size:11px;
	}
	table.price tbody tr.r2 td,
	table.price tbody tr.r2 th{
		background-color:#f4f5ed;
	}
	table.price tfoot td,
	table.price tfoot th{
		background-color:#f4f5ed;
	}
	table.price tfoot td{
		padding:6px;
	}
	table.price tfoot th{
		padding:20px 12px;
	}
	table.price tfoot .delim td{
		padding:0px;
		height:4px;
		overflow:hidden;
		background:none;
	}
	table.price div.label{
		margin:10px 0px;
		color:#80807D;
		font-weight:bold;
		cursor:default;
	}
	table.price div.row{
		height:28px;
		margin:3px 0px 3px 3px;
		line-height:28px;
		color:#80807D;
	}
	table.price div.row2{
		height:44px;
		line-height:20px;
		position:relative;
		top:-12px;
		margin:0px;
	}
	table.price div.row div.fl{
		width:110px;
	}
	table.price div.row input{
		width:227px;
	}
	table.price .first,
	table.price .last{
		width:12px;
		vertical-align:top;
		padding:0px;
	}
	table.price .with_border{
		background:#8e79a2 url(../images/dot_white.gif) top left repeat-y;
	}
	table.price thead .first,
	table.price thead .first .corner,
	table.price thead .last,
	table.price thead .last .corner{
		background:url(../images/corners_violet.gif) no-repeat;
		background-color:white !important;
	}
	table.price tbody tr.r2 .first,
	table.price tbody tr.r2 .first .corner,
	table.price tbody tr.r2 .last,
	table.price tbody tr.r2 .last .corner,
	table.price tfoot .first,
	table.price tfoot .first .corner,
	table.price tfoot .last,
	table.price tfoot .last .corner{
		background:url(../images/corners_gray.gif) no-repeat;
		background-color:white !important;
	}
	table.price thead .first,
	table.price tbody tr.r2 .first,
	table.price tfoot .first{
		background-position:bottom left;
	}
	table.price thead .first .corner,
	table.price tbody tr.r2 .first .corner,
	table.price tfoot .first .corner{
		background-position:top left;
	}
	table.price thead .last,
	table.price tbody tr.r2 .last,
	table.price tfoot .last{
		background-position:bottom right;
	}
	table.price thead .last .corner,
	table.price tbody tr.r2 .last .corner,
	table.price tfoot .last .corner{
		background-position:top right;
		float:right;
	}
	table.price td.parameters i,
	table.price th.parameters i{
		font-style:normal;
	}
	table.price div.corner{
		width:12px;
		height:12px;
		overflow:hidden;
	}
	table.price tfoot div.corner{
		top:-20px;
	}
	table.price div.cntr{
		margin:0px auto;
		width:80px;
	}
	table.price a.ajax_link{
		line-height:20px;
	}
	table.price div.for_sale div{
		color:red;
		font-weight:bold;
	}
	table.price div.for_sale strike{
		font-size:12px;
	}
	table.price div.plus,
	table.price div.minus{
		width:22px;
		height:26px;
		background:url(../images/ico_plus.gif) center -1px no-repeat;
		cursor:pointer;
	}
	table.price div.minus{
		background:url(../images/ico_minus.gif) center -1px no-repeat;
	}
	table.price div.pgray,
	table.price div.mgray{
		background-position:center -31px;
		cursor:default;
	}
	table.price div.cross{
		width:15px;
		height:15px;
		background:url(../images/splash_cross.gif) no-repeat;
		cursor:pointer;
		float:right;
		background-color:#caccc1;
	}
	table.price tr.r2 div.cross{
		background-image:url(../images/splash_cross_intable.gif);
	}
	table.price div.cross_selected{
		background-color:#e67018;
	}
	.copy {position:absolute; left:0px; top:18px;}
.yes {
	background-image:url(../images/yes.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	display:block;
	min-height:16px;
}
#yes1,#yes2 {
	position:relative;
	width:400px;
	margin:0 20px 0 0;
	float:left;
}
#yes2 {
	margin:0;
}
.clear-fix {clear:both}
#templates,#clients {text-align:center;margin:0 0 20px 0}
#templates img, #clients img, .portfolio img {
	 padding:1px; background:#fff; border:1px solid #494949; box-shadow:0 2px 2px 1px #D2D2D2; -webkit-box-shadow:0 2px 2px 1px #D2D2D2; -moz-box-shadow:0 2px 2px 1px #D2D2D2;
}
#templates img, #clients img {
	border:1px solid #999999;
	margin:0 0 10px 0;
}
#templates .tmpl,#clients .tmpl {
	margin:0 20px 10px 0;
}
.right {text-align:right;}
#news {
	position:relative;
	width:280px;
	float:left;
	margin:0 20px 20px 0;
}
#addons {
	position:relative;
	width:280px;
	float:left;
	margin:0 20px 20px 0;
}
#forums {
	position:relative;
	width:270px;
	float:left;
	margin:0 0 20px 0;
}
.new-item {
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
}
.new-item .date {
	font:11px tahoma;
	color:#555;
	display:block;
}
.new-item a {
	text-decoration:underline;
}
.new-item a:hover {
	text-decoration:none;
}
.data-news-top {
	color:#333;
	font:11px tahoma;
	margin:0 0 10px 0;
}
.menu-body5 {margin:10px 0;line-height:1.5}
.message {font:bold 12px Verdana;}
.portfolio td {padding:10px;text-align:center}
#forums .item {display:block;margin: 0 0 10px 0}
#forums .date {font:11px tahoma;color:#555;display:block;}

.tdev {border:1px solid #eee}
.tdev p {margin:0;padding:0}

.news-item {margin:10px 0}
.news-item .news-title-doc {font:bold 14px arial;display:block;}
.news-item .news-date-doc {font:12px arial;color:#999;display:block;}
