﻿html, form
{
    height:100%;
}
body
{
    text-align: left;
    margin:0px;
    padding:0px; 
    position:relative;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color:#303030;
    height:100%;
    background:#f2f2f2;
}

#page
{
    min-height:100%; 
    min-width:1100px;
    overflow:hidden;
    margin-bottom:-150px;
}

#page:after
{
    content: '';
    display:block;
    height:150px;
}

a, a:focus, a:active { 
    outline-width: 0px;
    outline-style: none;
    color:#892021;
}

#login-form
{
    position:absolute;
    
    right:0px;
    top:70px;    
    
    z-index:1100;
    
    background:white;
    border-radius:4px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.8);
    
    display:none;
    
    text-align:right;
}

#accForm, #turForm
{
    width:50%;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    color:#9b9b9b;
    font-weight:bold;
    font-size:120%;
    padding:15px 0px;
    background:#f2f2f2;
    cursor:pointer;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;    
}

#accForm
{
    border-top-left-radius: 4px;
}
#turForm
{
    border-top-right-radius: 4px;
}

#accLogin, #turLogin
{
    padding:20px;
}

#login-form .selected
{
    background:white;
    box-shadow: none;
    color:#36b5fc;
}

#btnLogin, #turLoginBTN
{
    margin:5px 0px 0px 0px;
}

#loginError, #turError
{
    padding:5px 0px;
    text-align:right;
    display:block;
    width:300px;
    font-size:90%;
}

#loginError a, #loginError a:focus, #loginError a:active
{
    color:#1758a0;
    text-decoration:underline;
    margin-right:0px;
}

#login-form input
{
    display:block;
    margin-bottom:10px;
    width:280px;
    padding:10px;
    border:1px solid #d2d2d2;
    border-radius:4px;
    color:#333333;
}

#login-form a, #login-form a:focus, #login-form a:active
{
    color:#3583ba;
    text-decoration:none;
    margin-top:3px;
}

#menu_bg
{
    width:100%;
    background:#223752
}

#menu
{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    text-align:right;
    background:#223752;
    position:relative;
    font-weight: lighter;
}

#menu>a, #menu>a:focus, #menu>a:active
{
    display:inline-block;
    height:40px;
    border-top:5px solid #2eb7fb;
    padding:15px 25px 0px;
    color:white;
    cursor:pointer;
    text-decoration:none;
    vertical-align:bottom;
    border-right:1px solid #8d8d8d;
    transition: 0.2s;
    text-decoration:none;
}

#menu>a:first-child
{
    height: 60px;
    width: 200px;
    border:0px;
    margin:0px;
    padding:0px;
    background:url(/images/logo.png) no-repeat;
    float:left;
}

.btnCat
{
    border-left:1px solid #8d8d8d;
}

.btnRent
{
    border-left:1px solid #8d8d8d;
    border-top-color:#85c50d !important;
}

.btnHelp
{
    background:url(/images/help.png) bottom 12px center no-repeat;
}

.btnDialog
{
    background:url(/images/dialog.png) bottom 12px center no-repeat;
    color:#7f7f7f !important;
    font-weight:bold;    
    
    height: 37px !important;    
    padding: 18px 31px 0px 19px !important; 
}


#menu>a:hover
{
    border-top-width:10px;
    padding-top:10px;    
}

.btnDialog:hover
{
    padding-top:13px !important;
}

#menu>a:first-child:hover
{
    background:url(/images/logo.png) no-repeat;
    text-decoration:none;
    border:0px;
    padding:0px;
    height:60px;
}

.catWindow
{
    background:white;
    border-radius:4px;
    padding:20px;
    text-align:left;
    width:500px;
    position:absolute;
    top:70px;
    right:0px;
    z-index:1000;
    display:none;
    box-shadow:0px 0px 10px rgba(0,0,0,0.8);
}

.catWindow hr
{
    margin:0px;
    border: none; 
    color: #85c50d; 
    background-color: #85c50d;
    height: 2px;
}

.regions, .cities
{
    display:inline-block;
    vertical-align:top;
    width:200px;
}

.regions div, .regions a
{
    font-size:110%;
    cursor:pointer;
    
    padding:10px 0px;
    padding-left:5px;
    
    text-decoration:none;
    display:block;
    
    width:190px;
    cursor:pointer;
    border-bottom:1px solid #e5e5e5;
    border-left:5px solid white;
}

.regions .selectedRegion, .regions div:hover, .regions>a:hover
{
    color:#2eb8f9;
    border-left:5px solid #2eb8f9;
}

.cities div
{
    display:none;
    margin-left:80px;
    
}

.cities a, .cities a:focus, .cities a:active
{
    font-size:110%;
    padding:8px;
    margin-bottom:5px;
    color:Black;
    text-decoration:none;
    display:block;
    width:205px;
}

.cities a:hover
{
    background:#f2f2f2;
}

#content
{
    width:100%;
    max-width:1000px;
    margin:0px auto;
    padding-bottom:25px;
    position:relative;
}

#filter
{
    display:inline-block;
    vertical-align:top;
    width:230px;
    min-height:100px;
    margin-right:12px;    
}

.items
{
    display:inline-block;
    vertical-align:top;
    max-width:750px;
    width:75%;
}

.item-block
{
    width:100%;
    max-width:730px;
    background:white;
    border-radius:4px;
    padding:10px;
    margin-bottom:15px;
    box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #d7d8db;
}

.item-block:hover
{
}

.item-block .item-photos
{
    width:460px;    
    display:inline-block;
    vertical-align:top;
}

