/**
 * mobile.css
 * Extra styling that is not handled by the theme stylesheet
 */


th { text-align: left; }

/* Inset shadows for panels */

.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open {
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.10);
	   -moz-box-shadow: -5px 0 5px rgba(0,0,0,.10);
	        box-shadow: -5px 0 5px rgba(0,0,0,.10);
}

.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open {
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.10);
	    -moz-box-shadow: 5px 0 5px rgba(0,0,0,.10);
	         box-shadow: 5px 0 5px rgba(0,0,0,.10);
}

/* Fix navbar extending outside of page when panel open */
.page-foot.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn {
	margin-right: 0;
}


/* Headers and footers
   ------------------------------------------------------------ */

.page-head,
.page-foot {
	text-align: center;
}

.header-logo {
	min-height: 30px;
}

.logo-link {
	display: inline-block;
	padding: 10px; 
}

.logo-img { 
	width: 160px; 
}

.page-head .btn {
	/*min-width: 4.5em;*/
	margin-top: 4px;
}

.page-head .search-form {
	margin: 0 15px;
}

.page-head .search-form .ui-input-search {
	margin: 0;
}

.page-foot {
	margin-top: 30px;
	padding-bottom: 15px;
	color: #888;
}

.page-foot .ui-navbar {
	margin-bottom: 15px;
	border-bottom: 1px solid #aaa;
}

.page-foot p {
	margin: 0;
	font-size: 0.7em;
}

.page-foot .pbwsp {
	margin-top: 10px;
	font-size: 0.6em;
	font-weight: normal;
}

.page-foot .pbwsp > a:link,
.page-foot .pbwsp > a:visited {
	color: inherit;
	text-decoration: none;
}


/* Panels
   ------------------------------------------------------------ */

#panelNav .form-search {
	margin-bottom: 30px;
}


/* Helpers
   ------------------------------------------------------------ */

ul.unstyled, ul.unstyled > li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.hide { display: none; }

.text-important { color: #c00; }


/* Page Titles
  ------------------------------------------------------------ */

.page-title {
	margin-top: 0;
	color: #0081e8;
	font-size: 1.25em;
}

.page-title + .ui-collapsible[data-inset="false"],
.page-title + .ui-listview-filter {
	margin-top: 20px;
}


/* jQM Mods
  ------------------------------------------------------------ */

.ui-listview-filter .ui-input-search {
	overflow: hidden;
}


/* Product Catalog
   ------------------------------------------------------------ */

.instock {
	color: #00FF00;
	font-weight: bold;
}

.outstock {
	color: #c00;
	font-weight: bold;
}


/* List Views
   ------------------------------------------------------------ */

/* Grids */

.prod-list { text-align: center; }

.prod-list .ui-block {
	height: 250px;
	padding: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-tap-highlight-color: rgba(100, 100, 100, 0.1);
}

.prod-list .ui-block-b { border-right: 0; }

.prod-list .ui-block a {
	display: block;
	height: 100%;
	padding: 20px 10px;
	text-decoration: none;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

.prod-list .ui-block img {
	max-width: 150px;
	max-height: 130px;
}

.prod-list .ui-block p {
	margin: 0;
	padding-top: 5px;
	color: #000;
}

.prod-list .ui-block .price {
	color: #c00;
}

.category-desc {
	margin-bottom: 40px;
}


/* Pagination */

.xresults_paging_bot { 
	margin: 15px -15px;
}

.xresults_pagelist a.disabled {
	color: #ccc;
	background: #efefef;
	cursor: default;
}

.xresults_pagelist li a strong {
	font-size: 1.5em;
	font-weight: normal;
}



/* Detail views
	 ------------------------------------------------------------ */

.product-detail {
	padding-bottom: 40px;
}

.detail-title {
	margin-bottom: 10px;
}

.detail-img {
	float: right;
	width: 30%;
	max-width: 220px;
	min-height: 120px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

.detail-img.full {
	float: none;
	width: 100%;
}

.detail-img img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 5px;
}

.large-img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.product-flags {
	margin-bottom: 15px;
	margin-right: 40%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.product-flags img {
	display: inline-block;
	margin-right: 4px;
}

.detail-table {
	margin-bottom: 15px;
	width: auto;
}

.detail-table td {
	padding: 0 1em 0 0;
	font-size: 0.875em;
}

.product-info {
	/*overflow: hidden;*/
}

.detail-price + .detail-qtybreaks {
	margin-top: -10px;
}

.detail-qtybreaks {
	font-size: 0.875em;
}

.detail-desc {
	margin: 15px 0 30px;
}

.detail-desc object,
.detail-desc embed {
	max-width: 100%;
	width: 100% !important;
}

.inline-label {
	display: inline-block;
}

.product-detail .form-addtocart .ui-input-text {
	display: inline-block;
	width: 4em;
	margin-left: 5px;
	margin-right: 5px;
}

.product-tabs {
	clear: both;
	margin-bottom: 30px;
}

.product-tabs table {
	width: 100% !important;
}



/* Cart / Checkout
   ------------------------------------------------------------ */

.cart-steps {
	margin: 0;
	color: #ccc;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
}

@media (min-width: 379px) {
	.cart-steps { font-size: 1em; }
}

.cart-steps [class^="icon-"] {
	margin-left: 2px;
	margin-right: 2px;
}

.cart-steps b {
	color: #0081e8;
	font-weight: bold;
}

#cart_lines { margin-top: 15px; }

/* count bubbles */
.ui-li-has-count .ui-li-count {
	font-size: 14px;
}

/* count bubbles in read-only lists */
.ui-li-static .ui-li-count.ui-btn-up-c {
	border-color: #ccc;
	background: #eee;
	color: #555;
	text-shadow: none;
}


/* Forms
   ------------------------------------------------------------ */

.help-inline, .help-block { color: #aaa; }
.help-block { display: block; margin: .5em; }
.error input { border-color: #b6151b; }
.error label, .error .help-error { color: #b6151b; }
.success input { border-color: green; }
.success, .success label { color: green; }
.help-error { display: none; }
.ui-field-contain p.help-error { margin: .5em; }
.error .help-error { display: block; }
.form-actions { margin-bottom: 30px; }

@media (orientation: landscape) {
	.help-block { margin-left: 22%; }
}