/*#region Font Faces*/
@font-face {
    font-family: 'LeagueGothic';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothic') format('svg');
}

@font-face {
    font-family: 'Pacifico';
    src: url('fonts/Pacifico-webfont.eot');
    src: url('fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Pacifico-webfont.woff') format('woff'),
         url('fonts/Pacifico-webfont.ttf') format('truetype'),
         url('fonts/Pacifico-webfont.svg#Pacifico') format('svg');
}

@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-webfont.eot');
    src: url('fonts/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Rokkitt-webfont.woff') format('woff'),
         url('fonts/Rokkitt-webfont.ttf') format('truetype'),
         url('fonts/Rokkitt-webfont.svg#Rokkitt') format('svg');
}
@font-face {
    font-family: 'TitleText';
    src: url('fonts/ftn85-webfont.eot');
    src: url('fonts/ftn85-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ftn85-webfont.woff') format('woff'),
         url('fonts/ftn85-webfont.ttf') format('truetype'),
         url('fonts/ftn85-webfont.svg#TitleText') format('svg');
}
@font-face {
    font-family: 'TitleTextCond';
    src: url('fonts/ftn87-webfont.eot');
    src: url('fonts/ftn87-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ftn87-webfont.woff') format('woff'),
         url('fonts/ftn87-webfont.ttf') format('truetype'),
         url('fonts/ftn87-webfont.svg#TitleTextCond') format('svg');
}
.league { font-family: 'LeagueGothic', Impact, Arial, sans-serif !important; text-transform:uppercase; }
.pacifico { font-family: 'Pacifico', Cursive, Arial, sans-serif !important; }
.rokkitt { font-family: 'Rokkitt', 'Times New Roman', Georgia, Arial, sans-serif !important; }
.titleText { font-family: 'TitleText', Impact, Arial, sans-serif !important; }
.titleTextCond { font-family: 'TitleTextCond', Impact, Arial, sans-serif !important; }
.hide { display: none; }
/*#endregion*/

a, a:link, a:visited, a:active {
    text-decoration:none;
}
html { font-size: 62.5%; }

/*320 = 31.25%;*/
.fillArea, .textButton .ui-btn-text, .ui-header h1, .fullButton, .resultsToggle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 66%;
    vertical-align: middle;
    width: 20%;
}
.textButton {
    margin: auto 0 !important;
    left:2%;
}
    .textButton .ui-btn-inner, .refineButton .ui-btn-inner {
        height:100%;
        width:100%;
        padding:0px;
    }
    
    .textButton .ui-btn-text, .refineButton .ui-btn-text {
        height:30%;
        line-height:70%;
        width:100%;
    }
    .refineButton .ui-btn-text{ line-height:250% !important;}
    
    .rightSide {
        left:78%;
    }

/*#region ----- Media Queries -----*/
@media screen and (width: 320px) { 
    .ui-content .adZone { position:relative; left:-15px; }
    #map-page .ui-content .adZone { left:0px; }
}
@media screen and (max-width: 449px) {
    html {
        font-size: 31.25%;
    }    
}
/*480 = 46.875%;*/
@media screen and (min-width: 450px) {
    html {
        font-size: 46.875%;
    }
}
/*640 = 62.5%;*/
@media screen and (min-width: 610px) {
    html {
        font-size: 62.5%;
    }
}
/*#endregion ----- Media Queries -----*/

body {
    background:#fee8cb url(../images/design/bg_body.png) repeat;
    text-align:center;
    margin:0;
    padding:0;
}

body, .baseFont {
    color:#474747;
    font:normal 1em/1.8em 'Rokkitt', 'Times New Roman', Arial, sans-serif;
}
.secondFont {
    font-family: 'TitleText', Impact, Arial, sans-serif !important;
}
h1, h2, h3, .titleFont, .resultDetails, .resultDistance, .textButton .ui-btn-text, .refineButton .ui-btn-text, .btnText, .ui-loader {
    font-family: 'TitleText', Impact, Arial, sans-serif !important;
    font-size:270%;
    text-transform:uppercase;
    line-height:100%;
}
hr, .divider {
	border-bottom:2px solid #000000;
	display:block;
	height:2px;
	line-height:0px;
	width:100%;
}
input.ui-input-text, textarea.ui-input-text {
    font: normal 260%/100% 'Rokkitt', 'Times New Roman', Arial, sans-serif;
    padding: 2%;

    /*Increase font-size request*/
    font-size: 350%;
}
.ui-mobile {
    overflow-y: scroll;
}
.ui-header {
    background: #281509 url(../images/design/bg_header.png) repeat-x top left;
    border:0;
    /*height:10%;*/
}
.ui-header h1 {
    font-size:320%;
    height:30%;
    line-height:100%;
    width:60%;
}
.ui-loader {
    background-color:#4D2C0E;
    color:#D1BA9A;
    font-size: 270% !important;
    line-height:120%;
}
    .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
        background-color:transparent !important;
        margin-top:0 !important;
        top:20% !important;
        width:0%; height:0%;
        padding: 3.4%;
        
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        /*
        height:50%;
        height:35px;
        margin-top:-15px !important;*/
        /*width:36px;*/
    }
    .ui-icon-checkbox-off, .ui-icon-radio-off { background:none; }
    .ui-icon-checkbox-on, .ui-icon-radio-on { 
        background:transparent url('../images/icons/detail-icons.png') no-repeat 80.5% 25% !important; 
        background-size: 500% 610% !important;
    }


    /*.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label {
        font-size: 180% !important;
    }*/

    .amenityTitle {
        padding: 1.5% 0%;
        display: inline-block !important;
    }

