/* CSS Document */

body {margin: 0; padding: 0; background: #ffffff url(../images/site/bg.png) repeat;}

#topnav {width: 990px; margin: 2px auto 0px auto; text-align:right; height:15px;}
#topnav a {text-decoration:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#topnav img {border:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#locator {margin:0px 102px 20px 102px;padding:0;width:646px;background: #ffffff url(../images/site/locatebg.jpg) top center no-repeat;}
.storefinder {background: #ffffff url(http://www.printappeal.com/images/site/search.jpg) center no-repeat;padding:0;margin:0 0 0 360px;border:none;height:32px;width:90px;}

#container {width:990px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: #4e4b52 solid 2px; background: #ffffff url(../images/site/bg2.png) repeat 61px -89px;}
#content {margin: 0px 13px 0px 13px; padding: 0px 0px 0px 0px; width: 960px; border: #4e4b52 solid 2px; background: #ffffff; color: #4e4b52;}

#content h1 {color:#75538b; font-size:15px; text-align:center; margin:15px 0px 0px 0px; height:32px; padding:0;}

#content2 {margin: 0px 13px 0px 13px; padding: 0px 0px 0px 0px; width: 960px; border: #4e4b52 solid 2px; background: #ffffff; color: #4e4b52;}

#content2 h1 {color:#75538b; font-size:15px; text-align:center; margin:15px 0px 0px 0px; height:32px; padding:0;}



.text {margin:5px 50px 0px 50px;}
.text660 {margin:5px 150px 0px 150px;}
.text860 {margin:5px 50px 0px 50px;}
.textmain {margin:10px 50px 0px 50px; height:110px;}
.textmain2 {margin:0px 30px 0px 30px; height:110px;}
.pics100 {margin:5px 50px 0px 50px; text-align:center;}
.pics860 {margin:10px 50px 0px 50px; text-align:center;}
.pics660 {margin:10px 150px 0px 150px; text-align:center;}
.pics430 {width:430px;text-align:center;float:left;}
.pics330 {width:330px;text-align:center;float:left;}
.lbimage {border:solid #FFFFFF 2px;}
.lbimage:hover {border:solid #75538b 2px;}
.lbcircle {border:solid #FFFFFF 2px;}
.lbcircle:hover {border:solid #dfdfdf 2px;}
.pics260 {margin:5px 50px 0px 50px; text-align:center;}
.pics260 a {text-decoration:none;}
.pics260 img {border:solid #FFFFFF 2px;}
.pics260 img:hover {border:solid #dfdfdf 2px;}

.textbottom {margin:0px 50px 10px 50px; text-align:center; font-size:11px;}
#content a:visited, a:link {text-decoration:none; color:#75538b;}

#logo {margin:0px 12px 0px 12px; height:254px; width:990px;}
#logo a {text-decoration: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

form {margin:0;padding:0;}
input, textarea, select {margin:0;padding:0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;border:1px solid #7f9db9; color:#333333;}
.logon {background: #ffffff url(/images/site/login.jpg) center no-repeat;padding:0;margin:10px 0 0 0;border:none;height:42px;width:120px;}

#nav {margin:0; padding:0; list-style:none; height:42px; position:relative; z-index:100; width:964px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:42px; width:120px; text-decoration:none; padding:0;}
#nav li a b {margin-left:-5220px;}

#nav li a.retail {background:url(../images/site/retail.jpg);}
#nav li a.custom {background:url(../images/site/custom.jpg);}
#nav li a.seasonal {background:url(../images/site/seasonal.jpg);}
#nav li a.discounted {background:url(../images/site/discounted.jpg);}
#nav li a.store {background:url(../images/site/store.jpg);}
#nav li a.dealer {background:url(../images/site/dealer.jpg);}
#nav li a.locator {background:url(../images/site/locator.jpg);}
#nav li a.contact {background:url(../images/site/contact.jpg);}
#nav li a.custom-more {background:url(../images/site/custom-more-info.jpg);}

#nav li:hover a, #nav a:hover {background-position: 0 42px;}

#nav table {position:absolute; border-collapse:collapse; padding:0; top:0; left:0; width:0; height:0; margin:-1px;}
#nav .sub {margin:0; padding:0; list-style:none; position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; white-space:normal; z-index:100;}
#nav :hover ul.sub {background: #ffffff; left:0; top:42px; width:122px; height:auto; z-index:200;}
#nav :hover ul.sub li {display:block; height:42px; position:relative; float:left; width:122px; font-weight:normal;}
#nav :hover ul.sub li a {display:block; height:42px; width:120px; border:1px solid #4e4b52; text-decoration:none; padding:0;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0; padding:0;}
#nav :hover ul.sub li a:hover {background-position: 0 42px; position:relative;}

#nav :hover ul li a.packaged-napkins {background:url(../images/site/packaged-napkins.jpg);}
#nav :hover ul li a.packaged-cups {background:url(../images/site/packaged-cups.jpg);}
#nav :hover ul li a.packaged-party {background:url(../images/site/packaged-party.jpg);}
#nav :hover ul li a.packaged-koozies {background:url(../images/site/packaged-koozies.jpg);}
#nav :hover ul li a.packaged-coasters {background:url(../images/site/packaged-coasters.jpg);}
#nav :hover ul li a.packaged-tissues {background:url(../images/site/packaged-tissues.jpg);}
#nav :hover ul li a.packaged-bath {background:url(../images/site/packaged-bath.jpg);}

#nav :hover ul li a.custom-napkins {background:url(../images/site/custom-napkins.jpg);}
#nav :hover ul li a.custom-cups {background:url(../images/site/custom-cups.jpg);}
#nav :hover ul li a.custom-koozies {background:url(../images/site/custom-koozies.jpg);}
#nav :hover ul li a.custom-plates {background:url(../images/site/custom-plates.jpg);}
#nav :hover ul li a.custom-sticks {background:url(../images/site/custom-sticks.jpg);}
#nav :hover ul li a.custom-coasters {background:url(../images/site/custom-coasters.jpg);}
#nav :hover ul li a.custom-cards {background:url(../images/site/custom-cards.jpg);}
#nav :hover ul li a.custom-ribbon {background:url(../images/site/custom-ribbon.jpg);}
#nav :hover ul li a.custom-labels {background:url(../images/site/custom-labels.jpg);}
#nav :hover ul li a.custom-matches {background:url(../images/site/custom-matches.jpg);}

#nav :hover ul li a.custom-colors {background:url(../images/site/custom-colors.jpg);}
#nav :hover ul li a.custom-typestyles {background:url(../images/site/custom-typestyles.jpg);}
#nav :hover ul li a.custom-monograms {background:url(../images/site/custom-monograms.jpg);}
#nav :hover ul li a.custom-stock-art {background:url(../images/site/custom-stock-art.jpg);}
#nav :hover ul li a.custom-quote {background:url(../images/site/custom-quote.jpg);}

#nav :hover ul li a.seasonal-mardi-gras {background:url(../images/site/seasonal-mardi-gras.jpg);}
#nav :hover ul li a.seasonal-valentines {background:url(../images/site/seasonal-valentines.jpg);}
#nav :hover ul li a.seasonal-st-patricks {background:url(../images/site/seasonal-st-patricks.jpg);}
#nav :hover ul li a.seasonal-easter {background:url(../images/site/seasonal-easter.jpg);}
#nav :hover ul li a.seasonal-halloween {background:url(../images/site/seasonal-halloween.jpg);}
#nav :hover ul li a.seasonal-thanksgiving {background:url(../images/site/seasonal-thanksgiving.jpg);}
#nav :hover ul li a.seasonal-christmas {background:url(../images/site/seasonal-christmas.jpg);}

#nav :hover ul li a.discount-napkins {background:url(../images/site/discount-napkins.jpg);}
#nav :hover ul li a.discount-coasters {background:url(../images/site/discount-coasters.jpg);}
#nav :hover ul li a.discount-tissues {background:url(../images/site/discount-tissues.jpg);}
#nav :hover ul li a.discount-bath {background:url(../images/site/discount-bath.jpg);}
#nav :hover ul li a.discount-christmas {background:url(../images/site/discount-christmas.jpg);}

#nav :hover ul li a.store-backup {background:url(../images/site/store-backup.jpg);}

#nav :hover ul li a.contact-upload {background:url(../images/site/contact-upload.jpg);}
#nav :hover ul li a.contact-faq {background:url(../images/site/contact-faq.jpg);}
#nav :hover ul li a.contact-forms {background:url(../images/site/contact-forms.jpg);}
#nav :hover ul li a.contact-download {background:url(../images/site/contact-download.jpg);}
#nav :hover ul li a.contact-quote {background:url(../images/site/contact-quote.jpg);}
#nav :hover ul li a.contact-album {background:url(../images/site/contact-album.jpg);}
#nav :hover ul li a.contact-catalog {background:url(../images/site/contact-catalog.jpg);}

/* This is the side nav in question why it doesn't work in FF */
#nav .side {visibility:hidden; margin:0; padding:0; list-style:none; position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
#nav ul.side {}
#nav ul :hover ul.side {visibility:visible; background: #ffffff; left:122px; top:0px; width:122px; height:auto; z-index:200;}
#nav ul :hover ul.side li {display:block; height:42px; position:relative; float:left; width:122px; font-weight:normal;}
#nav ul :hover ul.side li a {display:block; height:42px; width:120px; border:1px solid #4e4b52; text-decoration:none; padding:0;}
#nav ul :hover ul.side li a b {position:absolute; left:-9999px; margin:0; padding:0;}
#nav ul :hover ul.side li a:hover {background-position: 0 42px; position:relative;}

#nav :hover ul li a.packaged-designer {background:url(../images/site/packaged-designer.jpg);}
#nav :hover ul li a.packaged-initials {background:url(../images/site/packaged-initials.jpg);}
#nav :hover ul li a.packaged-quips {background:url(../images/site/packaged-quips.jpg);}
#nav :hover ul li a.packaged-paperplus {background:url(../images/site/packaged-paperplus.jpg);}
#nav :hover ul li a.packaged-robert {background:url(../images/site/packaged-robert.jpg);}

#nav :hover ul li a.packaged-cups-initials {background:url(../images/site/packaged-cups-initials.jpg);}
#nav :hover ul li a.packaged-cups-quips {background:url(../images/site/packaged-cups-quips.jpg);}
#nav :hover ul li a.packaged-cups-foam {background:url(../images/site/packaged-cups-foam.jpg);}
#nav :hover ul li a.packaged-cups-plastic {background:url(../images/site/packaged-cups-plastic.jpg);}
#nav :hover ul li a.packaged-cups-stadium {background:url(../images/site/packaged-cups-stadium.jpg);}
#nav :hover ul li a.packaged-cup-displays {background:url(../images/site/packaged-cup-display.jpg);}

#nav :hover ul li a.custom-designer {background:url(../images/site/custom-designer.jpg);}
#nav :hover ul li a.custom-solid {background:url(../images/site/custom-solid.jpg);}
#nav :hover ul li a.custom-pattern {background:url(../images/site/custom-pattern.jpg);}
#nav :hover ul li a.custom-limited {background:url(../images/site/custom-limited.jpg);}
#nav :hover ul li a.custom-holiday {background:url(../images/site/custom-holiday.jpg);}

#slide {background: #ffffff url(../images/site/bg3.png) repeat; width:960px; height:266px;}
.slide {width:480px; height:260px; margin: 3px 0px 3px 0px; padding: 0; float:left; display:inline;}
.hiddenPic {display:none;}

.custom-colors {background:url(../images/site/custom-colors.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.custom-typestyles {background:url(../images/site/custom-typestyles.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.custom-monograms {background:url(../images/site/custom-monograms.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.custom-stock-art {background:url(../images/site/custom-stock-art.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.custom-quote {background:url(../images/site/custom-quote.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.custom-colors:hover {background:url(../images/site/custom-colors.jpg); width:120px; height:42px; background-position: 0px 42px;}
.custom-typestyles:hover {background:url(../images/site/custom-typestyles.jpg); width:120px; height:42px; background-position: 0px 42px;}
.custom-monograms:hover {background:url(../images/site/custom-monograms.jpg); width:120px; height:42px; background-position: 0px 42px;}
.custom-stock-art:hover {background:url(../images/site/custom-stock-art.jpg); width:120px; height:42px; background-position: 0px 42px;}
.custom-quote:hover {background:url(../images/site/custom-quote.jpg); width:120px; height:42px; background-position: 0px 42px;}

.order-online {background:url(../images/site/order-online.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.order-online:hover {background:url(../images/site/order-online.jpg); width:120px; height:42px; background-position: 0px 42px;}

.order-form {background:url(../images/site/order-form.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.order-form:hover {background:url(../images/site/order-form.jpg); width:120px; height:42px; background-position: 0px 42px;}

.download-web-images {background:url(../images/site/download-web-images.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.download-web-images:hover {background:url(../images/site/download-web-images.jpg); width:120px; height:42px; background-position: 0px 42px;}

.download-hi-res {background:url(../images/site/download-hi-res.jpg); margin:0; padding:0; width:120px; height:42px; background-position: 0px 0px; border:none;}
.download-hi-res:hover {background:url(../images/site/download-hi-res.jpg); width:120px; height:42px; background-position: 0px 42px;}

.bottombanner {width:728px;height:180px; background-color:#000000;margin:5px auto 0 auto;border:solid 5px #4e4b52; text-align:center;}
.bottombanner:hover {border:solid 5px #232323;}


fieldset ul, fieldset li{
border:0; margin:0; padding:0; list-style:none;
}
fieldset li{
clear:both;
list-style:none;
padding-bottom:10px;
}

fieldset input{
float:left;
}
fieldset label{
width:120px;
float:left;
}