html, body, * { margin: 0; padding: 0; }
html { background: url("../_images/back_banner.gif") 0 0 repeat-x; }
body { font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.75em; background: url("../_images/back_page.gif") 0 210px repeat-x; color: #333; }
html.modal,body.modal { background:none;}
body.modal { margin: 0 20px; }
.modal .column { width: 275px; float: left; margin-right: 24px; margin-top: -20px; }
#page-wrap { width: 920px; margin: 0 auto; padding: 0 20px; }


/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 1.5em 0 1.5em 20px; border-left: 2px solid #630021; padding: 0 0 0 20px; }
blockquote p { font-size: 13px; font-style: italic; margin: 0; padding: 5px 0; }
blockquote span { display: block; padding-top: 5px; }
a { color: #620026; }
a:visited { color: #350015; }
a:hover { color: #AE0046; }
a img { border-width: 0; }


/*
### HEADINGS ### */
h1 { margin: 2em 0 1em 0; font-size: 23px; color: #03391C; font-weight: normal; line-height: 25px; background: url("../_images/back_hr.gif") bottom left repeat-x; padding: 0 0 6px 0; }
h1 span { color: #5C594E; padding-left: 5px; }
h1 img { vertical-align: bottom; }
.modal h1 { margin-top: 10px; }
.modal h1 span { padding-left: 80px; padding-top: 19px; background: url("../_images/envelope.gif") bottom left no-repeat; display: block; color: #03391C; }
h1.breadcrumb { font-size: 12px; margin-top: 3em; font-family: Arial; margin-bottom: -10px; }
h1.breadcrumb a { color: #5C594E !important; text-decoration: none; }
h1.breadcrumb a:hover { text-decoration: underline; }
h2,h3,h4,h5{line-height:normal;}
h2 { margin: 1.5em 0 10px 0; font-size: 20px; color: #620026; font-weight: normal; }
h2.tinytext { font-size: 14px; font-weight: bold; }
#menu-col h2 { padding: 15px 10px 0 10px; font-size: 16px; font-weight: bold; line-height: 16px; }
#right-col h2 { font-size: 16px; font-weight: bold; }
#col-1 h2, #col-2 h2 { font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: -8px; }
#prod-options h2 { margin: 10px 0; background: url("../_images/back_hr.gif") bottom left repeat-x; padding-bottom: 6px; }
.box h2 { margin-top: 1em; }
h3 { margin: 1.5em 0 10px 0; font-size: 16px; color: #003818; font-family: "Trebuchet MS"; text-transform: uppercase; }
#prod-options h3 { background-color: #E6E4DE; padding-left: 10px; color: #333; border-bottom: 1px solid #C1BFB7; }
h4 { font-size: 14px; margin: 1em 0; }

#logo { margin: 60px 0 0 8px; width: 182px; height: 138px; background: url("../_images/logo_screen.gif") 0 0 no-repeat; float: left; }
#logo a { width: 182px; height: 138px; display: block; text-indent: -9114px; overflow: hidden; }
#logo img { height: 10px; width: 10px; text-indent: -9114px; display: none; }


/*
### LISTS ### */
#content ul { margin: 2em 0 1.5em 20px; padding: 0; }
#content li { background: url("../_images/bullet.gif") 0 4px no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#content ul ul { margin-top: 0; margin-bottom: 0; }

#cat-thumbs { margin: 1.5em 0; overflow: hidden; width: 100%; }
#cat-thumbs li { width: 135px; float: left; margin: 0 12px 12px 0; padding: 0; list-style-type: none; }
#cat-thumbs a { display: block; width: 100%; background: #03371B; color: #E6E4DE; text-decoration: none; font-size: 14px; line-height: normal; font-weight: bold; }
#cat-thumbs a:hover { color: #FFF; }
#cat-thumbs a span { display: block; padding: 0 0 3px 2px; }

dl.webster dt { font-weight: bold; float: left; clear: left; margin-right: 5px; color: #03391C; }

#menu-col li { padding: 0 10px 0 30px; background: url("../_images/bullet.gif") 12px 4px no-repeat; list-style-type: none; }

#side-menu li { list-style-type: none; line-height: 1.25em; padding: 0; background-image: none; }
#side-menu li.open { font-weight: bold; background-color: #c2c0b0; }
#side-menu li.open li.open { background-color: #cfcdc1; }
#side-menu li.current { background: #cfcdc1 url("../_images/menu_arrow.gif") 0 7px no-repeat; font-weight: bold; }
#side-menu li a { color: #333; text-decoration: none; display: block; padding: 5px 10px; height: 1%; }
#side-menu li a:hover { background-color: #f0efec; color: #03391C; }
#side-menu li.open a { padding-left: 15px; }
#side-menu li.current a { color: #03391C; padding-left: 15px; }
#side-menu li.current a:hover { background: #f0efec url("../_images/menu_arrow.gif") 0 7px no-repeat; }
#side-menu li ul { display: none; visibility: hidden; }
#side-menu li.open ul { display: block; visibility: visible; }
#side-menu li.open ul { display: block; visibility: visible; background-color: #DAD8CF; border-top: 1px solid #b5b39f; }
#side-menu li.open li { font-weight: normal; }

#content .prod-list, #content .cat-list { border: 1px solid #CCC; border-width: 1px 0 0 1px; margin: 0 !important; width: 676px; clear: both; padding: 0; }
#content .prod-list li, #content .cat-list li { float: left; width: 100%; background: url("../_images/back_product.gif") bottom right no-repeat; overflow: hidden; border: 1px solid #CCC; border-width: 0 1px 1px 0; padding: 0; }
#content .cat-list li { width: 337px; height: 200px; }
#content .cat-list.tall li { height: 355px; }
.prod-list h2, .prod-list h2 a { font-weight: bold; color: #033B1D; text-decoration: none; font-size: 12px; }
.cat-list h2, .cat-list h2 a { font-weight: bold; color: #620026; text-decoration: none; font-size: 14px; }
.prod-list h2, .cat-list h2 { background: #EFEDEA; margin: 0; padding-top: 8px; padding-bottom: 7px; line-height: normal !important; }
.cat-list h2 { padding-top: 7px; }
.prod-list h2, .prod-list p { padding-left: 10px; padding-right: 10px; line-height: 1.5em; }
.prod-list img.left, .cat-list img.left { border-width: 0; }
#content .prod-list .clear, #content .cat-list li.clear { height: 1px; border-width: 0; background: none; }

#content .rel-list { margin: 1.5em 0; }
#content .rel-list li { background: none; border-bottom: 1px solid #CCC; padding: 8px 20px 2px 20px; }
.rel-list li strong { display: block; font-size: 14px; color: #003818; text-decoration: none; }
.rel-list li p { margin: 0 0 0 70px; }
.rel-list li p.left { margin: 0 15px 0 0; }

.results { margin: 2em 0 2em 25px; }
.results li { margin: 12px 0; }
.results a { font-size: 14px; }

#content .extra-list { margin: -5px 0 1.5em 0; }
#content .extra-list li { background: none; padding: 0 0 0 10px; }
#content .extra-list li.selected { background-color: #e8f2eb; }
.extra-list label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: inline; padding-left: 5px; }
.extra-list .selected label { color: #03391C; }
.extra-list .radio { vertical-align: middle; }
.extra-list.stains { display: none; }
.extra-list img { vertical-align: middle; margin: 2px 4px 2px 0; }
#content .live { margin-left: 280px; }

div.quick-menu { background: url("../_images/back_hr.gif") 0 0 repeat-x; margin: 1.5em 0; }
#content ul.quick-menu, #content .quick-menu ul { height: 2em; background: url("../_images/back_hr.gif") bottom left repeat-x; margin: -20px 0 20px 0; padding: 0 10px 0 0; }
#content .quick-menu li { background: none; float: right; margin: 0; padding: 0 0 0 20px; }

ul#thumbs { margin: 0; padding: 0; }
#thumbs li { background: none; float: left; width: 86px; height: 96px; vertical-align: middle; margin: 10px 4px; padding: 0; }
#thumbs li a { display: block; border: 3px solid #FFF; }
#thumbs li a.selected { border-color: #C6BEB5; }
#thumbs li a:active { outline:none; }
#thumbs li a:focus { -moz-outline-style: none; }

#content .cart { margin: 1.5em 0; padding: 0; }
#content .cart li { padding: 5px 5px 5px 45px; margin: 0; background-color: #F0EFEC; background-image: none; border-bottom: 1px solid #CCC; line-height: 1.4em; color: #666; }
#content .cart li.odd { background-color: #E6E4DE; }
#content .cart input, #content .cart span { position: relative; margin-left: -37px; margin-right: 5px; }
#content .cart span { font-size: 14px; }

.quote-list dt { font-weight: bold; font-size: 14px; float: left; }
.quote-list dd { float: right; margin-left: 15px; width: 62px; }
.quote-list dl { float: left; width: 100%; }
.quote-list li { border-bottom: 1px solid #D3D1C8; padding-top: 3px; padding-bottom: 3px; background-position: 0 6px !important; clear: left; min-height: 21px; height: auto !important; height: 21px; }
.quote-list a { text-decoration: none; }
.quote-list .datetime { width: 140px; text-align: right; }


/*
### PRODUCT PAGINATION ### */
.pager { height: 22px; margin: 2.5em 0 1.5em 0; padding-right: 4px; }
.pager div { float: left; width: 65%; }
.pager dl { float: right; width: 190px; }
.pager dt, .pager dd { font-family: Verdana; font-size: 11px; }
.pager dt { float: right; text-transform: uppercase; }
.pager dd { float: left; padding: 0 3px; }
.pager a { text-decoration: none; border-top: 2px solid #FFF; padding: 0 2px; color: #333; }
.pager a.selected { font-weight: bold; color: #620026; border-color: #620026; }

/*
### REGULAR PAGINATION ### */
.paging { border: 1px solid #CCC; background-color: #EFEDEA; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.cap.paging { height: 59px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.paging div { float: right; line-height: 1.5em; }
.paging .status { float: left; }
.paging a { text-decoration: none; padding: 0 1px; color: #03391C !important; }
.paging .current { font-weight: bold; border: 2px solid #03391C; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.paging input { width: 92%; }


/*
### HEADER ### */
#header { height: 210px; overflow: hidden; }
#navigation { float: right; margin-top: 132px; }
#navigation li { float: left; list-style-type: none; padding-bottom: 11px; }
#navigation li.current { background: url("../_images/nav_arrow.gif") bottom center no-repeat; }
#navigation li span { display: block; border-right: 1px solid #C4B19B; padding: 0 10px; }
#navigation li a { background-repeat: no-repeat; background-position: 0 0; line-height: 18px; color: #C4B19B; font-size: 16px; display: block; text-indent: -9114px; overflow: hidden; }
#navigation li a:hover { background-position: 0 -18px; color: #FFF; }
.nav-home { background-image: url("../_images/nav_home.gif"); width: 34px; }
.nav-about { background-image: url("../_images/nav_about.gif"); width: 55px; }
.nav-products { background-image: url("../_images/nav_products.gif"); width: 91px; }
.nav-how { background-image: url("../_images/nav_how.gif"); width: 69px; }
.nav-account { background-image: url("../_images/nav_account.gif"); width: 71px; }
.nav-contact { background-image: url("../_images/nav_contact.gif"); width: 66px; }
.nav-featured { background-image: url("../_images/nav_featured.gif"); width: 87px; }

.btn-quote { background: #bbb9a7 url("../_images/btn_quote.gif") 0 0 no-repeat; color: #350015 !important; width: 69px; height: 20px; text-align: center; font-size: 11px; text-decoration: none; padding: 0 !important; margin-top: 3px !important; }
#header p { float: right; margin: 10px 0 0 15px; line-height: 20px; }
#header p strong, #header p a { float: left; color: #DFD5C8; padding: 3px 0; }
#header p a { margin: 0 5px; }
#header p strong { width: 49px; background: url("../_images/cart_label.gif") right center no-repeat; text-indent: -9114px; margin-top: 1px; }


/*
### LAYOUT ### */
#content-wrap { width: 100%; float: left; padding: 0 0 70px 0; }
.lyt-213 #content {
  padding: 0 15px;    /* CC padding */
  margin: 0 200px 0 200px;
}
.lyt-213 #menu-col {
  float:left;
  width:190px;
  padding: 0 10px 0 0;
  margin-left:-920px;
}
.lyt-213 #right-col {
  float:left;
  width:190px;
  padding: 0 0 0 10px;
  margin-left:-200px;
}
.lyt-21 #content {
  padding: 0 0 0 40px;    /* CC padding */
  margin: 0 0 0 200px;
}
.lyt-21 #menu-col {
  float:left;
  width:200px;
  margin-bottom: 70px;
  margin-left:-920px;
}
.lyt-12 #content {
  padding: 0 15px 0 0;    /* CC padding */
  margin: 0 250px 0 0;
}
.lyt-12 #right-col {
  float:left;
  width:200px;
  padding: 60px 0 0 10px;
  margin-left:-210px;
}
.lyt-1 #content { margin: 0 15px 0 0; }
.lyt-1 #menu-col { display: none; }
#menu-col div,#col-1 { background-color: #E6E4DE; padding-bottom: 15px !important; border-bottom: 1px solid #C1BFB7; }
#menu-col div { padding-top: 1px; margin-bottom: 35px; }
#menu-col div p,#menu-col dl { padding: 0 10px; }

.lyt-123 #content{margin-right: 505px;padding-right: 30px}
.lyt-123 #col-1{float:left;width:200px;margin-left:-505px;padding-top:25px;}
.lyt-123 #col-2{float:left;width:285px;margin-left:-305px;padding-left:20px;padding-top:25px;}
#col-1 h2,#col-1 h3,#col-1 p,#col-1 ul,#col-1 dl{padding:0 10px}


/*
### PRODUCT DETAIL ### */
#photos { width: 350px; float: right; margin: 0 0 20px 40px; position: relative; }
#photos p { margin-top: 0; text-align: center; }
#photos a span { position: absolute; top: 143px; left: 140px; width: 70px; height: 70px; background: url("../_images/prod_zoom.png") center center no-repeat; cursor: pointer; visibility: hidden; text-indent: -9114px; }
#photos.landscape a span { top: 105px; }
#photos a:hover { background-position: 0 0; }
#photos a:hover span { visibility: visible; }

#prod-options { clear: both; border: 4px solid #F0EFEC; padding: 0 20px 20px; }
#prod-options div { /*-moz-column-count:2; -moz-column-gap:20px;*/ }


/*
### TABLE BUILDER ### */
#tblBuilder ul { margin-top: 0 !important; }
#tblBuilder ul img { display: none; }
#tblBuilder label { cursor: pointer;}
#photo-holder { height: 256px; width: 256px; float: left; border: 1px solid #C1BFB7; }
#photo-holder img { width: 256px; height: 256px; }


/*
### MY ACCOUNT ### */
.level { background-color: #E6E4DE; padding: 3px 10px; font-size: 14px; margin-left: 15px; border: 1px solid #C1BFB7; vertical-align: top; }
.level span { color: #620026 !important; }

.action-btn { float: right; width: 155px; text-align: center; font-weight: bold; margin: 0 20px 20px 20px; }
.action-btn strong { text-indent: -9114px; overflow: hidden; cursor: pointer; }
.action-btn.accept strong { display: block; height: 50px; background: url("../_images/btn_accept.gif") 0 0 no-repeat; }
.action-btn.reject strong { display: block; height: 50px; background: url("../_images/btn_reject.gif") 0 0 no-repeat; }
.action-btn.purchase strong { display: block; height: 50px; background: url("../_images/btn_purchase.gif") 0 0 no-repeat; }
.action-btn.contact strong { display: block; height: 50px; background: url("../_images/btn_contact.gif") 0 0 no-repeat; }
.action-btn:hover strong { background-position: 0 -50px; }


/*
### FOOTER ### */
#footer { clear: both; position: relative; }
#footer, #footer a { color: #5C594E; }
#footer ul { margin-left: -6px; }
#footer li { display: inline; border-right: 1px solid #5C594E; padding: 0 6px; }
#footer ul, #footer p { margin-top: .75em; margin-bottom: .75em; }


/*
### PPGS ### */
#PPGS { display: block; height: 19px; width: 94px; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; position: absolute; top: 3px; right: 5px; }
#PPGS:hover { background-position: 0 -19px; }


/*
### FORM STYLES ### */
form { width: 100%; }
form p { margin: 10px 0 !important; padding: 0; }
form p span { display: block; float: left; width: 49%; margin-right: 9px; }
form p.half span { width: 48%; }
#side form p span { width: 49%; }
form p.multi { width: 100%; overflow: hidden; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 15px 0; clear: both;}
button { line-height: normal; }

.box { border: 6px solid #EBE8E1; background-color: #F5F4F0; margin: 15px 0; padding-bottom: 10px; }
form.box p { padding-left: 15px !important; padding-right: 15px !important; }
form.box fieldset p { padding-left: 0 !important; }
form.box fieldset { padding: 0 15px; }
form.box p.action { background-color: #FDF3C6; margin-left: 15px !important; margin-right: 15px !important; }
form.box h1, form.box h2 { padding: 0 15px; }

legend { display: block; padding: 0; margin-bottom: -8px; font-weight: bold; line-height: 1.5em; color: #03391C; }
legend span { color: #CC0000; font-weight: normal; }
fieldset fieldset {  }
label { display: block; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #555; line-height: 16px; }
label.inline { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: inherit; padding-left: 5px; padding-right: 10px; }
label em { color: #CC0000; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0 2px 2px; width: 99.4%; }
span input { width: 100%; }
input.price { width: 95%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; }
input.radio { vertical-align: middle; }
input.btn { padding: 0; }
p.btn { padding: 20px 0 0 15px; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.xtiny { width: 25px; }
.tiny { width: 40px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
textarea.tall { height: 100px; }
.taller { height: 150px; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 49%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; clear: both; padding: 10px 15%; text-align: center; margin: 10px 15px; }

#header form { height: 49px; width: 50%; float: right; }
#header form div { margin-top: 7px; padding: 5px 15px 0 0; width: 330px; float: right; border-right: 1px solid #E7E5E0; }
#header input { background: #E7E5E0 url("../_images/back_search.gif") 0 0 repeat-x !important; width: 196px; float: left; padding: 3px 0 3px 4px; border-width: 0; }
#header label { color: #DFD5C8; font-size: 14px; font-family: Arial; display: inline; padding: 2px 0; margin-right: 8px; float: left; background: url("../_images/search_label.gif") right center no-repeat; width: 98px; text-indent: -9114px; }
#header .btn-search { width: 14px; height: 22px; border-width: 0; background: transparent !important; padding: 2px 0 3px 3px; }


/*
### TABLE STYLES ### */
table.data-table { width: 100%; margin: 1em 0; }
table, th, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
th { background-color: #CFCDC1; font-size: 14px; }
th, td { text-align: left; padding: 6px 4px; vertical-align: top; line-height: 1.25em; border-bottom: 1px solid #CCCCCC; }
tr td, tr.even td { background-color: #F0EFEC; }
tr.odd td { background-color: #E6E4DE; }
tr.odd td {	}
tr.even th { background-color: #7B7B60; }
tr.oddhover td { background-color: #ffcc99; cursor: pointer; }
tr.oddhover th { background-color: #990000; cursor: pointer; }
td ul, td p, td li { text-align: left; }
td li, td p { font-size: 9px; }
td li { margin: 0 0 0 15px; padding: 0; }
th a, th a:hover { color: #ffffcc; }
tr.totals th { background: none; text-align: right; border-color: #FFF; }
tr.totals td { border-color: #DBC275; background-color: #FFF7CE; font-size: 14px; }


/*
### COMMON STYLES ### */
img.right { float: right; margin: 0 0 20px 20px; border: 1px solid #999; }
img.left { margin: 6px 15px 14px 0; }
p.right, td.right { text-align: right; }
.center { text-align: center; }
.half { width: 50%; }
.third { width: 33%; }
span.right { float: right; margin-left: 10px; width: auto !important; }
.left { float: left; margin: 0 20px 20px 0; }
.left2 { float: left; margin: 0 8px 10px 0; }
.caps { letter-spacing: .05em; }
.last { border-width: 0 !important; margin-right: 0 !important; }
.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.intro { font-size: 1.17em; }
.cat { font-weight: bold; color: #03391C; }
.button { background: #620026 url("../_images/btn_maroon_back.gif") 0 0 repeat-x !important; font-family: Verdana; color: #EEE; text-decoration: none; cursor: pointer; font-weight: bold; padding: 3px 1em; border: 1px solid #520021; line-height: 16px; width: auto !important; width: 1; overflow: visible; font-size: 12px; }
* html .button { padding: 2px 10px;  }
.button:hover { color: #FFFFCC; }
.button.gray { background: #b8b2a0 url("../_images/btn_gray_back.gif") 0 0 repeat-x !important; color: #444; border-color: #999; }
.button.gray:hover { color: #660000; }
.action { border-top: 1px solid #D6AE52; background-color: #FFF7CE; margin: 1.5em 0; padding: 10px; clear: both; }
.huh { cursor: help; }
.note { background-color: #F5F4F0; border: 1px solid #CCC; padding: 8px 10px; }
.GMapEZ { height: 300px; width: 100%; }


/*
### ICONS ### */
.icon { padding-left: 20px; padding-bottom: 1px; background-repeat: no-repeat; }
.icon.big { font-size: 14px; font-weight: bold; }
.ico-info { background-image: url("../_images/icon_info.gif"); }
.ico-edit { background-image: url("../_images/icon_edit.gif"); }
.ico-email { background-image: url("../_images/icon_email.gif"); }
.ico-date { background-image: url("../_images/icon_date.gif"); }
.ico-print { background-image: url("../_images/icon_print.gif"); }
.ico-new { background-image: url("../_images/icon_new.gif"); }
.ico-pending { background-image: url("../_images/icon_pending.gif"); }
.ico-accepted { background-image: url("../_images/icon_accepted.gif"); }
.ico-rejected { background-image: url("../_images/icon_rejected.gif"); }
.ico-stale { background-image: url("../_images/icon_stale.gif"); }
.ico-completed { background-image: url("../_images/icon_completed.gif"); }