/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 01 September 2009 12:32:38
*/


.a11y { display: none; }
.clearBoth { clear: both; }

h1.blue { color: #002457; font-size: 1.6em; margin: 0.2em 0; }

/* DLML homepage */
#div-content-left .heroDlml { /* need to use ID and class to override #div-content-hero styling */
    border: 1px solid #CCC;
    border-top: 0;
    background: url('../img-new/heroDlml_festival.jpg') no-repeat 8px 40px;
    height: 334px;
    position: relative;
    padding: 8px; 
}
    .heroDlml h1 { margin: 0; position: relative; height: 22px; width: 300px; font-size:1.75em; }
        .heroDlml h1 span {
            position: absolute;
            top: 0;
            left: 0;
            display: block; 
            height: 100%;
            width: 100%;
        }
    .heroDlml ul { list-style: none outside; margin: 0; padding: 0; }
        .heroDlml ul li { margin: 0; padding: 0; }
    
    .heroDlml div.heroMainNav { width: 183px; position: absolute; top: 50px; right: 15px; }
        .heroDlml div.heroMainNav h3 { margin: 0; }
        .heroDlml div.heroMainNav a { color: #D31145; font-weight: bold; }
        .heroDlml div.heroMainNav ul {  }
            .heroDlml div.heroMainNav ul li { border-top: 1px solid #C9C9C9; padding: 0.4em 0; }
        .heroDlml div.heroMainNav div.header { background: url(http://www.drinkaware.co.uk/__data/assets/image/0020/11189/hdrDlml_bgTop.png) top left no-repeat; padding:10px 10px 5px; behavior: url('http://www.drinkaware.co.uk/__data/assets/file/0016/11185/iepngfix.htc'); }
        .heroDlml div.heroMainNav div.body { background: url(http://www.drinkaware.co.uk/__data/assets/image/0019/11188/hdrDlml_bgBottom.png) bottom left no-repeat; padding: 0 10px 10px 10px; behavior: url('http://www.drinkaware.co.uk/__data/assets/file/0016/11185/iepngfix.htc'); }
        
    
    .heroDlml div.heroSecNav  { position: absolute; bottom: 15px; left: 15px; line-height: 1em; }
        .heroDlml div.heroSecNav li { float: left; display: block; margin-right: 1em; padding: 0.2em 0.3em; background: #FFF; }
            .heroDlml div.heroSecNav li a { text-decoration: none; color: #D31145; font-weight: bold; }
            .heroDlml div.heroSecNav li a:hover { text-decoration: underline; }
            
        .heroDlml div.heroSecNav li.active { background: #D31145; }
            .heroDlml div.heroSecNav li.active a { color: #FFF; }
            
            
/* additional RH banners */
div.bnrFestivals {
    background: url('../img-new/bnrFestivals_bg.gif') no-repeat top left;
    height: auto !important;
    height: 98px;
    min-height: 78px;
    padding: 10px 10px 10px 97px;
    color: #333333;
    font-size: 0.8125em;
}
    div.bnrFestivals img { float: left; margin-left: -88px; width: 80px; height: 79px; }
    div.bnrFestivals h3 { margin: 0; color: #001844; font-size: 1.2em; }
    div.bnrFestivals h3,
    div.bnrFestivals p { width: 195px; }

    

/* Other */
.embeddedFeatureVideo_16x9 { width: 625px; height: 350px; }
.pullRightWithCaption { float: right; width: 300px; margin-left: 1em; }
div.survivalGuideSplit { padding-left: 160px; margin-bottom: 1.5em; }
    div.survivalGuideSplit img { float: left; margin-left: -160px; }

#heroOne {}
#prOne {}
#prTwo {}


p.competitionQuestion { font-weight: bold; }

/*
    Form styling
*/
form { }
fieldset { border: 0; margin: 0 0 0.75em 0; padding: 0; }
legend { font-size: 1.2em; font-weight: bold; margin: 0 0 0.75em 0; float: none; padding: 0; color: #666; }

#div-standard-text p.frmError { border: 2px solid #D31145; padding: 0.2em 0.3em; color: #D31145; font-weight: bold; }

.formContainer { color: #666; font-size: 0.75em; line-height: 1.5em; } /* force inherit from body */
    .formContainer abbr,
    .formContainer span.abbr { color: #D31145; border: 0; text-decoration: none; }
    .formContainer a { color: #D31145; }
    #div-standard-text .formContainer p { font-size: 1em; margin: 0 0 0.5em 0; }
.formRow { margin-bottom: 0.75em; }
    .formRow label { display: block; float: left; width: 5em; margin-right: 1em; }
    .formRow .labelYear { display: block; float: left; width: 7em; margin-right: 1em; }
    .formRow label.emboldened { font-weight: bold; }
    .formRow .frFieldContainer {}
    .formRow .fiftyPercent { width: 50%; }
    .formRow .fortyfivePercent { width: 45%; }
    .formRow .title{} 
.frReverse {}
    .frReverse label { float: none; display: inline; margin: 0; width: auto; }
    
.frSmall { font-size: 0.91em; }

.frFinalRow { text-align: right; }