@charset "UTF-8";

* 
{
  margin: 0;
  padding: 0;
}

img {border: none}
a,input,textarea,select{outline: none} /*OPERA safari Chrome*/
a{ text-decoration: none;color: #fff }
a:hover{text-decoration: underline}
* html #mainContainer{height: 100%}
fieldset{border: none}
form, fieldset, html, body, ul, ul li{padding: 0;margin: 0}

body
{
    margin: 0px;
    padding: 0px;
    font:normal 12px  Arial, Tahoma, Verdana,  Geneva, Helvetica;
    position: relative;
    min-height: 100%;    
    height: 100%;
    color: #000;
    min-width: 1000px;
    color: #fff
}
html
{
    height: 100%;
    min-width: 1000px;
    background: url(images/html.jpg) 0 0 repeat
}

/**************************************************************************
			HEADER
/**************************************************************************/
/*SALE*/
/*saleTbl tr td textarea
{
    width: 100%;
} */

.engRepeat
{
    float: left;
    width: 290px;
    display: inline;
    margin-left: 10px;
    padding-right: 10px
}
.contentSale
{
    text-align: right !important;    
    padding-right: 10px !important;
    padding-top: 10px !important
}
.contentSale2
{
    text-align: left !important
}
#saleTbl tr td
{    
    width: 50%;
    text-align: left;
    padding: 5px 0
}
#saleTbl tr td input
{
    width: 100%;
}


/*request*/
.input_big input
{
    width: 630px
}
.fe_textarea
{
    width: 630px
}
.request_title
{
    padding: 5px 0    
}
div.input_right div.request_title
{
    /*padding-left: 355px*/
}
.input_left
{    
    float: left;    
    width: 300px   

}
.input_left input,.input_right input
{
    width: 290px;
}
.input_right
{    
    
    padding-left: 340px
}
span.arrow
{
    color: red
}
.input_right div.request_title
{
    text-align: left !important;    
}
.descrCont1
{
    font-size: 11px;
}
.descrCont1 table tr td
{
    
}
.catalogstyle2
{
    font-weight: bold;
    font-size: 12px
}
#header
{
    height: 232px;
    position: absolute;    
    top: 0;
    left: 0;    
    width: 280px    
}
#leftHeaderBox
{
    height: 232px;
    float: left;
    width: 230px;
    padding-left: 40px    

}
#leftHeaderBox span
{
    display: block    
}
#leftHeaderBox span#cities
{
    padding-top: 15px;
    width: 190px;
    height: 30px;
    padding-left: 10px
}
#leftHeaderBox span#cities a.region1
{
    float: left
}
#leftHeaderBox span#cities a.region2
{
    float: right
}
.acticeC
{
    text-decoration: underline;
    font-size: 120%;
    font-weight: bold
    
}

#leftHeaderBox span#logoCompany a
{
    display: block;
    width: 125px;
    height: 127px;
    text-indent: -9999px    
}
#leftHeaderBox span#telNumber
{
    color: #fff;    
    width: 125px;
    text-align: center;
    padding-top: 310px;
    font-weight: bold;
}



/**************************************************************************
			MAIN INDEX
/**************************************************************************/
#mainContainer
{    
  height: auto !important;
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 985px;
  margin: 0 auto;  
  padding-bottom: 0
 
}

* html #mainContainer { overflow: visible}

#mainContainer:after
{
    content: 'EasyClear';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}
#mainContainer { display: inline-block }
/*\*/
#mainContainer { display: block }
/**/


#mainInContainer
{
    width: 985px;
    position: absolute;
    top: 50%;        
    height: 605px;
    margin-top: -302px;
    background:  url(images/indexMainBackg.jpg) 0 0 no-repeat
}
#indexTopBannersBox
{
    height: 145px;
    overflow: hidden;    
    clear: left
}
#boxBannerIndexLeft, #boxBannerIndexRight
{
    padding: 0;
    margin: 0;        
    float: left;
    font-weight: normal;
    font-size: 12px
}
#boxBannerIndexLeft
{
    width: 320px;
    padding-top: 20px;
    padding: 27px 0 0 10px
}
#boxBannerIndexRight
{
    width: 369px;
    padding: 15px 0 0 0
}
#boxBannerIndexRight span
{
    font-size: 14px;
    font-weight: bold    
}
#boxBannerIndexRight span#priceSpan
{
    padding-bottom: 13px;
    display: block;
    clear: left;
    text-align: center
}
.priceGenBox
{
    float: left;    
    font-size: 11px !important;
    font-weight: normal !important;
    display: inline;
    margin-left: 10px;
    font-family: Tahoma
}
.priceGenBox a
{
   text-decoration: underline;
   line-height: 20px
}
.priceGenBox a:hover
{
    text-decoration: none;
    color: #0f40a4
}
#indexContentBox
{
    line-height: 17px;
    height: 220px;
    overflow: hidden
}
#bottomLikeFooter
{
    
}

/**************************************************************************
			NO INDEX
/**************************************************************************/

#mainInContainerNoIndex
{
    /*min-height: 590px;
    height: auto !important;
    height: 590px;*/
    background:  url(images/rep.jpg) 0 0 repeat-y;    
}
#mainInContainerNoIndex2
{
    min-height: 590px;
    /*height: auto !important;
    height: 590px; */
    height: 1%;
    overflow /**/:/**/ hidden;
    background:  url(images/NoindexMainBackg.jpg) 0 0 no-repeat;
    position: relative
}
#contentNoIndex
{
    clear: left;
    line-height: 17px;
    padding: 20px;
    padding-top: 10px;
    margin-top: 20px; 
    margin-bottom: 100px;   
}


td.blockbordersegment1
{
    background: url(images/cTL.gif) 0 0 no-repeat;
    width: 22px;
    height: 22px;
}
td.blockbordersegment2
{
    background: #fff;
    height: 22px;
}
td.blockbordersegment3
{
    background: url(images/cTR.gif) 0 0 no-repeat;
    width: 22px;
    height: 22px;
}
td.blockbordersegment4, td.blockbordersegment6
{
    width: 22px;
    background: #fff
}
td.blockbordersegment9
{
    background:  url(images/cBR.gif) 0 0 no-repeat;
    width: 22px;
    height: 22px
}
td.blockbordersegment8
{
    background: #fff;
    height: 22px
}
td.blockbordersegment7
{
    background:  url(images/cBL.gif) 0 0 no-repeat;
    width: 22px;
    height: 22px
}
td.blockbordersegment5
{
    background: #fff
}
.genGroupsTbl
{
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px
}
.catalogstyle1
{
    
}
.genGroupsTbl tr td
{
    vertical-align: top;
}
.h4GenGroup
{
    font-size: 20px;
    padding-left: 20px

}
.tblInGroup
{
    width: 30%;
    float: left;
    margin-left: 5px;    
}
.tblInGroup tr th
{
    background: #3d8dd6;
    /*width: 30%;*/
    padding: 5px 0;
    font-weight: bold;
}
.tblInGroup tr td
{
    padding: 5px 0px;
}
.tblInGroup tr td.commentGroup
{
    color: #0f4577;
    text-align: center
}

.itemS
{
    background: #3d8dd6;
    padding: 2px 0;
    text-transform: uppercase
}
.odd
{
    background: #5d90bd !important
}

.aloneItemTable
{
    width: 30%;
    font-size: 11px;
    margin-left: 5px;
    float: left;
    margin-top: 10px
}
#orderForm input, #orderForm textarea
{
    width: 100%;
    margin: 3px 0;
}
.aloneItemTable a
{
    text-decoration: underline;
}
.aloneItemTable a:hover
{
    text-decoration: none
}

.itemS table
{
    width: 100%;
}
.itemS table tr td
{
    padding: 2px 5px
}
.itemS table tr td.priceGr
{
    width: 50px;
    text-align: right
}

#itemsGroupsDiv
{
    height: 1%;
    overflow /**/:/**/hidden
}

table tr td
{
    vertical-align: top
}
/*GALLERY*/
#galleryTop tr td
{
    width: 50%;
}
#goBackCont
{
    text-align: right;
    vertical-align: middle !important;
}
#goBackCont a
{
    text-decoration: underline;
    font-size: 11px
}
#goBackCont a:hover
{
    text-decoration: none
}
a#getOrder
{
    float: right;
    background: #2e85d4;
    padding: 5px 10px    
}





td.blockbordersegment1-2
{
    background: url(images/cTL2.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px;
}
td.blockbordersegment2-2
{
    background: #fff;
    height: 12px;
}
td.blockbordersegment3-2
{
    background: url(images/cTR2.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px;
}
td.blockbordersegment4-2, td.blockbordersegment6-2
{
    width: 12px;
    background: #fff
}
td.blockbordersegment9-2
{
    background:  url(images/cBR2.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px
}
td.blockbordersegment8-2
{
    background: #fff;
    height: 12px
}
td.blockbordersegment7-2
{
    background:  url(images/cBL2.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px
}
td.blockbordersegment5-2
{
    background: #fff
}
.genGalleryGroups
{
    float: left;
    margin-top: 20px;
    display: inline;
    margin-right: 10px
}
.separGallery
{
    clear: left;
    height: 0;
    font-size: 0
}
#otherGallery
{
    clear: left;
    padding: 15px 0 15px 10px;
    font-size: 11px
}
#otherGallery a
{
    text-decoration: underline
}

/**************************************************************************
			CONTENT BOX INDEX
/**************************************************************************/
#mainContentBox
{    
    float: right;
    margin-left: 280px;
    display: inline;    
    width: 700px;
    min-height: 600px;
    height: auto !important;
    height: 600px
}
#landPack
{
    text-align: right;
    padding: 0;
    margin: 0;
    margin-right: 35px;
    padding: 17px 0 17px 0
}

* html p#landPack
{
    padding: 16px 0 20px 0
}

#landPack img
{
    padding-left: 15px
}

/*MENU*/


ul#topMenuUl
{
    list-style: none;
    float: left;
    position: relative
}
ul#topMenuUl li
{
    float: left;
    position: relative;
    display: inline;
    margin-right: 2px
}
ul#topMenuUl li a
{    
    display: block    
}
ul#topMenuUl li span.activeM
{    
    font-weight: bold
}

ul#topMenuUl li span.contentItem
{
    background: url(images/repeatLi.gif) 0 0 repeat-x;
    padding-right: 0px;
    padding-left: 0px;    
    line-height: 29px;
    vertical-align: middle;
    display: inline-block !important;
    margin: 0 6px 
}

ul#topMenuUl li a:hover
{
    cursor: pointer
}
ul#topMenuUl li span
{
    display: block
}

ul#topMenuUl li span.topRSpan
{
    background: url(images/topRSpan.png) 0 0 no-repeat;
    width: 6px;
    height: 29px;
    position: absolute;
    right: 0    
}
ul#topMenuUl li span.topLSpan
{
    background: url(images/topLSpan.png) 0 0 no-repeat;
    left: 0;    
    width: 6px;
    height: 29px;
    position: absolute;
    left: 0 
} 






/**************************************************************************
			FOOTER
/**************************************************************************/
#footer
{  
    height: 133px;
    position: relative;
    z-index: 0;
    width: 100%;
    margin-top: -133px;
    min-width: 1000px;    
}

