/*------------------------------------------------------------------
1. GENERIC STYLES
   1.1 RESETS AND DEFAULTS
   1.2 BRANDING
   1.3 TEXT
   1.4 LINKS
       1.4.1 GENERIC LINKS
       1.4.2 ICON LINKS
       1.4.3 BUTTON LINKS
       1.4.4 CONTROLS LINKS
   1.5 HEADERS
   1.6 IMAGES
   1.7 LISTS
       1.7.1 GENERIC LIST
       1.7.2 GENERIC LIST RESETS
       1.7.3 FEED LIST
       1.7.4 SITES LIST
       1.7.5 LAST CHILD
   1.8 FORMS
       1.8.1 GENERIC FORM ELEMENTS
       1.8.2 ERROR MESSAGES
       1.8.3 FORM BUTTONS
   1.9 BODY BACKGROUNDS
   1.10 VCARDS

2. LAYOUT
   2.1 SKELETON
   2.2 MODULES
       2.2.1 MODULE LAYOUT
       2.2.2 EXTENDED MODULE
             2.2.2.1 EXTENDED MODULE LAYOUT
             2.2.2.2 EXTENDED MODULE CALLOUT
             2.2.2.2.1 EXTENDED COLLECTION MODULE
                       2.2.2.2.1.1 EXTENDED COLLECTION MODULE LAYOUT
                       2.2.2.2.1.2 EXTENDED COLLECTION MODULE CALLOUT
       2.2.3 HRECIPE MODULE
       2.2.4 AGE VERIFICATION MODULE
   2.2.3 VIDEO PLAYER

3. HEADER
   3.1 HEADER LAYOUT
   3.2 BREADCRUMB
       3.2.1 BREADCRUMB LIST
       3.2.2 BREADCRUMB LINKS

4. SECONDARY CONTENT
   4.1 SECONDARY CONTENT LAYOUT
   4.2 SECONDARY NAVIGATION
       4.2.1 SECONDARY NAVIGATION LIST
       4.2.2 SECONDARY NAVIGATION LINKS
   4.3 SECONDARY CONTENT PAGES
       4.3.1 RESOURCES
             4.3.1.1 WALLPAPERS
             4.3.1.2 VIDEOS
       4.3.2 TOOLS
   4.4 TERTIARY NAVIGATION
       4.4.1 SECONDARY NAVIGATION LIST
       4.4.2 SECONDARY NAVIGATION LINKS
   4.5 PANELS
   
5. PRIMARY NAVIGATION
   5.1 SECTION NAVIGATION
       5.1.1 SECTION NAVIGATION LIST
       5.1.2 SECTION NAVIGATION LINKS
   5.2 JOURNEY NAVIGATION
       5.2.1 JOURNEY NAVIGATION LIST
       5.2.2 JOURNEY NAVIGATION LINKS
   5.3 CAROUSEL NAVIGATION
       5.3.1 CAROUSEL NAVIGATION LAYOUT
       5.3.2 CAROUSEL LIST
       5.3.3 CAROUSEL UTILS
       5.3.4 RECIPES LISTING SKIN
             5.3.4.1 RECIPES LISTING LAYOUT
             5.3.4.2 RECIPES LISTING LIST
             5.3.4.3 RECIPES LISTING LINKS
             5.3.4.4 RECIPES LISTING UTILS

6. AGE VERIFICATION

7. TOOLTIPS

8. POP-UP PAGES
   
9. CLEARFIX
------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. GENERIC STYLES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS
------------------------------------------------------------------*/
*
{
 margin               : 0;
 padding              : 0;
}

html
{
 overflow-y           : scroll;
}

pre { color: #000000; }

body
{
 background           : #423322 scroll no-repeat center top;
 color                : #fff;
 line-height          : 1.4;
 text-align           : center;
}

p,
dl,
ol,
ul,
legend,
.divide,
.vcard,
.age-verification form,
.age-verification fieldset.dob
{
 margin-bottom        : 1em;
}

.hidden
{
 display              : block;
 height               : 1px;
 left                 : -5000px;
 line-height          : 0;
 margin               : 0;
 overflow             : hidden;
 padding              : 0;
 position             : absolute;
 text-indent          : -5000px;
 width                : 1px;
}

.replaced
{
 background-attachment: scroll;
 background-position  : top left;
 background-repeat    : no-repeat;
 display              : block;
 overflow             : hidden;
 text-indent          : -5000px;
}

body .company
{
 height               : 1px;
 width                : 1px;
}

embed,
object
{
 display              : block;
}

.reduced
{
 font-size            : 0.8em;
}

/*------------------------------------------------------------------
1.2 BRANDING
------------------------------------------------------------------*/
.logo
{
 background-image     : url(../img/branding/logo.png);
 height               : 63px;
 width                : 107px;
}

/*------------------------------------------------------------------
1.3 TEXT
------------------------------------------------------------------*/
body,
textarea
{
 font-family          : Arial, Helvetica, sans-serif;
}

body
{
 font-size            : 62.5%;
}

#wrapper
{
 /*11px*/
 font-size            : 1.1em;
 text-align           : left;
 z-index              : 2;
}

.lead,
.notification
{
 font-size            : 1.1em;
 font-weight          : 700;
 margin-bottom        : 11px;
}

blockquote
{
 width                : 75%;
}

h2,
body div.callout h3,
.journey a:hover,
.journey li.current a,
#recipes-listing .carousel a
{
 text-shadow          : #000 1px 1px 2px;
}

/*------------------------------------------------------------------
1.4 LINKS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.4.1 GENERIC LINKS
------------------------------------------------------------------*/
a
{
 color                : #e7ce99;
 cursor               : pointer;
 text-decoration      : underline;
}

/*------------------------------------------------------------------
1.4.2 ICON LINKS
------------------------------------------------------------------*/
a.icon
{
 background           : transparent scroll no-repeat center left;
 display              : block;
 padding              : 4px 7px 4px 23px;
}

a.delicious
{
 background-image     : url(../img/content/icons/delicious.gif);
}

a.facebook
{
 background-image     : url(../img/content/icons/facebook.gif);
}

a.myspace
{
 background-image     : url(../img/content/icons/myspace.gif);
}

a.twitter
{
 background-image     : url(../img/content/icons/twitter.gif);
}

#wrapper .video-link
{
 background-image     : url(../img/interface/homepage/bg-video-link.png);
 height               : 283px;
 margin               : 12px 0 25px 4px;
 width                : 170px;
}

#wrapper .video-link:focus,
#wrapper .video-link:hover
{
 background-image     : url(../img/interface/homepage/bg-video-link-hover.png);
}

/*------------------------------------------------------------------
1.4.3 BUTTON LINKS
------------------------------------------------------------------*/
.button
{
 background-color     : transparent;
 background-repeat    : no-repeat;
 height               : 31px;
 margin-left          : -4px;
}

#wrapper .button:focus,
#wrapper .button:hover,
#wrapper .button.focus
{
 background-position  : 100% 0;
}

a.view-cocktail
{
 background-image     : url(../img/interface/links/bg-view-cocktail.png);
 width                : 123px;
}
 
a.download-pdf
{
 background-image     : url(../img/interface/links/bg-download-pdf.png);
 width                : 154px;
}
 
a.view-bottle
{
 background-image     : url(../img/interface/links/bg-view-bottle.png);
 width                : 123px;
}

a.view-bottles
{
 background-image     : url(../img/interface/links/bg-view-bottles.png);
 width                : 123px;
}

/*------------------------------------------------------------------
1.4.4 CONTROLS LINKS
------------------------------------------------------------------*/
a.control
{
 height               : 42px;
 width                : 25px;
 z-index              : 4;
}

a.next
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-next.png);
}

