body { background-color: #4a89ab; background-image:url(../images/bg1.gif); background-repeat:repeat-x; border: 0px; padding: 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; color:#FF0000}
form {margin: 0px; padding: 0px; border: 0px}
.bodyWrapper {background-color:#FFFFFF; padding: 4px}
.cbodyWrapper {padding: 0px 0px 0px 4px}
.BodyMainWrapper {background-image:url(../images/body-Main-BG.jpg); background-repeat:repeat-y; background-position:center}
.BodyMainFooter {background-image:url(../images/body-Main-Footer.jpg); background-repeat:no-repeat; background-position:center}
.Banner {background-image:url(../images/BannerBG.gif); background-repeat:repeat-x}
.PageBanner {background-image:url(../images/BannerBG.gif); background-repeat:repeat-x}
.BannerLogo {background-image:url(../images/surbuf-logo.gif); background-repeat:no-repeat; width: 212px}
.bannerCart {background-image:url(../images/banner-cart.gif); background-repeat:no-repeat; width: 453px;  }
.bannerTagline {background-image: url(../images/tagline.gif); background-repeat:no-repeat; height: 77px}
.navBarBG {background-image:url(../images/navBarBG.gif); background-repeat:repeat-x}
.navBarLeft {background-image:url(../images/navBarLeft.gif); background-repeat:no-repeat; width: 14px; height: 26px}
.navBarRight {background-image:url(../images/navBarRight.gif); background-repeat:no-repeat; width: 14px; height: 26px}
.BannerPhone {font-family:Arial, Helvetica, sans-serif; font-size: 22px; color:#FFFFFF; padding: 10px 30px 0px 0px}
.NavBorder {background-image:url(../images/NavBG.jpg); background-repeat:repeat-x; height: 25px}
.NavBorderLeft {background-image:url(../images/NavLeft.jpg); background-repeat:no-repeat; width: 4px}
.NavBorderRight {background-image:url(../images/NavRight.jpg); background-repeat:no-repeat; width: 4px}

.BannerLinks {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none}
.BannerLinks a:link {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none}
.BannerLinks a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none}
.BannerLinks a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #9de7fa; text-decoration:none}
.BannerLinks a:active {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #9de7fa; text-decoration:none}
.BannerLinkDiv {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #2c6685; text-decoration:none; padding-left: 8px; padding-right: 8px}



p {margin: 0px; padding: 0px 0px 12px 0px}
ul{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 16px; list-style-image:url(../images/bullet.gif); margin: 0px 10px 15px 20px; padding: 0px 10px 10px 10px}
li {padding: 0px 0px 12px 5px}
® {font-size:10px}

a:link {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #2f6a8a; text-decoration:none}
a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #2f6a8a; text-decoration:none}
a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #63a1c2; text-decoration:none}
a:active {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #63a1c2; text-decoration:none}

.CSLink a:link {font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #2f6a8a; text-decoration:none; font-weight:700}
.CSLink a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #2f6a8a; text-decoration:none; font-weight:700}
.CSLink a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #63a1c2; text-decoration:none; font-weight:700}
.CSLink a:active {font-family:Arial, Helvetica, sans-serif; font-size: 22px; color: #63a1c2; text-decoration:none; font-weight:700}

.SiteMap {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#7f2727; text-decoration:none; line-height: 18px }
.SiteMap a:link {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #2f6a8a; text-decoration:none}
.SiteMap a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #2f6a8a; text-decoration:none}
.SiteMap a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none}
.SiteMap a:active {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #7f2727; text-decoration:none}

.SmallCapsLink{font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #2f6a8a; text-decoration:none; text-transform:uppercase; letter-spacing: 1px}
.SmallCapsLink a:link {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #2f6a8a; text-decoration:none; text-transform:uppercase; letter-spacing: 1px}
.SmallCapsLink a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #2f6a8a; text-decoration:none; text-transform:uppercase; letter-spacing: 1px}
.SmallCapsLink a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #63a1c2; text-decoration:none; text-transform:uppercase; letter-spacing: 1px}
.SmallCapsLink a:active {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #63a1c2; text-decoration:none; text-transform:uppercase; letter-spacing: 1px}

.FooterText {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none}
.FooterText a:link {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #9de7fa; text-decoration:none}
.FooterText a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #9de7fa; text-decoration:none}
.FooterText a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none}
.FooterText a:active {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none}

.FooterLinks {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #7f2727; text-decoration:none}
.FooterLinks a:link {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #7f2727; text-decoration:none}
.FooterLinks a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #7f2727; text-decoration:none}
.FooterLinks a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ab8a6a; text-decoration:none}
.FooterLinks a:active {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ab8a6a; text-decoration:none}
.FooterLinkDiv {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #ab8a6a; text-decoration:none; padding-left: 7px; padding-right: 7px}

.FooterBG {background-image:url(../images/footerBG.gif); background-repeat:repeat-x; }
.FooterLeft {background-image:url(../images/footerLeft.gif); background-repeat:no-repeat; width: 20px; height: 38px}
.FooterRight {background-image:url(../images/footerRight.gif); background-repeat:no-repeat; width: 20px; height: 38px}

.Copyright {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #abc9d9; text-decoration:none}
.Copyright a:link {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #abc9d9; text-decoration:none}
.Copyright a:visited {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #abc9d9; text-decoration:none}
.Copyright a:hover {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #ffffff; text-decoration:none}
.Copyright a:active {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #ffffff; text-decoration:none}

.Breadcrumbs {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #2f6a8a; text-decoration:none; }
.Breadcrumbs a:link {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #2f6a8a; text-decoration:none; }
.Breadcrumbs a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #2f6a8a; text-decoration:none; }
.Breadcrumbs a:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #63a1c2; text-decoration:none; }
.Breadcrumbs a:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #63a1c2; text-decoration:none; }


.TextMain {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlain {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlain a:link {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlain a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlain a:active {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#2f6a8a; text-decoration:none; line-height: 18px}
.TextPlain a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#2f6a8a; text-decoration:none; line-height: 18px}
.TextPlainSmall {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlainSmall a:link {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlainSmall a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none; line-height: 18px}
.TextPlainSmall a:active {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#2f6a8a; text-decoration:none; line-height: 18px}
.TextPlainSmall a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#2f6a8a; text-decoration:none; line-height: 18px}
.TextGeneral {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; }
.ErrorLabel {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#cc0000; text-decoration:none; line-height: 20px}
.FormLabel {font-family:Arial, Helvetica, sans-serif; font-size: 9px; color:#2f6a8a; text-decoration:none; height: 18px; text-transform:uppercase; letter-spacing: 1px}
form {margin: 0px; padding: 0px; border: 0px}
.inputText {background-color: #f3f3f3; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left: 7px}
.inputTextWhite {background-color: #ffffff; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left: 7px}
.inputSearch {background-color: #805116; border: 1px solid #805116; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#f4d8a6; padding-left: 7px}
.input2 {background-color:#f3f3f3; background-image:url(../images/inputBG.jpg); border: 1px solid #cccccc; padding-left: 7px; font-family:"Courier New", Courier, mono; font-size: 12px; color:#333333; height: 18px}
.inputMenu {background-color: #f3f3f3; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left: 7px}
.inputMenuWhite {background-color: #ffffff; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding-left: 7px}
.Button{background-color: #2f6a8a; border: 1px solid #2f6a8a; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
.ButtonHover{background-color: #666666; border: 1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}

.ProductImageWrapper {border: 1px solid #823432}

.TextList {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:none; line-height: 28px}
.TextList a:link {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#2f6a8a; text-decoration:none; }
.TextList a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#2f6a8a; text-decoration:none; }
.TextList a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#63a1c2; text-decoration:none; }
.TextList a:active {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#63a1c2; text-decoration:none; }

.CB1Header {background-image: url(../images/cb1-header.jpg); background-repeat:no-repeat; height: 12px}
.CB1Body {background-image: url(../images/cb1-body.jpg); background-repeat:repeat-y}
.CB1Footer {background-image: url(../images/cb1-footer.jpg); background-repeat:no-repeat; height: 12px}
.CB2Header {background-image: url(../images/cb2-header.jpg); background-repeat:no-repeat; }
.CB2Body {background-image: url(../images/cb2-body.jpg); background-repeat:repeat-y}
.CB2Footer {background-image: url(../images/cb2-footer.jpg); background-repeat:no-repeat; height: 12px}
.CB3Header {background-image: url(../images/cb3-header.jpg); background-repeat:no-repeat; }
.CB3Body {background-image: url(../images/cb3-body.jpg); background-repeat:repeat-y}
.CB3Footer {background-image: url(../images/cb3-footer.jpg); background-repeat:no-repeat; height: 12px}
.cb1 {background-image:url(../images/c1BG.gif); background-repeat:repeat-x; background-color: #f1f1f1; border: 1px solid #cccccc; padding: 10px 10px 10px 10px}
.cb2 {background-image:url(../images/c1BG.gif); background-repeat:repeat-x; background-color: #f1f1f1; border: 1px solid #cccccc; padding: 10px 10px 0px 15px}

.ProductImageWrapper {border: 1px solid #823432}

.LCNavBarHeader {background-image:url(../images/lcHeader.gif); background-repeat:no-repeat}
.LCNavBar {background-image:url(../images/lcBG.gif); background-repeat:repeat-y; width: 206px}
.LCNavBarFooter {background-image:url(../images/lcFooter.gif); background-repeat:no-repeat}
.LCHeader {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #663400; font-weight:700}
.LCHeader a:link {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #663400; text-decoration:none}
.LCHeader a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #663400; text-decoration:none}
.LCHeader a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #c75900; text-decoration:none}
.LCHeader a:active {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #c75900; text-decoration:none}

.Price1 {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; font-weight:700}
.Price2 {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #cc0000; font-weight:700}

.LCNavLink1 a:link {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #6b3906; text-decoration:none;  }
.LCNavLink1 a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #6b3906; text-decoration:none; }
.LCNavLink1 a:active {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #bf6203; text-decoration:none; }
.LCNavLink1 a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #bf6203; text-decoration:none; }
.LCNavLink2 a:link {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #6b3906; text-decoration:none; }
.LCNavLink2 a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #6b3906; text-decoration:none; }
.LCNavLink2 a:active {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #bf6203; text-decoration:none; }
.LCNavLink2 a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #bf6203;text-decoration:none; }
.MailListHeader {background-image: url(../images/MailListHeader.gif); background-repeat:no-repeat}

.hdr1 {background-image: url(../images/hdr.gif); background-repeat:repeat-x}
.vdr1 {background-image: url(../images/vdr.gif); background-repeat:repeat-y}

.ProductLink {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#7f2727; text-decoration:none; }
.ProductLink a:link {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#7f2727; text-decoration:none; }
.ProductLink a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#7f2727; text-decoration:none; }
.ProductLink a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#2f6a8a; text-decoration:none; }
.ProductLink a:active {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#2f6a8a; text-decoration:none; }

.SKULink a:link {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #2f6a8a; text-decoration:none}
.SKULink a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #2f6a8a; text-decoration:none}
.SKULink a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #63a1c2; text-decoration:none}
.SKULink a:active {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #63a1c2; text-decoration:none}

.ProductTile {font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #823432}
.ProductSKUTile {font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #2f6a8a}

.FloatImageRight {margin: 5px 5px 20px 22px; text-align:right;}
.FloatImageLeft {margin: 0px 22px 20px 0px; text-align:left;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:30px; color: #2e6888; margin: 0px; padding: 0px 0px 15px 0px; font-weight:normal}
h1 a:link {font-family:Arial, Helvetica, sans-serif; font-size:30px; color: #2e6888; text-decoration:none}
h1 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:30px; color: #2e6888; text-decoration:none}
h1 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:30px; color: #63a1c2; text-decoration:none}
h1 a:active {font-family:Arial, Helvetica, sans-serif; font-size:30px; color: #63a1c2; text-decoration:none}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #2e6888; margin: 0px; padding: 0px 0px 14px 0px; font-weight:normal}
h2 a:link {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #2e6888; font-weight:normal; text-decoration:none}
h2 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #2e6888; font-weight:normal; text-decoration:none}
h2 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #63a1c2; font-weight:normal; text-decoration:none}
h2 a:active {font-family:Arial, Helvetica, sans-serif; font-size:22px; color: #63a1c2; font-weight:normal; text-decoration:none}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #2e6888; margin: 0px; padding: 0px 0px 10px 0px; font-weight:normal}
h3 a:link {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #2f6a8a; margin: 0px; padding: 0px 0px 5px 0px; font-weight:normal; text-decoration:none}
h3 a:visited {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #2f6a8a; margin: 0px; padding: 0px 0px 7px 0px; font-weight:normal; text-decoration:none}
h3 a:hover {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #663400; margin: 0px; padding: 0px 0px 7px 0px; font-weight:normal; text-decoration:none}
h3 a:active {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #663400; margin: 0px; padding: 0px 0px 7px 0px; font-weight:normal; text-decoration:none}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #2f6a8a; margin: 0px; padding: 0px 0px 7px 0px; font-weight:normal}

.CartHeader {background-color: #3e7895; padding: 6px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.CartCell {background-color: #f3f3f3; padding: 6px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

.QuoteBox1 {background-image: url(../images/QuoteBoxBG.jpg); padding: 15px 15px 5px 15px; border: 1px solid #805116; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #805116; font-style:italic}
.QuoteBox2 {background-image: url(../images/QuoteBoxBG.jpg); padding: 20px 20px 5px 20px; border: 1px solid #805116; }

.hrule1 {border-top: 1px solid #d6cb9f}
.rcbc1 {background-color: #8d8e8f; padding: 10px 10px 9px 10px; border-top: 2px solid #ffffff}
.rcbc1Text {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; text-decoration:none; padding: 7px 0px 0px 10px}
.rcbc1Text a:link {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; text-decoration:none; }
.rcbc1Text a:visited {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; text-decoration:none; }
.rcbc1Text a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#9de7fa; text-decoration:none; }
.rcbc1Text a:active {font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#9de7fa; text-decoration:none; }
.rcbc1Footer {background-image:url(../images/rcbc1Footer.gif); background-repeat:no-repeat; height: 18px}

.hpSplashBanner {background-image: url(../images/hpSplashBG.jpg); background-color: #bb9d6e; border: 3px solid #835b15; padding: 5px}
.hpCB1 {background-color:#FFFFFF; border: 1px solid #cfb586; padding: 2px}
.hpCB1Header {background-color:#683502; padding: 4px 10px 4px 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #d9a540}
.hpCB1Header a:link {font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #d9a540; text-decoration:none}
.hpCB1Header a:visited {font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #d9a540; text-decoration:none}
.hpCB1Header a:hover {font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #ffffff; text-decoration:none}
.hpCB1Header a:active {font-family:Arial, Helvetica, sans-serif; font-size:24px; color: #ffffff; text-decoration:none}
.hpCB2 {background-color:#fbf3db; border: 1px solid #cfb586; padding: 2px}