@charset "utf-8";
/* CSS Document */

/*---SITE ELEMENTS ---*/
.faq_skiplinks, .faq_question, .aToZListing, #header .de_beers, .heading_with_pointer, .teaser p,
#feature p, .feature_heading_with_pointer, .intro_text, .article_quote .quoter,
.statistics .stat  { font-family:"Times New Roman", Times, serif}

/*Headings*/
.section_heading { font-size:4em; margin-bottom:0.2em}
.heading_30 { font-size:3em; margin-bottom:0.25em}
.heading_23 { font-size:2.3em; margin-bottom:0.3em}
.heading_18 { font-size:1.8em; margin-bottom:0.4em}
.heading_brown_23 { font-size:2.3em; color:#8f673d; margin-bottom:0.3em}
.heading_brown_18 { font-size:1.8em; color:#8f673d}
.heading_brown_14 { font-size:1.4em; color:#8f673d}

.heading_18 a, .heading_brown_18 a { font-weight:normal }

.heading_with_pointer {font-size:2em; color:#52504F; margin: 0 0 0.5em 0; padding:0.3em 0.3em 0.6em 0.75em; 
        line-height: 1em; clear: both; background:#D1C5B1 url(../images/sitelayout/heading_arrow.gif) bottom right no-repeat}

/*styles*/
.image_border { padding:0.3em; background-color:#F2EFE9}

.intro_text { font-size:2.3em; margin-bottom:0.3em; color:#6f6f6f }
.text_size_15 { font-size:1.5em}
.date_stamp, .black_date_stamp { font-size:1.1em; font-weight:bold }
.black_date_stamp { color:#52504F}
.intro_text p {font-size: 0.86em}
.text_size_15 p, .date_stamp p { font-size:1em}

/*---feature styles---*/
#feature hr, #feature blockquote, #feature ul, #feature .feature-image_container { margin-bottom:1em}
#feature .feature_heading_with_pointer { font-size:1.8em; clear:both; margin-bottom:0.4em; line-height:1em; padding:0.4em 0.5em 0.8em 0.55em; display: block;}
#feature .feature-image_container { overflow:hidden}


#feature ul {
	list-style-type:none;
	margin:0 0 1em 0;
	font-size: 1.2em;
}
#feature li {
	margin-bottom:0.6em;
	border-bottom-style: outset;
	border-bottom-color: #FFF;
	border-bottom-width: 1px;
}
#feature p { font-size:1.5em }
#feature .image_description { font-size:1.6em}
#feature .date_stamp, #feature .black_date_stamp { font-size:1em }
#feature .arrow_link { font-size:1.2em; text-align:right; padding-right:1em; font-family:Arial, Helvetica, sans-serif}
#feature blockquote { font-size:2em; text-indent:1.6em; font-style:italic}
#feature blockquote p { font-size:1em}

#feature .file_list li {padding: 0.6em 0; margin:0; background:none}
#feature .latestList li { padding:0.5em 0;  background:url(../images/sitelayout/dotted_line.gif) top repeat-x}
#feature .latestList li.first-child { padding-top:0; background:none; }
#feature .latestList div.h4headerstyle { font-size:1.5em; }
#feature .latestList p { font-size:1.25em; margin-top:0.3em; }

.feature_grey { padding:1em; background-color:#4D4D4D; color:#FFF}
.feature_grey div.h4headerstyle {color:#E5D8C3; font-size: 1.8em; margin: 0.5em 0}
.feature_grey a:link, .feature_grey a:visited, .feature_grey a:hover { color:#D1C5B1; font-weight:normal }
.feature_grey p { color:#FFF}
.feature_grey .feature_heading_with_pointer { color:#FFF; background:#636467 url(../img/grey_arrow.gif) bottom right no-repeat; display: block;}
.feature_grey .feature-image_container { width:21.5em; border:0.3em solid #636467}
.feature_grey .arrow_link { background:url(../images/sitelayout/feature_grey_link_arrow.gif) center right no-repeat}
.feature_grey hr { color:#4D4D4D; background-color:#4D4D4D}
.feature_grey blockquote { color:#FFF; background:url(../images/sitelayout/quotation_grey.gif) top left no-repeat}

.feature_white { padding:1.6em 0 0 0; background-color:#FFF }
.media_landing .feature_white{padding-top: 0;}
.feature_white div.h4headerstyle {font-size: 1.8em; margin: 0.5em 0 0.15EM}
.feature_white p { color:#6f6f6f}
.feature_white .feature_heading_with_pointer { color:#51524f; background:#D1C5B1 url(../images/sitelayout/heading_arrow.gif) bottom right no-repeat; display: block;}
.feature_white .feature-image_container { width:23.6em; border:0.3em solid #D1C5B1}
.feature_white .arrow_link { background:url(../images/sitelayout/feature_white_link_arrow.gif) center right no-repeat}
.feature_white hr { color:#FFF;  background-color:#FFF}
.feature_white blockquote { background:url(../images/sitelayout/quotation_green.gif) top left no-repeat}

/*elements*/
.teaser {
	float:left;
	width:600px;
	margin-left: 100px;
}
.teaser .teaser-heading { margin-bottom:0.5em} /* also uses heading classes */
.teaser .teaser-image_container { width:23.3em;  overflow:hidden; border:0.3em solid #D1C5B1; margin-bottom:1em}
.teaser ul { font-size:1.2em; color:#8f673d; list-style-type:none; margin:0 0 1em 0}
.teaser p { font-size:1.5em; color:#6f6f6f}
.teaser .teaserLink {display:block;  font-size: 1.2em ; margin-bottom: 1em}
.teaser blockquote { font-size:2.3em; line-height:1.1em; text-indent:1.65em; margin-bottom:0.3em; color:#6f6f6f; font-style:italic; 
		background:url(../images/sitelayout/article_quotation_green.gif) top left no-repeat}
.teaser .listed_item {background: none; margin-bottom: 0; padding: 0}
.teaser blockquote p { font-size:1em}
.content_sublanding .teaser {width: 100%; margin: 0 0 1.5em 0; background:url(../images/sitelayout/dotted_line.gif) bottom repeat-x}
.content_sublanding .teaser-image_container {float: left; margin-right: 0.75em}
.content_sublanding .heading_with_pointer {line-height: 1.6em; font-size:1.8em; color:#52504F; margin-bottom: 0.5em; padding: 0 0 0.5em 0.75em; background:#D1C5B1 url(../images/sitelayout/heading_arrow.gif) bottom right no-repeat}
.content_sublanding .file_list {clear:none}
		
.pullout { width:23.8em; float:right; clear:right; margin:0 0 0.5em 0.5em; /*borders below factored into width*/ }
.two_column_media_kit .pullout{width: auto; float:none; margin-left:0;}

.article_text ul { padding-left: 1.8em; margin-bottom:1em;}
.article_text ol { clear: left; height: 1%; padding-left: 2.3em; margin-bottom:1em;}
.article_text ul li, .article_text ol li { font-size: 1.2em; padding: 0 0 0.3em 0; }
.article_text ul ul li, .article_text ol ol li { font-size:1em}

.article_quote { margin-bottom:1em}
.article_quote div.h2headerstyle {color: #716e6e}
.article_quote blockquote, .pull_quote blockquote { font-size:2.3em; line-height:1.1em; text-indent:1.65em; margin-bottom:0.3em; color:#6f6f6f; font-style:italic; 
		background:url(../images/sitelayout/article_quotation_green.gif) top left no-repeat}
.article_quote blockquote p, .pull_quote blockquote p { margin-bottom:0}		
.article_quote cite, .pull_quote cite { font-size:1.2em; font-weight:bold; font-style:normal; color:#60310A}
.article_quote .quoter { font-size:1.4em; font-weight:bold; color: #6f6f6f; padding-bottom: 0.5em}

.article_image, .article_large_image { text-align:center; clear:right; border:0.3em solid #D1C5B1; overflow:hidden; background-color:#D1C5B1; margin-bottom:1em}
.article_image img, .article_large_image img { margin-bottom:0.5em; }
.article_image p, .article_large_image p { font-size:1.2em; margin:0 0 0.7em 1em; text-align:left; color: #706e6f}
.article_image {
	width:28.2em
}
.article_large_image { width:49.3em}

.file_list_container { margin-bottom:2em}

ul.file_list, ul.file_list_no_line {clear:both; margin: 0.5em 0 0.5em; list-style: none }
ul.file_list li, ul.file_list_no_line li {margin: 0 0 0.25em; padding: 0.25em 0}
ul.file_list .first-child, ul.file_list_no_line .first-child { padding-top:0; }

ul.file_list li { background:url(../images/sitelayout/dotted_line.gif) top repeat-x }
ul.file_list .first-child { background:none; }
ul.file_list li img, ul.file_list_no_line img {margin-right:0.5em; vertical-align: bottom}

/* Grid listings */
.gridRow {clear:both; margin-bottom: 2em}
.gridBox {float: left; width: 31%; margin-right: 1.25em}
.gridBox div.h3headerstyle a {font-weight: normal}
.gridBox img {border: 3px solid #D1C5B1}
.gridBox p {color: #6f6f6f; font-size: 1.2em; margin-top: 0.5em}

/* Image gallery */
div.imageGallery {width: 499px; background: #211D1E; padding: 5px 0 0.5em; margin-bottom: 1em}

.mainImage {position: relative}
html.jsAvailable .mainImage {background: url(../images/sitelayout/loader.gif) no-repeat center center}
    .mainImage img {display: block; margin: 0 auto; max-width: 489px}
    html.jsAvailable .mainImage img {visibility: hidden}
    .mainImage div.imageArrow {position: absolute; top: 0; width: 25%; height: 100%; cursor: pointer }
    .mainImage div.prev {left: 0; background: url(../images/sitelayout/previous_image_button_big.gif) no-repeat -250% 50%}
    .mainImage div.next {right: 0; background: url(../images/sitelayout/next_image_button_big.gif) no-repeat 250% 50%}

div.imageCaption {clear: both; color: #fff; padding: 0.75em 1em 0.5em; min-height: 3em; _height: 3em}

.thumbnails {float: left; margin: 0 auto; text-align: center; width: 75%; margin: 0 4%; padding-top: 1em}
html.jsAvailable .thumbnails {float: left; width: 75%; margin: 0 4%; white-space: nowrap; overflow: hidden}

    .thumbnails a {float: left; display:block; margin: 0; outline: hidden}
    html.jsAvailable .thumbnails a {float: none; display: inline; padding-top: 7px; margin: 0 0.25em}

    .thumbnails a img {width: 79px; height: 59px; border: 5px solid #211D1E !important}
    .thumbnails a:hover img {border-color: #fff !important}
    html.jsAvailable .thumbnails a.selected {background: url(../images/sitelayout/gallery_thumb_pointer.gif) no-repeat center top}
    html.jsAvailable .thumbnails a.selected img {border-color: #fff !important}

div.cycle {width: 8%; visibility: hidden; cursor: pointer }
    div.cyclePrev {float: left; background: url(../images/sitelayout/previous_image_button.gif) no-repeat right center}
    html.jsAvailable div.cyclePrev {visibility: hidden}
    div.cycleNext {float: right; background: url(../images/sitelayout/next_image_button.gif) no-repeat left center}
.imageGallery div.onPrevHover {background-image: url(../images/sitelayout/previous_image_button_rollover.gif)}
.imageGallery div.onNextHover {background-image: url(../images/sitelayout/next_image_button_rollover.gif)}
/* end of Image gallery */

.statistics { float:right; border:0.5em solid #D1C5B1; padding: 0.3em 0.8em; width:21.2em}
.statistics .header { margin:0.5em 0.5em 0 0.5em}
.statistics p.header  { font-size:1em}
.statistics .header span { font-size:1.1em; font-weight:bold; padding: 3px 5px; background-color:#BAD532; color:#FFF;  text-transform:uppercase; letter-spacing: 0.08em}
.statistics .stat { margin:0.5em}
.statistics .stat p { font-size:2.3em; margin-bottom:0; color:#6f6f6f}

.related_links { background-color:#E7E8E9; padding:0.7em 1.2em; font-size: 1.2em}
.related_links div.h4headerstyle{font-size: 1.6em; color: #706e6f; margin-bottom: 4px}
.related_links ul { list-style-type:none; margin-left:0}
/*.related_links ul.links{background-image: url(../images/sitelayout/related_links_dotted_line.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 0.5em}*/
#content .related_links ul{padding-left: 0}
#content .related_links ul li{padding-left: 0; font-size: 1em}
.related_links ul li {padding: 2px 0}
.related_links ul li p{margin-bottom: 3px}
.related_links img { vertical-align:middle}

.q_and_a {background:#D1C5B1 url(../images/sitelayout/white_bar.gif) top repeat-x; padding:0 1em 1em 1em; margin-bottom: 1em; clear: both}
.q_and_a div.h3headerstyle {font-size:1.9em; color:#716e6e; padding: 1.5em 0 0.4em 4.5em; margin: 0 0 0.5em; background: url(../images/sitelayout/q_and_a.gif) no-repeat left center}
.q_and_a .content img {float: right; margin: 0 0 0.5em 1em}
.q_and_a .content p {font-size:1.2em}
.q_and_a .content p strong {font-size:1.24em; color:#696665}
.q_and_a .moreLink {font-size: 1.2em}
#content .q_and_a ul.file_list {padding-left: 0; margin-top: 1em}

table { clear:both; font-size:1.2em; border-collapse: collapse}
table.full_width { width:100%}
tr.blue_header { background-color:#D1C5B1; background-image: none}
tr.blue_header th { padding:0.62em 0; text-align: left}
tr.blue_header th.first-child { padding-left:0.5em}
tr.dotted_border th, tbody th, tbody td { padding:5px 0}
tr.dotted_border,tbody tr { background:url(../images/sitelayout/dotted_line.gif) bottom repeat-x }

dl dt, dl dd { color:#666666}
dl dt { font-size:1.8em; margin-bottom:0.3em }

.faq_skiplinks { font-size:1.5em; margin-left: 0.15em; padding-bottom:1em}
.faq_skiplinks li { margin-bottom:0.1em; list-style: none; background-image: url(../images/sitelayout/faq_bullets.gif); background-repeat: no-repeat; background-position: left 0.4em; padding-left: 15px}
.faq_skiplinks a { font-weight:normal }
.faq_skiplinks a p { display:inline; font-weight: bold; font-size: 1em}
.faq_question{margin-top: 10px}
.faq_question div.h4headerstyle{ font-size:1.7em; margin-bottom: 5px}
.faq_question div.h4headerstyle p { margin-bottom:0; }
.faq_question .content_text{font-family: Arial, sans-serif}
.faq_question hr{margin-bottom: 5px}

.sitemap_listing { width:22.9em; margin-right:1em; float:left}

.sitemap_listing ul li ul { font-size:1em}
.sitemap_listing ul li ul li a { font-weight:normal; font-size: 0.9em}

.content_footer {
	background:url(../images/sitelayout/dotted_line.gif) top repeat-x;
	font-size:1.2em
}
.content_footer ul li { margin-right:1em}

.aToZListing { font-size:1.8em; padding:0 0 0 5em; height:2.7em; background:#D1C5B1 url(../images/sitelayout/a-z_heading_white_background.gif) bottom repeat-x; text-align:center}
#content .aToZListing ul { padding-left: 0}
#content .aToZListing li { padding: 0}
.aToZListing li { display:block; float:left; font-weight:normal; margin:0.5em 0.2em 0.8em 0.2em; vertical-align:middle}
.aToZListing li.current { height:1.6em; font-size:1.66em; margin:0 0.1em; padding:0 0 0.4em 0; font-weight:bold; color:#333; background: url(../images/sitelayout/a-z_heading_arrow_alone.gif) bottom no-repeat}

.contact_container { padding-left:1em}
.heading_bar {color:#666; background-color:#E7E8E9; padding:4px 15px 5px 15px}

.form { background-color:#D1C5B1; padding:1.6em; margin:0 0 2.6em 0}
.form .row { clear:both}
.form .label_180 { font-size:1.2em; display:block; float:left; margin-right:1.4em; width:15em; font-weight:bold; text-align:right}
.form .label_130 { font-size:1.2em; display:block; float:left; margin-right:1.4em; width:13em; font-weight:bold; text-align:right}
.form .input_row { margin:0 0 1.5em 0}
.form .input_row .input_styled, .form .input_row .textarea_styled { width:20em; border:2px solid #CCC }
.form .input_row .textarea_styled { height:6em}
.form .input_row .input_chk { margin: 0px; padding: 0px; }
.form .input_row .input_chk input { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 5px; vertical-align: middle; }
.form .input_row .input_chk label { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 5px 10px 5px 5px; vertical-align: middle; }
.form .button_row { text-align:right; background:url(../images/sitelayout/dotted_line.gif) top repeat-x; padding:1.5em 0 0 0}
.form .mandatory {color: #FF0000;}

.error_message,.error_list { color:#FF7F00}
.error_list { margin-bottom:1em}
.error_list li, .subscribeform .error_message, .unsubscribeform .error_message { margin-left:1em; font-weight:bold; font-size: 1.2em }

.validation_summary { color:#FF7F00; font-size: 1.2em; font-weight:bold; margin-bottom: 1em; text-align: left; }
.validation_summary li { margin-left:1em; }

.text_left { text-align: left; }

.button { font-size:1.2em; font-weight:bold; border:none; background-color:#FFF; padding:0.3em 0.5em; margin:0}
.button_grey { background-color:#999; color:#FFF}
.button_black { background-color:#000; color:#FFF}
.download_button, a.download_button { color:#FFF; padding-left:1.4em; background:#8f673d url(../images/sitelayout/download_arrow.gif) 6px 50% no-repeat; font-size: 1.1em} 
.download_button a { color:#FFF}

.icon { margin-right:0.6em}

.flash_feature{border:0.2em solid #000;background-color:#000; margin-bottom: 1em}
.flash_feature p { font-size:1.2em; padding:0.3em; margin-bottom:0; color:#FFF; background-color:#333 }

/* Media Kit styles */
.two_column_media_kit div.h2headerstyle {font-size:2em; color:#60310A; margin-bottom:0.42em; 
		padding:7px 14px 10px 7px; background:#D1C5B1 url(../images/sitelayout/heading_arrow.gif) bottom right no-repeat}


/* link styles */
a.lnk_more { display:block; font-size: 11px; background: url(../images/sitelayout/arrow_right_grey.gif) top right no-repeat;
     padding-right: 15px; text-transform: uppercase; 	text-align:right; font-weight: bold}
	
/*Map - cutdown*/
#main_container .inactive{ display:none }
#main_container .map { height:27.9em; float: left; width: 100%; margin: 0}


.lnk_media{	display: block}
a.lnk_top{	background-image: url(../images/sitelayout/arrow_top.gif);	background-repeat: no-repeat;padding-left: 15px;background-position: left 0.4em;font-family: Arial, sans-serif}
/* Share this button */
.stico_default.stbutton{background: url(../images/sitelayout/sharethis_icon.gif) no-repeat top left  !important}
a.stbutton .stico_default{padding-left: 18px}

/* tabbed  menus*/
ul.tabs{ height:2.7em; margin: 0; margin-bottom: 15px;border-bottom: 2px solid #E7E8E9;}
ul.tabs li{font-size:1.1em;list-style: none;display:block; float:left;margin: 0;margin-right: 2px;padding: 4px;border: 1px solid #fff;background-color: #8f673d}
ul.tabs li,
ul.tabs li a:link,
ul.tabs li a:visited,
ul.tabs li a:hover{color: #fff;font-weight: bold;text-transform: uppercase;font-family: Arial, sans-serif}
ul.tabs li.selected{color:#666;background-color: #fff;border: 2px solid #E7E8E9;border-bottom: 2px solid #fff;padding-bottom: 7px;margin-bottom: -2px}

/*---GENERAL PURPOSE CLASSES---*/
.bold { font-weight: bold}
.lowercase { text-transform:lowercase }
.align_right { text-align:right }
.hide { position: absolute; left: -100em; width: 10em; }
.float_left { float:left}
.float_right { float:right}
.clear_both { clear:both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {}
.eol{margin-right: 0}

/*--- Subscription Form Modal Popup ---*/
.modalbg { background-color: #808080; bottom: 0px; left: 0px; margin: 0; opacity: 0.7; position: absolute; right: 0px; top: 0px; filter: alpha(opacity=70); }
.modalshadow { background-color: #000000; position: absolute; }
.modalcontent { border: solid 2px #000000; position: absolute; }
.subscribeform, .unsubscribeform { width: 520px; }
.subscribeform .row, .unsubscribeform .row { *clear: right; }
.subscribeform .button_row, .unsubscribeform .button_row { *clear: left; }
.subscribeform .input_row, .unsubscribeform .input_row { text-align: left; }
.subscribeform .subscribeheader, .unsubscribeform .unsubscribeheader { font-size: 1.5em; font-weight: bold; padding-right: 28px; text-align: left; }
a.close_button:link, a.close_button:hover, a.close_button:active, a.close_button:visited { background-color: #000000; color: #ffffff !important; padding: 2px 4px; position: absolute; right: 10px; text-decoration: none; top: 10px; }

.emailalerts img { height: 14px; }

.cursor_pointer { cursor: pointer; }


.overlaymenu {height: 40px; }