/* General styles */

  @font-face {
    font-family:"HeadLine";
    src: url(calibrib_0.ttf);
  }
  @font-face {
    font-family:"SubHeadLine";
    src: url(calibri_0.ttf);
  }
  @font-face {
    font-family:"NormalText";
    src: url(ClearSans-Regular.ttf);
  }
  @font-face {
    font-family:"HandWritten";
    src: url(ClearSans-Light.ttf); 
  }

  * {
    color:#000; 
    font-family:"NormalText", Arial, Tahoma, Verdana; 
    font-size:1rem;
  }
  body {
    padding:0; 
    margin:0; 
  }
  table, td, form, img {
    padding:0; 
    margin:0;
  }
  input, select {vertical-align:middle;}
  img {border:0;}
  a {
    color:#19657e; 
    text-decoration:none;
    opacity:1;
    transition: opacity 0.7s;
  }
  a:hover {opacity:0.54;}
  
  p {
    margin:5px 0;
  }
  
  h1, h2, h3, h4, h5 {
    margin:0;
    font-weight:normal;
  }
  h1, h1 a, h1 span {
    font-family:"HeadLine"; 
    font-size:1.8rem;
    text-align:center;
  }
  h2, h2 a {
    font-family:"SubHeadLine"; 
    font-size:1.5vw;
    color:#212121;
    margin:0;
  }
  h3, h3 a {
    font-family:"HeadLine"; 
    font-size:1.5rem;
    margin:0 0 10px 0;
  }
  h4, h4 a {
    font-family:"NormalText";
    line-height:1rem;
  }
  h5, h5 a {
    font-family:"NormalText";
    font-style:italic; 
    font-size:1.03px;
    margin:0;
  }

  .clear {clear:both;}
  .hr {
    width:100%;
    position:relative;
    height:3rem;
    margin-bottom:3rem;
    border-bottom:1px solid #ccc;
    text-align:center;
  }
  .hr span{
    position:absolute;
    bottom:-9px; left:0; right:0;
    display:block;
    margin:auto;
    width:52px;
    height:17px;
    background:#fff url(img/div.png) no-repeat bottom center;
  }

/* Main styles */

  .main-wrapper {
    width:94%;
    max-width:1200px;
    margin:auto;
  }
  
  nav {
    background:#000;
    position:relative;
  }
  nav a {
    color:#fff;
    font-size:1.1rem;
    line-height:3.5rem;
    display:inline-block;
    margin:0 0.8rem;
  }
  .nav-left, .nav-left li {
    float:left; width:45%;
  }
  .nav-right, .nav-right li {
    float:right;
    width:45%;
    text-align:right;
  }
  
  nav .icon {
    font-size:0;
    width:24px; height:24px;
    line-height:2.4rem;
  }
  nav .home {background:url(img/home.png) center no-repeat;}
  nav .msg {background:url(img/mail.png) center no-repeat;}
  nav .log {background:url(img/lock.png) center no-repeat;}
  nav .reg {background:url(img/mag.png) center no-repeat;}
  
  .logo {
    display:block;
    margin:auto;
    float:none;
    position:absolute;
    left:0; right:0; top:-170px;
    width:235px; height:235px;
    background:#997c45;
    box-shadow: 0 0 9px -2px #222;
    transform: rotate(45deg);
  }  
  .logo:hover {
    opacity:0.92;
  }
  .logo div {
    padding-top:180px;
    padding-left:20px;
    text-align:center;
    transform: rotate(-45deg);
  }  
  .logo div h1 {
    font-family:HandWritten;
    color:#fff;
    text-align:center;
    font-size:30px;
    line-height:30px;
  }  
  
  
  header {
    width:100%;
    background:#f8f4eb;
    border-bottom:1px solid #c6c3bc;
    margin:-20px auto 4rem auto;
    padding-top:25px;
  }
  header *{
    list-style-type: none;
    padding:0;
    margin:0;
  }  
  header a.more {
    position:absolute;
    margin:auto;
    overflow:hidden;
    bottom:-20px; left:0; right:0;
    display:block;
    width:42px; height:42px;
    background:#f8f4eb url(img/arr_down.png) no-repeat center;
    border:1px solid #c6c3bc;
    border-radius:42px;
    text-indent:-100;
    box-shadow:0 0 4px 1px #ddd;
  }
  
  .subnav {
    
  }
  
  
  
