﻿.uiItemsList .header
{
    padding: 20px;
}


.topFilters
{
    float: right;
}

.topFilterItems li a
{
    margin: 3px 12px;
    color: #afafaf;
    font-size: 12px;
}

.topFilterItems li.selected a
{
    color: #666666;
    font-weight: bold;
}

.uiItemsList ul li.featured
{
    background-color: #e7f3f5;
}

.uiItemsList ul li:first-child > div
{
    border-top: none;
}

span.featured
{
    color: #a5a4a4;
    font-size: 11px;
}

.uiItemsList ul li
{
    clear: both;
}
.uiItemsList ul li > div
{
    border-top: 1px solid #ebebeb;
    padding: 18px 15px;
}

.uiItemsList ul li:last-child > div
{
    border-bottom: 1px solid #ebebeb;
}


.address
{
    background-color: #ebebeb;
    padding: 5px 10px;
}

.bizData .address
{
    width: 180px;
    float: right;
    margin: 0px 15px 15px 0px;
}


.uiItemsList .loadMore
{
    margin: 40px auto;
}





#businessSidebar > div
{
    margin: 25px 0px;
}





#petServiceLocator
{
    background-color: #ebebeb;
    padding: 15px;
}

#petServiceLocator form > div
{
    margin: 10px 0px;
}

#petServiceLocator select
{
    display: block;
    margin: 3px 0px;
    width: 156px;
}

#petServiceLocator input[type=text] {
    display: block;
    margin: 3px 0px;
    width: 140px;
}

#petServiceLocator form > div:last-child
{
    text-align: right;
}


.leftFilter
{
    margin: 40px 0px !important;
}

.leftFilter > div
{
    margin: 5px 0px;
}

.leftFilter input
{
    display: inline;
}

.leftFilter input[type="text"]
{
    width: 20px;
    padding: 0px 2px;
    text-align: center;
}






/*=============================================== */

.bizAvatar
{
    width: 146px;
    min-height: 107px;
    float: left;
    margin: 8px 10px 0px 0px;
}

.bizData
{
    float: left;
    width: 605px;
    padding: 5px;
}

.bizData > div
{
    margin: 5px 0px;
}

.bizData .tools
{
    font-size: 11px;
    float: right;
    margin: -10px -5px 0px 0px;
}

.bizData .ilike
{
    margin: 0px 10px 0px 15px;
}

.uiListItem h2
{
    font-size: 18px;
    color: #3399cc;
}





.businessAside
{
    margin: 20px;
    padding-top: 50px;
}

.businessAside .asideWin
{
    margin: 0px 0px 50px 0px;
}



.petServicesMiniList li
{
    margin: 20px 0px;
}

.petServicesMiniList li img
{
    float: left;
    margin: 5px 5px 5px 0px;
}


#businessProfile
{
    margin-bottom: 0px;
}


#businessProfile .headline
{
    width: 515px;
    float: left;
}

#businessProfile .headline .facts
{
    padding: 0px 0px 10px 10px;
    width: 135px;
    height: 130px;
}


#businessProfile .description
{
    margin: 15px 0px 20px 0px;
}


.trialBusiness
{
    border: 1px solid #da072f;
    padding: 10px;
    margin: 5px 0px 25px 0px;
    background-color: #ebebeb;
    height: 45px;
}

.trialBusiness > div
{
    height: 45px;
    line-height: 45px;
    float: left;
    padding: 0px 10px;
}

.trialBusiness > div:last-child
{
    float: right;
}

.countDown
{
    padding: 0px 45px !important;
    font-size: 14px;
}

.countDown span
{
    font-size: 18px;
    font-weight: bold;
}




/*=====================widgets===============================*/
.profileSections2
{
    width: 235px;
    float: right;
}
.profileSections2 .profileWidget:first-child
{
    margin-top: 0px;
}
.profileWidget
{
    overflow: hidden;
    margin: 10px 0px 10px 0px;
}

.profileWidget:first-child 
{
    margin-top: 0px;
}

.profileWidget .widgetHeader
{
    border-bottom: 1px solid #f2f2f2;
    margin: 3px 0px;
    white-space: nowrap;
}
.profileWidget .widgetHeader h2
{
    color: #afafaf;
    font-size: 12px;
    padding: 2px 0px;
}
.profileWidgetNoHeader .widgetHeader
{
    display: none;
}
.profileWidgetEdit .widgetHeader
{
    background-color: #ebebeb;
    padding: 0px 5px;
    border-bottom: 1px solid #07b4df;
    display: block;
}

.profileWidgetEdit .widgetHeader h2
{
    height: 25px;
    line-height: 25px;
    padding: 0px 0px 3px 0px;
}
.profileWidgetsCompact .profileWidgetEdit .widgetHeader h2
{
    width: 95px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
}

.widgetContentEditMode
{
    border: 1px solid #07b4df;
    padding: 5px;
    margin-top: -4px;
}
.profileWidgetsLarge .profileWidgetEdit textarea
{
    width: 470px;
}
.profileWidgetsCompact .profileWidgetEdit textarea
{
    width: 200px;
}

.profileWidgetsCompact .profileWidgetEdit input[type="text"],
.profileWidgetsCompact .profileWidgetEdit select
{
    max-width: 190px;
}
.profileWidgetEdit .uiEditor
{
    margin: 0px;
    padding: 0px;
}
.profileWidgetEdit .uiEditor li
{
    padding: 4px 3px 8px 8px;
}

