/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;}
html { margin: 0; padding 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
hr { border: 0; color: #85b5d4; background-color: #85b5d4; clear: both; height: 1px; width: 100%; text-align: left;}


/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em;}
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right;  margin-left: 10px;}
.floatLeft { float: left; margin-right: 10px;}
.clear { clear: both; }
.fullLength { width: 100%; margin-bottom: 20px;}
.italics { font-style: italic;}
.first { font-size: 1.4em; font-weight:bold; font-style: italic;}
.bottom {vertical-align:bottom;}
.center {text-align: center;}
.blue { color: #0069aa; }
.round_this, .round_this2 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} 


/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	height: 100%;
	background-color: #fff;
	background-image:url( images/bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
	color: #434343;
	}
	
	html {
	height: 100%;
	}

h1 {font-size: 2.2em; color: #0069aa; margin-bottom: 10px; margin-top: 10px; display:block}

h2 {font-size: 2em; color: #0069aa; margin-top: 10px; font-weight:normal;}

h3 {font-size: 1.8em; color: #0069aa;}

h4 { font-size: 1.4em; color: #0069aa; margin-top: 10px; font-weight:lighter; margin-bottom: 3px;}

a {  
	color: #0069aa;
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
		color: #0069aa;
	font-weight: bold;
	text-decoration: none;
	}

a:hover, a:active { 
	color: #85b5d4;
	font-weight: bold;
	text-decoration: underline;
	}
	
p { padding-bottom: 10px;
font-size:1.2em;
line-height: 1.5em;
}
	
* { outline: none; }

form {
	font-size:1.2em;
line-height: 1.5em;
}

form p {
font-size: inherit;	
}

table {
	font-size:1.2em;
line-height: 1.5em;


}
select {
margin-bottom: 5px;	
}

.float_right {
float: right;	
}

/* -- =5: Layout Styles ---------------------------------------------------------------------------- */

#wrapper {
	width: 1006px;
	background-color:#fff;
	margin: 0 auto;
	min-height: 100%;
	position:relative;
	}

#banner {
	width: 834px;
	height: 265px;
	margin: 0 auto;
	background-color:#fff;
	}

#nav_bar {
	margin: 4px auto;
	width: 1006px;
	height: 53px;
	background:url(images/nav_bar.jpg) no-repeat;
	}
	
#nav_container {
	position: relative;
	width: 670px;
	top: 17px;
	margin: 0 auto;
	}

#nav ul {
	margin: 0 0 0 0px; 
	padding: 0;
	}
	
#nav li {
	float: left;
	margin: 0; 
	padding: 0 0px 0 0;
	display: block;
	list-style-type: none;
	color: #fff;
	}

#nav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:32px; /* for IE5/Win */
	color: #fff;
	display: block;
	}
	
#nav a:hover {
	background-position: 0 -31px;
	padding: 31px 0 0 0;
	border: 0;
	}

#nav a:active {
	background-position: 0 -31px;
	border: 0;
	text-decoration: none;
	outline: none;
	}
	
#nav_about a {
	width: 105px;
	background: url('images/nav_about.png') top left no-repeat;
	}
	
#nav_merchants a {
	width: 104px;
	background: url('images/nav_merchants.png') top left no-repeat;
	}		
	
#nav_rewards a {
	width: 104px;
	background: url('images/nav_rewards.png') top left no-repeat;
	}
	
#nav_deals a {
	width: 135px;
	background: url('images/nav_deals.png') top left no-repeat;
	}	
	
#nav_services a {
	width: 104px;
	background: url('images/nav_services.png') top left no-repeat;
	}	
	
#nav_cards a {
	width: 116px;
	background: url('images/nav_cards.png') top left no-repeat;
	}
	
#belong_container {
		height: 118px;
		width: 252px;
}

#belong li {
	float: left;
	margin: 0; 
	padding: 0 0px 0 0;
	display: block;
	list-style-type: none;
	}

#belong a {
	float: left;
	padding: 54px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:54px; /* for IE5/Win */
	}
	
#belong a:hover {
	background-position: 0 -54px;
	padding: 54px 0 0 0;
	border: 0;
	}

#belong a:active {
	background-position: 0 -54px;
	border: 0;
	text-decoration: none;
	outline: none;
	}
	
