/*
v 1.6
May 10 2006
*/
html, body { margin:0; padding:0; font-family:verdana; font-size:100%; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; font-size: 1em; }
p { margin:0; font-size:100%; }
tr, td, th { font-size:100%; }
select, textarea { font-size:100%; }
form { margin:0; padding:0; }
small{ font-size: 1em; }
img { border:0; }
a:link, a:visited, a:active, a:hover { color: #000000; text-decoration: none; }
li { padding:0; }
/********************** COMPONENT HEADINGS *******************/
h3 { font-size:.875em; text-transform:uppercase; font-family:arial,helvetica; font-weight:bold; }
h3.epi-font1,h3.epi-font2,h3.epi-font3,h3.epi-font4{ font-size:.875em; font-family:arial,helvetica,sans-serif; }
.epi-font1,.epi-font2,.epi-font3,.epi-font4{ font-size:1em; font-family:arial,helvetica,sans-serif; }
/********************** PAGE CONTAINER ELEMENTS *******************/
div.framework-main { font-size:100%;}
div.vgn-pagecontent { width:46.875em; }
div.vgn-inner-pagecontent { }
/********************** ACCESSIBILITY NOTICE *******************/
#accessibility { display:none; }
/********************** HEADER *******************/
div.framework-header { height: 7.0875em; margin:0 0 0 0; padding:0; overflow:hidden; width: 46.875em;}
div.framework-header div#header-nav-container { padding:0; margin:0; }
div.framework-header div#header-nav-container img#banner-jpg { padding:0; margin:0; width: 46.875em; height: 5.6875em; } /* height="91" width="750" */
div.framework-header div#nav-bar-container { padding:0; margin:0; }
div.framework-header div#nav-bar-container-inner { padding:0; margin:0; width:46.875em; }
div.framework-header div#nav-bar-container-inner ul { padding:0; margin:0; overflow:hidden;}
div.framework-header div#nav-bar-container-inner li { padding:0; margin:0; display:block; float:left; height:1.4em;}
div.framework-header div#nav-bar-container-inner li a { padding:0; margin:0 0.5em 0 0.5em; display:inline; }
div#framework-navigation-horizontal { margin:0 0 0 0; clear:both; height:1.3em; width: 46.875em;
background-image:url(../images/extended-grid/bottom-right-corner.gif);
background-position:bottom right;
background-repeat:no-repeat; }
div#framework-navigation-horizontal div#framework-navigation-horizontal-inner { padding: 0;}
div#framework-navigation-horizontal div#sub-nav-container { float:left; padding: 0;}
div#framework-navigation-horizontal div#sub-nav-container ul { white-space:nowrap; padding:0;margin:0; }
div#framework-navigation-horizontal div#sub-nav-container ul li{display:block; margin:0; padding:0; height:1.3em; float:left;}
div#framework-navigation-horizontal div#sub-nav-container img, div#sub-nav-right-container img { height: .75em; vertical-align:top; }
div#framework-navigation-horizontal div#sub-nav-container a { padding:0; margin:0 0.5em 0 0.5em; display:inline; }
div#framework-navigation-horizontal div#sub-nav-right-container{ float:right; padding-top:0.25em; }
div#framework-navigation-horizontal div#sub-nav-right-container label { display:none }
div#framework-navigation-horizontal div#sub-nav-right-container input#input-headersearch { font-size:0.625em; font-family:verdana; width:11.1em; vertical-align:middle; }
div#framework-navigation-horizontal div#sub-nav-right-container input#submit-headersearch { font-size:1em; width:2.0625em; height:0.6875em; vertical-align:middle; margin-left:0.5em;}
/********************** BREADCRUMB *******************/
.aoc-breadcrumb { }
.aoc-breadcrumb .aoc-breadcrumb-text { padding-left:0.9375em; }
.aoc-breadcrumb .aoc-breadcrumb-text span { font-size:62.5%;line-height:1em; }
.aoc-breadcrumb .aoc-breadcrumb-text span a { }
.aoc-breadcrumb .aoc-breadcrumb-text span a:link { color:#000000; }
.aoc-breadcrumb .aoc-breadcrumb-text span a:visited { color:#000000; }
/********************** LOGGED-IN WELCOME *******************/
.aoc-gutter-horiz .aoc-gutter-horiz-text { width:45.9375em; text-align:right; padding-top:0.125em; }
.aoc-gutter-horiz .aoc-gutter-horiz-text span { color:#4d4d4d; font-size: .625em;}
.aoc-gutter-horiz .aoc-gutter-horiz-text span a { color:#4d4d4d; }
/********************** PAGE TITLE *******************/
div.aoc-title-container { clear:both; width: 45.9375em; height:1.25em;}
div.aoc-title-container-inner {}
div.aoc-title { overflow:hidden; }
div.aoc-title .aoc-title-image { position:absolute; padding-left:0.9375em; height:1.25em; }
div.aoc-title .aoc-title-image img { height:1.25em; vertical-align:top; }
div.aoc-title .aoc-title-buttons { position:absolute; width: 45.9375em; height:1.25em; overflow:hidden; }
div.aoc-title .aoc-title-buttons-inner{ position:absolute; right:0; bottom:0; padding:0; }
div.aoc-title .aoc-title-buttons-inner img { margin:0 .625em 0 1.25em; width:0.4375em; height:0.4375em; }
div.aoc-title .aoc-title-buttons-inner a { font-size:0.6875em; font-family: verdana,arial,helvetica; color: #2d076e; text-decoration: none; }
div.aoc-title .aoc-title-buttons-inner a:link,
div.aoc-title .aoc-title-buttons-inner a:visited { color: #000000; }
/********************** SUB-TITLE *******************************/
div.aoc-subtitle{ clear:both; overflow:hidden;}
div.aoc-subtitle h2 { font-size: 1.1875em; line-height:0.75em; text-transform:uppercase; font-family:arial,helvetica; color:#4d4d4d;}
/********************** COLUMN/ROW FRAMEWORK *******************/
.aoc-gutter-vertsemi { width: 0.3125em; height: 2em; overflow:hidden; }
.aoc-gutter-vert { width: 0.9375em; height: 2em; overflow:hidden; }
.aoc-gutter-horiz { height: 0.9375em; clear:both; overflow:hidden; width:45.9375em; }
.vgn-pagecontent .aoc-gutter-horiz { width:auto; }
.aoc-columns-container { clear:both; margin-left:0.9375em; }
.aoc-columns-container .aoc-genericcolumn,
.aoc-columns-container .aoc-genericpanel,
.aoc-columns-container .aoc-gutter-vert,
.aoc-columns-container .aoc-gutter-vertsemi{ display:block; float:left; }
.aoc-columns-container .aoc-genericrow { clear:both; }
.aoc-columns-container .aoc-genericcolumn{ overflow:visible; }
.aoc-columns-container .aoc-genericpanel {}
/**********************************************************************
***********************************************************************
**************** ********************
**************** Next 4 declarations for ********************
**************** development purposes only ********************
**************** ********************
**************** Please delete upon integration ********************
**************** ********************
***********************************************************************
***********************************************************************/
.aoc-columns-container .semi { width: 8.75em; }
.aoc-columns-container .single { width: 14.375em; }
.aoc-columns-container .double { width: 29.7em; } /* rounded up for FF quirk from 29.6875em; */
.aoc-columns-container .triple { width: 45em; }
/**********************************************************************
***********************************************************************
**************** ********************
**************** Previous 4 declarations for ********************
**************** development purposes only ********************
**************** ********************
**************** Please delete upon integration ********************
**************** ********************
***********************************************************************
***********************************************************************/
/********************** FOOTER *******************/
#framework-footer-container { clear:both; width: 45.9375em; padding-bottom:0.0625em; }
#framework-footer-container-inner { padding-left: 0.9375em; }
#framework-footer { padding:.3em 0 0 .8em; color:#ffffff;
background-image:url(../images/extended-grid/bottom-right-corner.gif);
background-position:bottom right;
background-repeat:no-repeat; }
#framework-footer .firstrow { height:1.125em; }
#framework-footer .copyright{ font-size:60%; font-weight:bold; float:left; padding-top:0.3125em; }
#framework-footer ul { white-space:normal; list-style-type:none; padding:0;margin:0; }
#framework-footer ul li { display:inline; margin:0; padding:0; }
#framework-footer a { text-decoration:none; font-size:85%; }
#framework-footer a:link { color:#ffffff; }
#framework-footer a:visited { color:#ffffff; }
#framework-footer .site-links{ padding-right:0.625em; text-align:right; float:right; }
#framework-footer .site-links label { font-size:60%; vertical-align:middle; }
#framework-footer .site-links select { font-family:Verdana; font-size:60%; vertical-align:top; margin: 0; padding:0; }
#framework-footer .site-links input { font-size:1em; vertical-align:middle; width:2.0625em; height:0.6875em; }
#framework-footer .secondrow { clear:both; font-size:73%; padding: .4em 0 .5137em 0; }
#framework-footer .footer-list-item-divider { padding:0 .4280em 0 .4280em; }
/*********** GRAY BORDERS WITH CUTOFFS *************/
.aoc-borders { }
/* ----------- default borders --------------- set required combination to display when classname is simply "aoc-borders" here ---------- */
.aoc-borders div.b-tl { position:absolute; width:16px; height:16px; z-index:3000;
background: transparent url(../../shared-files/images/extended-grid/border-top-left.gif) no-repeat top left; }
.aoc-borders div.b-br { background: transparent url(../../shared-files/images/extended-grid/border-bottom-right.gif) no-repeat bottom right; }
.aoc-borders div.b-b { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-x bottom left; }
.aoc-borders div.b-t { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-x top left; }
.aoc-borders div.b-l { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-y top left; }
.aoc-borders div.b-r { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-y top right; }
/* ----------- globally turn off border display when any classname other than "aoc-borders" is present -------------- */
div.tl div.b-tl, div.tl div.b-tr, div.tl div.b-br, div.tl div.b-bl, div.tl div.b-b, div.tl div.b-t, div.tl div.b-l, div.tl div.b-r,
div.tr div.b-tl, div.tr div.b-tr, div.tr div.b-br, div.tr div.b-bl, div.tr div.b-b, div.tr div.b-t, div.tr div.b-l, div.tr div.b-r,
div.br div.b-tl, div.br div.b-tr, div.br div.b-br, div.br div.b-bl, div.br div.b-b, div.br div.b-t, div.br div.b-l, div.br div.b-r,
div.bl div.b-tl, div.bl div.b-tr, div.bl div.b-br, div.bl div.b-bl, div.bl div.b-b, div.bl div.b-t, div.bl div.b-l, div.bl div.b-r,
div.b div.b-tl, div.b div.b-tr, div.b div.b-br, div.b div.b-bl, div.b div.b-b, div.b div.b-t, div.b div.b-l, div.b div.b-r,
div.t div.b-tl, div.t div.b-tr, div.t div.b-br, div.t div.b-bl, div.t div.b-b, div.t div.b-t, div.t div.b-l, div.t div.b-r,
div.l div.b-tl, div.l div.b-tr, div.l div.b-br, div.l div.b-bl, div.l div.b-b, div.l div.b-t, div.l div.b-l, div.l div.b-r,
div.r div.b-tl, div.r div.b-tr, div.r div.b-br, div.r div.b-bl, div.r div.b-b, div.r div.b-t, div.r div.b-l, div.r div.b-r { background-image: url( none ); }
/* ----------- selectively turn on border display -------------- */
div.tl div.b-tl { position:absolute; width:16px; height:16px; z-index:3000;
background: transparent url(../../shared-files/images/extended-grid/border-top-left.gif) no-repeat top left!important ; }
div.tr div.b-tr { background: transparent url(../../shared-files/images/extended-grid/border-top-right.gif) no-repeat top right!important ; }
div.br div.b-br { background: transparent url(../../shared-files/images/extended-grid/border-bottom-right.gif) no-repeat bottom right!important ; }
div.bl div.b-bl { background: transparent url(../../shared-files/images/extended-grid/border-bottom-left.gif) no-repeat bottom left!important ; }
div.b div.b-b { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-x bottom left!important ; }
div.t div.b-t { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-x top left!important ; }
div.l div.b-l { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-y top left!important ; }
div.r div.b-r { background: transparent url(../../shared-files/images/extended-grid/border-sides.gif) repeat-y top right!important ; }
/*********** LINK HOVER BEHAVIOUR *************/
a.underline-hvr, a.underline-hvr span { text-decoration:underline!important; }
a.underline-hvr:hover, a.underline-hvr:hover span { text-decoration:none!important; }
a.none-hvr, a.none-hvr span { text-decoration:none!important; }
a.none-hvr:hover, a.none-hvr:hover span { text-decoration:underline!important; }
/*********** ACCESSIBILITY SPACERS *************/
div.spacer-div{ display:none}
/*********** SIMPLE FLOAT CLEAR *************/
.clear {clear:both;}
/*********** SOME COMMON IMAGE WIDTHS *************/
/* these assume "height:" has been set elsewhere in the cascade. images should have BOTH height: and width: AND DO NOT OMIT width= and height= from HTML!!! */
img.width33 { width:2.0625em; }
img.width50 { width:3.125em; }
img.width51 { width:3.1875em; }
img.width56 { width:3.5em; }
img.width58 { width:3.625em; }
img.width57 { width:3.5625em; }
img.width59 { width:3.6875em; }
img.width64 { width:4em; }
img.width65 { width:4.0625em; }
img.width69 { width:4.3125em; }
img.width70 { width:4.375em; }
img.width73 { width:4.5625em; }
img.width76 { width:4.75em; }
img.width77 { width:4.8125em; }
img.width79 { width:4.9375em; }
img.width80 { width:5em; }
img.width81 { width:5.0625em; }
img.width82 { width:5.125em; }
img.width83 { width:5.1875em; }
img.width85 { width:5.3125em; }
img.width86 { width:5.375em; }
img.width91 { width:5.6875em; }
img.width96 { width:6em; }
img.width110 { width:6.875em; }
img.width115 { width:7.1875em; }
img.width122 { width:7.625em; }
img.width130 { width:8.125em; }
img.width132 { width:8.25em; }
img.width147 { width:9.1875em; }
img.width149 { width:9.3125em; }
img.width159 { width:9.9375em; }
img.width160 { width:10em; }
img.width162 { width:10.125em; }
/*********** SOME COMMON IMAGE HEIGHTS *************/
/* these assume "width:" has been set elsewhere in the cascade. images should have BOTH height: and width: AND DO NOT OMIT width= and height= from HTML!!! */
img.height80 { height:5em; }
img.height155 { height:9.6875em; }
/*********** SOME COMMON IMAGE WIDTHS/HEIGHTS *************/
img.dims80x20 { width:5em; height:1.25em; }
img.dims130x56 { width:8.125em; height:3.5em; }
img.dims87x56 { width:5.4375em; height:3.5em; }
img.dims97x56 { width:6.0625em; height:3.5em; }
img.dims67x56 { width:4.1875em; height:3.5em; }
img.dims92x56 { width:5.75em; height:3.5em; }
img.dims170x49 { width:10.625em; height:3.0625em; }
img.dims73x49 { width:4.5625em; height:3.0625em; }
img.dims95x49 { width:5.9375em; height:3.0625em; }
img.dims135x49 { width:8.4375em; height:3.0625em; }
/*********** BUTTON with guillemet image *************/
button.guillemet { border-width:1px; border: 1px solid gray; background-color:transparent; text-transform:uppercase; font-size:1em; font-family:arial,helvetica; font-weight:bold; cursor:pointer; cursor:hand; }
button.guillemet img { width:0.6875em; height:1.5625em}
button.guillemet span { font-size:0.875em; }
/*********** LINK with guillemet image *************/
a.guillemet { border-width:0px; background-color:transparent; text-transform:uppercase; font-size:1em; font-family:arial,helvetica; font-weight:bold; cursor:pointer; cursor:hand; }
a.guillemet img { width:0.6875em; height:0.5625em; margin-right:0.375em; }
a.guillemet span { font-size:0.875em; }
/*********** RATING stars *************/
p.aoc-rating{ margin:0; line-height:0.625em; display:none; }
p.aoc-rating br{height:0.625em;}
p.aoc-rating img{ width:0.625em; height:0.5625em; cursor:pointer; cursor:hand; }
p.aoc-rating span { font-size:0.625em; line-height:1em; }
p.aoc-rating span.saved { color:firebrick; }
/*********** LINK with arrow or plus image *************/
p.aoc-arrowlink { margin:0; margin-left:1.25em!important; text-indent:-1.25em!important; font-size:1em!important; ; }
p.aoc-arrowlink a { font-size:1em!important; }
p.aoc-arrowlink img { width:0.625em!important; height:0.625em!important; margin-right:0.625em!important; }
p.aoc-arrowlink span { font-size:0.75em!important; font-family:arial,helvetica;text-transform:uppercase; text-decoration:none; font-weight:bold; }
p.aoc-arrowlink-right { margin:0; font-size:1em!important; }
p.aoc-arrowlink-right a { font-size:1em; }
p.aoc-arrowlink-right img { width:0.625em!important; height:0.625em!important; margin-left:0.625em!important; }
p.aoc-arrowlink-right span { font-size:0.75em; font-family:arial,helvetica;text-transform:uppercase; text-decoration:none; font-weight:bold; }
/*********** Popup Div and In-Page version for non-JS *************/
div#adb-popup { visibility:hidden; position:absolute; left:0px; top:0px; z-index:4000; border:1px black solid; color:#000000; background-color:#ffffe0; }
div#adb-popup div#adb-popup-content { font-size:.625em; padding:.5em; }
div#adb-popup div#adb-popup-header { border-bottom: 1px black solid; background:#eeeeee; text-align:right; }
div#adb-popup div#adb-popup-header img { margin:.25em; width:1em; height:.875em; cursor:pointer; cursor:hand; }
div#adb-popup-trans{ position:absolute; border:2px gray solid; overflow:hidden; z-index:4000;}
div.anchor-popup-link{ font-size: .625em; }
div.anchor-popup-link-content{ clear:both; margin:1px; padding: 1em; height : 20em; overflow:auto; }
div.anchor-popup-link a.link-return{ float:right; height:2.5em; line-height:2.5em; display:block; padding-right:.5em; }
/*********** "more/reset" recommendations link ( displayed by JS ) *************/
.morerecs-xml, .resetrecs-xml { display:none; }
/*********** "greyed out" read-only inputs. should be used in tandem with 'readonly="readonly"' XHTML *************/
input.readonly, textarea.readonly { background-color:#f2f2f2; }
/*********** font-size adjustments for body text *************/
.font10to12 { font-size:1.2em; }
.font10to11 { font-size:1.1em; }
.font10to9 { font-size:0.9em; }
.font11to12 { font-size:1.0909em; }
.font11to10 { font-size:0.9091em; }
.font11to9 { font-size:0.8182em; }
/*********** Hard Copy PRINT modifications *************/
@media print
{
body { font-size:87.5%; }
div#nav-bar-container,
div#framework-navigation-horizontal,
.aoc-gutter-horiz .aoc-gutter-horiz-text,
div.aoc-title .aoc-title-buttons,
#framework-footer-container .secondrow { display:none; }
#framework-footer { background:transparent url(none); }
#framework-footer-container .firstrow { visibility:hidden; }
#framework-footer-container .firstrow .copyright { visibility:visible; color:#000000; }
}