#mail-mob img{
width:100%;
 }
#mail-mob{
width:10%;
position: fixed;
right:20%;
bottom:5%;
}

#phon-mob img{
width:100%;
 }
#phon-mob{
width:10%;
position: fixed;
right:5%;
bottom:5%;

}
 #oneclick { border:none;
margin-top:-100px; width:340px;
position:relative;
background:#fff;

}
#oneclick #or { background:url(or.png) no-repeat; width:41px; height:62px; display:block; position:absolute; top:170px; left:20px;}
#oneclick h1 {color:#545454; margin-bottom:2px; font-size:24px; text-align:center;}
#oneclick p{ color:#545454; font-size:12px}
#oneclick .input {
height:40px;
background:none; font-size:16px;
font-weight:bold; color:#A4A4A4;
border:none;
border-bottom:2px solid #E41616;
border-radius:0;
margin-bottom:10px;
box-shadow:none;
}
#oneclick span { color:#E31718; font-size:10px; float:none; font-weight: normal; font: Verdana, Arial, Helvetica, sans-serif;}
#oneclick textarea  {font-family: Arial, Helvetica, sans-serif;font-size:16px;
font-weight:bold; color:#A4A4A4; background:none;border:0px; border-bottom:2px solid #55B3F0;}
#oneclick .btn { float:none; clear:both; background:#55B3F0; border-radius:3px; font-size:18px; margin:30px auto 10px; padding:10px 50px;}

#pday { color:#000000; width:231px; height:78px; background:url('raid6.png') no-repeat; display:block; position:absolute; top:18px; left:230px; }
#pday img { margin:16px 10px;}
#pday b { text-shadow:1px 1px 0px #CAE4F0; font-size:13px; position:absolute; left:70px; top:14px; width:146px; height:32px;}
#pday span {text-shadow:1px 1px 1px #193E50;
position:absolute; left:70px; font-weight:bold; color:#fff; top:48px; width:146px; height:16px; font-size:16px;}


.filebut:active { margin:1px -1px -1px 1px;}
.filebut {
    overflow:hidden;
    width:182px;
    height:37px;
    cursor:pointer;
	background:url(file.png);
	


}
#filetitle { float:left; margin:10px;}
.filebut input {
      opacity:0;
      filter:alpha(opacity:0);
      font-size:199px;
      cursor:pointer;
      padding:0px;
      margin:0px;
      border:none;
      margin-left:-450px;
    }
	
.ask_question_popup_overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000;
  display: none;
  height: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#f_Name { display:none;}
