/* Container = the span around all of the content in the control panel pages*/
.container {
    position:relative;
    top: 20px;
    float:left;
    background-color: #FFFFFF;
    width: 975px;
    color: #000000;
    font-size: 90%;
    left: 0px;
    min-height:450px; 
    height:auto !important; 
    height:450px; 
    padding: 20px;
 }
 .catalog {
    height:auto !important;
    padding-bottom: 10px;
 }
 #Content {
    float:left;
 }
 #footer {
    position:absolute;
    bottom: -60px;
    float:left;
 }
 .navTabs {
    float:left;
 }
 /* AddEditSection = the right hand side of the page on all Control Panel pages */
.addEditSection {
    width: 48%;
    float:left;
    text-align:left;
    height: auto;
    margin-left: 10px;
}
/* ListSection = the left hand side of the page on all Control Panel pages**/
.listSection {
    float:left;
    width:50%;
    text-align:left;
    height: auto;
}
/**Make elements in addedit section fill the space **/
.addEditSection input,
.addEditSection textarea {
    width: 95%;
}
/* We set all inputs in the addEditSection to be 95%, but need to override this for checkboxes**/
.addEditSection .checkBox {
    width:100%;
    display:block;
}
 .checkBox label {
    width:auto;
 }
 .checkBox input {
    width: 17px !important;
 }
 .checkBox.inline
 {
    float:left;
    margin-top:13px;
    margin-right:10px;
 }
.addEditGrid {
    width: 85%;
}
/** Command Section = the buttons at the bottom (Save /Cancel) **/
.commandSection {
    float:left;
    height: 40px;
    margin-top: 10px;
    width:80%;
    padding-right: 20px;
    text-align:right;
    margin-right: 20px;
}
.commandSection input {
    height:22px;
    float:left;
}
/** Make the width of the date text box match the calendar extender's width */
.addEditSection .dateTextBox {
    width: 180px;
}
 .invisible {
    display:none;  
 }
 fieldset {  
    border: 2px solid #231F20;
 }
 legend {
   color:#231F20; 
 }
 /* Applies to top-level grid heading */
 Caption {
    padding-top:6px;
    padding-bottom:6px;
    background-image: url(../images/GridHeadingBG.gif);
    background-repeat:repeat-x;
    color: #FFFFFF;
    font-size: 110%;
    font-style:italic;
 }
.Grid_Header {
    text-align:left;
    background-color:#555555;
    color:#FFFFFF !important;
    font-weight:100 !important;
    padding-bottom: 5px !important;
    font-style: italic;
 }
.Grid {
    float:left;
    border: 1px solid #231F20;
}
.AspNet-GridView-Pagination,
.AspNet-GridView-Bottom
{
    float:left;
    width:100%;
}
.scrollableList Div {
    height:170px;
    overflow-y:scroll;   
}
/* This makes the Grid's div scroll when the grid contents are too wide,
    so that the grid doesn't take over the whole page */
.listSection div {
    overflow-x:scroll;
}

/* For formatting multiple controls per line, as on registration page*/
.controlSpan {
    text-align:left !important;
    float:left;
    width: 100%;
    padding-top: 5px;
}
.controlGroup {
    float:left;
    padding-top: 5px;
}
.control {
    text-align:left !important;
    width: 100%;
    float:left;
}
.controlSpan input {
    width: 95%;
}
.Grid_Alternate_Row {
    background-color: #CCCCCC !important;
}
.Grid_Row {
    background-color:White;
}
.Grid_Row td,
.Grid_Alternate_Row td {
    padding:0px 2px 0px 2px;
}
.nameLabel {
    font-size: large;
    font-weight:bold;
}
.infoLabel {
    float:left;
    width:200px;
    margin-left: 15px;
}
br {
    display:block;
    height: 0px !important;
}
.MenuClass {
    color:#FFFFFF;
    background-image: url(../images/menuBG.jpg);
    font-weight:bold;
    font-style:italic;
}

.popupContainer {
    display:block;
    padding: 15px 15px 25px 15px;
    border: 2px solid #231F20;
    background-color: #CEC89C;
    width: 100%;
    margin-top: 10px;
}
.popupContainer .popupContainer {
    background-color: #CCCCCC !important;
}