/*#region Detail Page Actions*/ 
.actions {
}
    .actions li {
    }
    
    .actions div.action {
        background: transparent url(../images/icons/detail-icons.png) no-repeat;
        background-size: 400% 470%;
        float:left;
        margin:2%;
        padding:4.4%;
    }
    .actions div.actionText {
        float:left;
        line-height:47px;
        text-transform:uppercase;
        vertical-align:middle;
    }
    .actions div.directions     { background-position:0% 0%; }
    .actions div.call           { background-position:33% 0%; }
    .actions div.info           { background-position:66% 0%; }
    .actions div.share          { background-position:100% 0%; }
    .actions div.redeem         { background-position:86% 47.5%; }
    .actions div.review         { background-position:86% 75.5%; }
    .actions div.photo          { background-position:86% 105%; }
/*#endregion*/
      
/*#region */
div#HoursContainer {
        display: none;
}

    div#HoursOfOperationEditor form .ui-btn-inner {
        font-size: 150%;
        padding-top: 3.5%;
        padding-bottom: 3.5%;
    }
                        
    div.day {
        border-bottom: 1px solid #cccccc;
    }

        div.day > div.ui-input-text {
            width: 20% !important;
            display: inline-block;
        }

        div.day > div.ui-checkbox {
            display: inline-block;
            padding-left: 2%;
        }

        div.day label {
            font-size: 207%;
            display: inline-block;
        }

        div.day > label.dayWeekFirst {
            width: 23%;
        }

        div.day > label.dayWeekSecond {
            width: 3%;
            padding: 0 2%;
        }

        div.day > label.dayWeekClosed {
            width: 5%;
            padding: 0 3% 0 2%;
        }
/*#endregion*/
  
/*#region Amenities*/
.amenities {
}
    .amenityTitle {
        padding:4% 0%;
    }

    .amenity-remote {
        width:18%;
        height: auto;
        float:left;
        margin-right:3%;
        display:block;
    }

    .amenity {
        background: transparent url(../images/icons/bg-icons.png) no-repeat top left;        
        background-position:-100% -100%;                
        background-size: 660% 477%;    
        padding:9%;
        float:left;
        margin-right:3%;
    }
    #ccForm .amenity{
            background: none;                        
            padding: 5% 0 3% 4%;
            float: left;
            margin-right: 3%;
            display: none;
    }
    #ccForm .closedCheckbox{        
        width: 18px !important;
        height: 18px  !important;
        margin: -13px 0 0 2px;        
    }
    .fullAmenity {
        float:left;
        font-size:280%;
        text-transform:uppercase;
        width: 50%;
        vertical-align:middle;
    }
    .Airport-Locations    { background-position: 53% 46%; }
    .Drive-Thru           { background-position: 18% 46%;
                            background-size: 620% 450%;
                          }
    .Food-Available       { background-position: 18% 73%;}    
    .In-Store-Seating     { background-position:0% 46%; }
    .Open-24-Hours        { background-position:0% 72%; }
    .Parking              { background-position:37% 46%; }
    .WiFi                 { background-position:36% 72%; }
    .Roaster              { background-position:54% 73%; }
    .Organic-Coffee       { background-position:0% 100%; }
    .Fair-Trade           { background-position:18% 100%; }
    /*.In-Gas-Station, 
    .Gas-Available        { background-position:81% 100%; }*/
/*#endregion*/
 
/*#region Custom Map Controls*/
.customMapControl {
    z-index: 100 !important;
    font-family: 'ProximaNova-Reg', 'Times New Roman', Arial, sans-serif;
}

#SearchAgainControl {    
    padding: 5px;
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #a83431;
    padding: 10px;
    border-radius: 4px;    
    color: white;
    font-size: 180%;
    margin: 10px;
    cursor: pointer;    
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
/*#endregion*/

.brownText {
    color:#4d2d0b;
}
.bubbleText {
    font-size: 10pt !important;/*240%;*/
}
.center { text-align: center !important; }
.centered { margin: 0 auto; }
.clear {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
}
.contentBody { 
    background-color: #FDFDFD; 
    text-align:left;
}
    .contentHeader {
        font-size:520%;
        margin-top:10px;
        line-height:normal;
    }
    
    .contentBody .contentText {
        font-size:380%;
        line-height:normal;
    }
    