a.next:focus,
a.next:hover,
a.next.hover
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-next-hover.png);
}

a.prev
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-prev.png);
}

a.prev:focus,
a.prev:hover,
a.prev.hover
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-prev-hover.png);
}

#wrapper a.next-inactive,
#wrapper a.prev-inactive
{
 cursor               : default;
 display              : none;
}

#wrapper a.next-inactive
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-next-inactive.png);
}

#wrapper a.prev-inactive
{
 background-image     : url(../img/interface/primary-navigation/carousel/bg-prev-inactive.png);
}

/*------------------------------------------------------------------
1.5 HEADERS
------------------------------------------------------------------*/
h1,
h3,
h4,
h5,
h6
{
 font-weight          : 700;
}

h1,
h2,
h3
{
 color                : #e7ce99;
 font-family          : Georgia, 'Times New Roman', serif;
}

#secondary-content h1,
#secondary-content h2,
#secondary-content h3
{
 color                : #fff;
 font-family          : Arial, Helvetica, sans-serif;
}

/*LOGO*/
h1
{
 font-size            : 1.4em;
}

h2
{
/*16px*/
 font-size            : 1.5em;
 font-weight          : 400;
 text-transform       : uppercase;
}

h3
{
/*13px*/
 font-size            : 1.1em;
 text-transform       : uppercase;
}

h4,
h5,
h6
{
 font-size            : 1em;
}

/*------------------------------------------------------------------
1.6 IMAGES
------------------------------------------------------------------*/
img
{
 border               : 0;
 display              : block;
}

/*------------------------------------------------------------------
1.7 LISTS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.7.1 GENERIC LIST
------------------------------------------------------------------*/
li,
.feed li li,
dd
{
 margin-bottom        : 0.5em;
}

ol li,
li ol li,
li li ol li,
li li li ol li,
body .feed li ol li,
body .feed li li ol li,
body .feed li li li ol li,
body .feed li li li li ol li
{
 list-style-type      : decimal;
 margin-left          : 22px;
 padding              : 0;
}

ul li,
li ul li,
li li ul li,
li li li ul li,
body .feed li ul li,
body .feed li li ul li,
body .feed li li li ul li,
body .feed li li li li ul li
{
 list-style-type      : disc;
 margin-left          : 16px;
 padding              : 0 0 0 6px;
}

dt
{
 font-weight          : 700;
}

dd
{
 margin-left          : 18px;
}

/*------------------------------------------------------------------
1.7.2 GENERIC LIST RESETS
------------------------------------------------------------------*/
.unsigned li,
.feed li,
.breadcrumb li,
.resource li,
.tools li,
.primary-navigation li,
.secondary-navigation li,
.tertiary-navigation li,
#footer li
{
 list-style-type      : none;
 margin-left          : 0;
 padding-left         : 0;
}

/*------------------------------------------------------------------
1.7.3 FEED LIST
------------------------------------------------------------------*/
.feed
{
 margin-bottom        : 0;
}

.feed li
{
 background           : transparent url(../img/interface/lists/feed/bg-border.png) scroll repeat-x bottom left;
 margin-bottom        : 1em;
 padding-bottom       : 1px;
}

/*------------------------------------------------------------------
1.7.4 SITES LIST
------------------------------------------------------------------*/
.sites li img
{
 height               : 14px;
 float                : left;
 margin-top           : 4px;
 width                : 23px;
}

.sites li h4,
.sites li p
{
 margin-left          : 31px;
}

/*------------------------------------------------------------------
1.7.5 LAST CHILD
------------------------------------------------------------------*/
.feed li.last-child
{
 background           : none;
 margin-bottom        : 0;
}

#footer li.last-child
{
 background           : none;
 padding-right        : 0;
}

