/* Body */
body {color : #505050;
           margin: 0px;
          padding: 0px;
          background-color : #ffffff;
          font-size: 11pt;
		  font-family: tahoma, arial;
		  
}

td {vertical-align: top;}

.header {vertical-align: bottom;
                padding-bottom: 10px;}
				
.header_2 {color: #505050;
                           background-color : #ffffff;
						   }
						   
a.header_2:link, a.header_2:visited {padding: 0px;
        color: #505050;
        font-weight: normal;
        }

a.header_2:hover {
        color: #f47721;
        }	
		
.header_3 {texi-align: left;
                   color: #505050;
				   padding-left: 0px;
                    background-color : #ffffff; }							

.grey {background-color : #ebebeb;}

.slogan {padding: 5px;
                  font-size: 12pt;
                  font-weight: bold;
                  color: #f47721;
				  text-align: center;}

.menu-top {  color : #ff6600;
                font-size: 10pt;				
				text-align: center;}	

				
a.menu-top:link, a.menu-top:visited {
        color: #ff6600;
        font-weight: normal;
		
        }

a.menu-top:hover {
        color: #ff6600;
        }
   
.header_txt { background-color : #ebebeb;
                          padding-right: 20px;
                      color: #000000;
					  font-size: 10pt;
					  vertical-align: middle;}
   
        
.footer_left {padding-left: 20px;
padding-top: 20px;
                     color: #ffffff;
					 background-image: url(images/intekstroy_26.gif)}
					 
					 
.footer_center {color: #505050;
                           background-color : #ebebeb;
						   padding-top: 20px;}
						   
a.footer_center:link, a.footer_center:visited {padding: 0px;
        color: #505050;
        font-weight: normal;
        }

a.footer_center:hover {
        color: #f47721;
        }					   

.footer_right {color: #ffffff;
                        background-color: #505050;
						padding-top: 20px;
						padding-left: 20px;}


				

	

.menu {  color : #ffffff;
                font-size: 11pt;				
				text-align: left;}	

				
a.menu:link, a.menu:visited {
        color: #ffffff;
        font-weight: normal;
		text-decoration: underline;
        }

a.menu:hover {
        color: #f47721;
        }
		
ul {
  list-style:none;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  width:210px;
  
}

ul li a {
  display:block;
  padding: 5px;;
 
  background-color:#ebebeb;
  color:#505050;
  text-decoration:none;
  width:100%;
}
html > body ul li a {
  width:auto;
}
ul li a:hover {
   background-color:#f47721;
  color:#ffffff;
}

.spacer { 
               font-size: 11px;
			   font-weight: normal;
			   font-style: italic;
			   background-color:#ebebeb;
			   padding-bottom: 10px;}

h1 {background-color: #505050;
           color: #FFFFFF;
		   font-size: 12px;
		   margin: 0px;
		   padding: 5px;
		   font-weight: bold;}

.main {color : #000000;
                font-size: 10pt;
				text-align: left;
				background-color: #ffffff;
				padding: 20px 20px 20px 0px;}

a.main:link, a.main:visited {padding: 0px;
        color: #505050;
        font-weight: normal;
        }

a.main:hover {
        color: #f47721;
        }
		

.events {color : #000000;
                       font-size: 10pt;				
				       padding-bottom: 20px;
				       text-align: left;
				       background-color: #ebebeb;
				}

/* news */

.news {
    padding: 20px 0px 0px 0px;
    font-size: 11px;
}
.news_title {
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
}
.news_body {
    padding-left: 20px;
}
.news_image {
}



/* gallery */
/*
Source:
 
<tr>
   <td class='view-grid-item'>

     <div class='view-item view-item-gallery'>

        <div class='view-field view-data-node_data_field_field_image_field_field_image_fid'>
           <a href="http://www.intekstroy.ru/files/photos/11_54.jpg" title="11_54.jpg" class="thickbox" rel="photo">
              <img src="http://www.intekstroy.ru/files/imagecache/thumbnail/files/photos/11_54.jpg" alt="11_54.jpg"  />
           </a>
        </div>

        <div class='view-field view-data-node_title'>СТ-20 Slate Gray</div>

        <div class='view-field view-data-node_data_field_nomenclature_field_nomenclature_nid'>
           <a href="/myagkaya-krovlya/shingle">Shingle</a>
        </div>

     </div>

   </td>
   <td> .....
    
*/

img {
  border: 0;
  display: block;
}

.view-content-gallery {
    off-padding-top: 20px;
}

table.view-grid {
  width: 100%;
}

td.view-grid-item {
    padding-top: 20px;
}

div.view-data-node_title {
    padding-top: 5px;
}

div.view-data-node_data_field_nomenclature_field_nomenclature_nid a:link, div.view-data-node_data_field_nomenclature_field_nomenclature_nid a:visited {
    padding: 0px;
    color: #505050;
    font-weight: normal;
}

div.view-data-node_data_field_nomenclature_field_nomenclature_nid a:hover {
    color: #f47721;
}					   

/* prices *
/*
Source:

<table>
  <thead>
     <tr>
        <th class="view-cell-header view-field-node-title"></th>
        <th class="view-cell-header view-field-files-filename"></th>
     </tr>
   </thead>
   <tbody>
      <tr class="odd">
         <td class="view-field view-field-node-title">Мягкая кровля Shingle</td>
         <td class="view-field view-field-files-filename">
            <a href="http://www.intekstroy.ru/files/price_shingle.xls">скачать</a>
         </td>
      </tr>
   </tbody>
</table>

*/

th.active img {
  display: inline;
}

tr.even, tr.odd {
  background-color: #ebebeb;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

td.active {
  background-color: #ebebeb;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}

thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

div.view-price table {
  margin: 1em 0;
  width: 100%;
  cellpadding: 10px;
  cellspacing: 10px;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #505050;
  off-font-weight: normal;
}

td a:link, td a:visited {
  color: #505050;
  off-font-weight: normal;
}

td a:hover {
    color: #f47721;
}					   

div.view-pric td, div.view-pric th {
  padding: .3em .5em;
}


tr.even, tr.odd, tbody th {
  border: solid #ebebeb;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #ebebeb;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ebebeb;
}

tr.even td.active {
  background-color: #fff;
}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	background: url(loading_animation.gif);
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* on-line order */

.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: normal;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}



a.contact_address:link, a.contact_address:visited {
  padding: 0px;
  color: #f47721;
  font-weight: normal;
}

a.contact_address:hover {
  color: #f47721;
}

.menu_production {background-color: #ebebeb;}	

.titlelm {
	    background-color: #505050;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 5px;

}