h1 {
    font-size: 18pt;
    font-weight: bolder;
    color: #680A2B;
}
h2 {
    font-size: 120%;
    font-weight: normal;
    color: #680A2B;
    margin-bottom: 0px;
    font-style: italic;
}
.ajax__tab_body  {
    height: 400px;
    width:100%;
}
.ajax__tab_header {
    display:inline-block;
    width:100%;
}
.radioButton input {
    width:auto;
}
.radioButton label {
    width: 100px;
    float:left;
}
.rowSpan select {
    width: 250px;
}
.ItemDisplaySpan {
    float:left;
    width: 130px;
    margin:5px;
    text-align:center;
    height: 280px;
    padding: 10px 10px 0px 10px;
}
.ItemDisplaySpanSpecial {
     float:left;
     width: 128px;
     text-align:center;
     height: auto;
     padding: 10px;
     border-bottom: 1px solid  #340202;
}
.FeatureDisplaySpan {
    float:left;
    width: 300px;
    margin:10px 10px 10px 20px;
    text-align:center;
    padding: 10px 10px 0px 10px;
}
.ItemDisplaySpan span,
.ItemDisplaySpanSpecial span {
    display:block;
    text-align:center;
    font-size: 80%;
}
.ItemDisplaySpan a,
.ItemDisplaySpanSpecial a  {
    text-decoration:none !important;
    display:block;
    width:100%;
    text-align:center;
}
.ItemDisplaySpan img {
    border: none;   
    cursor: pointer;
}
.ItemDisplaySpanSpecial img {
    border: 1px solid #000000;   
    cursor: pointer;
}
.FeatureDisplaySpan img {
    float:left;
    cursor:pointer;
    width:300px;
    border: 1px solid #000000;
}
.ProductName {
    font-style:italic;
    background-color: #CEC89C;
    border: 1px solid #BBB78F;
    padding: 4px;  
    margin-bottom: 10px;
    color:#5E5544;
    font-weight: bold;
    display:block;
}
.ItemDisplaySpanSpecial .ProductName {
    color:White !important;  
    background-color:Transparent;
}
.FeatureHeadline {
    font-style:normal;
    padding: 3px;  
    margin-bottom: 10px;
    color: #000000;
    font-weight: bold;
    display:block;
    text-align:left;
    text-decoration:none;
}
.ProductPrice {
    padding: 3px;
    margin-top: 7px;
    font-size: 90%;
    font-style:italic;
    color:#7E725A;
    position:relative;
    float:left;
    bottom:0px;
}
.ItemDisplaySpanSpecial .ProductPrice {
    color:White !important;
}
.ProductLinkSpan {
    display:block;
    height: 75px;
    width: 100%;
    text-align:center;
    float:left;
}
.FeatureLinkSpan {
    float:left;
}
.FeatureText {
    font-size: 70% !important;
    position:relative;
    bottom:0px;
    text-align:left;
    float:left;
    margin-top: 10px;
}
.Description {
    font-size: 70% !important;
    position:relative;
    bottom:0px;
    min-height:1%;
    float:left;
}
.ItemDisplaySpanSpecial .Description {
     color: #FFFFFF !important;
}
.ProductContent 
{
    float:left;
    height:auto;
}
#ProductImages {
    width: 100%;
    text-align: left;
}
.ProductDescription {
    font-size: 90%;
    margin-bottom:10px;
}
.Features {
    font-size: 90%;
    margin-bottom:10px;
    float:left;
    width: 350px;
}
.PartNumber {
    float:left;
    width: 350px;
}
.ItemOptionSpan {
    display:block; 
    clear:both;
    margin-top: 10px;  
}
.PricingSpan {
    float:left;
    width: 380px;
}
.PriceSpan {
    border: 1px solid #7E725A;
    text-align:center;
    width: 60px;
    float:left;
    font-size:80%;
}
.PriceRepeater {
    float:left;
}
.PriceDisplay {
   padding: 5px;
   font-style:italic;
   font-weight:bold; 
   background-color: #7E725A;
   color: #FFFFFF;
   display:block;
}
.PriceEach {
    padding: 5px;
}
.MainImage {
    border: 1px solid #7E725A;
}
.DescriptionSpan,
.FeaturesSpan,
.PartNumberSpan,
.PricingSpan {
    display:block;
    margin-bottom: 10px;
    float:left;
}
.Pricing,
.SinglePriceLabel,
.FeaturesLabel,
.PartNumberLabel,
.QuantityLabel,
.DescriptionLabel,
.OptionLabel {
    font-weight:bold;
    font-style:italic;
    float:left;
    width: 90px;
}
.Quantity {
    width: 50px;
}
.QuantitySpan {
    float:left;
    width: 380px;
}
#ImageInput {
    display:none;
}
.ProductContent {
    font-size: 80%;
    padding-left: 20px;
    width: 480px;
}

 .AddToCart {
    float:left;
    background-image: url(../images/AddToCart.gif);
    background-repeat: no-repeat;
    background-position:0px -25px;
    height: 25px; 
    width: 125px;
    margin-left: 90px;
    margin-top: 20px;
    margin-bottom:10px;
 }
 .AddToCart:hover {
   background-position:0px 0px;
 }
 .hasSpecial {
    text-decoration: line-through;
 }
 .ItemDisplaySpanSpecial .hasSpecial {
    color:#CEC89C !important;
    font-style:italic;
 }
 .SpecialPrice {
    font-weight:bold;
    color:#8E0C3A;
 }
 #SpecialHeader {
    float:right;
    width:150px;
    height:41px;
    background-image:url(../images/Specials.jpg);
 }
  #SpecialFooter {
    float:right;
    width:150px;
    height:41px;
    background-image:url(../images/SpecialsBottom.jpg);
 }
 .ItemDisplaySpanSpecial .SpecialPrice {
    color: #CEC89C;
 }
 .Special {
    float:left;
    width: 64px;
    height:24px;
    margin-top: 20px;
    margin-left: -100px;
    background-image: url(images/SpecialBg.gif);
    background-repeat:no-repeat;
    background-position:center center;
    padding:13px;
    text-align:center;
 }
 .ItemDisplaySpanSpecial .Special {
      background-image: url(../images/SidebarSpecialBg.gif);
      margin-top: 20px;
      margin-left: 2px;
 }
  .SpecialSpan {
    float:left;
    width: 64px;
    height:24px;
    padding:13px;
    text-align:center;
 }
 .SpecialDisplay {
    font-size:80%;
    color: #FFFFFF;
    font-weight:bold;
    line-height:10px;
 }
 .ItemDisplaySpanSpecial .SpecialDisplay {
    color: #000000;
 }
 .SpecialsSidebar {
    float:right;
    width: 150px;
    margin-top:0px;
 }
 .SpecialsSidebar .ProductName 
 {
    background-color:#7B4040;
    border: 1px solid #4E2626;
 }
 .ViewMoreLink {
    background-image: url(../images/ViewMore.gif);
    background-repeat:no-repeat;
    float:left;
    width:150px;
    font-size: 80%;
    height:20px;
    color: #FFFFFF !important;
    padding-top:1px;
    text-align:left;
    padding-left:5px;
    margin-top: 10px;
 }
 .specialBackground {
    background-image: url(../images/DefaultBG.gif);
    background-repeat:repeat-y;
    background-position: top right;
    width:100%;
    float:left;
 }
  .cart {
    width: 760px;
    font-family: Arial, Helvetica, sans-serif;
  }
  .cartHeader,
  .shoppingCartItem {
    width: 100% !important;
  }
  .cartHeader {
    margin-bottom: 7px;
  }
 .cartHeader .heading {
    font-size: 90%;
    font-weight: bolder;
    background-color: #7E725A;
    color:white;
    width: 80px;
    float:left;  
    padding-top:3px;
    padding-bottom:3px;
 }
 .cartHeader .heading.item {
    width: 90px;
 }
 .cartHeader .heading.specialInstructions {
    width: 70px;
 }
 .cartHeader .heading.options {
    width: 55px;
 }
 .cartHeader .heading.numeric {
    text-align:right;
    padding-right: 2px;
    width: 78px;
 }
 .ItemName,
 .SpecialInstructions {
    float:left;
    width: 90px;
    font-size:80%;
 }
 .SpecialInstructions {
    width:70px;
 }
 .Options {
    float:left;
    width: 55px;
    font-size:80%;
 }
 .Quantity,
 .UnitPrice,
 .TotalPrice,
 .Remove {
    float:left;
    width:80px;
    font-size:80%;
 }
 .Quantity,
 .UnitPrice,
 .TotalPrice {
    text-align:right;
    padding-right: 2px;
    width: 78px;
 }
