/* Created by RP to test global style for mobile-friendly and standard sites */

/* =================================== Notes =================================== */

/* 
   You do not need to link this file in header--it is included in templates where required.
   Local css will not override this style.
*/

/* =============================== Media Queries =============================== */

/* 
   Do not include media queries in this stylesheet.
   Mobile-friendly sites may require GlobalMediaQueries.css.
   Add link to "/Scripts/GlobalStyle/GlobalMediaQueries.css" in local header as needed.
*/

/* ================================= Login.tpl ================================= */
/* Also used for GoToUpdateAccount.tpl */

.login { }

.logintext, .loginTextReg { }

.smallerText { 
	font-size: .8em; 
}

#loginWrapper { 
	width: 100%; 
}

#loginBanner { 
	width: 100%; 
	text-align: 
	center; margin: 
	0 auto; 
}

#loginLeft { 
/*	width: 50%;*/
	text-align: left; 
	float: left; 
}

#loginRight { 
/*	width: 50%; */
	text-align: center; 
	margin: 0 auto; 
	float: left; 
}

#loginBottom { 
	width: 100%; 
	text-align: center; 
	margin: 0 auto; 
}

a#whatsThis { 
	font-size: .8em; 
}

h3.firstTime { 
	padding-top: 1em;
}

/* ================================ Register.tpl =============================== */

div#regContainer {
	width:90%;
	text-align:left; 
	margin: 0 auto;
}

#regContainer input {
	font-size: 100%;
	max-width: 100%;
}

#regContainer input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

#regContainer input.required, #regContainer textarea.required, #regContainer select.required {
	border: 1px solid rgb(250,0,0);
}

#regContainer input.validation-failed, #regContainer textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
	font-size: 100%;
}

#regContainer input.validation-passed, #regContainer textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
	font-size: 100%;
}

#regContainer .validation-advice {
	margin: 5px 0;
	padding: 1px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size: 100%;
	width: 200px;
}

#regContainer .custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

#regContainer .reg {
	font-size: 100%;
}

#regContainer h3.reg {
	font-size: 120%; /*changed RP*/ /* Remove this and similar comments when ready */
	font-weight: bold;
}

#regContainer label.reg { white-space: nowrap; } /*value added RP*/

#regContainer fieldset .regHeading /*corrected RP*/ {
	text-align: left; /*changed RP*/
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 1em; /*value added RP*/
}

#regContainer .required_error {
	font-weight: bold;
	color: rgb(255,255,255);
	background: rgb(250,0,0);
}

#regContainer fieldset {
	padding: 0 .5em .5em .5em;
	margin:20px 0;
}

#regContainer .Note { 
	font-size: .9em; 
	clear: both; 
} /*class added RP*/

#regContainer .regField { 
	width: auto; 
	padding-bottom: .5em; 
	padding-right: .9em; 
	float: left; 
} /*class added RP*/

#regContainer .requiredField { 
	color: #f00; 
	font-weight: bold; 
} /*class added RP*/

/* ============================= ForgotPassword.tpl ============================ */

div.forgotPassword {
	text-align: center;
	margin: 0 auto;
	width: 94%;
	}

.forgotPassword h3 {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 1em;
	}

.forgotPassword p {
	text-align: left;
	}

.forgotPassword input {
	margin: .25em;
	}

/* ================================ Checkout.tpl =============================== */

/*.required {
	color: rgb(200,0,0);
	font-weight: bold;
	}*/ /* This class used elsewhere */

.requiredField { 
	color: #f00;  
	font-weight: bold; 
	} /*class added RP*/

.required_error {
	color: rgb(200,0,0);
	font-weight: bold;
	background: rgb(255,255,255);
	border: 1px solid rgb(200,0,0);
	}

div .section {
	padding: 6px 0px 6px 0px;
	background: rgb(228,228,228);
	color: rgb(20,20,20);
	font-weight:bold;
	text-align:center;
	}

#checkoutForm {
	text-align:center;
	}

.checkout_coupon {
	display: block;
	text-align: left;
	}

#checkoutContainer {
	width:90%;
	text-align:center;
	margin: 0 auto;
	}

#checkoutHeader, #checkoutHeading { 
	text-align:center; 
	}

.checkoutField { 
	width: auto; 
	padding-bottom: .5em; 
	padding-right: .9em; 
	float: left; 
	} /*class added RP*/

.Note { 
	font-size: .9em; 
	clear: both; 
	text-align: left; 
	}/*class added RP*/

textarea#UserComments  { 
	width: 99%; 
	} /*id added RP*/

/* ============================= ForgotPassword.tpl ============================ */

/* ... */

/* ================= ShowItemPopup.tpl/ShowItemDetailPopup.tpl ================= */

#ShowItemPopupBody {
	/*background:; Use local stylesheet */
}

.itemName,
.item {
	color:#dd0000;
}

.AltImgPreview {
	/*height: 100%;*/ /* 6-15-17 */
	/*max-height:500px;*/
	}

.AltImgThumb {
	/*width:;
	margin-right:;*/
	}

.AltImgNormal {
	/*border:3px solid #000000; Use local stylesheet */
	}

.AltImgSelected {
	/*border:3px solid #ff0000; Use local stylesheet */
	}