.ask_question .clouse {
position:absolute;
top:-14px;
right:-14px;
width:25px;
height:25px;
background:url(sendcoluse.png);
display:block;
cursor:pointer;
}
.cart_buttons input[type="submit"],  .cart_buttons  input[type="button"] {
cursor:pointer;
border-radius:3px;
background: none;
border:1px solid #a3a3a3;
padding:6px 30px;
font-size:13px;
font-weight:bold;
color:#333;
}
select { border-radius: 4px; border:1px solid #a3a3a3; padding:4px 4px;  }
.ask_question input[type="submit"],input[type="button"]

 {
border-radius:3px;
background:url(butonbg.png) repeat-x #e5e5e5;
border:1px solid #a3a3a3;
padding:6px 30px;
font-size:13px;
font-weight:bold;
color:#333;

}
.ask_question input:active[type="submit"]  {
margin:-9px -1px 14px 41px;}
.ask_question input[type="submit"] {
width:252px;
height:47px;
background:url(send.png) no-repeat;
border:none;
margin:-10px 0px 15px 40px;
cursor:pointer;
box-shadow:none;
float:left;


}
.ask_question  label { font-size:16px; color:#000; text-align:left; font-weight:bold;}
.ask_question input[type="text"],
.ask_question input[type="email"],
.ask_question textarea 
{
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  border-bottom: 1px solid #fff;
  border-right:1px solid #fff;
  background:#f6f6f6;
  margin-bottom:6px;
  margin-top:6px;
   
  
/*  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);*/
  border-radius:3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.ask_question  .formln {
  margin-bottom: 5px;
}


.ask_question {
position:relative;
border: 2px solid #FF5100;
border-radius: 5px;
  padding: 18px;
  margin-bottom: 21px;
  background: #fafafa;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  position: fixed ! important;
  z-index: 100000;
  display: inline-block;
  width: 394px;
  top: 30%;
  right: 0;
  left: 0;
  margin: -164px auto 0 auto;
}

.ask_question h3 {
margin-top:10px;
text-align:center;
color:#333;
font-weight:normal;
font-size:22px;
  text-transform: none;
}

.ask_question textarea {
  height: 74px;
}



#zayavka { float:left; background:url(zayavka.png) no-repeat; width:268px; height:147px; cursor:pointer; }

/*================================================*/
#olen {
background:url(olen.png) no-repeat bottom left; 
display:block; 
position:absolute; 
left:220px; 
top:0px; 
height:120px; 
width:91px;
overflow:hidden;
}
#olen:hover { overflow:visible;}
#olen img { position:absolute; left:92px; top:4px;}


.manufch { background:#e9e9e9; padding:10px 0px; width:100%; clear:both; min-height:10px; }
.manufch label { float:left; margin:0px 10px 0px 2px;}

.news h3 span { font-size:11px; font-style:italic; font-weight:normal;}
.bad_price { text-decoration:line-through;}
.pltdmidle { padding:10px;}
.pltdmidle h4 { margin:0px 0px 6px 0px;  }
.pltdmidle a { text-decoration:none;}
.tdprice { width:150px;}
.tdprice  .price { font-size:15px; line-height:28px; margin-left:10px; }
.pimg { width:110px;}
.plist { width:100%;}



#cart { position:absolute; top:20px; left:810px; font-weight:bold;}
.pltr { height:140px;}

#artblok td{ border-bottom:1px solid #f0f0f0; }
.cartochka .caption h1{ font-size:12px; color:#008aff;}
.cartochka { position:relative;}
.cartimg {
    background-color: #FFFFFF;
    display: block;
    float: left;
    height: 200px;
    width: 200px;
}

.tabs {
    height: 46px;
    margin-bottom: 0;
    width: 100%;
}
.tabs a {
border-top-left-radius: 6px;
border-top-right-radius: 6px;

    background: #FFFFFF;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 2px;
    padding:14px 20px;
    position: relative;
    text-decoration: none;
    top: 1px;
    z-index: 1;

}
.tabs a.selected {

    border-style: solid;
    border-width: 1px;

    border-color: #DDDDDD;

    background: #FFFFFF;
    border-bottom: 0 none;
    padding-bottom: 15px;
    z-index: 3;
}
.tab_page {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    margin-bottom: 10px;
    padding:30px 10px 10px 10px;
    z-index: 2;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

	
/* CSS Document */
html { margin:0px; padding:0px; height:100%;}
body { margin:0px; padding:0px; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#CCCCCC;
font-size:12px; color:#333333;}
img { border:none;}
#header a {font-size: 11px;}
a {    color: #008AFF;   }

#site { width:1100px; background:#FFFFFF; margin:0px auto; 	
}


#header {


    height: 350px;
    position:  relative;
    width: 100%;
}
#logo { position:absolute; top:20px; left:55px;}
#phon { position:absolute; top:52px; right:470px; color:#404040l;   font-size: 17px;    font-weight: bold;}

#soc { position:absolute; right:304px; top:50px;  width:156px; height:27px; display:block;}
#soc a {background:url(soc.png); width:27px; height:27px; display:block; float:left; margin-left:4px;}


#mainmenu { width:1100px; border-top:4px solid #f3f3f3; padding:0px; margin:0px; position:absolute; top:116px;}
#mainmenu li:hover,#mainmenu li.activ { border-color:#008aff;}
#mainmenu li { margin:-4px -28px 0px 68px; float:left; list-style:none; border-top:4px solid #f3f3f3; }
#mainmenu li a { text-decoration:none; font-size:12px; color:#000000; font-weight:bold;}

#seach { background:url(seach.png) no-repeat; position:absolute; top:46px; right:72px; width:223px; height:38px;}
#seach input { margin-top:9px;}
.seach  { margin:0px 4px 8px 16px; width:170px; vertical-align:8px; border:0px; font-style:italic; color:#939393; font-size:12px;  }




#slidemenudiv { width:900px; overflow:hidden; height:180px; margin-bottom:-120px; position: absolute; top:160px; left:110px;}

#slidemenu  {position:relative;  padding:0px; background:#FFFFFF; list-style:none; z-index:10; width:2000px; float:none; clear:both;  }
#morecat { position:absolute; left:640px; top:186px; z-index:10;}

#slidemenu  li { float:left; padding:0px; margin:0px 51px 0px 0px; width:104px; font-weight:bold;}
#slidemenu li.submenu:hover {background: center 0px url(menutap.png) no-repeat;}
#slidemenu  li:hover li:hover { background:none; }
#slidemenu  li:hover a{z-index:10; }

#slidemenu  li a { position:relative; text-decoration:none; color:#222; margin-top:6px; 
 width:104px; height:154px; display:block; text-decoration:none; }
 #slidemenu  li a span { font-weight:bold; font: Verdana; font-size:15px;}
 
#slidemenu  li a img { position:absolute; left:1px; top:16px; padding-bottom:50px;}
#slidemenu  li.submenu:hover a img { background:#FFFFFF; }
#slidemenu  li a b {position:absolute; top:110px; left:2px; width:102px; display:block; text-align:center; color:#008AFF; text-decoration:none; }

#slidemenu  li:hover div.smenu { display:block; z-index:1;}
#slidemenu  li div.smenu { position:absolute; margin:0px; padding:0px 20px;  display:none; height:170px; 
z-index:0; top:150px; border:1px solid #e3e3e3; background:#FFFFFF; border-radius: 6px; box-shadow: 4px 4px 4px rgba(0,0,0,0.5); }
#slidemenu  li div.smenu ul { margin:16px 10px 0px 10px; float:left; padding:0px; list-style:none;}

#slidemenu  li ul li { float: none; padding:0px; width:auto; min-width:120px; margin:6px 0px; font-size:12px; text-decoration:underline; font-weight:bold; }
#slidemenu  li li a  { height:auto; width:auto;	}

#slidemenub  {position:relative;  padding:0px; background:#FFFFFF; list-style:none;  width:1200px; margin:0px;}
#slidemenub  li { float:left; padding:0px; margin:0px 51px 0px 0px; width:104px; font-weight:bold; text-align:center;}
#slidemenub  a { font-size:11px; color:#008aff;}


#middle {
    margin: 0 auto 0px;
    width: 960px;

}


#middle .left_content {
position:relative;

    float: left;
    width: 730px;
	margin-bottom:20px;



}


#baner { /*background:url(baner.png) no-repeat; */ width:727px; height:200px; position:relative; margin-top:-10px;}
#banerfl a { position:absolute;}
#nav { position:absolute; top:180px; width:100px; left:300px; height:20px;z-index:100; text-align:center;}
#nav a { width:10px; height:10px; overflow:hidden; background:url(banersprite.png); font-size:4px; color:#e6e6e6; margin:4px; text-decoration:none; padding:2px 4px; }
#nav a.activeSlide { background-position:0px 10px; color:#2f98f1;}
#rekom ,#rekom1{ background:url(rekom.png) no-repeat; width:727px; height:190px; margin-top:10px; position:relative; }

#leftstr:hover, #leftstr1:hover ,#leftstrl:hover { background-position:4px -32px;} 
#leftstr, #leftstr1 , #leftstrl { background:url(strelki.png) no-repeat 4px 8px; width:40px; height:56px; display:block; position:absolute; 
top:54px; left:0px; }

#rightstr:hover , #rightstr1:hover, #rightstrl:hover { background-position:right -32px;} 
#rightstr , #rightstr1 ,#rightstrl{ background:url(strelki.png) no-repeat right 8px; width:40px; height:56px; display:block; position:absolute; top:54px; 
right:6px;}

#rekslide ,#rekslide1{  display:block; position:absolute; left:60px; top:6px; height:160px; overflow:hidden; width:600px;}
#rekslide div  ,#rekslide1 div { margin:0px 0px 0px 6px; float:left; position: relative; }
#rekslide .rtitle ,#rekslide1 .rtitle{ width:140px; text-align:center; position:absolute; top:0px; left:0px; color:#008aff; font-weight:bold; text-decoration:none;}
#rekslide div img,#rekslide1 div img { margin:40px 20px 20px 20px;}
#rekslide div.rprice ,#rekslide1 div.rprice{width:140px; text-align:center; position:absolute; top:130px; left:0px; margin:0px; color:#000; z-index:1000;  display:block; }
#rekslide div.rprice span ,#rekslide1 div.rprice span { text-decoration: line-through;}

#middle .right_content {

margin-top:12px;
    float: right;
    width: 220px;
    margin-bottom:90px;
	min-height:400px;	
}
#manufactures { float:left; width:1100px; 	margin-bottom:90px; background:#f3f3f3; margin-top:0px;}
#manufactures ul { float:left; margin:20px -20px 20px 70px; list-style:none; padding:0px;}
#manufactures ul li { float:left; width:160px; margin-right:20px;}
#manufactures ul li a{ color:#3e3e3e; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:bold;  }
.blak17px a { text-decoration:none; color:#000000;}
.blak17px {
margin-left:10px;
color:#000000;
font-weight:bold;
font-size:16px;
text-decoration:none;}
.galko {

background:url(galko.png) right no-repeat;
text-decoration:none;
clear:both;
font-size:18px;
width:auto;
color:#000000;
padding-right:20px;
font-weight:normal;
}


.clear_footer {
    height: 97px;
}
.clear {
    clear: both;
    float: none;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0;
    padding: 0;
}

#footer {

	position:relative;
	background:#fff;
    height: 97px;
    margin: -97px auto 0;
    position: relative;
    text-align: center;
    width: 1100px;
}

