#top-content {
	width:86%; /* 1100/1280 */
	margin:0 auto;
}

#area-search {
	width: 100% ; 
	margin: 2%;
}
#tabsearch{ font-size:13px;background:transparent;border-bottom-color:#999;border-top-color:white;border-left-color:white;border-right-color:white; }

#area-car, .area-car {
	width: 100% ; 
	margin:2%;
	padding-top:10px;
}
.container-nav2 {
	width:100%; /* 1100/1280 */

	margin: 0 auto;
}
.bottom-content {
	margin: -2px .5em;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	padding: 2px 2%;
	/*height: 25em;
	overflow: auto;*/
} 

/* Ribbon Design */
.ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
 background:#ffcc00;
 position: relative;
 color: #fff;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
 .ribbon-content:before, .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #7c6300 transparent transparent transparent;
 bottom: -1em;
}
 .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1.5em;
}
 .ribbon-content:after {
 right: 0;
 border-width: 1em 1.5em 0 0;
}


/* Tabbed Search Box styles */
.ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
	font-size:13px;
	
} 
.ui-tabs-panel { 
    background: #f5f3e5 url(http://code.jquery.com/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top; 
    border-width: 0px 1px 1px 1px; 
	min-height:14.375em;
}
div.aok_jq div#tabs-aok ul li .ui-state-default, div.aok_jq div#tabs-aok .ui-widget-content .ui-state-default, div.aok_jq div#tabs-aok .ui-widget-header .ui-state-default{background: #cccccc;}
div.aok_jq div#tabs-aok ul li .ui-state-active, div.aok_jq div#tabs-aok .ui-widget-content .ui-state-active, div.aok_jq div#tabs-aok .ui-widget-header .ui-state-active{background: #ffffff;}

/* Hours Widget styles */
.s-lc-whw { font-size:14px; }
.s-lc-whw thead { background-color: #e1e1e1; }
.s-lc-whw thead button { font-size:20px;}
.s-lc-whw-head-date { color: #444; }
.s-lc-whw-today-h {  background-color: #e1e1e1; }
.s-lc-whw-today { background-color: #e1e1e1; }
.s-lc-whw tbody tr:hover { background-color:#f1f1f1;}
.s-lc-whw-bh { text-align: right; white-space: nowrap; }
.s-lc-whw-locname { font-weight: bold;}
.s-lc-whw-sublocname{ padding-left: 10px!important; }
.s-lc-whw-footnote { color: #555; font-size: 80%; }
.s-lc-whw-footnote td:hover { background-color:#fff!important;}
/* Below styles can be removed if you are already using Bootstap v3 in host page */
.s-lc-whw-cont {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px;}
.s-lc-whw-pr, .s-lc-whw-ne{ padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; color: #333; background-color: #fff; border-color: #ccc; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; }
.s-lc-whw-pr:disabled { background-color: #e1e1e1; }
.s-lc-whw-ne:disabled { background-color: #e1e1e1; }
.s-lc-whw { width: 100%; margin-bottom: 20px; max-width: 100%; background-color: transparent; border-bottom: none; border-left: none; border-collapse: collapse; border-spacing: 0; }
.s-lc-whw>tbody>tr>td { padding: 5px; }
.s-lc-whw>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #444; padding: 5px;}
.s-lc-whw th { border-top: none; border-bottom: none; border-right: none;}

/* Filtering */
.box {width:100%;}
.block {width: 82%; margin-right:1%;}
.block p {margin: 0px; padding: 0px 15px 5px 0px;}
.img {width:15%; margin: 0px 1%;}
.catalog {min-height: 8.75em;}
.list-item {margin-top:15px;float: left;}
div.img img {width:100%;max-width:120px;border: 1px solid #000;}
.title {font-size:16px; font-weight: bold; color:#cc0000;}
.title a {text-decoration: none; color:#cc0000;}
.title a:visited {text-decoration: none; color:#cc0000;}
.theme {font-size: 12px;}

button {font-family:inherit;}

/* Equipment Table */
.equip_index{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	border-collapse: collapse;
}
table.equip_index td {
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #CCC;
}
.equip_img {
	display:none;
	}
.equip_name {
	text-align: center;
	}
.equip_avail {
	text-align: center;
	}

/* Print Mobile Display */
.reflow {width: 95%;}
#cardimg {width:100%;max-width:250px;}
/* s-lc-whw0-mobile for hours on mobile  */
#s-lc-whw0-mobile {display: none;}
@media only screen and (max-width: 849px) {
#s-lc-whw0-mobile {display: block;} }

@media only screen and (min-width: 320px) {
#area-car, .area-car {	padding-top:10px;}
#comps {height:93.125em;}
#s-lc-whw0 {display:none;}
}

@media only screen and (min-width: 500px) {
#area-car, .area-car {	padding-top:10px; }

#comps {max-height:1300px;}
.equip_img {
	display: table-cell;
	max-width:30%;
	}
.equip_img img {
	width:100%;
	max-width:125px;
	}	
}
@media only screen and (min-width: 850px) {
#area-search {
	width: 65% ; /* 552/850 */
	float:left;
	margin:1%;
}
#area-car, .area-car {
	width: 30% ; /* 255/850 */
	float:left;
	margin:1%;
	padding-top:0px;	
}
#s-lc-whw0 {display:inline;}
/* Print Mobile Display */
.reflow{width: 50% ;}
#cardimg {margin-left:30px;}
.equip_img img {
	width:125px;
	}
.equip_img {
	padding: 5px 50px;
	max-width:20%;
	}
.equip_name {
	max-width:35%;
	}
.equip_avail {
	max-width:30%;
	}

}

@media only screen and (min-width: 1100px) {
#top-content {
	width:100%;
	margin:0 auto;
}
#area-search {
	width: 59% ; /* 650/1100 */
	float:left;
	margin:1% 2%;
}

#area-car, .area-car {
	width: 32% ; /* 350/1100 */
	float:left;
	margin:1% 2%;
	padding-top:0px;
}
.equip_name {
	max-width:45%;
	}
.equip_avail {
	max-width:40%;
	width:40%;
	}
}
@media only screen and (min-width: 1235px) {
#area-search {
	width: 59% ; /* 650/1100 */
	float:left;
	margin:1% 2%;
}

#area-car, .area-car {
	width: 32% ; /* 350/1100 */
	float:left;
	margin:1% 2%;
	padding-top:0px;
}
.container-nav2 {
	width:86%; /* 1100/1280 */
	margin: 0 auto;
}
}
@media only screen and (min-width: 1370px) {
#top-content {
	width:86%; /* 1100/1280 */
	margin:0 auto;
}
}


/* ----------- Retina Screens ----------- 
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 500px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 


}
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 505px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (min-resolution: 192dpi) { 
  top-content {
	width:86%; 
	margin:0 auto;
}

#area-search {
	width: 100% ; 
	margin: 2%;
}
#area-car {
	width: 100% ; 
	margin:2%;
	padding-top:1em;
}
#tabsearch{ font-size:20px;}

}
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 505px) 
  and (-webkit-min-device-pixel-ratio: 4)
  and (min-resolution: 192dpi) { 

}
*/