body{
    /* font:12px calibri,arial,sans-serif;*/
    background-color: #ffffff;
}

table{
    /* font:12px calibri,arial,sans-serif;*/
}


.rowHeader{
    background-color: #2d2d2d;
    color: white;
    font-weight:bold;
    text-align:center;
}

.row{
    background-color: #ffffff;
    text-align:center;
}
/* FORM STYLES */
/*-------------------------------------------------------------------------------------------*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  /* font:12px calibri,arial,sans-serif; */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 650px;
  /* width: 650px;*/
  width: 100%;
}

form fieldset {
  clear: both;  /* note that this clear causes inputs to break to left in ie5.x mac */
  margin: 20px 0px 0px 0px;
	background-color:#e9f9ac;
	border-width:2px 2px 2px 2px;
	border-style:solid;
	/* border-color:#cee574;*/
	border-color:#aaa;
	/*font-family:Arial, Helvetica, sans-serif; */
	font-size:12px;
	width:95%;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend {
	font-weight:bold;
/* 
 * These are located in publication stylesheet declarations 
	background-color:#777;
	border-color:#fff;
	color:#eaeaea;
 */
	border-width:1px 1px 1px 1px;
	border-style:solid;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
/*	text-align:center;*/
/*	width:186px;*/
	padding:3px 5px;
	margin:0px;
/*	position:relative;*/
	top: -14px;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	/*width: 250px;*/
	width:20%;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

/* note that this clear causes inputs to break to left in ie5.x mac */
/*
form fieldset#fspayInfo {
	clear: both;  
	margin: 20px 0px 0px 0px;
	background-color:#A2F049;
	border: 2px solid #A2F049;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:95%;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend#legpayInfo {
	color:#fff;
	background-color:#333;
	border-width:1px;
	border-style:solid;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
	width:186px;
	padding:3px 5px;
	margin:0px;
	position:relative;
	top: -14px;
}
*/

form fieldset#fspayInfo table tr.rowHeader {
	color:#fff;
	background-color:#333;
}

form fieldset#fspayInfo table tr.row {
	color:#000;
	background-color:#fff;
}

form input#submitpay {
	color:#fff;
	background-color:#333;
}

#lblHideCoupon { 
width:100%; 
float: none;
text-align: left;
margin-top: 20px;
}

.billInp { min-width: 55%; width:70%; }

#lblHideCoupon input { 
margin: 0;
}

#lblPriceID { width:100%; text-align:left; }

#lblHideShipTo { width:80%; text-align:left; }

form input, form textarea, form select {
/* 
 * These are located in publication stylesheet declarations 
	background-color: #666666;
	color:#eee; 
 */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	text-shadow:1px 1px 1px #000;
}

form input#submitInfo {
	width:100px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	/* margin:5px 0 0 10px;*/ /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}
form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.rateBox{
	text-align:left;
	/* width:auto;*/
	width:100%;
	margin:5px 225px 0 10px;
}

textarea { overflow: auto; }

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.spRadiobuts { float: left; padding-top:7px;}

.radLabel {
/* width:100px; */
display: inline-block;
line-height: 1.8;
vertical-align: middle;
text-align: left;
}

.radLabelcou {
/* width:100px; */
display: inline-block;
vertical-align: middle;
text-align: left;
width:100%;
}

#personalInfoForm #buttonv {
text-align:left;
float:left;
}

.lblCouponCodeBox {
	width:auto;
	padding: 0;
	margin: 0;
	float: left;
	text-align: right;
}

.wide100 { width: 100%; }
.fleft { float: left; }
.txtalignlft { text-align: left; }
.padbottom5 { padding-bottom: 5px; }
.padbottom10 { padding-bottom: 10px; }
.unseen { display:none; }

.locRad {
margin:3px 0px 0px 3px; /* fixes radio label alignment vertically with label */
float:left;
}

.coupRad {
margin: 0;
float:left;
}

.frmrow{
display:block;
min-height:32px;
width:98%;
}

.frmleft{
width:285px;
float:left;
text-align: right;
padding:12px 0 0;
min-height:20px;
}
.frmright{
width:100px;
float:left;
padding:5px;
min-height:20px;
}

.divrow{
display:block;
width:95%;
}

.divleft{
width:180px;
float:left;
text-align: right;
padding:12px 0 0;
min-height:10px;
}
.divright{
width:150px;
float:left;
padding:0 5px 5px 0;
min-height:20px;
}

.capleft{
width:200px;
float:left;
text-align: right;
padding:5px;
}
.capright{
width:100px;
float:left;
padding:5px;
}
.modleft{
width:120px;
float:left;
text-align: right;
padding:5px;
height: 60px;
}
.modright{
width:200px;
float:left;
/* padding:5px; */
height: 60px;
}

