

/* ////////////////////////////////=- Staples media -=//////////////////////////////// */
/* zero-out the bordered wrappers*/
#mediaall .b003, #mediaall .b301, #mediaall .b302, #mediaftr .b412 { border:0; padding:0 2px 0 2px; background:transparent; color:#000 }

/* header and footer */
#mediahdr, #mediaftr { margin-bottom:0 }
#mediahdr h1 { margin:0; padding:0; text-indent:-999px }
#mediahdr h1 a { display:block; height:110px;  !important }
#mediaall { background: url(/sbd/content/about/media/img/layout/media-footer.gif) no-repeat !important; background-position: bottom left !important; padding-bottom: 58px; }
#headline { height: 60px; text-indent:-9999px; text-decoration:none; }
#breadcrumbs .n03 {margin: 0 0 0 0; padding: 0 0 0 8px; color: #666666 }
#breadcrumbs a { color: #666666 }
#mediaother {background: url(/sbd/content/about/media/img/layout/media-header.gif) 0 112px no-repeat !important;}
#mediahdr {height: 80px;  }
#mediabody { min-height:450px; height:auto; position:relative; }
* html #mediabody { height: 450px; }

/* body */
#mediaall {  }
#mediaall table, #mediaall tr, #mediaall td {padding: 0; margin: 0 ; border: 0}
#mediaintro *, #mediaall h4 { color:#CC0000; background:transparent }
div.mediarest { padding-top:15px; }
.mediarest, .mediarest * { color:#333333; background:transparent; }
#mediaall h2 { font-size:14pt; font-weight: bold; color: #005EC2 }
.mediarest p { padding: 0 0 4px 0; }
#mediahome h3 { clear:both }
#mediaall h3, #mediaall h4 {  line-height:1 }
.mediarest h3 { color: #CC0000; font-size: 10pt; padding: 10px 0 4px 0; margin: 0; }
.w01 h3, h3#headline0 {padding-top: 0};
.mediarest h4 { color: #CC0000 !important; font-size: 8pt; font-weight: bold; padding: 8px 0 4px 0; margin: 0; display: block; clear: both; }
.mediarest h5 { color: #005EC2 };

.flash {margin-bottom: 20px;}

.mediarest div { width: 414px; padding-bottom: 10px; }
.mediarest div.mediabullet1 { width: 42% !important; text-indent: -14px; padding: 0 14px 0 14px; margin: 0 0 8px 0;}
.mediarest div.mediabullet2 { width: 94% !important; text-indent: -14px; padding: 0 14px 0 14px; margin: 0 0 8px 0;}
dl.mediaflags { padding-bottom: 10px; }
.mediaflags dt { margin: 0 0 0 60px; padding: 0; font-size: 1em; }
.mediaflags dd { margin: 0 0 0 60px; padding: 0; display: block; }
.mediaflags dd.mediaflag { margin: -1em 0 0 0; float: left; padding: 0 !important; }
dl.mediabios { border-top: 1px dashed #005EC2; padding: 10px 0 10px 0; margin: 20px 0 0 0; }
.mediabios dt { margin: 0 4px 0 100px; padding: 0; font-size: 1em; display: inline; float: left; color: #CC0000 !important;}
.mediabios dd { margin: 0 0 0 100px; padding: 0; display: block;  }
.mediabios dd.portrait { margin: -1em 0 0 0; float: left; padding: 0 !important; }
.mediabios dd.title { font-weight: bold; }
.mediabios img { border: 1px solid #005EC2; }
dl.contactinfo { padding: 12px 0 12px 0; margin: 0; }
.contactinfo dt { width: 290px; float: left; padding-bottom: 12px;  }
.contactinfo dd { margin: 0 0 0 310px; padding: 0;}
.contactinfo dd p { margin: 0; padding: 0; line-height: 1;}
.biojumplinks a, .contactinfo a { color: #005EC2 !important;}
.mediarest a { color: #005EC2 !important;}
a.medianews { text-decoration: none;  }
a.medianews:hover { text-decoration: underline; }
div.quadimage { width: 25% !important; padding: 14px 0 14px 0;  margin: 0; }
.quadimage img {display: block; margin-left: auto; margin-right: auto; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .mediaflags dd { height: 1%; margin: 0 0 0 57px}
* html .mediabios dd { height: 1%; margin: 0 0 0 97px}
* html .contactinfo dd { height: 1%; margin: 0 0 0 297px;}
/* End hide from IE5/mac */
.mediarest li { margin: 0 0 0 -2px; padding: 0 0 4px 0}
.mediarest em {color: #CC0000;}
#mediaall hr {border: none 0; border-top: 1px dashed #005EC2;}
img.borderblue { border: 1px solid #005EC2; }
img.bordergray { border: 1px solid #B3B3B3; }
.uparrow p, .uparrow a:link, .uparrow a:visited, .uparrow a:hover, a.uparrow:link, a.uparrow:visited, a.uparrow:hover { background:url(/sbd/content/about/media/img/layout/media-uparrow.gif) no-repeat 0 5px !important;  background-position: right !important; padding-right: 14px;  display:block; float:right; color: #005EC2 !important; }
ul.jumplinks {margin: 0 0 26px 0; border: 0; padding: 0; float: left; width: 100%;}
.jumplinks li {display: inline; margin: 0 !important;  padding: 0 !important; border-top: 1px solid #A8CBF0; border-left: 1px solid #A8CBF0; border-right: 1px solid #6F8EB1; border-bottom: 1px solid #6F8EB1; float: left; width: 48px; text-align: center; }
.jumplinks li a { padding: 2px 4px 3px 4px !important; background-color: #D5E9FF !important; display: block; color: #005EC2 !important; }
.jumplinks li a:hover { background-color: #B4D8FF !important; color: #005EC2 !important; }
#mediaall .c03 {margin-right: 100px;}

/* nav & sidebars */
#navcontainer { width: 185px !important; width: 173px; position:absolute; left: 570px; top: -65px; padding: 0; z-index: 0; }
#custservnav, #myacctnav { z-index: 1000 !important; }
#navboxes { padding: 0 0 19px 0 !important; width: 185px !important; width: 173px; background:url(/sbd/content/about/media/img/layout/media-navbumper.gif) no-repeat 0 5px !important;  background-position: bottom left !important;	 }
#navcontainer .c21 { background: #005EC2; padding: 2px 0 2px 0; width: 100%; }
#mediaflash { background: #ffffff !important; }
#navcontainer .w11 { background: #D5E9FF; width: 169px; }
#mediaall .c21 h4 { color: #ffffff; text-indent:0px; margin:0; padding-bottom:4px ;}
#mediaall .c21 li { padding: 0; line-height:1.5; width: 100% ; border-bottom:1px dashed #80B1E7; }
#mediaall .c21 li a { padding: 2px 0 2px 0; display:block; width:100%; text-decoration:none; color:#0D70D8; }

#mediaall .c21 li li { padding: 0; margin: 0; line-height: 1.2; border: 0;  }
#mediaall .c21 li ul { padding: 0; margin: 0 0 6px 0; border: 0; width:155px; }
#mediaall .c21 li li a { width: 100%; padding: 0 0 0 15px; margin: 0; background:transparent url(/sbd/content/about/media/img/layout/media-bullet.gif) 7px 5px no-repeat}
#mediaall .c21 li li a:hover { background:#B4D8FF url(/sbd/content/about/media/img/layout/media-bullet.gif) 7px 5px no-repeat}

#mediaall .c21 h4 a { color: #ffffff; text-decoration:none; }
#mediaall .c21 a:hover { background-color:#B4D8FF ;}
#mediaad p { color:#fff; background:#C7CD00; padding:8px }
#mediaad img { width: 169px;}
#medialearnmoreindex {padding-top: 20px;}

img#bodyimg { margin-bottom: 12px; }


.w01 {padding: 6px !important; padding: 4px}

