/* CSS Document */
/* J Donohoe CSS Document */
/* © Copyright Squire Creations 1 Ltd. 2008 */

body{
font-size:0.8em;
font-family:Verdana; 
margin:auto;
margin-right:auto;
margin-left:auto;
background:#fff url(../images/img_background_main_3.jpg) top left;
background-repeat:repeat-x;
} 

#wrapper{
width:870px;

background:url(../images/img_background_wrapper.jpg) no-repeat left top ;
}

#container{
width:810px;
margin:auto;
margin-left:auto;
margin-right:auto;
/*overflow:hidden;*/
background-color: #fff;
}

#head{
width:auto;
}

#rangeofoutlets{
width:500px;
height:450px;
}

#header-left{
width:235px;
height:83px;
float:left;
display:inline;
margin-left: 40px;
margin-top: 20px;
}

#header-left img{
border:0;
}

#login{
width:220px;
height:34px;
float:left;
display:inline;
margin-left: 250px;
margin-top: 22px;
color:#666;
}

#login input{
float:left;

height:14px;
font-size:0.9em;
color:#666;
border:#999 solid 1px;
}

.radiobuttons{
float:left;
display:inline;
margin-left:52px;
font-size:0.8em;
color:#666;
}

a.info{
    position:relative; /*this is the key*/
    z-index:99; 
    color:#000;
    text-decoration:none
}

a.info:hover{
z-index:100;
}

a.info span{
display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0px; 
left:-210px; 
width:210px;
border:1px solid #999;
background-color:#ccc; color:#000;
text-align: left;
font-size:0.8em;
line-height:1.1em;
}

#youarehere{
display:none;
visibility:hidden;
width:326px;
height:16px;
float:left;
display:inline;
margin-left:300px;
color:#999;
font-size:0.85em; 
text-align:right;
}

#youarehere span{
color:#ffcc99;
}

#toptextholder a{
color:#fff;
text-decoration:none;
}

#toptextholder a:hover{
color:#fff;
text-decoration:none;
}

.hubimage{
float:left;
display:inline;
width:130px;
overlow:hidden;
margin-top: 60px;
margin-left: 20px;
text-align:left;
}

#button_enlarge{
float:left;
display:inline;
width:130px;
height: 20px;
margin-left: 20px;
}

#panelholder{
clear:both;
width:800px;
height: 207px;
background:url(../images/img_Panelback.gif) no-repeat left bottom;
margin-left: 0px;
color: #fff ;
}
#panelholder p {
	color: #fff;
}
#header-right{
	float:right;
	display:inline;
	height: 34px;
	background-image:url(../images/img_topbar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-right:10px;
}

#home_panel_1{
float:left;
display:inline;
width:230px;
height: 182px;
margin-top: 3px;
margin-right: 21px;
margin-left: 30px;
background:url(../images/img_panel_brands.jpg) left bottom no-repeat;
}

#home_panel_1 h4, p{
margin:1px;
padding:1px;
}

#home_panel_1_text{
float:left;
width:120px;
height: 141px;
margin-left: 100px;
display:inline;
}

.home_panel_link{
width:96%;
height: 22px;
margin-left:0px;
text-align:right;
}

.home_panel_link a{
color:#fff;
}

.home_panel_link a:hover{
color:#e6e6e6;
}

#home_panel_2{
float:left;
display:inline;
width:230px;
height: 182px;
margin-top: 3px;
background:url(../images/img_panel_carrers.jpg) no-repeat left bottom;
margin-right:25px;
}

#home_panel_2_text{
width:120px;
height: 141px;
margin-left: 10px;
}

#home_panel_2 h4, p{
margin:1px;
padding:1px;
}

#home_panel_3{
float:left;
display:inline;
width:230px;
height: 182px;
margin-top: 3px;
background:url(../images/img_panel_video.jpg) no-repeat left bottom;
}

#home_panel_3_text{
float:left;
width:115px;
height: 141px;
margin-left: 100px;
display:inline;
margin-top: 0px;
}

#home_panel_3 h4, p{
margin:1px;
padding:1px;
}

#header-right2{
float:right;
display:inline;





width:400px;
}

#body{
margin-top: 0px;
color:#000;
display:inline;
width:770px;
}

