#TitleBarContent h1 {display: block; float: left;}
#TitleBarContent a {color: #01717D; text-decoration: none;}
#TitleBarContent a:hover {color: #01717D; border-bottom: solid 1px #01717D;}
#TitleBarContent span {font-weight: normal; color: #01717D;}

#Left {width: 165px; float: left; background-color: #B5DCE1; min-height: 300px; margin-bottom: 40px;}
#Right {width: 605px; float: left; margin-left: 30px;}

/* =================== categories =================== */
.CategoryList {padding: 15px;}
.CategoryList h2 {font-weight: normal; color: #01717D; font-size: 13px; margin-bottom: 5px;}
.CategoryList ul {list-style: none;}
.CategoryList ul li a {height: 25px; line-height: 25px; display: block; text-decoration: none; color: #01717D; padding: 0;}
.CategoryList ul li a:hover {text-decoration: none;}
.CategoryList .CurrentCategory {height: 25px; line-height: 25px; display: block; text-decoration: none; color: #000000; padding: 0;}
.CategoryList .BottomBorder {border-bottom: solid 1px #7EB4BE;}

/* =================== products =================== */
.OutOfStock {font-weight: bold; padding: 0 0 5px 0;}

/* ==== product grid ==== */
/* 3 column types - left, middle and right, each have different padding in the grid */
.ProductWrapLeft {/*product cell wrap in the grid*/ width: 137px; overflow: hidden; float: left; padding: 0; text-align: center;}
.ProductWrapMid {/*product cell wrap in the grid*/ width: 164px; overflow: hidden; float: left; padding: 0; text-align: center;}
.ProductWrapRight {/*product cell wrap in the grid*/ width: 137px; overflow: hidden; float: left; padding: 0; text-align: center;}
.ProductWrapLeft .ProductImageWrap {width: 100px; height: 100px; padding: 4px; border: solid 1px #9DC6CA; background-color: #FFFFFF;}
.ProductWrapMid .ProductImageWrap {width: 100px; height: 100px; padding: 4px; border: solid 1px #9DC6CA; background-color: #FFFFFF; margin: 0 auto;}
.ProductWrapRight .ProductImageWrap {width: 100px; height: 100px; padding: 4px; border: solid 1px #9DC6CA; background-color: #FFFFFF; margin-left: 27px;}
.ProductName {/*product name/heading*/ padding-top: 10px;}
/* ==== grid dividing lines ==== */
.ProductRow {overflow: hidden; clear: both;}
.ProductDividerRow {border-bottom: solid 1px #95C8CC; clear: both;}
.ProductDividerColumn {border-right: solid 1px #95C8CC;}
.TopRowPad {padding-bottom: 10px;}
.BottomRowPad {padding-top: 25px;}

/* ==== pager ==== */
.PagerWrap {clear: both; padding: 30px 0 25px 0; color: #01717D; overflow: hidden;}
.PagerControls {float: right;}
.PagerControls span {display: block; float: left; margin: 0 3px 0 3px;}
.PagerControls a {display: block; float: left; color: #01717D; text-decoration: none; border-bottom: solid 1px #7EB4BE; margin: 0 3px 0 3px;}
.PagerControls a:hover {display: block; float: left; border-bottom: solid 1px #01717D; margin: 0 3px 0 3px;}
.PagerControls .CurrentPage {display: block; float: left; color: #7EB4BE; margin: 0 3px 0 3px;}
.
/* =================== product details box =================== */
.ProductDetailsWrap {width: 605px; height: auto; float: left;}
.ProductDetails {/*product framing*/ width: 605px; height: auto; float: left; padding: 0; margin: 0;} /*border: 1px #F0F4F5 solid;}*/
/* ==== cart image ==== */
.MediumImageWrap {/*image container*/ float: left; overflow: hidden; padding: 0 40px 20px 0;}
.ProductDetailsImage {padding: 5px; border: 1px #9DC6CA solid; background-color: #FFFFFF;}

/* ==== product copy ==== */
.ProductDetailsTextWrap {float: left; margin-top: 10px; width: 220px; padding: 0; text-align: left;}
.ProductDetailsTitle {font-size: 18px; font-family: Georgia, Arial; margin-bottom: 15px;}
.SpecificationsWrap {font-size: 12px; line-height: 18px;}
.ProductDetailsPriceWrap {padding: 5px 0 10px 0; font-size: 16px; font-weight: bold;}

/* ==== sizes ==== */
.Sizes {margin-top: 20px;}
.Sizes ul {list-style-type: disc; padding-left: .5em; margin-left: .5em; margin-top: 10px; width: 100px;}
.Sizes .line {border-bottom: solid 1px #95C7CE; padding-bottom: 5px; margin-bottom: 5px;}