/* Table of Contents:
    
   1. Global structure (html, body)
   2. Page structure
       - header
       - menu
       - left/right
       - content
       - footer
   3. Default styles
       - title
       - text
       - list
       - link
       - image
       - table 
   4. Form
   5. Add page
   6. Additional styles   	
   7. Print 
*/


/* Global structure
--------------------------------------------------------------------------------------- */
*
{
    margin: 0px;
    padding: 0px;
}
html
{             
    height: 100%;
}
body
{      
    position: relative;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
    background: url(../images/fon.jpg) repeat-x;
    min-width: 1000px;
}
html>body
{
    height: auto;
}


/* Page structure
--------------------------------------------------------------------------------------- */

/* header
-------------------------------*/
.header
{
    position: relative;
    border-top: solid 5px #83d9f5;
    height: 600px;
}
.header .flash
{
    position:absolute;
    top: 214px;   
    right: 6px;
    width: 760px;
    height: 360px;
    z-index: 1;
}
.header .flash #flashcontent
{
    background: url(../images/header_map.jpg) no-repeat;
    width: 760px;
    height: 360px;
}
.header_small
{
    position: relative;
    height: 360px;
    background: url(../images/header_small.jpg) no-repeat right 180px;
}
.header_small .flash
{
    display:none !important;
}

.logo
{
    display:block;
    position:absolute;
    top: 23px;
    left: 36px;
    width: 263px;
    height:161px;
    background: url(../images/logo.jpg) no-repeat;
}
.top_right
{
    position:absolute;
    top: 15px;
    right: 24px;
    width: 376px;
    font: 12px Verdana;
    text-align:right;
}
.login
{
    background: url(../images/login.jpg) no-repeat 0px 0px;
    height: 20px;
    width: 376px;
    position: relative;
    right: 0px;
    margin: 0px 0px 50px 0px;
}
.login .text
{
    width: 94px;  
    height: 12px;
    font: 12px/12px Arial;
    color: #8d8f8f;
    float: left;
    display: block;
    margin: 2px 12px 0px 10px;
    padding-top: 2px;
    border: solid 0px;
}
.login .pass
{
    width: 94px;  
    height: 12px;
    font: 12px/12px Arial;
    color: #8d8f8f;
    float: left;
    display: block;
    margin: 3px 5px 0px 8px;
    padding: 1px;
    border: solid 0px;
}
.login .but
{
    width: 50px; 
    height: 15px;
    float: left;
    display: block;
    margin: 2px 0px 0px 8px;
}
.login a, .login a:hover
{
    font: 12px/20px Arial;
    color: #24a3cc;
}
.login p
{
    margin: 0px;
    padding: 0px;
    font: 10px/10px Verdana;
}
.login_text
{
    height: 20px;
    width: 376px;
    position: relative;
    right: 0px;
    margin: 0px 0px 50px 0px;
    font: 12px/20px Arial;
}
.login_text a, .login_text a:hover
{
    font: 12px/20px Arial;
    color: #24a3cc;
}
.address a, .address a:hover
{
    display:block;
    margin: 7px 0px 0px 0px;
    color: #2cb4e0;
    font: 12px Arial; 
}
.top_phone
{
    margin: 14px 0px 0px 0px;   
}
.top_phone .phone
{
    float: left;   
    font: 16px Arial;
    color: #535151;
    background: url(../images/phone_icon.gif) no-repeat;
    padding: 0px 0px 0px 28px;
}
.top_phone .fax
{
     float: right;
     font: 16px Arial;
     color: #535151;
     background: url(../images/fax_icon.gif) no-repeat;
     padding: 0px 0px 0px 28px;
}
.top_phone .phone span, .top_phone .fax span
{
     font: 10px Arial;
}
.big_view
{
    display:none;
    position:absolute;
    right: 96px;
    top: 223px;
    width: 86px;
    height: 14px;
}
.header_small .flash
{
    display:block;
}
.header_small .big_view
{
    display:block;
}
/* menu
-------------------------------*/
.menu
{
    font: 12px Arial, Tahoma, sans-serif;
    position: absolute;
    top: 229px;
    left: 36px;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 2;
}
.menu li
{
    position: relative; 
    margin-bottom: 12px;   
    margin: 0px 0px 12px 0px;
    padding: 2px 2px 0px 2px;
    color: #029ed1;
    font: 14px Arial;
    background: none;
}