#body-inner{
float:left;
display:inline;
width:770px;
clear:both;
}

#thedrinkspeople{
float:left;
display:inline;
width:196px;
height:57px;
background:url(../images/img_thedrinkspeople.gif) no-repeat left top;
margin-top:20px;
margin-bottom:20px;
margin-left:614px;
}

#logo{
float:left;
display:inline;
width:173px;
height:61px;
background:url(../images/logo.jpg) no-repeat left top;
margin-top:16px;
margin-left:12px;
}

#logo2{
float:left;
display:inline;
width:129px;
height:96px;
background:url(../images/logo2.jpg) no-repeat left top;
margin-top:16px;
margin-left:12px;
}

#logo3{
float:left;
display:inline;
width:129px;
height:96px;
background:url(../images/logo3.jpg) no-repeat left top;
margin-top:5px;
}

#logoslideshow{
float:left;
display:inline;
width:129px;
height:96px;
background:url(../images/img_logoslideshow.jpg) no-repeat left top;
margin-top:5px;
}

#logocoffee{
float:left;
display:inline;
width:123px;
height:110px;
background:url(../images/logo_coffee.jpg) no-repeat left top;
margin-top:16px;
margin-left:12px;
}

#logowhiskey{
float:left;
display:inline;
width:123px;
height:110px;
background:url(../images/logo_whiskey.jpg) no-repeat left top;
margin-top:16px;
margin-left:12px;
}

#logo_whiskey_singlemalt{
float:left;
display:inline;
width:129px;
height:120px;
background:url(../images/logo_whiskey_singlemalt.jpg) no-repeat left top;
margin-top:16px;
margin-left:12px;
}



/* side navigation */

#buttons_subframe{
width:221px;
height:180px;
float:left;
display:inline;
}

/* manufacturing buttons */


#button_introduction{
width:126px;
height:32px;
float:left;
display:inline;
}

#button_NPD{
width:101px;
height:32px;
float:left;
display:inline;
}

#button_procurement{
width:112px;
height:32px;
float:left;
display:inline;
}

#button_facilities{
width:87px;
height:32px;
float:left;
display:inline;
}

#button_producttypes{
width:120px;
height:32px;
float:left;
display:inline;
}

#button_packaging{
width:91px;
height:32px;
float:left;
display:inline;
}

#button_shipping{
width:87px;
height:32px;
float:left;
display:inline;
}

/* manufacturing buttons close */

/* top nav buttons */

#navigation{

width:781px;
height:32px;
float:left;
display:inline;
margin-left: 3px;
}

#buttons{
background-image: url(../images/btn_center.jpg);
float:left;
width: 746px;
height: 32px;
line-height: 32px;
display:inline;

}

.topnav_button{
height:32px;
float:left;
display:inline;
}

/* top nav buttons close */

/* FAQ buttons */

#button_wholesalefaq{
width:215px;
height:32px;
float:left;
display:inline;
}

#button_bottlingfaq{
width:200px;
height:32px;
float:left;
display:inline;
}

#button_brandsfaq{
width:165px;
height:32px;
float:left;
display:inline;
}

#spacer_fill_faq{
width:144px;
height:32px;
float:left;
display:inline;
}

/* FAQ Buttons Close */



/* contact buttons */

#button_enquirysubmit{
width:144px;
height:32px;
float:left;
display:inline;
}

#button_emailcontacts{
width:124px;
height:32px;
float:left;
display:inline;
}

#button_mapstohubs{
width:149px;
height:32px;
float:left;
display:inline;
}

#spacerfill{
width:307px;
height:32px;
float:left;
display:inline;
background-image:url(../images/img_contact_spacer_fill.gif);
background-position:left top;
background-repeat: no-repeat;
}

/* contact buttons close*/

#button_enquirysubmit{
width:144px;
height:32px;
float:left;
display:inline;
}

#button_emailcontacts{
width:124px;
height:32px;
float:left;
display:inline;
}

#button_mapstohubs{
width:149px;
height:32px;
float:left;
display:inline;
}



/* Wholesale & Distribution buttons */

#button_jdbeverages{
width:126px;
height:32px;
float:left;
display:inline;
}

#button_wholesaleportfolio{
width:161px;
height:32px;
float:left;
display:inline;
}