.current-value {
    position: absolute !important;
    right: 50px !important;	
    margin-top: -15px !important;
    top: 50% !important;
    height: 18px !important;
}
.dealIcon {
    /*background:url(../images/icons/bg-icons.png) 76% 32% no-repeat;    
    background-size:625% 500%;
    background-size:790% 600%;
    background-position: 52% 24%;
    display:inline-block;
    margin-left:18%;
    padding:25%;*/

    background: url(../images/icons/bg-icons.png) no-repeat;
    background-size: 816% 590%;
    background-position: 52% 23.8%;
    padding: 30%;
    margin: 0 auto;
    width: 0;
}
.dealMap {
    float:right !important;
    padding: 10% !important;
}
.distunit {
    color:#6d6d6d;
    font:normal 100%/120% 'Rokkitt', 'Times New Roman', Arial, sans-serif;
    text-transform:lowercase;
}
.doubleLine {
    border-top: 2px solid #d1ba9a;
    border-bottom: 4px solid #d1ba9a;
    display:inline-block;
    height:4px;
    margin-bottom:1%;
    width:24%;
}
    .singleLine {
        border-top: 1px solid #d1ba9a;
        display:inline-block;
        height:1px;
        margin-bottom:1%;
        width:12%;
    }
    .headerText {
        display:inline-block;
        color:#4d2c0e;
        font-size: 280%;
        line-height:normal;
        padding: 0 3.5%;
    }
.features {
	margin: 0 !important;
	padding: 4px 10px 0 10px !important;
	border: 1px solid #C0C0C0 !important;
	width: 200px;
}
.floatRight { 
    float:right !important;
}
.floatLeft { 
    float:left !important;
}
.fullWidth { width: 100% !important; /*width:98% !important;*/ }
.halfWidth { width: 50% !important; }
.greenText { color:#6D9A00 !important; }
.headerContainer {
    height:100%;
    width:100%;
    padding-bottom:14%;
}
    .headerDialog {
        height: 50px;
        padding-bottom:0px;        
    }
    .headerDialog h1 {
        line-height:inherit;
        width:90%;
    }
    
    .resultsToggle {
        height:70%;
        width:77%;
    }
    
    .resultsToggle .ui-btn {
        /*height:100%;
        padding:0% 15%;
        font-size: 220%;
        border-left: 1px solid #f4e0c2;*/

        height: 100%;
        padding: 0% 12%;
        float: none !important;
        display: inline-block !important;
        margin: 0 -1px !important;
        border-left: none !important;
        border-right: none !important;
    }
    .resultsToggle .noborder {
        border-left: none;
    }
    .resultsToggle .ui-btn-inner {
        border: 0;
        height: 22%;
        top: 0; left: 0; bottom: 0; right: 0;
        margin: auto 0;
        overflow: visible;
        padding: 0;
        position: absolute;
        width: 100%;
    }
    /*.galleryLink_head { border-left: 1px solid white; }*/

.hasFooter {
    padding-bottom:15% !important;
}
.headerImage {
    width:90%;
}
#UserInfo {
    padding-left:4%; 
    display:none;
}
    #UserInfo span {
        font-size:190%; 
        float:left;
    }
.hoursOperation {
    font-size:300%;
}
    .hoursOperation .dayName {
        display:inline-block;
        font-weight:bold;
        width:30%;
    }
.infoBubble {
    overflow:hidden;
    line-height: 15pt
}
    .infoBubble h3 {
        margin:2pt;
        font-size: 12pt; /*190%;*/
        /*margin: 4% 0;*/
    }

    .infoBubble a, .infoBubble a:active, .infoBubble a:visited {
        color:#333;
        text-decoration:none;
    }
.inlineBlock { display:inline-block; }
.inlineControl {
    text-align:left;
    font-size:320%;
}
    .inlineControl .listHeader {
        margin-left:10px;
    }
    .inlineControl ul.ui-listview {
        background:#fff;
        margin:10px 0;
    }
    .inlineControl ul.ui-listview a, .inlineControl label {
        font: 120% 'TitleTextCond', Impact, Arial, sans-serif;
        color:#A83431;
    }
    .inlineControl label, .inlineControl label.ui-slider, .inlineControl label.ui-input-text {
        /*margin: auto 2% !important;*/
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
    }
    .inlineControl li.ui-li {
        padding:2%;
    }
    .inlineControl li.ui-li .ui-btn-text a {
        padding:0;
        text-transform:uppercase;
    }
    
    
    .inlineControl .ui-input-text {
        /*padding:12px;*/
    }
    .inlineControl input.ui-input-text, .inlineControl textarea.ui-input-text {
        font-size:70%;
        /*line-height:130%;*/
        padding:2%;
    }
    
/*#region Settings and Search Page Styles*/
.setting label.ui-select {
    /*color: white;
    font-size: 100%;*/
    text-transform: uppercase;
    top: 24%;
    left: 0px;
    width: auto;
    line-height: 100%;
}
.setting div.ui-select {
    float: right;
    margin: 0 0 0 0%;
    width: 60%;
    line-height: 100%;
    color: #00c1f1;
    background-color: white;
    border-radius: 0.6em;
}
.search-settings .ui-input-text { width:100% !important; }
.search-settings .setting label.ui-select {     
    color:inherit; 
    position:initial;
    display: inline;
    margin: 0;
}
.search-settings .setting div.ui-select { 
    color:#6d6d6d; 
    font-weight: normal;
}
    .search-settings .setting div.ui-select .ui-btn { 
        border-radius: 0.6em !important;
        -webkit-border-radius: 0.6em !important ;
    }
        .search-settings .setting div.ui-select .ui-btn-inner { 
            padding: 2%; 
            -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
            box-shadow: 0 1px 4px rgba(0,0,0,.2); 
        }
/*#endregion*/

