/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #31311B url(Images/design/bg-tile.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 12px Verdana, Tahoma, sans-serif; color: #000; background: #fff; line-height: normal}
#PageSubTable {width: 910px}
#ContentCell {}
#Instruction1_InstructCell {line-height: 18px; background: #000; border-top: 1px solid #767648; border-bottom: 1px solid #767648; padding: 7px; line-height: 18px}
#Instruction1_InstructCell a {color: #fff}
.Instructions {font-size: 12px; color: #fff}
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #DEEA40}
.Headings {font-size: 16px; font-weight: bold; color: #fff}
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #767648}
.Content {line-height: 18px; font-size: 12px; color: #fff}
.Content a {color: #7BCB20; text-decoration: underline}
.Content a:hover {color: #7BCB20; text-decoration: none}

.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.img-left { float:left;margin:4px 10px 4px 0; border: 1px solid #767648}
.img-right { float:right;margin:4px 0 4px 10px; border: 1px solid #767648}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {height: 91px; background: url(Images/design/bn-bg.jpg) no-repeat top right}
#TopBannerCell h1 {background: url(Images/design/bn-logo.gif) no-repeat top left; display: block; margin: 8px 0 0 0; padding: 0; height: 72px; width: 310px; text-indent: -9999px}
#TopBannerCell h1 a {display: block; height: 72px; width: 310px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {vertical-align: top; height: 74px; background: url(Images/design/bn-nav_bg.jpg) no-repeat top right; font-size: 12px; color: #fff}
#TopSubBannerCell .search, #TopSubBannerCell .nav {width: auto; float: left}
#TopSubBannerCell .cart {width: auto; float: right; margin-top: 29px; background: url(Images/design/bn-nav_cart.gif) no-repeat 0 50%; padding-left: 25px}
#TopSubBannerCell .cart .divide {margin: 0 3px; font-weight: bold}
#TopSubBannerCell .cart a {color: #fff; font-weight: bold}
#TopSubBannerCell .nav {margin-top: 30px}
#TopSubBannerCell .nav span {margin: 0 3px}
#TopSubBannerCell .nav a {color: #000}
#TopSubBannerCell .search {margin: 26px 10px 0 0}
#TopSubBannerCell .search input {background: #CDDABA; font: 12px Arial, Helvetica, sans-serif; color: #000; width: 100px; border: 1px solid #456809; margin: 0 3px}
#TopSubBannerCell .search a {color: #fff}

#TopSubBannerCell a {color: #fff; text-decoration: none}
#TopSubBannerCell a:hover {text-decoration: underline}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {color: #B29C7C; font-size: 10px; padding-top: 25px}
#FooterCell p {padding: 15px 0 15px 30px; border-top: 1px solid #767648}
.home #FooterCell {padding-top: 0}
.home #FooterCell p {border-top: none}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {text-align: center}
#ContentCell.default .wrap {width: 850px; margin: 0 auto; text-align: left}
#ContentCell.default .r1 {border: 1px solid #666; float: left; width: 848px; background: #2F2F2F url(Images/design/df-rt_tile.gif) repeat-y right; height: 324px}
#ContentCell.default .r1 .flash {float: left; width: auto}
#ContentCell.default .r1 .events {line-height: 18px; float: right; width: 188px; background: url(Images/design/df-rt_bg.gif) no-repeat top right; color: #fff}
#ContentCell.default .r1 .events .inner {margin-top: 15px; width: 172px; float: right}
#ContentCell.default .r1 .events .inner h2 {font-size: 18px; font-weight: bold; color: #A1A176; margin: 0 0 15px 0; padding: 0}
#ContentCell.default .r1 .events .inner ul {margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #666; margin-bottom: 15px; padding-bottom: 15px}
#ContentCell.default .r1 .events .inner a {color: #73BE1E}
#ContentCell.default .r2 {font-size: 10px; color: #589217; float: left; background: url(Images/design/df-feat_tile.gif) repeat-x top; width: 850px}
#ContentCell.default .r2 .item {width: auto; float: left; margin-right: 13px}
#ContentCell.default .r2 .item ul {line-height: normal; width: 195px; margin: 0; padding: 0; list-style: none}
#ContentCell.default .r2 .item li.name {font-weight: bold; margin: 5px 0; font-size: 12px; color: #fff}
#ContentCell.default .r2 .item li.image {padding-bottom: 30px; background: url(Images/design/df-arrow.gif) no-repeat bottom left}
#ContentCell.default .r2 .item li.description {margin: 10px 0}
#ContentCell.default .r2 .item li a {text-decoration: none}
#ContentCell.default .r2 .first {margin-left: 20px}
#ContentCell.default .r2 .last {margin-right: 0}

/* Static Page Styles
--------------------------------------------------------*/
#ContentCell.static {padding: 8px}
#ContentCell.static h1 {font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; border-bottom: 1px solid #767648; padding-bottom: 8px}
#ContentCell.static h2 {font-size: 16px; font-weight: bold; color: #fff; font-style: italic; text-transform: uppercase; border-top: 1px dotted #767648; padding-top: 15px}
#ContentCell.static h2.first {border: none; padding-top: 0}
#ContentCell.static h3 {font-size: 14px; font-weight: bold; color: #fff}
#ContentCell.static table {font-size: 12px}

#ContentCell.static table.support-tbl {border-top: 1px solid #F3F3DA; border-right: 1px solid #F3F3DA; background: #D5D5B7; color: #000}
#ContentCell.static table.support-tbl td {border-bottom: 1px solid #767648; border-left: 1px solid #767648; padding: 5px}

div.img-left-wrap {float: left; width: 326px}
div.img-left-wrap img {border: 1px solid #767648; margin:4px 10px 4px 0}

#ContentCell.static .backgrounds {margin: 0; padding: 0; list-style: none; padding-top: 10px; width: 100%; float: left}
#ContentCell.static .backgrounds li {float: left; margin: 0 10px 0 0}
#ContentCell.static .backgrounds img {border: 1px solid #767648}

.products #ContentCell.static {padding: 0; background: url(Images/design/lc-tile.gif) repeat-y left}
#ContentCell.static div.left {float: left; width: 170px; background: #767648}
#ContentCell.static div.left ul {margin: 10px 0 10px 15px; padding: 0; list-style: none; line-height: 24px}
#ContentCell.static div.left ul a {color: #fff; text-decoration: none; font-weight: bold}
#ContentCell.static div.left ul a:hover {text-decoration: underline}
#ContentCell.static div.left li {}
#ContentCell.static div.right {float: right; width: 700px; padding: 0 20px}
#ContentCell.static div.right h1 {margin-top: 0; padding-top: 0}

#ContentCell.static div.c1 {float: left; width: 40%}
#ContentCell.static div.c2 {float: left; width: 40%; margin-left: 50px}

#ContentCell.static .img-wrap {margin-bottom: 20px}
#ContentCell.static .img-wrap img {margin-right: 11px; border: 1px solid #767648}
#ContentCell.static .img-wrap .last {margin-right: 0}

/* Search Styles
--------------------------------------------------------*/
#LeftColumnNav1_SimpleSearch1_Panel1 {margin: 0; padding: 0; font-size: 11px; color: #fff}
#LeftColumnNav1_SimpleSearch1_Panel1 a {color: #fff; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 a:hover {color: #fff; text-decoration: none}
#LeftColumnNav1_SimpleSearch1_Panel1 input {border: 1px solid #fff}