.clear{
	float:none;
	clear:both;
	height:0px;
}


.frmleftinp {
width:100px;
float:left;
text-align: right;
padding:12px 0 0;
min-height:20px;
margin: 5px 0 0 10px;
}

.frmrightinp {
float:left;
padding:5px;
min-height:32px;
width:80%;
}

.frmleftinp label {
	display: block; 
	float: right;
	width:auto;
	padding: 0;
	margin: 0; 
	text-align: right;
}

.lblfrmleft {
	width: auto;
}

#mandatory { 
	display:none;
	font-size:1.2em; 
}

#recapSubmit { 
background-color:transparent;
height:40px;
width:60px;
float: left; 
font-size: 1.1em;
border: 2px solid #ccc;
}

/* jQuery Tools section */
#facebox {
	/* overlay is hidden before loading */
	display:none;
	/* standard decorations */
	width:400px;
	border:10px solid #666;
	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);
	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
 
#facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}
 
#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#FF0000;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}

/* form style */
#personalInfoForm{
/* 
 * These are located in publication stylesheet declarations 
	background:#333;
	color:#eee;
 */
	padding:15px 20px; 
	width:100%;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
/* 
#personalInfoForm fieldset {
 * This is located in publication stylesheet declarations 
	background:#333333;
}
*/

/* typography */
#personalInfoForm h3 	{ color:#eee; margin-top:0px; }
#personalInfoForm p 	{ font-size:11px; }

/* input field */
#personalInfoForm input {
/* 
 * This is located in publication stylesheet declarations 
	background-color:#666;
	border:1px solid #444;
 */
	padding:5px;
	color:#ddd;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

/*
 * These are located in publication stylesheet declarations 
#personalInfoForm input:focus 		{ color:#fff; background-color:#777; }
#personalInfoForm input:active 	{ background-color:#888; }
*/

#personalInfoForm input[type="checkbox"], 
#personalInfoForm input[type="radio"] {
	background-color:#333;
	border-color:#333;
	float:left;
}

.divright:active { width: 300px; }
.errbox { width: 300px; }

.errbutton {
	background-color:#666;
	border:1px solid #444;
	color: #ff0;
}

.buttonnormal {
	background-color:#666;
	border:1px solid #444;
	color: #ddd;
}

#strBannerDiv {
width: 65%;
margin-left: auto;
margin-right: auto;
text-align:left;
}

/* button */
#personalInfoForm button {
	outline:0;
	border:1px solid #666;	
}

#buttonRow { width: 95%; min-height:50px; }

/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

/* field label */
label {
/* 
 * This is located in publication stylesheet declarations 
	color:#ccc;
 */
	display:block;
	font-size:12px;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

.txtH3 { font-size: 1.2em; font-weight:bold; }

.modal {
		background-color:#fff;
		display:none;
		width:450px;
		padding:15px;
		text-align:left;
		border:2px solid #333;
	
		opacity:0.8;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
}
	
.modal p {
	color: #000;
}
/*
.modal h2 {
		color: #000;
		background:url(../../images/MCCMagsLogo111x50.jpg) 0 50% no-repeat;
		margin:0px;
		padding:10px 0 10px 45px;
		border-bottom:1px solid #333;
		font-size:20px;
}
*/

.modal #dynamic_recaptcha_1 #recaptcha_response_field {
border:1px solid #aaa;
}

.modleft img { float:left; }

div#prompt.modal > div.frmrow > div.modright > p {
font-weight: bold;
/*font-size: 1.1em;*/
}

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	/*font-size: 			12px;*/
	font-size: 			1em;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position: fixed;
}

body > div.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

body > div.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

body > div.jGrowl.bottom-left {
	left: 0px;
	bottom:	0px;
}

body > div.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

body > div.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #000;
	opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: bold;
	/* font-size:	.85em;*/
	font-size:	1.5em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor:	pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	/*font-size:	.9em;*/
	font-size:	1em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: none;
	}
}

div.jGrowl div.manilla {
background-color: #FFF1C2;
color: navy;
}

div#coupondiv { 
	display: none; 
}

.boxalert {
	border: 1px solid #f00;
	background-color: #fff;
	color: #f00;
	font-weight:bold;
	font-style:italic;
}

.inotinput {
	background-image: url('images/inot2.png');
}

.normalinput {
	background-image: none;
}

#personalInfoForm input.couponform {
/* 
 * This is located in publication stylesheet declarations 
	background-color:#666;
	border:1px solid #444;
 */
	padding:5px;
	color:#ddd;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

#headerp {
	text-align: center;
}