@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#4A5668;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}

/* TEXT STYLES */

h1, h2, h3 {
	color:#336633;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1 {
	font-size:16px;
}

.mainContainer {
	width:768px;
	margin:0 auto
}

.header {
	width:768px;
	height:61px;
	margin-top:20px;
}

.header .vipinc {
	width:192px;
	float:left;
}

.header .vipinc h1 {
	display:none
}

.header .naviBox {
	width:576px;
	float:right;
}

/* TINY LINKS */

.header .naviBox .tinyLink {
	height:16px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right
}

.header .naviBox .tinyLink ul {
	margin:0;
	padding:0;
	list-style:none;
}

.header .naviBox .tinyLink ul li {
	padding-right:15px;
	display:inline
}

.header .naviBox .tinyLink ul li a.contact {
	padding-left:20px;
	background:url(../images/ico-email.gif) no-repeat 2px 2px;
	text-decoration:none;
	color:#FFFFFF
}

.header .naviBox .tinyLink ul li a.telephone {
	padding-left:20px;
	background:url(../images/ico-phone.gif) no-repeat 2px 2px;
	text-decoration:none;
	color:#FFFFFF
}

.header .naviBox .tinyLink ul li a:hover {
	text-decoration:underline
}

/* MAIN NAVIGAION */

.header .naviBox .mainLink {
	margin-bottom:0;
	padding-top:5px;
	height:40px;
	width:510px;
	float:right;
}

.header .naviBox .mainLink ul {
	margin:0;
	padding:0;
	list-style:none;
}

.header .naviBox .mainLink ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style:none
}

.header .naviBox .mainLink ul li.home a, .header .naviBox .mainLink ul li.aboutus a, .header .naviBox .mainLink ul li.services a, .header .naviBox .mainLink ul li.contactus a, .header .naviBox .mainLink ul li.login a, .header .naviBox .mainLink ul li.coupons a , .header .naviBox .mainLink ul li.faq a {
   display:block;
   height:40px;
   text-indent:-9009px;
}

.header .naviBox .mainLink ul li.home a {
   width:62px;
   background:transparent url(../images/mainnav.gif) no-repeat 0 0;
}

.header .naviBox .mainLink ul li.home a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat 0 -40px;
}

.header .naviBox .mainLink ul li.aboutus a {
   width:81px;
   background:transparent url(../images/mainnav.gif) no-repeat -62px 0;
}

.header .naviBox .mainLink ul li.aboutus a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -62px -40px;
}

.header .naviBox .mainLink ul li.services a {
   width:76px;
   background:transparent url(../images/mainnav.gif) no-repeat -143px 0;
}

.header .naviBox .mainLink ul li.services a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -143px -40px;
}

.header .naviBox .mainLink ul li.coupons a {
   width:90px;
   background:transparent url(../images/mainnav.gif) no-repeat -219px 0;
}

.header .naviBox .mainLink ul li.coupons a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -219px -40px;
}

.header .naviBox .mainLink ul li.faq a {
   width:51px;
   background:transparent url(../images/mainnav.gif) no-repeat -309px 0;
}

.header .naviBox .mainLink ul li.faq a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -309px -40px;
}

.header .naviBox .mainLink ul li.contactus a {
   width:102px;
   background:transparent url(../images/mainnav.gif) no-repeat -306px 0;
}

.header .naviBox .mainLink ul li.contactus a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -306px -40px;
}

.header .naviBox .mainLink ul li.login a {
   width:56px;
   background:transparent url(../images/mainnav.gif) no-repeat -360px 0;
}

.header .naviBox .mainLink ul li.login a:hover {
   background:transparent url(../images/mainnav.gif) no-repeat -360px -40px;
}

/* MAIN IMAGE */

.mainIntro {
	clear:both;
	width:768px;
	height:285px;
}

/* MAIN CONTENT */

.mainContentArea {
	clear:both;
	margin-top:1px;
	background:#EEEEEE;
	width:768px;
	overflow:hidden
}

/* SMALL BOXES */

.smallBox {
	width:236px;
	padding:10px;
	background:url(../images/bar.gif) no-repeat right;
	float:right
}

.smallBox2 {
	width:492px;
	padding:10px;
	background:url(../images/bar.gif) no-repeat right top;
	float:left
}

.smallBox .last {
	background:none;
}

/* FOOTER */

.footer {
	width:748px;
	height:66px;
	margin-top:10px;
	background:url(../images/footbox.gif) no-repeat;
	text-align:center;
	color:#FFFFFF;
	padding:15px 10px 10px;
	font-size:10px;
}

.footer a {
	color:#FFFFFF;
	text-decoration:none;
}

.footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

.footer ul li {
	display:inline;
}

/* CONTACT ICONS */

ul.showContacts {
	margin:0 0 0 20px;
	padding:0;
	list-style:none
}

ul.showContacts li {
	padding:10px 10px 10px 35px;
}

ul.showContacts li.address {
	background:url(../images/icon-address.gif) no-repeat 2px 12px
}

ul.showContacts li.phone {
	background:url(../images/icon-phone.gif) no-repeat 2px 8px;
}

ul.showContacts li.email {
	background:url(../images/icon-email.gif) no-repeat 2px 8px;
}

/* Form table */

.formTable {
	width:90%;
	margin:0 auto
}

.formTable td {
	padding:4px;
}

.formTable .myLabels {
	width:100px;
	text-align:right;
	padding-right:10px;
}

.formTable .myInputs {
	border:solid 1px #006600;
	background:#EFF5EF;
	padding:4px 2px;
	width:200px;
}

.formTable .myInputs:focus {
	border:solid 1px #F78462;
}

/* error box */

.errorTable {
	width:90%;
	border:dashed 1px #FF0000;
	background:#FFFFCC;
	margin:10px auto;
}

.errorTable td {
	padding:10px;
}


.req {
	color:#FF0000
}

/* Members area */

.memHeader {
	width:768px;
	height:94px;
	background:#FFFFFF;
	border-bottom:solid 1px #4A5668
}

.memHeader h1 a {
	width:215px;
	height:93px;
	display:block;
	text-indent:-9999px;
	float:left;
	background:url(../images/mem24vipinclogo.gif) no-repeat
}

.memHeader .welInfo {
	float:right;
	padding:20px 20px 0 0
}

.memHeader .welInfo h2 {
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0
}

.memHeader .welInfo p {
	margin:0;
	padding:0 0 0 20px;
	background:url(../images/phone-icon.gif) no-repeat 0 2px
}

.memNav {
	width:160px;
	padding:0 10px 30px 15px;
	background:url(../images/bar.gif) no-repeat right top;
	float:left;
}

.memNav ul {
	margin:0;
	padding:30px 0 0 0;
	list-style:none;
}

.memNav ul li {
	padding:4px 0 4px 20px;
	background:url(../images/memli-arw.gif) no-repeat 2px 6px;
}

.memNav ul li a {
	text-decoration:none;
	color:#333333
}

.memNav ul li a:hover {
	text-decoration:underline;
}

.memContent {
	float:right;
	width:548px;
	padding:30px 10px 30px 10px;
}

.memContent h2 {
	color:#CC3300
}

/* coupon headers */

.couponsHead {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold
	}

.coupons {
	color: #C30;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	margin-top:20px;
	display:block
}