#button_customerservice{
width:144px;
height:32px;
float:left;
display:inline;
}

#button_softdrinks{
width:96px;
height:32px;
float:left;
display:inline;
}

#button_salesteam{
width:104px;
height:32px;
float:left;
display:inline;
}


#button_distribtuion_delivery{
width:189px;
height:32px;
float:left;
display:inline;
}
/* Wholesale & Distribution buttons Close */


/* Brands & Affilations buttons*/

#button_introductionbrands
{
width:126px;
height:32px;
float:left;
display:inline;
}


#button_independentpartners
{
width:165px;
height:32px;
float:left;
display:inline;
}

#button_wine
{
width:57px;
height:32px;
float:left;
display:inline;
}

#button_franchisepartners
{
width:150px;
height:32px;
float:left;
display:inline;
}

#button_marketing
{
width:92px;
height:32px;
float:left;
display:inline;
}

#button_wholesaleportbrands



{
width:134px;
height:32px;
float:left;
display:inline;
}


/* Brands & Affilations buttons Close */



/* Left Hand Nav */

#left_nav{
width:155px;
margin-top: 65px;
margin-bottom: 10px;
float:left;
display:inline;
}

.left_navbutton{
margin-top: 10px;
width:148px;
float:left;
display:inline;
width:100%;
}

.left_navbutton a {
display:block;
background:url(../images/btn_mainrollover.gif) no-repeat;
padding:0;
margin:0;
padding-left:18px;
text-decoration:none;
}

.left_navbutton a:hover {
background:url(../images/btn_mainrollover_ro.gif) no-repeat;
text-decoration:none;
}

/* Main Sub Nav Button */

.main_sub_button{
height:32px;
float:left;
display:inline;
}

#sub_nav{
width:783px;
height:32px;
margin-left: 17px;
float:left;
display:inline;
clear:both;

}

#sub_buttons{
width:783px;
height:32px;
float:left;
display:inline;
}








/* Left Hand Nav close */


#image_main{
width:800px;
height:128px;
float:left;
display:inline;
}



#button_background{
width:129px;
height:32px;
float:left;
display:inline;
}

#button_history{
width:80px;
height:32px;
float:left;
display:inline;
}

#button_corporatecommitment{
width:191px;
height:32px;
float:left;
display:inline;
}

#button_keycontacts{
width:109px;
height:32px;
float:left;
display:inline;
}

#button_findus{
width:90px;
height:32px;
float:left;
display:inline;
}

#button_navside{
width:125px;
height:32px;
float:left;
display:inline;
}



#sub_button{
width:221px;
height:28px;
margin-top: 5px;
margin-bottom: 10px;
float:left;
display:inline;
}

#flash_main{
width:760px;
height:290px;
margin-bottom:10px;
float:left;
display:inline;
}

#home_text{
width:550px;
height:100px;
margin-bottom:10px;
float:left;
display:inline;
margin-left: 60px;
margin-top: 10px;
padding-bottom: 15px;
}

#Timeline{
width:765px;
height:515px;
margin-bottom:10px;
margin-top:20px;
float:left;
display:inline;
}

#flash_sub{
width:800px;
height:260px;
margin-bottom:12px;
float:left;
display:inline;
}

#flash_main_world{
width:520px;
height:100%;
margin-top:27px;
margin-bottom:12px;
margin-left: 30px;
float:left;
display:inline;
}


#imagearea{
width:797px;
height:317px;
}

#image{
float:left;
width:797px;
height:317px;
}

#feature{
width:136px;
height:330px;
float:left;
display:inline;
margin-top:12px;
margin-left:22px;
}

#subscribearea{
width:450px;
height:350px;
float:left;
display:inline;
margin-left:22px;
}

#subscribearea2{
width:450px;
height:180px;
float:left;
display:inline;
margin-left:22px;
}

#textarea{
width:400px;
margin-left:20px;
margin-top:30px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#textarea p{
margin-bottom:10px;
}

#teampics{
width:460px;
margin-left:20px;
margin-top:10px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#teampics2{
width:460px;
margin-left:25px;
margin-top:10px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#teamtext{
width:300px;

margin-top:10px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}
#memberpic{
width:83px;
height:125px;
margin-top:10px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#interactivebuttons3{
width:150px;
height:130px;
margin-left: 578px;
margin-top:10px;
float:left;
display:inline;
margin-bottom:20px;
}

