@charset "utf-8";
/* CSS Document */
body { font-family: Arial; font-size: 0.9em; background: url(../pics/backs.jpg) top left repeat }
h1 { padding: 1px 0 3px 0; margin: 0; font-size: 1.3em }
h2 { padding: 1px 0 3px 0; margin: 0; font-size: 1.1em; text-align: center }
h2 a { color: #000000; text-decoration: none }
h2 a:hover { text-decoration: underline }
h3 { padding: 1px 0 3px 0; margin: 0; font-size: 0.9em; text-align: center }
h3 a { color: #000000; text-decoration: none }
h3 a:hover { text-decoration: underline }
img { border-style: none }
hr { width: 90%; color: #666666 }
a { color: #0000EE; text-align: underline }
a:hover { color: #0000EE; text-decoration: none }
#holder { margin: 0 auto; width: 855px; background: url(../pics/header.jpg) top left no-repeat #FFFFFF }
#logo { float: left; width: 500px; height: 135px; background: url(../pics/logo.jpg) top left no-repeat; margin-left: 5px }
#basket { float: right; width: 157px; height: 98px; background: url(../pics/basket.jpg) top left no-repeat; padding: 2px 0 0 0; margin-top: 10px }
#basket-content { width: 157px; height: 57px }
#basket p { margin: 0 10px 0 0; font-size: 0.7em; font-style: italic; color: #666666; text-align: right }
#basket a { color: #000000; text-align: right }
#contact { float: right; width: 170px; text-align: center }
#nav-bar { margin: 0 auto; padding: 3px 0 0 0; width: 601px; height: 23px; background: url(../pics/menu.png) top left no-repeat }
#menu { text-align: center; list-style: none; padding: 0; margin: 0 }
#menu li { display: inline; padding: 0 10px 0 7px }
#menu a { color: #FFFFFF; font-weight: bold; font-size: 1.1em; text-decoration: none }
#menu a:hover { text-decoration: underline }
#nav-bar-2 { margin: 0 auto; padding: 1px 0 0 0; margin-top: 0; width: 855px; height: 28px; background: url(../pics/menu2.png) top left no-repeat }
#nav-bar-2 p { color: #FFFFFF; font-size: 0.9em; padding-left: 50px; padding-right: 50px; margin: 0 }
#nav-bar-2 a { color: #FFFFFF; text-decoration: none }
#nav-bar-2 a:hover { text-decoration: underline }
#category-holder { float: left; width: 170px; padding-left: 5px }
#content { float: left; width: 445px }
#box-holder { float: left; width: 230px }
#special-offers { background: url(../pics/special-offers.jpg) top left no-repeat }
#mailing-list { background: url(../pics/mailing-list.jpg) top left no-repeat }
#credit-accounts { background: url(../pics/credit-accounts.jpg) top left no-repeat }
#free-samples { background: url(../pics/free-samples.jpg) top left no-repeat }
#footer { margin: 0 auto; width: 855px; padding-bottom: 10px }
#InsanityDesign { float: right; font-size: 0.9em; color: #333333 }
#InsanityDesign a { color: #333333 }
#copy { float: left; font-size: 0.9em; color: #666666 }
.category { width: 160px; border: 1px solid #BB3210; margin-bottom: 10px }
.category p { padding: 4px 0 4px 4px; margin: 4px 0 0 4px }
.category a { color: #000000 }
.box { width: 226px; height: 135px; background: url(../pics/box.jpg) top left no-repeat; padding: 0; margin: 5px 0 25px 0 }
.box-center { width: 176px; height: 84px; margin: 15px 0 0 27px; padding: 0 0 0 0 }
.box-center p { padding: 0 0 0 91px; text-align: center; padding: 10px 0 0 91px; margin: 0 }
.cat-box { float: left; width: 123px; height: 140px; border: 1px solid #999999; margin: 10px; text-align: center }
.title1 { background: #BB3210 }
.title2 { background: #2D3257 }
.title3 { background: #999999 }
.down { padding-top: 6px }
.note { padding: 0; margin: 0; font-size: 0.6em; color: #666666 }
.red { color: #FF0000 }
.clearing { height: 0; clear: both; overflow: hidden; margin: -1px 0 0 0 }
.spacer { padding: 5px; margin: 0 }