@charset "utf-8";

body {

	margin: 0;
	padding:0;
	background: #000 url(../images/background.jpg) no-repeat top center;
	color: #fff;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px ;
	line-height:20px ;
	text-align:center;
	}

#page-top {
	padding:0;
	margin:0 0 10px 0;
	width:100%;
	height:25px;
	background-color:#b30013;
	}	

#daddy{
	width:770px;
	padding:0;
	margin:0 auto;}	

#navigation{
	width:770px;
	clear:both;
	padding:0;
	margin:0;
}

#logo{
	width:230px;
	padding:10px 0 0 30px;
	margin:0;
	float:left;
	text-align:left;}

#nav-bar{
	width:510px;
	padding:0;
	margin:0;
	float:right;
	text-align:right;}

ul#nav {
	list-style:none;
	padding:0;
	margin:80px 0px 0 0;
	text-align:center;
	}

#nav li{
	display:inline;
	float:left;
	margin:0;
	padding:0 0px 0 0;}	

#nav a{
	padding-right:15px;
	padding-left:15px;
	border-right:1px solid #b30013;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;}

/* bit of a hack - use hard-coded joomla list item class here:*/
#nav .item6 a{
	border:none;}

#nav li a:hover{
	color:#b30013;
}

#content-holder{
	width:770px;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;

}

#banner{
	width:770px;
	height:252px;
	background-image:url(../images/slideshow-frame.png);
	background-repeat:no-repeat;
	padding:9px 0 0 9px;
	margin:20px 0 0 0;
	text-align:left;
	position:relative;
	z-index:1;}

/***********************************************************

left column

*************************************************************/

#content-left{
	width:430px;
	min-height:385px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
	
#content-left p{	
	margin:0;
	padding:0 0 10px 30px;
	font-weight:normal;
	line-height:22px;
	font-size:13px;}

#content-left p.opening{font-weight:bold;}
#content-left h3{
	text-transform:uppercase;}	
#content-left ul{
	padding-bottom:5px;
}

#content-left img, #content-left h4, #content-left ul{
	margin:0 0 0 30px;
}
#the-range #content-left p strong {
	color:#fff;
}

#content-left h2{	
	margin:0;
	padding:0 0 5px 30px;
	font-weight:bold;
	line-height:22px;}
	
#content-left h3{	
	margin:0;
	padding:0 0 15px 30px;
	font-weight:bold;
	font-size:9px;
	line-height:14px;}
	
/*prices*/
#the-range #content-left h4{	
	color:#b30013;
	font-weight:normal;
	font-size:14px;
	line-height:16px;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:7px;}
		
#distributors #content-left h3 {
	font-size:12px;padding-left:0;padding-bottom:0;margin-top:20px
}
#distributors #content-left table{margin-top:10px;margin-bottom:10px}
#distributors #content-left table p{padding-left:0px;padding-bottom:0}
#distributors #content-left ul {list-style:none;}
#distributors #content-left li {list-style-type:none;margin-left:00px}
#distributors #content-left ul ul, #distributors #content-left li li {

	margin-left:0;padding-left:0
}
#content-left strong{ color:#b30013;	}

#content-left a {
	color:#b30013;
	text-decoration:none;
}
#content-left a:hover, #content-left a:active {
	color:#fff;
}

#left-image{
	margin:0;
	padding:50px 0 0 15px;
	}	
#left-image a img {margin-left:0;}

#home #left-image, a.btn-buy-now {
	position:relative;
	bottom:0;
	
}

#home #left-image img{
	padding-top:20px;	
}

#available{
	padding-top:30px;}	

/***********************************************************

right column

*************************************************************/


#content-right{
	width:320px;
	margin:0 ;
	padding:0;
	float:right;
	position:absolute;
	top:0;
	left:450px;
	z-index:2;
	text-align:left;

}

#distillery #content-left {
	min-height:550px;/* ensure the right panel images are shown */
	/* IE6 patched in conditional too */
}
#the-range #content-left {
	min-height:625px;
}
#home #content-left {
	min-height:490px !important;
}

/*******************************************************
homepage right column
*******************************************************/

#right-one{
	width:300px;
	height:196px;
	background-image:url(../images/right-one-a.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	top:280px;
	}
#distillery #content-right #right-one, .archive #content-right #right-one {
	background:none ;
	margin-left:60px;
	margin-top:15px;
}
#distributors #right-one, #home #right-one, #home #right-two {
	padding-top:10px;
}
#right-one h2{
	padding:10px 75px 0 30px;
	margin:0 0px 0 0 ;
	line-height:18px;
	font-size:14px;}

#right-one p{
	padding:5px 50px 0 30px;
	margin:0;
	line-height:16px;}

#learnmore-one{
	position:relative;
	top:135px;
	text-align:right;
	z-index:3;
	padding:0 60px 0 0;}	

