body {text-align: center;vertical-align: top; background: url(../img/bg_body.gif) #fff top center repeat-y}
.all {padding: 0px 0px 0px 0px;vertical-align: top;}

input, textarea{
    border: 1px solid gray;
    width: 300px;
}

label {
    font-weight: bold;
    margin: 5px 0px 5px 0px; 
}

span.star {
    color: red;
}


.telephone {
width: 886px;
margin: 0px auto;
padding: 10px 0px 10px 0px;
font: italic 18px Arial;
color: #6086a4;
text-align: center;
background: url(../img/phone.gif) top left no-repeat;
}
/* ---- Shapka ---- */
.top {
	background: url(../img/top_1_.jpg) top no-repeat;
	width: 1096px;
	height: 240px;
	margin: 0px auto;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #fff;
}
.logo {
	text-align: left;
	margin: 30px 0px 0px 30px;
	padding: 0px;
	width: 165px;
	height: 45px;
}
.slogan {
	text-align: left;
	margin: 0px 0px 0px 30px;
	padding: 15px 0px 0px 0px;
	font: italic 18px Arial;
	color: #fff;
	text-transform: uppercase;
}
.slogan ul {
	list-style: url(../img/slogan_li.gif); 
	padding: 5px; 
	margin: 0px 0px 10px 0px;
}
.slogan ul li {
	padding: 0px; 
	margin: 8px 0px 5px 30px
}
/* ---- /Shapka ---- */


.main {width: 1096px; margin: 0px auto; padding: 0px;}


/* ---- left col ---- */
.left {
	float: left;
	width: 195px;
	margin: 0px;
	padding: 0px;
	background: url(../img/left.gif) #778698 top repeat-y;

}
.left_menu {text-align: left; color: #fff; padding: 0px 0px 0px 20px; font: italic 14px Arial;}
.left_menu ul {list-style: none; font: italic 16px Arial; padding: 10px 0px 10px 15px;}
.left_menu li {padding: 0px 0px 3px 0px;}
.left_menu ul li a:link, .left_menu ul li a:visited {list-style: none; padding: 0px; font-weight: bold; color: #d8e9f7; text-decoration: none}
.left_menu ul li a:active, .left_menu ul li a:hover {list-style: none; padding: 0px; font-weight: bold; color: #fff; border-bottom: 2px solid Red}

.basket {text-align: center; padding: 0px 0px 20px 0px; font: italic 13px Arial; color: #fff;}

.left_bottom {
	width: 195px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background: url(../img/left_bottom_bg.gif) bottom no-repeat;
}

.left_news {background-color: #fff; padding: 4px 10px; margin: 6px 0px 0px 0px; font: 12px Arial; border: 1px solid #98b6c7}
.left_news h1 {text-align: left; font-weight: bold; font-style: italic; background-color: #fff; color: #386282}
.left_news p.data {padding: 2px 1px; font: 11px Arial; color: red; background-color: #fff; color: #69768A}
.left_news p {text-align: left; padding: 2px 0px 6px 0px; background-color: #fff; color: #3e4f69}
.left_news a:link, .left_news a:visited {font-weight: bold; color: red; text-decoration: none}
.left_news a:active, .left_news a:hover {font-weight: bold; color: red; text-decoration: none}
/* ---- /left col ---- */


/* ---- right col ---- */

.right {margin: 0px 0px 0px 195px; padding: 0px;}

.menu_catalog {
	height: 15px;
	float: left;
	background: url(../img/bg_menu.gif) #fff top left no-repeat;
}
.menu_catalog ul {list-style: none; font: italic 17px Arial; text-transform: uppercase; margin: 0px 0px 0px 30px; padding: 2px 0px 0px 0px;}
.menu_catalog li {float: left; padding: 0px 30px 2px 0px;}
.menu_catalog ul li a:link, .menu_catalog ul li a:visited {list-style: none; padding: 0px; font-weight: bold; color: #778797; text-decoration: none}
.menu_catalog ul li a:active, .menu_catalog ul li a:hover {list-style: none; padding: 0px; font-weight: bold; color: #26475c; border-bottom: 2px solid Red}

.navigation {
	margin: 40px 0px 25px 0px;
	padding: 1px 0px 2px 0px;
	font: 11px Verdana;
}
.navigation a:link, .navigation a:visited {color: #316e9f; border-bottom: 1px solid #316e9f; text-decoration: none}
.navigation a:active, .navigation a:hover {color: #26475c; border-bottom: 2px solid Red}

.content {
	margin: 25px 15px 0px 0px;
	padding: 0px 15px 10px 14px;
	font: 13px Verdana;
	text-align: justify;
	color: #2c3a43
}

.content form 
{
    font: 13px Verdana;
    padding: 0px;
    margin: 0px;
}
/* 
.content a:link, .content a:visited {color: #316e9f; border-bottom: 1px solid #316e9f; text-decoration: none}
.content a:active, .content a:hover {color: #26475c; border-bottom: 2px solid Red}

*/

/* ------------ style card ------------- */

.catalog_tb {margin: 0px 0px 15px 0px;}
.catalog_tb tr {margin:0px 0px 15px 0px; padding: 0px; vertical-align: top}
.catalog_tb td {margin: 0px; padding: 10px; vertical-align: top; width: 435px;}
/*
.catalog_tb a:link, .catalog_tb a:visited {color: #69768A; text-decoration: none;}
.catalog_tb a:active, .catalog_tb a:hover {color: red; text-decoration: none;}
*/

.catalog {float: left; width: 420px; height: 400px; background: url(../img/card_top.gif) #e1ecf0 top left no-repeat; padding: 14px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.catalog p.model {float: left; margin: 0px 10px 10px 15px;}
.catalog p.model a:link, .catalog p.model a:visited {border: 0px}
.catalog_tb .catalog p.model a:active, .catalog_tb .catalog p.model a:hover {border: 0px}
.catalog_tb .catalog p a:active, .catalog_tb .catalog p a:hover {border: 0px}

.catalog h1 {text-align: left; margin: 10px 0px 6px 180px; padding: 3px 0px 2px 10px; font-style: italic; background-color: #fff; color: #386282; font: bold 16px Arial;}
.catalog p.text {text-align: left; margin: 8px 0px 0px 0px; padding: 0px 10px 0px 0px; height: 70px; background-color:; color: #3e4f69; font: 12px Arial;}
.catalog p a:link, .catalog p a:visited {color: #69768A; text-decoration: none;}
.catalog p a:active, .catalog p a:hover {color: red; text-decoration: underline;}

.catalog p.c_basket {margin: 8px 0px 2px 0px; padding: 2px 0px; }
.catalog .basket a:link, .catalog .basket a:visited {color: #69768A; text-decoration: none;}
.catalog p.c_basket a:active, .catalog .c_basket  a:hover {color: red; text-decoration: underline;}

.catalog p.price {padding: 0px 10px 10px 0px; margin: 8px 0px 0px 200px; font: bold 24px Arial; color: #69768A}
.catalog .old_price_intro {padding: 0px 10px 10px 0px; margin: 8px 0px 0px 0px; font: 18px Arial; color: #69768A; text-decoration: line-through;}


.catalog p.function {margin: 20px 5px 10px 10px; padding: 10px 0px 0px 0px; border-top: 1px dashed gray;}
.catalog p.function img {margin: 0px 1px 2px 0px; padding: 0px;}

/* ------------ /style card ------------- */

/*
.col_1 {}

.catalog {float: left; width: 320px; background: url(../img/card_top.gif) #e1ecf0 top left no-repeat; padding: 14px 0px 0px 0px; margin: 0px 10px 10px 0px;}
.catalog p.model {float: left; margin: 0px 0px 10px 5px; padding: 0px;}
.catalog h1 {text-align: left; margin: 0px 0px 2px 106px; padding: 0px 0px 0px 10px; font-style: italic; background-color: #fff; color: #386282; font: bold 16px Arial;}
.catalog p.c_basket {float: left; margin: 0px 0px 2px 10px; padding: 2px 0px; }
.catalog p.price {padding: 2px 0px; margin: 10px 0px 2px 230px; font: bold 14px Arial; color: #69768A}
.catalog p {text-align: left; padding: 2px 0px 10px 10px; color: #3e4f69; font: 12px Arial;}
.catalog p.function {margin: 20px 0px 10px 5px; padding: 0px;}
.content.catalog.model a:link, .content.catalog.model a:visited {color: #69768A; text-decoration: none; border:0px}
.content.catalog.model a:active, .content.catalog.model a:hover {color: red; text-decoration: none; border:0px}
.content.catalog p a:link, .content.catalog p a:visited {color: #69768A; text-decoration: none; border:0px}
.content.catalog p a:active, .content.catalog p a:hover {color: #69768A; text-decoration: none; border-bottom: solid 1px red}
*/
/* ---- /right col ---- */

/* ---- bottom ---- */

.bottom {
	background: url(../img/bottom.jpg) #fff top no-repeat;
	width: 886px;
	height: 120px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	clear: both;
	text-align: left;
	font: 11px Verdana;
	color: #fff;
}
.bottom_left {
	float: left;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
.bottom_right {
	width: 220px;
	margin: 60px 30px 0px 630px;
	padding: 0px 0px 0px 0px;
}

/* ---- /bottom ---- */

/* ----- content styles ------*/

div.content strong
{
    font-weight: bold;
}
div.content ul
{
    margin: 20px;
    list-style-type: square;
}

div.content h2.error
{
    color: red;
    font-size: 18px;
    margin: 0px 0px 15px 0px;
}
div.content p
{
    margin: 0px 0px 10px 0px;
}
div.content div.advantage h2 
{
    font-size: 18px;
    margin: 0px 0px 2px 0px;
    color: #26475c;
}
div.content div.advantage p.data
{
    font-size: 9px;
    color: #69768A;
    text-align: right;
    margin: 0px 0px 5px 0px;
}
/* ----- folder styles ------*/
div.content div.folder
{
    margin: 0px 0px 30px 0px;
    float: left;
}
div.content div.folder p.data
{
	font-size: 9px;
    color: #69768A;
    text-align: right;
    margin: 0px 0px 5px 0px;
}
div.content div.folder h1
{
    font-size: 18px;
    margin: 0px 0px 5px 0px;   
}
div.content div.folder img.folderimg
{
    float: left;
    margin: 0px 7px 7px 0px;
}
/* ----- catalogue styles ------*/
div.content div.catalogue_title h2
{
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}
span.old_price  {
	font-size: 14px;
	padding: 0px 4px 0px 0px;
	font-weight: normal;
	text-decoration: line-through;
}
span.old_price_intro  {
	font-size: 12px;
	padding: 0px 2px 0px 0px;
	font-weight: normal;
	text-decoration: line-through;
}
/* ----- question styles ------*/    

form.jot-form a, form.jot-form  a:visited, form.jot-form a:hover, form.jot-form a:link 
{
    border: 0px;
    text-decoration: none;
}

/* -----contacts styles ------*/ 

p.contacts_images a, p.contacts_images a:visited, p.contacts_images a:hover, p.contacts_images a:link
{
    border: 0px;
    text-decoration: none;
}

/* Tips*/

div.tip {
    border: 1px solid #6a7ea6;
    width: 300px;
    background-color: #ffffff;
    padding: 10px;
    font-size: 10px;
    font-family: verdana;
    text-align: left;
}
div.tip b
{
    font-weight: bold;
    color: grey;
}

/* SortFunctions */
div.sort_functions{
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px dashed gray;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	font-size: 11px;
	overflow: hidden;
}
div.sort_functions img{
	float: left;
	margin: 0px 10px 10px 0px;
}
div.sort_functions div{
	float: left;

	font-weight: bold;
	vertical-align: top;
}
div.sort_functions div input{
	width: 15px;
	height: 15px;
	margin: 15px 15px 30px 15px;
}
input.submitFunctions{
	float: right;
	width: 150px;
	margin: 10px 0px 0px 0px;
}
div.sortResult
{
	margin: 0px 0px 20px 0px;
}
div.sortResult p {
	color: #666666;
	font-size: 11px;
}
div.sortResult  h2{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
}
div.pangination a{
	margin: 0px 2px 0px 2px;
}
div.pangination
{
	margin: 0px 0px 20px 0px;
	text-align: center;
}
/* Errors */

div.errors
{
   border: 1px dotted red;
   padding: 10px;   
}
/* card */

.card p {
	font: 12px Verdana;
	padding: 15px 10px 10px 10px;
	text-align: justify;
}
.card h1 {
	background-color: #fff;
	padding: 8px 10px 8px 10px;
	font: bold 24px Arial;
	color: #0a4676
}
.card h2 {
	background-color: #fff;
	margin:  8px 0px 8px 0px;
	padding: 8px 10px 8px 10px;
	font: bold 16px Arial;
	color: #0a4676
}
div.card_functions {
	margin: 2px 0px 6px 0px;
	padding: 0px 10px 10px 6px;
	border: 1px dashed gray;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	font-size: 11px;
	overflow: hidden;
}
div.card_functions img {
	float: left;
	margin: 0px 10px 4px 0px;
}

.card table {background-color: #e1ecf0}
.card table td {vertical-align: top;}

.card1 {margin-left: 20px}
.card1, .card2, .card3 {float: left; margin-right: 10px; height: 41px;}
.card1 a:link, .card1 a:visited {
	/*padding-bottom: 30px;*/
	border: 0px !important;
	text-decoration: none !important;
	/*background: url(../img/1.gif) no-repeat top;*/
}
.card1 a:active, .card1 a:hover {/*padding-bottom: 30px; background: url(../img/1_.gif) no-repeat top;*/}

.card2 a:link, .card2 a:visited {/*padding-bottom: 30px;*/ border: 0px !important; text-decoration: none !important; /*background: url(../img/2.gif) no-repeat top;*/}
.card2 a:active, .card2 a:hover {/*padding-bottom: 30px; background: url(../img/2_.gif) no-repeat top;*/}
.card3 a:link, .card3 a:visited {/*padding-bottom: 30px;*/ border: 0px !important; text-decoration: none !important; /*background: url(../img/3.gif) no-repeat top;*/}
.card3 a:active, .card3 a:hover {/*padding-bottom: 30px; background: url(../img/3_.gif) no-repeat top;*/}

.card_price {
	padding: 8px 10px 8px 50px;
	font: bold italic 16px Arial;
	color: #0a4676;
	text-align: left
}
div.card_price input {
	width: 30px;
	height: 20px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	border: solid 2px #93a4b9;
	font: 12px Verdana
}
.card_top {
	height: 16px;
	background: url(../img/card_top_bg.gif) #fff repeat-x top right;
}
.card_bottom {
	height: 16px;
	background: url(../img/card_bott_bg.gif) #fff repeat-x top right;
}

h2.comp_imgs{
	margin: 60px 0px 0px 0px;
}
div.comp_imgs{
	padding: 10px 0px 10px 0px;
}
div.comp_tumb img {
	margin: 0px 3px 0px 3px;;
	cursor: pointer;
}