/**
 * Стили для шаблона themeforest
 */

.clear {clear:both;height:0px;overflow:hidden}
body {font-size:70%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:tahoma;vertical-align:baseline}
*:focus{outline:0}
body{color:black;background:white;}
ol,ul{list-style:none outside none;}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:"" ""}
q:before,q:after,blockquote:before,blockquote:after{content:""}
img a {border:none}
a {text-decoration: none; color: #F33;}
a:hover {text-decoration: underline;}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
input, select, texarea {
	font-family: tahoma;
}

div.document {
	width: 100%;
	/*background: #D2D1D0 url('../images/sprite_vert.png') repeat-x 0px -807px; [ug]*/ background: url('../images/bg_1.gif');
}

.clickable {
	cursor: pointer;
}

/* ========== header ========== */

div.header {
	position:relative;
	margin: 0 auto; /* для центровки по горизонтали */
	/*background: url('../images/sprite.png') no-repeat 0px -465px; [ug]*/
	height: 150px;
}

div.topheader {
	height: 58px;
}

div.middleheader {
	/*height: 88px; [ug]*/ height: 50px;
}

div.bottomheader {
	height: 44px;
}

div.mainlogo {
	padding: 67px 0 0 95px;
	position: absolute;
}

div.header_image {
	width: 701px;
	height: 110px;
	/*background: url('../images/header.png') transparent no-repeat; [ug]*/background: url('../images/bg_header2.jpg') transparent no-repeat;
	position: absolute;
}

div.slogan {
	position: absolute;
	color: #FFF;
	left: 45%;
	top: 5px;
}

div.slogan span {
	font: bold 250% times new roman;
		font-style: italic;
	margin-left: 100px;
}

div.cart {
	position: absolute;
	/*float: right;*/
	left: 90%;
	font-weight: bold;
	/*margin: 20px 10% 10px 0; [ug]*/ margin: 15px 10% 0 0;
}

div.cart  a {
	color: #FFF;
}

/* ========== /header ========== */

/* ========== menus ========== */

div.car_menu {
	float: left;
	color: #FFF;
	font: bold larger arial;
	text-align: center;
	margin: 3px 10px 3px 8%;
	background: url('../images/sprite.png') no-repeat -531px -3px;
	cursor: pointer;
	width: 162px;
	height: 38px;
	line-height: 38px;
}

div.car_menu:hover {
	background-position: -531px -43px;
}

div.moduletable_main {
	background-color: #666;
	margin: 8px auto;
	padding: 0 0 0 5%;
	width: 95%; /* 792 = 812 - 10 - 10 */
	height: 34px;
	line-height: 34px;
	z-index: 10px;
	position: absolute;
	font-size: 120%;
}

div.moduletable_main li {
	cursor: pointer;
}

div.moduletable_main ul.menu li {
	float: left;
}

div.moduletable_main ul.child li {
	position: absolute;
	white-space: nowrap;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	/*background: #000 url('../images/nav-background-idle.png') repeat-x;*/
	background-color: #666;
}

div.moduletable_main li:hover, 
div.moduletable_main ul.child li:hover {
	/*background-image: url('../images/nav-background.png');*/
}

div.moduletable_main li a {
	padding: 0 10px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

div.moduletable_main li:hover > a {
	color: #B55;
}

div.moduletable_main ul.child li:hover > a {
	color: #B55;
}

/* ========== /menus ========== */

/* ========== footer ========== */

div.footer {
	color: #E0E0E0;
	position:relative;
	margin: 0 auto;
	/*background: #3B3630 url("../images/footer_bg.png") no-repeat; [ug]*/
	height: 280px;
}

div.footer a {
	color: #E0E0E0;
}

div.topfooter {
	height: 260px;
}

div.bottomfooter {
	height: 20px;
	border-top: 1px solid #888;
	background-color: #2C2A28;
}

div.footer_part1, 
div.footer_part2, 
div.footer_part3 {
	float: left;
	width: 31%; /* 31 = (100 - 3 * (2 * 1) - 1(доп.)) / 3 */
	padding: 3px;
	height: 254px;
}

div.footer_part2, 
div.footer_part3 {
	background: transparent url("../images/sprite_vert.png") no-repeat;
	-background: none;  /* убираем бэкграунд для ie6 */
}

/* ========== /footer ========== */

/* ========== content ========== */

div.content {
	margin: 0 auto;
	padding: 10px 20px;
	min-height: 700px;
}

div.left, 
div.center, 
div.right {
	float: left;
	margin: 5px 0.5%;
}

div.left {
	width: 11%;
}

div.center {
	/*width: 66%; [ug]*/ width: 87%; /* 66 = 100 - (11 + 2 * 0.5) - (19 + 2 * 0.5) - 2 * 0.5 - 1(доп.) */
}

div.right {
	width: 19%;
}

/* todo: применить 1 div с outline и border вместо этих двух div-ов */
div.outer_boundary {
	margin: 4px 0;
	border: 1px solid #888;
	/*border-radius: 4px; [ug]*/
	background-color: #FFF;
}

div.inner_boundary {
	border-radius: 3px;
	/*background-color: #EEE; [ug]*/
	margin: 3px;
	padding: 4px;
}

/* для центрального элемента сайта - немного другой дизайн */
div.center div.inner_boundary {
	/*background-color: #EEE; [ug]*/
	font-size: larger;
}

div.red_button {
	margin: 4px;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
	float: left;
	padding: 0 5px;
	background: 0 -312px url("../images/sprite.png") no-repeat transparent;
	-background: none;  /* убираем бэкграунд для ie6 */
}

div.red_button span {
	font-family: arial;
	color: #FFF;
	display: block;
	padding: 0 10px 0 5px;
	background: right -312px url("../images/sprite.png");
	-background: none;  /* убираем бэкграунд для ie6 */
}

div.red_button:hover {
	background-position: 0 -334px;
}

div.red_button:hover span {
	color: #A00;
	background-position: right -334px;
}

div.remove {
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/icon-delete.png) transparent no-repeat;
}

input.empty,
select.empty,
textarea.empty {
	color: #CCC;
	font-family: times;
	font-style: italic;
}

span.red {
	color: #F00;
}

button {
	background-color: #FFF;
	border: 1px solid #666;
	color: #000;
	padding: 2px;
	margin: 3px;
	cursor: pointer;
}

button:hover {
	background-color: #EEE;
}

/* ========== /content ========== */

/* ========== joomla ========== */

h1, 
h2, 
h3,
h4, 
h5,
h6 {
	font-size: larger;
	font-weight: bold;
}

div[class^=moduletable] > h1, 
div[class^=moduletable] > h2, 
div[class^=moduletable] > h3,
div[class^=moduletable] > h4, 
div[class^=moduletable] > h5,
div[class^=moduletable] > h6 {
	text-align: center;
	margin-bottom: 10px;}

/* материал */
div.item-page {
	background-color: #FFF;
	padding: 4px;
}

div.item-page p {
	padding: 10px 3px;
	text-align: justify;
}

div.item-page ul li {
	list-style: disc outside;
	padding: 5px 3px;
	margin-left: 20px;
	text-align: justify;
}

div.item-page ul.numeric > li,
div.item-page ol li {
	list-style: decimal inside;
}
	
/* строка одного материала в списке материалов */
div.items-row {
	margin: 5px 2px;
	padding: 4px;
	background-color: #FFF;
}

/* вывод списка материалов категории */
table.category {
	font-size: 130%;
}

/* список материалов категории */
ul.category-module li {
	margin: 5px 2px;
	padding: 4px;
	background-color: #FFF;
	font-size: 80%;
}

ul.category-module li h1,
ul.category-module li h2,
ul.category-module li h3,
ul.category-module li h4,
ul.category-module li h5,
ul.category-module li h6 {
	display: inline;
}

div.pagination, 
div.pagination p {
	text-align: center;
	padding: 2px;
}

div.pagination ul li {
	display: inline;
	padding: 1px 4px;
	margin: 3px;
}

div.pagination a.pagenav {
	text-decoration: none;
}

div.moduletable_login {
	margin: 5px;
}
div.moduletable_login p {
	padding: 5px;
}

div.moduletable_login p#form-login-username label,
div.moduletable_login p#form-login-password label {
	padding: 4px 10px 4px 0;
}