#belong_button a {
	width: 252px;
	background: url('images/belong_buttons.jpg') top left no-repeat;
	color: #fff;
	margin-bottom: 10px;
	}	
		
#belong_button_loan a {
	width: 252px;
	background: url('images/belong_buttons_loan.jpg') top left no-repeat;
	color: #fff;
	}	
	
	
#content {
	position: relative;
	margin: 35px auto;
	width: 810px;
	}
	

#home_left_content {
	width: 500px;
	min-height: 405px;
	float: left;
	}

#home_right_content {
	width: 280px;
	margin-left: 30px;
	float: left;
	}
	
#services_left_content {

	width: 520px;
	min-height: 405px;
	float: left;
	}

#services_right_content {

	width: 270px;
	margin-left: 10px;
	float: left;
	}	


#left_content {
	background:url(images/divider.jpg) no-repeat;
	background-position:top right;
	width: 210px;
	min-height: 405px;
	float: left;
	}

#right_content {
	width: 560px;
	float: left;
	margin-left: 30px;
	}

#footer {
	position: relative;
	background:url(images/horizontal_divider.jpg) no-repeat;
	background-position:top center;
	width: 942px;	
	padding: 20px 0 20px 0;
	margin: 0px auto 0 auto;
	}
	

#footer_links {
	
	margin: 5px 0 0 30px;
	float: left;
	}
	
.subNav {
	display: block;
	margin-left: 15px;

}

/*.subNav li {
	list-style-image: url(images/bullet_arrow.jpg);
}*/

.subNav li a{
	font-family: "Lucida Grande", sans-serif;
	display:block;
	font-size: 1.2em;
	margin: 5px 0 15px 0;
	font-weight:lighter;
	}
	
.subNav li a:hover{
	font-family: "Lucida Grande", sans-serif;
	display:block;
	font-size: 1.2em;
	margin: 5px 0 15px 0;
	text-decoration:none;
	font-weight:lighter;
	}	
	
	.subNav li a:active{
	font-family: "Lucida Grande", sans-serif;
	display:block;
	font-size: 1.2em;
	margin: 5px 0 15px 0;
	text-decoration:none;
	font-weight:lighter;
	}	


.home_banner {
margin-bottom: 10px;
width: 495px;
height 120px;
overflow: hidden;
}

.home_banner object {
margin: 0;
padding:0;
width: 495px;
height 120px;
}

#internal_banner {
	float: left;
	width: 189px;
	height: 373px;
}

#home_internal_banner {
	float: left;
	width: 493px;
	height: 122px;
	margin-top: 20px;
}

#news_box {
	position: relative;
	margin-top: 10px;
	background-color: #c4ddf1;
	height: 256px;
	width: 252px;
	
	}
#news_box p {	
	font-size: 12px;
	line-height: 13px;
	padding-bottom: 10px;
	}

#news_box_inner {
	/*height: 240px;*/
	width: 220px;
	margin: 0 auto;
	}

.scroll-pane {
	height: 190px;
}


.services_box {
	float: left;
	margin: 10px 20px 10px 0;
	height: 160px;
	width: 240px;
	background-color: #c4ddf1;
	}

#services_box_inner {
	float: left;
	height: 150px;
	width: 220px;
	height: auto;
	margin: 15px 5px 5px 15px;
	}

#services_banner { position: relative;  overflow: hidden; width: 240px; height: 340px; margin: 10px 0 0 0; padding: 0; }
#services_banner img { width: 240px; height: 340px; overflow: hidden; margin:0; padding: 0;}
.slideImageContainer2 { overflow: hidden; position: relative; width: 240px; height: 340px; }
	
.services_header_box {
	width: 140px;
	height:20px;
	margin-bottom: 5px;
	overflow:hidden;
}

.services_box ul li a {
	font-size:1em;
	line-height: 1.5em;	
	}

.merchant_box {
	float: left;
	padding:3px 0 3px 0;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 250px;
	background-color: #c4ddf1;
	}