#wrapper .last-child
{
 margin-right         : 0;
}


/*------------------------------------------------------------------
1.8 FORMS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.8.1 GENERIC FORM ELEMENTS
------------------------------------------------------------------*/
fieldset
{
 border               : 0;
}

legend
{
 color                : #fff;
 font-weight          : 700;
 text-transform       : uppercase;
}

label
{
 cursor               : pointer;
 display              : block;
 margin-bottom        : 0.5em;
}

textarea
{
 font-size            : 1.2em;
}

select,
.text,
textarea
{
 border               : 1px solid #999;
}

.text,
textarea
{
 padding              : 2px;
 width                : 95%;
}

body select
{
 width                : 97%;
}

.checkbox
{
 position             : relative;
}

.checkbox input
{
 left                 : 0;
 position             : absolute;
}

.checkbox label
{
 margin-left          : 20px;
}

/*------------------------------------------------------------------
1.8.2 ERROR MESSAGES
------------------------------------------------------------------*/
div.success
{
 color                : #fff;
}

div.error
{
 color                : #c30101;
}

input.error,
select.error,
textarea.error
{
 border               : 1px solid #c30101;
}

/*------------------------------------------------------------------
1.8.3 FORM BUTTONS
------------------------------------------------------------------*/
input.enter-site
{
 background-image     : url(../img/interface/forms/bg-enter-site.png);
 display              : block;
 width                : 123px;
}

input.enter-site:focus,
input.enter-site:hover,
input.enter-site.focus
{
 background-position  : -123px 0;
}

input.submit
{
 background-image     : url(../img/interface/forms/bg-submit.png);
 display              : block;
 width                : 123px;
}

input.submit:focus,
input.submit:hover,
input.submit.focus
{
 background-position  : -123px 0;
}

/*------------------------------------------------------------------
1.9 BODY BACKGROUNDS
------------------------------------------------------------------*/
#mask
{
 background           : #423322 url(../img/interface/preloaders/bg-mask.gif) scroll no-repeat center center;
 left                 : 0;
 position             : absolute;
 top                  : 0;
 z-index              : 2003;
}

/*------------------------------------------------------------------
1.10 VCARDS
------------------------------------------------------------------*/
.vcard
{
 padding-left         : 1px;
}

cite.vcard
{
 display              : block;
 font-style           : normal;
 margin-top           : -1em;
 padding-left         : 0;
}


/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.1 SKELETON
------------------------------------------------------------------*/
.sub-wrapper
{
 margin               : 0 auto;
 width                : 1010px;
}

.background-container
{
 color                : #000;
 left                 : 0;
 overflow             : hidden;
 position             : absolute;
 top                  : 0;
}

#content-wrapper
{
 padding-top          : 1px;
 position             : relative;
}

#primary-content
{
 padding-top          : 1px;
}

#navigation .sub-wrapper
{
 position             : absolute;
}

.container-wrapper
{
 padding-top          : 2em;
}

.container-wrapper .container
{
 float                : left;
 padding-right        : 20px;
 width                : 310px;
}

/*------------------------------------------------------------------
2.2 MODULES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.2.1 MODULE LAYOUT
------------------------------------------------------------------*/
.module
{
 margin               : 50px auto 25px auto;
 position             : relative;
 width                : 466px;
}

.module .c
{
 background           : transparent url(../img/interface/modules/bg-module-c.png) scroll no-repeat bottom left;
 min-height           : 181px;
 padding              : 1em 250px 4px 19px;
 position             : relative;
}

.module h2
{
 background           : transparent url(../img/interface/modules/bg-module-h.png) scroll no-repeat top left;
 height               : 31px;
 margin-bottom        : 0;
 overflow             : hidden;
 padding              : 10px 19px 0 19px;
}

.module h2 span
{
 color                : #fff;
 height               : 22px;
}

.module .control
{
 position             : absolute;
 top                  : 30%;
}

.module .next
{
 right                : -36px;
}

.module .prev
{
 left                 : -36px;
}

/*------------------------------------------------------------------
2.2.2 EXTENDED MODULE
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.2.2.1 EXTENDED MODULE LAYOUT
------------------------------------------------------------------*/
body .extended
{
 width                : 775px;
}

body .extended h2
{
 background-image     : url(../img/interface/modules/bg-module-extended-h.png);
}

body .extended .c
{
 background-image     : url(../img/interface/modules/bg-module-extended-c.png);
 padding-right        : 19px;
}

body .extended .d
{
 background	      : none;
 width: 900px;
}