.menu li a, .menu li a:hover
{
    color: #029ed1;
    font: 14px Arial;
}
.menu li.active
{
    position: relative;
    font: 14px Arial;
    height: 21px;
    background: url(../images/menu_active.jpg) repeat-x;
    padding: 2px 1px 0px 1px;
    margin: 0px 0px 8px 0px;
    color: #ffffff;
}
.menu li.active a, .menu li.active a:hover
{
    color: #ffffff;
    font: 14px Arial;
    text-decoration: none;
}
.menu li.active .limg
{
    position: absolute;
    top: 0px;
    left: -9px;
}
.menu li.active .rimg
{
    position: absolute;
    top: 0px;
    right: -9px;
}

.sub_menu
{
    font: 12px/14px Arial;
    color: #029ed1;
    list-style-type: none;
    z-index: 100;   
    width: 200px;
    position:absolute;
    top: 252px;
    left: 128px;
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 12px 6px;
    background: #ffffff;
    opacity: 0.7;
}
.sub_menu li
{
    margin: 0px 0px 2px 0px;
    padding: 4px 0px 0px 0px;
    background: none;
}
.sub_menu li a, .sub_menu li a:hover
{
    font: 12px/14px Arial;
    color: #029ed1;
}
.sub_menu li a:hover
{
    text-decoration: none;
    color: #fda700;   
}
.sub_menu li.active a, .sub_menu li.active a:hover
{
    text-decoration: none;
    color: #fda700; 
}
.sub_menu li.level2
{
    padding: 4px 0px 0px 10px;
}
.sub_menu li.separator
{
    height: 12px;
    font: 12px/12px Arial;
    margin: 0px;
    padding: 0px;   
}
.header_small .menu
{
    top: 300px;   
}
.header_small .menu li
{
    float: left;
    margin: 0px 22px 0px 0px;   
}
/* left
-------------------------------*/
.left_col
{
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	font: 12px Verdana;
}
.news
{
    margin: 0px 0px 30px 0px;
}
.news_left
{
    margin: 20px 0px 30px 12px;
}
.news_left img, .news img
{
    display:block;
    margin: 10px 0px 0px 0px;
}
.news_left p.date, .news p.date
{
    margin: 10px 0px 0px 0px;
    font: bold 12px Verdana;
    color: #41a648;
}
.news_left p, .news p
{
    margin: 6px 0px 4px 0px;
    padding: 0px;
}
.news_left a, news_left a:hover
{
    color: #199ac4 !important;
    background: url(../images/more_arrow.gif) no-repeat right 2px;
    padding: 0px 16px 0px 0px;
}
.news_arch, .news_arch:hover
{
    display: block;
    color: #199ac4;
    margin: -18px 0px 37px 12px;
}
.map_left
{
    margin: 15px 0px 0px 12px;
}
.map_left img
{
    display: block;   
}
.map_left a, .map_left a:hover
{
    display: block;   
    margin: 6px 0px 0px 10px;
    color: #19addd;
}
ul.left_map_list
{
    margin-top: -3px;
}
ul.left_map_list li
{
    background: url(../images/main_map_icon.gif) no-repeat;
    height: 30px;
    font: 12px/30px Verdana;
    padding: 0px 0px 0px 30px;
    color: #19addd;
}
ul.left_map_list li a, ul.left_map_list li a:hover
{
    vertical-align: top;
    font: 12px/25px Verdana; 
    display: block;
    margin: -1px 0px 0px 0px;
   
}
/* right
-------------------------------*/
.right_col
{
	float: right;
	width: 166px;
	padding-top: 20px;
}

/* content
-------------------------------*/
.clear
{
    clear: both;
    font: 0px/0px Arial, Tahoma, sans-serif;
}
.all_page
{
   
}
.page
{
	padding: 0px 24px 140px 24px;
}
.content
{	
    margin: 0px 0px 0px 340px;
}
.float_content
{
	float: left;
	width: 100%;
}
.main_title
{
    margin: 0px 0px 16px 45px;
    background: url(../images/dashed_title.gif) repeat-x 0px 39px;
}
.main_title img
{
    margin: 0px 0px 0px -57px;
    position: relative;
}

