/* main layout blocks */ body { margin:auto; width:950px; position:relative; background:url(/transactionservices/home/img/r12/body_bg_graystripe.gif); } #headA { width: 898px; padding:0 26px; background:url(/icg/template/img/topnav_black_gloss.gif) repeat-x; height:22px; } #headA1 {padding-top:3px; float:left} #headA1 a {color:white; text-decoration:none; font-size:11px; } #logo { padding-left:36px; padding-top:26px; width:200px; float:left;} #logo2 { padding-top:26px; width:678px; float:left; text-align:right;} #bodyWrap { width:950px; /*background:url(/transactionservices/home/img/pgborder_sides.gif) repeat-y;*/ clear:both; margin:0; padding:0;} #headB { width: 950px; height:88px; background:url(/icg/template/img/wave3.png) repeat-x; clear:both; } #headImage { width: 950px; clear:both; } #siteNav { clear: both; width: 950px; /*height: 26px;*/ background: none repeat scroll 0% 0% #00BDF2; } #mainGraphic { } #main { clear: both; width: 910px; padding:10px 20px 0 20px; background-color:#fff; background-image:url("/transactionservices/home/img/r12/hairline-border-950.gif"); background-repeat:repeat-y; } #main.leftRight #contentWrap { background:url(/transactionservices/home/img/pgsides_lr.gif) repeat-y } #main.leftOnly #contentWrap { background:url(/transactionservices/home/img/pgsides_l.gif) repeat-y } #main.rightOnly #contentWrap { background:url(/transactionservices/home/img/pgsides_r.gif) repeat-y } #main.noColumns #contentWrap { background:url(/transactionservices/home/img/pgsides_n.gif) repeat-y } #localNav {float:left; width:187px; margin:0 33px 0 0; } #content {float:left} .leftRight #content {width:447px; margin:0 33px 0 0px ;} .leftOnly #content {width:690px; margin:0 0 0 0; } .rightOnly #content {width:667px; margin:0 33px 0 0; } .noColumns #content {width:910px; margin:0 0 0 0; } .homeColumns {} #rcolumn {float:left; width:210px; margin-top:10px} /* optional right column - floats inside #content div */ .rcol {float: right; margin: 0 0 10px 32px; padding-left:6px; width:165px; border-left:1px solid #999;} .rcolumnHome {float: right; margin-left:32px; margin-bottom:10px; width:420px; } .rcolumnHome2 {float: right; margin-left:32px; margin-bottom:10px; width:468px; } .rcolumnHome3 {float: right; margin-left:12px; margin-bottom:10px; width:300px; } /* rebrand 2012 note: resurrect breadcrumb at top? */ #breadCrumb {background: url(/transactionservices/home/img/pgborder_block.gif); color:#999; margin-left:20px; font-size:11px; width: 950px; clear:both; padding-right:20px; display:none } #breadCrumb a {color:#000; text-decoration:none; font-size:11px;} #breadCrumb a:hover {color:#006; text-decoration:underline;} #footer { clear: both; background-color:#fff; width:910px; padding:20px 20px 0 20px; height:70px; background-image:url("/transactionservices/home/img/r12/hairline-border-950.gif"); background-repeat:repeat-y; border-bottom:1px solid #ddd; } #corpNav1 {float:left; } #corpNav {float:right; } #innerFoot {clear: both; width: 910px;} #footcol1 {float:left;} #footcol2 {float:right; text-align:right;} #footcol1 a, #footcol2 a {font-size: 10px; } .foot {font-size: 11px; color:#999} /* multi-column inserts to be used with the .noColumns (1-column) template only these can be stacked (i.e. shelving units) to create modular page layouts */ /* 2 columns - standard left column width */ .insert2colL {background:url(/transactionservices/home/img/gutters2col_l.gif) repeat-y;} .insert2colL .column1 {width:187px; margin-right:33px; float:left;} .insert2colL .column2 {width:690px; float:left;} /* 2 columns - standard right column width */ .insert2colR {background:url(/transactionservices/home/img/gutters2col_r.gif) repeat-y;} .insert2colR .column1 {width:667px; margin-right:33px; float:left;} .insert2colR .column2 {width:210px; float:left;} /* 2 columns - equal size */ .insert2col {background:url(/transactionservices/home/img/gutters2col.gif) repeat-y;} .insert2col .column1 {width:438px; margin-right:34px; float:left;} .insert2col .column2 {width:438px; float:left;} /* 3 columns - standard left and right column width */ .insert3colLR {background:url(/transactionservices/home/img/gutters3col_lr.gif) repeat-y;} .insert3colLR .column1 {width:187px; margin-right:33px; float:left;} .insert3colLR .column2 {width:447px; margin-right:33px; float:left;} .insert3colLR .column3 {width:210px; float:left; } /* 3 columns - equal size */ .insert3col {background:url(/transactionservices/home/img/gutters3col.gif) repeat-y;} .insert3col .column1 {width:281px; margin-right:33px; float:left;} .insert3col .column2 {width:281px; margin-right:34px; float:left;} .insert3col .column3 {width:281px; float:left; } /* 3 columns - standard left column width, make other two even */ .insert3colL {background:url(/transactionservices/home/img/gutters3col_l.gif) repeat-y;} .insert3colL .column1 {width:187px; margin-right:33px; float:left;} .insert3colL .column2 {width:328px; margin-right:34px; float:left;} .insert3colL .column3 {width:328px; float:left; } /* 3 columns - standard right column width, make other two even */ .insert3colR {background:url(/transactionservices/home/img/gutters3col_r.gif) repeat-y;} .insert3colR .column1 {width:317px; margin-right:33px; float:left;} .insert3colR .column2 {width:317px; margin-right:33px; float:left;} .insert3colR .column3 {width:210px; float:left;} /* 4 columns - standard left and right column width */ .insert4col {background:url(/transactionservices/home/img/gutters4col.gif) repeat-y;} .insert4col .column1 {width:187px; margin-right:33px; float:left;} .insert4col .column2 {width:207px; margin-right:33px; float:left;} .insert4col .column3 {width:207px; margin-right:33px; float:left;} .insert4col .column4 {width:210px; float:left;} /* 4 columns - all four equal column width */ .insert4colequal {background:url(/transactionservices/home/img/gutters4colequal.gif) repeat-y;} .insert4colequal .column1 {width:203px; margin-right:33px; float:left;} .insert4colequal .column2 {width:203px; margin-right:32px; float:left;} .insert4colequal .column3 {width:203px; margin-right:33px; float:left;} .insert4colequal .column4 {width:203px; float:left;} /* 5 columns standard left column width */ .insert5colL {background:url(/transactionservices/home/img/gutters5col_l.gif) repeat-y;} .insert5colL .column1 {width:187px; margin-right:33px; float:left;} .insert5colL .column2 {width:148px; margin-right:33px; float:left;} .insert5colL .column3 {width:148px; margin-right:33px; float:left;} .insert5colL .column4 {width:148px; margin-right:32px; float:left;} .insert5colL .column5 {width:148px; float:left} /* 5 columns standard right column width */ .insert5colR {background:url(/transactionservices/home/img/gutters5col_r.gif) repeat-y;} .insert5colR .column1 {width:142px; margin-right:33px; float:left;} .insert5colR .column2 {width:142px; margin-right:33px; float:left;} .insert5colR .column3 {width:142px; margin-right:33px; float:left;} .insert5colR .column4 {width:142px; margin-right:33px; float:left;} .insert5colR .column5 {width:210px; float:left;} /* 5 columns standard left and right column width */ .insert5colLR {background:url(/transactionservices/home/img/gutters5col_lr.gif) repeat-y;} .insert5colLR .column1 {width:187px; margin-right:33px; float:left;} .insert5colLR .column2 {width:127px; margin-right:33px; float:left;} .insert5colLR .column3 {width:127px; margin-right:33px; float:left;} .insert5colLR .column4 {width:127px; margin-right:33px; float:left;} .insert5colLR .column5 {width:210px; float:left;} /* 5 columns - all five equal column width */ .insert5colequal {background:url(/transactionservices/home/img/gutters5col_e.gif) repeat-y;} .insert5colequal .column1 {width:156px; margin-right:33px; float:left;} .insert5colequal .column2 {width:156px; margin-right:32px; float:left;} .insert5colequal .column3 {width:156px; margin-right:32px; float:left;} .insert5colequal .column4 {width:156px; margin-right:33px; float:left;} .insert5colequal .column5 {width:156px; float:left;} /* multi-column inserts to be used with the .leftOnly (2-column) template only */ /* transform 2 column layout (.leftOnly) to 3 columns - standard left column width, other two equal size */ .transform2to3L {background:url(/transactionservices/home/img/gutters3col_l.gif) right repeat-y;} .transform2to3L .column1 {width:328px; margin-right:34px; float:left;} .transform2to3L .column2 {width:328px; float:left;} /* transform 2 column layout (.leftOnly) to 3 columns - standard left and right column width */ .transform2to3LR {background:url(/transactionservices/home/img/gutters3col_lr.gif) right repeat-y;} .transform2to3LR .column1 {width:447px; margin-right:33px; float:left;} .transform2to3LR .column2 {width:210px; float:left;} /* transform 2 column layout (.leftOnly) to 4 columns - standard left and right column width */ .transform2to4L {background:url(/transactionservices/home/img/gutters4col.gif) right repeat-y;} .transform2to4L .column1 {width:207px; margin-right:33px; float:left;} .transform2to4L .column2 {width:207px; margin-right:33px; float:left;} .transform2to4L .column3 {width:210px; float:left; } /* transform 2 column layout (.leftOnly) to 5 columns */ .transform2to5L {background:url(/transactionservices/home/img/gutters5col_l.gif) right repeat-y;} .transform2to5L .column1 {width:148px; margin-right:33px; float:left;} .transform2to5L .column2 {width:148px; margin-right:33px; float:left;} .transform2to5L .column3 {width:148px; margin-right:32px; float:left;} .transform2to5L .column4 {width:148px; float:left;} /* multi-column inserts to be used with the .rightOnly (2-column) template only */ /* transform 2 column layout (.rightOnly) to 3 columns - standard right column width, make other two even */ .transform2to3R {background:url(/transactionservices/home/img/gutters3col_r.gif) repeat-y;} .transform2to3R .column1 {width:317px; margin-right:33px; float:left;} .transform2to3R .column2 {width:317px; float:left;} /* transform 2 column layout (.rightOnly) to 3 columns - standard left and right column width */ .transform2to3LRR {background:url(/transactionservices/home/img/gutters3col_lr.gif) repeat-y;} .transform2to3LRR .column1 {width:187px; margin-right:33px; float:left;} .transform2to3LRR .column2 {width:447px; float:left;} /* transform 2 column layout (.rightOnly) to 4 columns - standard left and right column width */ .transform2to4LR {background:url(/transactionservices/home/img/gutters4col.gif) repeat-y;} .transform2to4LR .column1 {width:187px; margin-right:33px; float:left;} .transform2to4LR .column2 {width:207px; margin-right:33px; float:left;} .transform2to4LR .column3 {width:207px; float:left;} /* transform 2 column layout (.rightOnly) to 4 columns - standard right column width */ .transform2to4R {background:url(/transactionservices/home/img/gutters4col_r.gif) repeat-y;} .transform2to4R .column1 {width:200px; margin-right:33px; float:left;} .transform2to4R .column2 {width:200px; margin-right:33px; float:left;} .transform2to4R .column3 {width:201px; float:left;} /* ransform 2 column layout (.rightOnly) to 5 columns */ .transform2to5R {background:url(/transactionservices/home/img/gutters5col_r.gif) repeat-y;} .transform2to5R .column1 {width:142px; margin-right:33px; float:left;} .transform2to5R .column2 {width:142px; margin-right:33px; float:left;} .transform2to5R .column3 {width:142px; margin-right:33px; float:left;} .transform2to5R .column4 {width:142px; float:left;} /* multi-column inserts to be used with the .leftRight (3-column) template only */ /* transform 3 column layout (.leftRight) to 4 columns */ .transform3to4 {background:url(/transactionservices/home/img/gutters4col.gif) -220px 0px repeat-y;} .transform3to4 .column1 {width:207px; margin-right:33px; float:left;} .transform3to4 .column2 {width:207px; float:left;} /* transform 3 column layout (.leftRight) to 5 columns */ .transform3to5 {background:url(/transactionservices/home/img/gutters5col_lr.gif) -220px 0px repeat-y;} .transform3to5 .column1 {width:127px; margin-right:33px; float:left;} .transform3to5 .column2 {width:127px; margin-right:33px; float:left;} .transform3to5 .column3 {width:127px; float:left;}