﻿html,body{ height:100%; vertical-align:top; padding:0px; margin:0px; }
a { color:#567898; font-size:1.0em;}
img { border:0 none; }
.hd { display:none; }
.sw { display:block; }

*, *::before, *::after{ box-sizing: border-box; }
 
.bd_info {background-color: #fafefe; padding:0px; margin:0px; vertical-align:top; background: #fafefe url('/Content/img/fon_body.gif') repeat 0 0; }
#do_ajax {z-index: 801; display: none; position: fixed; margin: auto; top: 50%; left: 50%; text-align: center; width: 50px; height: 50px; }
#id_error  {z-index: 802; display: none; position: fixed; margin: auto; top: 10%; left: 30%; text-align: center; background-color: #ffaaaf; border: solid 2px #ffff23; padding: 5px 10px; filter:alpha(opacity=80); opacity:0.8; color:#300;}
#id_message {z-index: 803; display: none; position: fixed; margin: auto; top: 2%; left: 25%; text-align: center; background-color: #effff8; border: solid 2px #008823; padding: 5px 25px; filter:alpha(opacity=80); opacity:0.8; color:#030;}
.clr_both {clear:both;}
.scl_img { width:100%; max-width:100%; height:auto;  }
i.smbl { font-size:1.5em;  color:#007080}
.scl_img_prd { width:190px; max-width:100%; height:auto;  }

/* ----------------------- Main block ------------------ */
#wraper { width:100%; margin:0px auto 0px auto; background:#FFFFFF none repeat fixed 0 0; position:relative; min-height:100%; border:solid 1px #c0d0c8; }
#blk_top, #blk_menu, #blk_banner, #blk_content { clear:both; padding:0px 0px; width:100%; margin:0px auto; }
#blk_top { background-color:#faffff;}
#blk_menu { height:35px; background-color:#88b9cf;}
/* #blk_footer { clear:both; padding:0px 0px; width:80%; margin:0spx auto; } */

/* ----------------------- filter block ------------------ */
.dv_chbx_flt_grp { margin:0px 0px 10px 0px; }
.dv_flt_subhdr {padding: 2px 8px; margin:20px auto 0px auto; font-size:1.1em; font-weight:bold; text-align:center; box-sizing: border-box;}
.dv_chbx_flt {display:inline-block; padding: 2px 8px; margin:2px 5px;}

.mb_but_switch{ background-color:#a3e6f8; }
.mb_ctlg_shw{ position:absolute; float:left; width:100% }

/* ----------------------- fone_logo ------------------ */
#fone_logo_container { width:100%; display:table; padding:3px 0px; }
#user_vrfc_txt, #user_vrfc_simb, #fone { line-height:15px; margin:0px; padding:0px; }
#user_vrfc_txt, #user_vrfc_simb { float:right; }

#fone {font-size:1.2em; font-weight:bold; text-align:center; width:68%;  display:table-cell; vertical-align:top;}
#user_vrfc { width:32%; display:table-cell;}
#user_vrfc_txt {font-size:0.8em; padding:0px 10px 0px 0px; text-align:right;}
#user_vrfc_simb {width:40px; float:right;  text-align:center;}

/* ----------------------- logo_search_cart ------------------ */
#logo_search_cart_container { width:100%; position:relative;  background-color:transparent; clear:both; vertical-align:top; height:89px; margin:-10px;}
#logo_container { height:89px; line-height:15px; clear:none;}
#cart_container, #search_container { margin-top:30px; height:59px; line-height:15px; clear:none;}
 
#logo_container {position:absolute; width:240px; left:0;}
#cart_srch_wrp {position:absolute; left:240px; right:0;}

#search_container {position:absolute; left:0px; vertical-align:top; background-color:transparent; width:70%; }
#srch_wrp { margin:0px auto; width:80%; height:40px; background-color:transparent;}
#search {float:right; width:100%; max-width:500px; display:block; }
#search_simb {width:40px; float:right; text-align:center;}
#tb_search{width:100%;}
#txt_search{ width:100%; }
.td_srch_txt{ width:90%; padding:0px 0px; }
.td_srch_smb{ width:30px; padding:0px 10px; }

#cart_container {position:absolute; right:0px; vertical-align:top; background-color:transparent; width:30%; min-width:40px;}
#cart {float:right; padding:0px 10px; }
#cart_simb {width:40px; float:right; text-align:center;}

/* ----------------------- catalog_menu ------------------ */
#catalog_menu_container { width:100%; display:table; height:40px;}
#catalog_container, #menu_mbl_container, #menu_container {display:table-cell;}

#catalog_container { float:left;}
.ctlg_itm, .ctlg_itm_txt{ display:table-cell; padding: 2px 3px; margin:0px; line-height:10px;}
.ctlg_itm_txt { font-size:1.1em; font-family:'PT Sans Narrow', Sans-Serif; font-weight:bold;}

#menu_mbl_container { display:none; }

#menu_container {float:right;}
#dv_menu {background-color:#88b9cf;}
ul, li {margin:0px; padding:0px;}
#ul_menu_top > li {padding: 2px 5px; font-size: 1.2em; font-weight: normal; line-height:20px; display:inline-block; list-style:none; margin:0px; font-family:'PT Sans Narrow', Sans-Serif;}


/* ----------------------- Content ------------------  */
#blk_content { background-color:transparent; position:relative; }
#side_left_container { width:30%; min-width:150px; float:left; background-color:transparent;}
#content_container { width:70%; float:right; background-color:transparent; }


#content_wrp {padding:0px 0px 0px 20px; }

.dv_cntnr_prod {float:left;}

h1 {margin:0px; color:#529981; text-align:center; padding:0px;}
.dv_prod{ background-color:#edfafd; margin:5px; padding:5px; border:solid 1px #c0cde0; }
.tb_printb { margin:auto; }

#filter_container {background-color:#fcf3eb; margin:10px 5px; padding:5px; border:solid 1px #fec99d; vertical-align:top;}
#catalog_wraper {margin:10px 5px; padding:0px;}
#catalog_wraper {background-color:#F4FAFF; margin:10px 5px; padding:5px; border:solid 1px #C4E0F0; vertical-align:top;}

.td_filter_prod {padding: 3px 20px; width: 180px;}

/* ----------------------- lnk_parens_path */
#dv_lnk_parens_path { text-align:center; font-size: 1.2em;  font-weight:bold; padding:5px 0px 10px 0px}
#dv_lnk_parens_path a { color: #803909; text-decoration: underline;}
#dv_lnk_parens_path a:hover { color: #803909;text-decoration: underline;}
#dv_lnk_parens_path a:visited { color: #803909;text-decoration: underline;}


/* ----------------------- footer ------------------ */
#blk_footer { width:100%; padding:0px 0px; margin:0px auto; background-color:#88B9CF; text-align:center; clear:both; position:absolute; bottom:0px;}
#copyright a, #copyright a:visited { color:#ffffff; font-size:0.7em; text-decoration:none; line-height:8px;} 


.smb_sl {background-color:#C0DFC0; color:#F7E8D4; cursor:pointer; }
.smb_hw {background-color:#dae230; color:#F78834; cursor:pointer; }

/* ----------------------------------------- */
#dv_page_container { display:table; width:100%; vertical-align:top; padding:5px;}
#dv_catalog_container { display:table-cell; min-width:180px; width:280px; border:1px solid #09546a; background-color:#f4faff; padding:10px; vertical-align:top; }
#dv_inf_container { display:table-cell; border:0px solid #09546a; padding:10px; vertical-align:top; }
#dv_img { display:table-cell; border:1px solid #b9c4ca; background-color:#ffffff; padding:5px; vertical-align:top; }
.dv_ifl { padding:15px 0px; display:table; margin:auto;}

/* ----------------------- Block in catalog ------------------ */
.dv_blk_img { display:table; margin:auto; padding:3px; }
.dv_prntb_nm {  padding:5px 0px; text-align:center;}
.a_blk_nm { text-decoration:none; color:#092f3b; font-weight:bold; }

.td_blk_prm_l { text-align:right; font-style:italic; padding: 3px 3px; font-size:0.8em;}
.td_blk_prm_r { text-align:left; font-weight:bold; padding: 3px 3px;}
.td_blk_prm_dcrpt { text-align:left; padding: 3px 3px; font-size:0.9em;}
.tb_blk_smb { margin:auto;}
.td_blk_smb { padding:0px 10px;}
.sp_blk_smb { color:#092f3b; font-size:1.2em; border:1px solid #b9c4ca; padding:5px;}
.sp_blk_smb_sl { color:#097f3b; font-size:1.2em; border:1px solid #49a46a; background-color:#fcffff; padding:5px; cursor:pointer;}

.td_smb { padding:10px 5px 0px 5px; }
.td_blk_smb { position:relative; }
.dv_blk_smb_inf { position:absolute; top:-6px; right:0px; }
.dv_blk_smb_inf_lk {position:absolute; top:-5px; right:0px; font-size:0.8em; }
.sp_blk_smb_inf {color:#092f3b; font-size:0.8em;}

/* ************** PAGING ************** */
#tb_pagin{ margin: auto; border-collapse:separate; border-width: 0; margin-top:20px; color:#803909;}
.td_pagin_go, .td_pagin_prev, .td_pagin_next, .td_pagin_num, .td_pagin_numb_pg, .td_pagin_total { padding: 2px; border-width: 0;}
.td_pagin_prev { padding-right: 10px;}
.td_pagin_next { padding-left: 10px;}
.td_pagin_numb_pg, .td_pagin_total { padding-left: 10px;}

.dv_pagin_go, .dv_pagin_num, .dv_pagin_num_sl, .dv_pagin_num_sl, .sel_pgn{ border: solid 1px #f1ecd9; color:#803909; text-align: center; font-size:0.8em; padding: 2px 5px; font-weight:bold; }
.dv_pagin_num_sl{ color:#d03909;}
.sel_pgn{ background-color: #f1ecd9; cursor:pointer; color:#f03909;}

/* ************** PROJECT PROFILE ************** */
.td_prfl_fld_nm{ color:#092f3b; font-size:0.9em; font-style:italic; padding:10px;}
.td_prfl_fld{ color:#092f3b; font-size:1.1em; font-weight:bold; padding:10px; }
.td_prfl_fld_sm{ color:#092f3b; font-size:1.0em; padding:10px; }
.td_prfl_fld_kw{ color:#092f3b; font-size:1.0em;  padding:10px;}
.li_prf_vis { line-height:40px;}
.prf_cntnr_vis { position:relative; display:table;}
.dv_prf_vis_name { display:inline-block;}
.dv_prf_vis_smb {display:inline-block; position:absolute; top:-8px; }
.dv_prf_vis_other {display:inline-block; color:#c1cfd4; font-size:0.6em; font-weight:normal; font-style:italic; padding: 0px 0px 0px 50px; }
.dv_prf_vis_other_sl {cursor:pointer; color:#91bfb4; }

.sel_grnt { color:#097f3b; background-color:#fcffff; cursor:pointer; }
.dv_grnt_qvr_sh { background-color:#fcffff; border: solid 1px #afdbe5;  color:#803909; padding:4px 15px;}
.i_grnt_msg{ color:#097f3b; font-size:0.8em; }
#tx_grnt_msg { width:100%;}
.dv_prmt_setnm { text-align:left; background-color: #d6edf3; margin-top: 6px;}
.dv_prmt_set_msg {text-align:left; width:100%; font-style:italic; font-size:0.8em;}
.dv_prmt_set_prm { display:inline-block;}
.dv_prmt_set_bt { display:inline-block;}

.p_notfind { color:#567898; font-weight:normal; font-style:italic; font-size: 1.1em; padding: 10px 30px; }

/* ========================================== MEDIA  ========================================== */
/* @media only screen and  (max-width:480px) */
@media only screen and ( min-width: 10px) and (max-width: 320px )
{
/*  */
    #fone {color:#00FF00;}
    #user_vrfc_txt, #search, #cart {display:none;}    
    #user_vrfc_simb {display:table-cell;}
    
    #fone { width:95%; }
    #user_vrfc { width:5%;}
    
    #search_container { width:90%;}
    #cart_container {width:10%; }
    #srch_wrp {width:30%; float:right; margin:0px 20px 0px 0px; }
     
    .ctlg_itm_txt { font-size:1.2em; }
    
    #side_left_container { width:100%; float:left; background-color:transparent; }
    #content_container { width:100%; float:right; background-color:transparent; }    
    #content_wrp {padding:0px 0px 0px 10px; }
    .scl_img_prd { width:120px; max-width:100%; height:auto; }
    #wraper, #blk_footer {width: 100%; margin:0px; border-width:0px; }
    #ctlg_tvr {display:none;}
    #menu_mbl_container, .dv_simb_mbl{ display: inline; float:right; padding:1px 3px; box-sizing: border-box;}
}


/* @media only screen and  ( max-width:480px) */
@media only screen and ( min-width: 321px) and (max-width: 480px )
{
/*  */
    #fone {color:#301078;}
    #user_vrfc_txt, #search, #cart {display:none;}    
    #user_vrfc_simb {display:table-cell;}
    
    #fone { width:95%; }
    #user_vrfc { width:5%;}
    
    #search_container { width:90%; }
    #cart_container { width:10%; }
    #srch_wrp {width:30%; float:right; margin:0px 20px 0px 0px; }

    .ctlg_itm_txt { font-size:1.2em; }
    
    #side_left_container { width:100%; float:left; background-color:transparent; }
    #content_container { width:100%; float:right; background-color:transparent; }
    #content_wrp {padding:0px 0px 0px 5px; }
        
    .scl_img_prd { width:120px; max-width:100%; height:auto; }
    #wraper, #blk_footer {width: 100%; margin:0px; border-width:0px;}
    #ctlg_tvr {display:none;}
    #menu_mbl_container, .dv_simb_mbl{ display: inline;float:right; padding:1px 3px; box-sizing: border-box; }
}


/* ##Device = Low Resolution Tablets, Mobiles (Landscape)  ##Screen = B/w 481px to 767px */
@media only screen and ( min-width: 481px ) and ( max-width: 767px )
{
/*  */
  #fone{ color:#c0a008 } 
  #user_vrfc_txt, #cart { display:none; }
  #user_vrfc_simb {display:table-cell;}
  
  #fone { width:95%; }
  #user_vrfc { width:5%;}
  
  #search_container { width:90%;}
  #cart_container {width:10%; }
  #srch_wrp {width:95%; float:right; margin:0px 20px 0px 0px;  }
  #search_simb {display:none;}
  
  #side_left_container { width:33%;}
  #content_container { width:67%; }
  #wraper, #blk_footer {width: 100%; margin:0px; border-width:0px;}
  #ctlg_tvr {display:none;}
  #ul_menu_top > li {line-height:25px; }
  .scl_img_prd { width:120px; max-width:100%; height:auto; }
  #content_wrp {padding:0px 0px 0px 5px; }

}


/* ##Device = Tablets, Ipads (portrait)  ##Screen = B/w 768px to 1024px */
@media only screen and ( min-width: 768px ) and ( max-width: 1024px )
{
/*  */
  #fone{ color:#007038 }
  #user_vrfc_simb, #search_simb, #cart_simb {display:none;}
  #wraper, #blk_footer { width: 90%; }
  #ul_menu_top > li {padding: 2px 10px; font-size:1.4em; font-weight:bold; line-height: 25px;}
  .ctlg_itm_txt { font-size:1.3em; font-weight:bold; }
}

/* ##Device = Laptops, Desktops   ##Screen = B/w 1025px to 1280px */
@media only screen and ( min-width: 1025px )
{
  #fone{ color:#a02018 }
  #user_vrfc_simb, #search_simb, #cart_simb {display:none;}
  #wraper {width: 80%;}
  #ul_menu_top > li {padding: 2px 10px; font-size:1.4em; font-weight:bold; line-height: 25px;}
  .ctlg_itm_txt { font-size:1.3em; font-weight:bold; }
}

.ctlg_brdTL { background: transparent url(/Content/img/brd/wb_TL.png) no-repeat left 0px; padding: 0px; width:13px; height:11px;}
.ctlg_brdTC { background: transparent url(/Content/img/brd/wb_TC.png) repeat-x  left 0px; padding: 0px; height:11px;}
.ctlg_brdTR { background: transparent url(/Content/img/brd/wb_TR.png) no-repeat left 0px; padding: 0px; width:13px; height:11px;}
.ctlg_brdCL { background: transparent url(/Content/img/brd/wb_CL.png) repeat-y  left 0px; padding: 0px; width:13px; }
.ctlg_brdCR { background: transparent url(/Content/img/brd/wb_CR.png) repeat-y  left 0px; padding: 0px; width:14px; }
.ctlg_brdBL { background: transparent url(/Content/img/brd/wb_BL.png) no-repeat left 0px; padding: 0px; width:13px; height:15px;}
.ctlg_brdBC { background: transparent url(/Content/img/brd/wb_BC.png) repeat-x  left 0px; padding: 0px; height:15px;}
.ctlg_brdBR { background: transparent url(/Content/img/brd/wb_BR.png) no-repeat left 0px; padding: 0px; width:14px; height:15px;}

.krgl_10{ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
.krgl_15{ -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;}