#interactivebuttons2{
width:150px;
height:90px;
margin-left:30px;
margin-top:80px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#interactivebuttons{
width:183px;
height:130px;
margin-top:50px;
margin-left:30px;
float:left;
display:inline;
margin-bottom:20px;
}

#nsai{

width:75px;
height:89px;
margin-left:10px;
margin-top:10px;
line-height:16px;
float:left;
display:inline;
text-align:left;
background-image:url(../images/img_nsai.gif);
background-position:left top;
background-repeat:no-repeat;
}

#downloadtimeline{
width:183px;
height:30px;
margin-top: 30px;
float:right;
display:inline;

}

#findus_map{
width:150px;
height:200px;
margin-left:30px;
margin-top:100px;
margin-bottom:30px;
line-height:16px;
float:left;
display:inline;
text-align:left;
}

#ashbournebutton{
width:197px;
height:317px;
margin-top: 20px;
float:left;
display:inline;
text-align:left;
}

#textarea_sub{
width:450px;
margin-left:30px;
line-height:16px;
float:left;
display:inline;
}

#textarea ul{
margin:0;
padding-right:10px;
border-left:#999 solid 1px;
border-bottom:#999 solid 1px;
font-weight:bold;
color:#0D1372;
}

#textarea ul a{
color:#0D1372;
}

#textarea ul ul a{
color:#0D1372;
}

#textarea ul ul ul a{
color:#1B7319;
}

#textarea ul ul ul ul a{
color:#999999;
}

#textarea ul ul{
margin:1px;
margin-top:0;
padding-top:0;
padding-right:9px;
border-left:#999 solid 1px;
border-bottom:#999 solid 1px;
font-weight:bold;
}

#textarea ul ul ul{
margin:1px;
padding-right:6px;
border-left:#999 solid 1px;
border-bottom:#999 solid 1px;
font-weight:normal;
}

#textarea ul ul ul ul{
margin:1px;
padding-right:3px;
border-left:#999 solid 1px;
border-bottom:#999 solid 1px;
font-weight:normal;
}

#textarea ul li  {
margin-bottom:8px;
list-style-image:url(../images/level01-bullet.gif);
}

#textarea ul li ul li {
margin-bottom:8px;
list-style-image:url(../images/level02-bullet.gif);
}

#textarea ul li ul li ul li {
margin-bottom:8px;
list-style-image:url(../images/level03-bullet.gif);
}

#textarea ul li ul li ul li ul li{
margin-bottom:8px;
list-style-image:url(../images/level04-bullet.gif);
}

#textarea2{
width:370px;
margin-left:194px;
line-height:16px;
}

#textarea3{
width:370px;
margin-left:194px;
line-height:16px;
color:#FFF;
}

#textarea3 ul{
list-style:none;
padding-left:0px;
margin-left:0px;
margin-bottom:12px;
padding-bottom:12px;
}

#textarea3 li{
padding-top:4px;
margin-top:4px;
}

.brands{
width:570px;
margin-top:2px;
padding-bottom:20px;
overflow:hidden;
float:right;
display:inline;
}

.brandscontent{
width:370px;
height:194px;
float:left;
display:inline;
}

.brandimage a:hover{
font-size:0.8em;
text-decoration:underline;
}

#imagetext{
width:150px;
height: 30px;
float: left;
margin-top: 150px;
padding-bottom: 20px;
text-align:center;
}

#leftnav{
width:172px;
height:250px;
margin-left:7px;
margin-right:6px;
float:left;
display:inline;
}

.leftnav_button{
width:169px;
height:19px;
float:left;
display:inline;
padding-left:4px;
padding-top:4px;
padding-bottom:2px;
margin-top:2px;
margin-bottom:8px;
background:url(../images/btn_buttonshape.gif) repeat-x;
}

.leftnav_button:hover{
background:url(../images/btn_buttonshape_ro.gif) repeat-x;
}

.leftnav_button a:hover{
color:#FFF;
text-decoration:none;
}

#address{
color:#16145f;
width:800px;
float:left;
display:inline;
line-height: 16px;
text-align:center;
font-size:0.67em;
background-color:#fff;
background-image:url(../images/img_footer.gif);
background-position:left top;
background-repeat:no-repeat;
}