#itemcontents, .itemContents {
    text-align:left;
    line-height:normal;
}

    #itemcontents h1, #itemcontents h2, .itemContents h1, .itemContents h2, .itemContents h3{
        color:#4d2d0b;
        margin:0 0 10px 0;
    }
    
    #itemcontents h1, .itemContents h1 {
        font-size:480%;
    }
    
    #itemcontents h2, .itemContents h1 {
        font: 340% 'TitleTextCond', Impact, Arial, sans-serif;
    }
    
    .itemContents h3{
        font: 270% 'TitleTextCond', Impact, Arial, sans-serif;
    }

    #itemcontents ul.plainView, .itemContents ul.plainView {
        margin:30px -15px 0px -15px;
    }
    
#itemdetail img {
    max-width:100%;
}

#itemdetail .ratingsStar {
    float:left;
    width:35%;
}



.item_directions {
    border: 7px double #000;
    margin-right:3%;
    width:20%;
}
    .item_directions img {
        width:100%;
    }
.detail_btn{
    font-size: 220%;
    text-transform: uppercase;    
}
    .detail_btn .ui-btn-inner{
        padding: 0.3em;
    }
        .detail_btn.withIcon .ui-btn-text {            
            margin-left: 10%;        
        }
.itemText {
    font-size:380%;
    line-height:100%;
}
.itemRels {
    font-size:300%;
}
    .itemRels a {
        color:#A73333;
        display:block;
    }
    
    .itemRels .relTitle {
        font: 110% 'TitleText', Impact, Arial, sans-serif;
        text-transform:uppercase;
    }
    
    .itemRels .lpRel {
        float:left;
        text-align:center;
        vertical-align:middle;
        width:25%;
    }
    
    .itemRels .lpRel img {
        width:90%;
    }
    
.itemReview {
    background-color:#FDFDFD;
    border-bottom:7px double #000;
    border-top:7px double #000;
    font-size:220%;
    margin:15px -15px;
    text-align:left;
}
    .reviewBanner {
        background: transparent url(../images/icons/detail-icons.png) no-repeat 0% 64%;
        background-size: 158% 150%;
        margin:-3% 2% 0% 2%;
        padding:10.2% 9.4%;
    }
    .reviewInfo {
        padding:1.5% 0;
        /*width:41%;*/
    }
    .reviewInfo div {
        line-height:60%;
    }
    .reviewInfo .ratingsStar {
        margin-bottom:4%;
        width:80%;
    }
    .reviewInfo .redTitle {
        font-size:230%;
        margin:3% 0% 4% 0%;
    }
    .reviewDetails {
        padding:10px 0;
        /*width:34%;*/
    }
    .reviewContent {
        padding:15px;
    }
    .reviewContent h3 {
        font-size:160%;
        margin:0;
    }
    
    .reviewCount {
        font-size:260%;
        margin:2%;
    }
    
    .reviewText {
        font-size:160%;
    }

    .replyText {
        margin: 3% 2% 3% 0;
    }

.largeButton {
    font-size:400%;
    line-height:normal;
    display:block;
}
    .largeButton .ui-btn-inner {
        padding:2%;
    }
.marketHeader {
    width:96%;
}
    .marketHeader .marketLink {
        text-align: left;
        height:55%;
        width:100%;
    }
    .marketHeader .marketLink:hover, .marketHeader .marketLink:hover, .marketHeader .marketLink:visited {
        color:#FEF0DB;
    }
    .marketHeader img {
        margin-right:2%;
        vertical-align: middle;
        width:6%;
    }
    .marketHeader .closeHeader {
        left: 93%;
        width:6%;
    }
/*.leftOnly { margin-right:68px !important; }*/
#map-page .ui-content {
    padding:0px;
}
#mapContainer {
    height:100%;
}
.rightArrow {
    background: transparent url(../images/icons/detail-icons.png) no-repeat 0% 100%;
    background-size: 1100% 850%;
    padding:2.2% 1.5%;
}
    .ui-listview .rightArrow {
        margin:2% 2% 0 0;
    }
    .plainView .rightArrow {
        margin:3.5% 3% 0 0;
    }

.ratingsStar {
}
.ratingsStar-empty {
  background: url('../images/icons/ratingStars_large.png') no-repeat top left;
  background-size:100% 303%;
  display:inline-block;
  margin: 0 1%;
  padding:9%;
}

.ratingsStar-on {
  background: url('../images/icons/ratingStars_large.png') no-repeat bottom left;
  background-size:100% 303%;
}

.ratingsStar-hover {
  background: url('../images/icons/ratingStars_large.png') no-repeat center left;
  background-size:100% 303%;
}
.infoBubble div.ratingsStar div.ratingsStar-empty {
  float:left;
  padding: 5%;
}
.infoBubbleRating {
    font-size: 10pt !important;
    line-height:18pt !important;   
}

