body              { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #006; margin: 0px; padding: 0px; width: 100% }
a    { color: #80CCFF }
a:hover { color: #ffffff }
h1    { color: black; font-weight: bold; font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; margin-top: 18px; padding-bottom: 4px; border-bottom: 2px dotted #dedede; width: 100% }

/* NavBar */
#navbar    { visibility: visible }
#navbar ul  { list-style-type: none; margin: 0px; padding: 0px }
#navbar li  { display: inline }
#navbar a     { color: #80ccff; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: 0.03pc; float: right; margin: 0px 0px 0px 28px; padding: 0px; display: block }
#navbar a:hover { color: #ffffff; }

.Subcategory, .Subcategory a     { color: #933; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica; margin-right: 2px; margin-left: 2px }
.Subcategory a:hover   { color: #000 }
.TopNavi, a.TopNavi  { color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica; margin-right: 2px; margin-left: 2px }
a.TopNavi:hover  { color: #933 }
.Navi, a.Navi { color: #fff; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica }
a.Navi:hover { color: #933 }
.NaviBottom, a.NaviBottom { color: #fafac8; font-size: 11px; font-family: Verdana, Arial, Helvetica }
a.NaviBottom:hover { color: #fff }
.FooterText, a.FooterText   { color: #fafac8; font-size: 10px; line-height: 18px; font-family: Verdana, Arial, Helvetica }
a.FooterText:hover   { color: #fff; line-height: 18px }
.Title1,  a.Title1 { color: black; font-weight: bold; font-size: 22px; font-family: georgia, "Times New Roman", Times }
a.Title1:hover { color: #666666 }
.Title2,  a.Title2 { color: #933; font-weight: bold; font-size: 18px; font-family: georgia, "Times New Roman", Times }
a.Title2:hover { color: #666666 }
.Title3,  a.Title3   { color: black; font-weight: bold; font-size: 15px; font-family: georgia, "Times New Roman", Times }
a.Title3:hover { color: #666666 }
.Title4,  a.Title4   { color: #933; font-weight: bold; font-size: 15px; font-family: georgia, "Times New Roman", Times }
a.Title4:hover { color: #666666 }
.CookieCrumb    { color: gray; font-weight: bold; font-size: 12px; font-family: georgia, "Times New Roman", Times }
a.CookieCrumb { color: #444; font-weight: bold; font-size: 12px; font-family: georgia, "Times New Roman", Times }
a.CookieCrumb:hover  { color: #933 }
.NewsTitle,  a.NewsTitle   { color: #933; font-weight: bold; font-size: 14px; font-family: georgia, "Times New Roman", Times }
a.NewsTitle:hover  { color: black }
.ProductTitle   { color: black; font-weight: bold; font-size: 22px }
.ProductTitle_Red  { color: #933; font-weight: bold; font-size: 24px; font-family: georgia, "Times New Roman", Times }
.ProductTitle2    { color: gray; font-weight: bold; font-size: 14px }
.ProductNameColor, a.ProductNameColor       { color: #933; font-weight: bold; font-size: 17px; line-height: 18px; font-family: georgia, "Times New Roman", Times }
a.ProductNameColor:hover { color: #666666 }
.ProductNameWhite,  a.ProductNameWhite     { color: #fefeb3; font-weight: bold; font-size: 16px; font-family: georgia, "Times New Roman", Times }
a.ProductNameWhite:hover  { color: #fff }
.PriceDescSmall   { color: black; font-weight: bold; font-size: 14px; font-family: georgia, "Times New Roman", Times; padding: 2px 0px 2px 4px }
.PriceColorSmall  { color: #993333; font-weight: bold; font-size: 16px; font-family: georgia, "Times New Roman", Times }
.PriceDesc   { color: black; font-weight: bold; font-size: 18px; font-family: georgia, "Times New Roman", Times; padding-left: 8px }
.PriceColor  { color: #993333; font-weight: bold; font-size: 20px; font-family: georgia, "Times New Roman", Times }
.Price { color: black; font-size: 16px; font-family: georgia, "Times New Roman", Times; background-color: #ffc; text-align: center }
.Note { color: #933; font-style: italic; font-size: 11px }
.Text1  { color: white; font-size: 12px; font-family: Verdana, Geneva, sans-serif }
.Text2 { color: #933; font-size: 18px }
.OtherProducts { color: white; font-weight: bold; font-size: 14px; font-family: georgia, "Times New Roman", Times; margin-left: 28px }
.Bigtext     { color: white; font-size: 15px; font-family: Arial, Helvetica, Geneva, SunSans-Regular; letter-spacing: 0.01em }
a.Bigtext, a.Bigtext:hover  { color: #00f }
.Smalltext     { color: white; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular; letter-spacing: 0.02em }
a.Smalltext, a.Smalltext:hover   { color: #00f }
.GeneralSmall  { color: black; font-size: 11px; line-height: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular }
.ProductDesc1   { color: #000000; font-size: 12px; line-height: 1.2em; letter-spacing: 0.03em }

.PictureThumb    { margin-top: 6px; margin-bottom: 6px; border: 0px }
.PictureOther  { margin-right: 2px; margin-bottom: 2px; margin-left: 2px; border: 0px }
.PictureRegular         { margin-bottom: 12px; border: 0px }
.PictureLarge  { margin-bottom: 20px; border: 0px }
.PictureCart  { margin: 2px; border: 0px }

.ViewDetails  { float: right; clear: left; padding: 2px 2px 2px 4px; border: 0px }
.ViewDetailsOther { padding: 1px 2px 8px; border: 0px }
.ElementLeft { float: left; margin-right: 10px; margin-bottom: 8px }
.ElementRight { float: right; margin-bottom: 8px; margin-left: 16px }
.Heading1 { padding-bottom: 20px }
.Error { color: #933; font-weight: bold; font-size: 14px }
.ErrorBox     { color: #d00; font-weight: bold; font-size: 14px; text-align: center; padding: 20px }
.YellowBox     { background-color: #fefeb3; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 16px }
.ImportantBox    { background-color: #fefeb3; padding: 14px; -moz-border-radius: 14px }
.ContactBox  { background-color: #eee; margin-top: 20px; margin-right: auto; margin-left: auto; padding: 16px; width: 240px }
.Disclaimer { font-size: 14px; background-color: #ffffcc; padding: 15px; border: solid 2px red }

.Hea-one  { color: #fff; font-size: 20px; font-family: Georgia, "Times New Roman", Times; background-color: #993333; float: left; margin-bottom: 1px; padding: 5px }
.Hea-two  { color: #fff; font-size: 20px; font-family: Georgia, "Times New Roman", Times; background-color: #000; float: left; margin-top: 5px; margin-bottom: 14px; padding: 5px }
.Plane  { float: right; margin-top: 8px; margin-bottom: 12px; margin-left: 10px; border: 0px }
.Whenhogsfly-content  { font-size: 11px; font-family: Verdana, Arial, Helvetica; background: url(../images/tile_WhenHogsFly.gif) repeat-x; margin-bottom: 20px; padding: 0 20px 10px }

.CartHeader  { color: white; font-size: 11px; padding: 2px }
.CartQty { color: black; font-weight: bold; font-size: 18px }
.CartText   { color: #000000; font-weight: normal; font-size: 15px; line-height: 16px; margin-right: 4px }
A.CartText   { color: #000000; line-height: 16px; margin-right: 4px }
A.CartText:hover { color: #666666 }
.CartTextSmall  { color: #933; font-weight: normal; font-size: 12px }
A.CartTextSmall  { color: #933 }
A.CartTextSmall:hover { color: #666666 }

.NewsTable { padding: 20px 30px 30px; border: solid 1px #ccc }
.TableSpace { margin-bottom: 14px }
.Table1    { margin-bottom: 12px; border: solid 1px #ccc }
.TableRelated     { margin-bottom: 10px; padding: 2px; border: solid 1px #ccc; width: 100%; height: 204px }
.TableCategory    { padding: 1px; border: solid 1px #ccc; width: 100% }
.CellSpaceSmall { padding: 2px }

.text_field_error { color: #000000; font-size: 12px; font-family: Verdana, Geneva, sans-serif; background-color: #ff999f; margin: 0px; padding: 2px 5px 3px; border: solid 1px #d9d9d9 }

/* Form Elements */
.Field    { color: #933; font-size: 12px; font-family: Verdana, Geneva, sans-serif; background-color: #fcfcfc; margin: 0px; padding: 2px 5px 3px; border: solid 1px #d9d9d9 }
.Input  { color: #00006c; font-size: 12px; font-family: Arial, Helvetica, Geneva; background-image: url(../images/FieldBknd.jpg); padding: 2px; border: solid 1px #222 }
.Textarea { color: #00006c; font-size: 12px; font-family: Arial, Helvetica, Geneva; background: #f0f0f0 url(../images/FieldBknd.jpg) repeat-x; margin-right: 2px; padding: 2px; border: solid 1px #222 }
.Select  { color: #00006c; font-size: 11px; font-family: Arial, Helvetica, Geneva; background-color: white; padding: 1px; border: solid 1px #222 }

.ErrorMessage1 { color: #b00; font-size: 14px }
.ErrorMessage2 { color: #b00; font-size: 12px }
.Asterisk { margin: 0 6px -3px 0; padding: 0; border: none; width: 16px; height: 16px }
.Bullet1 { margin: 0 1px -3px 0; padding: 0; border: none; width: 16px; height: 16px }

/* Cancel Button */
.CancelButton a, .CancelButton, .CancelButton a:active { color: #d12f19; font-weight: bold; font-size: 100%; line-height: 130%; font-family: "Lucida Grande", Tahoma, Arial, Verdana; text-decoration: none; background-color: #f5f5f5; margin: 0 7px 0 0; padding: 5px 10px 6px 7px; border: solid 1px #dedede; cursor: pointer  }
.CancelButton:hover, .CancelButton a:hover { color: #d12f19; background-color: #fbe3e4; border: solid 1px #d12f19 }
.CancelButton img, .CancelButton a img { margin: 0 6px -3px 0; padding: 0; border: none; width: 16px; height: 16px }

/* Submit Button */
.SubmitButton, .SubmitButton a, .SubmitButton a:active  { color: #529214; font-weight: bold; font-size: 100%; line-height: 130%; font-family: "Lucida Grande", Tahoma, Arial, Verdana; text-decoration: none; background-color: #f5f5f5; margin: 0 7px 0 0; padding: 5px 10px 6px 7px; border: solid 1px #dedede; cursor: pointer }
.SubmitButton:hover, .SubmitButton a:hover { color: #529214; background-color: #e6efc2; border: solid 1px #529214 }
.SubmitButton img, .SubmitButton a img { margin: 0 6px -3px 0; padding: 0; border: none; width: 16px; height: 16px }

/* Search Button */
.SearchButton, .SearchButton a, .SearchButton a:active { color: #06c; font-weight: bold; font-size: 100%; line-height: 130%; font-family: "Lucida Grande", Tahoma, Arial, Verdana; text-decoration: none; background-color: #f5f5f5; margin: 0 7px; padding: 2px 8px 3px 5px; border: solid 1px #dedede; cursor: pointer  }
.SearchButton:hover, .SearchButton a:hover { color: #06c; background-color: #dff4ff; border: solid 1px #06c }
.SearchButton img, .SearchButton a img { margin: 0 6px -3px 0; padding: 0; border: none; width: 16px; height: 16px }

.LoginTable     { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica; background-color: #fff; margin: 0px auto; padding: 0px; border: solid 4px #eee; position: relative; top: 40px; width: 300px }
th     { color: #fff; font-size: 11px; background-color: #555; text-align: left; padding: 2px 4px 2px 5px; border: none; height: 24px }
.LoginTable td.Col1     { text-align: right; margin: 0px; padding: 3px 4px; width: 70px }

.MainTable  { margin: 0px 15px 20px 0px; border: none; width: 100%; min-width: 480px }
.MainTable th, th a { }
.MainTable td, th { }
.MainTable td  { padding-left: 4px }
.MainTable td.ButtonCell { text-align: center; vertical-align: top; margin: 0px; padding: 15px; border: none; height: 50px }
.MainTable td.Cookie  { text-align: left; vertical-align: top; margin: 0px; padding: 0px; border: none; height: 26px }

.AccountTable   { font-size: 12px; font-family: Verdana, Arial, Helvetica; clear: both; margin: 4px auto 17px; border: none; width: 100%; min-width: 480px }
.AccountTable th, th a { color: #fff; font-size: 11px; background-color: #555; text-align: left; padding: 2px 4px 2px 5px; border: none; height: 24px }
.AccountTable th a:hover { color: yellow; font-size: 11px; background-color: #555; text-align: left; border: none 1px #b6b6b6; height: 24px }
.AccountTable td { text-align: left; padding: 3px 8px; border: solid 1px #ddd }
.AccountTable td.Col1  { background-color: #ececec; text-align: right; width: 32% }
.AccountTable td.Col2 { text-align: left; padding: 0px }
.AccountTable td.Related { margin: 0px; padding: 0px; border: none; height: 0px }
.AccountTable td.ButtonCell { text-align: center; vertical-align: top; margin: 0px; padding: 15px; border: none; height: 50px }

.OrderTable    { font-size: 12px; font-family: Verdana, Arial, Helvetica; clear: both; margin: 4px auto 4px auto; border: none; width: 100%; min-width: 640px }
.OrderTable th     { color: #777; background-color: #ccc; text-align: left; border: solid 1px #b6b6b6 }
.OrderTable td, th    { padding: 3px 8px; }
.OrderTable td    { text-align: left; border: solid 1px #ddd }
.OrderTable td.Col1     { background-color: #ececec; text-align: right; width: 45% }
.OrderTable td.ButtonCell      { text-align: center; vertical-align: top; margin: 0px; padding: 15px; border: none; height: 50px }