﻿div#coreContent { width: 799px; float: left; }
div#coreContentBranding { width: 706px; /*height: 407px;*/ background-repeat: no-repeat; }
div#coreContentBranding a { float: left; display: block; }
div#coreContentBranding a img { border: none; display: block; }
div#coreContentBranding div { width: 100%; height: 100%; }
div#coreContentPromotions { margin: 20px 0px 0px 0px; }

/* Non-catalog specific changes here should also be made in content.css */
div#coreNavigation { width: 152px; padding-right: 26px; float: left; }
div#coreNavigation h1 { margin: 0px; padding: 0px; }
div#coreNavigation h2 { font-size: 100%; margin: 0 0 15px 0 }
div#coreNavigation a { text-decoration: none; }

div#coreNavigation ul { display: block; margin: 0 0 30px 0; padding: 0; list-style-type: none }
div#coreNavigation ul li { display: block; margin: 0; padding: 1px 0 0 0; list-style-type: none; background: url('../../images/backgrounds/typeDivider.gif') repeat-x top }
div#coreNavigation ul li.First { padding-top: 0; background: none }
div#coreNavigation ul li a { display: block; margin: 0; padding: 10px 0 }
div#coreNavigation ul li.Active a { font-weight: bold; padding-bottom: 5px }
div#coreNavigation ul li.Active div.MoreFanShop { margin: 12px 0 0 0; color: #999 }
div#coreNavigation ul li.Active div.MoreFanShop a { display: inline; color: #369; text-decoration: none } 
div#coreNavigation ul li.Active ul { margin-bottom: 5px }
div#coreNavigation ul li.Active ul li { padding-top: 0; background: none }
div#coreNavigation ul li.Active ul li a { font-weight: normal; padding: 0 0 0 8px; font-size: 91.6667% }
div#coreNavigation ul li.Active ul li.Active a { padding-top: 5px; padding-bottom: 2px; font-weight: bold; background: url('../../images/bullets/activeProduct.gif') no-repeat 0 8px }
div#coreNavigation ul li.Active ul li.Active ul li a { font-weight: normal; background: none; font-size: 83.3333%; padding-top: 0; padding-bottom: 0 }
div#coreNavigation ul li.Active ul li.Active ul li.Active a { font-weight: bold; padding-top: 5px }
div#coreNavigation ul li.Active ul li.Active ul li.Active ul { margin-bottom: 5px }
div#coreNavigation ul li.Active ul li.Active ul li.Active ul li a { font-weight: normal; padding-top: 0; padding-left: 17px; background: url('../../images/bullets/inactiveSubproduct.gif') no-repeat 9px 4px }
div#coreNavigation ul li.Active ul li.Active ul li.Active ul li.Active a { font-weight: bold; background-image: url('../../images/bullets/activeSubproduct.gif') }

div#coreNavigation #jsWait { margin: 20px auto 0 auto; display: block }


div#coreContentDetail { border-top: solid 1px #A9ADAE; }
div#coreContentDetailProduct { width: 643px; float: left; }
div#coreContentDetailProductMain { width: 296px; float: right; padding: 20px 10px; font-size: 92%; }
div#coreContentDetailProductMain h1 { color: #3C72A1; font-size: 109.5%; font-weight: normal; text-transform: uppercase; }
div#coreContentDetailProductMain h1, div#coreContentDetailProductMain h1 * { margin: 0px; padding: 0px; }
div#coreContentDetailProductFeatures { width: 327px; float: left; }
div#coreContentDetailProductFeaturesView { border-left: solid 1px #a9adae; border-bottom: solid 1px #a9adae; border-right: solid 1px #a9adae; }
div#coreContentDetailProductFeaturesView img { display: block; }
div#coreContentDetailProductFeaturesPicker { border: solid 1px #a9adae; margin-top: 10px; padding: 9px; text-transform: uppercase; }
span#coreContentDetailProductFeaturesPicker_featuredColorLabel { font-weight: bold; }
td#coreContentDetailProductFeaturesPicker_colorList { text-align: right; }
td#coreContentDetailProductFeaturesPicker_colorList a img { border: solid 1px #BFC1C3; }
td#coreContentDetailProductFeaturesPicker_colorList a.Inactive { padding-bottom: 5px; }
td#coreContentDetailProductFeaturesPicker_colorList a.Active { padding-bottom: 1px; border-bottom: 3px solid #BE002C; }
span#coreContentDetailProductFeaturesPicker_featuredColor { font-weight: bold; }
div#coreContentDetailProductFeaturesAdditional { margin: 8px 0px; }
div#coreContentDetailProductFeaturesAdditional a.Button { margin-right: 9px; }
div#coreContentDetailProductFooter { clear: both; }
div#coreContentDetailCallouts { width: 155px; float: right; border-left: solid 1px #a9adae; font-size: 92%; }
div#coreContentDetailCallouts img { border: none; }
div#coreContentDetailCallouts a { text-decoration: none; }
div#coreContentDetailCallouts h2 { color: #3C72A1; font-size: 100%; margin-top: 0px; }
div#coreContentDetailCalloutsRelated, div#coreContentDetailCalloutsAlso { background-image: url('../../images/backgrounds/calloutDivider.gif'); background-position: top; background-repeat: repeat-x; }
div#coreContentDetailCalloutsPromotion, #coreContentDetailCalloutsRelated, #coreContentDetailCalloutsAlso { padding: 9px 0px 9px 0px; text-align: center; }
div#coreContentDetailCalloutsRelated div, div#coreContentDetailCalloutsAlso div { margin-bottom: 20px; }
div#coreContentDetailFooter { clear: both; }

