#InnerWrap {background: #FFF8DB url(/Images/Backgrounds/PageBorderRight.jpg) repeat-y right top;}
#Footer {height: 44px; width: 860px; padding: 30px 50px 10px 50px; font-size: 11px; text-align: center;}
#Footer .Row1 {height: 22px; line-height: 22px;}
#Footer .Row2 {height: 22px; line-height: 22px;}
#Footer .Row2 .Text {float: left; width: 590px; text-align: right;}
#Footer .Row2 .Icons {float: left; width: 100px; text-align: left;}
#Footer .Row2 .Icons img {padding-left: 15px;}
#Footer .Row2 .Icons a:hover {border-bottom: none;}
#Content {width: 960px; overflow: hidden; padding-bottom: 75px;}
/*#Content {margin-bottom: 85px;} ie6 hack to ensure that the footer clears the inner content wrap*/
#Sidebar {float: left; width: 170px; padding: 0 0 0 55px; margin-top: 35px;}
#MainContent {float: left; width: 650px; padding-left: 60px; margin-top: 20px;}
.DoubleLine {clear: both; border-top: 1px #F8F158 solid; border-bottom: 1px #F8F158 solid; height: 2px; margin: 10px 0 10px 0;}
.DoubleLine {font-size: 1px;} /*ie6 hack*/

/* =================== breadcrumbs =================== */
.BreadcrumbsWrap {margin-top: 30px; color: #F7DA00;}
.BreadcrumbsWrap a {color: #F7DA00;}
.BreadcrumbsWrap span {color: #005955;}
.BreadcrumbsWrap ul {list-style: none;}
.BreadcrumbsWrap ul li a {height: 25px; line-height: 25px; display: block; text-decoration: none; font-weight: bold; padding: 0 0 0 18px; 
    background: transparent url(/Images/Icons/CrumbArrow.jpg) no-repeat 0 8px;}
.BreadcrumbsWrap ul li span {height: 25px; line-height: 25px; display: block; text-decoration: none; padding: 0 0 0 18px;}

/* =================== categories =================== */
.CategoryList {margin-top: 10px;}
.CategoryList ul {list-style: none;}
.CategoryList ul li a {height: 25px; line-height: 25px; display: block; text-decoration: none; color: #005955; padding: 0;}
.CategoryList ul li.AltRow a {/*background-color: #f0f4f5;*/}
.CategoryList ul li a:hover {text-decoration: none; font-weight: bold;}
.CategoryList .CurrentCategory {height: 25px; line-height: 25px; display: block; text-decoration: none; color: #000000; padding: 0;}

/* =================== products =================== */
.OutOfStock {color: Red; font-weight: bold; padding: 0 0 5px 0;}
/* ==== summary bar above product grid ==== */
.ProductHeadingBar {float: left; width: 602px; height: 30px; line-height: 30px; padding: 0; margin: 30px 0 0 0; font-size: 11px; color: #005955; font-weight: bold;}
.ProductHeadingSortBox {float: left; margin-right: 20px;}
.ProductHeadingProductsPerPageBox {float: left;}
.ProductHeadingBar a {color: #005955; margin-left: 5px; border-bottom: solid 1px #A5BEA8; text-decoration: none;}
.ProductHeadingBar a:hover {border-bottom: solid 1px #005955; margin-left: 5px;}
.CartDetails {float: right;}
.CartDetails span {display: block; float: left;}
.CartDetails img {float: left; margin: 6px 7px 0 0;}

/* ==== category description if this feature is enabled ==== */
.CategoryDescription {clear: both; padding: 10px 10px 0 10px; font-size: 14px;}

/* ==== product grid ==== */
.ProductWrap {/*product cell wrap in the grid*/ width: 190px; height: auto; float: left; padding: 10px 0 10px 0; margin-right: 26px; font-size: 12px;}
.ProductBox {/*product image frame*/ width: 168px; height: auto; float: left; text-align: center; padding: 10px; margin: 0; border: 1px #F7F024 solid; background-color: #FFFFFF;}
.ProductName {/*product name/heading*/ color: #005955; padding: 5px 0 5px 0; font-weight: bold; min-height: 30px; height:auto !important; height: 30px;}
.ProductImageWrap { /*box that contains the thumbnail, used for maintaining consistent height*/
    padding: 5px 0 5px 0; height: 130px;}
.ProductPriceWrap { /*price that displays below the image*/
    padding: 5px 0 5px 0;}
span.ListPrice {color: #005955; text-decoration: line-through; font-size: 16px;}
span.SellPrice {color: #005955; font-size: 16px;}
.ProductButtonWrap { /*box that contains add to cart and details buttons*/ width: 190px; height: 30px; float: left; margin: 10px 0 0 0; padding: 0; text-align: center;}
.ProductButtonWrap img, .ProductButtonWrap input {margin: 0 5px 0 5px;}

/* ==== pager ==== */
.PagerWrap {clear: both; width: 620px; padding-top: 15px; color: #005955; overflow: hidden;}
.Checkout {float: left;}
.PagerControls {float: right;}
.PagerControls span {display: block; float: left; margin: 0 3px 0 3px;}
.PagerControls a {display: block; float: left; color: #005955; text-decoration: none; border-bottom: solid 1px #A5BEA8; margin: 0 3px 0 3px;}
.PagerControls a:hover {display: block; float: left; border-bottom: solid 1px #005955; margin: 0 3px 0 3px;}
.PagerControls .CurrentPage {display: block; float: left; color: #CC0000; margin: 0 3px 0 3px;}
.
/* =================== product details box =================== */
.ProductDetailsWrap {width: 620px; height: auto; float: left;}
.ProductDetails {/*product framing*/ width: 620px; height: auto; float: left; padding: 0; margin: 50px 0 0 0;} /*border: 1px #F0F4F5 solid;}*/
/* ==== cart image ==== */
.MediumImageWrap {/*image container*/ float: left; overflow: hidden; padding: 20px 40px 10px 0;}
.ProductDetailsImage {padding: 20px; border: 1px #F7F123 solid; background-color: #FFFFFF;}

/* ==== product copy ==== */
.ProductDetailsTextWrap {float: left; margin-top: 10px; width: 220px; padding: 0; text-align: left;}
.ProductDetailsTitle {color: #005955; padding: 20px 0 5px 0; font-weight: bold; font-size: 14px;}
.SpecificationsWrap {font-size: 12px; line-height: 18px;}
.ProductDetailsPriceWrap {padding: 5px 0 10px 0; font-size: 16px; font-weight: bold;}

/* ==== buttons ==== */
.ProductDetailsButtonWrap {clear: both; margin-top: 15px;}
.ZoomButtons {clear: both; margin-bottom: 20px; font-size: 11px; letter-spacing: 1px;}
.ZoomButtons span {float: left; display: block; height: 12px; line-height: 12px; margin: 0 2px 0 2px;}
.ZoomButtons a {text-decoration: none; color: #999999;}
.ZoomButtons a:hover {text-decoration: none; color: #999999; border-bottom: solid 1px #999999;}
/*a.DetailsAddToCartButton {width: 100px; height: 24px; line-height: 24px; display: block; float: left; margin: 2px 0 0 5px; text-align: center; text-decoration: none;
    color: #C5DADB; background-color: #006965; border: 1px solid #4D8B8A;}
span.DetailsInCartButton {width: 100px; height: 24px; line-height: 24px; display: block; float: left; margin: 2px 0 0 5px; text-align: center; text-decoration: none;
    color: #C5DADB; background-color: #006965; border: 1px solid #4D8B8A;}
a.DetailsKeepShoppingButton {width: 100px; height: 24px; line-height: 24px; display: block; float: left; margin: 2px 0 0 5px; text-align: center; text-decoration: none;
    color: #C5DADB; background-color: #006965; border: 1px solid #4D8B8A;}
a:hover.DetailsAddToCartButton, a:hover.DetailsKeepShoppingButton {text-decoration: underline;}*/

/* ==== Thumbnails ==== */
.ThumbnailSetWrap {clear: both; padding: 0; overflow: hidden; width: 620px; margin: 0 auto;}
.ThumbnailWrap {/*product cell wrap in the grid*/ float: left; margin-right: 13px;}
.ThumbnailImageWrap {margin: 0; padding: 5px; border: solid 1px #F7F123; width: 130px; height: 130px; text-align: center; vertical-align: middle; background-color: #FFFFFF;}

/* ==== Product Zoom Window ==== */
.ZoomBoxBG {background-color: #333333; filter: alpha(opacity=70); opacity: 0.7;}
.ZoomBox {overflow: hidden; background-color: #FFFFFF; padding: 0; font-size: 14px; border: solid 1px #A5BEA8;}
.ZoomImage {padding: 40px; overflow: hidden;}
.ZoomBottomBar {clear: both; height: 30px; line-height: 30px; background-color: #CBE3D6; border-top: solid 1px #A5BEA8;}
.ZoomProductName {float: left; padding-left: 15px; color: #1D6154;}
.ZoomClose {float: right; padding-right: 15px;}
.ZoomClose a {text-decoration: none; color: #1D6154;}
.ZoomClose a:hover {text-decoration: none; color: #1D6154; border-bottom: solid 1px #1D6154;}