* { margin: 0; padding: 0; }
body { background: #e5e5e5; margin: 0; color: #333333; }
html, body { height:100%; }
@font-face { font-family: "AR"; font-style: normal; src: url(../Files/ARIALN.eot); src: local('ARIALN'), url('../Files/ARIALN.TTF') format('truetype');}
.content { width: 1030px; text-align: left; margin: 0 auto; height: 100%; }
.contentPadding { padding: 0 14px; }
#BodyContent h1, #BodyContent h1 a { font-size: 24px; font-weight: normal; text-transform: uppercase; padding: 20px 0 0 0; color: #333333 !important;}
#BodyContent h2, #BodyContent h2 a { color: #333333; padding: 0; margin: 0; font-family: Arial; text-transform: uppercase; font-weight: normal;}
.cols h2 { font-size: 16px; }
.rightcol h2 {  margin-top: 11px !important; }
#BodyContent .cols h3 { font-size: 16px; color: #3d0076; padding: 0; margin: 0 0 -11px 0; font-family: Arial; font-weight: bold; }
#BodyContent .cols h4 { font-size: 14px; color: #333333; padding: 0; margin: 11px 0 -11px 0; font-family: Arial; font-weight: bold; }
#BodyContent .cols h5 { font-size: 16px; color: #333333; padding: 0; margin: 11px 0 -11px 0; font-family: Arial; }
a:hover { text-decoration: none; color: inherit; }
p { margin-top: 11px; }
img { border:0; }
sup, sub { font-size:.85em; position:relative; line-height:1em;}
sub { bottom:-2px; }
.compress { margin-right:-2px; }
.nobr	{ white-space:nowrap; }

#FixedTop, #FixedBottom { position: fixed; left: 0; width: 100%; z-index: 99; }
#FixedTop .contentPadding { padding: 0 20px 0 20px; }
#FixedTop { top: 0; height: 126px; background: url(../Images/HeaderBG.png) repeat-x 0 0; text-align: center; }
.navItems { overflow: hidden; font-size: 12px; color: #666666; font-weight: bold; }
.divider { width: 1px; height: 45px; float: left; background: #cccccc; }
.navItem { float: left; height: 40px; line-height: 40px; margin-top: 3px; padding: 2px 15px 0 15px; text-align: center; cursor: pointer; text-transform: uppercase; }
.active { background: #d6d6d6; opacity: 0.6; filter: alpha(opacity=60); color: #000000; }
.navHome { color: #3d0076; }
.navHome a { display: block; }

#Drop { float: right; padding: 0 10px; width: 250px;}
#DropDown { background: url("../Images/DropArrow.jpg") no-repeat scroll right center #f9f9f9; margin: 10px auto 0 auto; border: 1px solid #cccccc; }
#DropDown, .item { padding: 5px 30px 0 10px; height: 18px; cursor: pointer; color: #666666; }
.items { display: none;  border: 1px solid #cccccc; margin-top: -1px; }
.item {display:block; background: #f9f9f9; color: #666666 !important;}
.item:hover { background: #e6e6e6; }

#FixedBottom { bottom: 0; height: 52px; background: url(../Images/FooterBG.png) repeat-x transparent; font-size: 68%; }
#FixedBottom .content { margin-top: 8px; text-align: center; line-height: 45px; }
#FixedBottom .contentPadding { padding: 0 40px 0 40px; }
.navBottomItem { width: 33%; float: left; height: 45px; }
.navBottomItem, .navBottomItem a, .navBottomItem a:hover { color: #666666; font-weight: bold; text-decoration: none; }

#Share { text-align: left; cursor: pointer; position: relative; }
#ShareMe { position: absolute; display: none; bottom: 40px; left: 0; height: 32px; line-height: 32px; }
#ShareMe a { width: 40px; height: 32px; }
#ShareMe a:hover { opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75; }
#ShareMe img { width: 32px; height: 32px; }

#Scroll { color: #4d148c; }
#Scroll span { background: url(../Images/FooterScroll.jpg) no-repeat 0 50%; display: block; width: 160px; margin: 0 auto; cursor: pointer; }

#EmailFriend { text-align: right; }
#EmailFriend span { background: url(../Images/FooterEmail.jpg) no-repeat 0 50%; padding-left: 20px; cursor: pointer; }

#BodyContent { font-size: 13px; line-height: 19px; }

#HB { background: url(../Images/Home.jpg) no-repeat 0 0; height: 345px; }
#HB .p1 { }
#HB .p2 { margin-top: 15px; font-size: 15px; }

.cols { overflow: hidden; margin-bottom: 18px; }
.leftcol { width: 752px; float: left; }
.rightcol { width: 232px; float: right; }
.dsTop, .dsBottom { height: 16px; }
.dsMiddle { padding: 0 16px; }
.cols p a, .links a { font-weight: bold; color: #4d148c; }
.links a { background: url(../Images/arrow_purple.gif) no-repeat 100% 50%; padding-right: 10px; }

.leftcol .dsTop { background: url(../Images/DSTop752.jpg); }
.leftcol .dsBottom { background: url(../Images/DSBottom752.jpg); }
.leftcol .dsMiddle { background: url(../Images/DSMiddle752.jpg) repeat-y; }
.leftcol .colcopy .padding { padding: 230px 20px 10px 20px; }
.leftcol .links { margin-top: 20px; }
.leftcol .links a {font-size:12px; }

.rightcol { width: 232px; }
.rightcol .dsTop { background: url(../Images/DSTop232.jpg); }
.rightcol .dsBottom { background: url(../Images/DSBottom232.jpg); }
.rightcol .dsMiddle { background: url(../Images/DSMiddle232.jpg) repeat-y; font-size: 12px; line-height: 18px; min-height: 100px; }
.rightcol .colcopy { min-height: 105px; }
.rightcol .colcopy .padding { padding: 0 10px 0 10px; }
.rightcol .colcopy .links { padding: 10px 0; }
.rightcol .fixedcol { position: relative; }
.rightcol .fixedcol .padding { padding: 0 10px 40px 10px; }
.rightcol .fixedcol .links { position: absolute; bottom: 10px; left: 10px; }

/*Forward Thinking*/
#section1_layer .colcopy { height: 230px; }
#section1_layer .leftcol .colcopy { background: url(../Images/Home1Left.jpg) no-repeat; }
#section1_layer p b { font-size: 15px; }

/*Online Shopping*/
#section2_layer .leftcol .colcopy, #Online .leftcol .colcopy { background: url(../Images/Home2Left.jpg) no-repeat; min-height: 220px; }

/*Innovation*/
#section3_layer .leftcol .colcopy, #Innovation .leftcol .colcopy { background: url(../Images/Home3Left.jpg) no-repeat; min-height: 220px; }

/*The Access Effect*/
#section4_layer .leftcol .colcopy { background: url(../Images/Home4Left.jpg) no-repeat; min-height: 220px; }
.stacked { margin-bottom: 18px; }
#section4_layerR2 .colcopy .padding { padding: 0 0 0px 0; }

/*Powering Possibilities*/
#section5_layer .colcopy { height: 370px; }
#section5_layer .leftcol .colcopy { background: url(../Images/Home5Left.jpg) no-repeat; }
#section5_layer .rightcol .colcopy .padding { padding: 10px; line-height: 22px; font-weight: bold; }

#ResourceList a{ font-weight: bold; color: #4d148c; }

.modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; background: #000; opacity: .75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index: 9999; }
.modal-window { position: fixed; top: 50%; left: 50%; margin: 0; padding: 0; z-index: 99999; }
.close-window { position: absolute; width: 29px; height: 29px; right: -29px; top: 0; z-index: 999999; background: transparent url('../Images/closeBtn.png') no-repeat scroll right top; text-indent: -99999px; overflow: hidden; cursor: pointer; }

#Interior, #Online, #Innovation { padding-top: 20px; font-size: 12px; }
#Interior .leftcol .colcopy { min-height: 200px; padding-bottom: 20px; }
#Interior .leftcol .colcopy .padding { padding: 20px 20px 0 20px; }
#Interior .img { padding: 20px 0 10px 0; }

ol, ul { margin: 0; padding: 0 0 0 20px; }
ol { font-weight: bold; }
li {padding: 0; margin: 11px 0 0 0; }
ol li { list-style-position: inside;  }
ol li span { font-weight: normal; }


#Online h3 { margin-bottom: 0 !important; }
#Retailers, #Recipients { padding: 0 0 0 130px; margin: 20px 0 0 0; }
#Retailers { background: url(../Images/Truck.jpg) no-repeat; min-height:100px; }
#Recipients { background: url(../Images/House.jpg) no-repeat; min-height:100px; }

#Icons { font-size: 11px; line-height: 15px; font-weight: bold; margin: 10px 0 20px 0; }
#Icons .row { overflow: hidden; width: 550px; margin-top: 5px; }
.icon { float: left; width: 33%; height: 39px; }
.icon div { padding: 5px 40px 0 45px; }
#Schedule { background: url(../Images/IconSchedule.jpg) no-repeat; }
#Hold { background: url(../Images/IconHold.jpg) no-repeat; }
#Instructions { background: url(../Images/IconInstructions.jpg) no-repeat; }
#Deliver { background: url(../Images/IconDeliver.jpg) no-repeat; }
#Sign { background: url(../Images/IconSign.jpg) no-repeat; }
#Vacation { background: url(../Images/IconVacation.jpg) no-repeat; }

#Footnotes { font-size: 9px; line-height: 15px; }

.hr { border-top: 1px solid #cccccc; margin-top: 30px; padding-top: 30px; }

#Innovation h4 { margin: 0 0 -7px 0 !important; }
.stats { overflow: hidden; margin-top: 20px; margin-left: -30px; }
.stat { width: 33%; float: left; }
.stat .padding { padding: 0 0 0 30px !important; }
.stat h6 { font-family: "Arial Narrow", "AR", Arial, sans-serif; font-stretch: condensed; height: 65px; font-size: 65px; line-height: 1em; padding: 0; margin: 0 0 -2px 0; position: relative; }
.stat h6 .small { font-size: 18px; }
.stat h6 .tight { letter-spacing: -2px; padding-right: 3px; }
.stat h6 .supertight { letter-spacing: -10px; margin-left: -5px; margin-right: 3px; }
.stat h6 .percent { position: absolute; top: 0; font-size: 32px; line-height: 1em; margin: 5px 0 0 0; }
.stat p { margin: 0; font-size: 11px; line-height:18px; }