/* -- CSS Document -------------------------------------- */

body{
  background-color: #f7f7f7;
  color: #171717;
  /* font:normal 13px/20px Georgia, "Times New Roman", Times, serif; */
  font-size: 1em;
  font-family: "Times New Roman", Times, serif;
  margin: 0; 
  padding: 0;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
  margin: 0; 
  padding: 0;
}
ul{ 
  list-style:none; 
}
img.ricksmall{
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #eeeeee;
}
img.ricksmallFloatRight{
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #eeeeee;
  float: right;
  margin: 15px 0 0 15px;
  padding: 0;
  clear: left;
}
ul.bulleted{
  list-style:disc; 
  padding: 0;
  margin: 0 0 15px 0;
  width: 350px;
  float: left;
}
ul.bulleted li{
  margin: 7px 0 7px 34px;
}
hr.dotted{
  margin: 10px 0 10px 0;
  height: 1px;
  border: 1px dashed #dddddd;
  
}
/* -- top/bottom navigation menu ------------------------ */
.topNav, .bottomNav{
  width: 100%; 
  height: 37px;
  background-color: #292929;
  text-align: center;
}
.topNav ul, .bottomNav ul{
  width: 670px; 
  margin: 0 auto;
}
.topNav ul li, .bottomNav ul li{
  height: 37px; 
  float: left;
  color: #C1C1C1;
  font:bold 12px/37px Arial, Helvetica, sans-serif;
}
.topNav ul li a, .bottomNav ul li a{
  padding: 0 18px; 
  height: 37px; 
  float: left; 
  text-decoration: none; 
  display: block;
  color: #C1C1C1;
  font: bold 12px/37px Arial, Helvetica, sans-serif;
}
.topNav ul li a:hover{
  background:url(images/nav_top_arrow.gif) no-repeat center top;
  color: red;
  background-color: #292929;
}
.topNav ul li a.hover{
  padding: 0 18px; 
  height: 37px; 
  float: left; 
  text-decoration: none; 
  display: block;
  color: #C1C1C1;
  font: bold 12px/37px Arial, Helvetica, sans-serif;
  background:url(images/nav_top_arrow.gif) no-repeat center top;
}
.bottomNav{
  margin: 15px 0 0 0;
}
.bottomNav ul li a:hover{
  background:url(images/nav_btm_arrow.gif) no-repeat center bottom;
  color: red;
  background-color: #292929;
}
.bottomNav ul li a.hover{
  padding: 0 18px; 
  height: 37px; 
  float: left; 
  text-decoration: none; 
  display: block;
  color: #C1C1C1;
  font: bold 12px/37px Arial, Helvetica, sans-serif;
  background:url(images/nav_btm_arrow.gif) no-repeat center bottom;
}
/* -- top/bottom navigation menu end ------------------------------- */

#adminlogin{
  text-align: right;
  float: right;
  margin: -30px 10px 0 0;
}

/* -- icon navigation for home page start -------------- */
ul#nav_icon1{
  list-style: none;
  height: 144px;   /* put full image size here */
  width: 175px;
  padding: 0;
  float: left;
  background-position: 0 -3px;
}	
ul#nav_icon2 {
  list-style: none;
  height: 144px;   /* put full image size here */
  width: 175px;
  padding: 0;
  float: left;
  background-position: 0 -3px;
}	
ul#nav_icon3{
  list-style: none;
  height: 144px;   /* put full image size here */
  width: 175px;
  padding: 0;
  float: left;
  background-position: 0 -3px;
}	
ul#nav_icon1 li,
ul#nav_icon2 li,
ul#nav_icon2 li {
  /* float: left;
  clear: none; 
  margin: 0 4px 0 0; */
  overflow: hidden;
  display: inline;   /* fix IE double width margin bug*/
}

