/* ------ */



html {
  background: #dfd8b2 url(/images/background.jpg) no-repeat top center;
  text-align: center;
}

body {
  width: 1030px;
  margin: auto;
  background: white;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #555555;
}

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

h1 {
  width: 571px;
  height: 45px;
  line-height: 45px;
  background: url(/images/category_header_bg.png) no-repeat;
  color: #00723f;
  font-family: Palatino, Times New Roman, serif;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
  margin: 0px;
}

h3 {
  width: 571px;
  height: 45px;
  line-height: 45px;
  background: url(/images/category_header_bg.png) no-repeat;
  color: #00723f;
  font-family: Palatino, Times New Roman, serif;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
  margin: 0px;
}

#customer_favorites a {
  font-size: 11px;
  font-weight: bold;
}

#top_bar {
  background: url(/images/top_bar_bg.png) repeat-x;
  height: 30px;
  line-height: 30px;
  padding-right: 10px;
  text-align: right;
  font-size: 11px;
  color: #445a1c;
}
#top_bar a { color: #445a1c; }


#header {
  background: url(/images/header.jpg) no-repeat;
  height: 124px;
  width: 1030px;
  text-align: right;
  vertical-align: middle;
  font-size: 14px;
  color: white;
}
#header > table {
  margin-left: auto;
/*  margin-top: 40px;*/
  margin-right: 10px;
}
#header a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.palatino_b_20 {
  font-family: Palatino, serif;
  font-size: 20px;
  font-weight: bold;
}


#header_bottom {
  background: url(/images/header_bottom.jpg) no-repeat;
  height: 43px;
  text-align: right;
  padding-left: 50px;
}


#left_nav {
  width: 191px;
  background: #f5f2df;
}

#content {
  width: 589px;
  padding: 0 9px;
  text-align: left;
}

#right_nav {
  width: 232px;
  background: #f5f2df url(/images/right_nav_bg.png) repeat-y;
}

#footer {
}


#breadcrumb, #breadcrumb a {
  color: #776d3c;
  font-size: 11px;
}
#breadcrumb a { font-weight: bold; text-decoration: underline; }

.subcategories {
  border-top: #cccccc 1px dotted;
  border-bottom: #cccccc 1px dotted;
  padding: 20px 0 10px;
}
.subcategories a {
  font-weight: bold;
}

.footer_bar {
  background: url(/images/footer_bg.jpg) no-repeat;
  width: 1030px;
  height: 57px;
  line-height: 57px;
  border-top: #dfd8b2 1px solid;
  border-bottom: #dfd8b2 1px solid;

  font-family: Palatino, Times New Roman, serif;
  font-size: 12px;
  color: #776d3c;
}
.footer_bar a { color: #776d3c; }

.footer_glow {
  text-align: center;
  background: url(/images/footer_glow.png) no-repeat;
  font-family: Palatino, Times New Roman, serif;
  font-size: 14px;
  color: #776d3c;
}
.footer_glow table {
  margin: auto;
}

.category {
  padding: 6px;
  background: white;
}

.top_menu, .top_menu_on, .sub_menu, .sub_menu_on {
  width: 191px; 
  padding: 6px;
/*  border-top: #cccccc 1px dotted;*/
  text-align: left;
}
.top_menu_on a, .sub_menu_on a, .top_menu_open a {
  color: #00723f;
}
.top_menu_open {
  border-bottom: #ccc 1px dotted;
}


.sub_menu, .sub_menu_on {
  background: #f8f5e9;
  padding-left: 12px;
}
.sub_menu a, .sub_menu_on a {
  font-size: 12px;
}

.minicart {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  padding-top: 6px;
}

.menu_links {
  font-weight: bold;
  font-size: 14px;
  color: #ae3c54;
}
.menu_links:hover {}

.mini_catalog {
  text-align: left;
  padding: 10px 20px;
}

.mini_catalog select {
  font-size: 11px;

  padding: 2px;
}


.mini_blog {
  padding: 10px 20px;
  text-align: left;
}

.mini_blog_item {
  font-size: 12px;
  font-weight: bold;
}

.mini_blog_date {
  text-transform: uppercase;
  color: #9e374c;
}


.formtext {
  color: #636363;
  font-size: 11px;
}

.newsletter { padding-bottom: 10px; }

.newsletter a {
  font-weight: bold;
  font-size: 11px;
}

.recommended {
  width: 232px;
  height: 125px;
  background: url(/images/recommended_bg.png) no-repeat;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
}
.recommended a {
  font-weight: bold;
}

.spotlight {
  width: 232px;
/* height: 121px;*/
  background: #aa3b52 url(/images/spotlight_bg.png) no-repeat top left;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 12px;
}
.spotlight p {
  margin: 10px;
}

.in_the_news {
  padding: 8px;
  color: #636363;
}
.in_the_news a {
  font-weight: bold;
}


.category_header {
  width: 571px;
  height: 45px;
  line-height: 45px;
  background: url(/images/category_header_bg.png) no-repeat;
  color: #00723f;
  font-family: Palatino, Times New Roman, serif;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
}

.featured_products_header {
  width: 571px;
  height: 39px;
  line-height: 39px;
  background: url(/images/featured_products_header_bg.png) no-repeat;
  color: #00723f;
  font-family: Palatino, Times New Roman, serif;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding-left: 16px;
}

#prev_next a, .pagenumber {
  color: #9e374c;
  font-weight: bold;
}

#prev_next a.pagenumber {
  text-decoration: underline;
}

.prod_links a {
  color: #00723f;
  font-weight: bold;
  font-size: 14px;
}

.extra_links a {
  font-weight: bold;
  color: #00723f;
}

