/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #fff; font: 0.75em/1.5 Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; } /* body height 100% */

a { color: #0066сс; }
a:visited {  }
a:hover {  }
a:active {  }

/* Content elements
------------------------------ */

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Verdana, Geneva, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, hr { margin-bottom: 11px; }

.box { margin: 11px; }
.u-line { border-bottom: 1px solid; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/* Images
------------------------------ */

.content img { margin: 5px; }
.content img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Inputs
------------------------------ */

input[type=text] { vertical-align: middle; padding: 3px; }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }


.dumping { background: #eee; color: black; position: relative; top: 30px; margin: 30px 20px; }

.fr { float: right; }
.fl { float: left; }
.fc { display: block; margin: 0 auto; }
.cc { clear: both; }

.br-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.br-10-top { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px; }
.br-11-top { -webkit-border-top-left-radius: 11px; -webkit-border-top-right-radius: 11px;-moz-border-radius-topleft: 11px;-moz-border-radius-topright: 11px;border-top-left-radius: 11px;border-top-right-radius: 11px; overflow: hidden; }
.shadow { -moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; }
.shadow-up { -moz-box-shadow: 0px -2px 3px #333; -webkit-box-shadow: 0px -2px 3px #333; box-shadow: 0px -2px 3px #333; }


.paging { width: 50%; float: left; font-size: 13px; }
.paging b { display: block; float: left; padding: 4px 10px; margin: 0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #9f6500 url('../images/button.png') repeat-x 0 -60px; color: white; text-shadow: 1px 1px 1px #000; }
.paging a { display: block; float: left; padding: 4px 10px; text-decoration: none; margin: 0 2px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #9f6500 url('../images/button.png') repeat-x 0 0px; color: white; text-shadow: 1px 1px 1px #000; }
.paging a:hover { background: #494949 url('../images/button.png') repeat-x 0 -30px; }

/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#fff;

	padding: 20px;

	width:800px;
	min-height:400px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.multi_upload_preview, .mup { border: 1px solid #eee; margin: 5px 15px !important; position: relative; width: 150px; text-align: center; height: 150px; float: left; list-style: none; background: #eee; border: 1px solid #ccc; overflow: hidden; }
.multi_upload_preview img, .mup img { border: 0px !important; margin: 0px; padding: 0px; }
.multi_upload_preview a { position: absolute; left: 0px; top: 0px; display: none; cursor: pointer; }
.multi_upload_preview a img { background: #eee; padding: 3px; }
.ajax_notice { position: fixed; top: 30px; left: 70%; width: 150px; display: none; text-align: center; z-index: 10000; -moz-box-shadow: 2px 2px 3px #333; -webkit-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; }

.basket_table {  }
.basket_table th { padding: 3px; }
.basket_table td { padding: 2px 4px; vertical-align: middle; }
.basket_table td input[type=text] { width: 30px; padding: 2px; }
.basket_table td:nth-child(4) { width: 50px; }
.basket_table td:last-child, .basket_table td:first-child, .basket_table td:nth-child(4), .basket_table td:nth-child(5), .basket_table td:nth-child(6) { text-align: center; }
.basket_table tr:nth-child(2n-1) td { background: #fff; }
.basket_table tr:nth-child(2n) td { background: #eee; }

.one-faq { background: #fff; padding: 10px; }

.w-49 { width: 49%; }
.w-50 { width: 50%; }

.features td { padding: 10px 0px; border: 0px; font-family: Myriad Pro; font-size: 20px; width: 33%;}
.features td img { margin: 5px; border: 0px; width: 100px; height: 100px; }
.mainpage td { padding: 5px; border: 0px; vertical-align: middle;}