body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: #2C8F00;
}

h1, h2, h3 {
	text-align: left;
	color:#599001;
	padding:0;
	margin:0;
}

h1 {
	font-size: 26px;
}

h4 {
	color:#666;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border: none;
}

input:focus, textarea:focus{
	background-color: lightyellow;
}

#miniAccountMenu {
	padding: 6px 10px 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	width: 100%;
}

#miniAccountMenu a{
	color: #FFF;
}

#mainWrapper {
	width: 1024px;
	height: 100%;
	background-image: url(/images/bgGrad.jpg);
	background-repeat: no-repeat;
	background-color: #75AD01;
	margin:0 auto;
	padding-bottom: 20px;
}

#loginForm {
	color:#FFF;
	margin:20px 0 0 20px;
	font-size:12px;
}

#loginForm input {
	width:120px;
	height:14px;
	font-size:10px;
}

#mainContent {
	vertical-align:top;
	margin:0;
}

#sideBar {
	float:left;
	width:200px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	line-height: 200%;
}

#sideBar ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#sideBar li {
	width: 190px;
	background-image:url(/images/menuLine.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-right: 10px;
}

#sideBar #last {
	background-image:none;
}

#sideBar a {
	color:#FFF;
}

#rightBar {
	width: 134px; 
	height: 130px; 
	float: right; 
	margin-right: 16px; 
	background: #FFF; 
	text-align: center;
}

#breadcrumbs {
	margin: 2px 0 0 200px;
	font-size: 12px;
	color: #FFF;
}

#couponStage {
	width:635px;
	min-height: 600px;
	margin: 40px 0 0 200px;
	text-align: center;
	padding: 10px;
	background-color:#FFF;
}

#fullStage {
	width:970px;
	min-height: 600px;
	margin-left:20px;
	margin-top: 40px;
	text-align: center;
	padding: 10px;
	background-color:#FFF;
}

#catTitle {
	height: 45px;
	text-align: left;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background-color: #75AE00;
	margin: -10px 20px 0 -10px;
	padding: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
}

#changeTypeBox {
	float:right;
	width:114px;
	height:30px;
	text-align:center;
	padding-top:3px;
	background-image:url(/images/buttons/changeTypeBox.png);
	background-repeat:no-repeat;
}

#changeTypeBox a {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

#magazineViewContainer {
	float: right;
	width: 240px;
	border: 2px solid #2C8F00;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#flipBook {
	margin: auto;
	background-color: #FFF;
	margin-top: 8px;
	padding: 14px;
}

#mainMenu {
   float:left;
   width: 100%;
   height: 25px;
   background: #2C8F00;
   overflow:hidden;
   position:relative;
}

#mainMenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   text-transform: capitalize;
}

#mainMenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#mainMenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 20px;
   color: #FFF;
   text-decoration:none;
}

#mainMenu ul li a:hover {
   background: #75AD01;
}

#mainMenu ul li a.active,
#mainMenu ul li a.active:hover {
   color:#fff;
   background:#225601;
   font-weight:bold;
}

#footer {
	clear: both;
	width:1024px;
	background-color: #225601;
	color: #FFF;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	-moz-border-bottom-radius: 10px; 
	-webkit-border-bottom-radius: 10px;
}

.couponCard {
	border: 4px dashed #2C8F00;
	margin-top: 10px;
	padding: 2px;
}

.visitSiteCard {
	text-align: right;
	margin-right: 20px;
	font-weight: bold;
	/*color: #FFF;
	font-size: 12px;
	background-color: #75AE00;
	padding: 10px;
	-moz-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
*/
}

.visitSiteCard a {
	color: #75AE00;
}

.infoTable {
	color:#666;
	font-size:14px;
	line-height:175%;
	margin:0 auto;
	border:1px solid black;
}

.infoTable input, select {
	color:#666;
}

.infoTable .inputTitle {
	text-align:right;
}

.infoTable .required {
	font-size:10px;
	color:#F00;
}

.locationCard {
	float: left;
	margin: 18px;
	width: 260px;
	background: #2C8F00;
	padding: 10px;
}

.roundedBox {
	float: left;
	width: 280px;
	margin: 12px;
	padding: 4px;
	border: 2px solid #74AC01;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.locationSubmit {
	float: left;
	width: 280px;
	padding: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #2C8F00;
	border: 2px solid #74AC01;
	margin: 0 12px 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.locationSubmit:hover {
	background-color: #74AC01;
	text-decoration: none;
}

.greenTitle {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #2C8F00;
	margin: 6px 0;
}

.bulletList {
	margin: 0;
	padding-left: 24px;
	text-align: left;
	line-height: 150%;
	font-size: 15px;
	list-style: circle;
}

/* Videos/Commercials Page */

.videoCommercialPanelL, .videoCommercialPanelR {
	background-color: #2C8F00;
	width: 410px;
	height: 362px;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.videoCommercialPanelL {
	float: left;
	margin: 16px 0 16px 40px;
}

.videoCommercialPanelR {
	float: right;
	margin: 16px 40px 16px 0;
}

.videoCommercial {
	border: 4px solid #FFF;
	width: 400px;
	height: 320px;
	margin: 0 auto;
}

/* Form */
.formLabel {
	width: 220px;
	text-align: right;
	color: #2C8F00;
	font-weight: bold;
	font-size: 14px;
}

.formInput {
	margin-left: 4px;
}

.submitBtn, .redBtn {
	background-color: #75AD01;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #2C8F00;
	padding: 2px 4px;
	cursor: pointer;
}

.redBtn {
	background-color: #F00;
}


.styleBtn, .styleBtn:visited {
	background: #2C8F00 url(/images/buttons/button-overlay.png) repeat-x; 
	display: block; 
	padding: 5px 10px 6px;
	margin: 5px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.styleBtn:hover { background-color: #74AC01; color: #fff; text-decoration: none; }

.styleBtn:active { top: 2px; }