.largetext {
  color: #00723f;
  font-size: 18px;
  font-weight: bold;
}

.product_tabs {

}

.product_tabs th {
  background: url(/images/tab_bg.png) repeat-x;
  text-align: center;
  height: 32px;
  cursor: pointer;
  padding: 0 6px;
}

.product_tabs .tab_content {
  border: #ececec 1px solid;
  padding: 20px;
}

.product_table {
  border: #ececec 1px solid;
}

.product_table td {
  text-align: left;
  color: black;
}

.product_table th {
  background: url(/images/small_yellow_bg.png) repeat-x;
  font-weight: bold;
  color: black;
  white-space: nowrap;
}

.dynamic_qty {
  border: white 0px solid;
  background: white;
  width: 100px;
}

/* -- POPUP MENU -- */

.popup_menu {
  margin: 0;
  padding: 0;

  color: white;
  font-size: 14px;
  font-weight: bold;
  font-family: Palatino, serif;
}

.popup_menu li {
  float: left;
  padding: 10px 30px 10px 10px;
  cursor: pointer;
  list-style-type: disc;
}

.popup_menu a {
  color: white;
}

.popup_menu ul {
  position: absolute;
  margin: 0;
  padding: 0;
}

.popup_menu ul li {
  float: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #0e5602;
  border-bottom: #6f9a68 1px dotted;
  width: 182px;
  padding: 10px;
}

.popup_menu ul li:hover {
  background: #003c1d;
}





.sliderwrapper_recommended {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid black;
border-bottom-width: 0px;
padding: 0px;
width: 232px; /*width of featured content slider*/
height: 165px;
vertical-align: bottom;
}

.sliderwrapper_recommended  .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px 0px 0px 0px;
/*background: #d9d9d9;*/
  background: #f5f2df url(/images/right_nav_bg.png) repeat-y;

border: 0px solid red;
width: 232px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 165px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
vertical-align: bottom;
}

.pagination_recommended {
width: 232px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height: 36px;
text-align: center;
background-image: black url(/images/bg_slideshow.gif);
background-repeat:repeat-x;
padding: 5px 0px 5px 0px;
margin: 0px;
display: none;
}

.pagination_recommended  a{
padding: 0px;
text-decoration: none; 
/*color: #00007D;*/
}


.red_header {
  background: url(/images/magenta_header.png);
  height: 42px;
  line-height: 42px;
  text-align: left;
  font-family: "Palatino Linotype", serif;
  font-size: 16px;
  font-weight: bold;
}

.tan_header {
  background: url(/images/tan_header.png);
  height: 42px;
  line-height: 42px;
  text-align: left;
  font-family: "Palatino Linotype", serif;
  font-size: 16px;
  font-weight: bold;
}

.tan_header_right {
  background: url(/images/tan_header_right.png);
  height: 42px;
  line-height: 42px;
  text-align: left;
  font-family: "Palatino Linotype", serif;
  font-size: 16px;
  font-weight: bold;
}

.light_tan_header {
  background: url(/images/light_tan_header.png);
  height: 42px;
  line-height: 42px;
  text-align: left;
  font-family: "Palatino Linotype", serif;
  font-size: 16px;
  font-weight: bold;
}

.tan_sun_header {
  background: url(/images/tan_sun_header.png);
  height: 42px;
  line-height: 42px;
  text-align: left;
  font-family: "Palatino Linotype", serif;
  font-size: 16px;
  font-weight: bold;
}


.white_text {
  color: white;
}

.green_text {
  color: #00723f;
}




.menu {
position:relative; 
z-index:1000; 
font-size:14px;
font-family:Arial,Verdana,sans; 
font-weight:bold; 
color:#AE3C54; 
text-decoration:none;
background: #ffffff;
width:191px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:6px;
margin:0;
list-style-type:none;
width:191px;     /*FF Code*/ 
/*width:161px;   IE7 Code */
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */

.menu li {
position:relative;
padding:0px;
margin:0px;
background: #ffffff;
background-image:url(/images/leftnav_bg.gif);
background-position:bottom right;
background-repeat:no-repeat;
width:191px;
}

/* get rid of the table */
.menu table {
position:absolute; 
z-index:1001; 
border-collapse:collapse; 
top:0; 
left:-5px; 
font-size:14px;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
/*width:191px;*/
padding:5px 5px 6px 5px;
margin:0px 0px 0px 0px;
border:0px solid #fff;
border-width:0px 0px 0px 0px;
font-size:14px;
font-family: Arial,Verdana,sans;
font-weight: bold;
color: #AE3C54;
text-decoration: none;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
background:#faf8eb;
background-image:url(/images/leftnav_bg.gif);
background-position:bottom right;
background-repeat:no-repeat; 
/*width:162px;*/ 
font-size:14px;
font-family:Arial,Verdana,sans; 
font-weight:bold; 
color:#AE3C54; 
text-decoration:none; 
/*width:161px;*/
}
/* style the link hover */
* html .menu a:hover {
color:#AE3C54; 
background:#efede1; 
font-size:14px; 
font-family:Arial,Verdana,sans; 
font-weight:bold; 
text-decoration:none;
}

.menu :hover > a {
color:#AE3C54; 
background:#efede1;
font-size:14px;
font-family: Arial,Verdana,sans;
font-weight: bold;
text-decoration: none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:191px;   /*  FF Code */
*left:196px;  /* IE7 Code */
background: #efede1;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


#bg_fade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: black;
  filter:alpha(opacity=75);
  opacity:0.75;
}

#restricted_popup {
  position: fixed;
  top: 100px;
  z-index: 1001;
  width: 500px;
  height: 250px;
  padding: 10px;
  margin-left: 25px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: black 2px solid;
  background: white;
  text-align: left;
}