/****** CSS for Castle Lager Website ******/

/*** Default Spec ***/
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2c2c2c; background: url(/images/bg_grad.gif) repeat-y top center #8b2129; }
img { border: 0; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { color: #8b2129; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

/*** Layout Spec ***/
#wrap { width: 100%; height: 100%; background: url(/images/bg_main.jpg) no-repeat top center; }
#container { width: 902px; height: 100%; margin: auto; padding-left: 4px; }
#header { height: 260px; }
#content { width: 902px; background: url(/images/bg_content.gif) repeat-y top center; }
#flash { width: 892px; height: 450px; margin-left: 3px; }
#flashBrewery { width: 892px; height: 450px; margin-left: 4px;margin-top: 0px; }
#footer { height: 75px; }

/*** Navigation Spec ***/
#navigation_wrap { height: 28px; background: url(/images/bg_nav.gif) no-repeat top left; }
#navigation { height: 28px; margin-left: 168px; }
#navigation ul { margin: 0; padding: 0; }
#navigation li { display: inline; float: left; list-style-type: none; }

/* nav_Home */
.nav_Home { float: left; padding: 0; width: 50px; height: 28px; }
.nav_Home a { display: block; width: 50px; height: 28px; background: url(/images/nav/nav_Home.gif) no-repeat top left; }
.nav_Home a:hover, .nav_Home .current { background-position: bottom left; }

/* nav_Promotions */
.nav_Promotions { float: left; padding: 0; width: 101px; height: 28px; }
.nav_Promotions a { display: block; width: 101px; height: 28px; background: url(/images/nav/nav_Promotions.gif) no-repeat top left; }
.nav_Promotions a:hover, .nav_Promotions .current { background-position: bottom left; }

/* nav_AboutCastle */
.nav_AboutCastle { float: left; padding: 0; width: 111px; height: 28px; }
.nav_AboutCastle a { display: block; width: 111px; height: 28px; background: url(/images/nav/nav_AboutCastle.gif) no-repeat top left; }
.nav_AboutCastle a:hover, .nav_AboutCastle .current { background-position: bottom left; }

/* nav_Gallery */
.nav_Gallery { float: left; padding: 0; width: 77px; height: 28px; }
.nav_Gallery a { display: block; width: 77px; height: 28px; background: url(/images/nav/nav_Gallery.gif) no-repeat top left; }
.nav_Gallery a:hover, .nav_Gallery .current { background-position: bottom left; }

/* nav_Downloads */
.nav_Downloads { float: left; padding: 0; width: 100px; height: 28px; }
.nav_Downloads a { display: block; width: 100px; height: 28px; background: url(/images/nav/nav_Downloads.gif) no-repeat top left; }
.nav_Downloads a:hover, .nav_Downloads .current { background-position: bottom left; }

/* nav_Sponsorship */
.nav_Sponsorship { float: left; padding: 0; width: 113px; height: 28px; }
.nav_Sponsorship a { display: block; width: 113px; height: 28px; background: url(/images/nav/nav_Sponsorship.gif) no-repeat top left; }
.nav_Sponsorship a:hover, .nav_Sponsorship .current { background-position: bottom left; }

/* nav_Trivia */
.nav_Trivia { float: left; padding: 0; width: 61px; height: 28px; }
.nav_Trivia a { display: block; width: 61px; height: 28px; background: url(/images/nav/nav_Trivia.gif) no-repeat top left; }
.nav_Trivia a:hover, .nav_Trivia .current { background-position: bottom left; }

/* nav_BreweryTour */
.nav_BreweryTour { float: left; padding: 0; width: 118px; height: 28px; }
.nav_BreweryTour a { display: block; width: 118px; height: 28px; background: url(/images/nav/nav_BreweryTour.gif) no-repeat top left; }
.nav_BreweryTour a:hover, .nav_BreweryTour .current { background-position: bottom left; }

/* btn_PromoTVC */
.btn_PromoTVC { float: left; padding: 0; width: 445px; height: 102px; }
.btn_PromoTVC a { display: block; width: 445px; height: 102px; background: url(/images/promo/promo_TVC_btn.jpg) no-repeat top left; }
.btn_PromoTVC a:hover { background-position: bottom left; }

/* btn_PromoBafana */
.btn_PromoBafana { float: left; padding: 0; width: 445px; height: 30px; }
.btn_PromoBafana a { display: block; width: 445px; height: 30px; background: url(/images/promo/promo_Bafana_btn.gif) no-repeat top left; }
.btn_PromoBafana a:hover { background-position: bottom left; }

/* btn_PromoOneVoice */
.btn_PromoOneVoice { float: left; padding: 0; width: 445px; height: 29px; }
.btn_PromoOneVoice a { display: block; width: 445px; height: 29px; background: url(/images/promo/promo_OneVoice_btn.gif) no-repeat top left; }
.btn_PromoOneVoice a:hover { background-position: bottom left; }

/* btn_BoxSponsorship */
.btn_BoxSponsorship { float: left; padding: 0; width: 453px; height: 123px; }
.btn_BoxSponsorship a { display: block; width: 453px; height: 123px; background: url(/images/box/box_Sponsorship.jpg) no-repeat top left; }
.btn_BoxSponsorship a:hover { background-position: bottom left; }

/* btn_BoxBreweryTour */
.btn_BoxBreweryTour { float: left; padding: 0; width: 453px; height: 125px; }
.btn_BoxBreweryTour a { display: block; width: 453px; height: 125px; background: url(/images/box/box_BreweryTour.jpg) no-repeat top left; }
.btn_BoxBreweryTour a:hover { background-position: bottom left; }

/* btn_BoxWallpaper */
.btn_BoxWallpaper { float: left; padding: 0; width: 453px; height: 125px; }
.btn_BoxWallpaper a { display: block; width: 453px; height: 125px; background: url(/images/box/box_Wallpaper.jpg) no-repeat top left; }
.btn_BoxWallpaper a:hover { background-position: bottom left; }

/* btn_BoxOurGallery */
.btn_BoxOurGallery { float: left; padding: 0; width: 453px; height: 97px; }
.btn_BoxOurGallery a { display: block; width: 453px; height: 97px; background: url(/images/box/box_OurGallery.jpg) no-repeat top left; }
.btn_BoxOurGallery a:hover { background-position: bottom left; }

/* btn_BoxOneVoice */
.btn_BoxOneVoice { float: left; padding: 0; width: 453px; height: 97px; }
.btn_BoxOneVoice a { display: block; width: 453px; height: 97px; background: url(/images/box/box_OneVoice.jpg) no-repeat top left; }
.btn_BoxOneVoice a:hover { background-position: bottom left; }

/* btn_BoxFind */
.btn_BoxFind { float: left; padding: 0; width: 453px; height: 97px; }
.btn_BoxFind a { display: block; width: 453px; height: 97px; background: url(/images/box/box_Find.jpg) no-repeat top left; }
.btn_BoxFind a:hover { background-position: bottom left; }

/* btn_BoxNews */
.btn_BoxNews { float: left; padding: 0; width: 453px; height: 97px; }
.btn_BoxNews a { display: block; width: 453px; height: 97px; background: url(/images/box/box_News.jpg) no-repeat top left; }
.btn_BoxNews a:hover { background-position: bottom left; }

/*** Content Spec ***/
#column_1 { padding: 5px 35px 0 35px; }
#column_1 h1 { margin: 0; padding: 0 0 8px 0; color: #a43024; }

#column_2 { padding: 1px 35px 0 0; } 
#column_2 h2 { margin: 0; padding: 4px 0 0 0; color: #eddfba; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } 

#column_2 .tbl_heading { float: left; margin: 10px 16px 0 0; } 
#column_2 .tbl_hdg_bg_grad h2 {margin-top:-4px;}
#column_2 .tbl_hdg_bg_grad { background: url(/images/hdg_bg_grad.gif) repeat-x top left; } 
#column_2 .tbl_hdg_bg_bar { background: url(/images/hdg_bg_bar.gif) repeat-x top left; color: #a43024; font-size: 14px; font-weight: bold; padding-bottom: 12px; } 

#column_2 .body_image_table { background: #f0e4c6; }
#column_2 .body_image { float: right; background: url(/images/bg_about_table.gif) no-repeat bottom right; border-left: 10px solid #fff; width: 362px; /*height: 230px;*/ } 
#column_2 .body_copy { width:435px; padding: 0 0 10px 35px; } * html #column_2 .body_copy { /* ie only */ margin-top: 0; } 
#column_2 .body_content { padding: 0 20px 10px 35px; } 
#column_2 .body_form { padding: 0 20px 10px 35px; }

#column_2 .img_trivia { border: 1px solid #a63629; background: #fcf9f8; padding: 2px; margin: 6px; }
#column_2 .trivia_score { padding: 10px 0 0 6px; color: #a43024; font-size: 20px; }

/* image downloads and gallery */
#column_2 .img_downloads { border: 3px solid #DA3441; } 
#column_2 .item_thumbs { float: left; width: 350px; margin-top: 10px; } 
#column_2 .item_thumbs img { margin: 3px; }
#column_2 .add_opacity img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } 
#column_2 .add_opacity:hover img, #column_2 .add_opacity:active img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; } 

/* pagination */
#column_2 .pagination_1 { color: #fff; padding: 10px 10px 0 0; }
#column_2 .pagination_1 a { color: #fff; }
#column_2 .pagination_1 a:hover, #column_2 .pagination_1 .current { color: #000; text-decoration: none; }
#column_2 .pagination_2 { padding: 10px 10px 0 0; }
#column_2 .pagination_2 a { color: #333; }
#column_2 .pagination_2 a:hover, #column_2 .pagination_2 .current { color: #8b2129; font-weight: bold; text-decoration: none; }

/*** Body Spec ***/
.clear { clear: both; } 
.split { clear: both; padding-top: 10px; } 
.left { float: left; } 
.right { float: right; } 

/*** Form Spec ***/
.frm_input { width: 232px; height: 16px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #868686; }
.frm_multi { width: 232px; height: 40px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #989898; }
.frm_multi_box { width: 420px; height: 40px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #989898; }
.frm_drop { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; border: 1px solid #868686; }
.frm_drop_box { width: 200px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; border: 1px solid #868686; }

/*** Grey Box Spec ***/
.gb_container h3 { color: #a43124; font-size: 11px; margin: 0; padding: 0 0 10px 0; }
.gb_container p { margin: 0; padding: 0 0 10px 0; }
.gbcontent { height: 340px; width: 576px; overflow: auto; margin-top: 10px; padding-left: 20px; padding-right: 15px; border: 0; }

.moreInfo {display:none;}

/* nav_AboutCastle */
.btn_Trivia { padding: 0; width: 132px; height: 37px; }
.btn_Trivia a { display: block; width: 132px; height: 37px; background: url(/images/btnTrivia.jpg) no-repeat top left; }
.btn_Trivia a:hover { background-position: bottom left; }

#divARA1 {display:block;background:url(/images/ARA-age.png) no-repeat left top;height:45px;width:111px;float:right;cursor:pointer;margin-top:-70px;position:relative;margin-right:5px;}
* html #divARA1 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ARA-age.png', sizingMethod='scale'); }


/* MENU */
#navigation li { list-style-type: none; }
/*#navigation_wrap { background: url("/images/menu/mnu_bg.jpg") repeat-x scroll left top transparent; height: 25px; }*/


.nav_home { float:left; height:25px; padding:0px; width:62px; }
.nav_home a { background: url("/images/menu/mnu_home.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 62px; }
.nav_home a:hover, .nav_home .current { background-position: bottom left; }

.nav_promotions { float:left; height:25px; padding:0px; width:133px; }
.nav_promotions a { background: url("/images/menu/mnu_promotions.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 133px; }
.nav_promotions a:hover, .nav_promotions .current { background-position: bottom left; }

.nav_promos { float:left; height:25px; padding:0px; width:119px; }
.nav_promos a { background: url("/images/menu/mnu_promos.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 133px; }
.nav_promos a:hover, .nav_promos .current { background-position: bottom left; }

.nav_castlecricket { float:left; height:27px; padding:0px; width:133px; }
.nav_castlecricket a { background: url("/images/menu/mnu_castlecricket.jpg") no-repeat scroll left top transparent; display: block; height: 27px; width: 133px; }
.nav_castlecricket a:hover, .nav_castlecricket .current { background-position: bottom left; }

.nav_draught { float:left; height:28px; padding:0px; width:133px; }
.nav_draught a { background: url("/images/menu/mnu_draught.jpg") no-repeat scroll left top transparent; display: block; height: 28px; width: 133px; }
.nav_draught a:hover, .nav_draught .current { background-position: bottom left; }

.nav_aboutcastle { float:left; height:25px; padding:0px; width:119px; }
.nav_aboutcastle a { background: url("/images/menu/mnu_aboutcastle.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 119px; }
.nav_aboutcastle a:hover, .nav_aboutcastle .current { background-position: bottom left; }

.nav_castlenews { float:left; height:27px; padding:0px; width:119px; }
.nav_castlenews a { background: url("/images/menu/mnu_castlenews.jpg") no-repeat scroll left top transparent; display: block; height: 27px; width: 133px; }
.nav_castlenews a:hover, .nav_castlenews .current { background-position: bottom left; }

.nav_sponsorship { float:left; height:25px; padding:0px; width:142px; }
.nav_sponsorship a { background: url("/images/menu/mnu_sponsorship.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 142px; }
.nav_sponsorship a:hover, .nav_sponsorship .current { background-position: bottom left; }

.nav_downloadsandmore { float:left; height:25px; padding:0px; width:172px; }
.nav_downloadsandmore a { background: url("/images/menu/mnu_downloadsandmore.jpg") no-repeat scroll left top transparent; display: block; height: 25px; width: 172px; }
.nav_downloadsandmore a:hover, .nav_downloadsandmore .current { background-position: bottom left; }

.nav_picturegallery { float:left; height:28px; padding:0px; width:172px; }
.nav_picturegallery a { background: url("/images/menu/mnu_picturegallery.jpg") no-repeat scroll left top transparent; display: block; height: 28px; width: 172px; }
.nav_picturegallery a:hover, .nav_picturegallery .current { background-position: bottom left; }

.nav_wallpapers { float:left; height:29px; padding:0px; width:172px; }
.nav_wallpapers a { background: url("/images/menu/mnu_wallpapers.jpg") no-repeat scroll left top transparent; display: block; height: 29px; width: 172px; }
.nav_wallpapers a:hover, .nav_wallpapers .current { background-position: bottom left; }

.nav_trivia { float:left; height:29px; padding:0px; width:172px; }
.nav_trivia a { background: url("/images/menu/mnu_trivia.jpg") no-repeat scroll left top transparent; display: block; height: 29px; width: 172px; }
.nav_trivia a:hover, .nav_trivia .current { background-position: bottom left; }

.nav_brewerytour { float:left; height:29px; padding:0px; width:172px; }
.nav_brewerytour a { background: url("/images/menu/mnu_brewerytour.jpg") no-repeat scroll left top transparent; display: block; height: 29px; width: 172px; }
.nav_brewerytour a:hover, .nav_brewerytour .current { background-position: bottom left; }

.nav_footer1 { float:left;padding:0px;background: url("/images/menu/mnu_footer.png") no-repeat scroll left top transparent; display: block; height: 45px; width: 133px; }
* html .nav_footer1 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/mnu_footer.png', sizingMethod='scale'); }

.nav_footer2 { float:left;padding:0px;background: url("/images/menu/mnu_footer2.png") no-repeat scroll left top transparent; display: block; height: 45px; width: 119px; }
* html .nav_footer2 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/mnu_footer2.png', sizingMethod='scale'); }

.nav_footer3 { float:left;padding:0px;background: url("/images/menu/mnu_footer3.png") no-repeat scroll left top transparent; display: block; height: 45px; width: 172px; }
* html .nav_footer3 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/mnu_footer3.png', sizingMethod='scale'); }