/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/******************************************************************************/

body {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #8C8C8C;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;

    overflow: hidden;
    height:100%;
	background-color:#ffffff;
}

.category p {
    margin: 10px 8px;
    text-align: center;
    /* border-bottom: 1px solid #E4E4E4; */
    /*border-top: 1px solid #E4E4E4;*/
}

.category ul {
    margin: 8px auto;
}

.category li.clear {
    clear: left;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.service {
    float: left;
    position: relative;
    width: 185px;
    height: 86px;
}

.service .logo {
    position: absolute;
    width: 185px;
    top: 8px; height: 70px;
    background: transparent none center center no-repeat;
    cursor: pointer;
}

.service:hover .btn-fav, .service:hover .btn-help {
    opacity: 1;
}

.service .btn-fav {
    opacity: 0;
    position: absolute;
    right: 0px; width: 18px;
    top: 12px; height: 18px;

    background: url(../images/ico-heart.png) center center no-repeat;
    cursor: pointer;
}

.service .btn-fav:hover,
#cat-favorites .service .btn-fav {
    background-image: url(../images/ico-heart-on.png);
}
#cat-favorites .service .btn-fav:hover {
    background-image: url(../images/ico-heart.png);
}

.service .btn-help {
    opacity: 0;
    position: absolute;
    right: 24px; width: 18px;
    top: 11px; height: 18px;

    background: url(../images/ico-info.png) center center no-repeat;
    cursor: pointer;
}

.service .btn-help:hover {
    background-image: url(../images/ico-info-on.png);
}

input {
  background-image: url('../images/icon/search.svg');
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-position-x: 8px;
  background-position-y: 8px;

  font-family: Arial, sans-serif;
  color: #8C8C8C;

  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;

  border: 1px solid #9dd6eb;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;


  height: 30px;
  line-height: 17px;
  font-size: 10pt;
  padding-left: 26px;
}

#main-container{
  height: 100%;
  overflow-y: auto;
  padding-bottom: 20px;
}

#main-container::-webkit-scrollbar {
    width: 4px;
    background: white;
}

#main-container::-webkit-scrollbar-track {
    margin-top:7px;
}

#main-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

#main-container::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

input:focus{
    outline: none;
}

p {
  font-size: 8pt;
}

.featured{
	float: none;
	margin:0px auto;
	width: 230px;
	height: 104px;
}

.featured .logo {
	width: 230px;
	height: 104px;
	margin-top: -10px;
}
