@font-face {
    font-family: 'GoodDogRegular';
    src: url('/content/fonts/gooddog-webfont.eot');
    src: url('/content/fonts/gooddog-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/gooddog-webfont.woff') format('woff'),
         url('/content/fonts/gooddog-webfont.ttf') format('truetype'),
         url('/content/fonts/gooddog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoRegular';
    src: url('/content/fonts/museo500-regular-webfont.eot');
    src: url('/content/fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/museo500-regular-webfont.woff') format('woff'),
         url('/content/fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('/content/fonts/museo500-regular-webfont.svg#MuseoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoStrong';
    src: url('/content/fonts/museo700-regular-webfont.eot');
    src: url('/content/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/museo700-regular-webfont.woff') format('woff'),
         url('/content/fonts/museo700-regular-webfont.ttf') format('truetype'),
         url('/content/fonts/museo700-regular-webfont.svg#MuseoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
ul, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
body{margin:0; padding:0; background:#fff url('images/bkg-page.jpg') repeat-x; font-size:12px; font-family:"Trebuchet MS", "Trebuchet", Arial, sans-serif; color:#c78044;}

h2 { font-size:16px; }
h2 a { color:#c78044; }
h3 {font-family:'MuseoRegular'; font-size:15px;}

a {color:#F00; text-decoration:underline;}
a.button, #TopNav nav li.button { width:88px; 
          height:19px;
          background:url('images/bkg-navbutton.png') no-repeat;
          display:inline-block;
          padding-top:8px; 
          margin:21px 8px 0 8px; 
          font-family: 'MuseoRegular';
          font-weight:normal;
          font-size:11px;
          color:#d6c3ce;
          text-align:center;
          text-decoration:none;
          text-transform:uppercase; }
          
a.button:hover, #TopNav nav li.button:hover{ background:url('images/bkg-navbuttonRO.png') no-repeat; }

img{border:none;}

hr {background:url('images/bkg-hr.png') no-repeat center top; height:20px; border:none;}

.clear {clear:both;}
object{padding:0; margin:0;}

#SiteContainer {
	width: 1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	padding:0;
}
/*Landing Page Styles*/
#SplitHeader {
    width:1000px;
	height:262px; /*184px*/
	background:url('images/bkg-splitheader.jpg') no-repeat;
	text-align:center;
	margin-bottom:-78px; /*added*/
	position:relative;
	z-index:105;
	}
	
#AdultsPane {width:500px; float:left; height:723px; background:url('images/bkg-adultspane.jpg') repeat-x; padding-top:80px; text-align:center;}
#AdultsPane h2 {font-family:'MuseoRegular'; font-size:37px; color:#FFF; text-shadow: 2px 2px 6px #474747; filter: dropshadow(color=#474747, offx=2, offy=2);}
#AdultsPane h3 {font-family:'MuseoRegular'; font-size:27px; color:#f2ead6; margin-bottom:12px; text-shadow: 3px 2px 6px #97784a; filter: dropshadow(color=#97784a, offx=3, offy=2);}
#AdultsPane .logoSwoosh {width:500px; height:148px; background:url('images/logo-DP-landingpg.png') no-repeat;}
#AdultsPane a.bigbutton{ width:181px; 
          height:36px;
          background:url('images/bkg-bigbutton.png') no-repeat;
          display:inline-block;
          padding:20px 6px 0 2px; 
          margin:21px auto; 
          font-family: 'MuseoRegular';
          font-weight:bold;
          font-size:16px;
          color:#FFF;
          text-align:center;
          text-decoration:none;
          text-transform:uppercase; }
          
#AdultsPane a.bigbutton:hover{ background:url('images/bkg-bigbuttonRO.png') no-repeat; }

#KidsPane {width:500px; float:right; height:723px; background:url('images/bkg-kidspane.png') repeat-x; padding-top:80px; text-align:center;}
#KidsPane h2 {font-family:'GoodDogRegular'; font-size:52px; color:#FFF; letter-spacing:2px; text-shadow: 2px 2px 6px #a81f10; /*filter: dropshadow(color=#a81f10, offx=2, offy=2);*/ }
#KidsPane h2.rotate {
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
}
#KidsPane h3 {font-family:'GoodDogRegular'; font-size:40px; color:#f6b79c; 
              letter-spacing:2px;
              line-height:45px;
              text-shadow: 2px 2px 6px #a81f10; 
              /*filter: dropshadow(color=#a81f10, offx=2, offy=2);
              filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc);
	          filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#a81f10);*/
              -webkit-transform: rotate(-4deg);
              -moz-transform: rotate(-4deg);
              -ms-transform: rotate(-4deg);
              -o-transform: rotate(-4deg);
              }
#KidsPane .logoSwoosh {width:500px; height:134px; background:url('images/logo-rockcandy-landing.png') no-repeat; margin-top:-19px;}
#KidsPane a.bigbutton{ width:175px; 
          height:36px;
          background:url('images/bkg-bigbutton2.png') no-repeat;
          display:inline-block;
          padding:20px 6px 0 0; 
          margin:21px auto; 
          font-family: 'MuseoRegular';
          font-weight:bold;
          font-size:16px;
          color:#FFF;
          text-align:center;
          text-decoration:none;
          text-transform:uppercase; }
          