#fotermenu { top:20px; left:70px; position:absolute; margin:0px ; padding:0px;  }
#fotermenu li{ float:left; list-style:none; text-align:left; margin: 0px 20px 0px 0px; 	}
#fotermenu li a { color:#000; font-size:11px;}


.catimg { float:right; padding:10px; margin:0px 0px 10px 10px; border:1px solid #dddddd; background:#FFFFFF; }
.catblok { min-height:100px; background: #FFFFFF; width:950px; float: left;
}
.catblok td { text-align:center;}

.catalog { text-align:left  }
.catalog a.carent{ font-weight:bold; display:block; width:100%; margin-bottom:14px; font-size:12px; text-decoration:none;  float:left;}
.scatalog {display:block; height: auto; width:200px; float:left; margin-left:8px; }
.scatalog a { font-size:13px; margin-right:12px; color:#454545; float:left; line-height:19px;}
.scatalog a:hover{ color:#ba0b12; text-decoration:none;}
.catblok td img { margin-left:auto; margin-right:auto; clear:both;}

.splCont{display:none; float:left;  }
.splLink,.splLinkclouse { font-style:oblique; }


.filterline td { }
.filterline .select, .filterline .input_text{}
.filterline .submit { border: 1px solid #CCCCCC; background:#e9e9e9 repeat-x; color:#888; padding:2px; border-radius: 6px;
font-size:11px; cursor:pointer; }


/* Forms */
.input_text {background:url(forms/text_bg.png) repeat-x; position:relative; height:20px; left:4px;}
.input_text input {width:100%; margin:0px; padding:0px; position:relative; top:2px; border:none; background:none; outline:none;}
.input_text .left {background:url(forms/text_left.png) no-repeat; width:4px; height:20px; position:absolute; top:0px; left:-4px;}
.input_text .right {background:url(forms/text_right.png) no-repeat; width:4px; height:20px; position:absolute; top:0px; right:-4px;}

.radio {background-image:url(forms/radio.png); background-repeat:no-repeat; background-position:0px 0px; width:13px; height:14px; float:left; position:relative; top:3px; cursor:pointer;}
.radio input {display:none;}

.checkbox {background-image:url(forms/checkbox.png); background-repeat:no-repeat; background-position:0px 0px; width:12px; height:12px; float:left; position:relative; top:3px; cursor:pointer;}
.checkbox input {display:none;}

.textarea {position:relative; background:url(forms/textarea/bg.png); top:5px; left:5px; display:inline-block; margin:0px 0px 10px 0px;}
.textarea_tl {background:url(forms/textarea/tl.png) no-repeat; width:5px; height:5px; position:absolute; top:-5px; left:-5px;}
.textarea_tr {background:url(forms/textarea/tr.png) no-repeat; width:5px; height:5px; position:absolute; top:-5px; right:-5px;}
.textarea_bl {background:url(forms/textarea/bl.png) no-repeat; width:5px; height:5px; position:absolute; bottom:-5px; left:-5px;}
.textarea_br {background:url(forms/textarea/br.png) no-repeat; width:5px; height:5px; position:absolute; bottom:-5px; right:-5px;}
.textarea_l {background:url(forms/textarea/l.png) repeat-y; width:5px; height:100%; position:absolute; top:0px; left:-5px;}
.textarea_r {background:url(forms/textarea/r.png) repeat-y; width:5px; height:100%; position:absolute; top:0px; right:-5px;}
.textarea_t {background:url(forms/textarea/t.png) repeat-x; width:100%; height:5px; position:absolute; top:-5px; left:0px;}
.textarea_b {background:url(forms/textarea/b.png) repeat-x; width:100%; height:5px; position:absolute; bottom:-5px; left:0px;}
.textarea textarea {border:none; background:none;outline:none;}

.select {display:inline-block; position:relative; background:url(forms/select/bg.png) repeat-x; height:20px; cursor:pointer; min-width:80px; z-index:5; left:4px;}
.select select {display:none;}
.select_title {width:100%; padding:4px 0px 0px 4px; height:100%; font-style:italic;}
.select_left {background:url(forms/select/left.png) no-repeat; width:4px; height:20px; position:absolute; top:0px; left:-4px;}
.select_right {background:url(forms/select/arrow.png) no-repeat; width:25px; height:20px; position:absolute; top:0px; right:-25px;}
.select ol {margin:0px; padding:0px; list-style-type:none; position:absolute; top:21px; left:-2px; width:100%; z-index:4; background:#fff; overflow:hidden; overflow-y:scroll; padding:0px 20px 0px 0px; max-height:200px; border:1px solid #757272; border-top:none; display:none; min-width:90px;}
.select ol li {padding:3px 13px 3px 7px; width:100%; display:block; font-size:12px; color:#000; background:#fff; cursor:pointer;}
.select ol li:hover {background:#E3F1BE; color:#000;}

.login_submit {background:url(forms/login_button.png) no-repeat; width:56px; height:29px; cursor:pointer; border:none; outline:none;}
.question_submit {background:url(forms/answer_button.png) no-repeat; width:75px; height:29px; cursor:pointer; border:none; outline:none; margin:20px 0px 10px 0px;}
.add_comment {background:url(forms/add_comment.png) no-repeat; width:118px; height:29px; cursor:pointer; border:none; outline:none; margin:-1px 30px 0px 0px; float:right;}
.cancel {background:url(forms/cancel.png) no-repeat; width:75px; height:29px; cursor:pointer; border:none; outline:none; margin-top: -1px; margin-left: 10px;}
.subscription_submit {background:url(forms/ok_button.png) no-repeat; width:25px; height:26px; cursor:pointer; border:none; outline:none; margin:0px 14px 0px 0px; float:right;}
.submit_button {background:url(forms/submit_button.png) no-repeat; width:83px; height:29px; cursor:pointer; border:none; margin:5px 14px 20px 0px;}
.search_submit {background:url(forms/search_icon.png) no-repeat; width:12px; height:12px; position:absolute; top:7px; right:3px; cursor:pointer; border:none; outline:none;}

/* Popup */
.overlay {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: 101;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.popup {
    display: none;
    position: fixed;
    width: 360px;
    padding: 20px;
    border-radius: 4px;
    background: #fbfbfb;
    box-shadow: 0 0 10px #000;
    z-index: 200;
    left: 50%;
    margin-left: -200px;
    top: 250px;
}

.popup span.close {
    position: absolute;
    top: -16px;
    right: -16px;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 16px;
    border: 3px solid #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    background: #000 url(close.png) 50% 50% no-repeat;
    cursor: pointer;
}

.popup .close:hover {
    background-color: #0072af;
}

.popup .message {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;

}

.popup .buttons .btn,
.popup .buttons .btn-light {
    width: 140px;
    font-size: 11px;
}

.btn {
    display: inline-block;
    background: #078ad6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3OGFkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc0YjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #078ad6 0%, #0074b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#078ad6), color-stop(100%,#0074b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #078ad6 0%,#0074b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #078ad6 0%,#0074b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #078ad6 0%,#0074b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #078ad6 0%,#0074b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#078ad6', endColorstr='#0074b7',GradientType=0 ); /* IE6-8 */
    height: 29px;
    line-height: 29px;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 2px 0 #3e5768;
    padding: 0 10px;
    text-align: center;
    color: #fff ! important;
    text-decoration: none ! important;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}

.btn:hover {
    background: #419ed3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxOWVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDg1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #419ed3 0%, #2d85b5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#419ed3), color-stop(100%,#2d85b5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #419ed3 0%,#2d85b5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #419ed3 0%,#2d85b5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #419ed3 0%,#2d85b5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #419ed3 0%,#2d85b5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#419ed3', endColorstr='#2d85b5',GradientType=0 ); /* IE6-8 */
}

.btn:active {
    background: #0072af; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzJhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcyYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0072af 0%, #0072af 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0072af), color-stop(100%,#0072af)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0072af 0%,#0072af 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0072af 0%,#0072af 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0072af 0%,#0072af 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0072af 0%,#0072af 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072af', endColorstr='#0072af',GradientType=0 ); /* IE6-8 */
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.7);
}

.btn-light {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    border-radius: 3px;
    border: 0;
    padding: 0 10px;
    text-align: center;
    text-decoration: none ! important;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: #eef6f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWM3Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eef6f9 0%, #bec7ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef6f9), color-stop(100%,#bec7ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eef6f9 0%,#bec7ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eef6f9 0%,#bec7ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eef6f9 0%,#bec7ce 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eef6f9 0%,#bec7ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef6f9', endColorstr='#bec7ce',GradientType=0 ); /* IE6-8 */
    box-shadow: 0 2px 0 #8a8a8a;
    color: #005282;
    text-shadow: 1px 1px 0 #fff;
}

.btn-light:hover {

    background: #eef6f9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWRkZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #eef6f9 0%, #d5dde0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef6f9), color-stop(100%,#d5dde0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eef6f9 0%,#d5dde0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eef6f9 0%,#d5dde0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eef6f9 0%,#d5dde0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eef6f9 0%,#d5dde0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef6f9', endColorstr='#d5dde0',GradientType=0 ); /* IE6-8 */
}

.btn-light:active {
    background: #d5dde0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZGRlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWY2ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d5dde0 0%, #eef6f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5dde0), color-stop(100%,#eef6f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d5dde0 0%,#eef6f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d5dde0 0%,#eef6f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d5dde0 0%,#eef6f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d5dde0 0%,#eef6f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dde0', endColorstr='#eef6f9',GradientType=0 ); /* IE6-8 */
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.7);
}
.left {float: left;}
.right {float: right;}