/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
											BASE CLASSES START HERE
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body { margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #4e362c; line-height:18px; height:100%; /* height is optional*/  margin: 0; padding:0; background:url(../images/mn_bg.gif) #f9f9e4 left top repeat-x;}
html, form { height: 100%; max-height: 100%; margin: 0; padding: 0; }
@-moz-document url-prefix() { body { height: 100%; } }

ul, li, div, form, p, h1, h2 ,h3, h4, h5, h6, h7, h8, h9, input, span, a, img { margin: 0; padding: 0; outline:none }
ul { margin: 0; }
br { line-height: 10px; }
sup, sub { font-size: .6em; }
hr {  border-top: 1px dotted #AC906B; height: 1px; border-left: none; border-right: none; border-bottom: none; margin:0; padding:0; margin-bottom:13px; }
a { color: #4e362c; text-decoration: underline; outline:none; }
a:hover { text-decoration: none; color:#7e562d; }
a img { border:0px; }
#wrapper { width:auto; height: auto /*optional change to 100% to auto as per requirement*/; background: url(../images/tp_mn_bg.png) center top repeat-x; }


/*form class starts*/
input{ outline:none}
input [type="text"]{ border:solid 1px #ccc; font-size:12px;}
input[type="checkbox"]{}
input[type="radio"]{}
label{ font-family:Arial, Helvetica, sans-serif; color:#4e362c; font-size:13px; }
select{border:solid 1px #ccc; font-size:12px; color: #4e362c}
.lbl-txt { width:130px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.txtbx { background:#ebdcb1; border-color: #dbc2a1 #faf6eb #faf6eb #dbc2a1; border-style: solid; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:3px; color: #4e362c}
.sm-txt { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal}
.asterik, .error-txt { color:#ff0000}
.chk-bx input[type="checkbox"]{  margin-top:5px; margin-right:5px;  }
.chk-bx label { margin-right:40px;}

/*Start Button Classes Here*/
.btn { margin-right:10px;}
.btn { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; background:url(../images/btn.gif) left top repeat-x; display:inline-block;*display:inline; overflow:visible; width:auto; font-weight:bold; padding:5px 13px 0px; height:26px; color:#efd9b1; text-decoration:none; border:solid 1px #4e362c; border-top: 0px; border-bottom:0px; cursor:pointer}
.btn:hover{ background-image:url(../images/btn_hover.gif); border-color: #aa7f47; color:#3e2419}
a.btn { display:inline-block}
span.btn {  padding:0px; outline:none; height:31px; }
span.btn input, span.btn a { background:none; border:0px; height:31px; padding-left:13px; padding-right:13px; padding-bottom:4px;overflow:visible; display:inline-block; width:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;  font-weight:bold; color:#efd9b1; text-decoration:none; cursor:pointer}
.btn:hover input { color:#3e2419}

/* float Classes */
.float-l{float:left;}
.float-r{float:right;}
.clear-b{clear:both; line-height:0px;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.display-inblk { display:inline-block}
.frm p{ padding-bottom:10px;}


/*form class ends*/
.main { margin:0 auto; width: 1000px; padding-right:30px;   }

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------
											BASE CLASSES END HERE
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#top-menu { padding-top:9px; }
#top-menu ul { list-style:none; float:right}
#top-menu li { display:inline-block; float:left; background:url(../images/tp_menu_bul.png) left 3px no-repeat; padding:0px 25px 3px 18px;}
#top-menu li a{ text-decoration:none; color:#7d6338}
#top-menu li a:hover { color:#3c2820;}
.username-txt { float:right; font-size:15px; padding-top:4px;}
.username-txt span { font-size:18px; color:#100d09 }
#logo { }
.logo { background:url(../images/logo.png) left top no-repeat; width:228px; height:229px; border:0px; margin-left:23px; float:left }
#logo-txt { padding: 8px 260px 18px 23px;}
#logo-txt img { background:url(../images/logo_txt.png) left top no-repeat; width:228px; height:31px; border:0px; float:left }
#conserv-logo-txt { padding: 8px 260px 18px 13px;}
#conserv-logo-txt img { background:url(../images/conservation_logo_txt.png) left top no-repeat; width:227px; height:30px; border:0px; float:left }

.tp-cat-img1 { background:url(../images/tp_cat_img1.png) left top no-repeat; width:85px; height:70px; float:left; margin-top:80px; margin-left:40px; }
.tp-cat-img2 { background:url(../images/tp_cat_img2.png) left top no-repeat; width:62px; height:38px; float:left; margin-top:70px; margin-left:32px; }

#mn-leoprd-img { position:absolute; top:36px; right:55px; }
#mn-leoprd-img img{ background:url(../images/mn_leoprd_img.png) right top no-repeat; width:366px; height:275px; }

/* Box Container Classes */
#bx-container { margin-top:-51px; display:inline-block; width:100%;  }
.mn-bx-lt { background:url(../images/mn_bx_lt.png) left top no-repeat; width:27px; height:27px; border:0px; float:left }
.mn-bx-rt { background:url(../images/mn_bx_rt.png) right top no-repeat; width:27px; height:27px; border:0px; float:right }
.mn-bx-t { background:url(../images/mn_bx_t.png) left top repeat-x; margin:0px 27px; height:27px; border:0px; }
#mn-bx-l { background:url(../images/mn_bx_l.png) left top no-repeat; float:left; width:100%; }
#mn-bx-r { background:url(../images/mn_bx_r.png) right top no-repeat; float:right; width:100%; }
#mn-bx-m { background:url(../images/mn_bx_m.png) left top repeat-x; margin:0px 12px;  }

/* Tab Classes */
#tab-view { padding-left:30px;  border-bottom: solid 1px #e8d0a9; }
.MenuCell { text-align: center; height: 45px; padding:0px 10px; font-weight: bold; color:#5a8500; }
.MenuCell a { color:#9e7951; background:none!important; }
.MenuCell a:hover { color:#4e362c; }
.MenuCellSelected { background: url(../images/news_title_m.png) repeat-x left top; border-left: solid 1px #e8d0a9; border-right: solid 1px #e8d0a9; border-bottom: solid 1px #f3ecc5; margin-bottom:-1px; }
.MenuCellSelected a { color:#4e362c; }
#Views { border: solid 1px #e8d0a9; border-top: 0px; padding:10px 20px }

/* Table Classes */
.tbl-bdr { border: solid 1px #EAD2AB; }
.hdr-bg { background:url(../images/cont_hdr_bg.png) left top repeat-x; height:38px; font-family:Arial, Helvetica, sans-serif; color:#855837; padding-left:5px; border-right: solid 1px #EAD2AB; padding-right:5px; border-bottom: solid 1px #EAD2AB }
.hdr-bg a { color:#855837; text-decoration:none }
.hdr-bg a:hover { color:#634e45; }
.tbl-bg { border-bottom: solid 1px #EAD2AB; border-right: solid 1px #EAD2AB; }
.tbl-pad { padding:5px; }
.tbl-bg .edit-btn { background:url(../images/edit_btn.gif) left top no-repeat; width:18px; height:18px; border:0px; cursor:pointer;}
.tbl-bg .save-btn { background:url(../images/save_btn.gif) left top no-repeat; width:16px; height:16px; border:0px; cursor:pointer;}
.tbl-bg .cancel-btn { background:url(../images/cancel_btn.gif) left top no-repeat; width:17px; height:17px; border:0px; cursor:pointer;}

/* Pager Classes */
.PagerContainerTable { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif }
.PagerOtherPageCells a, a.PagerOtherPageCells { font-size:12px; color:#634e45; padding:1px 3px; display:inline-block; font-family:Arial, Helvetica, sans-serif }
.PagerOtherPageCells a:hover, a.PagerOtherPageCells:hover { color:#634e45;  }
.PagerCurrentPageCell { padding:1px 3px; font-size:12px; color:#634e45; display:inline-block; font-family:Arial, Helvetica, sans-serif }



/* Menu Classes */
#mid-strp { background: url(../images/shpcart_bg.gif) #4e362c right top repeat-y ; min-height:67px; }
#shpcart-strp {  float:right; position:relative; z-index:100   }
.shpcart-bx { cursor:pointer; position:relative; z-index:100;padding: 20px 20px 7px;}
.shpcart-img { background:url(../images/shpcart_img.gif) left top no-repeat; width:24px; height:22px; margin-right:14px; vertical-align:middle }
.shpcart-item { color:#d4d52a; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:15px; }
.shpcart-txt { color:#ebd5ac; text-transform:uppercase; }

#popup-shpngCart { width:525px; }
.popup-cont-dv { max-height:300px; overflow:auto; }

.popup-shpcart { position:absolute; z-index:1000; right: -9px;display: inline-table; }
.popup-bx-t { background:#110e0a; height:3px; margin:0px 9px; }
.popup-bx-l { background:url(../images/popup_bx_shpcart_l.png) left top repeat-y; display:inline-block; width:100% }
.popup-bx-r { background:url(../images/popup_bx_shpcart_r.png) right top repeat-y; float:right; width:100%; }
.popup-bx-m { background:#efd7af; margin:0px 9px; padding:10px; }
.popup-bx-lb { background:url(../images/popup_bx_shpcart_lb.png) left top no-repeat; width:14px; height:14px; float:left }
.popup-bx-rb { background:url(../images/popup_bx_shpcart_rb.png) left top no-repeat; width:14px; height:14px; float:right }
.popup-bx-b { background:url(../images/popup_bx_shpcart_b.png) left top repeat-x; margin:0px 14px; height:14px; }

.popup-table .popup-bx-sprt { border-bottom: dotted 1px #ac906b; }
.popup-title { background:url(../images/pop_bx_title_bdr.gif) left bottom repeat-x; padding-bottom:9px; margin-bottom:12px; }
.popup-title p { font-size:18px; color:#4e362c; font-weight:bold; float:left; width:90% }
.popup-title .close-btn { background:url(../images/pop_bx_close.gif) right top no-repeat; float:right; border:0px; width:auto; height:23px; cursor:pointer; margin-top:2px; margin-right:0px; }
.popup-cont { color:#b8b8b8; line-height:16px; text-align:justify}
.popup-cont .popup-cont-amt-txt {color:#97d81b; font-size:20px; padding-top:5px; }
.popup-table {}
.popup-table .prod-col { float:left; width:170px;}
.popup-table .amt-col { float:left; width:90px; }
.popup-table .qty-col { float:left; width:60px; }
.popup-table .tot-col { float:left; width:100px; }
.popup-table .delete-col { float:left; width:50px; }
.popup-table .hdr {  font-size:14px; color:#171310; font-weight:bold; }
.popup-table .prod-txt { color:#4e362c; font-size:15px; text-decoration:underline; text-align:left; font-family:Arial, Helvetica, sans-serif; padding-top:3px; display:inline-block}
.popup-table .prod-txt:hover { text-decoration:none}
.popup-table .amt-txt { color:#4e362c; font-size:15px; padding-top:3px; font-family:Arial, Helvetica, sans-serif; }
.popup-table .txt-bx { border:0px;  background:#634e45; color:#e1caa4; font-size:14px; padding:2px; }
.popup-table .tot-txt { color:#4e362c; font-size:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.popup-table .delete-ico { background: url(../images/popup_delete_ico.gif) left top no-repeat; width:23px; height:23px; border:0px; cursor:pointer}



/* Start Menu Classes */

.menu-sptr { background:url(../images/menu_sptr.gif) right center no-repeat; text-decoration: none;  }
.menu-btn a{  text-align:center;  font-size:17px; color: #efdbaf; white-space:nowrap; text-decoration:none; padding:5px 14px;}
.menu-btn a:hover, .menu-act { background:#efdbaf; text-decoration: none; color: #4e362c!important; }

ul.MenuBarHorizontal {list-style-type: none; width: 710px; float:left; position:absolute; padding-bottom:1px; padding-top:1px; z-index:100}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive { z-index: 100; }
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li { list-style-type: none;  position: relative; float: left;  padding: 2px 3px;}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul { padding-left:0px;z-index: 1020; width: 238px; position: absolute; left: -1000em; background:#4e362c; border:solid 1px #efdbaf; border-bottom: 0px; margin-top:3px; }
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li { float:none; border-bottom: solid 1px #efdbaf; padding:0px; }
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a { display: block; cursor: pointer;  }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background:#efdbaf; text-decoration: none; color: #4e362c; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal ul li a { text-align:left; color:#efdbaf; font-size:13px; font-weight:normal; text-decoration:none; width: 220px; /*width of sub menus*/ padding: 9px 9px; margin: 0; border: 0px; white-space:normal }
ul.MenuBarHorizontal .MenuBarSubmenuVisible a:hover{ color:#4e362c; background:#c2a47d; font-weight:bold }
ul.MenuBarHorizontal .MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left:239px!important; margin-top:-1px;  }
html>body ul.MenuBarHorizontal .MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { top:0px; }

/* Main links */
#mn-links { margin:20px 28px; background:url(../images/mn_links_bg.png) left top no-repeat; width:262px; height:275px; }
#mn-links ul { padding-top:14px;}
#mn-links li { list-style:none;}
.mn-links-bdr { background:url(../images/mn_links_bdr.png) center bottom no-repeat; padding-bottom:7px; margin-bottom:7px; }
.membership-txt img { background:url(../images/membership_txt.png) left top no-repeat; width:217px; height:39px; border:0px; margin-left:7px; }
.events-txt img { background:url(../images/events_txt.png) left top no-repeat; width:151px; height:36px; border:0px; margin-left:5px;}
.donation-txt img { background:url(../images/donation_txt.png) left top no-repeat; width:199px; height:44px; border:0px; }
.education-txt img { background:url(../images/education_txt.png) left top no-repeat; width:208px; height:32px; border:0px; margin-left:3px; }


/* Video Box Classes */
#video-bx { margin-left:-80px; width:695px; position:relative }
.video-bx-lt { background:url(../images/video_bx_lt.png) left top no-repeat; width:44px; height:40px; float:left;}
.video-bx-rt { background:url(../images/video_bx_rt.png) right top no-repeat; width:44px; height:40px; float:right;}
.video-bx-m { background:url(../images/video_bx_m.png) #4e362c left top repeat-x; margin:0px 44px; padding: 19px 15px 0px;    }
.video-bx-lb { background:url(../images/video_bx_lb.png) left bottom no-repeat; width:41px; height:34px; float:left; margin-left:44px; bottom:0px; position:absolute; left:0px;}
.video-bx-rb { background:url(../images/video_bx_rb.png) right bottom no-repeat; width:41px; height:34px; float:right; margin-right:44px;bottom:0px; position:absolute; right:0px;}
.video-bx-b { background:#4e362c; margin:0px 85px; height:34px; margin-top:-4px;  }

.video-bx-btm { margin-top:-20px; position:relative}

.video-bx { width: 485px; position:relative; z-index:99;}
.video-bx .video-inrbx-lt { background:url(../images/video_inrbx_lt.png) left top no-repeat; width:16px; height:17px; border:0px; float:left;}
.video-bx .video-inrbx-rt { background:url(../images/video_inrbx_rt.png) left top no-repeat; width:16px; height:17px; border:0px; float:right;}
.video-bx .video-inrbx-t { background:url(../images/video_inrbx_t.png) left top repeat-x; height:17px; margin:0px 16px; border:0px; }
.video-bx .video-inrbx-lb { background:url(../images/video_inrbx_lb.png) left top no-repeat; width:16px; height:17px; border:0px; float:left;}
.video-bx .video-inrbx-rb { background:url(../images/video_inrbx_rb.png) left top no-repeat; width:16px; height:17px; border:0px; float:right;}
.video-bx .video-inrbx-b { background:url(../images/video_inrbx_b.png) left top repeat-x; height:17px; margin:0px 16px; border:0px; }
.video-bx .video-inrbx-l { background:url(../images/video_inrbx_l.png) left top repeat-y; display:inline-block  }
.video-bx .video-inrbx-r { background:url(../images/video_inrbx_r.png) right top repeat-y; float:right; }
.video-bx .video-inrbx-m { background:#fff; margin:0px 16px 0px 15px;  }
.video-thumb { width:90px; display:inline-block; overflow:hidden; position:relative; z-index:99; height:265px;}
.video-thumb ul { list-style:none; position:relative}
.video-thumb li { background:url(../images/video_thumb_bx.png) right top no-repeat; width:88px; height:42px; padding-top:11px; text-align:center; }
.video-thumb li img { cursor:pointer }

/* Category Classes */
#left-col { float:left; width: 21%; background:url(../images/category_bg.png) left top repeat-x; margin-left:11px; padding: 29px 15px; min-height:390px; }
.right-col { float:right; width:70%;}
#category .hdr-title { color:#4e362c; font-size:18px; background:url(../images/category_hdr_sprt.png) center bottom no-repeat; padding-bottom:11px; margin-bottom:12px; font-weight:bold; }
#left-col #category .menu {  margin-left:2px; }
#left-col #category .menu td { white-space:normal!important;}
#left-col #category .menu img, #left-col #category .menu-style img { display:none; }
#left-col #category .menu a { font-family:Georgia, "Times New Roman", Times, serif; color:#4e362c; list-style:none; background:url(../images/catgry_bul.gif) left 7px no-repeat; font-size:13px; padding:4px 0px 4px 25px; display:inline-block; }
#left-col #category .menu a:hover {  font-weight:bold;}
#left-col #category .menu-style { z-index:4!important; background:#e8d5a8; width:200px; border: solid 1px #cfb28c }
#left-col #category .menu-style a { font-family:Georgia, "Times New Roman", Times, serif; color:#4e362c; background:url(../images/catgry_bul.gif) 10px 7px no-repeat; font-size:13px; padding:4px 20px 4px 35px; display:inline-block; }
#left-col #category .menu-style a:hover { font-weight:bold   }
#left-col #category .menu-item { }
.left-menu-act a{ font-weight:bold }

/* Product Listing Classes */
#innr-pg #innr-cont-bx { padding:10px; }
#innr-pg #innr-cont-bx .prod-list { padding-bottom:15px; padding-top:15px; }
.listing { list-style:none; }
.listing li { float:left; list-style:none; width:177px; padding: 3px 43px 20px 0px; background: url(../images/photogallery_bx_bg.png) no-repeat right bottom }
.listing .prod-name { background:#634e45; text-align:left; padding:3px 13px 4px; }
.listing .prod-name a {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fbfbea; text-decoration:none }
.listing .prod-name a:hover { color:#efd7af; }
.prod-bx { background:#efd7af; border: solid 1px #ceba96; border-top: 0px; padding:9px; text-align:center; }
.prod-bx-lbl { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.addtoCart-sm-btn { background:url(../images/addCart_icon_sm.png) left top no-repeat; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#634e45;}
.add-cart-txtbx { background:#fff; border: solid 1px #ceba96;}
.prod-bx-price { margin-left:11px;  float:left }
.prod-price-bx-l { background:url(../images/prod_price_bx_l.png) left top no-repeat; width:6px; height:27px; float:left;}
.prod-price-bx-r { background:url(../images/prod_price_bx_r.png) left top no-repeat; width:7px; height:27px; float:left;}
.prod-price-bx-m { float:left; background:url(../images/prod_price_bx_m.png) left top repeat-x;  height:21px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fbfbea; white-space:nowrap; padding:4px 2px 2px }


.prod-det-bx { background: url(../images/photogallery_bx_bg.png) no-repeat right bottom; padding-right:43px; padding-bottom:20px; }
.prod-det-hdr { background: #664c41 url(../images/shpcart_bg.gif) repeat-y scroll right top; *display:inline-block }
.prod-det-name { background: #664c41; width:90%; float:left; height:100%; color:#f3ecc5; font-size:17px; padding:4px 15px 6px; }
.prod-det-back { float:right; height:100%; width:4% }
.prod-det-back .back-btn { background:none; padding:0px}
.prod-det-back .back-btn img { background:url(../images/prod_det_back_img.gif) left 4px no-repeat; width:13px; height:23px; border:0px; cursor:pointer;}
.prod-det-cont-bx { background:#ede1b7; border: solid 1px #ddc9a6; border-top: 0px; padding:8px; }
.prod-det-img { width:35%;}
.prod-det-cont { width:65%;}
.right-col #innr-pg #innr-cont-bx .prod-det .prod-det-prodprice { font-size:18px; color:#402c24; border-bottom: dashed 1px #9e7951; padding:6px; margin-bottom:12px; }
.prod-det-links { background:#f2ecc6; padding:6px; }
.addtoCart-btn { font-size:14px; text-decoration:underline; }
.addcart-txtbx-bg { background:#FFFFFF; border:1px solid #CEBA96;}

.right-col #innr-pg #innr-cont-bx .prod-det .view-large { color:#F9F9E4; font-size:14px; text-decoration:none;  }
.right-col #innr-pg #innr-cont-bx .prod-det .view-large:hover { text-decoration:underline; }
.right-col #innr-pg #innr-cont-bx .prod-det .add-wishlist { font-size:14px; text-decoration:underline; }
.right-col #innr-pg #innr-cont-bx .prod-det .add-wishlist:hover { text-decoration:none; }
.prev-icon { background:url(../images/prev_icon.png) left top no-repeat; width:30px; height:25px; border:0px; margin:0px 3px; }
.next-icon { background:url(../images/next_icon.png) left top no-repeat; width:30px; height:25px; border:0px; margin:0px 3px;}
.back-btn { background:url(../images/back_img.png) left top no-repeat; padding-left:23px; text-decoration:none; padding-bottom:4px; padding-top:3px; border:0px; cursor:pointer }
.delete-btn { background:url(../images/delete_btn.gif) left top no-repeat; width:18px; height:18px; cursor:pointer; border:0px; }
.edit-btn, .save-btn, .cancel-btn { font-weight:bold; background:none; border:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#634e45; cursor:pointer; border-bottom: solid 1px #634e45 }
.tax-btn {background:url(../images/tax_img.png) left top no-repeat; width:13px; height:13px; cursor:pointer; border:0px; }
.promo-btn {background:url(../images/promo_img.png) left top no-repeat; width:13px; height:13px; cursor:pointer; border:0px; }
.view-btn {  background:url(../images/view_btn.png) left top no-repeat; cursor:pointer; border:0px; padding-left:23px; margin-left:10px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


/* Product image Carousel classes */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
     }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin .jcarousel-container { }
.jcarousel-skin .jcarousel-container-horizontal { padding: 20px 40px 20px 20px; }
.jcarousel-skin .jcarousel-clip-horizontal {  }
.jcarousel-skin .jcarousel-item { }
.prod-img { width:100%; height:145px; display:inline-block; background:#fff; border: solid 1px #ceb488; }
.prod-img img { border:0px;}
.jcarousel-skin .jcarousel-item-horizontal { padding: 3px 14px 6px 13px;  }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 130px; right: 0px; width: 36px; height: 33px; cursor: pointer; background: transparent url(../images/next-horizontal.gif) no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover { /*background-position: -22px 0; */}
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -36px 0; }
.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 130px; left: -30px; width: 36px; height: 33px; cursor: pointer; background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover { /*background-position: -22px 0; */}
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -36px 0; }


/* Main Content Classes */
#mn-content { margin:20px; min-height:300px; }
.wel-bx { padding-top:20px; float:left; width:70%}

#scrollup {  position:relative;  overflow:hidden; height: 205px; width: 100%;}
.headline { position: absolute; top: 205px; left: 0px; clear:both; width:100%;}


.photogallery-bx { float:right; background:url(../images/photogallery_bx_bg.png) right bottom no-repeat; padding-right:43px; padding-bottom:26px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#31221c; width:233px;}
.photogal-cont-bx { background:#efd7af; border: solid 1px #ddc9a6; padding:7px; cursor:pointer}
.photogal-cont-bx p { padding-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#31221c;}
.hdr-title-l { background:url(../images/hdr_title_l.png) left top no-repeat; width:37px; height:34px; float:left}
.hdr-title-r { background:url(../images/hdr_title_r.png) right top no-repeat; width:37px; height:34px; float:right}
.hdr-title h1 { border-bottom: solid 1px #cfb28c; font-size:18px; color:#4e362c; margin:0px 37px 15px; padding:7px 7px 8px;} 
.hdr-title h1 span.bredcrumb { background:url(../images/hdr_title_inr_bul.gif) left top no-repeat; padding-left:25px; margin-left:5px;}
.hdr-title h1 a.sm-txt { font-weight:normal; line-height:13px; margin-left:10px; }
.cont-txt { padding:0px 9px; text-align:justify}
.cont-txt p { padding-bottom:12px;}
.cont-txt .cont-txt-bul { display:inline-block}
.cont-txt .cont-txt-bul li { background:url(../images/cont_txt_bul.gif) left 4px no-repeat; padding-left:19px; margin-bottom:9px; list-style:none; }
.cont-txt .cont-txt-bul li a { }
.read-more { }
.goals-bx { width:36%; float:left;  padding-top:4px;}
.notable-cause-lst { float:left;  padding:5px;}
.news-bx { width:62%; float:right;border-left: solid 1px #cfb28c; padding-left:15px; padding-bottom:20px;}
.hdr-title2 h1 { background:url(../images/hdr_title2_sptr.png) center bottom no-repeat; font-size:18px; color:#4e362c; padding-bottom:24px; margin-bottom:15px; text-align:center}
.news-title-l { background: url(../images/news_title_l.png) left top no-repeat; width:4px; height:76px; float:left}
.news-title-r { background: url(../images/news_title_r.png) right top no-repeat; width:4px; height:76px; float:right}
.news-title-m { background:url(../images/news_title_m.png) left top repeat-x; margin:0px 4px; padding:10px; text-align:left; padding-bottom:0px; }
p.news-title { padding-bottom:5px; }
.news-title, .news-title a { font-size:14px; font-weight:bold; color:#4e362c; text-decoration:none;}
.news-title a:hover { color:#927349}
.news-sptr { border-bottom: dashed 1px #cfb388; padding-bottom:10px!important; margin-bottom:8px; font-size:12px;}
p.news-post, p.news-byname { font-size:12px;}
.cont-edit-btn { background:url(../images/cont_edit_btn.gif) left top no-repeat; width:83px; height:31px; border:0px; cursor:pointer; margin-top:8px;}
.cont-txt h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#4e362c;  margin-bottom:12px; margin-top:10px; }
.cont-txt h2 span { background: #d0b471; }
h3 { background:url(../images/cont_title_bul.png) 4px 4px no-repeat; text-align:left;  padding:4px 15px 8px 38px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#4e362c; margin-bottom:12px; margin-top:10px; border-bottom: dashed 1px #9e7951}
.cont-txt h4 { color:#855837; font-size:16px; }
.cont-txt h5 { font-weight:normal; font-size:16px; line-height:26px;}
.cont-hdr-title { background:url(../images/cont_hdr_bg.png) left top repeat-x; padding:10px; text-align:left; border:solid 1px #ead2ab; font-size:16px; margin-bottom:8px; margin-top:10px;  }
.width-500 { width:500px; }
.width-200 { width:200px; }
.cal-img { background:url(../images/cal_img.gif) left top no-repeat; width:22px; height:26px; border:0px; cursor:pointer; vertical-align:middle}
.catfacts-sect { margin-top:15px}
.catfacts-sect td { padding:5px 14px; text-align:left}
.catfacts-sect .sprt { border-right: solid 1px #cfb28c;  }
.catfacts-sect div, .catfacts-sect a { font-size:16px; font-weight:bold; }
.catfacts-sect span { padding-top:5px; display:inline-block}
.prev-month { background:url(../images/prev_month.png) left top no-repeat; width:16px; height:19px; border:0px; cursor:pointer;  }
.next-month { background:url(../images/next_month.png) left top no-repeat; width:16px; height:19px; border:0px; cursor:pointer;  }

.notablecause-bx { background:url(../images/photogallery_bx_bg.png) right bottom no-repeat; padding-right:43px; padding-bottom:26px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#31221c; }
.notablecause-cont-bx { background:#efd7af; border: solid 1px #ddc9a6; padding:7px; cursor:pointer; text-align:left}
.notablecause-logo-bx { background:#70543f; padding:5px; line-height:0px; } 
.notablecause-logo-bx img { margin:0px 4px; cursor:pointer; border: solid 2px #36251d }



/* Upcoming Events Classes */
.event-bx { border-bottom: 1px dashed #CFB388; padding-bottom:10px; margin-bottom:10px; }
.event-bx .event-title{ background: url(../images/catgry_bul.gif) no-repeat scroll left 7px; font-size:13px; color:##4E362C; padding:4px 0 4px 23px; }
.event-bx .event-date { font-size:12px; padding:4px 0 4px 23px;}

/* Footer Classes */
#footer { background: url(../images/fotr_bdr.gif) left bottom repeat-x #4e362c; margin-top:20px; padding-top:20px; color:#f0e0b5; }
#fotr-bg { background:url(../images/fotr_bg.gif) center bottom no-repeat; width: 100%; }
.copyright-txt { height:31px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#9a7358; padding-top:8px;}
.fotr-cat-img { background:url(../images/fotr_cat_img.png) left bottom no-repeat; min-height:289px; }
.gnrl-links-bx { float:left; width:43%; text-align:right; padding-left:180px; background:url(../images/fotr_sptr.gif) right top repeat-y; padding-right:20px; margin-bottom:20px; z-index:100;  }
#footer h2 { font-size:18px; font-weight:bold; color:#f0e0b5; margin-bottom:13px; } 
#footer a { font-size:12px; color:#f0e0b5; text-decoration:none}
#footer a:hover { text-decoration:underline}
.newslttr-bx { width:35%; float:right;}
.newslttr-bx input[type="text"] { background:#f0e0b5; border:0px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e362c;}
.newslttr-bx input[type="submit"] { background:#f0e0b5; border:0px; font-family:Georgia, "Times New Roman", Times, serif; cursor:pointer; font-size:12px; color:#4e362c; padding:4px 10px; margin-left:5px; font-weight:bold;}
.socialnw-icon { padding-top:25px; list-style:none; text-align:center}
.socialnw-icon li { padding:0px 3px; display:inline-block; *float:left}
.socialnw-icon img { border:0px; }

/* Padding Classes */
.pT-5 { padding-top:5px;}
.pT-10 { padding-top:10px}
.pB-15 { padding-bottom:15px;}
.mR-5 { margin-right:5px;}
.pR-15 { padding-right:15px;}
.pR-50 { padding-right:50px;}
.pL-5 { padding-left:5px;}

/* Request for more iNfo BTN */
#reqforinfo-btn {  position:fixed; right:0px; top:130px; z-index:100; }
#reqforinfo-btn img { background:url(../images/reqQuote_btn.png) right center no-repeat; width:55px; height:67px; border:0px }

/* Conservation & Cathaven BTN */
#conservation-btn {  position:fixed; right:0px; top:200px; z-index:100;}
#conservation-btn img { background:url(../images/conservation_btn.png) right center no-repeat; width:55px; height:250px; }
#cathaven-btn {  position:fixed; right:0px; top:200px; z-index:100;}
#cathaven-btn img { background:url(../images/cathaven_btn.png) right center no-repeat; width:55px; height:201px; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.lightbox-body { background:transparent}
#lightbox-hdr { display:inline-block; width:100% }
#lightbox-hdr .lgtbx-lt { background:url(../images/lgtbx_lt.png) left top no-repeat; width:21px; height:59px; float:left;}
#lightbox-hdr .lgtbx-rt { background:url(../images/lgtbx_rt.png) left top no-repeat; width:21px; height:59px; float:right;}
#lightbox-hdr .lgtbx-t {  margin: 0px 21px;   background:url(../images/lgtbx_t.png) left top repeat-x;}
#lightbox-hdr .lgtbx-t .lgtbx-t-bg {height:59px; float:left; }
#lightbox-hdr .lgtbx-t #titleTxt { margin: 23px 8px 0px; font-size:19px; font-weight:bold; color:#f3ecc5; padding-bottom:4px;}
.lgtbx-t-close-bg { background:url(../images/lgtbx_t_close_bg.png) right top repeat-x; height:59px; float:right; padding-left:10px; width:24px; text-align:center}
.lgtbx-t-close-bg .close-btn { background:url(../images/lgtbx_close_btn.gif) right top no-repeat; width:24px; height:24px; margin:23px auto; cursor:pointer }

#lightbox-btm .lgtbx-lb { background:url(../images/lgtbx_lb.png) left top no-repeat; width:21px; height:21px; float:left;}
#lightbox-btm .lgtbx-rb { background:url(../images/lgtbx_rb.png) left top no-repeat; width:21px; height:21px; float:right;}
#lightbox-btm .lgtbx-b { background:url(../images/lgtbx_b.png) left top repeat-x; height:21px; margin: 0px 21px;  }

.lgtbx-l { background: url(../images/lgtbx_l.png) left top repeat-y; width:100%;  }
.lgtbx-r { background: url(../images/lgtbx_r.png) right top repeat-y; margin-left: 9px; }
.lgtbx-m { background:#f3ecc5; margin:0px 9px 0px 0px; padding:10px;}


.lrg-img-bdr { height:411px; border: solid 1px #ceb488; background:#fff; }
.lightbox-prodprice { font-size:18px;  }
.lgtbx-addCart-btn { background:url(../images/lgtbx_addCart_img.png) left top no-repeat; font-size:16px; padding-left:28px; padding-bottom:4px; }
.lightbox-txtbx { background:#1c1c1c; border-width:1px; border-style:solid; border-color: #131313 #292929 #292929 #131313; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
/*.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}*/

.TB_overlayMacFFBGHack { background-color:#2c2c2c; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.TB_overlayBG { background:url(../images/lgtbx_bg.png) left top repeat; }
#TB_window { position: fixed; z-index: 1000; display:none; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; overflow:hidden; text-align:left; line-height:1.4em; width:100%!important; /*height:560px!important;*/ }
#TB_ajaxContent.TB_modal { }
#previewGraph { margin-right:12px; margin-bottom:8px; }
#previewTitle { color:#AD1A29; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:0px 9px 5px; }
#previewComment p { padding-right:5px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; height:530px !important; line-height:1.4em; overflow:hidden; text-align:left; width:100% !important; }
/* Thick box css End */

/* Pretty Photo Classes */
div.facebook .pp_close { background:url(../images/lgtbx_close_btn.gif) right top no-repeat; width:24px; height:24px; margin:23px auto; cursor:pointer } 
div.facebook .pp_close_pos { width:22px; height:22px; background: url(../images/sprite.png) -1px -1px no-repeat; cursor: pointer; margin-top:-15px; margin-right:-5px; margin-bottom:10px; }
div.facebook #pp_full_res .pp_inline { color:#000; }
div.facebook .pp_loaderIcon { background: url(../images/loader.gif) center center no-repeat; }
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background:url(../images/lgtbx_bg.png) left top repeat; display: none; left:0; position:absolute; top:0; width:100%; z-index:9500; }
div.pp_pic_holder { display: none; position:absolute; width:100px; z-index:10000; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width:100%; }
.pp_hoverContainer { position:absolute; top:0; width:100%; z-index:2000; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height:20px; position:absolute; right:30px; text-indent: -10000px; top:10px; width:20px; z-index:20000; }
a.pp_close, a.pp_close_pos { display:block; float: right; text-indent: -10000px; }
.pp_loaderIcon { display:block; height:24px; left:50%; margin: -12px 0 0 -12px; position:absolute; top:50%; width:24px; }
#pp_full_res { line-height:1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin:0 0 15px 0; }
div.ppt {  display: none; z-index:9999; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* Ajax Claendar Classes */
.mycal .ajax__calendar_close_button { text-align: right; width:10px; height:10px; margin:4px 4px 4px auto; cursor: pointer; background:url(../images/cal_close_btn.gif) right top no-repeat; }
.mycal .ajax__calendar_other { color: #a1a1a1; background:#f8f8dc; }
.mycal .ajax__calendar_other div { background:#f8f8dd;}
.mycal .ajax__calendar_container { text-align: center; width: 170px; font-family: tahoma, verdana, helvetica; font-size: 11px; cursor: default; border:solid 2px #634e45; background:#ebdcb1; padding:0px; }
.mycal .ajax__calendar_body { position: relative; margin: auto; width: 170px; height: 139px; overflow: hidden; }
.mycal .ajax__calendar_days { position: absolute; text-align: center; margin: auto; width: 170px; height: 139px; top: 0px; left: 0px; }
.mycal .ajax__calendar_months { position: absolute; text-align: center; margin: auto; width: 170px; height: 139px; top: 0px; left: 0px; }
.mycal .ajax__calendar_years { position: absolute; text-align: center; margin: auto; width: 170px; height: 139px; top: 0px; left: 0px; }
.mycal .ajax__calendar_container TABLE { padding: 0px; margin: 0px; font-size: 11px; }
.mycal .ajax__calendar_container TD { padding: 0px; margin: 0px; font-size: 11px; }
.mycal .ajax__calendar_header { width: 100%; height: 20px; background:#634e45; color:#fff; padding-top:2px; }
.mycal .ajax__calendar_prev { background: url(../images/prevmonth.gif) 50% 4px no-repeat; float: left; height: 14px; cursor: pointer; }
.mycal .ajax__calendar_next { background: url(../images/nextmonth.gif) 50% 4px no-repeat; float: right; height: 14px; cursor: pointer; }
.mycal .ajax__calendar_title { margin:0 15px; cursor: pointer; font-weight: bold; line-height:14px; }
.mycal .ajax__calendar_footer { height: 15px; }
.mycal .ajax__calendar_today { cursor: pointer; padding-top: 2px; padding-bottom:2px; background:#cdaf7c; color:#4b3a33; }
.mycal .ajax__calendar_dayname { text-align: right; padding: 0 4px; width: 16px; height: 17px; background:#cdaf7c; }
.mycal .ajax__calendar_day { text-align: right; padding: 0px; padding-right:4px; width: auto; height: 17px; cursor: pointer; background:#f1e3b8; border-bottom: solid 1px #ead2ab; }
.mycal .ajax__calendar_month { text-align: center; width: 40px; height: 44px; overflow: hidden; cursor: pointer; border: solid 1px #ead2ab; }
.mycal .ajax__calendar_year { text-align: center; width: 40px; height: 44px; overflow: hidden; cursor: pointer; }
.mycal .ajax__calendar .ajax__calendar_container { border-bottom: #646464 1px solid; border-left: #646464 1px solid; background-color: #ffffff; color: #000000; border-top: #646464 1px solid; border-right: #646464 1px solid; }
.mycal .ajax__calendar .ajax__calendar_footer { border-top: #f5f5f5 1px solid; }
.mycal .ajax__calendar .ajax__calendar_dayname { border-bottom: #f5f5f5 1px solid; }
.mycal .ajax__calendar .ajax__calendar_day { border:solid 1px red; }
.mycal .ajax__calendar .ajax__calendar_month { border-bottom: #ffffff 1px solid; border-left: #ffffff 1px solid; border-top: #ffffff 1px solid; border-right: #ffffff 1px solid; }
.mycal .ajax__calendar .ajax__calendar_year { border-bottom: #ffffff 1px solid; border-left: #ffffff 1px solid; border-top: #ffffff 1px solid; border-right: #ffffff 1px solid; }
.mycal .ajax__calendar_active .ajax__calendar_day { background-color: #9f8465; color: #fafae7; }
.mycal .ajax__calendar .ajax__calendar_other .ajax__calendar_day { background-color: #ffffff;  color: #a1a1a1; }
.ajax__calendar_hover .ajax__calendar_day { background:#9f8465; color:#fafae7;  }
.ajax__calendar_hover .ajax__calendar_month { background:#9f8465; color:#fafae7; }
.ajax__calendar_hover .ajax__calendar_year { border: solid 1px #a61d11; color:#f5f2e3; }
.ajax__calendar_hover .ajax__calendar_title { color:#f5f2e3; }
.ajax__calendar_hover .ajax__calendar_today { color:#000; }