ul.plainView {
    border-top:1px solid #000;
}
    
    ul#searchresults {
        border-bottom:7px double #000;
        border-top:7px double #000;
    }
    
    ul.plainView li.ui-li {
        background: #fdfdfd;
        border-bottom:1px solid #000;
        clear:both;
        cursor:pointer;
        padding:0;
    }
    ul.plainView li>div {
        display:inline-block;
        height:100%;
        padding:2%;
    }
    ul.plainView li .ui-btn-text a.redTitle {
        font-size:280%;
        padding:3.5%;
    }
    ul.plainView li .ui-btn-text {
        height: 100%;
    }
    ul.plainView li .ui-btn-inner, .inlineControl .ui-btn-inner {
        border:0 !important;
    }
    ul.plainView li .itemTitle {
        color:#A73333;
        font: 200%/85% 'TitleTextCond', Impact, Arial, sans-serif;
        margin:0;
        text-transform: uppercase;
    }
    ul.plainView li .resultDistance {
        float:left;
        text-align:center;
        width:13%;
    }
    
    ul.plainView li .resultInfo {
        border-left:3px dotted #404040;
        float:left;
        font-size:280%;
        line-height:170%;
        width:59%;
    }
    
    ul.plainView li .resultAddress {
        line-height:120%;
        margin:2% 0;
    }
    
    ul.plainView li .ratingsStar {
        width:80%;
    }
    
    ul.plainView li .resultDetails {
        float:right;
        color:#A73333;
        font-size:210%;
        width:15%;
    }
    
    ul.plainView li .resultDetails img {
        width:100%;
    }

    #itemcontents ul.halfView {
        margin-top:5%;
    }
    ul.halfView li {
        clear:none !important;
        float:left;
        width:50%;
    }
    
    ul.halfView li div.action {
        padding:8%;
    }
    ul.halfView li .ui-btn-text a.redTitle {
        padding:4.4%;
    }
    ul.halfView li .rightArrow {
        padding: 4.5% 3%;
        margin: 5.5% 7% 0 0;
    }
    ul.halfView li.alt .ui-btn-inner {
        border-right: 1px solid black !important;
    }
    ul.halfView li.pri .ui-btn-inner {
        margin-right: 1px;
    }
    
.redTitle {
    color:#A73333;
    font: 220% 'TitleText', Impact, Arial, sans-serif;
    text-transform:uppercase;
}
    .redTitle a {
        color:#A73333;
    }
.searchImage {
    width:80%
}

.selectList .ui-btn-text {
    font: 240% 'TitleTextCond', Impact, Arial, sans-serif;
    text-transform:uppercase;
    vertical-align:middle;
}

#categories-panel_1 .ui-btn-text, #ccAmenities .ui-btn-text {
    font-size: 154%;    
}
 
.selectList .ui-btn-inner {
    padding: 1% 3%;
}
    .selectList .amenity {
        padding:5%;
    }
    .selectList .amenity-remote { 
        width:auto; 
        max-width:10%;                 
    }
    .selectList .amenityTitle {
        display:block;
        padding: 1% 0%;
    }
.spaceNormal {
    line-height:normal;
}
.spotlight .itemTitle, .spotlight .resultDistance {
    color:#6D9A00 !important;
}