/* footer 
-------------------------------*/
.footer
{
    position: absolute;   
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100px;
    border-bottom: solid 4px #d6d6d6;
}
.footer a, .footer a:hover
{
     color: #b1b1b1 !important;
}
.footer p
{
    margin-top: 40px;
    padding: 7px 22px;
    font: normal 12px Verdana;
    color: #a7a2a2;
    text-align:right;
}
.footer div
{
    position: absolute;
	bottom: 22px;
	left: 111px;
    font: 12px Arial;
    color: #b1b1b1 !important;
}
.dev_link, .dev_link:hover
{	
	position: absolute;
	top: 34px;
	left: 36px;
	display: block;
	height: 34px;
	padding: 0px 0px 0px 74px;	
	font-size: 11px;
	background: url(../images/its_logo.jpg) no-repeat;	
	color: #b1b1b1 !important;
	font: 11px Arial;
	text-decoration: underline;
}
.dev_link:hover
{
    text-decoration: none;
}


/* Default Styles
--------------------------------------------------------------------------------------- */

/* title 
-------------------------------*/
h1
{
	font: bold 16px Arial, Tahoma, sans-serif;
	color: #56585b;
	margin: 18px 0px 10px 0px;
}
h1 span
{
	
}
h2
{
	font: bold 12px Arial, Tahoma, sans-serif;
	color: #56585b;
	margin: 14px 0px 8px 0px;
	position: relative;
}
h2 a, h2 a:hover
{
	color: #56585b;
}
h2.cat_subtitle
{
	padding: 0px 120px 0px 0px;
	font: bold 14px Arial, Tahoma, sans-serif;
}
h3, h4, h5, h6
{
    font: 11px Verdana, Tahoma, sans-serif;
	color: #56585b;
	margin: 14px 0px 6px 0px;
}