#right-two{
	width:300px;
	height:270px;
	background-image:url(../images/right-two.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 0 0;
	position:relative;
	top:280px;}


#right-two-left{
	width:150px;
	float:left;}	

#right-two-right{
	width:140px;
	float:right;
	}

#right-two h2{
	padding:15px 5px 0 30px;
	margin:0;
	line-height:18px;
	font-size:14px;	}

#right-two-left p{
	padding:10px 5px 0 30px;
	margin:0;
	line-height:16px;}	

#right-two-right img{	
	padding-top:10px;
	margin-left:-12px;
}

#right-three{
	width:300px;
	height:160px;
	text-align:left;
	margin:0;
	padding:0;}



/*******************************************************
THE RANGE right column
*******************************************************/

#the-range #right-one{
	width:290px;
	height:185px;
	background: transparent url(../images/range-right-wood.png) no-repeat top left ;
	background-repeat:no-repeat;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	position:static;
	top:0px; 
	
	}

#the-range #right-one h2{
	padding:20px 65px 0 30px;
	margin:0 0px 0 0 ;
	line-height:18px;
	font-size:14px;}

#the-range #right-one p{
	padding:10px 50px 0 30px;
	margin:0;
	line-height:16px;}

#the-range #right-one ul{
	padding:5px 0 0 0px;
	margin:0;}
	
#the-range #right-one li{
	padding:0 0 0 30px;
	margin:0;
	list-style:none;
	font-weight:bold;
	font-size:13px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;}	

#the-range #right-one a{
	color:#ffffff;
	text-decoration:none;
}

#the-range #right-one a:hover{
	text-decoration:underline;}

#the-range #right-two{
	width:300px;
	height:370px;
	margin:0;
	padding:0 0 0 0;
	position:static;
	background-image:none;
	}
#the-range #right-two span {
	/*dynamically added zoom icon */
	padding-left:32px;
	padding-top:32px;
	line-height:32px;
	display:block;
	width:32px;
	background: transparent url(../images/zoom_in.png) no-repeat 0 0;
	position:relative;
	bottom:45px;
	left:220px;
	z-index:1000;
}
#right-two a {
	text-decoration:none;
}


#the-range #right-three {
	height:auto;
	margin-bottom:25px !important;
	padding-bottom:25px !important;
	
	}

#the-range div#right-three.longer, #the-range div#right-three.shorter {
	padding-top:15px;
	background: transparent url(../images/range-bottom-tall.png) no-repeat 5px -27px;
	height:420px;
}

#the-range div#right-three.shorter {
	height:190px;
	background: transparent url(../images/range-bottom-small.png) no-repeat 5px 0px;
}
#the-range #right-three h2 {
	margin:0 0 0 30px;
	padding-top:10px;
	padding-bottom:0;
	padding-right:0;
	
}
#the-range #right-three ul {
	margin-left:20px;
	list-style:none;
	padding-right:10px;
	margin-right:0;
	padding-bottom:20px !important;
	width:240px;
	}

/***********************************************************
distillery
*************************************************************/
#distillery #content-right{
	width:420px;
	margin:0 ;
	padding:0;
	float:right;
	position:absolute;
	top:0;
	left:380px;
	z-index:3;
	text-align:left;
	overflow:visible;
}

#distillery #content-right img {
	border:none;
	margin-left:55px;}

.photographs{
	text-align:right;
	color:#999;
	font-weight:bold;}


/***********************************************************
distributors
*************************************************************/
#distributors #content-right{
	width:320px;
	margin:0 ;
	padding:0;
	float:right;
	position:absolute;
	top:0;
	left:450px;
	z-index:2;
	text-align:left;

}

#menu-picker {
	display:none;
}
.tabbed, #menu-picker {
	margin-left:30px;
}
.tabbed ul{
	padding-left:0;
	margin-left:0;
	list-style:none;
}
.tabbed li {
	padding-left:0;
	margin-left:0;
	list-style-type:none;
}
#content-left .tabbed h2, #content-left .tabbed h3{
	padding-left:0;
	padding-bottom:0;
	padding-top:10px;
	
}

.tabbed ul li li {
	margin-top:10px;
}

/***********************************************************
news
*************************************************************/
#news #content-right{
	width:320px;
	margin:0 ;
	padding:0;
	float:right;
	text-align:left;
}

#news-articles{
	width:770px;
	height:20px;
	padding:0px 0 0 30px;
	margin:0px 0 10px 0;
	text-align:left;
	position:relative;
	z-index:1;
	}
	
#news .blog_more ul{	
list-style:none;
margin:0;
padding:0 0 0 30px;

}
#the-range #content-left ul{list-style:disc;margin:0 0 0 30px;
padding:0 0 10px 0;list-style-position:inside;}
#the-range #content-left li {margin-left:0;}
#news .blog_more li{
margin:0;
padding:0 13px 0 0;
display:inline;}