.starCount {
    font-size:260%;
    line-height:150%;
    margin-left:3%;
}
.strong {
    font-weight:bold;
}
.tall-icons {
    background: #281509 url(../images/design/bg_header.png) repeat-x top left;
    border-top:2px solid #000;
}
    .tall-icons .ui-btn, .tall-icons .ui-btn-text { 
        background:transparent;
        color:#d1ba9a;
        font-family: 'TitleText', Impact, Arial, sans-serif;
        font-size:150%;
        text-transform:uppercase;
    }
    .tall-icons .ui-btn { border-left:3px dotted #68523b !important; }
    .tall-icons li:first-child .ui-btn { border-left:0px !important; }
    
    .tall-icons .ui-btn .ui-btn-inner { padding-top: 33% !important; }
    .tall-icons .ui-btn .ui-icon {         
        margin-left: -11% !important; 
        box-shadow: none!important; 
        -moz-box-shadow: none!important; 
        -webkit-box-shadow: none!important;

        -webkit-border-radius: 0 !important; 
        border-radius: 0 !important; 

        width: 0 !important;
        height: 0 !important;
        padding-bottom: 24%;
        padding-left: 24%;
    }
    
    .tall-icons .ui-icon { 
        background:  url(../images/icons/bg-icons.png) no-repeat;        
        background-size: 730% 527%;
    }
        .tall-icons .home .ui-icon      { background-position: 0% 0%; }
        
        .tall-icons .settings .ui-icon  { background-position: 75% 0%; }
        .tall-icons .settings .ui-icon  { background-position: 50% 0%; }

        .tall-icons .share .ui-icon     { background-position: 24.5% 0%; }
        .tall-icons .share .ui-icon     { background-position: 17.5% 0%; }

        .tall-icons .about .ui-icon     { background-position: 33.5% 0%; }
        .tall-icons .deals .ui-icon     { background-position: 83% 0%; }

        .tall-icons .refine .ui-icon { background-position: 103% -1%; }
        .tall-icons .refine .ui-icon { background-position: 67% -1%; }
        
                
        .searchIcon { 
            background: url(../images/icons/bg-icons.png) 57.5% 24% no-repeat;
            background-size: 950% 690%;
            background-position: 39% 24%;
            display: inline-block;
            margin-top: -0.8em;
            vertical-align: middle;
            width: 2em;
            height: 2em;
            font-size: 250%;
            max-width: 70px;
            max-height: 70px;
        }
        .searchIcon .ui-icon { 
            width:60px; height:60px;
        }
        
        .panel .fullButton {
            width: 12.9%;
         }
         
        .fullButton {
            left:2%;
            top:0% !important;
            margin:auto 0 !important;
            height:69%;
            width:11%;
        }
            .fullButton .ui-btn-inner {
                display:block;
                width:100%;
                padding: 0px !important;
                text-align:center;
            }
            .fullButton .ui-icon {
                background:url(../images/icons/bg-icons.png) 0% 31% no-repeat;                

                /*background-size: 625% 500%;*/
                background-size: 630% 640%;
                background-size: 850% 610%;
                
                display:inline-block;
                margin:15% 0% 0% 0% !important;
                width:60%; height:66%;
            }            
            .activeFilterIcon{
                    background-color: #5e7e0f !important;
                    background-image: linear-gradient( #5e7e0f, #5e7e0f ) !important;
                    border-color: #5e7e0f !important;                    
                }
            /*.locatorIcon .ui-icon { background-position:19% 31%; }*/
            .exitIcon .ui-icon { 
                /*background-position:19% 31%;*/
                background-position: 19% 24%;
                background-position: 12.8% 24%;
            }
            .filterIcon .ui-icon { 
                /*background-position: 100% 31%;*/
                background-position: 100% 24%;
                background-position: 68% 24%;
            }
            .activeFilterIcon .ui-icon { 
                                         /*background-position: 101% 60% !important; 
                                         background-position: 101% 47% !important;*/
                                         background-position: 68.4% 47% !important;
                                         margin-left:5% !important;}                
            .refineIcon .ui-icon { 
                /*background-position:0% 31%;*/
                background-position:0% 23%;
                background-position: 0% 24%;
            }
            .rightButton { left:87% }
.zagDown {
    background: transparent url(../images/design/bg_zag_down.png) repeat-x;
    height:5px;
    width:100%;
}
.zagUp {
    background: transparent url(../images/design/bg_zag_up.png) repeat-x;
    height:5px;
    width:100%;
}
.zagShift {
    position:relative;
    top:5px;
}
.withSpace {
    margin: 5% 0;
}

.headerContainer .ui-controlgroup-horizontal .ui-controlgroup-controls {
    /*width:92%;*/
    -webkit-border-radius: inherit;
    border-radius: inherit;
    height: 100%;
    float:right;
    text-align:center;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls  {
    display: block !important; 
    height: 100%; 
    width: 100%;    
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.ui-field-contain div.ui-input-text  {
    background-color: White;
    border: 2px solid rgb(238, 238, 238);
    border-top-style: inset;
    border-left-style: inset;
    display: inline-block;
    width: 78%;
}
#refinepanel-listpage .ui-field-contain div.ui-input-text {
    border: none;
}
.ui-corner-all {
    -webkit-border-radius: 0.7em /*{global-radii-buttons}*/;
	border-radius: 0.7em /*{global-radii-buttons}*/;
}
.ui-corner-all,
.ui-btn-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0.7em;
	border-radius: 0.7em;
}

/*#region ------------- Loading Gif Styles --------------*/
.loading.adminAction { float:right; color:#00c1f1; }
.loading .white {color:white;}

#UserInfo .loading span { float:none; }
#GalleryContent .loading { margin-top:60%; }
    #CameraSection .loading {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 34%;
    }
    .selectableImages .loading{ text-align:center; width:100%; }
    
/*#endregion ------------- Loading Gif Styles --------------*/

/*#region ------------- Panels --------------*/
.panel{ 
    /*width:84.7%;*/
    width:100% !important;
}
.panelBackground {
    background: transparent url(../images/design/bg_pattern.png) repeat;    
    height:100%;
}

.panelBorder {
    height: 100%;
    z-index: 1010;
    display: block;
    position:absolute;
    border-left: 2px solid #98867c;
    border-right: 2px solid #5d3f2e;
}
.pBorderRight { top:0; right:0; }
/*#region ------------- Refine Panel --------------*/
#popupUnits {
    width:300pt;
    height:100pt;    
    background:white;
}

#distanceUnits { height:85%; }
#distanceUnits .selectList, #distanceUnits .ui-controlgroup-controls { height:100%; }
#distanceUnits .ui-controlgroup-controls div {
    color:#A73333;
    height: 50%;    
}
#distanceUnits .ui-controlgroup-controls div .ui-radio { float:left; padding-top:5%; }
.distanceUnits_inner { padding-top:5%; }
/*#endregion ------------- Refine Panel --------------*/

/*#region ------------- Menu Panel --------------*/
#menupanel-listpage .inlineControl ul.ui-listview {
    background:none;
    margin:0;
}
ul.menu-panel li span.divider {
    border-bottom: 3px solid #98867C;    
}
ul.menu-panel li {
    border:none;
    padding: 0 2% !important;
}
ul.menu-panel li div { width: 100%; }
ul.menu-panel li div a {
    width: 100%;    
    padding: 12% 0 2% 0;    
}
ul.menu-panel li div a .menu-link {    
    width:77%;
    text-align:center;
    display:block;
    font-size:77%;
    font-family:'TitleText',Arial,sans-serif;
    color:White;
    text-transform:uppercase;
    padding-top:3%;
}
ul.menu-panel li div .menu-icons { 
    background:  url(../images/icons/menu_icons.png) no-repeat top left; 
    background-size: 600% 60%;/*495% 59.5%;*/
    padding: 10%;
    float:left;
    margin-left:3%;
}    
    ul.menu-panel li div a .blog { background-position: 0% 0%; }
    ul.menu-panel li div a .products { background-position: 20% 0%; /*24.6% 0%;*/ }
    ul.menu-panel li div a .suggest { background-position: 40% 0%; /*49.9% 0%;*/ }
    ul.menu-panel li div a .checkin { background-position: 60% 0%; /*75.2% 0%;*/ }
    ul.menu-panel li div a .shop { background-position: 79% 0%; /*98.3% 0%;*/ }
    ul.menu-panel li div a .deals { background-position: 100% 0%; }