/* Grid styles */  
  
  .grid h1 {text-align:left;}
  .grid-2 {
    float:left;
    width:46%;
    margin:1rem 2rem 0 0;
  }
  
  .last {
    margin:0 !important;
  }
  

/* Footer styles */
footer {background:#000; padding:2rem 0 0 0; position:relative; overflow:hidden;}




/* MIDDLE SCREENS */
@media only screen and (max-width: 50.063em) and (min-width: 35.063em) {
  .grid-2 {
      margin: 1rem 2rem 0 0;
      width: 98%;
  }  
}

/* SMALL-MIDDLE SCREENS */
@media only screen and (max-width: 35.063em) {
  .small-hide{display:none;}
}




  
  
  /*
  body {background:#fff;}
  body, table, td { padding:0px; margin:0px;font-size:12px;}
  body, table, td, input, select, textarea {color:#000;font-family:Arial, Tahoma, Verdana, sans-serif;}
  input, textarea {font-size:11px;}
  form {margin:0px;}

  a {text-decoration:none; color:#577bbf; font-weight:bold; border-bottom:1px solid transparent;}
  * html a {border-bottom:0;}
  a:hover {border-bottom:1px dotted #577bbf;}
  a.gr {color:#a4c100; border-bottom:1px solid transparent;}
  a.gr:hover {border-bottom:1px dotted #a4c100;}
  a.nob, a.nob:hover {border-bottom:0;}

  img {border:0px;}
  p {margin:0 0 12px 0;}
  
  form table {margin:auto;}
  form table td, form table th {padding:5px 7px;}
  form table th {text-align:right;}
  .inp, select {height:20px; line-height:20px; font-size:12px; padding-left:5px; border:1px solid #e6e1db; border-top:1px solid #bebbae; border-left:1px solid #bebbae;}
  .ch {float:left; margin-right:6px;}
  textarea.inp {height:auto; line-height:14px;}
  .btnLine {padding:15px 0px;}
  .btnLine .btn, .btnLine .btnO, .btnLine .btnS {position:relative; left:300px; height:24px; float:left; padding:0 8px; color:#fff; font-family:Arial; font-weight:bold; background:url(i/btn_c.gif) repeat-x center; margin:0px;}
  .btnLine .bl {top:0 !important; height:24px !important; width:3px !important; background:url(i/btn_l.gif) no-repeat left !important;}
  .btnLine .br {top:0 !important; height:24px !important; width:3px !important; background:url(i/btn_r.gif) no-repeat right !important;}
  .btnLine input {color:#fff; font-family:Arial; font-weight:bold; background:none; border:0; height:22px;}

  .btnLine .btnS {background:url(i/btn_c_s.gif) repeat-x center;}
  .btnLine .btnS .bl {background:url(i/btn_l_s.gif) no-repeat left !important;}
  .btnLine .btnS .br {background:url(i/btn_r_s.gif) no-repeat right !important;}

  .btnLine .btnO {background:url(i/btn_c_roll.gif) repeat-x center !important;}
  .btnLine .btnO .bl {background:url(i/btn_l_roll.gif) no-repeat left !important;}
  .btnLine .btnO .br {background:url(i/btn_r_roll.gif) no-repeat right !important;}
  
  #loginBtn {left:288px;}
  #ordBtn0 {left:0px;}
  #ordBtn0 input {width:160px;}
  #ordBtn1 {left:10px;}
  #ordBtn1 input {width:200px;}
  
  
  .fl {float:left;}
  .fr {float:right;}
  .f10 {font-size:10px;}
  .f11 {font-size:11px;}
  
  .xsize p, .xsize li {font-size:14px;}
  
  .l, .r {width:7px; height:32px; position: absolute; top:0; font-size:0;}
  .bl, .br {width:6px; height:6px; position: absolute; bottom:0; font-size:0;}
  .l, .bl {left:0;}
  .r, .br {right:0;}
  
  .strike {color:#b1aea2; text-decoration:line-through;}
  .red {color:#ff8a00;}
  .gray {color:#a19e94;}
  #infoMsg {font-weight:bold; color:#a6c300; padding:50px 0; text-align:center;}
  #infoMsg2 {font-weight:bold; color:#a19e94; margin-left:20px;}
  .siteInfo p {margin-bottom:29px; line-height:15px; font-family:Tahoma;}
  .exclam {background:url(i/exclam.gif) no-repeat left 2px; padding-left:36px;}  
  .quess {background:url(i/quess.gif) no-repeat left 2px; padding-left:36px;}  
  
  .back, .close, .ahead {display:block; height:17px; background:url(i/arr_back.gif) no-repeat left; padding-left:23px; font-size:11px; color:#b1d000;}
  .back:hover, .close:hover, .ahead:hover {border-bottom:0; color:#89a200;}
  .close {background:url(i/x.gif) no-repeat left;}
  .ahead { background:url(i/arr_next.gif) no-repeat right; padding-right:23px;}

  #content {width:990px; margin:auto;}

  #header {height:175px; padding:0 32px 0 25px;  background:#244581 url(i/head_bg.gif) repeat-x; position:relative;}
  #header .l, #header .r {width:25px; height:175px;}
  #header .l {background: url(i/head_l.gif) no-repeat;}
  #header .r {background: url(i/head_r.gif) no-repeat;}
  #header .sep {background:url(i/sep_top.gif) no-repeat top; width:1px; height:7px; float:left; margin:5px 12px;}  
  #header form, #header span {float:left; margin-right:4px;}  

  #header #top {padding:11px 0; line-height:16px;}
  #header #top a {color:#82b0f7; font-size:11px; float:left;}  
  #header #top a:hover {border-bottom:1px dotted #82b0f7;}  
  #header #top form {margin-top:-4px;}  
  #header span, #header .username {color:#d3e5ff !important;}  
  #header #top input {background:url(i/inp_bg.gif) no-repeat top; border:0; width:90px; height:14px; padding:3px 5px; color:#82b0f7; font-size:10px; vertical-align:middle;}  
  #header #top .btn {background:url(i/btn_login.gif) no-repeat top; border:0; width:53px; height:20px; color:#82b0f7; font-size:10px; vertical-align:middle;}  
  #header #top .btn:hover {background:url(i/btn_login_roll.gif) no-repeat top;}  
  #header #top .fr a {float:left; line-height:14px; margin-top:0px;}  
  
  #header #logo, #header #logo_xmas, #header #logo_easter {display:block; position:absolute; top:50px; left:35px; width:277px; height:46px;background:url(i/logo.gif) no-repeat;}  
  #header #logo_xmas {top:40px; left:14px; width:322px; height:76px;background:url(i/winter/logo.gif) no-repeat;}
  #header #logo_easter {top:40px; left:29px; width:354px; height:64px;background:url(i/logo_easter.png) no-repeat;}
*/
/*  #candle {display:block; position:absolute; top:32px; left:85px; width:93px; height:115px; background:url(i/winter/candle.png) no-repeat;}  
  #bow {display:block; position:absolute; top:24px; left:145px; width:220px; height:51px; background:url(i/winter/bow.png) no-repeat;}  
  #balls {z-index:-1; display:block; position:absolute; top:-21px; right:-12px; width:107px; height:171px; background:url(i/winter/balls.png) no-repeat; }
  .bells {z-index:1000;display:block; position:absolute; bottom:-28px; right:-12px; width:81px; height:65px; background:url(i/winter/bells.png) no-repeat; }
*/
/*  #header #cart {font-family:Tahoma;position:absolute; top:50px; right:35px; width:355px; height:73px; color:#96bcf9; font-weight:bold;}  
  #header #cart div {background:url(i/cart.gif) no-repeat left center; height:22px; line-height:20px; padding-left:30px; margin-right:10px; float:right;}  
  #header #cart .sep {background:url(i/sep_mid.gif) no-repeat left center; height:17px; padding:0px; float:right;}  
  #header #cart a {float:right; margin-top:3px; color:#fff;}  
  #header #cart a:hover {border-color:#fff;}  
  #header #cart .gr {color:#cdf200; font-size:11px; margin-top:6px; line-height:18px;}
  #header #cart .gr:hover {border-bottom:1px dotted #cdf200;}
  
  #mainNav {position:absolute; top:130px; left:35px;}
  #mainNav a {color:#fff; float:left; font-size:12px; padding-top:6px;}
  #mainNav a.sel {background:url(i/arr_menu.gif) no-repeat center -1px;}
  #mainNav a:hover {border-color:#fff;}
  #mainNav .sep {background:url(i/sep_bot.gif) no-repeat left center; height:11px;}  
  
  #srch {position:absolute; top:130px; right:15px;}
  #srch input {background:url(i/inp_bg_gr.gif) no-repeat 0 0; border:0; width:199px; height:16px; padding:3px 5px; color:#505e00; font-size:11px; vertical-align:middle;}  
  #srch .btn {background:url(i/btn_srch.gif) no-repeat top; border:0; width:53px; height:22px; color:#fff; font-size:11px; vertical-align:middle;}  
  #srch .btn:hover {background:url(i/btn_srch_roll.gif) no-repeat top;}  
  

  #footer {padding:8px 20px; margin:0 8px; height:41px; background:url(i/ft_bg.gif) repeat-x; position:relative;}
  #footer a {color:#fff; font-size:10px; float:left; margin-top:5px;}  
  #footer a:hover {border-bottom:1px dotted #fff;}  
  #footer .fr {color:#fff; font-size:10px; margin-top:5px; font-family:Tahoma;}  
  #footer .l, #footer .r {width:11px; height:41px;}
  #footer .l {background: url(i/ft_l.gif) no-repeat;}
  #footer .r {background: url(i/ft_r.gif) no-repeat;}
  #footer .sep {background:url(i/sep_mid.gif) no-repeat top; width:1px; height:7px; float:left; margin:8px 12px;}  
  
  
  #subCont {float:left; margin:10px 10px 25px 25px; width:712px;}
  #leftNav {float:left; width:233px; margin:10px 0 25px 10px;}
  * html #subCont {margin:10px 10px 25px 15px; width:712px;}
  * html #leftNav {width:232px; margin:10px 0 25px 6px;}

  h1, h2, h3, h4 {font-size:12px; color:#fff; font-weight:bold; height:32px; line-height:31px; position:relative; padding:0 10px; margin:0;}

  h1 {background:url(i/blue_bg.gif) repeat-x;}
  h1 .l {background: url(i/blue_l.gif) no-repeat;}
  h1 .r {background: url(i/blue_r.gif) no-repeat;}
  
  h2 {background:url(i/green_bg.gif) repeat-x;}
  h2 .l {background: url(i/green_l.gif) no-repeat;}
  h2 .r {background: url(i/green_r.gif) no-repeat;}
  
  h3 {background:url(i/gray_bg.gif) repeat-x;}
  h3 .l {background: url(i/gray_l.gif) no-repeat;}
  h3 .r {background: url(i/gray_r.gif) no-repeat;}
  
  h4 {background:url(i/gray_light_bg.gif) repeat-x; color:#a19e94;}
  h4 .l {background: url(i/gray_light_l.gif) no-repeat;}
  h4 .r {background: url(i/gray_light_r.gif) no-repeat;}
  h4 .back, h4 .close, h4 .ahead {position:absolute; right:10px; top:8px; line-height:17px;}
  
  h5 {font-family:Tahoma; font-size:14px; margin-top:0;}

  h6 {font-family:Tahoma; font-size:12px; margin:20px;}


  .tabs {float:left; width:100%; height:31px; border-bottom:1px solid #f3ede7;}
  .tabs h4 {float:left; margin-right:2px; padding:0 20px; cursor:pointer; color:#a4c100;}
  .tabs h4:hover {color:#8aa300;}

  .tabs h4.sel {background:url(i/white_bg.gif) repeat-x; color:#a19e94; cursor:text;}
  .tabs h4.sel .l {background: url(i/white_l.gif) no-repeat;}
  .tabs h4.sel .r {background: url(i/white_r.gif) no-repeat;}

  
  .box, .boxin {background:#f3ede6; margin-bottom:15px; padding:18px; position:relative;}
  .box .bl, .boxin .bl {background: url(i/box_bl.gif) no-repeat;}
  .box .br, .boxin .br {background: url(i/box_br.gif) no-repeat;}
  .box p {margin:0 0 6px 0; padding:0;}
  .box ul {margin:0 0 8px 0; padding:0 0 10px 0; background:url(i/sep_h.gif) repeat-x bottom;}
  .box li {list-style-type:none; background:url(i/li.gif) no-repeat left 5px; padding:0 0 2px 15px;}
  .box li a {padding:0; color:#a4c100;}
  .box li a:hover {border-bottom:1px dotted #a4c100;}
  .box p.sel a, .box li.sel a {color:#000;}
  
  .boxin {background:#fff;border:1px solid #d7d3c5; border-top:0;}
  .boxin .bl {background: url(i/boxin_bl.gif) no-repeat; bottom:-1px; left:-1px;}
  .boxin .br {background: url(i/boxin_br.gif) no-repeat; bottom:-1px; right:-1px;}
  
  .boxin a img {padding:1px; border:1px solid #fff; margin-right:8px;}
  .boxin a:hover img {border:1px dotted #d7d3c5;}
  .boxin div.fl {width:75px; font-family:Tahoma;}
  
  .art {width:204px; float:left; font-family:Tahoma; }
  .art img {width:108px; height:78px;}
  .srv img {width:180px; height:110px;}
  .artMarg {margin:0 0 35px 0;} 

  .addCart {display:block; background:url(i/cart_w.gif) no-repeat; width:38px; height:38px; margin-top:10px;}
  .vsep {background:url(i/sep_v.gif) repeat-y center; float:left; width:1px; height:185px; padding:0 15px;}

  #srv {float:left; width:382px; position:relative;}
  #srv .boxin {height:144px; padding-left:10px; padding-right:10px;}
  #srv img {margin:0;}
  #srv div.fl {width:166px; margin-left:10px;}
  #srv .more {position:absolute; right:15px;bottom:8px; font-size:11px; font-family:Tahoma; padding-bottom:2px;}
  
  #office {float:left; width:312px; margin-left:15px; position:relative;}
  #office p {margin-bottom:11px; line-height:15px;}
  
  #artPrev div, #artPrev p, #artPrev td {font-family:Tahoma; font-size:14px;}
  #artPrev img {float:left; margin:0px 40px 20px 20px;}
  #artPrev td {vertical-align:top; padding-top:20px;}
  #artPrev .addCart {width:auto; padding-left:50px; line-height:38px; font-size:12px;}  
  #artPrev .addCart:hover {color:#89a200;}  
  #catIn {white-space:nowrap; height:20px; margin:30px 0 0px 20px; font-size:12px;}
  #catIn a {font-size:12px;}
  

  .pagesTop {position:absolute; top:8px; right:10px; line-height:16px;}
  .pagesTop a, .pagesTop span {padding:0 5px; float:left; display:block;}

  .pagesBot {background:url(i/sep_h.gif) repeat-x top; margin:25px 0 -10px 0 !important; padding-top:10px; float:right; margin:0 10px; width:670px;}
  .pagesBot div.inPage {float:right;}
  .pagesBot a, .pagesBot span {padding:0 5px; float:left; display:block;}
  .pagesBot span, .pagesTop span {color:#a4c100; font-weight:bold;}
  .pagesBot .vsep, .pagesTop .vsep {height:10px; margin-top:4px; padding:0 5px;}
  
  .prev {display:block; height:17px; width:17px; background:url(i/arr_back.gif) no-repeat left; padding:0 !important; margin-right:6px;}
  .next {display:block; height:17px; width:17px; background:url(i/arr_next.gif) no-repeat left; padding:0 !important; margin-left:6px;}
  

   .total {padding:10px 0; font-weight:bold; font-size:14px; color:#a4c100; margin-bottom:10px; background: url(i/sep_h.gif) repeat-x bottom;}
   td.price {white-space:nowrap; text-align:right;}

  
   #cartPrev table {width:100%;}  
   #cartPrev tr, .hsep {background:url(i/sep_h.gif) repeat-x bottom;}  
   #cartPrev th, #cartPrev td {padding:10px 15px;}  
   #cartPrev th, #cartPrev .mid {text-align:center;}  
   #cartPrev .now {white-space:nowrap;}  
   #cartPrev .inp {vertical-align:middle;}  
   #cartPrev img {width:60px; margin:0;}  
   #cartPrev .img {float:left; margin-right:5px; border-bottom:0;}  
   #cartPrev .img:hover {border:0;}  
   #cartPrev .total {padding:10px; text-align:right; margin-bottom:20px; background-color:#f9f5ef;}
   #cartPrev #subBtn {left:245px;}       
   #cartPrev #orderBtn {left:255px;}
   
   
   #delivery .fl {width:200px; font-size:14px;}       
   * html #delivery .fl {float:none;}       
   #delivery p {font-size:12px; margin-bottom:0;}
   #delivery .total {padding:10px 0; }
   #delivery input {vertical-align:middle; margin-right:10px;}
  
   #confDelPay .fl {width:316px;}
   #confDelPay .total {background:none; padding-top:5px; margin:0;}
   #confDelPay .hsep {height:10px;}
   
   #userData table {width:100%;}
   #userData th {text-align:right;}
   #userData .hsep {background-position:center; height:20px;}
  
  
   #genTotal {font-size:16px; color:#577bbf; background-color:#f9f5ef;padding:10px; text-align:right;}
  
  
   #about p {margin:10px 10px 30px 10px; line-height:18px;}  
   #about ul {margin-bottom:30px; margin-top:10px; line-height:20px;}  
   #about img, #contacts img {padding:5px; border:1px dotted #d7d3c5; margin:0 17px 15px 0;}
   #about .im {margin: 0 0 0 15px;}
   #contacts img {margin:0px;}  
   #contacts h5, #contacts p {margin-left:10px;}  
   
   
   #srvPrices {width:100%;}
   #srvPrices td {padding:8px 11px;}
   #srvPrices tr.bg {background-color:#f9f5ef;}
   
   #history table {width:100%;}  
   #history td, #history th {text-align:center;}  
    
   #profile {height:400px;}
   
   #printers {padding-top:15px;padding-bottom:20px; height:90px;}
   #printers select {width:196px; margin:3px 0;}
   #printers .btnLine {padding-left:57px; padding-top:7px;}
   * html #printers .bl, * html #printers .br {bottom:-1px;}

   #help {min-height:1000px;}
   #help ul {margin-bottom:30px;}
   #help li {margin: 10px 0;}
   #help li a {font-family:Tahoma, Verdana;}
   #help ul div {margin:8px 0 16px 0;line-height:16px; font-family:Tahoma, Verdana;}

*/