/* CSS Document */
body{margin:0px; padding:0px; background:#FFFFFF url(../images/template/bg_body_sub.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4D5F74;}
body#index{background:#FFFFFF url(../images/template/bg_body.jpg) repeat-x top;}

p{margin:0px; margin-bottom:20px;}
img{border:0px}


ul{ margin:0px; padding:0px; margin-bottom:20px;}
ul li{padding:0px; margin:0px; margin-left:25px; margin-top:7px; }

a{ color:#006ED4; text-decoration:underline;  font-size:12px;}
a:hover{ color:#D70002; text-decoration:none;} 

h1, h2, h3, h4 { color:#0D6A9A; margin:0px; padding:0px; margin-top:5px; margin-bottom:5px; font-weight:normal}
h1{font-size:24px;}
h2{font-size:14px;  font-weight:bold;}
h3{font-size:16px;}

table{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4D5F74; border-collapse:collapse;}
td{padding:0px;}

.red{ color:#CC0000;}

div.error{ font-size:12px; font-weight:bold; color:#CC0000; padding:15px; padding-left:0px;}
div.error ul li{ margin-left:25px; margin-top:10px;}
div.message { font-size:12px; font-weight:bold; color:#339900; padding:15px; padding-left:0px;}


/* Êëàññû Øèðèíû âûñîòû */ 
.w100{ width:100%;}
.w50{ width:50%;}
.date_new{ font-size:9px; color:#999; }

div.price{float:right; /*background:#CCC;*/ padding-top:10px; padding-right:20px;}
div.price a{ font-size:11px;}


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

table#main_index{width:100%; height:100%; background: url(../images/template/sky_index.jpg) top right repeat-x;}
table#main{width:100%; height:100%; background: url(../images/template/sky_sub.jpg) top right repeat-x;}

tr#footer td{ color:#61A2C2; height:138px; background:url(../images/template/bg_footer.jpg) bottom repeat-x;}
tr#footer td#oils{ vertical-align:bottom; text-align:center; padding-bottom:0px;}
tr#footer td#oils img{ width:166px; height:127px;}


div#wynns{ width:100%; /*background:#CCC;*/ min-width:450px; padding-top:20px;}
div#wynns div#spacer{width:490px; height:3px;}
div#wynns h3, div#wynns p{ margin:0px; padding:0px; margin-bottom:7px;}
div#wynns span{ font-size:9px; color:#999;}
div#wynns div.cont{ width:49.9%; float:left;  /*background:#CCC;*/ padding-bottom:25px; }
div#wynns div.cont div.img{ width:100px; float:left;  }
div#wynns div.cont div.text{ margin-left:100px; overflow:hidden; /*background:#9C9;*/} 
div#wynns div.cont div.text div.padding{ float:left; padding:0px 15px 0px 10px;} 
div#wynns div.cont div.text div.padding div{ float:left;}
div#wynns div.cont div.text div.padding div p{ float:left; padding-right:15px;} 
div#wynns div.cont div.text div.padding div p.last{ padding-right:0px;}






/*------------------------------------------------------------------*/
/*** PRODUCT DESIGN STYLES *****************************************/

table#products{ width:100%}
table#products td{ vertical-align:top; padding:3px;}
table#products td p{ margin-bottom:5px;}
p.small{ font-size:11px; color:#A0A8B1;}

div#product_index{ width:100%;}
div#product_index img{ width:120px; height:180px; float:left;}
div#product_index h3{ margin-top:15px;}
div#product_index h2 a{ font-size:18px;}
div#product_index p{ margin-bottom:5px;}
div#product_index p.small{ font-size:11px; color:#A0A8B1;}
/*------------------------------------------------------------------*/
/*******************************************************************/

/* for IMAGES in Content */

img.img_toleft{ float:left; margin-right:10px; margin-bottom:10px;}
img.img_toright{ float:right; margin-left:10px; margin-bottom:10px;}

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


.left{text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.left_float{ float:left;}
.right_float{ float:right;}
.left, .right, .center, .left_float, .right_float{ margin:10px;}


table#advertisement{ width:100%;}
table#advertisement td{ width:25%; padding-right:20px; padding-bottom:15px; vertical-align:top;}


div#catalogue_info{ padding-top:15px;}
/*div#catalogue_info ul{  background-color:#99FF99; }*/

div#catalogue_info div.img_info{display:block; float:left; margin:0px; padding:0px; padding-right:15px;}
div#catalogue_info div.img_info p{ text-align:center; margin-top:10px; margin-bottom:25px;}

div#catalogue_info div.text_block{display:block; margin:0px; padding:0px; margin-right:20px; margin-top:20px;}
div#catalogue_info ul li{ margin:0px; padding:0px;}
div#catalogue_prices{  }


/*div#catalogue_info div.img_info{ float:left; width:280px; height:380px; padding-right:15px;}*/
div#catalogue_info h3{ margin:0px; padding:0px; font-size:14px; font-weight:bold;}
div#catalogue_info h2{ margin:0px; padding:0px; font-size:14px;}


table.tableLayOut{border-bottom:1px solid #D6EDF7; border-right:1px solid #D6EDF7;} 
table.tableLayOut td{border-top:1px solid #D6EDF7; border-left:1px solid #D6EDF7;}
table.tableLayOut .head{ height:20px; background-color:#67A9CE; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center;}
table.tableLayOut .head td{ padding-left:10px; padding-right:10px;}
table.tableLayOut .body td{ background-color:#FFFFFF; text-align:left; padding:4px;} 

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

h2.h_total{ font-size:18px; font-weight:normal;}
h2.h_total a{ font-size:18px; padding-left:20px; margin-left:10px; background: url(../images/content/industrial/top_arrow.gif) left no-repeat; }
h2.h2_total{ font-size: 18px; font-weight:normal; margin-left:45px;}
h2.h2_total a{ font-size:18px; padding-left:20px; background: url(../images/content/industrial/top_arrow.gif) left no-repeat; }
h3.h3_total{ font-size: 18px; font-weight:normal; margin-bottom:20px;}
h3.h3_total2{ font-size: 18px; font-weight:normal; margin-left:85px;}
p.link_total{ margin-bottom:0px;}
p.small_total{ font-size:11px; margin-bottom:20px; color:#999999}


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

tr#footer h4{font-size:11px; margin:0px; margin-left:5px;}
tr#footer h4 a{font-size:11px;}

tr#footer td table { width:100%;} 
tr#footer td table td{ width:50%; padding:7px;}
tr#footer td table td span{ font-size:11px;}


td#left{width:23%; height:100%;}
td#middle{ width:35%;}
td#right{ width:42%;}

#left, #middle, #right{ padding-right:20px;}
#middle, #right{ padding-top:20px;}


#td_logo, #logo td, #left, #middle, #right, #middle_sub, #right_sub, #middle_index, #right_index, table#menu td{ vertical-align:top;}


ul#icons_pixel{display:block; height:39px; text-align:center;}
ul#icons_pixel li{display:inline; padding:1px;}
ul#icons_pixel li a img{ width:15px; height:15px; margin-top:14px;}



td#td_logo{ width:25%;}
td#td_logo p{ margin:0px; padding:0px;}
td#td_logo p img{ width:250px; height:1px;}

td#td_logo h2{ color:#FFFFFF; display:block; padding-top:0px; margin-top:0px; padding-left:10x; padding-right:10px; text-align:center; font-size:11px; font-weight:normal;}



 

table#logo{ width:100%; height:88px; background:#FFFFFF url(../images/template/logo_bg.gif) repeat-x;}
table#logo td{ background:url(../images/template/logo_bg_side_right.gif) right no-repeat; padding-top:1px;}
table#logo td div{ height:84px; background:url(../images/template/bg_v-line.gif) left repeat-y; text-align:center;}
table#logo td div h1{ padding:0px; margin:0px;}
table#logo td div img{width:121px; height:63px; margin-top:12px;}



/*------------------------------------------------------------------*/
/*** VISUALS *****************************************/

table#visual_sub{ width:100%; height:270px;}
table#visual_sub td{ vertical-align:bottom; width:50%;}
div#contacts_feedback{ width:419px; height:202px; background:url(../images/template/visual/contacts.jpg);}
div#prices{ width:419px; height:202px; background:url(../images/template/visual/contacts.jpg);}
div#photogallery{ width:419px; height:202px; background:url(../images/template/visual/photogallery.jpg);}
div#photogallery-desktop{ width:419px; height:202px; background:url(../images/template/visual/photogallery.jpg);}


div#news{ width:419px; height:202px; background:url(../images/template/visual/news.jpg);}
div#articles{ width:419px; height:202px; background:url(../images/template/visual/news.jpg);}
table#visual_sub td.title_1{ background:url(../images/template/visual/title_1.jpg) bottom left no-repeat;}



table#visual_sub_big{ width:100%; height:270px;}
table#visual_sub_big td#left{ width:64%; vertical-align:bottom;}
table#visual_sub_big td#right{ width:36%;}

div#catalogue{ width:520px; height:202px; background:url(../images/template/visual/catalogue.jpg);}
div#catalogue_fina{ width:520px; height:202px; background:url(../images/template/visual/catalogue.jpg);}
div#catalogue_industrial{ width:520px; height:202px; background:url(../images/template/visual/catalogue.jpg);}
div#catalogue_wynns{ width:520px; height:202px; background:url(../images/template/visual/catalogue.jpg);}
div#partners{ width:520px; height:202px; background:url(../images/template/visual/partners.jpg);}
table#visual_sub_big td.title_2{ background:url(../images/template/visual/title_2.jpg) bottom left no-repeat;}

/********************************************/


div#news_links{ padding:5px; padding-right:10px;}

p.date {font-size:11px; margin-bottom:3px;}
p.subject{margin-bottom:15px;}
p.subject a{font-weight:bold;}
p.subject a.active{font-weight:bold; color:#FF0000; text-decoration:none;}


/*----------------------------------------------------------------------*/
/*PHOTOGALLERY***********************************************************/

p.photogallery{float:left;}
p.photogallery table{float:left; height:110px; width:160px;}
p.photogallery table td.image{ text-align:center; vertical-align:top; height:100px;}
p.photogallery table td.image img{ width:140px; border:3px solid #CFDFE8;}
p.photogallery table td.img_text{ text-align:center; vertical-align:top; padding-top:4px;}

p.photogallery_link{ margin-top:20px; clear:both;}


p.photo_big{float:left;}
p.photo_big table{float:left; height:160px; width:220px;}
p.photo_big table td.image{ text-align:center; vertical-align:top; height:150px;}
p.photo_big table td.image img{ width:200px; border:3px solid #CFDFE8;}
p.photo_big table td.img_text{ text-align:center; vertical-align:top; padding-top:4px;}


/**********************************************************************/

div#catalogue_links{ padding-top:35px;}
div#catalogue_links p { margin-bottom:10px;}
div#catalogue_links p a{ display:block; padding-left:10px;}
div#catalogue_links p a:hover{ background:url(../images/template/pointer.gif) top left no-repeat;}
div#catalogue_links p a.active{ background:url(../images/template/pointer.gif) top left no-repeat; font-weight:bold; color:#EB2834; text-decoration:none}


td.prod_description p{ margin-bottom:7px}





td#sub_page{ width:75%; vertical-align:top; padding-bottom:25px;}

table#content{ width:100%;}
td#middle_sub{ width:65%;}
td#right_sub{ width:35%;}

td#middle_index{ width:35%;}
td#right_index{ width:42%;}

td#middle_sub, td#full_sub, td#right_sub, td#middle_index, td#right_index {padding:10px; padding-top:0px; padding-left:20px;}


table#menu{width:100%;}
table#menu td{height:31px; text-align:center; background:url(../images/template/menu_bg.gif) top repeat-x;}
table#menu td.bg_corner{width:6px;background:none; background:url(../images/template/menu_bg_side_right.gif) top no-repeat;}
table#menu td div{float:left; height:26px; width:25%; background: url(../images/template/bg_v-line.gif) repeat-y; margin-top:1px;}
table#menu td a{float:right; display:block; width:74%; background:url(../images/template/menu_bg_side_right_dop.jpg) right no-repeat; text-align:left; line-height:29px; color:#005EB5; text-decoration:none; font-size:14px; font-weight:bold; }
table#menu td a:hover{ color:#FF0000;}
table#menu td a.active{ color:#FF0000;}


table#menu_add{width:100%; margin-top:20px;}
table#menu_add td.icon{width:27%; text-align:right;}
table#menu_add td.icon img{width:48px; height:48px;}
table#menu_add a.active{color:#FF0000; font-weight:bold; text-decoration:none;}



td#contacts h3{ font-size:18px;}
td#contacts{padding-left:20px; width:40%}
span#address h3{ font-size:18px;}


table#visual_index{ width:100%; margin-top:60px;}
table#visual_index td#man{ width:32%; background:url(../images/template/visual/man.jpg) top left no-repeat;}
table#visual_index td#man img{ width:228px;}
table#visual_index td.flash{ width:68%; text-align:left; /*background:url(../images/template/_flash.jpg) left bottom no-repeat;*/}


td#visual{vertical-align:top;}
td#visual div{position:absolute; width:100%; padding-top:60px;}
td#visual div table{width:100%;}
td#visual div table td#man{ width:32%}
td#visual div table td.flash{ width:68%; text-align:left; /*background:url(../images/template/_flash.jpg) left bottom no-repeat;*/}



/*------------------------------------------------------------------*/
/*** FORM styles *************************************/
table.form_tbl{ width:100%;}
table.form_tbl td{padding-top:2px;}

.form{ background:#f1f1f1; border:#999999 1px solid; border-bottom:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid;}

.form_text{ width:100%; font-size:12px; color:#4D5F74; background-color:#EFFAFF; border:1px solid #D2E1E8; border-left:1px solid #8CB6C9; border-top:1px solid #8CB6C9;}
select { font-size:12px; color:#4D5F74; background:#EFFAFF; border:1px solid #D2E1E8; border-left:1px solid #8CB6C9; border-top:1px solid #8CB6C9;}
.button{ height:29px; cursor:pointer; background:#CD0B00 url(../images/template/form/bg_button.gif); color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:0;}	
/*------------------------------------------------------------------*/

.error_bg{ background:#ffc3c3;}
span.error{ color:#BB0000; font-weight:bold;}