.merchant_box2 {
	float: left;
	padding:3px 0 3px 0;
	margin-top: 10px;
	width: 250px;
	background-color: #c4ddf1;
	background-image:url(images/suggest.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	}


#merchant_box_inner {
	
	float: left;
	width: 235px;
	z-index: 2;
	margin: 10px 0 0 15px;
	/*background:url(images/merchant_image.jpg) no-repeat;*/
	background-position:right bottom;
	}
	
	#merchant_box_inner2 {
	/*height: 240px;*/
	float: left;
	width: 235px;
	
	background-position:bottom left;
	}
	

#services_travel {
	background:url(images/services-bg-plane.png) no-repeat #c4ddf1;
	background-position:bottom right;	
	}

#services_insurance {
	background:url(images/services-bg-ring.png) no-repeat #c4ddf1;
	background-position:bottom right;	
	}

#services_finance {
		background:url(images/services-bg-couple.png) no-repeat #c4ddf1;
	background-position:bottom right;	
	}

table tr td {
	padding: 15px;
	vertical-align:text-top;
	border: thin solid #434343;
	}

.postDate {
	color:	#0069aa;
	font-size:1.2em;
	line-height: 1.5em;
	display:block;
	}

.newsTitle {
	margin-top: 5px;	
	margin-bottom: 5px;	
	}

.disclaimer {
	color: #3276ad;	
	}

.disclaimer a, .disclaimer a:hover, .disclaimer a:visited{
	color: #3276ad;	
	}

ul {
	font-size:1.2em;
	line-height: 1.5em;	
	}


.orderedList li {
	list-style-type:lower-roman;
	margin:2px;
	padding:2px;
	font-size:1.2em;
	line-height: 1.5em;	
	}

.termsTable tr td{	
	padding: 5px !important; 
	}


.termsTable p {
	font-size: inherit;	
	}

.termsLeft {
	width: 300px;
	float: left;
	}

.termsRight {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
	width: 150px;
	}

/* -- Application form ---------------------------------------------------------------------------- */

.formbox {
	width: 320px;
	float: left;
	margin-top: 10px;
	}
	
.formbox2 {
	width: 400px;
	float: left;
	margin-top: 10px;
	}
	
.formbox3 {
	width: 120px;
	float: left;
	margin-top: 10px;
	}
	
.formbox4 {
	width: 90px;
	float: left;
	}

.formtext {
	margin-left: 5px;
	margin-top: 10px;
	}
	
.formtext2 {
	clear: left;
	width: 150px;
	float: left;
	margin-top: 10px;
	}
	
.formtext3 {
	clear: left;
	width: 20px;
	float: left;
	margin-top: 10px;
	}	
	
.formgroup {
	margin-bottom: 20px;
	clear: both;
	width: 540px;
	}
	
#submitbtn {
	height: 22px;
	width: 72px;
	background:url(images/submit_button.jpg) no-repeat;
	border: 0;
}

div.error {
	float: left;
	background-color:#C03;
	color: #FFF;
	font-size: 11px;
	padding: 0 2px 0 2px;
	margin-right: 20px;
	margin-top: 3px;
	}

#dinersForm input {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
.small_label {
float: left;
width: 30px;
display: block;

}

.inputText {
border: 1px solid #999;
width: 300px;
padding: 3px;
}

/* -- Card Selector ---------------------------------------------------------------------------- */

.restart_button {
	display:block;
	height: 23px;
	width: 73px;
	margin: 5px 0 0 10px;
	background:url(images/restart_button.jpg) no-repeat;
}

.viewCards {
	font-size: 18px;
	font-family: "Lucida Grande", sans-serif;	
	font-weight:lighter;
	margin-top: 10px;
}

/* -- Card Selection ---------------------------------------------------------------------------- */

.card_box {
margin-top: 20px;
margin-left: 20px;
margin-bottom: 35px;
width: 800px;
padding-top: 15px;
}

.businessInfo {
margin-top: 20px;
margin-left: 20px;
margin-bottom: 35px;
width: 800px;

}


.cardtitletop_left {
width: 550px;
height: 30px;
margin-bottom: 30px;
margin-left: 20px;
float: left;
text-align:right;
}

.card_image {
float: left;
width: 220px;
padding-left: 5px;
}


.card_text {
float:left;
width: 500px;
padding-left: 5px;
}

.card_fullDetails {
margin-bottom: 20px;
clear: both;
}

