/* BEGIN: Redefine HTML
---------------------------------------------------------------------------------------------------- */
a:link , a:visited {text-decoration:none;}

a:hover , a:active {text-decoration: none;}

h1 a, h1 a:link, h1 a:visited {color: #fff;}

h4.help {padding: 3px;margin-bottom: 0;}
/* END: Redefine HTML
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Structure
---------------------------------------------------------------------------------------------------- */
#containerAccountCredit {}
#containerNewCreditCard {display: none;}
#containerExistingCreditCard {display: none;}
/* END: Structure
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Cosmetics
---------------------------------------------------------------------------------------------------- */
.colorRed {color: #f00;}
.colorGreen {color: #0f0;}
.colorDarkGrey {color: #333;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.mb0 {margin-bottom: 0;}
.m0 {margin: 0;}
.m0auto {margin: 0 auto;}
.bb2ccc {border-bottom: 2px #ccc solid;}
.floatLeft {float: left;}
.p0 {padding: 0;}
.textCenter {text-align: center;}
.zebra {background: #ccc;padding: 6px 0;}

/* END: Cosmetics
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Icons
---------------------------------------------------------------------------------------------------- */
.iconFolder {background: url(../images/iconFolder.png) 10px 13px no-repeat;padding-left: 18px;}
.iconBasket {background: url(../images/iconBasket.png) 10px 13px no-repeat;padding-left: 18px;}

/*Bottom Nav Bar*/
.nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: none !important; border-radius: none !important; }
#homepage .ui-icon { background:  url(../images/iconHome.png) 50% 50% no-repeat; background-size: 30px 30px; }
#selections .ui-icon { background:  url(../images/iconSelections.png) 50% 50% no-repeat; background-size: 30px 30px;  }
#fullSite .ui-icon { background:  url(../images/iconFullSite.png) 50% 50% no-repeat;  background-size: 30px 30px; }
#logout .ui-icon { background:  url(../images/iconLock.png) 50% 50% no-repeat;  background-size: 30px 30px; }

.ui-icon-iconCartSm {
	background: 						#666;
	background: 						rgba(0,0,0,.4);
	background-image: url(../images/iconCartSm.png);
	background-repeat: no-repeat;
	-moz-border-radius: 				7px;
	-webkit-border-radius: 				7px;
	border-radius: 						7px;
}
/* END: Icons
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Elements
---------------------------------------------------------------------------------------------------- */
.orderDetails {line-height: 26px;}
.requiredNote {font-size: 11px;float: right;margin-bottom: -20px;}
.copyright {font-size: 10px;text-align: center;}
.fieldStack {padding: 8px 0 0 0;border-bottom: 0;}
.helpContent {margin-top: 4px;font-size: 13px;}
.orRule {text-align: center;color: #999;}
.linkNote {text-align: center;font-size: 11px;}
.deliveryLeft {width: 80%;float: left;}
/* END: Elements
---------------------------------------------------------------------------------------------------- */

/* BEGIN: Cart
---------------------------------------------------------------------------------------------------- */
.cartRow
	{
	/*background: #ccf;*/
	margin-top: 10px;
	border-bottom: 2px #dadbdc solid;
	padding: 5px 0 13px 0;
	height: 40px;
	width: 100%;
	}
	
.buttonDotDelete
	{
	background: #d4005e url(../images/buttonGloss.png);
	color: #fff;
	font-weight: bold;
	border: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	width: 20px;
	padding: 2px 0;
	cursor: pointer;
	margin: 0 0 8px 0;
	text-align: center;
	}
	
.buttonDotDelete:hover {background: #c10056;}

.containerCartDots
	{
	width: 100%;
	text-align: center;
	}
	
.innerContainerDots
	{
	width: 172px;
	height: 10px;
	margin: 0 auto;
	}
	
.cartDot, .cartDotActive
	{
	margin: 0 12px 6px 12px;
	text-decoration: none;
	display: block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 8px;
	height: 8px;
	float: left;
	text-indent: -1000em;
	}
	
.cartDotActive, a:hover.cartDot {background: #a50033;border: 1px #a50033 solid;}
.cartDot {background: #999;border: 1px #999 solid;}

.cartDelete {float: left;width: 13%;}
.cartDetails {float: left;width: 42%;}
.cartDetailsConfirm {float: left;width: 75%;}
.cartMultiply
	{
	float: left;width: 10%;
	margin: 6px 0;
	font-weight: bold;
	color: #999;
	line-height: 26px;
	}
.cartQty {float: left;width: 10%;}
.cartQty input {color: #666;}

.itemTotal {float: left;width: 25%;text-align: right;line-height: 36px;color: #999;}
.itemTotalConfirm {float: left;width: 25%;text-align: right;line-height: 36px;color: #999;}

.totalRight {float: left;width: 25%;text-align: right;line-height: 36px;}
.totalLeft {float: left;width: 75%;text-align: right;line-height: 36px;color: #999;font-weight: bold;}
.totalRow
	{
	/*background: #ccf;*/
	margin-top: 10px;
	border-bottom: 2px #dadbdc solid;
	padding: 5px 0 13px 0;
	height: 20px;
	width: 100%;
	}
/* END: Cart
---------------------------------------------------------------------------------------------------- */