﻿/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #f00;
	display: block;
	margin-top: 8px;
	text-align: center;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #f00;
	background-color: #fee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #f00;
}

.validation-summary-valid
{
	display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
/*
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li
{
	padding-right: 15px;
}
*/ /* PETER */ 

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a, .ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b, .ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c, .ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d, .ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e, .ui-btn-active
{
	text-shadow: none;
}



/* Shopping Cart Thumbnails
-----------------------------------------------------------------------------------------------------------*/
.img-cart-th
{
	width: 70px;
	float: left;
	padding-right: 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
{
	.img-cart-th
	{
		width: 140px;
	}

}

.ui-btn-inner
{
	white-space: normal !important;
}

.ui-field-contain .ui-btn.ui-submit
{
	margin: 0.3em 0 !important;
}

.ui-field-contain div.ui-slider-switch
{
	width: 75% !important;
}

.btn-cart-del
{
	position: absolute;
	left: 12%;
	display: inline;
}

.input-cart
{
	display: inline-block;
	position: absolute;
	float: left;
	padding-left: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
{
}

.lbl-cart-qty
{
	display: inline !important;
	line-height: 2.4 !important;
}

/* Shopping Cart Tables
-----------------------------------------------------------------------------------------------------------*/
.th-cart-footer
{
	margin-top: 0px !important;
	text-align: justify;
	font-size: small;
}
.td-cart-total
{
	border-top: 1px dashed #FFFFFF;
}

.td-price
{
	text-align: right;
}

.cart-Qty
{
	font-size: small;
	vertical-align: middle;
}
#btnDeleteCart
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

@media screen and (min-width: 480px)
{
	#btnDeleteCart
	{
		float: right;
	}
}

@media all and (max-width: 480px)
{
	#cartTable
	{
		width: 100%;
	}
}

/* Override ui-responsive
-----------------------------------------------------------------------------------------------------------*/
.ui-responsive .ui-block-a, .ui-responsive .ui-block-b, .ui-responsive .ui-block-c, .ui-responsive .ui-block-d, .ui-responsive .ui-block-e
{
	float: left;
	width: 100%;
}

/*
@media screen and (min-width: 1024px) {
	.ui-page {
		min-height: 100% !important;
	}
}
*/






/* custom icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-cart
{
	background-image: url("images/icons-18-cart.png");
}

.ui-icon-logout
{
    background-image: url("images/icons-18-logout-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
{
	.ui-icon-cart
	{
		background-image: url("images/icons-36-cart.png");
		background-size: 18px 18px;
	}
	
	.ui-icon-logout 
	{
	    background-image: url("images/icons-36-logout-white.png");
	    background-size: 18px 18px;
    }

}


/* custom button corner radius --> jquery.mobile.theme-1.2.0.css: 1562
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-all {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
}

/* textbox padding --> jquery.mobile-1.2.0a.css: 2435
-----------------------------------------------------------------------------------------------------------*/
div.ui-input-text {
    padding: 0 5px 0 5px;
}

/* custom table --> jquery.mobile-1.2.0a.css: 2435
-----------------------------------------------------------------------------------------------------------*/
tbody th {
  border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  border-top: 1px solid #d6d6d6; /* non-RGBA fallback */
  border-top: 1px solid rgba(0, 0, 0, .1);
}