.item-photos .big
{
    width:335px;
    height:249px;
    margin-bottom:3px;
    overflow:hidden;
    float:left;
}

.item-photos .small
{
    width:122px;
    height:81px;
    margin-bottom:3px;
    margin-left:3px;
    overflow:hidden;
    float:left;
}

.item-caption, .item-caption:focus, .item-caption:active
{
    margin-bottom:10px;
    text-decoration:none;
    display:block;
    color:Black;
    font-size:120%;
}

.item-block .item-announcement
{
    padding-left:15px;
    width:255px;
    position:relative;
    display:inline-block;
    vertical-align:top;
}

.services
{
    height:166px;
}

.service
{
    background:url(/images/service.png) center left no-repeat;
    padding-left:10px;
    font-size:110%;
    margin-bottom:5px;
}

.prices
{
    font-size:120%;
    font-weight:bold;
    margin-bottom:12px;
}

.prices .price
{
    font-size:140%;
}
.prices .min
{
    margin-right:10px;
}
.prices .max
{
    color:#b3b3b3;
}

.blueBTN, .blueBTN:focus, .blueBTN:active, .greenBTN, .greenBTN:focus, .greenBTN:active
{
    font-size:14pt;
    background:#2eb7fb;
    border-radius: 4px;
    color:White;
    font-family: 'Roboto', sans-serif;
    padding:10px 5px;
    width:150px;
    text-align:center;
    cursor:pointer;
    text-shadow:2px 2px 2px rgba(0,0,0,0.5);
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
    text-decoration:none;
}
.greenBTN, .greenBTN:focus, .greenBTN:active
{
    background:#85c50d;
}

.blueBTN:hover, .greenBTN:hover
{
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

#footer
{
    width:100%;
    min-width:1100px;
    height:150px;
    margin:0 auto;
    position:relative;
    background:#1b2b40;
    color:White;
}

.footer_menu
{
    position:absolute;
    top:40px;
    right:0px;
    color:#ccc;
}

.footer_menu>a
{
    color:#ccc;
    text-decoration:none;
    margin:10px;
    white-space:nowrap;
}

.pay_icons
{
    position:absolute;
    bottom:0px;
    right:10px;
    width:135px;
    height:40px;
    background:url(/images/pay_icons.png);
}

h1
{
    font-weight: lighter;
    color: #999;
    font-size: 150%;
    margin-top: 7px;
}

h2
{
    font-weight: lighter;
    color:#303030
    font-size: 150%;
    margin-top: 7px;
}

/***************************************************************************************/

.btnUp
{
    background:#85c50d url(/images/btnUp.png) center center no-repeat;
    width:50px;
    height:50px;
    border-radius:50%;
    cursor:pointer;
    position:absolute;
    right:0px;
    top:-25px;
}

.addNew, .addCategory
{
    font-size:14pt;
    background:#2eb7fb;
    border-radius: 4px;
    color:White;
    font-family: 'Roboto', sans-serif;
    padding:10px 15px;
    width:200px;
    text-align:center;
    cursor:pointer;
    text-shadow:2px 2px 2px rgba(0,0,0,0.5);
}

.addNew:hover, .addCategory:hover
{
    text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}

.setItem
{
    padding:10px;
    width:690px;
    margin-bottom:25px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    overflow:hidden;
    font-family: 'Roboto', sans-serif;
    background:white;
}

.setCap
{
    color:#4ac1fc;
    margin-bottom:10px;
    width:295px;
}

.setBtns
{
    position:absolute;
    bottom:0px;
    right:0px;
}

.setStat
{
    position:absolute;
    top:0px;
    right:0px;
    line-height:200%;
    font-size:80%;
    color: #808080;
}

.setDesc
{
    display:inline-block;
    vertical-align:top;
    position:relative;
    width:455px;
    height:145px;
}

.setBtns a
{
    color:Black;
    text-decoration:none;
    padding-left:20px;
    margin-left:20px;
}

.setEdit
{
    background:url(/images/edit.png) center left no-repeat;
}

.setView
{
    background:url(/images/view.png) center left no-repeat;
}

.setUp
{
    background:url(/images/up.png) center left no-repeat;
}

.setRemove
{
    background:url(/images/remove.png) center left no-repeat;
}

#turLogin
{
    display:none;
}

#getOrderSMS
{
    cursor:pointer;
    color: #3583ba;
    margin-top: 3px;
}

#getSMS
{
    cursor:pointer;
    color: #3583ba;
    position:absolute;
    right:10px;
    top:10px;
}

#getOrderSMS
{
    margin-left:10px;
}
#turLogin .checkbox
{
    width:80%;
}

.btnLike
{
    width:32px;
    height:32px;
    cursor:pointer;
    display:inline-block;
    vertical-align:top;
    margin-top:3px;
    margin-left:15px;
    background:url(/images/btnLike.png);
}

.unlike
{
    background-position: 0px -32px;
}

#Like
{
    background:url(/images/like.png) bottom 14px center no-repeat;
    color:#7f7f7f !important;
    font-weight:bold;    
}

.pickmeup
{
    z-index:100;
}

.star
{
    width:16px;
    height:16px;
    cursor:pointer;
    margin:2px;
    margin-bottom:5px;
    display:inline-block;
    background:url(/images/stars.png);
}

.stars
{
    display:inline-block;
    margin-right:10px;
}

.stars .star
{
    margin:2px;
}

.goldstar
{
    background-position:0px -16px;
}

@media (max-width:640px)
{
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 7%!important; top: 10px!important; }
}