body .extended .d p { color: #000000; }

.extended blockquote,
.extended cite.vcard
{
 margin-left          : 4px;
 margin-right         : 4px;
}

/*------------------------------------------------------------------
2.2.2.2 EXTENDED MODULE CALLOUT
------------------------------------------------------------------*/
.extended .container
{
 float                : left;
 margin-bottom        : 21px;
 width                : 363px;
}

body .extended .callout .c
{
 background-image     : url(../img/interface/modules/bg-callout-extended-c.png);
 margin               : 0 4px;
 min-height           : 150px;
 padding              : 1em 16px 1px 16px;
}

body .extended .callout h3
{
 background           : transparent url(../img/interface/modules/bg-callout-extended-h.png) scroll no-repeat top left;
 color                : #fff;
 height               : 24px;
 overflow             : hidden;
 padding              : 9px 19px 0 19px;
}

.extended .callout h4
{
 color                : #e7ce99;
 font-family          : Georgia, 'Times New Roman', serif;
 font-size            : 1.5em;
 font-weight          : 400;
 margin-top           : -5px;
}

.extended .callout h4,
.extended .callout p
{
 margin-left          : 104px;
}

.extended .callout img
{
 height               : 70px;
 left                 : 16px;
 position             : absolute;
 top                  : 1em; 
 width                : 89px;
}

#wrapper .extended .first
{
 float                : left;
}

#wrapper .extended .second
{
 float                : right;
}

/*------------------------------------------------------------------
2.2.2.2.1 EXTENDED COLLECTION MODULE
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.2.2.2.1.1 EXTENDED COLLECTION MODULE LAYOUT
------------------------------------------------------------------*/
body div.collection
{
 width                : 870px;
}

body div.collection h2
{
 display              : none;
}

body div.collection .c
{
 background-image     : none;
 padding              : 0;
}

/*------------------------------------------------------------------
2.2.2.2.1.2 EXTENDED COLLECTION MODULE CALLOUT
------------------------------------------------------------------*/
div.collection .container
{
 margin-bottom        : 0;
 width                : 423px;
}

body div.collection .callout .c
{
 background-image     : url(../img/interface/modules/bg-callout-collection-c.png);
 margin               : 0;
 padding              : 1em 200px 4px 19px;
}

body div.collection .callout h3
{
 background           : transparent url(../img/interface/modules/bg-callout-collection-h.png) scroll no-repeat top left;
}

div.collection .callout h4,
div.collection .callout p
{
 margin-left          : 0;
}

div.collection .callout img
{
 height               : auto;
 left                 : auto;
 position             : static;
 top                  : auto; 
 width                : auto;
}

/*------------------------------------------------------------------
2.2.3 HRECIPE MODULE
------------------------------------------------------------------*/
body .hrecipe
{
 width                : 775px;
}

body .hrecipe h2
{
 background-image     : url(../img/interface/modules/bg-module-hrecipe-h.png);
}

body .hrecipe .c
{
 background-image     : url(../img/interface/modules/bg-module-hrecipe-c.png);
 min-height           : 259px;
 padding-left         : 4px;
 padding-right        : 4px;
}

.hrecipe .container
{
 float                : left;
 margin-left          : 15px;
 width                : 226px;
}

.hrecipe img.photo
{
 bottom               : 4px;
 height               : 259px;
 position             : absolute;
 right                : 4px;
 width                : 269px;
}

/*------------------------------------------------------------------
2.2.4 AGE VERIFICATION MODULE
------------------------------------------------------------------*/
body .age-verification
{
 margin-top           : 75px;
 width                : 518px;
}
 
body .age-verification h1
{
 background           : transparent url(../img/interface/modules/bg-module-age-verification-h.png) scroll no-repeat top left;
 height               : 74px;
 padding-top          : 11px;
}

body .age-verification h2
{
 background           : none;
 height               : auto;
 margin               : 0.5em auto 1em auto;
 overflow             : hidden;
 padding              : 0;
}

body #wrapper .welcome-to-drambuie
{
 background-image     : url(../img/interface/headers/bg-welcome-to-drambuie.png);
 height               : 24px;
 width                : 257px;
}

body .age-verification .c
{
 background-image     : url(../img/interface/modules/bg-module-age-verification-c.png);
 min-height           : 259px;
 padding-right        : 19px;
}

/*------------------------------------------------------------------
2.2.3 VIDEO PLAYER
------------------------------------------------------------------*/
#video #video-player
{
 height               : 300px;
 margin-top           : -1px;
}

.active
{
 left                 : 0;
 margin-top           : 0;
 position             : absolute;
 top                  : 77px;
}


/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/

/*------------------------------------------------------------------
3.1 HEADER LAYOUT
------------------------------------------------------------------*/
#header
{
 background           : #1d160e url(../img/interface/header/bg-header.png) scroll repeat-x top left;
 position             : relative;
 width                : 100%;
}

#header .sub-wrapper
{
 background           : #1d160e url(../img/interface/header/bg-header.png) scroll repeat-x top left;
 height               : 70px;
 position             : relative;
 padding-top          : 7px;
}

#header .logo
{
 margin               : 0 auto;
}

/*------------------------------------------------------------------
3.2 BREADCRUMB
------------------------------------------------------------------*/

/*------------------------------------------------------------------
3.2.1 BREADCRUMB LIST
------------------------------------------------------------------*/
.breadcrumb
{
 bottom               : 7px;
 font-size            : 0.8em;
 left                 : 0;
 margin-bottom        : 0;
 margin-left          : 14px;
 position             : absolute;
 text-transform       : uppercase;
 width                : 430px;
}

.breadcrumb li
{
 /*background           : transparent url(../img/interface/lists/breadcrumb/bg-breadcrumb.png) scroll no-repeat right center;*/
 float                : left;
 margin-bottom        : 0;
 padding-right        : 5px;
 margin-right         : 4px;
}

.breadcrumb li.last-child
{
 background           : none;
 padding-right        : 0;
}

/*------------------------------------------------------------------
3.2.2 BREADCRUMB LINKS
------------------------------------------------------------------*/
#wrapper .breadcrumb a
{
 text-decoration      : none;
}

/*------------------------------------------------------------------
3.2.2 SPAN
------------------------------------------------------------------*/
#wrapper span.descriptor
{
 bottom               : 7px;
 font-size            : 0.8em;
 right                : 0;
 margin-bottom        : 0;
 margin-right         : 2px;
 position             : absolute;
 text-transform       : uppercase;
 color				  : #E7CE99;
}


/*------------------------------------------------------------------
4. SECONDARY CONTENT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
4.1 SECONDARY CONTENT LAYOUT
------------------------------------------------------------------*/
#secondary-content
{
 position             : absolute;
 right                : 2px;
 top                  : 0;
 z-index              : 1001;
}

.secondary-navigation,
.secondary-content-wrapper,
.embed-wrapper,
.preloader,
a.close
{
 float                : right; 
}

#secondary-content div,
#secondary-content a.close
{
 clear                : both;
}

#secondary-content .embed div
{
 clear                : none;
}

#secondary-content .embed
{
 background           : #000 url(../img/interface/secondary-content/bg-secondary-content.png) scroll repeat-x top left;
 width                : 327px;
}

body #secondary-content .minimised
{
 width                : 184px;
}

body #secondary-content .maximised
{
 width                : 513px;
}

#secondary-content .embed .embed-sub-wrapper
{
 padding              : 1em 8px 1px 8px;
}

#secondary-content .preloader
{
 background           : #000 url(../img/interface/preloaders/bg-secondary-content.gif) scroll no-repeat center center;
 height               : 14px;
 padding              : 4px 0;
 width                : 327px;
}

#secondary-content h3
{
 margin-bottom        : 11px;
}

/*------------------------------------------------------------------
4.2 SECONDARY NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
4.2.1 SECONDARY NAVIGATION LIST
------------------------------------------------------------------*/
.secondary-navigation
{
 height               : 22px;
 margin-bottom        : 1px;
 width                : 327px
}

.secondary-navigation li
{
 float                : left;
 margin-bottom        : 0;
 margin-right         : 1px;
}

/*------------------------------------------------------------------
4.2.2 SECONDARY NAVIGATION LINKS
------------------------------------------------------------------*/
#wrapper .secondary-navigation a,
#wrapper .tertiary-navigation a
{
 background           : #000 url(../img/interface/secondary-navigation/bg-link.png) scroll repeat-x top left;
 color                : #fff;
 display              : block;
 padding              : 0.1em 3px;
 text-decoration      : none;
 text-transform       : uppercase;
}

#wrapper .secondary-navigation a.current,
#wrapper .secondary-navigation a:focus,
#wrapper .secondary-navigation a:hover,
#wrapper .secondary-navigation a.focus,
#wrapper .tertiary-navigation a.current,
#wrapper .tertiary-navigation a:focus,
#wrapper .tertiary-navigation a:hover,
#wrapper .tertiary-navigation a.focus
{
 background-image     : url(../img/interface/secondary-navigation/bg-link-hover.png);
}

#wrapper .secondary-navigation a span
{
 height               : 20px;
}

span.more-drambuie-sites
{
 background           : url(../img/interface/secondary-navigation/bg-more-drambuie-sites.png) center no-repeat;
 width                : 203px; // Was 136
}

span.blog
{
 background-image     : url(../img/interface/secondary-navigation/bg-news-feed.png);
 width                : 24px; // was 92.
}

span.contact
{
 background-image     : url(../img/interface/secondary-navigation/bg-contact.png);
 width                : 25px;
}

span.downloads
{
 background-image     : url(../img/interface/secondary-navigation/bg-downloads.png);
 width                : 22px;
}

span.tools
{
 background-image     : url(../img/interface/secondary-navigation/bg-tools.png);
 width                : 21px;
}

span.blog
{
 background-image     : url(../img/interface/secondary-navigation/phone.png);
 background-position  : center;
 width                : 22px;
}

a.close
{
 background           : #000 url(../img/interface/secondary-navigation/bg-link.png) scroll repeat-x top left;
 display              : block;
 padding              : 8px 0;
 width                : 100%;
}

a.close span
{
 background-image     : url(../img/interface/secondary-content/bg-close.png);
 height               : 6px;
 margin               : 0 auto;
 width                : 10px;
}

a.close:focus,
a.close:hover,
a.close.focus
{
 background-image     : url(../img/interface/secondary-navigation/bg-link-hover.png);
}

/*------------------------------------------------------------------
4.3 SECONDARY CONTENT PAGES
------------------------------------------------------------------*/

/*------------------------------------------------------------------
4.3.1 RESOURCES
------------------------------------------------------------------*/
.videos,
.wallpapers
{
 float                : left;
}

#secondary-content .videos h3,
#secondary-content .wallpapers h3
{
 margin-bottom        : 0;
}

.resource 
{
 float                : left;
 width                : 119px;
}

.resource img
{
 border               : 1px solid #999;
 height               : 80px;
 width                : 117px;
}

.resource li
{
 float                : left;
 margin-bottom        : 0;
 padding-right        : 3px;
 width                : 56px;
}

#wrapper .resource a
{
 font-size            : 0.8em;
}

/*------------------------------------------------------------------
4.3.1.1 WALLPAPERS
------------------------------------------------------------------*/
.wallpapers .resource
{
 margin-right         : 7px;
}

body .wallpapers ul li
{
 padding-right        : 3px;
}

/*------------------------------------------------------------------
4.3.1.2 VIDEOS
------------------------------------------------------------------*/
#video-1
{
 background-image     : url(../img/content/videos/1.jpg);
}

/*------------------------------------------------------------------
4.3.2 TOOLS
------------------------------------------------------------------*/
.tools li
{
 float                : left;
 width                : 50%;
}

/*------------------------------------------------------------------
4.4 TERTIARY NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
4.4.1 SECONDARY NAVIGATION LIST
------------------------------------------------------------------*/
.tertiary-navigation
{
 margin-bottom        : 0;
}

.tertiary-navigation li
{
 float                : left;
 margin-bottom        : 0;
 margin-right         : 1px;
 width                : 163px;
}

/*------------------------------------------------------------------
4.4.2 SECONDARY NAVIGATION LINKS
------------------------------------------------------------------*/
body #wrapper .tertiary-navigation a
{
 padding-left         : 7px;
 padding-right        : 7px;
}

/*------------------------------------------------------------------
4.5 PANELS
------------------------------------------------------------------*/
.panel-wrapper
{
 overflow             : hidden;
 width                : 311px;
}

.panel-sub-wrapper
{
 width                : 622px;
}

.panel
{
 float                : left;
 min-height           : 190px;
 width                : 311px;
}

.panel textarea
{
 min-height           : 140px;
}

.ajax-load
{
 background           : transparent url(../img/interface/preloaders/bg-form.gif) scroll no-repeat center center;
}

/*------------------------------------------------------------------
5. PRIMARY NAVIGATION
------------------------------------------------------------------*/
.primary-navigation
{
 margin               : 0 auto;
}

.primary-navigation li
{
 float                : left;
 margin-bottom        : 0;
 position             : relative;
}

/*------------------------------------------------------------------
5.1 SECTION NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
5.1.1 SECTION NAVIGATION LIST
------------------------------------------------------------------*/
.sections
{
 width                : 1010px;
}

.sections li
{
 background           : transparent url(../img/interface/primary-navigation/sections/bg-list.png) scroll no-repeat top left;
 min-height           : 9.8em;
 padding              : 15px 78px 0 14px;
 width                : 160px;
}

#wrapper .sections .link-transformation
{
 background-position  : -252px 0;
 cursor               : pointer;
}

/*------------------------------------------------------------------
5.1.2 SECTION NAVIGATION LINKS
------------------------------------------------------------------*/
.primary-navigation a
{
 font-family          : Georgia, 'Times New Roman', serif;
}

/*------------------------------------------------------------------
5.2 JOURNEY NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
5.2.1 JOURNEY NAVIGATION LIST
------------------------------------------------------------------*/
ol.journey,
ul.journey
{
 /*144*6*/
 width                : 864px;
}

.carousel ol.journey,
.carousel ul.journey
{
 width                : auto;
}

/*------------------------------------------------------------------
5.2.2 JOURNEY NAVIGATION LINKS
------------------------------------------------------------------*/
#wrapper .journey a
{
 background           : transparent url(../img/interface/primary-navigation/journey/bg-link.png) scroll no-repeat 0 0;
 color                : #5c5c5c;
 display              : block;
 font-size            : 1.2em;
 font-weight          : 700;
 overflow             : hidden;
 padding              : 15px 7px 7px 7px;
 min-height           : 3.5em;
 text-align           : center;
 text-decoration      : none;
 width                : 130px;
}

#wrapper .journey li.current a
{
 background-position  : -288px 0;
 color                : #fff;
}

#wrapper .journey a:focus,
#wrapper .journey a:hover,
#wrapper .journey a.focus
{
 background-position  : -144px 0;
 color                : #fff;
}

#bottle #wrapper .journey a strong
{
 display              : block;
 padding              : 3px 25px 0 25px;
}

/*------------------------------------------------------------------
5.3 CAROUSEL NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
5.3.1 CAROUSEL NAVIGATION LAYOUT
------------------------------------------------------------------*/
.carousel
{
 overflow-x           : scroll;
 overflow-y           : hidden;
 /*144*5*/
 width                : 720px;
}

.carousel-content-wrapper
{
 overflow             : hidden;
}

#bottle .carousel-content-wrapper
{
 padding-top          : 1em;
}

/*------------------------------------------------------------------
5.3.2 CAROUSEL LIST
------------------------------------------------------------------*/
.carousel ul
{
 float                : left;
 margin-bottom        : 0;
}

#navigation a.next,
#navigation a.prev
{
 position             : absolute;
 top                  : 27px;
}

#navigation a.next
{
 left                 : 876px;
}

#navigation a.prev
{
 left                 : 108px;
}

/*------------------------------------------------------------------
5.3.4 RECIPES LISTING SKIN
------------------------------------------------------------------*/

/*------------------------------------------------------------------
5.3.4.1 RECIPES LISTING LAYOUT
------------------------------------------------------------------*/
#recipes-listing .carousel img
{
 height               : 90px;
 margin               : 0 auto 1em auto;
}

/*------------------------------------------------------------------
5.3.4.2 RECIPES LISTING LIST
------------------------------------------------------------------*/
#recipes-listing .carousel li
{
 background           : transparent url(../img/interface/primary-navigation/carousel/recipes-listing/bg-li.png) scroll no-repeat top left;
 padding              : 4px 0 0 0;
 width                : 144px;
}

/*------------------------------------------------------------------
5.3.4.3 RECIPES LISTING LINKS
------------------------------------------------------------------*/
#recipes-listing .carousel a
{
 background-attachment: scroll;
 background-position  : top left;
 background-repeat    : repeat-x;
 border-top           : 1px solid #999;
 bottom               : 0;
 color                : #fff;
 display              : block;
 min-height           : 3.1em;
 padding              : 7px 14px;
 position             : absolute;
 text-align           : center;
 text-decoration      : none;
 text-transform       : uppercase;
 width                : 116px;
}

#recipes-listing .carousel .current a,
#recipes-listing .carousel a:focus,
#recipes-listing .carousel a:hover,
#recipes-listing .carousel a.focus
{
 padding-bottom       : 21px;
}

#recipes-listing .carousel .shade-1
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-01.png);
}