ul#nav_icon1 li a,
ul#nav_icon2 li a,
ul#nav_icon3 li a {
  display: block;
  position: relative;
  width: 150px;
  height: 144px;
}
ul#nav_icon1 li a span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/icon_courier_combined4.gif);
}
ul#nav_icon2 li a span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/icon_legal_combined4.gif);
}
ul#nav_icon3 li a span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/icon_printworks_combined4.gif);
}	
ul#nav_icon1 li a.roll:hover span  { background-position: 0 -146px; }
ul#nav_icon2 li a.roll:hover span  { background-position: 0 -147px; }
ul#nav_icon3 li a.roll:hover span  { background-position: 0 -148px; }
ul#nav_icon1 li a#over span  { background-position: 0 -146px; }
ul#nav_icon2 li a#over span  { background-position: 0 -147px; }
ul#nav_icon3 li a#over span  { background-position: 0 -148px; }
ul#nav_icon1 li a#over:hover span  { background-position: 0 -145px; }
ul#nav_icon2 li a#over:hover span  { background-position: 0 -147px; }
ul#nav_icon3 li a#over:hover span  { background-position: 0 -148px; }	
ul#nav_icon1 li a:hover,
ul#nav_icon3 li a:hover,
ul#nav_icon2 li a:hover {
  cursor: pointer;
  text-decoration: none;
}	
#header_icons{
  position: absolute; 
  top: 177px;
  left: 0;
  width: 100%;
  text-align: center;
}
#header_icons_centered_wrapper{
  margin: 0 auto 0 auto;
  width: 525px;
  height: 146px;
  padding: 0;
  text-align: center;
}
#header img{
  border: 0;
}
/* -- icon navigation for home page end --------------------- */


/* -- header start ------------------------------------------ */
#header{
  width: 850px;
  margin: 0 auto 0 auto; 
  height: 169px; 
  text-align: center; 
  padding: 0;
  padding: 0 0 0 40px;
}
#header img{
  margin: 0 auto 0 auto;
  float: left;
}
#networklinks{
  float: left;
  width: 48px;
  margin: 0 0 0 -3px;
}
#networklinks img{
  border: 0;
  margin: 0px 0 0px 0;
  height: 48px;
  width: 48x;
}
#networklinks a{
  margin: 0px 0 0px 0;
  width: 48px;
  color: #ffffff;
}
/* -- header end --------------------------------------------- */


/* -- body start --------------------------------------------- */

#homepagespacer{
  /* home pg only : space content below 3 nav icons */
  height: 114px;
  width: 100%;
  margin: 0;
  padding: 0;
}
#bodyContent{
  width: 683px;
  margin: 0 auto 0 auto;
  padding: 0 0 25px 0;      /* space between body and footer */
  color: #171717;
  background-color: #F7F7F7;
}
.bodyText{
  padding: 0;
  margin: 0;
  border-top: 1px solid #F7F7F7;;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.bodyText h2{
  font: bold italic 24px/34px Georgia, "Times New Roman", Times, serif; 
  color: #B10000;
  margin: 0;
  padding: 0;
}
.bodyText h2 span{
  color: #000000; 
  background-color: #F7F7F7;
  margin: 0;
  padding: 0;
}
.bodyText h3{
  font:bold 20px/24px Georgia, "Times New Roman", Times, serif; 
  color: #526D0D;
  background: url(images/folder_icon.gif) no-repeat 0 5px #F7F7F7; 
  padding: 0 2px 0 25px;
  margin: 0;
}
.bodyText h4{
  font:normal 20px/24px Georgia, "Times New Roman", Times, serif; 
  color: #000000;
  background-color: #FFF7DE; 
  padding: 0 0 0 10px;
  margin: 0;
}
.bodyText p{
  font: normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717;
  padding: 10px 0; 
  background-color: #F7F7F7;
  margin: 0;
}
.bodyText p a{
  color: #003E6A; 
  background-color: #F7F7F7; 
  text-decoration: underline;
  margin: 0;
  padding: 0;
}


#paypalwrapper{
  padding: 0;
  margin: 10px 0 15px 0;
  border: 0;
}
#paypalwrapperL{
  float: left;
  text-align: center;
  background-image: url(images/paypalbkg.gif);
  background-repeat: no-repeat;
  width: 291px;
  height: 90px;
  padding: 9px 25px 15px 25px;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  margin: 0 auto 0 auto;
}
#paypalwrapperR{
  float: left;
  text-align: center;
  background-image: url(images/paypalbkg.gif);
  background-repeat: no-repeat;
  width: 291px;
  height: 90px;
  padding: 19px 25px 15px 25px;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  margin: 0 auto 0 auto;
}
#paypalwrapperC{
  text-align: center;
  background-image: url(images/paypalbkg.gif);
  background-repeat: no-repeat;
  width: 291px;
  height: 90px;
  padding: 9px 25px 15px 25px;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  margin: 0 auto 0 auto;
}
#paypalwrapperC form{
  margin: 16px auto 0 auto;
}
#paypalwrapper form{
  margin: 6px auto 0 auto;
}
img{
  text-decoration: none;
  border: 0;
}

