/* Custom CSS Document for Albert's South Jersey Wallpaper
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
/*img, div {behavior:url(iepngfix.htc);}*/

/* Global styles
--------------------------------------------------------*/
body {background:#f2f2f2; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(images/body-bg.gif) repeat-x;}
#PageTable {width:100%; background: url(images/pagetable-bg.gif) repeat-x left bottom;}
#PageSubTable {width:943px; background:transparent; margin:0 auto;}
#Form2 {margin:0; padding:0}
#ContentCell {padding: 10px 10px 35px 10px;}


/* Instructions */
.Instructions {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; padding-bottom: 10px;}
#Instruction1_InstructCell {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
#Instruction1_InstructCell a {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; color:#000000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#000000; font-weight:bold; font-size:14px; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {color:#000000; font-weight:bold; font-size:14px;background:#; border:1px solid #ccc; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#813458;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {font-size:14px; font-weight:bold; color:#000000; background:}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {background:#f6f6f6; text-align:left; text-transform: uppercase; }

/* Buttons */
td.button img {margin:5px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#003471; margin:0 0 18px 0; padding:0 0 5px 0; width:100%; }
#ContentCell h2 {font-family: Arial; font-weight: bold; font-size: 14px; color: #003471; text-transform: uppercase;}
#ContentCell h3 { margin:0; padding:0;}
.SubHeadings {text-align: left; font-weight: bold; color:#003471;}
.Content {line-height:18px; font-family: Arial; font-weight: bold; font-size: 14px; text-align:left;}
.Content a {font-family: Arial; font-weight: bold; font-size: 14px; color: #003471;text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p { font-size:14px; font-weight:bold; color:#000000; background:padding:5px 10px 0 10px;} 
#ContentCell p.top { font-size:14px; font-weight:bold; color:#000000; background:text-align:right;}
#ContentCell p.top a {font-size:14px; font-weight:bold; color:#000000; background:padding-left:20px; }

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}
hr {color: #cfcfcf; background-color: #cfcfcf; height: 1px; margin-top: 15px; border: 0; border-top: 1px solid #cfcfcf;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* Set cursor
--------------------------------------------------------*/
#TopBannerCell a,
#TopSubBannerCell a,
#LeftColumnCell a,
#RightColumnCell a,
#FooterCell a {cursor: hand;}


/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {margin:0; padding:0; height:109px;}
#TopBannerCell img {margin:0; padding:0;}
#TopBannerCell h1 {padding: 39px 0 0 44px; text-indent:-9999px; float: left; width: 440px; margin: 0;}
#TopBannerCell h1 a.logo {background: url(images/logo.gif) no-repeat; width: 440px; height: 42px; display: block; }
#TopBannerCell ul.cart-nav {float: right; list-style:none; margin: 15px 18px 0 0; padding: 0;}
#TopBannerCell ul.cart-nav li {float: left; color: #b7b7b7; font-size: 11px;}
#TopBannerCell ul.cart-nav li.divide {padding: 0 14px;}
#TopBannerCell ul.cart-nav li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-decoration:none;}
#TopBannerCell ul.cart-nav li a:hover {text-decoration: underline;}
#TopBannerCell ul.cart-nav li a.cart {padding-left: 28px; background: url(images/cart-icon.gif) no-repeat left top;}

/* Search Styles */
#TopBannerCell .search {width:329px; float:right; margin: 29px 14px 0 0;} /* set width */
#TopBannerCell ul.searchWrap li {height:25px; float: left;} /* set height of list items */
#TopBannerCell ul.searchWrap li a {}
#TopBannerCell ul.searchWrap li.button img {vertical-align:top; margin-top:0;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
#TopBannerCell ul.searchWrap li.button {}
#TopBannerCell ul.searchWrap li.textbox .searchbox{height: 25px; width: 200px; border: 1px solid #acacac; font-weight: bold;font-size: 14px; color: #000000; padding: 0 0 0 7px; margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 25px;}
#TopBannerCell ul.searchWrap li.advsearch {font-family: Arial; font-weight: bold; font-size: 10px; color: #000000;}
#TopBannerCell ul.searchWrap li.head {font-weight: bold; font-size: 14px; color: #000000; text-transform: uppercase; padding-right: 7px; padding-top: 5px;}

/* Cart Styles */
ul.cartnav {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.cartnav li {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.cartnav li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.cartnav li.account {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.cartnav li.viewcart {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.cartnav li.checkout {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}

ul.shopcart {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.shopcart li {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.shopcart li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.shopcart li.head {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.shopcart li.items {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
ul.shopcart li.total {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {}
#TopSubBannerCell ul.topnav {list-style: none; margin: 0; padding: 0; text-align: center; height: 40px;}
#TopSubBannerCell ul.topnav li {display: inline; float: none; height: 40px; line-height: 40px; }
#TopSubBannerCell ul.topnav li a {font-family: Arial; font-weight: bold; font-size: 14px;color: #000000; text-transform:uppercase; padding: 0 16px 0 19px; text-decoration:none; height: 40px; display: inline-block; background: url(images/topsubnav-divider.gif) no-repeat left top;}
#TopSubBannerCell ul.topnav li a.first {color: #000000;}
#TopSubBannerCell ul.topnav li a:hover {text-decoration: underline;}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:23%; vertical-align:top; padding-top: 10px;}
#LeftColumnNav1_custommenu {width:220px;}
#LeftColumnNav1_custommenu td {vertical-align:top;}
#LeftColumnCell h1 {font-weight: bold; font-size: 14px; color: #003471; text-transform: uppercase; text-align: center; float: left;margin: 0; padding: 0; height: 34px; line-height: 34px; display: block;}
#LeftColumnCell h6 {font-weight: bold; font-size: 14px; color: #003471; text-transform: uppercase; text-align: center; margin-top: 10px; float: left; margin: 0; padding: 0; height: 34px; line-height: 34px; display: block;}
#LeftColumnCell .lc-menu-wrap {margin-left: 10px; width: 200px; background: url(images/leftcolnav-bg.gif) repeat-y; float: left;}
#LeftColumnCell .lc-menu-top {width: 200px; background: url(images/leftcolnav-top.gif) no-repeat left top; padding-top: 15px;}
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL {width: 200px; background: url(images/leftcolnav-bottom.gif) no-repeat left 100%; padding-bottom: 15px; float: left;  }
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li {margin-left: 10px; border-bottom: 1px solid #cfcfcf; width: 180px; }
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li a {font-size: 12px; color: #003471; text-decoration:none; display: block; padding: 12px 10px; width: 160px;}
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li a:hover {text-decoration: underline;}
/* NavControl Styles */
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .navigator {cursor:hand; cursor:pointer; font-weight:normal; font-size:12px; margin-top: -1px;}
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .navigator a {line-height:18px;}

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .categorybox {border-top: 1px solid #cfcfcf; width: 190px; font-size: 12px; color: #003471; background: url(images/leftcolnav-arrow.gif) no-repeat 166px 17px; display: block; padding: 12px 10px;}
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .selectedcategorybox {border-top: 1px solid #cfcfcf; width: 160px; font-size: 12px; color: #003471; background: url(images/leftcolnav-arrow.gif) no-repeat 166px 17px; display: block; padding: 12px 10px;}
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overselectedcategorybox,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overcategorybox {border-top: 1px solid #cfcfcf; width: 160px; font-size: 12px; color: #003471; background: url(images/leftcolnav-arrow.gif) no-repeat 166px 17px; display: block; padding: 12px 10px; text-decoration: underline;}

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .subcategorybox,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .oversubcategorybox,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .selectedsubcategorybox,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overselectedsubcategorybox {}

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .categorybox a,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .selectedcategorybox a {font-size: 12px; color: #003471; text-decoration:none; display: block; background: none; padding: 0; }

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overcategorybox a, 
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overselectedcategorybox a {font-size: 12px; color: #003471; text-decoration:underline; display: block; background: none; padding: 0;}

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .subcategorybox a,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .selectedsubcategorybox a {font-size: 12px; color: #003471; text-decoration:none; padding: 0 10px 10px 5px; width: 150px; background: none; }

#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .oversubcategorybox a,
#LeftColumnCell #LeftColumnNav1_CMenubar2_MenuUL li .overselectedsubcategorybox a {font-size: 12px; color: #003471; text-decoration:underline; padding: 0 10px 10px 5px; width: 150px; background: none;}


/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; padding: 10px 10px 35px 0;}
#ContentCell.default .main-feature {float: left; width: 500px; height: 315px;}
#ContentCell.default ul.feature-promos {float: left; width: 213px; margin: 0 0 0 10px; padding: 0; list-style:none;}
#ContentCell.default ul.feature-promos li.promo1 {width: 213px; height: 150px; float: left;}
#ContentCell.default ul.feature-promos li.promo2 {width: 213px; height: 150px; margin-top: 10px; float: left;} 
#ContentCell.default ul.feature-promos li a {display: block;}
#ContentCell.default .categories {margin-top: 10px; clear: left; float: left; width: 723px; }
#ContentCell.default .categories ul.category-box {width: 161px; float: left; list-style: none; padding: 0; margin: 0 20px 0 0; }
#ContentCell.default .categories ul.category-box.last {margin-right: 0;}
#ContentCell.default .categories ul.category-box li {float: left;}
#ContentCell.default .categories ul.category-box li.cat-title {background: url no-repeat; width: 161px; height: 30px; }
#ContentCell.default .categories ul.category-box li.cat-title a {font-size: 14px; font-weight: bold; text-transform:uppercase; padding-left: 13px; text-decoration:none; padding-top: 7px; display: block; color: #003471;}
#ContentCell.default .categories ul.category-box li.cat-image {padding-left: 10px; height: 151px; width: 161px; background: url no-repeat; }
#ContentCell.default .categories ul.category-box li.cat-image a {display: block;}
#ContentCell.default .categories ul.category-box li.cat-description {color: #898989; font-size: 11px; padding: 15px 9px 15px 9px;}
#ContentCell.default .categories ul.category-box li.cat-description a {color: #003471; text-decoration:underline;}
#ContentCell.default .categories ul.category-box li.cat-description a:hover {text-decoration: none;}
/* Default Dynamic Page Template Styles */
#FeaturedCategories {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
#FeaturedCategories ul li.category a {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}
#FeaturedCategories ul li.description { font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; }

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; }

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height: 220px; vertical-align:top;}
#FooterCell ul.footer-nav {list-style: none; margin: 17px 0 0 0; padding: 0 0 0 10px; width: 171px; float: left; height: 174px;}
#FooterCell ul.footer-nav.group1 {padding-left: 220px;}
#FooterCell ul.footer-nav li {width: 171px; height: 18px; line-height: 18px;}
#FooterCell ul.footer-nav li a {font-size: 11px; color: #fff; text-decoration:none;}
#FooterCell ul.footer-nav.group1 li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #f2f2f2;}
#FooterCell ul.footer-nav.group2 li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #f2f2f2;}
#FooterCell ul.footer-nav.group3 li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #f2f2f2;}
#FooterCell ul.footer-nav.group4 li a {font-family: Arial; font-weight: bold; font-size: 14px; color: #f2f2f2;}
#FooterCell ul.footer-nav li a.group-heading {text-transform: uppercase;}
#FooterCell ul.footer-nav li a:hover {text-decoration: underline;}
#FooterCell ul.copyright {clear: left; float: left; list-style: none; margin: 0 0 15px 220px; padding: 0; width: 580px; }
#FooterCell ul.copyright li {font-family: Arial; font-weight: bold; font-size: 14px; color: #f2f2f2;}
/* Detail Styles
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/* Detail 1 
---------------------------- */
#ProductDetail11_Table1 {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;border:1px solid #f2f2f2;} /* Main Table*/

/* Image Style */
#ProductDetail11_ImageCell {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Image Cell */
#ProductDetail11_ImageCell img {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Image Cell: Image */
#ProductDetail11_Swatches_Table1 {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Swatch Image Table*/
#ProductDetail11_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail11_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail11_Table2 {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Info Table*/
#ProductDetail11_Table2 td {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail11_trProductName .Headings { padding:2px 2px 0 0; } /* Product Name */
#ProductDetail11_trProductCode .content {font-family: Arial; font-weight: bold; font-size: 12px; color: #000000;} /* Product Code */
#ProductDetail11_trCategory .content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Category Name */
#ProductDetail11_trDescription .content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;;} /* Description */
#ProductDetail11_trPrice .content {color:#478522; font-weight:bold; font-size:16px; padding:5px 10px 0 10px;} /* Price */
#ProductDetail11_trAttributes table td {font-family: Arial; font-weight: bold; font-size: 16px; color: #000000; padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail11_trQty .content{font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; } /* Quantity */

/* Detail 2
---------------------------- */
#ProductDetail21_Table1 {font-family: Arial; font-weight: bold; font-size:14px; color: #000000;} /* Main Table*/

/* Image Style */
#ProductDetail21_ImageCell {} /* Image Cell */
#ProductDetail21_ImageCell img {} /* Image Cell: Image */
#ProductDetail21_Swatches_Table1 {} /* Swatch Image Table*/
#ProductDetail21_Swatches_ImageCell {margin:0; padding:0; vertical-align:top;} /* Swatch Image Cell*/
#ProductDetail21_Swatches_imgProductImage {margin:0 10px 0 5px;} /* Swatch Image Table: Image - current settings fix table problems */

/* Info Table*/
#ProductDetail21_Table2 {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Info Table*/
#ProductDetail21_Table2 td {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; padding:0 0 0 10px;} /* Info Table: table cells - padding best whed adding border to table*/

/* Content */
#ProductDetail21_trProductName .Headings {padding:10px 10px 0 0; font-weight:normal;} /* Product Name */
#ProductDetail21_trProductCode .content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Product Code */
#ProductDetail21_trCategory .content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Category Name */
#ProductDetail21_trDescription .content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; background:#f2f2f2; padding:10px;} /* Description */
#ProductDetail21_trPrice td {font-weight:bold; font-size:14px; padding:15px 10px; color: #003471;} /* Price */
#ProductDetail21_trAttributes table td {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;padding:0;} /*Attributes: padding:0 avoids excessive padding to attributes cell when paddding is on the Info Table */
#ProductDetail21_trQty .content  {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;} /* Quantity */

/*Credit card table*/
#Table6 td {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; padding-left: 5px; }

/*Customer Sign-in */
table.col2 {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; width: 100%;}

/*Recommended Items*/
#apSampleTest .ContentTableHeader .Content {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000;}