div#coreFooter { clear: left; }
* html div#coreFooter { display: none; } /* IE6 hack. IE6 incorrectly adds space even though this div is emtpy */

div.Checkout h2 { font-size: 92%; font-weight: bold; margin: 0px 0px 0px 0px; text-align: right; text-transform: uppercase; }
div.Checkout h3 { border-bottom: 8px solid #be002c; color: #3c72a1; font-weight: bold; font-size: 100%; margin: 10px 2px; }

table.ListingHeader { width: 100%; border-collapse: collapse; }
table.ListingHeader td.Paging { text-align: right; white-space: nowrap; padding-bottom: 2px; }
table.ListingHeader td.Paging, table.ListingHeader td.Paging a { color: #000; text-decoration: none; }
table.ListingHeader td.Paging a.Active { text-decoration: underline; }
table.ListingHeader td.Legend span.Group { margin-right: 10px; white-space: nowrap; font-weight: bold; }
table.ListingHeader td.Legend span.Group img { font-weight: normal; }
table.ListingHeader td.Legend span.Group span.Name { text-transform: uppercase; }

table.Listing { border-collapse: collapse; }
table.Listing td, table.Listing tr { vertical-align: top; }
table.Listing td { padding: 2px 0 2px 2px; width: 155px; border-top: solid 1px #9EA1A3 }
table.Listing td div.Price, table.Listing td div.Colors, table.Listing td div.Groups, table.Listing td a.Name, table.Listing td p.Body { padding: 0px 5px; margin: 0; display: block }
table.Listing td.Final { border-right: none; }
table.Listing td a.Image, table.Listing td a.Image img { display: block; }
table.Listing td div.Colors { margin-top: 5px; font-size: 91%; }
table.Listing td a.Image { padding-right: 2px; border-right: solid 1px #9ea1a3 }
table.Listing td.Final a.Image { padding-right: 0; border-right: none }
table.Listing td a.Image img { margin: 8px auto; border: none; background-color: #ddd }
table.Listing div.Groups { margin: 10px 0px 0px 0px; text-align: right; }
table.Listing td.Featured { width: auto; padding: 0px; width: 319px; }
table.Listing td.Featured div.ImageContainer { width: auto; height: 319px; }
table.Listing td.Featured div.ImageContainer, table.Listing td.Featured div.ImageContainer * { display: block; }
table.Listing td.Featured a.Name { background-color: #BE002C; padding: 8px 16px; margin: 0px; display: block; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 109.5%; }
table.Listing td.Featured div.CopyContainer { margin: 18px 8px; }

table.InstancePicker { margin: 30px 0px 20px 0px; }
table.InstancePicker td label { color: #BE002C; font-weight: bold; margin-right: 20px; }
table.InstancePicker a { margin-left: 5px; position: relative; bottom: 2px; }

ul.Benefits { margin: 10px 0px 20px 0px; padding: 0px; }
ul.Benefits li { margin: 0px 0px 10px 25px; padding: 0px 0px 0px 5px; list-style-type: square; }

div.TabLine { margin: 34px 0px 0px 0px; padding: 0px; }
div.TabContainer { border: solid 1px #9EA1A3; position: relative; padding: 15px 15px; /* if this is adjusted, adjust the TabBox width */ }
div.TabBox { width: 258px; font-size: 92.0%; }
div.TabBox p { margin: 0px 0px 5px 0px; }
div.TabBox ul { margin: 0px; padding: 0px; }
div.TabBox ul li { list-style-type: square; margin: 0px 0px 5px 20px; padding: 0px; }
div.TabBox ul li strong { font-weight: normal; text-transform: uppercase; }
div.TabBox a.StickyLink { position: absolute; bottom: 0px; right: 0px; }
div.TabBox a.StickyLinkTop { display: block; text-align: right; }

div.Disclaimer { font-size: 92%; margin-top: 25px; padding-top: 20px; background-image: url('../../images/backgrounds/typeDivider.gif'); background-repeat: repeat-x; background-position: top; color: #3C72A1; }
div.Disclaimer p { margin: 0px 0px 15px 0px; }
div.Disclaimer p span.Star { color: #f00; font-weight: bold; font-size: 108.5%; }
span.ReqStar { color: #f00; font-weight: bold; font-size: 108.5%; }

table.ShoppingCart, table.ShoppingCart td, table.ShoppingCart tr, table.ShoppingCart th { border-collapse: separate; }
table.ShoppingCart thead tr td div { border-bottom: solid 8px #BE002C; color: #3C72A1; font-weight: bold; }
table.ShoppingCart td.UnitPrice, table.ShoppingCart td.TotalPrice { text-align: right; }

table.ShoppingCart td { font-weight: bold }
table.ShoppingCart td.Remove { font-weight: normal; text-align: center; }
table.ShoppingCart td.Thumbnail img { border: solid 1px #ACB0B1; }
table.ShoppingCart td.Description { width: 100%; font-weight: normal; }
table.ShoppingCart td.Description em { font-size: 92%; line-height: 160%; }
table.ShoppingCart td.Quantity { text-align: center; }
table.ShoppingCart td.UnitPrice { white-space: nowrap; }
table.ShoppingCart td.TotalPrice { white-space: nowrap; }
table.ShoppingCart td.Label { text-align: right; color: #3C72A1; text-transform: uppercase; }

table.ShoppingCart td { padding: 8px; }
table.ShoppingCart tr.Foot td { padding: 0 0 0 8px }
table.ShoppingCart td.Left { padding-left: 0px; }
table.ShoppingCart td.Right { padding-right: 0px; }

table.ShoppingCart div.ComputationBox { padding: 25px; background-color: #3C72A1; color: #fff; border: solid 1px #ccc }
table.ShoppingCart div.ComputationBox td { padding: 0 8px 2px 0; }
table.ShoppingCart div.ComputationBox p { margin: 0 0 10px 0 }
table.ShoppingCart div.ComputationBox input.Text, table.ShoppingCart div.ComputationBox select { border: none }
table.ShoppingCart div.ComputationBox label { width: 160px; display: block; float: left }

div.ButtonLine { text-align: right; margin: 20px 9px; }
div.ButtonLine .Button { margin-left: 10px; }
div.ButtonLine .Float { float: right; }

table.Form { width: 100%; margin: 0 }
table.Form td { padding: 5px 10px; }
table.Form td label { color: #000; font-weight: bold; }
table.Form td input.Stretch { width: 100%; margin: 0px 2px 2px 0px; }
table.Form td input { border: solid 1px #ACB0B1; padding: 0px; margin: 0px; }
table.Form td div.Checkbox label { font-weight: normal; }
table.Form td div.Checkbox input { border: none; /* IE6 cannot do borders correctly on checkboxes */ }

table.Columns4 { width: 100%; }
table.Columns4 td { width: 25%; padding: 1px 0px; }


table.Confirmation td, table.Confirmation tr { vertical-align: top; }
table.Confirmation td.Label { font-weight: bold; }
table.Confirmation td { width: 70%; }
table.Confirmation td.Label { width: 30%; }

table.ConfirmationCart tr td { white-space: nowrap; }
table.ConfirmationCart tr td { padding: 3px 5px; }
table.ConfirmationCart tr td.Description { white-space: normal; width: 100%; }
table.ConfirmationCart tr td.Right { text-align: right; }
table.ConfirmationCart thead tr td { font-weight: bold; }
table.ConfirmationCart tfoot tr td { text-align: left; }
table.ConfirmationCart tfoot tr td.Label { font-weight: bold; text-align: right; }

div#coreContent table.Copy { color: #666; font-size: 92%; line-height: 170%; }
div#coreContent table.Copy h2 { font-size: 127.5%; color: #3c72a1; }

div.Validation { color: #f00; font-weight: bold; }
div.Validation li { list-style-image: url('../../images/icons/alert.gif'); }
