/* GLOBAL STYLES
==========================================*/
* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	color:#222;
}

a {
	color:#039;
}

a:hover {
	color:#3F2ADA;
}

img {
	border:none;
}

/*END OF GLOBAL STYLES*/

/* MAIN LAYOUT
==========================================*/
#page {
	width:980px;
	text-align:left;
	margin:0 auto;
}

#main,#bigmain {
	background: url(imagini/main.jpg) repeat-x top left;
}

#bigmain {
	padding:10px 20px;
}

#leftside {
	float:left;
}

#rightside {
	float:right;
}

.sidebar {
	margin-top:10px;
	width:160px;
}

#wrapper {
	float:left;
	width:810px;
}
#wrapper_kkt {
	float:left;
	width:900px;
}
#contentsmall {
	width:620px;
	padding:10px;
	float:right;
}

#content {
	width:800px;
	float:right;
}

.clear:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

* html .clear {
	height:1%;
}

/* END OF MAIN LAYOUT */

/* HEADER
=======================================*/

#header {
	font-size:24px;
	font-weight:bold;
	background: url(imagini/topleft.jpg) no-repeat right bottom;
}

/* END OF HEADER */

/* MENU
======================================*/

#menu {
	background:#65B4FF url(imagini/menustart.jpg) repeat-x;
	color:#fff;
	text-align:center;
	padding-left:28%;
}

#menu img {
	float:right;
	margin-right:8px;
	margin-top:4px;
}

#menu ul {
	list-style-type:none;
	display:block;
}

#menu li {
	display:block;
	float:left;
	padding:4px 10px;
	white-space:nowrap;
}

#menu a {
	color:#fff;
	text-decoration:none;
}

#menu a:hover {
	color:#cde;
}

/* END OF MENU */

/* SIDEBAR STYLES
=====================================*/

.sidebar .box {
	margin-bottom:20px;
	border:1px solid #498AF0;
	padding:10px;
	padding-top:0;
	background:#EBF5FF;
	color:#026AB3;
	font-size:11px;
}

.sidebar h3 {
	margin:0 -10px 10px;
	line-height:20px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	padding-left:16px;
	background:#498AF0 url(imagini/menuicon.gif) no-repeat left 4px;
}

.sidebar p {
	margin-bottom:10px;
}

.sidebar p .date {
	display:block;
	font-weight:bold;
}

.sidebar form {
	text-align:center;
}

.sidebar input {
	margin-bottom:3px;
}

/* END OF SIDEBAR STYLES */

/* CONTENT STYLES 
==========================================*/
#intro {
	padding:30px 40px;
	font-size:16px;
	font-family:Arial;
}

.product {
	margin-bottom:15px;
}

.product .prodimage {
	float:left;
	margin-right:8px;
}

.descript {
	margin-left:110px;
	padding-top:13px;
	margin-right:10px;
}

.title {
	text-align:right;
	padding:3px;
	padding-left:28px;
	background:#E7F2FF url(imagini/product.gif) no-repeat 4px 3px;
	padding-bottom:5px;
}


.title h2 {
	font-size:16px;
	font-family:Arial,Verdana,sans-serif;
	float:left;
}

.title img {
	margin:2px 1px 0;
}

.descript p {
	padding:10px;
	line-height:16px;
}

#contentsmall h2, #bigmain h2 {
	font-size:18px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:normal;
	line-height:24px;
	margin:3px 0 8px;
}

#contentsmall h1 {
    /* added 2008-09-30 */
	font-size:24px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:normal;
	line-height:30px;
	margin:3px 0 8px;
}

#bigmain h2 {
	font-weight:bold;
	color:#1F3CA7;
	margin-top:20px;
}

#contentsmall h3, #bigmain h3, .generic h3 {
	font-size:14px;
	font-family:Arial,Verdana,sans-serif;
	margin-top:12px;
	color:#1F3CA7;
}

#contentsmall p, #bigmain p, .generic p {
	line-height:1.5em;
	margin:0.5em 0 1.5em;
}

#contentsmall ul, #bigmain ul, #bigmain ol, .generic ul, .generic ol {
	margin:10px 20px 15px 40px;
}

#contentsmall li, #bigmain li, .generic li {
	line-height:1.5em;
}

/* FOOTER 
======================================*/

#footer {
	margin-top:30px;
	text-align:center;
}

#footer ul {
	list-style-type:none;
	margin:10px;
}

#footer li {
	display:inline;
	padding:1px 10px;
	border-left:1px solid #555;
}