/*.card_fullDetails {
margin-bottom: 20px;
width: 500px;
clear: both;
}
*/

.card_box_more {

clear:both;
width: 500px;
float: right;
padding-right: 30px;
margin-top:20px;
}

#imageAlignLeft {
margin-right: 10px;
margin-bottom: 10px;
float: left;
}


.cardbutton_box {
width: 200px;
height: 35px;
text-align:right;
margin-top: 10px;
margin-bottom: 30px;
float: right;
}




.applynow {
float: left;

	
}


.viewmore_left {
width: 300px;
float: left;
margin-right: 50px;
}

.viewmore_right {
width: 300px;
float: left;
}
/* -- Privileges ---------------------------------------------------------------------------- */

.top_box {
	
	margin-top: 20px;
	margin-bottom: 30px;
	background-color:#C4DDF1;
	padding: 10px;
	clear:both;
}
.top_box p{
	margin: 0;
	padding: 0;
}

.top_box img {
margin: 8px 0px 0px 10px;	
}
.bodycopy {
font-size:11px;
}

.select_container {
float: left;
margin: 10px 0px 0px 10px;
}

.select_container input {
float: left;
margin:0;
}

.priv_group {
clear: both;
margin: 10px 0 20px 0;

}

.priv_left {
width: 200px;
float:left;
margin-right: 20px;
margin-bottom: 5px;
}

.priv_left h4 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.1em;
	font-size: 1.6em;
}

.priv_middle {
	width: 115px;
float:left;
margin-right: 20px;
margin-bottom: 5px;
}

.priv_right {
	width: 190px;
float:left;
margin-bottom: 5px;
text-align:right;
vertical-align: middle;
}

.priv_right img {
width: 100%;
height: auto;
}
.priv_content {
width: 345px;
margin-right: 10px;
float: left;
}

.priv_content2 {
width: 550px;
margin-right: 10px;
float: left;
margin-bottom: 10px;
}

.priv_images{
width: 185px;
float: left;
}

.priv_images2{
width: 185px;
float: right;
margin-bottom: 10px;
}

.priv_images img, .priv_images2 img{
margin-bottom: 5px
}

.post-meta-key {
color: #0069aa;	
clear: both;
}

.bill_logo {
float: left;
width: 130px;
height: 135px;
text-align:center;
border: 1px solid #999;
margin-right: 3px;
margin-bottom: 3px;
}

.contact_group {
margin-bottom: 10px;	
}

.contact_group_left {
width: 220px;
float: left;
}

.contact_group_right {
width: 320px;
float: left;
}

.repayment_box {
background-color: #C4DDF1;
width: 550px;
padding: 10px;
}

.repay_group {
margin: 10px 10px 10px 20px;
}

.repay_group img {
	margin-top: 10px;
}
.repay_left {
float: left;
width: 200px;
}

.repay_right {
float: left;
width:320px;
}



#PVError2 {
	background-color: #C4DDF1;
	float: left;
	margin-left: 5px;
}
#PVError3 {
	background-color: #C4DDF1;
		float: left;
		margin-left: 5px;
}
#PVError4 {
	background-color: #C4DDF1;
		float: left;
		margin-left: 5px;
}

.buttonstyle {
background:url(images/calculate_button.png) no-repeat;
height: 22px;
width: 80px;
	float: left;
	border: none;
}

#I, #E {
	background-color: #C4DDF1;
}

.cards_list {
margin-left: 10px;
}

.cards_list li {
	list-style-type:disc !important;
	/*margin:3px 3px 3px 0px;*/
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
	list-style-image: url(images/bullet.gif);
}

.cards_list_secondary li {
	list-style-type:disc !important;
	margin:3px 3px 3px 20px;
	
	list-style-image: url(images/bullet2.gif);
}

.order_thumb {
	width: 110px;
	float:left;
	margin-right: 20px;
	
}

.order_thumb img {
	border: 1px solid #999;
}

.order_name {
	width: 180px;
	float:left;

	margin-right: 10px;
	
}

.order_size {
	width: 120px;
	float:left;

	margin-right: 10px;
}

.order_form {
	width: 60px;
	float:left;

}

.order_form span {
display: block;	
}