#recipes-listing .carousel .shade-2
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-02.png);
}

#recipes-listing .carousel .shade-3
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-03.png);
}

#recipes-listing .carousel .shade-4
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-04.png);
}

#recipes-listing .carousel .shade-5
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-05.png);
}

#recipes-listing .carousel .shade-6
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-06.png);
}

#recipes-listing .carousel .shade-7
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-07.png);
}

#recipes-listing .carousel .shade-8
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-08.png);
}

#recipes-listing .carousel .shade-9
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-09.png);
}

#recipes-listing .carousel .shade-10
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-10.png);
}

#recipes-listing .carousel .shade-11
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-11.png);
}

#recipes-listing .carousel .shade-12
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-12.png);
}

#recipes-listing .carousel .shade-13
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-13.png);
}

#recipes-listing .carousel .shade-14
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-14.png);
}

#recipes-listing .carousel .shade-15
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-15.png);
}

#recipes-listing .carousel .shade-16
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-16.png);
}

#recipes-listing .carousel .shade-17
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-17.png);
}

#recipes-listing .carousel .shade-18
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-18.png);
}

#recipes-listing .carousel .shade-19
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-19.png);
}

#recipes-listing .carousel .shade-20
{
 background-image     : url(../img/interface/primary-navigation/carousel/recipes-listing/shades/bg-shade-20.png);
}