a.addSectionBtn
{
    font-size: 11px;
    color: #afafaf;
    background-color: #f6f6f6;
    display: block;
    padding: 20px;
    text-align: center;
    border: 1px solid #ebebeb;
}
a.addSectionBtn:hover
{
    border: 1px solid #cccccc;
}


.widgetMover
{
    position: absolute;
}
.profileWidgetsLarge .widgetMover
{
    margin: 4px 0px 0px 494px;
}
.profileWidgetsCompact .widgetMover
{
    margin: 4px 0px 0px 214px;
}
.widgetMover a
{
    display: block;
    width: 14px;
    height: 8px;
    padding: 0px !important;
    margin: 0px;
}

.widgetMover a.moveUp
{
    background: url("aup.png") no-repeat left 0%;
}
.widgetMover a.moveUp:hover
{
    background: url("aup.png") no-repeat left 100%;
}
.widgetMover a.moveDown
{
    background: url("adown.png") no-repeat left 0%;
}
.widgetMover a.moveDown:hover
{
    background: url("adown.png") no-repeat left 100%;
}

/*=====================individual widgets=======================*/
.widget_bulleted ul
{
    padding: 5px 0px 5px 15px;
}

.widget_photos ul
{
    /*height: 110px;*/
    overflow: hidden;
    width: 600px;
}

.widget_photos ul img
{
    /*height: 110px;*/
}

.profileWidgetsCompact .widget_photos ul
{
    /*height: 225px;*/
    width: 225px;
}

.widget_bulleted_2col .widgetContent ul
{
    padding: 5px 15px;
    float: left;
    width: 225px;
}

.widget_storeProducts ul li
{
    margin: 10px 11px;
}

.widget_rss ul li
{
    padding: 4px 3px 8px 8px;
}
.widget_rss ul li h3
{
    font-size: 14px;
}

.widget_text p
{
    padding: 4px 3px 8px 8px;
}

.profileWidgetsCompact .widget_googleMap img
{
    width: 235px;
    height: 175px;
}

.profileWidgetsLarge .widget_googleMap img
{
    width: 515px;
    height: 175px;
}


.widget_pets ul li
{
    width: 90px;
    padding: 5px;
    overflow: hidden;
}

.profileWidgetsCompact .widget_pets ul li
{
    width: 90px;
    margin-left: 15px;
}

.widget_pets ul li .desc
{
    font-size: 10px;
}

.widget_pets ul li span
{
    display: block;
    margin: 0px;
    line-height: 10px;
}

.widget_friends ul
{
    /*height: 110px;*/
    overflow: hidden;
    width: 600px;
}

.profileWidgetsCompact .widget_friends ul
{
    /*height: 225px;*/
    width: 225px;
}

.profileWidgetsLarge .widget_friends .widgetContent ul li
{
    /*width: 115px;*/
    /*padding: 5px;*/
    overflow: hidden;
}

.profileWidgetsCompact .widget_friends .widgetContent ul li
{
    /*width: 105px;*/
    /*padding: 5px;*/
    overflow: hidden;
}


#addProfileWidget
{
    width: 800px;
    height: 470px;
}

#addProfileWidget a.btn
{
    margin-right: 4px;
}

.availSections, 
#addProfileWidget .preview
{
    border: 1px solid #d1d1d1;
    padding: 5px;
    margin: 5px;
    height: 350px;
    float: left;
}

.availSections
{
    width: 245px;
}

.availSections ul
{
    height: 330px;
    overflow: scroll;
    overflow-x: hidden;
}

#addProfileWidget .preview
{
    width: 511px;
    overflow: hidden;
}

#addProfileWidget .preview > div
{
    margin-bottom: 10px;
}

.availSections ul
{
    margin-top: 5px;
}
.availSections ul li a
{
    display: block;
    padding: 5px;
    margin: 2px 0px;
    color: #666666;
    font-size: 14px;
}
.availSections ul li:hover, .availSections ul li.selected
{
    background-color: #dddddd;
}

.bizWelcome
{
    float: left;
    width: 560px;
    padding: 20px;
}

.bizWelcome h1
{
    font-size: 20px;
    margin: 10px 0px;
}

#slider
{
    position: absolute;
    width: 520px !important;
    height: 200px !important;
    overflow: hidden;
    margin: 20px 0px;
    
}
.sliderWrp
{
    width: 520px !important;
    height: 300px !important;
    border:1px solid #ebebeb;
    background:#2993da url("hdrbg.png");
    padding:0px 20px;
    margin-top:28px;
    color:White;
}
#slider ul
{
    margin: 0px;
    padding: 0px;
}
#slider li
{
    width: 520px;
    list-style-type: none;
}
#slider li h2
{
    font-size: 24px;
    color: white;
    margin: 15px 0px;
}
#slider li p
{
    line-height: 20px;
}

.bizCreate
{
    width:300px;
    height:260px;
    float:right;
    padding:20px;
    margin-top:110px;
    border:1px solid #ebebeb;
}


.bizCreate input
{
    margin-left:50px;
}

.availSections ul li:hover,
.availSections ul li.selected 
{
    background-color:#dddddd;
}