/* 3 boxes ************************************* */
.catagory{
  margin: 35px 0 0 0;
  border-top: 1px solid #F7F7F7;
  border-bottom: 1px solid #F7F7F7;   
  border-left: 0;
  border-right: 0;
}
.pink{
  width: 200px; 
  padding: 7px 12px 10px 0; 
  float: left;
  background:url(images/pink_bkg_box.gif) repeat-x 0 0 #F7F7F7;  
  color: #4B2B3E;
}
.pink h2, .green h2, .blue h2{
  color: black;
  margin: 3px 0 13px 10px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25em;
  font-size: .86em;
}
.pink h3{
  background: url(images/news_icon.gif) no-repeat 2px 13px; 
  color: #850049;
  font: bold 20px/38px Georgia, "Times New Roman", Times, serif; 
  padding: 0 9px 0 22px;
  margin: 0;
}
.pink h5{
  color: #000000; 
  text-transform: uppercase;
  font: bold 10px/11px Georgia, "Times New Roman", Times, serif;
  margin: 0 0 0 10px;
  padding: 0;
}
.pink p{
  color: #4B2B3E; 
  padding: 3px 0 10px 10px;
  margin: 0;
  font: normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.pink a.more{
  background: url(images/pink_more_btn.gif) no-repeat 0 0; /* #FFFFFF; */ 
  /* color: #000000; */
  width: 46px; 
  height: 11px; 
  display: block; 
  float: right;
  /* text-decoration: none; */ 
  text-indent: -2000px;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.pink a.more:hover{
  background: url(images/pink_more_btn_h.gif) no-repeat 0 0 #FFFFFF; 
  color: #000000;
}
.green{
  width: 200px; 
  padding: 7px 12px 10px 0;
  float: left; 
  margin: 0 23px;
  background:url(images/green_bkg_box.gif) repeat-x 0 0 #F7F7F7;
  color: #4B2B3E;
}
.green h3{
  background:url(images/solution_icon.gif) no-repeat 2px 13px; 
  color: #516D0A;
  font: bold 20px/38px Georgia, "Times New Roman", Times, serif; 
  padding: 0 9px 0 22px;
}
.green h5{
  color: #000000; 
  text-transform: uppercase;
  font:bold 10px/11px Georgia, "Times New Roman", Times, serif;
  margin: 0 0 0 10px;
}
.green p{
  color: #3D5C32; 
  padding: 3px 0 27px 0;
  font: normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green p a.line{
  color: #3D5C32; 
  padding: 0;  
  text-decoration: underline;
  font: normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green p a.line:hover{
  color: #3D5C32; 
  padding: 0;  
  text-decoration: none;
  font:normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.green a.more{
  background:url(images/green_more_btn.gif) no-repeat 0 0 #FFFFFF; 
  color: #000000;
  width: 46px; 
  height: 11px; 
  display: block; 
  float: right;
  text-decoration: none; 
  text-indent: -2000px;
  padding:0; 
  line-height:0;
}
.green a.more:hover{
  background:url(images/green_more_btn_h.gif) no-repeat 0 0 #FFFFFF; 
  color: #000000;
}
.blue{
  width: 200px; /* 182px; */ 
  padding: 7px 12px 10px 0;
  float: left;
  background:url(images/blue_bkg_box.gif) repeat-x 0 0 #F7F7F7;
  color: #4B2B3E;
}
.blue h3{
  background: url(images/support_icon.gif) no-repeat 2px 11px; 
  color: #364A5B;
  font: bold 20px/38px Georgia, "Times New Roman", Times, serif; 
  padding: 0 9px 0 22px;
}
.blue h5{
  color: #000000; 
  text-transform: uppercase;
  font: bold 10px/11px Georgia, "Times New Roman", Times, serif;
  margin: 0 0 0 10px;
}
.blue p{
  color: #364A5B; 
  padding: 3px 0 10px 0;
  font: normal 11px/17px Georgia, "Times New Roman", Times, serif;
}
.blue a.more{
  background: url(images/blue_more_btn.gif) no-repeat 0 0 #FFFFFF; 
  color: #000000;
  width: 46px; 
  height: 11px; 
  display: block; 
  float: right;
  text-decoration: none;
  text-indent: -2000px;
  padding: 0; 
  line-height: 0;
}
.blue a.more:hover{
  background: url(images/blue_more_btn_h.gif) no-repeat 0 0 #FFFFFF; 
  color:#000000;
}
.goal{
  padding:0; 
  margin: 35px 0 0 0;
}
.goal h2{
  font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif;
  color: #B10000; 
  /* background-color: #F7F7F7; */
}
.goal h2 span{
  color:#000000; 
  /* background-color: #F7F7F7; */
}
.goal p{
  font:normal 13px/20px Georgia, "Times New Roman", Times, serif; 
  color: #171717;
  padding: 10px 0; 
  margin: 0 0 0 20px;
  /* background-color: #F7F7F7; */
}
.goal p.greenText{
  font:normal 13px/20px Georgia, "Times New Roman", Times, serif; 
  color: #526D0D;
  padding: 6px 0; 
  /* background-color: #F7F7F7; */
}
.goal ul{
  margin: 0 0 0 20px;
}
.goal ul li{
  font: normal 13px/20px Georgia, "Times New Roman", Times, serif; 
  color: #171717;
  padding: 2px 2px 2px 23px; 
  margin: 0 0 5px 0;
  background: url(images/bullet.gif) no-repeat 2px 5px #FFFBED;
}

/* general ************************************/
.floatLeft{
  float:left;
}
.centered{
  text-align: center;
}
.bigbold{
  font-size: 110%;
  font-weight: bold;
}
ul.normal{
  list-style-type: disc
}
ul.normal li{
  margin: 3px 0 0 25px;
}
.hidden{
  display: none;
  visibility: hidden;
}
.clearright{
  clear: right;
}

/* client list including icons and comments ************ */
#clientlistL{
  float: left;
  width: 326px;
  padding: 0 15px 0 0;
  height: 100%;
  font-size: 1.2em;
}
#clientlistR{
  margin: 0 0 0 341px;
  width: 341px;
  font-size: 1em;
}
#clientlistR img{
  clear: right;
}
#clientlist li{
  margin: 35px 0 35px 0;
}
.businesspartner{
  margin: 18px 0 18px 0;
  width: 339px;
  border: 1px solid #F7F7F7;
}
.businesspartner img{
  margin: 0 10px 0 0;
}
.businesspartner img.floatleft{
  float: left;
}
/* end client list including icons and comments ************ */


#mailinfo{
  margin: 40px auto 20px auto;
  width: 450px;
}
#mailinfo h5{
  font-weight: bold;
  font-size: 1em;
  margin: 5px 25px 15px 25px;
}
#mailinfo #contacttable{
  margin: 10px 0 0 0;
}
#mailinfo #contacttable td{
  padding: 2px 7px 2px 7px;
}