/* text 
-------------------------------*/
p
{
    color: #56585b;
    font: 12px/16px Verdana, Tahoma, sans-serif;
    margin: 0px 0px 10px 0px;
}
p.navigator
{
    color: #56585b;
    font: bold 12px Verdana;
    margin: 30px 0px 10px 0px;
}
p.navigator a, p.navigator a:hover
{
    color: #56585b;
    font: normal 12px Verdana;
}
.text_right
{
	text-align:right !important;	
}
.text_center
{
	text-align:center !important;	
}
.bold
{
    font-weight: bold;
}
.blue, .blue:hover
{
     color: #19a7d5;  
}
.red
{
    color: #bd0303;
}
.r_text
{
    float: right;
}
/* list 
-------------------------------*/
ul, ol
{
    font: 12px Verdana, Tahoma, sans-serif;
    margin: 0px 0px 10px 0px;
    color: #56585b;
    list-style-type: none;
}
ul li
{
	font: 12px/16px Verdana, Tahoma, sans-serif;
	padding: 0px 0px 0px 8px;
	background: url(../images/list_point.jpg) no-repeat 0px 8px;
}
ol
{
    margin-left: 40px;
}
ol li
{
    font: 12px/16px Verdana, Tahoma, sans-serif;
	padding: 0px 0px 6px 0px;
	list-style-type:decimal;
	
}
/* link 
-------------------------------*/
a, a:hover
{
    color: #56585b;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
a.basket, a.basket:hover
{
    display:block;
    width: 22px;
    height: 22px; 
    margin: 0 auto;
}
a.order_but, a.order_but:hover
{
    display:block;
    width: 96px;
    height: 21px;
    position: absolute;
    top: -2px;
    right: 0px;
}
.prev_link, .prev_link:hover
{
    background: url(../images/prev_link.gif) no-repeat 0px 5px;
    padding: 0px 0px 0px 8px;   
}
.next_link, .next_link:hover
{
    background: url(../images/next_link.gif) no-repeat right;  
    padding: 0px 8px 0px 0px;  
}
.edit, .edit:hover
{
     display: block;
     width: 16px;
     height: 16px;
     background: url(../images/icon-edit.gif) no-repeat;  
}
/* image 
-------------------------------*/
img
{
    border: none;
}
img.title
{
    display:block;   
}
img.border
{
    border: solid 1px #1caedd;   
}
/* table 
-------------------------------*/
table
{
	border-collapse: collapse;
}
table.price
{
    border-collapse: collapse;
    width: 100%;
    font-family: Verdana;
    margin: 0px 0px 15px 0px;
}
table.price td, table th
{
    border: solid 1px #cccccc;
} 
table.price th
{
    padding: 10px 6px;
    background: #199cc6;
    font-size: 12px;
    color: #ffffff;
}
table.price td, table.price td.category
{
    padding: 6px;
    font-size: 12px;
    color: #423e26;
    text-align: center;
}
table.price td.category
{
    padding: 8px 6px 8px 6px;
    font-weight: bold;
    text-transform:uppercase;
}
table.price td ul, table.price td ul
{
    margin-bottom: 0px;
}
table.price td.left
{
    text-align: left;
}


/* Form
--------------------------------------------------------------------------------------- */


/* contacts 
-------------------------------*/
div.form_contacts
{
    position: relative;
    margin: 0px 0px 0px 0px; 
    padding: 14px 0px;
    width: 100%;
    font: bold 12px Tahoma, sans-serif;
    color: #56585b;
}
div.form_contacts label
{
    margin: 0px 0px 3px 0px;
    display: block;
}
div.form_contacts .textbox
{
    margin-left: 220px;
    width: 280px; 
    height: 16px;
    font: 12px Tahoma, sans-serif;
    color: #000;
}
div.form_contacts textarea.textbox
{ 
    height: 110px;
}
div.form_contacts p
{
    margin: 0px 0px 10px 220px;
    font: 12px Tahoma, sans-serif;
}
div.form_contacts em
{
    position: absolute;
    margin-top: 6px;
    font-style: normal;
}
div.form_contacts div.submit_button
{
    margin: 0px 0px 3px 220px;
    padding: 11px 0px 10px 0px;
}
div.form_contacts div.submit_button input
{
    font: 11px Verdana, Tahoma, sans-serif;
    color: #000;
    width: 150px;
    height: 22px;
}
div.form_contacts div.validate
{
	margin: 0px 0px 0px 220px;
	font-size: 12px;
}
div.form_contacts div.validate *
{
    font: normal 12px Tahoma;
}
div.form_contacts .radio_list
{
    margin-left: 220px;
    display: block;
}
div.form_contacts .radio_list .textbox
{
    margin-left: 0px;
}
div.form_contacts .radio_list td
{
}
div.form_contacts .radio_list td input
{
    float: left;   
    height: 18px;
}
div.form_contacts .radio_list td label
{
    font: normal 12px Arial, sans-serif;  
    padding: 1px 0px 0px 0px; 
}
div.form_contacts .label_captcha
{
    margin: 0px 0px 3px 0px;
    display: block;
}
div.form_contacts .captcha
{
    display: block; 
    margin: 0px 0px 5px 221px;  
}
div.form_contacts .captcha img
{
    float: left;   
    margin-right: 10px;
}
div.form_contacts .captcha .refresh 
{
    display: block;
    margin: 6px 0px 0px 0px;
}

/* registration 
-------------------------------*/
div.form_registration
{
    position: relative;
    margin: 0px 0px 0px 0px; 
    padding: 14px 0px;
    width: 100%;
    font: bold 12px Tahoma, sans-serif;
    color: #56585b;
}
div.form_registration label
{
    margin: 0px 0px 3px 0px;
    display: block;
}
div.form_registration .textbox
{
    margin-left: 260px;
    width: 280px; 
    height: 16px;
    font: 12px Tahoma, sans-serif;
    color: #000;
}
div.form_registration textarea.textbox
{ 
    height: 50px;
}
div.form_registration p
{
    margin: 0px 0px 0px 260px;
    font: 12px Tahoma, sans-serif;
}
div.form_registration em
{
    position: absolute;
    margin-top: 6px;
    font-style: normal;
}
div.form_registration div.submit_button
{
    margin: 0px 0px 3px 260px;
    padding: 11px 0px 10px 0px;
}
div.form_registration div.submit_button input
{
    font: 11px Verdana, Tahoma, sans-serif;
    color: #000;
    width: 150px;
    height: 22px;
}
div.form_registration div.validate
{
	margin: 0px 0px 0px 260px;
	font-size: 12px;
}
div.form_registration div.validate *
{
    font: normal 12px Tahoma;
}

/* basket
-------------------------------*/
div.form_basket .count
{
    width: 50px;
}
div.form_basket .assortment
{
    width: 90%;   
    height: 70px;
}
div.form_basket div.validate
{
	margin: 20px 0px 0px 0px;
	font-size: 12px;
}
div.form_basket div.validate *
{
    font: normal 12px Tahoma;
}

/* Add page
--------------------------------------------------------------------------------------- */

/* about.aspx 
-------------------------------*/
.photo_left
{
    float:left;
    margin: 0px 20px 0px 0px;
}
.photo_left img
{
    display: block;
    margin-bottom: 10px;   
}

/* photo.aspx 
-------------------------------*/
.photo_item
{
    margin: 0px 0px 20px 0px;
}
.photo_item img
{
    float: left;
    margin: 0px 20px 0px 0px;   
}
.photo_item p
{
    margin: 0px 0px 16px 0px;
}
h2.photo_title
{
    font-size: 14px;   
}

/* catalog_item.aspx 
-------------------------------*/
.pack_right
{
    float: left;
    border: solid 1px #eee;
    background: #f8f8f8;
    padding: 20px 20px 0px 20px;
}
/*.pack_right h2
{
    margin: -40px 0px 20px -20px;   display:none;
}*/
.pack_right .pack_item
{
    margin: 0px 15px 20px 0px; 
    width: 171px;
    min-height: 160px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 160px; 
    text-align: right; 
}
/* order.aspx 
-------------------------------*/
.pop_up
{
    padding: 20px;
    border: solid 1px #767676;   
    font: 12px Arial;
    position: absolute;
    top: 800px;
    left: 300px;
    width: 500px;
    background: #ffffff;
    z-index: 589;
}
.pop_up p
{
    font: 12px Arial;
    margin: 0px 0px 5px 0px;   
}

/* sertification.aspx 
-------------------------------*/
.sert_item
{
    width: 195px;
    float: left;
    margin: 15px 40px 20px 0px;
}
.sert_item a, .sert_item a:hover
{
     color: #19a7d5;     
}
.sert_item p
{
    margin: 20px 0px 0px 0px;
    text-align: center;   
}

/* Additional styles
--------------------------------------------------------------------------------------- */


/* Print
--------------------------------------------------------------------------------------- */

/* about_print.aspx 
-------------------------------*/
body.print
{
    background: none;   
}
.header_print
{
    height: 200px;
}
.header_print .logo
{
    background: url(../images/logo_print.jpg) no-repeat;
    left: 24px;
}
.header_print .top_right
{
    top: 0px;
    width: 310px;
}
.header_print .top_right a, .header_print .top_right a:hover
{
    color: #000000;   
} 
.header_print .top_phone .phone
{
    background: none;
    padding: 0px 0px 16px 0px;
}
.header_print .top_phone .fax
{
     background: none;
     padding: 0px 0px 16px 0px;
}
.header_print .recv
{
    padding-top: 16px;   
}
.content_print 
{
    margin: 0px 24px;
}
.content_print *
{
    color: #000000;   
}
body.print table.price th
{
    background: #656565 !important;
       
}
.map
{
    padding: 10px 0px 20px 0px;
}
.map div
{
    float: left;
    margin-right: 20px;
}
.map a, .map a:hover
{
    background: #fff;   
    display: block;
    width: 200px;
}
.map p
{
    margin: 6px 0px 10px 0px;   
}
.map p a, .map p a:hover
{
    color: #19addd;
    border: none;
    padding: 0px;
    display: inline;
}
.map_print img
{
    margin: 10px 0px;   
}
#map a, #map a:hover
{
       
}