/*------------------------------------------------------------------
5.3.4.4 RECIPES LISTING UTILS
------------------------------------------------------------------*/
body #recipes-listing a.next,
body #recipes-listing a.prev
{
 top                  : 35px;
}

#recipes-listing .indicator
{
 background           : transparent url(../img/interface/primary-navigation/carousel/recipes-listing/bg-indicator.png) scroll no-repeat top left;
 height               : 17px;
 margin               : 1em  auto;
 width                : 727px;
}


/*------------------------------------------------------------------
FOOTER
------------------------------------------------------------------*/
#footer
{
 background           : transparent url(../img/interface/primary-navigation/footer/bg-footer.png) scroll top left;
 color                : #5c5c5c;
 font-size            : 0.9em;
 margin-top           : 2em;
 padding              : 5px 14px;
 width                : 980px;
}

#footer p,
#footer ul
{
width: 100%; margin-bottom: 0;
}

#footer li
{
 float                : right;
 margin-bottom        : 0;
 margin-right         : 6px;
 padding-right        : 6px;
 border-right	      : 1px solid #696969;
}

#footer li.first-child 
{ 

float: left;
 border-right         : none; 
 color                : #ead6a7; 
 
}

#footer li.last-child 
{ 

 border-right         : none; 
 
}

#footer li.second-child 
{ 

 border-right         : none; 
 
}

