/*-----------------------------------------------------------------------------
www.capitalone.com Grid Style Sheet - Based on 960.gs
version:   1.0
author:    Daniel Cottner
e-mail:    daniel.cottner@capitalone.com
-----------------------------------------------------------------------------*/

/* =Grid Containers - 960 Grid System
----------------------------------------------------------------------------------------------------*/
#wrapper {
	overflow: hidden;
	width: 960px;
}
#page-content {
	margin-top: 25px;
	position: relative;
}
#page-content .row {
	margin-bottom: 25px;
}
#page-content .column .row {
	margin: 25px 0 0;
}
#page-content .column div.first {
	margin-top: 0;
}

/* =Grid Global
----------------------------------------------------------------------------------------------------*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-inset, .grid-2-inset, .grid-3-inset, .grid-4-inset, .grid-5-inset, .grid-6-inset, .grid-7-inset, .grid-8-inset, .grid-9-inset, .grid-10-inset, .grid-11-inset, .grid-12-inset, .grid-13-inset, .grid-14-inset, .grid-15-inset, .grid-16-inset {
	display: inline;
	float: left;
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Grid Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}

/* =Grid 12 Columns
----------------------------------------------------------------------------------------------------*/

.container-12 .grid-1 {
	width: 60px;
}
.container-12 .grid-1-inset {
	padding: 0 10px;
	width: 40px;
}
.container-12 .column .grid-1 {
	width: 40px;
}
.container-12 .grid-2 {
	width: 140px;
}
.container-12 .grid-2-inset {
	padding: 0 10px;
	width: 120px;
}
.container-12 .column .grid-2 {
	width: 120px;
}
.container-12 .grid-3 {
	width: 220px;
}
.container-12 .grid-3-inset {
	padding: 0 10px;
	width: 200px;
}
.container-12 .column .grid-3 {
	width: 200px;
}
.container-12 .grid-4 {
	width: 300px;
}
.container-12 .grid-4-inset {
	padding: 0 10px;
	width: 280px;
}
.container-12 .column .grid-4 {
	width: 280px;
}
.container-12 .grid-5 {
	width: 380px;
}
.container-12 .grid-5-inset {
	padding: 0 10px;
	width: 360px;
}
.container-12 .column .grid-5 {
	width: 360px;
}
.container-12 .grid-6 {
	width: 460px;
}
.container-12 .grid-6-inset {
	padding: 0 10px;
	width: 440px;
}
.container-12 .column .grid-6 {
	width: 440px;
}
.container-12 .grid-7 {
	width: 540px;
}
.container-12 .grid-7-inset {
	padding: 0 10px;
	width: 520px;
}
.container-12 .column .grid-7 {
	width: 520px;
}
.container-12 .grid-8 {
	width: 620px;
}
.container-12 .grid-8-inset {
	padding: 0 10px;
	width: 600px;
}
.container-12 .column .grid-8 {
	width: 600px;
}
.container-12 .grid-9 {
	width: 700px;
}
.container-12 .grid-9-inset {
	padding: 0 10px;
	width: 680px;
}
.container-12 .column .grid-9 {
	width: 680px;
}
.container-12 .grid-10 {
	width: 780px;
}
.container-12 .grid-10-inset {
	padding: 0 10px;
	width: 760px;
}
.container-12 .column .grid-10 {
	width: 760px;
}
.container-12 .grid-11 {
	width: 860px;
}
.container-12 .grid-11-inset {
	padding: 0 10px;
	width: 840px;
}
.container-12 .column .grid-11 {
	width: 840px;
}
.container-12 .grid-12 {
	width: 940px;
}
.container-12 .grid-12-inset {
	padding: 0 10px;
	width: 920px;	
}
.container-12 .column .grid-12 {
	width: 920px;
}

/* =Grid 16 Columns
----------------------------------------------------------------------------------------------------*/
.grid-1 {
	width: 40px;
}
.grid-1-inset {
	padding: 0 10px;
	width: 20px;
}
.column .grid-1 {
	width: 20px;
}
.grid-2 {
	width: 100px;
}
.grid-2-inset {
	padding: 0 10px;
	width: 80px;
}
.column .grid-2 {
	width: 80px;
}
.grid-3 {
	width: 160px;
}
.grid-3-inset {
	padding: 0 10px;
	width: 140px;
}
.column .grid-3 {
	width: 140px;
}
.grid-4 {
	width: 220px;
}
.grid-4-inset {
	padding: 0 10px;
	width: 200px;
}
.column .grid-4 {
	width: 200px;
}
.grid-5 {
	width: 280px;
}
.grid-5-inset {
	padding: 0 10px;
	width: 260px;
}
.column .grid-5 {
	width: 260px;
}
.grid-6 {
	width: 340px;
}
.grid-6-inset {
	padding: 0 10px;
	width: 320px;
}
.column .grid-6 {
	width: 320px;
}
.grid-7 {
	width: 400px;
}
.grid-7-inset {
	padding: 0 10px;
	width: 380px;
}
.column .grid-7 {
	width: 380px;
}
.grid-8 {
	width: 460px;
}
.grid-8-inset {
	padding: 0 10px;
	width: 440px;
}
.column .grid-8 {
	width: 440px;
}
.grid-9 {
	width: 520px;
}
.grid-9-inset {
	padding: 0 10px;
	width: 500px;
}
.column .grid-9 {
	width: 500px;
}
.grid-10 {
	width: 580px;
}
.grid-10-inset {
	padding: 0 10px;
	width: 560px;
}
.column .grid-10 {
	width: 560px;
}
.grid-11 {
	width: 640px;
}
.grid-11-inset {
	padding: 0 10px;
	width: 620px;
}
.column .grid-11 {
	width: 620px;
}
.grid-12 {
	width: 700px;
}
.grid-12-inset {
	padding: 0 10px;
	width: 680px;
}
.column .grid-12 {
	width: 680px;
}
.grid-13 {
	width: 760px;
}
.grid-13-inset {
	padding: 0 10px;
	width: 740px;
}
.column .grid-13 {
	width: 740px;
}
.grid-14 {
	width: 820px;
}
.grid-14-inset {
	padding: 0 10px;
	width: 800px;
}
.column .grid-14 {
	width: 800px;
}
.grid-15 {
	width: 880px;
}
.grid-15-inset {
	padding: 0 10px;
	width: 860px;
}
.column .grid-15 {
	width: 860px;
}
.grid-16 {
	width: 940px;
}
.grid-16-inset {
	padding: 0 10px;
	width: 920px;
}
.column .grid-16 {
	width: 920px;
}