#copyright{
color:#fff;
width:770px;
float:left;
display:inline;
margin-top:15px;
text-align:center;
font-size:0.8em;
background-color:#000;
}

#footer{
margin-right:auto;
margin-left:auto;
width:790px;
clear:both;
float:left;
color:#7A6A4E;
background-color:#fff;
margin-top:1px;
}

#footerlinks{
font-size:0.85em;
width:770px;

float:right;
text-align:center;
margin-top:10px;
}

#footerlinks ul{
padding:0px;
margin:0px;
display:inline;
color:#fff;
}

#footerlinks li{
padding:0px;
margin:0px;
display:inline;
letter-spacing:0.1em;
padding-left: 3px;
padding-right: 3px;
color:#fff;
}

#footerlinks a{
color:#34932c;
text-decoration:none;
}

#footerlinks a:hover{
color:#34932c;
text-decoration:none;
}

.footerBorder{
border-right: solid 1px #999999;
}



h2{ 
margin-top:0px;
padding-top:0px;
font-size:0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;

font-style:normal; 
color:#15135f;
}

h6{ 
margin-top:0px;
padding-top:0px;
font-size:0.8em; 
font-style:normal; 
color:#15135f;
}

h3{ 
font-size:1em; 
font-style:normal; 
color:#666;
}

h4{ 
margin-top:0px;
padding-top:0px;
font-size:1.1em;
font-weight:bold;
font-style:normal;
letter-spacing: 1px;
color:#34932c;
}

h5{ 
margin-top:0px;
padding-top:0px;
font-size:0.9em; 
font-style:normal;
letter-spacing: 1px;
color:#fff;
}

p{ 
color:#666666;
line-height: 18px;
}

em{ 
color:#666;
line-height: 18px;
}

.contactustext{ 
color:#358e2f;
line-height: 18px;
}

.faqtext{ 
color:#358e2f;
line-height: 18px;
}

.p2{ 
color: #fff;
font-size:0.9em; 
}

.colourtint{ 
color: #f3dc98;
font-size:0.9em; 
}

.h2{ 
color: #fff;
font-size:1em; 
}

a{ 
color: #358e2f;
text-decoration:none;
}

a:hover{ 
color: #555555;
text-decoration:none;
}

#siteby{ 
position:relative;
top:0px;
left:-17px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#fff;
width:826px; 
height: 35px;
padding-bottom:9px;
clear:both;
font-size:0.7em;
background-color:#fff;
background-image:url(../images/img_footer_graphic.gif);
background-repeat:no-repeat;
background-position:right top;
}

*html #siteby{ 
position:relative;
top:0;
left:0px;
width:842px; 
}

#siteby a:hover{ 
color:#666666;
text-decoration:none;
}

.button-01{
border:0;
background-color:#358e2f;
color:#fff;
}

.button-01:hover{
background-color:#666;
}

#contactForm{
width:405px;
float:left;
display:inline;
}

#contactTextContainer{
width:380px;
float:left;
display:inline;
}

#contactText{
width:160px;
float:left;
display:inline;
}

#contactText2{
width:370px;
float:left;
display:inline;
}

.contactFormNameText{
float:left;
display:inline;
width:165px;
height:40px;
color: #50ba48;
}

.contactFormFieldText{
float:right;
display:inline;
width:174px;
height:40px;
color: #000;
}

.contactFormFieldCheckBox{
float:right;
display:inline;
width:174px;
height:40px;
color:#000;
text-align:left;
}

.contactFormFieldText input{
width:160px;
height:20px;
border:1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contactFormFieldCheckBox input{
border:1px solid #999;
}

.contactFormFieldText select{
width:160px;
height:20px;
border:1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contactFormNameTextArea{
float:left;
display:inline;
width:165px;
height:140px;
color: #50ba48;
}

.contactFormFieldTextArea{
float:right;
display:inline;
width:174px;
height:140px;
}

.contactFormFieldTextArea textarea{
width:160px;
height:120px;
border:1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

.contactFormButton{
width:180px;
float:right;
display:inline;
clear:both;
}

.button01{
color:#fff;
border:0;
background-color:#358e2f;
}

.button01:hover{
background-color:#666;
}