#footer p
{
 float                : right;
}

#footer a
{
 color                : #5c5c5c;
}

/*------------------------------------------------------------------
6. AGE VERIFICATION
------------------------------------------------------------------*/
.age-verification .logo
{
 margin               : 0 auto;
}

.age-verification p
{
 margin-left          : 30px;
 margin-right         : 30px;
 text-align           : center;
}

.age-verification select
{
 display              : block;
 margin               : 0 auto 1em auto;
 width                : 140px; 
}

.age-verification fieldset.dob
{
 background           : transparent url(../img/interface/age-verification/bg-dob.png) scroll no-repeat top left;
 height               : 68px;
 margin-left          : auto;
 margin-right         : auto;
 padding              : 7px;
 width                : 305px;
}

.age-verification fieldset.dob input
{
 background           : transparent;
 border               : 0;
 color                : #fff;
 font-family          : 'arial black';
 font-size            : 28px;
 font-weight          : 700;
 display              : block;
 height               : 36px;
 float                : left;
 margin-right         : 2px;
 padding              : 14px 20px;
 text-align           : center;
 text-transform       : uppercase;
 width                : 59px;
}

.age-verification .checkbox
{
 margin-left          : auto;
 margin-right         : auto;
 width                : 180px;
}

.age-verification input.enter-site
{
 margin               : 0 auto;
}


/*------------------------------------------------------------------
7. TOOLTIPS
------------------------------------------------------------------*/
.tooltip-wrapper
{
 color                : #fff;
 font-weight          : 700;
 width                : 201px;
 z-index              : 2002;
}

.tip-top
{
 background           : transparent url(../img/interface/tooltip/bg-tip-top.png) scroll no-repeat top left;
 height               : 18px;
 
}

.tip
{
 background           : transparent url(../img/interface/tooltip/bg-tip.png) scroll repeat-y top left;
 padding              : 0 12px 7px 7px;
}

.tip-bottom
{
 background           : transparent url(../img/interface/tooltip/bg-tip-bottom.png) scroll no-repeat bottom left;
 height               : 6px;
}

.tip-text
{
 display              : none;
}


/*------------------------------------------------------------------
8. POP-UP PAGES
------------------------------------------------------------------*/
.pop-up #content-wrapper
{
 padding-top          : 1em;
}

.pop-up .sub-wrapper
{
 padding-top          : 1em;
 width                : 500px;
}

.pop-up h2
{
 margin-bottom        : 11px;
}


/*------------------------------------------------------------------
9. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear                : both;
 content              : ".";
 display              : block;
 height               : 0;
 line-height          : 0;
 visibility           : hidden;
}

.clearfix
{
 display              : inline-block;
}

html[xmlns] .clearfix
{
 display              : block;
}

/* blog_panel ------------------------------------------------------------------------------------------ */



div.blog_further ul { float: left; padding-top: 13px; padding-left: 8px; }
div.blog_further ul li { float: left; text-indent: -9999px; list-style-type: none; padding: 0px; margin: 0px; width: 8px; height: 8px; padding-left: 7px; }
div.blog_further ul li a { display: block; background: url(../img/interface/secondary-content/bullet.png) no-repeat; width: 8px; height: 8px; margin: 0px;  }

div.blog_further p { float: right; margin-right: 14px; margin-top: 6px; }