/* ========== /joomla ========== */

/* ========== com_transsoyuz ========== */

div.tssz {
	overflow: auto;
}

div.tssz div.caption {
	font-weight: bold;
	font-size: larger;
	margin-bottom: 10px;
	text-align: center;
}

div.tssz span.smaller {
	font-weight: normal;
	font-size: smaller;
}

div.tssz div.tierce {
	margin: 0.5%;
	padding: 0.5%;
	outline: 1px solid #CCC;
	width: 31%; /* 31 = (100 - 3 * 2 * (2 * 0.5)) / 3 */
	float: left;
	white-space: nowrap;
	background-color: #FFF;
}

div.tssz .model_img {
	cursor: url('/templates/themeforest/css/lupa.cur'), pointer;
}

div.dlv_id,
div.ut_id,
div.detail_id,
div.br_id,
div.suppl_info,
div.supplier_id {
	display: none;
}

table#compare_table {
	border-spacing: 2px;
}

table#compare_table td {
	padding: 3px;
	background-color: #DDD;
}

div#tools_source {
	display: none;
}

table.price {
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
	font-size: smaller;
}

table.price th,
table.price td {
	padding: 3px;
	border: 1px solid #DDD;
}

table.price th {
	text-align: center;
	background-color: #808080;
}

table.price th, table.price th a {
	color: #FFF;
}