#news .blog_more a{
	color:#b30013;
	text-decoration:none;}
	
#news .blog_more a:hover, #news a.news-current{
	color:#fff;}

	
/* patched for F2C news system method */	
#news #content-left {width:740px;position:relative;padding-top:30px; /* to accommodate the number list of articles*/}
#news #content-left div.news-images {
	float:right;
	margin-right:0px;
	margin-top:-35px; 
	padding-bottom:20px }
#news #content-left div.news-story {
	float:left;
	width:430px;
}

div.blog_more {position:absolute;top:0}
div.blog_more ul li{list-style-type:none}
#news #content-right, .blog_more h2 {display:none;}


/* end patch */
	
		

/***********************************************************

footer

*************************************************************/
#footer{
	width:760px;
	margin:0;
	padding:0 0 10px 0;
	clear:both;
	text-align:left;}

#footer ul{
	list-style:none;
	margin:0;
	padding:0px 0px 0 0;
	text-align:right;
	}

#footer li{
	display:inline;
	float:left;
	padding:0 0px 0 25px;
	margin:0;}	

#footer p{
	width:760px !important;
	margin:0;
	padding:10px 0 0 25px;}	

#footer a{
	text-decoration:none;
	color:#fff;}	

#footer a:hover{
	color:#b30013;}	
/***********************************
misc
***********************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}


#left-image img{
	border:none;}

/* hidden unless JS */
.hidden-js {
	display:none;
}
.invis {visibility:hidden;}


/* sitemap */
.sitemap {margin:10px 20px 20px 30px}
#content-left .sitemap h2 {padding-left:0;font-weight:bold;color:#b30013;}
#content-left .sitemap a {color:#fff}
#content-left .sitemap a:hover {color:#b30013}
#content-left .sitemap ul.level_0 li {margin-bottom:10px}
#content-left .sitemap ul.level_0 li li{margin-bottom:0px}
#content-left .sitemap ul.level_0 ul {list-style:inside disc;}
/*contact form - also set in the plugin itself: aiContact*/
#contact-us #content-left label {margin:0}
.countdown_editbox {color:#fff}
input#aiContactSafeSendButton {margin:10px 0 20px 0 !important; padding:5px 0 !important;}
.aiContactSafe_contact_form_field_right {padding:0 0 5px 0 !important;}
textarea#aics_message {width:243px !important;}
div.aiContactSafe {margin: 0 0 10px 0px !important;}
#aiContactSafe_info span, .required_field{color:#b30013;}
#aiContactSafeForm td {padding-left:0 !important;}
#aiContactSafeForm {margin-left:20px !important;}
#aiContactSafeSend_loading_1 {margin-left:0 !important;float:none !important;}
.error dt {margin-left:30px;padding-left:0;}
div.componentheadingcontactus {margin-left:24px;color:#b30013;}
#contact-us td p {
	margin:0px 15px;padding-bottom:0;
}
#distillery iframe {top:308px;position:absolute; left:73px;border:2px solid #999}
.logout_form img {display:none;}

.downloads #banner {display:none}
.downloads #content-left{margin-top:40px !important}
.downloads #content-right #right-one{display:none;}
/* splash */
#meerkat {margin-top:25px;}
#meerkat #blocker {
	margin:0 auto;
	position:relative;z-index:9999;opacity:1;
	text-align:left;
	width:770px;
	padding-left:30px;
}
#blocker h2 strong {
	/*padding-top:30px;*/
}
#blocker #age-check, #blocker h2 strong {
	padding-left:30px;
}
#blocker h2 strong {
	color:#b30013
}
#age-check input#age-submit {
	font-size:11px;
}
#news #content-left div.news-images {width:300px;margin-right:10px;}
#news #content-left .news-images img {
	padding:20px 30px 38px 20px ;
	background: transparent url(../images/n-portrait.png) no-repeat -10px 0px ;
	margin:0 0 5px 40px;
}
#news #content-left .news-images img.square {
	background-image: url(../images/n-square.png) ;
}
#news #content-left .news-images img.landscaped {
	background-image: url(../images/n-landscape.png) ;
	padding-bottom:20px;
}
.page-visitor-centre #right-one, .page-history #right-one {
	height:400px !important;
	width:340px !important;
	
}
.page-visitor-centre #right-one img, .page-history #right-one img {
	padding:20px 30px 50px 20px ;	
	background: transparent url(../images/n-portrait.png) no-repeat -10px 0px;
}
.page-visitor-centre #right-one .landscape, .page-history #right-one .landscape {
	background-image: url(../images/n-landscape.png) ;
}

.form-login label, .form-login input{ float:left;width:100px;
}
.form-login label {
	vertical-align:center;width:85px;margin:0;
}
form.form-login p {
	overflow:hidden;
	line-height:14px;padding-top:10px !important;
}
.form-login input#login {
	float:none;width:80px;
}
