/****

Description: 2010 rebuild of hallmark.com
Version: 1
Authors: 
- Gabe Braddy (gbradd2@hallmark.com)
- Nathan Graves (ngrave2@hallmark.com)
- Mike Nolting (mnolti2@hallmark.com)

****/
.developmentGridLayer { /**** Delete this before deployment ****/
	background:url(skin/grid.png);
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	z-index:10000;
}
/**** Static Width Grid 978px wide ****/
input.width-halfcol, textarea.width-halfcol, input.width-1col, textarea.width-1col, input.width-2col, textarea.width-2col, input.width-3col, textarea.width-3col, input.width-4col, textarea.width-4col, input.width-5col, textarea.width-5col, input.width-6col, textarea.width-6col, input.width-7col, textarea.width-7col, input.width-8col, textarea.width-8col, input.width-9col, textarea.width-9col, input.width-10col, textarea.width-10col, input.width-11col, textarea.width-11col, input.width-12col, textarea.width-12col, input.width-13col, textarea.width-13col, input.width-14col, textarea.width-14col, input.width-15col, textarea.width-15col, input.width-16col, textarea.width-16col, input.width-17col, textarea.width-17col, input.width-18col, textarea.width-18col, input.width-19col, textarea.width-19col, input.width-20col, textarea.width-20col, input.width-21col, textarea.width-21col,input.width-twoThirdscol, textarea.width-twoThirdscol {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
select.width-halfcol, input.width-halfcol, textarea.width-halfcol {width:17px;}
select.width-twoThirdscol, input.width-twoThirdscol, textarea.width-twoThirdscol { width:22px; }
select.width-1col, input.width-1col, textarea.width-1col {width:35px;}
select.width-1colPlusMarg, input.width-1colPlusMarg, textarea.width-1colPlusMarg {width:47px;}
select.width-2col, input.width-2col, textarea.width-2col {width:68px;}
select.width-3col, input.width-3col, textarea.width-3col {width:114px;}
select.width-4col, input.width-4col, textarea.width-4col {width:160px;}
select.width-5col, input.width-5col, textarea.width-5col {width:206px;}
select.width-6col, input.width-6col, textarea.width-6col {width:252px;}
select.width-7col, input.width-7col, textarea.width-7col {width:298px;}
select.width-8col, input.width-8col, textarea.width-8col {width:344px;}
select.width-9col, input.width-9col, textarea.width-9col {width:390px;}
select.width-10col, input.width-10col, textarea.width-10col {width:436px;}
select.width-11col, input.width-11col, textarea.width-11col {width:482px;}
select.width-12col, input.width-12col, textarea.width-12col {width:528px;}
select.width-13col, input.width-13col, textarea.width-13col {width:574px;}
select.width-14col, input.width-14col, textarea.width-14col {width:620px;}
select.width-15col, input.width-15col, textarea.width-15col {width:666px;}
select.width-16col, input.width-16col, textarea.width-16col {width:712px;}
select.width-17col, input.width-17col, textarea.width-17col {width:758px;}
select.width-18col, input.width-18col, textarea.width-18col {width:804px;}
select.width-19col, input.width-19col, textarea.width-19col {width:850px;}
select.width-20col, input.width-20col, textarea.width-20col {width:896px;}
select.width-21col, input.width-21col, textarea.width-21col {width:942px;}
/**** Columns ****/
div.width-halfcol, div.width-1col, div.width-1andHalfcol, div.width-2col, div.width-3col, div.width-4col, div.width-5col, div.width-6col, div.width-7col, div.width-8col, div.width-9col, div.width-10col, div.width-11col, div.width-12col, div.width-13col, div.width-14col, div.width-15col, div.width-16col, div.width-17col, div.width-18col, div.width-19col, div.width-20col, div.width-21col, .width-2colPageC, .width-2colPageD, .width-2colPage {float:left;margin-right:12px; *zoom:1; position:relative; _display:inline-block;}
div.lastCol { margin-right: 0; }
.width-halfcol {width:17px;}
.width-1col  { width: 34px;}
.width-1andHalfcol  { width: 57px;}
.width-2col  { width: 80px;}
.width-3col  { width: 126px;}
.width-4col  { width: 172px;}
.width-5col  { width: 218px;}
.width-6col  { width: 264px;}
.width-7col  { width: 310px;}
.width-8col  { width: 356px;}
.width-9col  { width: 402px;}
.width-10col { width: 448px;}
.width-11col { width: 494px;}
.width-12col { width: 540px;}
.width-13col { width: 586px;}
.width-14col { width: 632px;}
.width-15col { width: 678px;}
.width-16col { width: 724px;}
.width-17col { width: 770px;}
.width-18col { width: 816px;}
.width-19col { width: 862px;}
.width-20col { width: 908px;}
.width-21col, div.width-21col { width: 954px; margin-right: 0; }
/**** Place design specific widths here ****/
.width-2colPage {width:425px;}
.width-2colPageB {width:417px;} /**** instance of 2 col in a parent with a border ****/
.width-2colPageC {width:379px;} /**** instance of 2 col in my Hallmark pageBD ****/
.width-2colPageC + .width-2colPageC, .width-2colPageD + .width-2colPageD, .width-2colPage + .width-2colPage { float:none; overflow:hidden; *zooom:1; margin-right:0; }
.width-2colPageD {width:391px;} /**** second instance of 3 col in my Hallmark pageBD ****/
/**** Append ****/
.append-gutter { padding-right:12px; }
.append-halfcol { padding-right:17px;}
.append-halfcol-b { padding-right:23px;}
.append-1colb { padding-right:34px;}
.append-1col  { padding-right: 46px;}
.append-2col { padding-right: 92px;}
.append-3col  { padding-right: 138px;}
.append-4col  { padding-right: 184px;}
.append-5col  { padding-right: 230px;}
.append-6col  { padding-right: 276px;}
.append-7col  { padding-right: 322px;}
.append-8col  { padding-right: 368px;}
.append-9col  { padding-right: 414px;}
.append-10col { padding-right: 460px;}
.append-11col { padding-right: 506px;}
.append-12col { padding-right: 552px;}
.append-13col { padding-right: 598px;}
.append-14col { padding-right: 644px;}
.append-15col { padding-right: 690px;}
.append-16col { padding-right: 736px;}
.append-17col { padding-right: 782px;}
.append-18col { padding-right: 828px;}
.append-19col { padding-right: 874px;}
.append-20col { padding-right: 920px;}
/**** Prepend ****/
.prepend-gutter { padding-left:12px; }
.prepend-halfcol { padding-left:17px;}
.prepend-halfcol-b { padding-left:20px;}
.prepend-1colb { padding-left:34px;}
.prepend-1andHalfcolb  { padding-left: 57px;}
.prepend-1col  { padding-left: 46px;}
.prepend-2col  { padding-left: 92px;}
.prepend-3col  { padding-left: 138px;}
.prepend-4col  { padding-left: 184px;}
.prepend-5col  { padding-left: 230px;}
.prepend-6col  { padding-left: 276px;}
.prepend-7col  { padding-left: 322px;}
.prepend-8col  { padding-left: 368px;}
.prepend-9col  { padding-left: 414px;}
.prepend-10col { padding-left: 460px;}
.prepend-11col { padding-left: 506px;}
.prepend-12col { padding-left: 552px;}
.prepend-13col { padding-left: 598px;}
.prepend-14col { padding-left: 644px;}
.prepend-15col { padding-left: 690px;}
.prepend-16col { padding-left: 736px;}
.prepend-17col { padding-left: 782px;}
.prepend-18col { padding-left: 828px;}
.prepend-19col { padding-left: 874px;}
.prepend-20col { padding-left: 920px;}
.prepend-2colPage { padding-left:437px; }
/**** Pull ****/
.pull-1 { margin-left:-5px; }
.pull-2 { margin-left:-10px; }
.pull-gutter { margin-left:-12px; }
.pull-halfcol {margin-left: -17px;}
.pull-halfcol-b {margin-left: -23px;}
.pull-1col { margin-left: -46px;}
.pull-2col { margin-left: -92px;}
.pull-3col { margin-left: -138px;}
.pull-4col { margin-left: -184px;}
.pull-5col { margin-left: -230px;}
.pull-6col { margin-left: -276px;}
.pull-7col { margin-left: -322px;}
.pull-8col { margin-left: -368px;}
.pull-9col { margin-left: -414px;}
.pull-10col { margin-left: -460px;}
.pull-11col { margin-left: -506px;}
.pull-12col { margin-left: -552px;}
.pull-13col { margin-left: -598px;}
.pull-14col { margin-left: -644px;}
.pull-15col { margin-left: -690px;}
.pull-16col { margin-left: -736px;}
.pull-17col { margin-left: -782px;}
.pull-18col { margin-left: -828px;}
.pull-19col { margin-left: -874px;}
.pull-20col { margin-left: -920px;}
.pull-21col { margin-left: -966px;}
.pull-2, .pull-2, .pull-gutter, .pull-halfcol, .pull-halfcol-b, .pull-1col, .pull-2col, .pull-3col, .pull-4col, .pull-5col, .pull-6col, .pull-7col, .pull-8col, .pull-9col, .pull-10col, .pull-11col, .pull-12col,.pull-13col, .pull-14col, .pull-15col, .pull-16col, .pull-17col, .pull-18col, .pull-19col, .pull-20col, .pull-21col {position:relative;}
/**** Push ****/
.push-gutter { margin: 0 0 0 12px; }
.push-halfcol {margin: 0 0 0 17px;}
.push-halfcol-b {margin: 0 0 0 23px;}
.push-1colb { margin: 0 0 0 34px;}
.push-1col { margin: 0 0 0 46px;}
.push-2col { margin: 0 0 0 92px;}
.push-3col { margin: 0 0 0 138px;}
.push-4col { margin: 0 0 0 184px;}
.push-5col { margin: 0 0 0 230px;}
.push-6col { margin: 0 0 0 276px;}
.push-7col { margin: 0 0 0 322px;}
.push-8col { margin: 0 0 0 368px;}
.push-9col { margin: 0 0 0 414px;}
.push-10col { margin: 0 0 0 460px;}
.push-11col { margin: 0 0 0 506px;}
.push-12col { margin: 0 0 0 552px;}
.push-13col { margin: 0 0 0 598px;}
.push-14col { margin: 0 0 0 644px;}
.push-15col { margin: 0 0 0 690px;}
.push-16col { margin: 0 0 0 736px;}
.push-17col { margin: 0 0 0 782px;}
.push-18col { margin: 0 0 0 828px;}
.push-19col { margin: 0 0 0 874px;}
.push-20col { margin: 0 0 0 920px;}
.push-21col { margin: 0 0 0 966px;}
.push-2colPage { margin: 0 0 0 437px; }
.push-gutter, .push-halfcol, .push-halfcol-b, .push-1col, .push-2col, .push-3col, .push-4col, .push-5col, .push-6col, .push-7col, .push-8col, .push-9col, .push-10col, .push-11col, .push-12col, .push-13col, .push-14col, .push-15col, .push-16col, .push-17col, .push-18col, .push-19col, .push-20col, .push-21col {position:relative;}
/**** Height Classes, generally, these should be avoided ****/
.height-7row {height: 100px;}
.height-12row {height: 200px;}
.height-17row {height: 300px;}
.max-height-17row { max-height:300px; overflow:auto; }
.minHeight-20row {min-height:360px;}
.height-21row {height:420px;}
.minHeight-11row { min-height:220px; }
/**** Margins based upon a 12/20 leading grid ****/
.mt-0 { margin-top:0 !important; }
.mt-1 { margin-top:1px; }
.mt-2 { margin-top:2px; }
.mt-3 { margin-top:3px; }
.mt-4 { margin-top:4px; }
.mt-qtRow {margin-top:5px;}
.mt-halfRow {margin-top:10px;}
.mt-gutter {margin-top:12px;}
.mt-3qtRow {margin-top:15px;}
.mt-1row {margin-top: 20px;}
.mt-2row {margin-top: 40px;}
.mt-3row {margin-top: 60px;}
.mt-4row {margin-top: 80px;}
.mt-5row {margin-top: 100px;}
.mt-6row {margin-top: 120px;}
.mt-7row {margin-top: 140px;}
.mt-8row {margin-top: 160px;}
.mt-9row {margin-top: 180px;}
.mt-10row {margin-top: 200px;}
.mt-11row {margin-top: 220px;}
.mt-12row {margin-top: 240px;}
.mt-13row {margin-top: 260px;}
.mt-14row {margin-top: 280px;}
.mt-15row {margin-top: 300px;}
.mt-16row {margin-top: 320px;}
.mt-17row {margin-top: 340px;}
.mt-18row {margin-top: 360px;}
.mt-19row {margin-top: 380px;}
.mt-20row {margin-top: 400px;}
.mt-21row {margin-top: 420px;}
/*** The Elevate classes, should lift an element out of it's original position. ***/
.elevate-halfRow, .elevate-1row, .elevate-2row, .elevate-3row { position:relative; }
.elevate-halfRow {margin-top:-10px;}
.elevate-1row {margin-top:-20px;}
.elevate-2row {margin-top:-40px;}
.elevate-3row {margin-top:-60px;}
/**** Margins based upon a 12/20 leading grid ****/
.mb-0 {margin-bottom:0 !important; } 
.mb-2 {margin-bottom:2px !important;}
.mb-qtRow {margin-bottom:5px !important;}
.mb-halfRow {margin-bottom:10px !important;}
.mb-gutter {margin-bottom:12px !important;}
.mb-3qtRow {margin-bottom:15px !important;}
.mb-1row {margin-bottom: 20px;}
.mb-1andHalf {margin-bottom:30px;}
.mb-2row {margin-bottom: 40px;}
.mb-3row {margin-bottom: 60px;}
.mb-4row {margin-bottom: 80px;}
.mb-5row {margin-bottom: 100px;}
.mb-6row {margin-bottom: 120px;}
.mb-7row {margin-bottom: 140px;}
.mb-8row {margin-bottom: 160px;}
.mb-9row {margin-bottom: 180px;}
.mb-10row {margin-bottom: 200px;}
.mb-11row {margin-bottom: 220px;}
.mb-12row {margin-bottom: 240px;}
.mb-13row {margin-bottom: 260px;}
.mb-14row {margin-bottom: 280px;}
.mb-15row {margin-bottom: 300px;}
.mb-16row {margin-bottom: 320px;}
.mb-17row {margin-bottom: 340px;}
.mb-18row {margin-bottom: 360px;}
.mb-19row {margin-bottom: 380px;}
.mb-20row {margin-bottom: 400px;}
.mb-21row {margin-bottom: 420px;}
/**** negates default bottom margin on components, to be used on fixed layouts in teamsite when needed ****/
.lift-1andHalf {margin-bottom:-30px;}
/**** clear out all margins ****/
.m-0 {margin:0 !important;}
/**** paddings based upon a 12/20 leading grid ****/
.pt-0 {padding-top:0;}
.pt-1 {padding-top:1px;}
.pt-2 {padding-top:2px;}
.pt-3 {padding-top:3px;}
.pt-4 {padding-top:4px;}
.pt-qtRow {padding-top:5px;}
.pt-halfRow {padding-top:10px;}
.pt-1row {padding-top: 20px;}
.pt-2row {padding-top: 40px;}
.pt-3row {padding-top: 60px;}
.pt-4row {padding-top: 80px;}
.pt-5row {padding-top: 100px;}
.pt-6row {padding-top: 120px;}
.pt-7row {padding-top: 140px; }
/**** paddings based upon a 12/20 leading grid ****/
.pb-0 {padding-bottom:0;}
.pb-qtRow {padding-bottom:5px;}
.pb-halfRow {padding-bottom: 10px;}
.pb-1row {padding-bottom: 20px;}
.pb-1andHalf {padding-bottom: 30px;}
.pb-2row {padding-bottom:40px;}
/**** clear out all padding ****/
.p-0 {padding:0 !important;}
.mrt-0 {margin-right:0 !important;}
.mrt-1 {margin-right:5px !important;}
.mrt-2 {margin-right:10px !important;}
.mrt-3 {margin-right:15px !important;}
.mrt-4 {margin-right:20px !important;}
.mrt-gutter {margin-right:12px;}
.mrt-1col {margin-right:35px;}
.mlt-halfCol {margin-left:16px;}
.mlt-qtCol {margin-left: 8px;}
.mlt-1col {margin-left:35px;}
.mlt-gutter {margin-left:12px; _display:inline;}
.mlt-0 {margin-left:0 !important;}
.mlt-1 {margin-left:5px}
.mlt-2 {margin-left:10px}
.mlt-3 {margin-left:15px}
.mlt-4 {margin-left:20px}
/**** padding box classes ****/
.paddingBox-a { padding:20px 12px 0 12px; }
.paddingBox-c { padding:0 8px 0 0; }
.paddingBox-d { padding:10px; }
/**** Helper Structural Classes ****/
.remainder, .contain, table.newStandard td.remainder, table.newStandard th.remainder { 
	float:none;
	overflow:hidden;
	*zoom:1;
}
/*** Flexible Grid ****/
.line:after, .lastUnit:after {
	content: " . . . ";
	visibility:hidden;
	clear:both;
	height:0 ;
	display:block;
	line-height:0;
	font-size: xx-large;
	overflow: hidden;
}
.line {*zoom:1;} /**** Necessary for IE ****/
.unit {float:left;}
.size1of1 {float:none; width:100%;}
.size1of2, .halfWidth {width:50%;}
.size1of3 {width:33.33333%;}
.size2of3 {width:66.66666%;}
.size1of4 {width:25%;}
.size3of4 {width:75%;}
.size1of5 {width:20%;}
.size2of5 {width:40%;}
.size3of5 {width:60%;}
.size4of5 {width:80%;}
.size1of10 {width:10%;}
.size9of10 {width:90%;}
.line, .lastUnit {overflow:hidden;_overflow:visible;_zoom:1; position:relative;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px; width:auto;}

/*** grid class for saved items or any full width 4 column page ***/
.one-fourthcol {
	float:left;
	width:228px;
	margin-right:14px;
}
/*** saved items grid ***/
.itemsGrid div.contain {
	margin-bottom:14px;
}
.itemsGrid div.one-fourthcol > div {
	border:solid 1px #ccc;
}
/*** saved items grid ***/