#KidsPane a.bigbutton:hover{ background:url('images/bkg-bigbutton2RO.png') no-repeat; }

#LandingFooter {
	background:#b49759;
	padding-top:30px;
	width:1000px;
	height:39px;
	margin:0 auto;
	text-align:center;
	color:#000;
	clear:both;
	font-size:8pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*end Landing Page Styles*/

/*Main Navigation Styles*/
#TopNav {
	background:#471950 url('images/bkg-topnav.jpg') no-repeat left 20px;
	width:780px;
	height: 48px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:18px 0 0 220px;
	position:absolute;
	top:-18px;
	z-index:105;
} 

#TopNav nav { z-index: 3; position: absolute; top: 18px; left: 260px; }
#TopNav nav ul { list-style: none; margin: 0; padding: 0; }
#TopNav nav li { list-style: none; margin: 0; padding: 0; position: relative; }
#TopNav nav a { text-decoration: none; }
        
#TopNav nav>ul>li { background-repeat: no-repeat; float: left; margin: 0px 2px; padding: 0; text-align: center; width: 92px; }
#TopNav nav>ul>li>a { background-repeat: no-repeat; display: block; width: 92px; height: 21px; padding: 0px 0px 6px 0px; color: #fff;}
#TopNav nav>ul>li:hover ul { display: block; }


/* Secondary Nav (Dropdown) */
#TopNav nav>ul ul { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); display: none; position: absolute; width: 120px; top: 30px; left: 5px; background: #411732; text-align:left; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#TopNav nav>ul ul li { padding:3px 5px; }
#TopNav nav>ul ul li:first-child { border-top: 0px !important; }
#TopNav nav>ul ul a { color: #d6c3ce; }
#TopNav nav>ul ul a:hover { color: #9c8090; }


#CartData {
	position:absolute;
	top:33px;
	right:10px;
	width:170px;
	color:#d9af7e;
	line-height:12px;
}
#CartData img{
	float:left;
	margin-right:9px;
}
#CartData a{ color:#d9af7e;text-decoration:none; }
#CartData a:hover{ color:#fff;text-decoration:none; }
/*End Main Navigation styles*/

/*Header styles*/
#Header {
	position:absolute;
	width:1000px;
	height:265px;
	background:url('images/bkg-header.png') no-repeat;
	margin-bottom:-90px;
	margin-top:48px;
}

#logo {
	position:absolute;
	width:243px;
	height:182px;
	background:url('images/logo-DP.png') no-repeat;
	top: 50px;
	left:30px;
}

/*End Header Styles*/

/*Home Feature styles*/
#HomeFeature {
	width:1000px;
	height:448px;
	background:#fff2d6;
	padding-top:230px; 
	
	-webkit-box-shadow: 1px 1px 30px 1px #5c3201;
    -moz-box-shadow: 1px 1px 30px 1px #5c3201;
    box-shadow: 1px 1px 30px 1px #5c3201; 
	/*-webkit-box-shadow: 1px 2px 4px 1px #5c3201;
    -moz-box-shadow: 1px 2px 4px 1px #5c3201;
    box-shadow: 1px 2px 4px 1px #5c3201; */
}