/* contact page boxes */
.boxgreen{
  background-color: #DCF3D4;
  height: 130px;
}
.boxblue{
  background-color: #DAEBFC;
  height: 130px;
}
.boxpink{
  background-color: #FBE2F1;
  height: 130px;
}
.boxtitlegreen{
  color: #ffffff; 
  background-color: green;
  font-size: 1.5em;
  position: relative; 
  top: -0.7em; 
  padding: 0 3px; 
  margin: 0 3px; 
}
.boxtitleblue{
  color:#ffffff; 
  background-color: blue;
  font-size: 1.5em;
  position: relative; 
  top: -0.7em; 
  padding: 0 3px; 
  margin: 0 3px; 
}
.boxtitlered{
  color: #ffffff; 
  background-color: red;
  font-size: 1.5em;
  position: relative; 
  top: -0.7em; 
  padding: 0 3px; 
  margin: 0 3px; 
}

/* contact pg box w/ label in border *********** */
div.box { 
  margin: 0.7em 0 0 0; 
  border: 2px groove; 
} 
span.boxtitle { 
  font-size: 1.5em;
  position: relative; 
  top: -0.7em; 
  padding: 0 3px; 
  margin: 0 3px; 
  color: inherit; 
  background: #fff; 
} 
div.box .boxtext{
  margin: -10px 25px 0px 25px;
  font-size: 1em;
  font-weight: bold;
}

