/*
Affinity ID, v1.0

Media: Screen
Author: Tim Dawson @ Affinity ID
*/

body {
	color: #464C46;
	background:#464F49 url(../images/body-bg-tile.gif) 0 0 repeat;
	}
.skipnav, .hidden {
	display: none;
}

a {text-decoration:none;}

h1 a {
	display: block;
	width: 223px;
	height: 53px;
	text-indent: -999em;
	overflow: hidden;
	background:url(../images/affinityID.jpg) 0 0 no-repeat;
	float:left;
	}

h2 {
	margin: 0 0 .5em 0;
	font-family: 'OmnesRegular', "Helvetica", Arial, "Lucida Grande", Verdana, Sans-serif;
	color:#464C46;
	}
	
	h3 {
	margin: 0 0 0 0;
	font-family: 'OmnesRegular', "Helvetica", Arial, "Lucida Grande", Verdana, Sans-serif;
	font-size:18px;
	line-height:20px;
	color:#464C46;
	}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	em {font-weight:bold; font-style:normal;}
	
.left {float:left;}
.right {float:right;}

.bold{font-weight:bold;}
	
.wrap {
	margin:0 auto;
	width:960px;
	overflow:hidden;
	}

#header {
	color:#9e9e9e;
	height:80px;
	background:url(../images/header.jpg) 0 0 repeat-x;
	}
	#header ul {float:right; margin-left:15px; margin-top:30px;}
	#header li  {display:inline; float:left; font-size:15px; font-size:15px;}
	
	#header li a, #header li a:visited, #header li.active, #header li.active:visited, #footernav li a, #footernav li a:visited, #footernav li.active, #footernav li.active:visited {display:block; overflow:hidden; float:left; color:#9e9e9e;   padding: 0 10px; -webkit-transition: color .3s linear; -moz-transition: color .3s linear; transition: color .3s linear;}
	#header li a:hover, #footernav li a:hover{color:#fff; -webkit-transition: color .3s linear; -moz-transition: color .3s linear; transition: color .3s linear;} 
	#header li.active, #header li.active:visited, #footernav li.active, #footernav li.active:visited {color:#9e9e9e; -webkit-transition: color .3s linear; -moz-transition: color .3s linear; transition: color .3s linear;}
	/*#search {float:right; display:block; width:220px; margin-top:20px;}
		#search #s {
		float: left;
		padding: 0;
		margin: 0px 0 0 2px;
		border: 1px #1c74ce solid;
		width: 160px;
		height:17px;
		background: none;
		color:#FFF;}
		#search#go {
		float: right;
		margin: 3px 0 0 0;
		}*/
		
		#main {background:url(../images/bg-tile.gif) center 0 repeat-y}
		#main .orange {color:#D7981F}
		#main .font12 {font-size:12px;}
	
	.accordion {min-height:600px; display:block; overflow:hidden; width:1290px;}
