/*the following 4 style classes are needed to float the footer at the bottom of the screen*/
html, body {height: 100%; /*100% height for the page itself*/
    overflow: inherit; /* triggers 100% height in Opera 9.5 */
}
#PageWrap {width: 100%; min-height: 100%; margin: 0 auto; position: relative; /* positions the footer relative to this wrap */}
* html #PageWrap {height: 100%; /* IE6 treats height as min-height */}
form {padding: 0 0 115px 0;}
body {background-color: #E8E8E8; padding: 0; font-family: 'Lucida Grande', Arial, Verdana; font-size: 12px; margin: 0; color: #444444;}
p {padding: 2px; margin: 0;}
table {border-collapse: collapse;}
td {padding: 3px 5px 3px 0;}
img {border: 0;}
.Clear {clear: both;}
/*--------------------- misc formatting ----------------------*/
.TopSpace5 {margin-top: 5px; clear: both; overflow: hidden;}
.TopSpace10 {margin-top: 10px; clear: both; overflow: hidden;}
.TopSpace15 {margin-top: 15px; clear: both; overflow: hidden;}
.TopSpace35 {margin-top: 35px; clear: both; overflow: hidden;}
.TopSpace40 {margin-top: 40px; clear: both; overflow: hidden;}
.Centered {text-align: center;}
.EcommButton {height: 20px; display: block; float: left; margin: 0 5px 0 0; padding: 0 7px 0 7px; text-align: center; line-height: 20px;
              background-color: #EE1C25; font-size: 11px; font-weight: bold;}
.EcommButtonGrey {height: 20px; display: block; float: left; margin: 0 5px 0 0; padding: 0 7px 0 7px; text-align: center; line-height: 20px;
                  background-color: #949494; font-size: 11px; font-weight: bold;}
.EcommButton a, .EcommButtonGrey a {text-decoration: none; color: #FFFFFF;}
.EcommButton a:hover, .EcommButtonGrey a:hover {text-decoration: underline;}
.BottomDivider {clear: both; width: 450px; border-bottom: solid 1px #BFBFBF;}
/*--------------------- messages ---------------------*/
.OutOfStock {color: Red; font-weight: bold; padding: 0 0 5px 0;}
.ErrorSummary {clear: both; margin: 15px 0 0 0;}
.ErrorSummary ul {margin-top: 0; list-style-type: disc;}
.LoginMessage {padding-top: 10px; color: maroon; line-height: 1;}
/*--------------------- main container ----------------------*/
/*#ContentBG {
    background-color: #E8E8E8;
    overflow: hidden;
    padding-top: 20px;
}*/
.ContentWrap {width: 780px; margin: 0 auto; clear: both; overflow: hidden;}
/*--------------------- header ----------------------*/
#HeaderBG {height: 110px; background-color: #FFFFFF;}
#Header {margin: 0 auto; width: 780px; height: 110px;}
#Logo {width: 136px; float: left; padding: 10px 0 0 0; height: 100px;}
.TextLogo { /*text that is displayed if a logo is not present*/
    font-size: 26px; height: 85px; line-height: 85px; color: #666666;}
.TextLogo a {color: #666666; text-decoration: none;}
.Search {float: right; height: 110px; line-height: 110px; font-size: 12px; color: #FFFFFF;}
.SearchBox {background-color: #A09E9F; border: none; color: #FFFFFF; font-size: 10px; padding: 3px;}
.SearchButton {/*color: #717171;*/ vertical-align: middle;}
/*--------------------- top nav ----------------------*/
#TopNavWrap {float: left; width: 460px; padding-left: 16px; margin: 43px 0 0 0; font-size: 11.5px; letter-spacing: 1px; color: #717171; z-index: 1000; 
             /*keep it on top of the features rotator*/}
#TopNavWrap ul {list-style: none; float: left; margin: 0; padding: 0; z-index: 1000;}
#TopNavWrap ul li {position: relative; float: left; height: 24px; line-height: 24px; z-index: 1000;}
#TopNavWrap ul li.CurrentNavPage {color: #666666; font-weight: bold; z-index: 1000;}
/*dependent on DividerText and HasDivider properties of NavControl*/
#TopNavWrap ul li.TopNavDivider {display: inline; float: left; z-index: 1000;}
#TopNavWrap ul li a {display: block; text-decoration: none;	line-height: 24px; padding: 0 15px 0 0;	margin: 0; color: #717171; z-index: 1000;}
#TopNavWrap ul li a:hover {color: #000000; z-index: 1000;}
/*sub-nav*/
#TopNavWrap li ul {position: absolute; top: 24px; left: 0; display: none; background-color: #717171; color: #FFFFFF; list-style: none;
                   margin: 0; padding: 0; font-weight: normal; z-index: 1000;}
#TopNavWrap li:hover ul {display: block; z-index: 1000;}
#TopNavWrap li.over ul {display: block; z-index: 1000;}
#TopNavWrap li.over li {clear: both; z-index: 1000;}
#TopNavWrap li li {width: 130px; border-bottom: solid 1px #8E8E8E; z-index: 1000; font-size: 11px;}
#TopNavWrap li li a {color: #CCCCCC; margin: 0; padding: 0 10px 0 10px; z-index: 1000;}
#TopNavWrap li li a:hover {color: #FFFFFF; background-color: #5c5c5c; z-index: 1000;}
/*--------------------- left/right containers and column properties ------------------*/
.LeftColumnWrap {overflow: hidden; width: 136px; float: left; padding: 0;}
.RightColumnWrap {overflow: hidden; width: 644px; float: left; padding: 0;}
.CategoryFilterWrap {overflow: auto; /*border: solid 1px #cccccc;*/ width: 136px; margin-top: -10px;}
.CurrentCategory {height: 30px; line-height: 30px; display: block; text-decoration: none; font-weight: bold; color: #ed1c24; padding: 0;}
.BreadcrumbWrap {margin-bottom: 20px;}
.BreadcrumbsBottomBorder {border-bottom: solid 1px #BBBBBB; width: 100px; font-size: 0px; /*ie6 hack*/ margin-top: -5px;}
ul.Breadcrumbs {width: 136px; padding: 0; margin: 0 0 10px 0; list-style: none;}
ul.Breadcrumbs li {margin: 0; list-style: none; background: transparent url(/Images/Icons/BreadcrumbsArrow.gif) no-repeat left center;
                   padding-left: 16px; font-weight: bold; color: #5B5B5B;}
ul.Breadcrumbs li a {/*width: 160px;*/ height: 25px; line-height: 25px; text-decoration: none; color: #5B5B5B; padding: 0;}
ul.Breadcrumbs li a:hover {color: #ed1c24; text-decoration: none;}
ul.SideFilter {width: 100px; padding: 0; margin: 0 0 10px 0; list-style: none;}
ul.SideFilter li {margin: 0; list-style: none;}
ul.SideFilter li a {/*width: 160px;*/ height: 30px; line-height: 30px; display: block; text-decoration: none; font-weight: bold; color: #5B5B5B; padding: 0;}
ul.SideFilter li.AltRow a {/*not applicable*/}
ul.SideFilter li.BottomBorderRow a {border-bottom: 1px #F4F4F4 solid;}
ul.SideFilter li a:hover {color: #ed1c24; text-decoration: none;}

/* =================== center content container =================== */
.SubContentWrap {padding-left: 16px; line-height: 20px; overflow: hidden;}
.SubContentWrap h1 {font-size: 16px; margin-bottom: 10px; font-weight: bold; text-decoration: none; font-style: normal;}

/* =================== footer  =================== */
.Footer {position: absolute; /* position the footer at the bottom of the #PageWrap */
    bottom: 0; left: 0; text-align: center; height: 105px; overflow: hidden; width: 100%; border-bottom: solid 10px #ED1B24;}
.FooterLinkWrap {margin: 55px auto 0 auto; width: 780px; height: 26px; line-height: 26px; clear: both;}
.FooterLinks {padding-left: 10px; float: left; color: #717171; font-size: 10px;}
.Footer a {text-decoration: none; color: #717171;}
.Footer a:hover {text-decoration: underline; color: #717171;}
.FooterLogo {float: right; padding-right: 10px;}
.FooterPolicies {height: 14px; line-height: 14px; clear: both; color: #717171; font-size: 10px;}

/* =================== pages =================== */
/* =================== home */
#FeaturesBG {height: 275px; background-color: #ED1B24; overflow: hidden; margin-top: 20px;}
#Features {width: 780px; height: 275px; background-color: #ED1B24; padding-left: 3px;}
#RotatorWrap {position: relative; z-index: 1; width: 780px; height: 275px;}
.Watermark {position: relative; z-index: 200; left: 680px; top: -85px;}
.RoomNameWrap {position: relative; z-index: 100; left: 0; top: -110px; background-color: #FFFFFF; width: 160px; height: 20px; line-height: 20px;
    padding-left: 3px; font-weight: bold; font-size: 11px; filter: alpha(opacity=90); opacity: 0.9;}
.RoomName {background-color: #FFFFFF;}
#CategoriesBG {margin-top: 15px; background-color: #D0D0D0; overflow: hidden;}
#Categories {width: 780px; padding: 30px 0 30px 0; overflow: hidden;}
.FeatureWatermark {background: #D0D0D0 url(/Images/Categories/FeaturesWatermark.gif) no-repeat bottom right;}

/* =================== register */
#RegisterWrap {padding-left: 16px;}
.RegisterLabelColumn {width: 130px;}
#RegisterWrap td {padding: 7px 0 7px 0;}

/* =================== my account */  
#MyAccountWrap {padding-left: 16px;}
/* table style */
table.gv {border: solid 1px #BFBFBF; font-size: 10px; border-spacing: 0;}
/* common cell styles */
.gv th, .gv td {cursor: default; height: 20px;}
/* header cell style */
.gv th {border-right: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF; font-weight: bold; 
        text-align: center; padding: 2px;} 
.gv th a {text-decoration: underline; color: #444444;} 
/* cell styles */
.gv td {color: #444444; padding: 2px 8px; border-right: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF;}
.gv .AltRow {}

/* =================== contact */
#ContactWrap {font-size: 14px; overflow: hidden; padding-left: 16px;}
.ContactFormRow {padding-top: 6px;}

/* =================== cart */
#CartWrap {padding-left: 16px;}
.CartItemSummaryRow {height: 110px; width: 455px; line-height: 1.3; overflow: hidden; border-bottom: solid 1px #999999; margin-bottom: 20px; clear: both;}
.CartThumbnail {float: left; width: 195px;}
.CartProductDetails {float: left; text-align: left; width: 260px;}
.Step1SummaryWrap {width: 455px; /*margin: 0 auto;*/ overflow: hidden; clear: both;}
.Step1SummaryFields {float: left; width: 195px; height: 20px; line-height: 20px;}
.Step1SummaryButtons {float: left; text-align: left; width: 260px; overflow: hidden;}
.Step2Wrap {overflow: hidden;}
.Step2Fields {float: left; padding-right: 50px;}
.Step2SummaryWrap {float: left; width: 190px; overflow: hidden;}
.Step3Wrap {overflow: hidden;}
.Step3Fields {float: left; padding-right: 50px;}
.Step3SummaryWrap {float: left; overflow: hidden;}
a:hover.CartButton {text-decoration: underline;}

/* =================== products */
/*breadcrumbs*/
.BreadcrumbWrap {overflow: auto; /*border: solid 1px #cccccc;*/ width: 136px; margin: 0 0 20px 0;}
.CategoryHeading {margin-bottom: 20px; overflow: hidden; padding-left: 16px;}
.CategoryImage {float: left; height: 170px;}
.CategoryName {float: right; padding-left: 20px; height: 170px; line-height: 170px; font-size: 20px; color: #717171;}
.CategoryNameAlt {float: left; height: 50px; line-height: 50px; font-size: 20px; color: #717171;}
/*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: 92px; height: 92px; float: left; padding: 0;}
.ProductImageWrap { /*box that contains the thumbnail, used for maintaining consistent height*/
    margin: 0 0 16px 16px; width: 76px; height: 76px; background-color: #FFFFFF; text-align: center;}
/*pager*/
.PagerWrap { /* the pager controls */ clear: both; text-align: right; color: #717171; font-size: 12px;}
.PagerWrap a {color: #717171; text-decoration: none;}
.PagerWrap a:hover {text-decoration: underline;}
.CurrentPage {color: #6A6A6A; font-weight: bold;}
.ProductPerPageDDL {background-color: #A09E9F; border: none; color: #FFFFFF; font-size: 10px; padding: 2px;}

/* =================== product details box ---------------------*/
.ProductDetailsWrap {width: 628px; padding-left: 16px; height: auto; float: left;}
.ProductDetailsWrap h1 {font-weight: bold; font-size: 13px; font-style: normal;}
/* Cart Image */
.MediumImageWrap { /*image container*/ text-align: center; overflow: hidden; background-color: #FFFFFF; padding:0; min-height: 300px; width: 300px; float: left;}
/* description */
.ProductDetailsTextWrap {margin-top: 40px; width: 245px; padding: 0 0 0 40px; float: left; font-size: 10.5px; line-height: 16px;}
span.ListPrice {text-decoration: line-through;}
/* Thumbnails */
.ThumbnailSetWrap {clear: both; float: left; padding: 0; overflow: hidden; width: 383px; margin: 35px 0 0 0;}
.ThumbnailWrap { /*product cell wrap in the grid*/ width: 92px; height: 92px; float: left; padding: 0;}
.ThumbnailImageWrap {margin: 0 16px 16px 0; width: 76px; height: 76px; background-color: #FFFFFF; text-align: center;}
/*buttons*/
.ProductDetailsButtonWrap {clear: both; padding: 15px 0 0 0; font-size: 11px; font-weight: bold; color: #FFFFFF;}
.ProductDetailsButtonWrap a {text-decoration: none; color: #FFFFFF;}
.ProductDetailsButtonWrap a:hover {text-decoration: underline;}
span.DetailsAddToCartButton, span.DetailsInCartButton, span.DetailsKeepShoppingButton {height: 20px; display: block; float: left; margin: 2px 5px 0 0;
    padding: 0 7px 0 7px; text-align: center; line-height: 20px;}
span.DetailsAddToCartButton, span.DetailsKeepShoppingButton {background-color: #EE1C25;}
span.DetailsInCartButton {background-color: #949494;}
    
/* =================== 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: none;}
.ZoomImage {padding: 0px; overflow: hidden;}
.ZoomBottomBar {clear: both; height: 30px; line-height: 30px; background-color: #363636; width: 100%;}
.ZoomProductName {float: left; padding-left: 15px; color: #AEAEAE;}
.ZoomClose {float: right; padding-right: 15px;}
.ZoomClose a {text-decoration: none; color: #AEAEAE;}
.ZoomClose a:hover {text-decoration: none; color: #AEAEAE; border-bottom: solid 1px #AEAEAE;}