table.price td {
	background-color: #FFF;
}

table.price tr.hidden td {
	background-color: #AAA;
}

table.price tr:hover td {
	background-color: #FFD28B;
}

table.price div.tools {
	height: 20px;
}

div.tssz div.inputboxes label, 
div.tssz div.inputboxes input, 
div.tssz div.inputboxes select, 
div.tssz div.inputboxes textarea {
	padding: 2px;
	margin: 5px 3px;
}

div.tssz div.inputboxes label {
	display: inline-block;
	min-width: 200px;
	width: 200px;
}

div.tssz div.inputboxes input, 
div.tssz div.inputboxes select, 
div.tssz div.inputboxes textarea {
	width: 300px;
	border: 1px solid #AAA;
	border-radius: 4px;
}

div.tssz div.inputboxes input.short, 
div.tssz div.inputboxes select.short, 
div.tssz div.inputboxes textarea.short {
	width: 50px;
}

div.tssz div.inputboxes textarea {
	height: 100px;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.tssz input.correctbox, 
div.tssz select.correctbox, 
div.tssz textarea.correctbox {
	border: 2px solid #5F5;
}

div.tssz input.errorbox, 
div.tssz select.errorbox, 
div.tssz textarea.errorbox {
	border: 2px solid #F00;
}

/* ========== /com_transsoyuz ========== */

/* ========== moduletable_tsszsearch ========== */

div.moduletable_tsszsearch table.struct {
	/*width: 100%;*/
	border: none;
	font-size: smaller;
}

div.moduletable_tsszsearch table.struct td {
	padding: 2px;
}

div.moduletable_tsszsearch input.short,
div.moduletable_tsszsearch select.short {
	width: 50px;
}

div.moduletable_tsszsearch input.long,
div.moduletable_tsszsearch select.long {
	width: 100px;
}

div.moduletable_tsszsearch input.longlong,
div.moduletable_tsszsearch select.longlong {
	width: 150px;
}

/* ========== /moduletable_tsszsearch ========== */

/* ========== moduletable_tsszbrands ========== */

div.moduletable_tsszbrands {
	font-size: 120%;
}

div.moduletable_tsszbrands div.caption {
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
	color: #FFF;
}

div.moduletable_tsszbrands a {
	color: #FFF;
}

div.moduletable_tsszbrands p:hover {
	background-color: #666;
}

/* ========== /moduletable_tsszbrands ========== */