#HomeFeature .description {
	float:left;
	width: 240px;
	color:#c78044;
	margin: 0 0 0 20px;
	padding:120px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9pt;
}
#HomeFeature .description a.button{ float:right; margin:0; }

#HomeFeatureNav {
	float:left;
	width:231px;
	height:310px;
	background:url('images/bkg-homeleftnav.png') no-repeat left 70px;
	padding-top:115px;
	margin-left:29px;
	text-align:center;
}
#HomeFeatureNav h2 a { display:block; margin:12px 0; color:#c78044; font-family: 'MuseoRegular'; text-decoration:none;}
#HomeFeatureNav h2 a:hover{ color:#863a8b; }

.Featured {
	width:711px;
	height:420px;
	float:right;
	margin-top:5px;
	margin-right:29px;
	display:none;
}
.Featured.Sweeteners { background:url('images/bkg-drinksweetener.jpg') no-repeat right; }
.Featured.RockYourDrink { background:url('images/bkg-rockyourdrink.jpg') no-repeat right; }
.Featured.SpecialOccasions { background:url('images/bkg-specialoccasions.jpg') no-repeat right; }
/*End Home Feature styles*/


/*Page Content Area Styles*/
#Content {
	width:1000px;
	height:auto;
	background:#fff2d6;
	padding-top:230px; 
	padding-bottom:10px;
	
	-webkit-box-shadow: 1px 1px 30px 1px #5c3201;
    -moz-box-shadow: 1px 1px 30px 1px #5c3201;
    box-shadow: 1px 1px 30px 1px #5c3201; 
}

.innercontent
{
	width:862px; /*942px*/
	padding:30px 40px 10px 40px;
	background:#FFF url('images/bkg-content.jpg') no-repeat center top;
	margin:0 auto 20px auto;
}

.innercontent #PageName {
    width:942px;
    height:66px;
    text-align:center;
    padding-top:63px;
}
.innercontent #PageName h1 { font-family: 'MuseoStrong'; color:#c78044; font-size:26px;}
.innercontent #PageName .categories{ color:#e9ddbc; font-family: 'MuseoRegular'; font-weight:bold;  font-size:13px;}
.innercontent #PageName .categories a{ color:#c78044; }

.innercontent .news-article {margin:15px 0;}

.innercontent ol li{margin-bottom:7px;}

#CocktailRecipes {background:#fff8ea; width:294px; padding:12px 12px 12px 0; float:right; color:Black;}
#CocktailRecipes ul{padding:0; margin-top:20px;}
#CocktailRecipes ul li{margin:0 0 6px 35px;}
#CocktailRecipes ul li a{color:Navy;}

#Recipe0,
#Recipe1,
#Recipe2,
#Recipe3,
#Recipe4 {display:none; width:225px; padding: 4px 0 8px 0; margin-left:35px; clear:both; color:#898989;}

#agechecker {text-align:center;}
#agechecker input{margin-right:30px; }
#agechecker .error {color:Red;}

/*End Page Content Area Styles*/

#PreFooter {
	width: 1000px;
	height: 179px;
	text-align:left;
	clear:both;
	margin:34px 0 12px 0;
}
#PreFooter a img {
    margin-left:33px;
    -webkit-box-shadow: 1px 1px 15px 1px #5c3201;
    -moz-box-shadow: 1px 1px 15px 1px #5c3201;
    box-shadow: 1px 1px 15px 1px #5c3201;
}

#Footer {
	background:url('images/bkg-footer.png') no-repeat;
	padding-top:12px;
	width:1000px;
	height:70px;
	margin:0 auto;
	color:#777;
	clear:both;
	font-size:8pt;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#Footer a{
	margin:0 5px;
	color:#777;
}
#Footer a:hover{
	text-decoration:underline;
}

#Breadcrumb { margin: -25px 0px 20px; }
.SectionTitleText {font-size:9pt;}
#Breadcrumb a, .SectionTitleText a { color: #898989; text-decoration: none; }
#Breadcrumb a:hover, .SectionTitleText a:hover { color: #2d2d2d; text-decoration: underline; }