#menu-list li { display:block; }
/*#menu_BusinessListing{ display: none; }
#menu_Blog{ display:block; }
#menu_LeadPage{ display:block; }
#menu_Suggest{ display:block; }
#menu_CheckIn{ display:block; }
#menu_LogIn{ display:block; }*/
/*#endregion ------------- Menu Panel --------------*/

/*#endregion ------------- Panels --------------*/

/*#region ------------- Image Upload Panel --------------*/
#cameraSection{ display:none; }
    #reviewCanvas  {
        display: none; 
        width:100%;
        height: 100%;
        border: solid white 3px; 
        border-radius: 10px; 
        -webkit-border-radius:10px; 
    }
    #reviewVideo {
        width: 100%; 
        border: solid white 3px; 
        border-radius: 10px; 
        -webkit-border-radius:10px; 
    }
    #cameraControls {
        width:100%;    
        margin-bottom:5%;
    }
        
        #reviewToggleLabel {
            display:inline-block;
            background-color: #A73333;
            width:40%;
            margin: 1% 0%;
            padding: 0% 0% 3% 0%;
            float:left;
            text-align:center;
        }
        #reviewImageToggle {  
            position: absolute;
            width: 100%;
            margin-top: 35%;
            height: 1.2em;
        }
        
        .imageCaption { width: 97%; }
              
    .thumb {
        width:20%;        
        /*border: 1px solid white;
        border-radius: 5px;
        -webkit-border-radius: 5px;*/
        margin: 2%; 
    }
    #cameraSection .active {
        /*border: 1px solid #a73333;*/  
    }
    #takePicture{ font-family: 'TitleText',Impact,Arial,sans-serif !important; font-size:270%; text-transform:uppercase; width:50%; margin: 0 auto; }

#picOptions {
     margin-bottom:5%;
}
#picOptions .ui-input-text{ display:none; }
    #camerapanel-detailpage #picOptions a { width:32%; }
    #camerapanel-reviewpage #picOptions a { width:32%; }
    #camerapanel-dealpage #picOptions a { width:32%; }

    /*#takePic-btn{ width:45%; float:left; }
    #deleteImage{ width: 45%; float:right; }
    #uploadPic-btn{ width:35%; float:right; margin-right:10%; }*/
    #picOptions .ui-btn-inner{ padding: 0; }
        .reviewIcons{background:url(../images/icons/review-icons.png) 0% 0% no-repeat;}
            .cameraIcon {            
                /*background-size:270%;
                background-position: -1% -11%;                
                padding:25%;
                display:inline-block;  */   
                
                background-size: 250%;
                background-position: -2% -10%;
                display: inline-block;
                padding: 6% 11% 14% 11%;
                margin: 1%;           
            } 
            .deleteIcon {
                /*background-size:270%;
                background-position: 0% 48%;
                padding:15%;                                
                display: inline-block;*/
                
                background-size: 250%;
                background-position: -2% 48%;
                padding: 6% 11% 14% 11%;
                display: inline-block;
                margin: 1%;
            }
            .uploadIcon {
                background-size: 250%;
                background-position: 59% 0%;
                padding: 6% 11% 14% 11%;
                display: inline-block;
                margin: 1%;
            }
            .attachIcon {
                background-size:320%;
                background-position: 0% 100%;
                padding:8% 13% 5% 0%;
                display: block;
                float:left;
                margin: 9% 6% 0 0;
            }
            .attachLabel {
                font-size:190%; 
                width:60%; 
                margin-top:9%!important;
                display:block;
                position:inherit;
                float:left;
                color: #FEF0DB;
            }
            /*.imageIcon {
                background:url(../images/icons/bg-icons.png) 100% 84% no-repeat;
                background-size:710.5% 570%;
                padding:18%;
                display: inline-block;
                margin: 15% 0 0 0;
            }*/
/*#endregion ------------- Image Upload Panel End --------------*/

/*#region Horizontal Scroll List*/
.horizontal-list { overflow-x: auto; }
    .horizontal-list ul {
        list-style: none;       
        padding: 0;
        position: relative;
        top: 0;
        left: 0;        
        text-align: center;
 
	/*margin: 16px 0 0 0;
        overflow:hidden;*/
    }
        /*.horizontal-list ul li{ display: inline-block; vertical-align: middle;}
            horizontal-list ul li span {
                text-decoration: none;
                font-weight: normal;
                line-height: 180%;
                font-size: 150%;
            }
                .horizontal-list ul li span img{                     
                    max-height: 70%;
                    width: auto;
                    max-width: 75%;
                }
                .horizontal-list ul li span div{ 
                    font-size: 150%;
                    font-weight: bold;
                    text-align: center;
                    margin: 0 auto;
                    line-height: 110%;
                    color:black;
                }*/
