/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;padding:0; margin:0; text-align:center;}

/* LAYOUT - main body of page */
#home { text-align: center;padding:0; margin:0;}
#wrap {width:973px;position:relative;background:url(../images/intbg02.jpg) top no-repeat; min-height:760px;margin: 0 0 0 0;text-align:left;padding:0 0 0 0;}
#header {height: 150px;overflow:hidden;position:relative;}
#content {margin: 45px  0 0 33px;float:left;width:675px;padding-right:25px;color:#333333; }
#content-wrap{background:url(../images/intbg04.jpg) no-repeat bottom;overflow:hidden;min-height:650px;padding-bottom:35px;}
#sidebar {float: left;text-align:right;padding:0;width:235px;}
//#sidebar {float: right;text-align:right;padding:0;}
#footer {clear:both;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#999999;line-height:12px;width:973px;background:#ffffff;border-top:15px solid #ffffff;}
#footer a, #footer a:visited {color:#999999;text-decoration:none;}	



h1 {font-size:24px;line-height:24px;font-weight:200;font-family:Arial, Helvetica, sans-serif;color:#2c0a9a;}
h2 {margin-bottom:14px;border-bottom:1px dotted #cabaab;padding-top:10px;font-weight:200;font-family:Arial, Helvetica, sans-serif;color:#333333;}
h3 {margin-bottom:14px;border-top:1px dotted #cabaab;padding-top:10px;font-weight:200;font-family:Arial, Helvetica, sans-serif;color:#333333;}

h4 {margin-bottom:5px;border-bottom:1px dotted #cabaab;padding-top:10px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#333333;font-size:14px;}
p {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;margin:5px 0 10px; }
#content p img{padding: 0 5px 5px 5px;}
a, a:visited {color:#18638c;}

/* STANDARD INTERIOR */

#topimage {}

#contentlower {margin-left:20px;}

/* RIGHT COLUMN */

#contentright {float:right;width:380px;}
.charityseparator{float:left;padding: 0 30px 0 0;margin-bottom:5px;text-align:left;display:block;background:url('../images/CharityBG.jpg') no-repeat center center;width:166px;height:283px;margin-left:30px;}
//.charityseparator{padding: 0 30px 0 0;margin-bottom:5px;}
.ourcharities{padding: 0 90px 0 0;margin:0 90px 0 0;}

/* LEFT COLUMN */
#leftcolumn {width: 255px; float:left;height:450px;margin-right:20px;border-right: 1px dotted #cabaab;}
#leftcolumn img {margin-left: 10px;}


/* NAV - top horizontal nav */
	#nav, #nav ul {position:absolute;top:117px;left:0px;width:100%;list-style: none;clear:both;overflow:hidden;}
	#nav {font-weight:normal;font: normal 12px arial;margin: 0 40px 0 0px}
	#nav li {position:relative;float: left;display:block;margin: 0;padding:0 30px 0 0;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#FFFFCC}


/* Login Box */

#login {width: 290px;float:right;margin-top:35px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333333;}
#login a, #login a:visited{color:#214263;}
#login p {margin-top:6px;font-size:11px;}

/* Search Box */

.search {margin: 10px 20px 20px 0;}
.search form{margin:0; padding:0;}


/*  Specific Styles */

.hideMe { display: none; }

/* Buttons */

.member {background:url(../images/becomemember_33.jpg) no-repeat; width: 194px;height:52px;display:block;margin: 30px 0 0 15px;}
.genericbutton{background:url(../images/genericbutton.jpg) no-repeat center; display:block;width:170px;height:37px;color:#32696c;margin:5px 0 5px 0;padding-top:20px;text-align:center;font-weight:normal;text-decoration:none;}
.details{background:url(../images/arrow_details.gif) no-repeat right; padding-right:20px;}

/* Text Alerts */

.green{color:#32696c;}

/* PAGINATION */

	.pagination {color:#666;padding: 5px 2px 6px 7px;border: 1px solid #ddd;margin: 0 0 1.5em;font-size:11px;}

	.pagination p {position:relative;text-align:right;font-size:11px;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #cabaab;color:#666666;font-size:11px;}
	.pagination p a:hover {background:#c7baa7;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc;font-size:11px;}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:4px 0 0 0;border:none;font-family:Arial, Helvetica, sans-serif;}
	
	

/* FORMS */
form {}
input {}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:500px;padding: 5px 5px 5px 5px;position:relative;border:1px dotted #c7bba5;margin: 0 40px 20px 30px;}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c7bba5;border-top:0;}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-bottom: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:145px;line-height: 1.7;display:block;position:relative;text-align:right;}
		form.f-wrap-1 label b .req {color:#c7bba5;font-size:100%;font-weight:normal;position:absolute;top:1px;line-height:1;left:146px;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c7bba5;}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 145px}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:450px;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
	float:left;
	width:139px;
	line-height: 1.7;
	display:block;
	position:relative;
	padding-top:0.3em;
	text-align: right;
}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:270px;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:270px;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}


/* MEMBER */

#membernav {
		text-align:left;
		padding-left:15px;
		margin-top:40px;
		margin-left:20px;
	}
	
#membernav ul, #membernav li {
		list-style:none;
		margin:0;
		padding:0 0 0 10px;
	}	

#membernav li {background:url(../images/membernav_arror.png) no-repeat left;margin:10px 0 5px 0;}
	
	/* MEMBER HOME */
	.points{color:#333333;font-size:16px;font-weight:bold;text-align:left;float:none;display:block;}
	.lastlogin{color:#666666; font-size:10px;padding-top:5px;margin:5px 0 30px 0;display:block;float:left;width:320px;}
	.shopnow{display:block;width:170px;height:37px;float:left;background:url(../images/shopnow.png) no-repeat bottom;margin-right:10px}
	.redeem{display:block;width:170px;height:37px;float:left;background:url(../images/redeem.png) no-repeat bottom;}
	.fullbox{width:670px;display:block;border:1px solid #666666;padding:5px;height:auto;overflow:hidden;margin:2px 0 10px 0;clear:both;}
	
	.halfbox{width:230px;display:block;border:1px solid #666666;padding:5px;height:auto;overflow:hidden;margin:2px 0 10px 0;clear:both;}
		.halfbox p{border-bottom:1px dotted #cccccc;padding-bottom:5px;}
	
		.fullbox h2, .halfbox h2{color:#18638c;border:0;margin:2px 0 5px 0;padding-top:2px;font-size:12px;font-weight:bold;}
			.fullbox h2 a{font-weight:normal;}
	.recenttrx{display:block;width:400px;float:left;margin-right:5px;padding-right:5px;border-right:1px solid #666666;}	
	.preferred{margin-left:5px;display:block;float:left;width:250px}	
		.preferred ul{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;}
	.postpreview{display:block;width:50%;float:left;font-size:11px;padding-left:5px;}
		.postpreview h3{font-size:12px; font-weight:bold;color:#666666;border:0;margin-top:0;}
		
	
	.prefmerch{float:left;padding:3px}
		prefmerch img{border:0;}
	
		
	/* MEMBER PREFERENCES */
	ul#merchantpref{list-style-type:none;margin-left:0;overflow:hidden;}
		#merchantpref li{
			float:left;
			width: 180px;
			margin:3px 10px 0px 15px;
			padding: 0 0 0 0px;
		}	
		.preferenceopt{float:left;width:150px;}
		
		input.preferenceopt{float:left;width:auto;}
	

	/* TABLES */
	.table1 {border: 1px solid #18638c;border-collapse:collapse;width:100%;background:url(../images/tabletop_bg.jpg) no-repeat left top;}
.table1 form, .table1 form input {margin:0;padding:0;}
		.table1 td {background: #ffffff;padding:4px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:16px;padding: 8px 6px 6px 6px;background:url(../images/tabletopright_bg.jpg) no-repeat right top;}
			.table1 th a,.table1 th a:visited {color:#666666;text-decoration:none;}
		.table1 tbody th {color:#59554d;font-size:13px;background: #f1f1f1;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#333333;background: #f7efd6;padding: 3px}
		
		
	
	.recenttrxtable {border: 1px solid #18638c;border-collapse:collapse;width:100%;font-size:11px;}
		.recenttrxtable td {background: #fff7ef;padding:2px;border: 1px solid #fff}
		.recenttrxtable th {text-align:left;border: 1px solid #fff}
		.recenttrxtable thead th {color:#fff;font-size:11px;background: #18638c;padding: 2px 2px}
			.recenttrxtable th a,.recenttrxtable th a:visited {color:#ffffff;}
		.recenttrxtable tbody th {color:#fff;font-size:11px;background: #5a94bd;padding: 1px}
		.recenttrxtable tbody th.sub {font-size:11px;color:#333333;background: #f7efd6;padding: 1px}	

	
	
/* MEMBER REGISTRATION */

	#registrationquote {display:block;float:right;border-left:1px solid #999999;width:270px; height:125px;background:url(../images/registration_03.gif) no-repeat top center;margin-left:15px;}
	
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.registration {width:645px;padding: 5px 5px 5px 5px;position:relative;border:1px solid #cccccc;margin: 0 40px 20px 5px;background:#f1f1f1;}
		form.registration fieldset {width:auto;margin: 0 1em}
		form.registration h3 {margin:0 0 .6em;font: bold 155% arial;color:#59554d;border-top:0;}
		form.registration label {clear:left;float:left;width:100%;border-bottom: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.registration label {float:none}
		/* end hiding from IE5 mac */
	
		form.registration label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.registration label b {float:left;width:145px;line-height: 1.7;display:block;position:relative;text-align:right;}
		form.registration label b .req {color:#ff9900;font-size:100%;font-weight:normal;position:absolute;top:1px;line-height:1;left:146px;width:.3em;height:.3em}
		form.registration div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.registration div.req b {color:#ff9900;}
		form.registration label select {width: 15.5em}
		form.registration label textarea.f-comments {width: 20em}
		form.registration div.f-submit-wrap {padding: 5px 0 5px 145px;text-align:right;}
		form.registration input.f-submit {margin: 0 0 0 10px}
		
		form.registration fieldset.f-checkbox-wrap, form.registration fieldset.f-radio-wrap {clear:left;float:left;width:145px;border:none;margin:0;padding-bottom:.7em}
		form.registration fieldset.f-checkbox-wrap b, form.registration fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.registration fieldset.f-checkbox-wrap fieldset, form.registration fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.registration fieldset.f-checkbox-wrap label, form.registration fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.registration label input.f-checkbox, form.registration label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.registration label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;}
		form.registration label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
		
		.registersubmit{background:url(../images/submit.jpg) no-repeat;display:block;width:150px;height:50px;border:0;float:right;}
		

/* MY REWARDS */

		#myrewards .redeem, #myrewards .shopnow{padding-bottom:10px;}
		
	#myrewards .myrewards p{font-size:11px;}
	#myrewards .myrewards h2{font-size:17px;border-bottom:1px dotted #666666;padding-bottom:4px;}
	#myrewards .halfbox{border:0;}
	
	
/* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


/* SHop and Charity */

#merchantlink {
float:left;width:200px;margin:auto 0;padding-top:5px;
}

/*  MERCHANT CHARITY PERCENTAGE TABLE */

table.percentage{
	width:450px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

.percentage td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#GC_img ul{ list-style-type:none;float:left;margin:0;padding:0;width:110px; }
#GC_img ul li{ margin:0;padding:3px 0; }