.formSpan {
    float:left;
    padding: 4px 10px 4px 10px;
}
.formBlockSpan {
  padding: 4px 10px 4px 10px;
  display:block;
  clear:both;
}
.formSpan label {
    display:block;
}
.formBlockSpan label {
    display:block;
}
.formSpan textarea,
.formBlockSpan textarea {
 height: 50px;
  width: 90%;   
}
.formBlockSpan input {
    width: 90%;
}
.Disclaimer {
    font-size:90%;
    font-style:italic;
}
.radio input,
.radio label ,
.checkBox input,
.checkBox label {
    display:inline !important;
    width: auto;
}
.gridsection,
.addeditsection {
    float:left;
    width: 100%;
}
.SpecialSection {
    border: 1px solid #CEC89C;
    display:block;
    width: 96%;
    margin-top: 10px;
}
.SpecialSection h2 {
    text-align:center;
    margin:0;
    padding:0;
}
.BlockSpan {
    display:block;
    clear:both;
}
.title {
    font-weight:bold;
}
.JobTitleLabel {
    font-weight:bold;
    display:block;
}
.JobTitleSummary {
    font-size:80%;
    font-style:italic;
}
.CareerSpan {
    display:block;
    margin-top:10px;
    margin-bottom:40px;
    margin-left:120px;
}
.ApplyOnline {
    display:block;
    color:#5f3a47 !important;
    text-decoration:underline !important;
}
.ApplyOnline:hover {
    font-style:normal !important;
    text-decoration:none !important;
}
.MoreInfo{
    background-image:url(../images/MoreInfo.gif) !important;
    background-position:0px -25px;
    background-repeat: no-repeat;
    height:25px;
    width:125px;
    float:left; 
 }
 .MoreInfo:hover{
      background-position:0px 0px;
 }