div.thin {padding:0; width:10px; padding-bottom:3000px; margin-bottom:-3000px;}/*required to make bars stretch full height*/
div.open {width:910px; padding:0;}
.panel {width:140px; display:block; min-height:600px; height:100%; text-align:right; float:left; padding:0 10px; }
.panel a, .panel a:visited {color:#464C46; font-size:18px; line-height:20px; color:#464C46;}
.panel p{font-size:15px; line-height:18px;}
.panel h2 { margin-top:23px;}
.light {font-size:15px; line-height:15px; height:55px;}
.panel1 {background:#BC6612}
.panel2 {background:#C57617}
.panel3 {background:#CE881B}
.panel4 {background:#D79820}
.panel5 {background:#DCA122}
.panel6 {background:#E6B527}


.panel-content {background:#FFF; padding:30px 45px; width:620px; min-height:540px; float:right; height:auto; text-align:left; position:relative; z-index:1337; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);}
.panel-content h2 {color:#D7981F; font-size:18px; margin:0; height:80px;}
.panel-content p.smallgrey {font-size:11px; font-family:Tahoma, Geneva, sans-serif; width:380px; display:block; float:left;}

.pullout {width:178px; float:right; background:url(../images/bg-pullout-dark.png) 0 0 no-repeat; color:#FFF; font-size:12px; padding:10px 10px 10px 22px; line-height:1.3;}
.pullout a {float:left; clear:both;}

.subnav {display:block; float:left; margin-left:-10px; width:210px;}
.subnav h2 {margin-top:30px; margin-bottom:0; font-size:18px; font-weight:bold; text-align:right; padding-right:10px;}
.subnav h3 {font-size:15px; height:60px; text-align:right; padding-right:10px;}
.subnav ul {margin-right:-20px; width:210px; float:left; display:block;}
.subnav li.hideme {display:none; height:0px;}
.subnav li.hideme a {display:none; height:0px;}
.subnav li {background:#43544A; margin-bottom:4px; display:block; float:right; clear:both; height:27px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); width:auto;}
.subnav li a, .subnav li a:visited {font-size:12px; color:#fff;  height:21px; display:block; padding:3px 10px 3px 12px; float:right;}
.subnav li a:hover {color:#D7981F; background:url(../images/bg-subnav-active.png) right 0 no-repeat; z-index:1459; position:relative;}
.subnav li .active, .subnav li .active:visited {color:#D7981F; background:url(../images/bg-subnav-active.png) right 0 no-repeat; position:relative; z-index:1354}
.subnav li + .home {margin-top:30px;}
.subnav .home {background:url(../images/bg-stripe-white.gif) 0 0 repeat; color:#D7981F; font-weight:bold}
.subnav .home a, .subnav .home a:visited {color:#D7981F;}

h2.discover {margin-top:80px; float:left; clear:both; width:400px; font-size:24px; height:auto;}
h3.discover {margin-top:20px; float:left; clear:both}
p.discover {display:block; float:left; clear:both; margin-top:20px; font-size:14px; width:380px;}
p.discover2{display:block; float:left; clear:both; font-size:14px; width:380px;}

h2.big {font-size:32px;}
.dottedline {clear:both;}

h2.affinity {margin-top:20px; float:left; clear:both; width:600px; font-size:24px; height:auto; }
h3.affinity {float:left; clear:both; width:400px; font-size:24px; line-height:1; margin-bottom:20px;}
p.affinity {display:block; float:left; clear:both; margin-top:20px; font-size:14px; width:380px;}
.affinitybox{ display:block; float:left; margin-right:10px; margin-top:20px; padding:5px;}
.stats {display:block; float:left; clear:both; width:600px;}

h2.onecardheader { height:20px; float:left; width:619px; display:block; clear:both; }
.panel-content p.orangesub {color:#D7981F !important; padding-bottom:23px;}
.panel-content h1.objective { color:#464C46; width:450px; height:auto; padding-bottom:20px; font-size:36px; line-height:39px; padding-top:55px;   }
.panel-content h2.objective { color:#464C46; width:380px; height:auto; padding-bottom:10px; font-size:18px; line-height:20px;  }

.dottedline { background: url("../images/dotline.jpg") repeat-x top left; width:590px; height:5px; margin:20px 0; float:left; clear:both; }

.panel-content p.orange {color:#D7981F !important; width:310px; height:auto;}

.panel-content h1.objective.orange { color:#D7981F; padding-top:80px; padding-bottom:20px; font-size:24px; line-height:27px;  }
.panel-content h2.objective.orange { color:#D7981F; padding-bottom:20px; font-size:18px; line-height:20px; width:400px;  }

h2.onecardheader.pos2 { height:20px; padding-bottom:10px; }
h2.onecardheader.pos2.grey {color:#464C46;}

h2.privacyHeader { height:20px; padding-bottom:10px; color:#464C46;}

.firsthead {padding-top:80px; padding-bottom:20px; width:450px;}

.panel-content p.orange.font12 {font-size:12px; line-height:15px;}
.panel-content p.orange.font15 {font-size:15px; line-height:18px; padding-bottom:0px; margin-bottom:0px;}

.panel-content .pullout#myspecials  { background:url("../images/bg-pullout-orange-OCmySpecials.jpg") no-repeat top left; width:210px; height:110px; margin-top:-56px; padding:0; margin-right:0px;}

.panel-content .pullout#insights{ background:url("../images/bg-pullout-orange-OCmySpecials.jpg") no-repeat top left; width:210px; height:110px; margin-top:-100px; padding:0; margin-right:0px;}

.panel-content h4.myspecialspullout { width:190px; height:auto; font-size:15px; line-height:18px; padding:10px 0 10px 20px;}

.panel-content .myspecialsgrid  {float:left; padding:0; margin:0; width:620px; }

.panel-content .myspecialsgrid .gridpanel { float:left; width:139px; min-height:200px; height:auto; margin:0 10px 0 0; padding:0;}

h3.grey.font15 {padding:0; margin:0; color:#464C46; font-size:15px; line-height:18px; text-align:left; width:139px; height:auto; padding-bottom:20px; }

/*img .myspecials.img { width:139px; height:109px; outline:none; border:none; margin-top:10px; }*/


p.grey.font12 {padding:0; margin:0; color:#464C46; font-size:12px; line-height:15px; text-align:left; width:139px; height:auto; padding-bottom:10px; padding-top:10px;}

li.grey.font12.awards{padding-left:10px; margin:0; color:#464C46; font-size:12px; line-height:15px; text-align:left; width:150px; height:auto; background: url("../images/dot.jpg") no-repeat top left; display:block; float:left; clear:both;}
li.grey.font13.awardsLearn{padding-left:10px; padding-bottom:15px; margin:0; color:#464C46; font-size:14px; line-height:16px; text-align:left; width:600px; height:auto; background: url("../images/dot.jpg") no-repeat top left;}
li.grey.font12.termsListItem{padding-left:10px; margin:0; color:#464C46; font-size:12px; line-height:15px; text-align:left; width:600px; height:auto; background: url("../images/dot.jpg") no-repeat top left; display:block; float:left; clear:both;}
li.grey.font12.termsListItem a, li.grey.font12.termsListItem a:visited{color:#464C46; font-size:12px; line-height:15px; text-align:left;}

li.privacyListItem{ margin:0; color:#464C46; font-size:14px; line-height:16px; text-align:left; width:600px; height:auto; }

li.privacyListItem a, li.privacyListItem a:visited{color:#464C46; font-size:14px; line-height:16px; text-align:left; text-decoration:underline;}

p.grey.font12.awards {width:190px;}
p.grey.font13.awardsLearn, p.grey.font12.termsListItem {width:600px;}
p.grey.font12.result {width:400px;}

#main .learnListRow {
	width:610px;
}

#main .learnListItem {
	height:130px;
}

#main .learnListContainer
{
	width:190px;
	margin-right:12px;
	display:block;
	float:left;
}

#main .learnListContainer img
{
	margin-top:15px;
}

#main .learnListItem li {
	height:15px;
	font-size:12px;
	color:#464C46;
	margin-top:10px;
	padding-left:10px;
	padding-top:2px;
	background: url("../images/dot.jpg") no-repeat top left;
	display:block;
	}
	
#main h3.learnListHeading
{
	font-size:15px;
	color:#464C46;
}

.awardsLearn{ margin-bottom:30px;}

.termsPara{ margin-top:80px; margin-bottom:50px;}

.privacyPara{ margin-bottom:30px;}

.panel-content .myspecialsgrid .gridpanel.awards {width:190px; min-height:100px; padding-bottom:10px;}

h3.grey.font15.awards {width:190px; padding-bottom:5px; height:20px;}

h2.awardsHeader{padding-bottom:20px;}

h2.understandListHeader { height:20px; float:left; width:619px; margin-bottom:20px; color:#D7981F; font-size:18px;}

h2.webManagementListHeader{ height:35px; float:left; width:619px; margin-bottom:20px; color:#D7981F; font-size:18px;}

.researchList {float:left; margin-bottom:40px; }

.researchList li, .researchList li a, .researchList li a:visited {font-size:15px; line-height:20px; color:#D7981F;}
.researchList li ul {margin-top:10px;}
.researchList li li {font-size:14px; line-height:15px; color:#9e9e9e; padding-left:15px; margin-left:5px;}

.panel-content p.smallgrey a, .panel-content p.smallgrey a:visited {font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-decoration:underline;}

#footer {clear: both;
	color: #9e9e9e;
	font-size:11px;
	height:37px;
	background:url(../images/footer.gif) 0 0 repeat-x;
	font:Arial, Helvetica, sans-serif;
	padding-bottom:40px;
	
	}
	
	#footernav {float:right; margin-left:15px; margin-top:30px; width:945px;}
	#footernav li {float:left;}
	#footernav .right {float:right;}


/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}