.inputTextOrder {
border: 1px solid #999;
width: 20px;
padding: 3px;
}

.formgroup_order {
	margin-bottom: 20px;
	clear: both;
	vertical-align:middle;
	}
	
	
.apply_buttons {
	width: 96px;
	float: left;
	margin-right: 10px;
	height: 30px;
}

.popup_box {
	background-color: #fff;
width: 700px;
margin: 20px auto;
}

.popup_box_inner {
width: 650px;
margin: 20px auto;
}

.priv_logo {
width: 113px;
float: right;
}

.priv_head{
width: 300px;
float: left;
}

.floatRight img {
margin-bottom:5px;
clear: both;
}

.post-meta-key {
clear: both;
margin-bottom: 2px;
}


/* -- Credit Card Page ---------------------------------------------------------------------------- */

.creditcardbutton_box {
width: 220px;
height: 35px;
text-align:right;
margin-top: 10px;
margin-bottom: 10px;
float: right;
}

.creditcardbutton_box a {
margin-left: 10px;
}

.creditcardtitletop_left {
width: 450px;
margin-left: 20px;
float: left;
text-align:left;
}

#creditcard_left_content {
	
	width: 560px;
	float: left;
	margin-left: 20px;
	}


#creditcard_right_content {
	
	width: 200px;
	float: right;
	}
	
#creditcard_promo {
clear:both;
width: 750px;
background: url('images/creditbg.jpg') top left repeat-x;
background-color: #117bb9;
color: #ebebeb;
margin-top: 20px;
margin-left: 20px;
}

#golfcard_promo {
clear:both;
width: 555px;
background: url('images/creditbg.jpg') top left repeat-x;
background-color: #117bb9;
color: #ebebeb;
margin-top: 20px;
}

#creditcard_promo_inside {

padding: 20px;

}
.creditapplynow {
clear: both;
float: left;
width: 500px;
height: 60px;
margin-left: 20px;
}

.spcaapplynow {
clear: both;
float: left;
width: 500px;
height: 60px;
}

.creditcard_text{
color: #ebebeb;
}

.promo_header{
margin: 5px 0 5px 0;
}

.creditpromoh2 {
color: #61b1e0;
font-weight: normal;
font-size: 1.7em;
margin-bottom: 5px;
}


#golfcard_promo a, #creditcard_promo a {  
	color: #61b1e0;
	font-weight: bold;
	text-decoration: underline;
	}

#golfcard_promo a, #creditcard_promo a:visited {
		color: #61b1e0;
	font-weight: bold;
	text-decoration: underline;
	}

#golfcard_promo a, #creditcard_promo a:hover, a:active { 
	color: #79a5bf;
	font-weight: bold;
	text-decoration: underline;
	}
	
.creditcard_terms {
clear:both;
width: 750px;
margin-top: 20px;
font-size: 1em;
margin-left: 20px;
}

	.creditcard_terms p{
font-size: 1.1em;
}

ul {
padding-bottom: 10px;
}

.golf_head {
margin: 0 0 10px 0;
}

#small_logo h3 {
background: url('images/dinersclub_small_logo.gif') top left no-repeat;
display:block;
width: 138px;
height: 41px;
overflow:hidden;
text-indent:-999em;
margin: 0;
padding: 0;
}

#small_logo {
	float: left;
	margin-left: 20px;
	}


.flash_alt h1 a {
background: url('images/credit-card-charge-card.jpg') top left no-repeat;
display:block;
width: 494px;
height: 177px;
overflow:hidden;
text-indent:-999em;
margin: 0;
padding: 0;
}

.flash_alt h1 {
margin: 0;
padding: 0;
}

.left_content_card {
width: 230px;
height: 179px;
margin: 0 0px 10px 0;
float: left;
}

.print_div {clear: both; width: 560px; margin-top: 10px;}
.print_div .print_button {float: right;}
.sharing_box {width: auto; float: left;}


#golf_banner { position: relative;  overflow: hidden; width: 202px; height: 603px; margin: 0; padding: 0; }
#golf_banner img { width: 202px; height: 603px; overflow: hidden; margin:0; padding: 0;}
.slideImageContainer { overflow: hidden; position: relative; width: 202px; height: 603px; }