/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {color:#000;}
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;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
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;}

/* -- =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; }
.floatLeft { float: left;}
.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;}

/* -- =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/DN/bgnew.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
	color: #434343;
	}
	
	html {
	height: 100%;
	}

h1 {font-size: 2.6em; color: #0069aa; margin-bottom: 10px; margin-top: 10px; display:block}

h2 {font-size: 2.2em; color: #0069aa; margin-top: 10px; display:inline-block; font-weight:normal;}

h3 {font-size: 1.8em; color: #0069aa;}

h4 { font-size: 1.4em; color: #0069aa; font-weight:lighter; margin-bottom: 3px;}

a {  
	color: #0069aa;
	font-weight: bold;
	text-decoration: none;
	}

a:visited {
	color: #0069aa;
	font-weight: bold;
	}

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;	
}

select {
margin-bottom: 5px;	
}

.float_right {
float: right;	
}

em {
font-weight: bold;	
}

/* -- =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:#336;
	}

#nav_bar {
	margin: 4px auto;
	width: 1006px;
	height: 53px;
	background:url('/images/DN/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/DN/nav_about.png') top left no-repeat;
	}
	
#nav_merchants a {
	width: 104px;
	background: url('/images/DN/nav_merchants.png') top left no-repeat;
	}		
	
#nav_rewards a {
	width: 104px;
	background: url('/images/DN/nav_rewards.png') top left no-repeat;
	}
	
#nav_deals a {
	width: 135px;
	background: url('/images/DN/nav_deals.png') top left no-repeat;
	}	
	
#nav_services a {
	width: 104px;
	background: url('/images/DN/nav_services.png') top left no-repeat;
	}	
	
#nav_cards a {
	width: 116px;
	background: url('/images/DN/nav_cards.png') top left no-repeat;
	}
	
#belong_container {
		height: 54px;
		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/DN/belong_buttons.jpg') top left no-repeat;
	}	
	
	
#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;
	margin-left: 10px;
	}

#services_right_content {

	width: 270px;
	margin-left: 10px;
	float: left;
	}	


#left_content {
	background:url(/images/DN/divider.jpg) no-repeat;
	background-position:top right;
	width: 210px;
	min-height: 405px;
	float: left;
	}

#right_content {
	width: 560px;
	float: left;
	margin-left: 10px;
	}

#footer {
	position: relative;
	background:url(/images/DN/horizontal_divider.jpg) no-repeat;
	background-position:top center;
	width: 942px;	
	padding: 20px 0 20px 0;
	margin: 0px auto 0 auto;
	}
	
#small_logo {
	float: left;
	margin-left: 20px;
	background:url(/images/DN/dinersclub_small_logo.gif) no-repeat;
	width: 138px;
	height: 41px;
	}
#footer_links {
	
	margin: 5px 0 0 30px;
	float: left;
	}
	
.subNav {
	display: block;
	margin-left: 0px;

}

/*.subNav li {
	list-style-image: url(images/bullet_arrow.jpg);
}*/

.subNav li a{
	font: "Lucida Grande", sans-serif;
	display:block;
	font-size: 10pt;
	margin: 5px 0 5px 0;
	font-weight:lighter;
	}
	
.subNav li a:hover{
	font: "Lucida Grande", sans-serif;
	display:block;
	font-size: 10pt;
	margin: 5px 0 5px 0;
	text-decoration:none;
	font-weight:lighter;
	}	




#internal_banner {
	float: left;
	width: 189px;
	height: 373px;
}

#home_internal_banner {
	float: left;
	width: 493px;
	height: 122px;
	margin-top: 20px;
}

#news_box {
	margin-top: 20px;
	background-color: #c4ddf1;
	height: 250px;
	width: 252px;
	}

#news_box_inner {
	/*height: 240px;*/
	width: 220px;
	margin: 0 auto;
	}

.scroll-pane {
	height: 190px;
}


.services_box {
	float: left;
	margin: 10px 30px 10px 0;
	height: 130px;
	width: 230px;
	}

.services_box ul li a {
	font-size:1em;
	line-height: 1.5em;	
	}

#merchant_box {
	float: left;
	margin-top: 20px;
	
	width: 250px;
	background-color: #c4ddf1;
	}

#merchant_box_inner {
	/*height: 240px;*/
	float: left;
	width: 235px;
	z-index: 2;
	height: 165px;
	margin: 0 0 0 15px;
	/*background:url(images/merchant_image.jpg) no-repeat;*/
	background-position:right bottom;
	}
	
	#merchant_box_inner2 {
	/*height: 240px;*/
	float: left;
	width: 235px;
	height: 165px;
	margin: -65px 0 0 0px;
	background:url(/images/DN/suggest.jpg) no-repeat;
	background-position:bottom left;
	}
	
	#suggestions_inner {
	width: 130px;
	height: 100px;
	margin: 75px 0 0 110px;
	}
	
	#suggestions_inner p{
	color:#0069aa;
	font-weight: bold;
	}
	
	
		#suggestions_inner p a{
	color:#434343;
	font-weight: bold;
	}

#atms_select {
	margin-bottom: 5px;	
}

#search_button {
	height: 22px;
	width: 72px;
	background:url(/images/DN/search_button.png) no-repeat;
	border: 0;
}

#services_food {
	background:url(/images/DN/food_image.jpg) no-repeat;
	background-position:bottom right;	
	}

#services_travel {
	background:url(/images/DN/travel_image.jpg) no-repeat;
	background-position:bottom right;	
	}

#services_insurance {
	background:url(/images/DN/insurance_image.jpg) no-repeat;
	background-position:bottom right;	
	}

#services_finance {
		background:url(/images/DN/finance_image.jpg) no-repeat;
	background-position:bottom right;	
	}

.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:2;padding:2;
	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;
	}


.sub_head {
display: block;	
width: 90%;
}

#ctl00_SideBar_ctl00_SearchIt_ButtonIs {
background:url(/images/DN/go_button.jpg) no-repeat;
border: none;
height:22px;
width: 47px;
margin-left: 5px;
}

.bodycopy {
font-size:11px;
}

.search_box {
margin-bottom: 20px;
margin-left: 15px;
}

.checkbox_container {
float: left;
margin: 10px 20px 0px 10px
}

.top_box {
	margin-top: 20px;
	background-color:#C4DDF1;
	padding: 20px;
	clear:both;
}

.cart {
float: right;
margin-right: 20px;
}

.savings {
color:#F33;	
}

.redeem_button {
margin-top: 20px;	
}

.pages {
text-align: center;
font-size: 12px;
}

.group_title {
margin-top: 30px;
margin-left: 5px;
}

#ctl00_ContentsMain_ctl00_Details ol li {
list-style-image:url("/images/DN/bullet.gif");
list-style-type:disc !important;
margin:3px 3px 3px 20px;
}
