body {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    background: url(images/page-bg.gif) repeat-x #fbf4eb;
    margin: 0px;
    padding: 0px;
}

img, div {
    behavior: url(/iepngfix.htc)
}

#pageOutline {
    width: 799px;
    margin: 0px auto 0px auto;
}

#mainNavigation {
    background: url(images/nav-background.gif) no-repeat;
    padding-left: 10px;
    height: 19px;
    overflow:hidden;
}

#mainPageArea {

}
#contentArea {
    width: 499px;
    float: left;
    margin-top: 8px;
    overflow: hidden;
}

.sideNavigation {
    width: 300px;
    float: left;
    margin-top: 8px;
    overflow: hidden;
}
.homeNavigation {
    clear: left;
    margin-top: 8px;
    overflow: hidden;
}

#topbar {
    height: 42px;
    color: #af441b;
}
#strapline {
    float: left;
    width: 338px;
    height: 28px;
    padding-top: 14px;
}
#toplogo {
    float: left;
    width: 198px;
    height: 42px;
}

#footer {
    background: url(images/footer-bg.gif) repeat-x;
    height: 149px;
    width: 100%;
    margin-top: 8px;
}
#footerNav {
    color: White;
    text-align: center;
    margin-top: 25px;
}
#footerAdd {
    color: White;
    text-align: center;
    padding-top: 28px;
}

/* navigation styles */
.pageLink {
    width: 110px;
    height: 17px;
    text-align: center;
    float:left;
    display: block;
    text-decoration: none;
    color: white;
    padding-top: 2px;
    margin-right: 1px;
}
.pageLink:hover {
    background: url(images/nav-btn-on.gif) no-repeat;
}
.pageLinkOn {
    background: url(images/nav-btn-on.gif) no-repeat;
}
.pageLinkOn:hover {
    background: url(images/nav-btn-on.gif) no-repeat;
}
.categoryLink {
    width: 250px;
    height: 22px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 3px 0px 50px;
    overflow: hidden;
    text-decoration: none;
    background: url(images/sidenav-off.gif) no-repeat;
    color: white;
    margin-bottom: 2px;
}
.categoryLink:hover {
    background: url(images/sidenav-on.gif) no-repeat;
}
.categoryLinkOn {
    background: url(images/sidenav-on.gif) no-repeat;
}
.homecategoryLink {
    width: 258px;
    height: 170px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 3px 0px 3px;
    overflow: hidden;
    text-decoration: none;
    background: url(images/homecatpanel.gif) no-repeat;
    color: white;
}
.homecategoryLink:hover {
    background: url(images/homecatpanelover.gif) no-repeat;
}
.homecategoryLinkOn {
    background: url(images/homecatpanelover.gif) no-repeat;
}