div.blog_further p a { color: #cc3829; }

a#close_blog { position: absolute; top: 53px; right: 0px; width: 20px !important; height: 15px; background: url(../img/interface/secondary-content/bg.gif); text-indent: -9999px; outline: none; }
 
#primary_blog { float: left; width: 510px; margin-left: 102px !important; margin-left: 50px; margin-right: 10px; background: url(../img/branding/blog.gif) no-repeat center 10px #FFFFFF; padding: 25px; padding-top: 50px; }
#secondary_blog { float: left; width: 197px; background: #FFFFFF; padding: 10px; } 

div.d { font-family: Georgia, Arial; }

div.d div.description { margin-right: 120px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; color: #555555; padding-top: 5px; padding-bottom: 5px; margin-top: 30px; }

div.d h2.primary_heading { text-align: center; font-size: 2em; font-weight: bold; color: #e7ce99; text-shadow: 0px 0px 2px #AAAAAA; background: none; }

div.d h2.closed { text-decoration: line-through; }

div.d div.date { text-align: center; font-size: 1.8em; font-weight: bold; color: #232323; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px; }

div.d #secondary_blog h4 { float: left; width: 100%; margin: 0px; padding: 0px; text-align: left; font-size: 1em; color: #C13628; border-top: 1px solid #e5e5e5; padding-top: 10px; }
div.d #secondary_blog h4.initial { border-top: 0px; padding-top: 0px; }

div.d div.quote { color: #232323; }

div.d div.quote big { display: none; }

div.d div.quote span.quote { background: url(../img/interface/secondary-content/quotes.gif) no-repeat top left; padding-left: 30px; font-size: 1.4em; width: 480px; font-weight: bold; }



div.d em { font-style: normal; font-weight: bold; }
div.d a { color: #d73929; text-decoration: none; }
div.d p.time { font-weight: bold; }

div.d #secondary_blog a { color: #232323; font-weight: bold; }
div.d #secondary_blog a:hover { text-decoration: underline; }
div.d #secondary_blog li { margin: 0px; padding: 0px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; list-style-type: none; }

div.d #secondary_blog ul.recent_posts { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 2px; padding-bottom: 15px; }
div.d #secondary_blog ul.blog_archive { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 2px; padding-bottom: 15px; }
div.d #secondary_blog ul.follow { float: left; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 10px; }


div.d #secondary_blog ul.recent_posts li { background: url(../img/interface/secondary-content/bullet-sm.gif) no-repeat 0px 12px; }
div.d #secondary_blog ul.blog_archive li { background: url(../img/interface/secondary-content/bulletright.gif) no-repeat 0px 12px; }
div.d #secondary_blog ul.blog_archive li.open { background-image: url(../img/interface/secondary-content/bulletdown.gif); }

div.d #secondary_blog ul.follow li { float: left; font-size: 0.7em; padding: 0px; }
div.d #secondary_blog ul.follow li a { display: block; color: #bbbbbb; padding: 5px; padding-left: 25px; }
div.d #secondary_blog ul.follow li a:hover { color: #000000; }

div.d #secondary_blog ul.follow li.rss a { width: 40px; background: url(../img/content/icons/rss.gif) no-repeat top left; }
div.d #secondary_blog ul.follow li.twitter a { width: 85px; background: url(../img/content/icons/twitter_large.gif) no-repeat top left; }

div.d img { margin-bottom: 10px; }

div.d div.notes { font-weight: bold; color: #cd4e78; }

div.d div.link { display: block; font-size: 1.3em; min-height: 20px; height: auto !important; height: 20px; margin-bottom: 0px; }
div.d div.link a { background: #e9cf96; color: #000000; border: 1px solid #e9cf96; padding: 5px; padding-left: 40px; padding-right: 40px; font-weight: bold; }
div.d div.link a:hover { background: #FFFFFF; }

div.regular { padding-top: 10px; }

div.post h2 { background: none; text-align: left; display: block; color: #232323; padding: 0px; margin: 0px; text-shadow: none; text-transform: none; }

div.post { border-bottom: 1px dotted #555555; padding-bottom: 25px; margin-bottom: 25px; }

div.conversation { color: #232323; }

div.audio_player, div.video object { margin-bottom: 10px; }


#blog_window { width: 327px; position: absolute; top: 50px; right: 2px; background: url(../img/interface/secondary-content/bg.png) no-repeat;
 }

#blog_window { text-shadow: 0px 0px 2px #000000; }

#blog_selector { padding-left: 8px; padding-bottom: 5px; padding-top: 15px; border-top: 1px solid #323436; height: 10px; }

#blog_selector li { cursor: pointer; float: left; width: 15px; height: 10px; padding: 0px; margin: 0px; height: 10px; text-indent: -9999px; list-style-type: none; background: url(../img/interface/secondary-content/bullet.png) no-repeat center; }


#blog_link { position: absolute; right: 10px; bottom: 4px; }
#blog_link a { color: #c13628; font-weight: bold; }

#blog_content{
	position:absolute; 
}
#blog_content li.blog_entry {
	padding:0px;
	margin:0px;
	list-style:none;
	border-top: 1px solid #676565;
	width:327px;
	height:200px;
	float:left;
}

#blog_content h3, #blog_content p, #blog_content ul{
	padding:5px 10px;
}

#blog_heading { border-bottom: 1px solid #282828; padding: 5px; }

#blog_heading span { background: url(../img/interface/secondary-content/close.png) no-repeat center; cursor: pointer; width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; }


#blog_content p{ margin-bottom: 5px;
}
#blog_content img{
	float:left;
	margin: 10px;
	margin-bottom: 5px;
}

div.blog_mask{
	position:relative;
	width:327px;
	height:200px;
	overflow:hidden;
}
p.readmore { color: #e7ce99; }

#pagination a { display: block; }
#pagination a:hover { text-decoration: underline; }
#pagination li { float: right; padding: 0px; margin: 0px; }
#pagination li a { padding-right: 10px; background: url(../img/interface/secondary-content/right.gif) no-repeat right; }
#pagination li.initial { float: left; }
#pagination li.initial a { background: url(../img/interface/secondary-content/left.gif) no-repeat left; padding-left: 10px; }