/* CSS RESET
------------------------------------------- */
*{ margin:0; padding:0; }
html{ min-height:100%; margin:0 0 1px; }
body{ background:#000; font-size:13px; padding:100px 0 20px; }
@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
body, textarea, input, select, option, button { color: #000; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; line-height:18px; }
li, dt, dd, p, th, td, caption, pre { font-size: 13px; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom:9px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size:13px; }
img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding:0; border:none; background-color:#c5bd8e; color:#ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }


/* LAYOUT
------------------------------------------- */
#root { position: relative; width: 927px; margin: 0 auto; margin-bottom: 27px; padding: 0; background: url(../images/black/frame-bg.png) 0 0 repeat-y; }
#root .wrapper-a{ padding: 0 0 11px; background: url(../images/black/frame-bottom-bg.png) 0 100% no-repeat; }
#root .wrapper-b{ padding: 65px 15px 42px; min-height:520px; background: url(../images/black/frame-top-bg.png) 0 0 no-repeat; }
#top { position: absolute; top: -55px; left: 157px; }
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
#navigation { z-index: 7; position: absolute; left: 176px; top: 65px; min-height: 380px; width: 188px; padding: 100px 0 0; border: 1px solid #564117; background: #000 /*url(../images/navigation-bg.jpg)*/ 0 100% repeat-x; }
#flash { z-index: 5; position: absolute; top: 162px; left: 15px; } 
#content { z-index: 6; min-height: 553px; width: 546px; padding: 0 0 0 351px; line-height: 1.8em; }
#footer { display: block; position: absolute; bottom: 16px; padding-left: 351px; width: 546px; overflow: hidden; text-align: center; }


/* TYPOGRAPHY
------------------------------------------- */
p{ line-height:18px; margin:9px 0px 9px 0px; font-size:13px; }
a { color:#000; text-decoration:underline; }
a:hover, a:focus, a:active { color:#000; text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-family:Georgia,serif; }
h1 { font-size:20px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
ul, ol{ margin:0px 0px 18px 0px; padding:0px; }
li{ margin:0px; padding:0px 0px 0px 9px; list-style-position:inside; }

small{ font-size:11px; color:#90875d; line-height:15px; }


/* FORMS
------------------------------------------- */
.form_field{ height:auto; padding:9px 0px 9px 0px; border-bottom:1px solid #c5bd8e; clear:both; }
label{ width:150px; height:auto; padding:0px; margin:0px 0px 5px 0px; font-size:12px; float:left;}
input{ font-size:11px; padding:4px; } 
input.med{ width:200px; padding:4x; font-size:11px; }
textarea{ width:200px; height:60px; padding:4px; font-size:11px; }
select{ padding:4px; font-size:11px; }
.btn{ width:auto; height:auto; padding:4px; margin:9px 0px 9px 0px; color:#FFFFFF; font-size:11px; background-color:#000; }
.HorizontalFormContainer dl, .VerticalFormContainer dl{ margin:0; }
.HorizontalFormContainer dt{ width:auto; float:left; margin-bottom:6px; clear:left; }
.HorizontalFormContainer dd{ margin-left:150px; margin-bottom:6px; }
.NarrowFormContainer dt{ width:110px; }
.NarrowFormContainer dd{ margin-left:120px; }
.HorizontalFormContainer p.Submit{ margin-left:0px; }
.NarrowFormContainer p.Submit{ margin-left:0px; }
.VerticalFormContainer dt{ margin-bottom:6px; }
.VerticalFormContainer dd{ margin-bottom:6px; margin-left:10px; }
.ML20 { margin:0px 0px 0px 20px; clear:both; }
.PL20 { padding:0px 0px 0px 20px; clear:both; }


/* TABLES
------------------------------------------- */
table th, table td { padding: 5px 10px; border: 1px solid #000; }


/* IMAGES
------------------------------------------- */
.float_right{ float:right; margin:9p 0px 9px 9px; border:4px solid #fff; }
.float_left{ float:left; margin:9px 9px 9px 0px; border:4px solid #fff; }


/* NAVIGATION
------------------------------------------- */
#nav { display: block; width:189px; padding:0; margin:0; list-style:none; }
#nav li { position: relative; font-weight: bold; text-align: right; padding: 0; cursor: pointer; line-height: auto; }
#nav li a { display: block; color: #fff; text-decoration: none; width: 162px; padding: 7px 13px 2px; margin: 0; }
#nav li a:hover { text-decoration: underline; }
#nav li em { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
#nav li ul { display: none; position: absolute; left: 188px; top: 0px; padding: 5px 0 2px; margin: 0; border-left: 1px solid #564117; list-style: none; background: #c7b299 url(../images/black/submenu-top-bg.gif) 0 0 repeat-x; }
#nav li ul li { text-align: left; white-space: nowrap; padding: 0; margin: 0; font-weight: normal; line-height: auto; line-height: auto; }
#nav li ul li a { display: block; height: 17px; width: 133px; padding: 3px 9px 8px; margin: 0; color: #000; background: #c7b299 url(../images/black/nav-sub-bg.png) 0 -600px no-repeat; }
#nav li ul li a:hover { background: #fff url(../images/black/nav-sub-bg.png) 0 100% no-repeat; text-decoration: none; }
#nav li:hover ul { display: block; }

#nav-foot { padding: 0; margin: 0; list-style: none; text-align: center; }
#nav-foot li { display:inline; border-left:1px solid #b2b1ae; padding:0px 3px 0px 7px; margin:0px; line-height:1em; font-size:11px; }
#nav-foot li a { color: #b2b1ae; text-decoration: none; font-size:11px; }
#nav-foot li a:hover { text-decoration: underline; }
#nav-foot li.first { border-left: 0; }


/* BREADCRUMBS
------------------------------------------- */
.Breadcrumb ul, .Breadcrumb li { list-style:none; margin:0; padding:0; color:#fff; font-size:11px; }
.Breadcrumb{ font-size:0.9em; padding:4px; background-color:#000; }
.Breadcrumb li{ padding-left:6px; display:inline; }
.Breadcrumb li a{ padding-right:10px; color:#fff; font-size:11px; text-decoration:none; background:url('../images/BreadcrumbSep.gif') no-repeat right; }


/* CONTENT AREAS
------------------------------------------- */
#intro { color: #e3d9a4; height: 79px; overflow: hidden; line-height: 1.55em; padding: 0 23px 0 33px; margin: -2px 0 18px; }
#child-intro #intro { #e3d9a4; !important; }
#main { background: #ebe1aa url(../images/black/main-bg.jpg) 0 0 repeat-y; }
#main .wrap-a { background: url(../images/black/main-top-bg.jpg) 0 0 no-repeat; }
#main .wrap-b { min-height:372px; width:546px; overflow:hidden; padding:15px 0px 18px 0px; background:url(../images/black/main-bottom-bg.jpg) 0 100% no-repeat; }

#main h1 { text-align:center; margin:0 0 2px; text-transform:uppercase; font-size:18px; letter-spacing:0.13em; }
#main h2 { text-align:left; margin: 0 0 9px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

#main .cont { padding:0 24px 0 24px; }
#main .top-img { height:128px; overflow:hidden; margin:0 0 9px; }
#main .top-img p { display:inline; float:left; margin:0 0 0 11px; }
#main .top-img p.first { margin: 0; }

#main .special-link { padding: 12px 0 0; font-weight: bold; text-align: center; } 
#main .google-link { text-align: center; }

#contact-data { text-align:center; border-bottom:1px solid #000; padding:0px 24px 9px 24px; margin:0 0 18px; font-weight: bold; }
#contact-data p { margin: 0; display: inline; padding-left: 7px; background: url(../images/black/sep-box.gif) 0 6px no-repeat;  *background-position: 2px 6px; }
#contact-data p.street-address { background: none; }
	
#callout-link { z-index: 8; position: absolute; top: 445px; left: 176px; width: 190px; text-align: center; }
#callout-link p { margin: 0; margin: 0 0 7px; }
#callout-link a, #callout-link p { color: #fff; font-weight: bold; text-decoration: none; }
#callout-link a:hover { text-decoration: underline; }
#callout-link p.img a { display: block; overflow: hidden; width: auto; height: auto; }
#callout-link p.img a img { border: 1px solid #333333; }

.press-credit { text-align:right; font-style:italic; }

#static_pano{ width:490px; height:177px; margin:0px 0px 18px 0px; padding:4px; border:1px solid #000; }

.floating_ss{ width:245px; float:right; margin:0px 0px 18px 18px; padding:4px; border:1px solid #000; }
.culinary_ss{ height:202px; }
.fisheries_ss{ height:166px; }


/* MESSAGE BOXES
------------------------------------------- */
.InfoMessage{ padding:8px 6px 8px 8px; margin-bottom:9px; color:#fff; background-color:#336600; }
.Required{ color:red; font-weight:bold; visibility:visible; }
.SuccessMessage{ padding:9px; margin-bottom:9px; color:#fff; background-color:#336600;  }
.ErrorMessage{ padding:9px; margin-bottom:9px; color:#fff; background-color:#990000; }
.alert_box{ margin:0px 0px 9px 0px; padding:9px 18px 9px 18px; border:1px solid #000; background:#f9f1c7; }
.alert_box p{ margin:9px 0px 9px 0px; }
.alert_box h3{ margin:9px 0px 9px 0px; }\
.alert_box label{ width:auto; margin:0px 9px 0px 0px; }


/* MISC RE-USABLE CLASSES
------------------------------------------- */
.hr_line{ height:20px; margin:0px 0px 7px 0px; padding:0px; background-image:url('../images/black/hr_line.gif'); background-repeat:repeat-x; }
.hr_icon{ width:23px; height:20px; margin:0px auto 0px auto; padding:0px; background-image:url('../images/black/hr_crab.gif'); background-repeat:no-repeat; }
.clear_it { width:0px; height:1px; clear:both; margin:0px; margin-top:-1px; padding:0px; line-height:1px; position:relative; background-color:#339900; }


/* RODUCTS LIST
------------------------------------------- */
.cont .ProductList li{ list-style:none; float:left; width:139px; margin:0px 9px 9px 0px; padding:9px; overflow:hidden; min-height:17em; background-color:#fff; }
.cont .ProductList li .ProductDetails a{ color:#000; }
.ProductList .ProductImage{ margin:0 0 5px 0; display:block; width: 137px; height:137px; text-align:center; overflow:hidden; background:#fff; }
.ProductList strong, .ProductList strong a{ color: #075899; }
.ProductPrice, .ProductList em{ color:#800000; }
.cont .ProductList li .ProductActionAdd a{ font-weight:bold; }
.ProductList .Rating{ color: #797979; }
.cont .FeaturedProducts .ProductList li{ background: #dff2f7; }
.cont .FeaturedProducts .ProductList li:hover, .cont .FeaturedProducts .ProductList li.Over{ background: #D2E8EE; }


/* CART
------------------------------------------- */
table.CartContents, table.General{ border:1px solid #000; }
.CartContents thead tr th, table.General thead tr th{ background:#000; color:#fff; border-bottom: 1px solid #000; }
.CartContents tbody .SubTotal td{ color:#000; }
.CouponCode{ margin-bottom:24px; }


/* ACCOUNT
------------------------------------------- */
.CreateAccount{ float: left; width:230px; padding-right:18px; border-right:1px solid #000 }
.AccountLogin{ float:left; width:231px; padding-left:18px; }


/* CHECKOUT
------------------------------------------- */
.ExpressCheckoutBlock .ExpressCheckoutTitle{ color:#fff; font:italic normal 15px Georgia,"Times New Roman",serif; background-color:#000; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle{ color:#fff; font:italic normal 15px Georgia,"Times New Roman",serif; background-color:#000;}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent{ color:#fff; }
.ExpressCheckoutBlock .ExpressCheckoutCompletedContent{ display:none; }
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent{ display:inline; font-size:11px; font-weight:normal; font-style:italic; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent{ display:none; }
a.ChangeLink{ position:absolute; right:15px; color:#fff; font-size:11px; }
a:hover.ChangeLink { color:#fff; text-decoration:none; }
.ExpressCheckoutBlock a.ChangeLink{ display:none; }
.ExpressCheckoutBlockCompleted a.ChangeLink{ display:inline }
.ExpressCheckoutCompletedContent{ position:absolute; left:250px; width:145px; height:16px; padding:2px 0px 0px 0px; overflow:hidden; }
#ChooseBillingAddress label{ width:auto; }
#ChooseShippingAddress label{ width:auto; }


/* FANCYBOX
------------------------------------------- */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/black/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../images/black/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; }

img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { display: none; position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/black/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }

#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }

a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }

span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }

span#fancy_left_ico { left: -9999px; background: transparent url('../images/black/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../images/black/fancybox/fancy_right.png') no-repeat; }

a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }

.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }

div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../images/black/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_sw.png') repeat-x; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../images/black/fancybox/fancy_shadow_w.png') repeat-x; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../images/black/fancybox/fancy_shadow_nw.png') repeat-x;		 }

div#fancy_title { position: absolute; bottom: -46px; left: 0; width: 100%; height: 46px; z-index: 100; display: none; }
div#fancy_title div { display: block; background: #fff; color: #FFF; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0; background: #fff; width: 100%; }
div#fancy_title table td { padding: 0; vertical-align: middle; border: 0; }
td#fancy_title_left { height: 32px; width: 10px; }
td#fancy_title_main { height: 32px; }
td#fancy_title_right { height: 32px; width: 10px; }