/* =Layout-Specific Alterations
----------------------------------------------------------------------------------------------------*/
.layout-11 .grid-12-inset, .layout-12 .grid-12-inset, .layout-13 .grid-12-inset {
	padding-left: 0;
	width: 690px;
}
.layout-11 .grid-4-inset, .layout-12 #section-6, .layout-13 #section-6, .layout-14 #section-4, .layout-15 #section-5 {
	padding-right: 0;
	width: 210px;
}
.layout-12 .grid-12, .layout-13 .grid-12 {
	width: 690px;
}
.layout-12 #section-4, .layout-13 #section-5, .layout-15 #section-4 {
	padding-right: 0;
}
.layout-14 .grid-8-inset, .layout-15 .grid-8-inset {
	padding-left: 0;
	width: 450px;
}
.layout-14 .grid-8, .layout-15 .grid-8 {
	width: 450px;
}

.layout-32 #section-1{
	margin-right: 10px;
}
.layout-32 .grid-4{
	padding-left: 10px;
}
.layout-32 .grid-12.first{
	background: transparent url(/img/global/bg/grid-16/12.gif) repeat-y 0 0; 
}
.layout-32 .grid-12 .last {
	margin-bottom:0px !important;
}

/* ==Grid Content Dividers
----------------------------------------------------------------------------------------------------*/
.divide-8-4-4 {
	background: transparent url(/img/global/bg/grid-8/4-4.gif) repeat-y 0 0; 
}
.divide-12-3-3-3-3 {
	background: transparent url(/img/global/bg/grid-12/3-3-3-3.gif) repeat-y 0 0; 
}
.divide-12-4-4-4 {
	background: transparent url(/img/global/bg/grid-12/4-4-4.gif) repeat-y 0 0; 
}
.divide-12-8-4 {
	background: transparent url(/img/global/bg/grid-12/8-4.gif) repeat-y 0 0; 
}
.divide-16-5-6-5 {
	background: transparent url(/img/global/bg/grid-16/5-6-5.gif) repeat-y 0 0;
}
.divide-16-4-4-4 {
	background: transparent url(/img/global/bg/grid-16/4-4-4.gif) repeat-y 0 0;
}
.divide-16-4-4-4-4 {
	background: transparent url(/img/global/bg/grid-16/4-4-4-4.gif) repeat-y 0 0; 
}
.divide-16-4-6-6 {
	background: transparent url(/img/global/bg/grid-16/4-6-6.gif) repeat-y 0 0; 
}
.divide-16-8-8 {
	background: transparent url(/img/global/bg/grid-16/8-8.gif) repeat-y 0 0; 
}
.divide-16-10-6 {
	background: transparent url(/img/global/bg/grid-16/10-6.gif) repeat-y 0 0; 
}
.divide-16-12-4 {
	background: transparent url(/img/global/bg/grid-16/12-4.gif) repeat-y 0 0; 
}	

/* =Grid Prefix Extra Space
----------------------------------------------------------------------------------------------------*/
.prefix-1 {
	padding-left: 60px;
}
.prefix-2 {
	padding-left: 120px;
}
.prefix-3 {
	padding-left: 180px;
}
.prefix-4 {
	padding-left: 240px;
}
.prefix-5 {
	padding-left: 300px;
}
.prefix-6 {
	padding-left: 360px;
}
.prefix-7 {
	padding-left: 420px;
}
.prefix-8 {
	padding-left: 480px;
}
.prefix-9 {
	padding-left: 540px;
}
.prefix-10 {
	padding-left: 600px;
}
.prefix-11 {
	padding-left: 660px;
}
.prefix-12 {
	padding-left: 720px;
}
.prefix-13 {
	padding-left: 780px;
}
.prefix-14 {
	padding-left: 840px;
}
.prefix-15 {
	padding-left: 900px;
}

/* =Grid Suffix Extra Space
----------------------------------------------------------------------------------------------------*/
.suffix-1 {
	padding-right: 60px;
}
.suffix-2 {
	padding-right: 120px;
}
.suffix-3 {
	padding-right: 180px;
}
.suffix-4 {
	padding-right: 240px;
}
.suffix-5 {
	padding-right: 300px;
}
.suffix-6 {
	padding-right: 360px;
}
.suffix-7 {
	padding-right: 420px;
}
.suffix-8 {
	padding-right: 480px;
}
.suffix-9 {
	padding-right: 540px;
}
.suffix-10 {
	padding-right: 600px;
}
.suffix-11 {
	padding-right: 660px;
}
.suffix-12 {
	padding-right: 720px;
}
.suffix-13 {
	padding-right: 780px;
}
.suffix-14 {
	padding-right: 840px;
}
.suffix-15 {
	padding-right: 900px;
}

/* =Float clearing - http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------------------------------------------------*/
.row:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.row {
	display: inline-block;
}