.pTitle {
    padding: 0px 0px 0px 35px;
}
.pImage {
    width: 177px;
    height: 100px;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.pDescription {
    padding: 0px 0px 0px 21px;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #af441b;
    margin: 0px 0px 8px 0px;
}
h2 {
    font-size: 12px;
    font-weight: bold;
    color: #af441b;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.sidelink {
    margin-top: 8px;
}
p {
    margin: 0px 0px 8px 0px;
}
ul {
    margin-top: 4px;
}
ol {
    margin-top: 4px;
}
li {
    margin: 0px 0px 4px 0px;
}
img {
    border-style: none;
}

/* featured Products */

.featuredTop {
    clear: left;
    background: url(images/feature-top.gif) no-repeat;
    height: 15px;
    margin-top: 8px;
}
.featuredMiddle {
    clear: left;
    background: url(images/feature-middle.gif) repeat-y;
}
.featuredBottom {
    clear: left;
    background: url(images/feature-bottom.gif) no-repeat;
    height: 15px;
}
.featuredLeftArea {
    width: 489px;
    float: left;
    margin-left: 20px;
}
.featuredRightArea {
    width: 268px;
    float: left;
}

.homefeaturedPanel {
    background: url(images/spacialoffersbg.gif) no-repeat;
    height: 237px;
    width: 489px;
    overflow: hidden;
    margin-top: 8px;
}
.homefeaturedPanel:hover {
    background: url(images/spacialoffersbgover.gif) no-repeat;
}
.homefeaturedTop {
    clear: left;
    height: 15px;
    margin-top: 8px;
}
.homefeaturedMiddle {
    clear: left;
}
.homefeaturedBottom {
    clear: left;
    height: 15px;
}
.homefeaturedLeftArea {
    float: left;
    width: 189px;
    margin-left: 20px;
}
.homefeaturedRightArea {
    width: 268px;
    float: left;
}
.numberBtns {
    height: 30px;
}

.homeText {
    float: left;
}
.standardText {
}


.featureListdark {
    background-color: #f6e6d0;
    color: #666666;
    padding: 2px 2px 2px 8px;
}
.featureListlight {
    background: none;
    color: #666666;
    padding: 2px 2px 2px 8px;
}
.featureTitle {
    font-size: 12px;
    font-weight: bold;
    color: Black;
    height: 20px;
    padding: 2px 2px 0px 8px;
}
.featureSub 
{
    font-weight: bold;
    color: Black;
    height: 20px;
    padding: 2px 2px 0px 8px;
}
.featureText 
{
    font-weight: normal;
    color: Black;
    padding: 2px 2px 2px 8px;
}
.featureprice {
    text-align: right;
    padding: 4px 10px 0px 8px;
}
.latestLeftArea {
    margin-left: 0px;
}
.latestRightArea {
}

/* product panels */

.product-top {
    background: url(images/product-top.gif) no-repeat;
    width: 489px;
    height: 10px;
}
.product-middle {
    background: url(images/product-middle.gif) repeat-y;
    width: 469px;
    padding: 0px 10px 8px 10px;
}
.product-middle2 {
    background: url(images/product-middle.gif) repeat-y;
    width: 479px;
    padding: 0px 0px 8px 10px;
}
.product-bottom {
    background: url(images/product-bottom.gif) bottom no-repeat;
    width: 489px;
    height: 12px;
}
.homeTextPanel {
    float: right;
    background: url(images/homePanelbg.gif) no-repeat;
    width: 303px;
    height: 232px;
    margin-top: 8px;
    padding-top: 5px;
}
.homeproduct-middle {
    width: 283px;
    padding: 0px 10px 8px 10px;
}
.fpPanel {
    float: left;
}
.product-narrow-top {
    background: url(images/product-narrow-top.gif) no-repeat;
    width: 240px;
    height: 10px;
}
.product-narrow-middle {
    /*background: url(images/product-narrow-middle.gif) repeat-y;*/
    width: 220px;
    padding: 0px 10px 8px 10px;
}
.product-narrow-bottom {
    /*background: url(images/product-narrow-bottom.gif) bottom no-repeat;*/
    width: 240px;
    height: 12px;
}
.product-narrow-boxL {
    background: url(images/product-narrow-bottom.gif) left bottom no-repeat;
    width: 249px;
}
.product-narrow-boxL a {
    text-decoration: none;
}
.product-narrow-boxL:hover {
    background: url(images/product-narrow-bottom-over.gif) left bottom no-repeat;
    cursor: pointer;
}
.product-narrow-boxR {
    background: url(images/product-narrow-bottom.gif) left bottom no-repeat;
    width: 240px;
}
.product-narrow-boxR a {
    text-decoration: none;
}
.product-narrow-boxR:hover {
    background: url(images/product-narrow-bottom-over.gif) left bottom no-repeat;
    cursor: pointer;
}
.product-title-top {
    background: url(images/product-title-top.gif) no-repeat;
    width: 489px;
    height: 16px;
}
.product-title-middle {
    background: url(images/product-title-middle.gif) repeat-y;
    width: 449px;
    padding: 0px 20px 8px 20px;
    overflow: hidden;
}
.product-title-bottom {
    background: url(images/product-title-bottom.gif) bottom no-repeat;
    width: 489px;
    height: 26px;
}
.productsLeftArea {
    width: 200px;
    margin-right: 9px;
    float: left;
    padding-top: 5px;
}
.productsRightArea {
    width: 260px;
    float: right;
}
.productsPriceArea {
    clear: left;
    width: 460px;
}
.pName 
{
	font-size: 14px;
    font-weight: bold;
    color: #af441b;
    padding-left: 10px;
    margin: 0px 0px 0px 0px;
}
.pSub {
    font-size: 11px;
    font-weight: bold;
    color: black;
    padding-left: 10px;
    margin: 0px 0px 4px 0px;
}
.pText 
{
	font-size: 11px;
    font-weight: normal;
    color: black;
    padding-left: 10px;
    margin: 0px 0px 4px 0px;
}
.prodTopImage {
    margin-top: 8px;
}
.prodGridTable {
    width: 100%;
}
.prodGrid {
    font-size: 11px;
    background-color: #ffffff;
    color: #666666;
    padding: 2px 2px 2px 8px;
}
.prodGridAlt {
    font-size: 11px;
    background-color: #f6e6d0;
    color: #666666;
    padding: 2px 2px 2px 8px;
}
.prodDesc 
{
	width: 150px;
	overflow: hidden;
}
.prodPrice 
{
	width: 70px;
}
.bubbleTitle 
{
	font-weight: bold;
	color: White;
	font-size: 11px;
	text-align: center;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
	height: 14px;
	overflow: hidden;
}
.bubblePrice 
{
	font-weight: bold;
	color: White;
	font-size: 26px;
	text-align: right;
	width: 64px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 25px;
}
.flash {
    position: absolute; 
    background: url(images/bubble1.png) no-repeat;
    z-index: 100;
    width: 100px;
    height: 77px;
}
.buynow 
{
	margin-right: 10px;
}

/* map panel */

.map-top {
    background: url(images/map-top.gif) no-repeat;
    width: 489px;
    height: 15px;
}
.map-middle {
    background: url(images/map-middle.gif) repeat-y;
    width: 449px;
    padding: 3px 20px 8px 20px;
}
.map-bottom {
    background: url(images/map-bottom.gif) bottom no-repeat;
    width: 489px;
    height: 15px;
}
.maptext {
    width: 159px;
    float:left;
    overflow: hidden;
}

/* Contact Form */

.formEntry {
    clear: both;
    width: 459px;
    padding-top: 4px;
    color: #666666;
}
.formEntry input[type=text] {
    height: 15px;
    border: 1px solid #cccccc;
}
.formEntry input[type=submit] {
    background: url(images/form-button.gif) no-repeat;
    width: 80px;
    height: 22px;
    border: none;
}
.formEntry textarea {
    border: 1px solid #cccccc;
}
.formEntry checkbox {
    border: 1px solid #cccccc;
}
.formTitle {
    width: 150px;
    float:left;
    color: #666666;
    height: 18px;
    padding-top: 2px;
}
.formEntrySmall {
    width: 50px;
    float: left;
}
.formEntryFull {
    width: 220px;
    float: left;
}
.formEntryMed {
    width: 150px;
    float: left;
}
.cbArea {
    width: 300px;
    float: left;
}
.cb {
    width: 100px;
    float: left;
}
.nB {
    width: 20px;
    height: 20px;
    float: left;
    border-style: none;
    padding: 0px 0px 0px 0px;
    background: url(images/numberoff.gif) no-repeat;
}
.nB:hover {
    background: url(images/numberon.gif) no-repeat;
}
.nBon {
    width: 20px;
    height: 20px;
    float: left;
    border-style: none;
    padding: 0px 0px 0px 0px;
    background: url(images/numberon.gif) no-repeat;
}

.bestSelPop {
    width: 65px;
    height: 100px;
    padding: 0px 25px 0px 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0px 0px 160px;
    z-index: 10000;
    background: url(images/star.png) no-repeat;
    position: absolute;
}