/* ==== tooltip = http://www2.psacake.com:81/web/jl.asp ==== */
a.info{
  position: relative; /* important */
  z-index: 24;
  text-decoration: none; 
  margin: 0px;
  font-size: .9em;
  font-weight: bold;
  padding: 5px 3px 5px 3px; 
  border: 0; 
}
a.info2{
  position: relative; /* important */
  z-index: 24;
  color: #dd0000;
  background-color: red;
  text-decoration: none;
  font-size: .95em;
  text-align: center;
  font-weight: bold;  
}
a.info:hover{
  z-index: 25; 
  background-color:  #ff0;
}
a.info2:hover{
  z-index: 25; 
  background-color: #f7f7f7;
}
a.info span, a.info2 span, a.info2 div{
  display: none;
}
a.info:hover span{ 
  /* the span will only be visible on :hover state */
  display: block;
  position:  absolute;
  top: 20px; 
  left: 20px;
  padding: 5px 3px 5px 3px;
  border: 1px solid black;   
  background-color: #dedede;
  min-width: 190px;
  max-width: 300px;
  text-decoration: none;
  font-size: .9em;
  text-align: left;
  font-weight: bold;
  color: #000000;
}
a.info2:hover span, a.info2:hover div{ 
  /* the span will only be visible on :hover state */
  display: block;
  position: absolute;
  top: 10px; 
  left: -227px;
  width: 170px;
  margin: 0;
  padding: 5px 3px 5px 3px;
  color: #dd0000;
  background-color: #ffaaaa;
  border: 1px solid white;
  text-decoration: none;
  font-size: .95em;
  text-align: center;
  font-weight: bold;  
}
table#tdnetworklinks{
  border: 0;
  margin: 0;
  padding: 0;
}
table#tdnetworklinks td{
  padding: 0;
}

/* <a class=info href="#">This is a tooltip <span>this tooltip text appears on mouseover only</span></a> */


/* social networking on About Us pg */

#socialnetworking{
  padding: 10px 10px 0 10px;
  width: 572px;
  margin: 0 auto 45px auto;
  border: 1px solid #333388;
  background-color: #ffffff;
  text-align: center;
}
h4.socialnetworking{
  background-color: #f7f7f7;
  margin: 5px 0 15px 35px;
}
#socialnetworking img{
  border: 0; /* 1px solid blue; */
  padding: 3px 0 3px 0;
  margin: 0 3px 0 0;
}

/* print prices table *************************/
table.printprices{
  border-collapse: collapse;
  border-top:    1px solid #007700;
  border-right:  2px solid #007700;
  border-bottom: 2px solid #007700;
  border-left:   1px solid #007700;
  background-color: #ffffff;
  margin: 20px auto 10px auto;
  font-size: 100%;
  width: 450px;
}
* html table.printprices{
  margin: 20px auto 20px auto;
}
table.printprices th.tableheading{
  background-color: #005500;
  font-size: 112%;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 5px;
  color: #ffffff;
  text-align: center;
}
table.printprices td{
  border: 1px solid #003082;
  padding: 2px 4px 2px 4px;
  text-align: center;
}
table.printprices td.heading{
  font-size: 90%;
  font-weight: bold;
  background-color: #99CCFF; 
  color: #000000;
}
table.printprices td.data{
  text-align: center;
  background-color: #ffffff; 
  color: #000000;
  font-size: 1em;
  color: black;
}
table.printprices td.dataL{
  text-align: left;
  padding: 0 0 0 15px;
}
table.printprices td.datashaded{
  text-align: center;
  background-color: #efefef;
  color: #000000;
  font-size: 1em;
  color: black;
}
table.printprices td.datashadedL{
  text-align: left;
  background-color: #efefef;
  color: #000000;
  font-size: 1em;
  color: black;
  padding: 0 0 0 15px;
}
table.printprices td.datashadedsmaller{
  text-align: left;
  background-color: #efefef;
  color: #000000;
  font-size: .9em;
  color: black;
  font-weight: bold;
}
.largebold{
  font-size: 1.25em;
	font-weight: bold;
	margin: 20px 0 0 0;
}
.green{
  color: #009900;
}
/* contact pg box w/ label in border end ===============================*/
.leftfloatimg{
  float: left;
  margin: 0 22px 0 0
}
.clear{
  clear:both;
}

/* about page **********************************************/
div#customerlinkwrapper{
  border: 1px solid #dddddd;
  border: 2px dotted #317082;
  margin: 25px auto 25px auto;
  padding: 5px;
  width: 500px;
}
div#customerlinkwrapper div.customerlink{
  margin: 5px 0 0 0;
  padding: 0 0 5px 20px;
  border: 0;
  border-bottom: 1px dashed #dddddd;
  background-color: #E2EBED;
}
div#customerlinkwrapper  h4{
  background-color: #E2EBED;
  margin: 0 0 0 -10px;
  padding: 0;
  width: 270px;
}
div#customerlinkwrapper a.linkanchor{
  font-size: 80%;
  margin-left: 15px;
}

/* -- body end --------------------------------------------- */