/*#endregion*/

/*#region ------------- Listing Images --------------*/
    
.applyToAll {
        text-align: right;
        padding: 9px 0;
    }

/*#endregion*/


/*#region ------------- Listing Images --------------*/
.listingImages{ display:none; }
.reviewImageThumbs{ margin: 0 1%; display:none; }
.listingImageThumb{ margin: 0 0.5%; }
.reviewImageThumb{ margin: 0 1.6%; width:30%; }

.imgWrap {
    width: 164px;/*25%;*/
    display: block;
    float: left;
    margin-right: 10px;/*5%;*/
    background-color:Black;

    /*margin: 0 0 5% 5%;
    border: 1px solid white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    */
}
.imgWrap.active { border: 1px solid #8dc63f; }
.imgWrap img 
{
    width: 100%;
    display: block;
    margin: 0 auto;
}

.contentFullImage img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
/*#endregion ------------- Listing Images End --------------*/

/*#region -- Gallery Page Styles Start--*/
    #images_scroll { list-style:none; padding:0; }
        #images_scroll, #images_scroll li { width:100%; color:white; }
            #images_scroll li { 
                padding: 3% 0% 7% 0%;
                background-color: black;
                margin-bottom: 2%;
                font-size: 150%;
            }
                #images_scroll .date { margin-right:5%; }
                #images_scroll .reviewerName, #images_scroll a.listingLink, #images_scroll .caption { line-height:100%; }
                #images_scroll li img { max-width:95%; margin:3% 0 7%; }
                #images_scroll a.listingLink, #images_scroll .caption { font-size: 180%; }
                #images_scroll li a.listingLink
                {                    
                    color:#00c1f1;
                    color: #FEF0DE;
                    margin:1% 0;
                    display:inline-block;    
                }
                    
    #GalleryContent .imagePage { padding-top:10%; display:none; }        
    #BaristaThumbs .imagePage { display: none; } /*position:relative; left: 4%;}*/
    #baristaImages .imagePage { display: none; }
    #userImages, #userImages .imagePage { display:none; }
    
    .imagePage.active{ display:block !important; }
    
/*#endregion -- Gallery Page Styles end--*/


/*#region Jquery Mobile Style Overrides*/
    
    /*Ensure all corners of an elements get rounded corners*/
    .corner-override {
        -webkit-border-radius: inherit !important;
        border-radius: inherit !important;        
    }
    .ui-panel-inner { -webkit-overflow-scrolling: auto; }
   
    .ui-panel { width: 100%; }
 
    .ui-panel.ui-panel-position-right { width: 100%; }
 
    .ui-panel.ui-panel-closed { width: 0; }
 
    .ui-panel-position-left { left: -100% }
 
    .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, 
    .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
 
    .ui-panel-position-right { right: -100% }
 
    .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, 
    .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
 
    .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, 
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, 
    .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
        left: 100%;
        right: -100%
    }
 
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, 
    .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, 
    .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
 
    .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open, 
    .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open, 
    .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
        left: -100%;
        right: 100%
    }
 
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal, 
    .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push, 
    .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal, 
    .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
 
    @media (min-width:55em) {
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left 
        { margin-right: 100% }
 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right, 
        .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right 
        { margin-left: 100% }
    }

    .ui-popup-screen {
        background-color: #000;
    }
/*#endregion*/


/*#region login*/
.ui-btn.button-1 {
    background: #395594 !important;
    border: none;
}
.ui-btn.button-1 .ui-btn-inner {
    padding: 3% 0;    
    background-color: #395594;
    text-shadow: none !important;
    border: none;
}
/*.ui-btn.button-1 .ui-btn-text {    
    font-weight: bold;
    color: #fff !important;
}*/

.ui-icon-facebook-login-icon{        
    /*background: url(../images/icons/bg-icons.png) 49% 92% no-repeat;
    width: 21%!important;
    height: 54%!important;
    background-size: 274%;*/

    background: url(../images/icons/bg-icons.png) 37% 96% no-repeat;
    width: 0;
    height: 0px;
    background-size: 650%;
    padding-bottom: 9%;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

    padding-left: 10%;
    margin: 0 !important;
}

.shareDealInfoMark .ui-icon-custom{
    background: #ffffff url(../images/icons/questionMark.png) no-repeat left top !important;
    background-size: 100% !important;
    width: 23px !important;
    height: 23px !important;
    border: none !important;
}
.shareDealInfoMark .ui-icon-shadow, #shareDealLink .ui-shadow{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#shareDealLink .ui-btn-icon-notext{
    width: 31px;
    height: 31px;
}
#shareDealLink{
    background-image: none;
}


#shareDealLink .ui-li-link-alt .ui-btn{
    top: 40%;
}

#shareDealLink .ui-btn-up-b {
border: none !important;
}

/*#endregion*/

/*#region Debug Layout*/
.debug_object{ margin-bottom:10px; }
.debug_object div { margin-bottom: 2px; }
.debug_object > div div { margin-left:20px; }
/*#endregion*/