#footer li.first {
	border:none;
}

#footer #copy {
	font-size:11px;
	margin-top:10px;
	margin-bottom:5px;
}

/* END OF FOOTER */

.centered {
	text-align:center;
}

.caption {
	margin:10px 0;
	font-weight:bold;
}

.sidebar .centered img {
	margin-bottom:10px;
}

.ql {
	list-style-type:none;
	margin-left:-5px;
}

.ql li {
	padding-left:18px;
	background: url(imagini/arrow.gif) no-repeat left -1px;
	padding-bottom:3px;
	border-bottom:1px solid #cde;
	margin-bottom:3px;
}

.ql a {
	text-decoration:none;
}

.ql a:visited {
	color:#742C00;
}

.ql a:hover {
	color:#f00;
}

.sr {
	list-style-type:none;
	margin-bottom:10px;
}

.useful {
	list-style-type:none;
}

.useful li {
	padding-bottom:3px;
	border-bottom:1px solid #cde;
	margin-bottom:3px;
}

.useful li a {
	text-decoration:none;
}

.affiliates p {
	font-size:14px;
	text-align:center;
}

.affiliates a {
	display:block;
	color:#f00;
	font-weight:bold;
}

.bigger {
	font-size:12px;
}
.flopi_red {
	color:#FF0000;
}

.bundleimg {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
	border:1px solid #cde;
}

.generic h2 {
	font-size:18px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:normal;
	line-height:24px;
	margin:30px 0 8px;
	color:#1F3CA7;
}

.generic h1 {
    /* added 2008-09-30 */
	font-size:24px;
	font-family:Arial,Verdana,sans-serif;
	font-weight:normal;
	line-height:30px;	
	margin:30px 0 8px;
	color:#1F3CA7;
}


h4 {
	margin:30px 0 5px;
}

.answers {
	padding:5px 0 30px;
}

.alexa {
	float:right;
	margin:20px;
}

.link {
	margin-bottom:15px;
}

.link div {
	float:left;
	width:150px;
	text-align:center;
	margin-bottom:5px;
}

.link h3, #bigmain .link p {
	margin-left:150px;
}

#bigmain .link p {
	margin-bottom:0.5em;
}

.orderprod {
	margin-bottom:10px;
}

.orderprod img {
	float:left;
	margin-right:10px;
}

.orderprod h4 {
	padding-top:10px;
	margin-top:0;
}

.purchase p {
	line-height:30px;
	margin-top:5px;
	margin-bottom:0;
	margin-left:30px;
}

.purchase img {
	float:right;
	margin-right:300px;
}

#multicomp {
	width:600px;
	margin:20px auto;
	text-align:center;
	border:1px solid #9ab;
	border-bottom:none;
	border-right:none;
}

#multicomp td, #multicomp th {
	padding:10px;
	border:1px solid #9ab;
	border-top:none;
	border-left:none;
}

#multicomp th {
	background:#9ab;
	color:#fff;
}

#versiondiff {
	width:600px;
	margin:20px auto;
	font-size:12px;
	text-align:center;
	border:1px solid #9ab;
	border-bottom:none;
	border-right:none;
}

#versiondiff td,#versiondiff th {
	padding:5px;
	border:1px solid #9ab;
	border-top:none;
	border-left:none;
}
#versiondiff th {
	background:#9ab;
	color:#fff;
}
.floatedright {
	float:right;
	margin-right:60px;
	margin-left:10px;
}

#bigmain form, .generic form {
	margin:10px;
	padding:10px;
	border:1px solid #cde;
}

#bigmain form label, .generic form label {
	float:left;
	width:150px;
	margin-right:10px;
	font-weight:bold;
	text-align:right;
	line-height:24px;
}

#bigmain form br, .generic form br {
	clear:both;
	display:block;
	height:10px;
}

#bigmain form input, #bigmain form select, #bigmain form textarea, .generic form input,
.generic form select, .generic form textarea {
	margin-top:3px;
	border:1px solid #9ab;
}

#bigmain form input.button, .generic form input.button {
	background:#cde;
	margin-left:160px;
	margin-top:10px;
}

#bigmain form label.optional, .generic form label.optional {
	font-weight:normal;
}

.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background: #65B4FF;
	width: 225px;
	margin-top:3px;
	text-align:left;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
	background-color: black;
	color: white;
}
.templates {
	padding:5px 0 30px;
	border-top:1px dashed #83ADC3;
}
