/* =====================================================================
                      YELLOWTAIL
   ===================================================================== */
body,div,p,ul,li,h1,h2,h3,h4,h5,h6,fieldset {margin:0;padding:0;}
ul {list-style-type:none;}
img,fieldset {border:0;}

body {background:#fff;font-family:"Trebuchet MS",sans-serif;font-size:14px;color:#000;background:#FFC20F url(../images/bg-site.gif) -200px -400px repeat-x;}

a {color:#000;}

.button {text-align:center;font-weight:bold;font-size:12px;line-height:25px;background:#000;color:#FFC20F;cursor:pointer;text-transform:uppercase;}

div.pageContainer {width:100%;margin:15px auto;position:relative;overflow:visible;background:#ffd051;}

div.containerHeader {width:100%;background-color:#000;position:relative;}

div.pageHeader {width:900px;height:53px;background:#000;position:relative;left:10px;overflow:hidden;margin:0 auto;}
div.pageHeader img {float:left;width:201px;height:53px;}
div.pageHeader ul {height:26px;margin:0 0 0 201px;background:#FFC20F;text-transform:uppercase;}
div.pageHeader ul li {float:left;margin:0 4px;padding:0 10px;line-height:26px;font-size:11px;font-weight:bold;color:#000;}
div.pageHeader ul li a {font-weight:bold;color:#000;text-decoration:none;}
div.pageHeader ul li a:hover {font-weight:bold;color:#FFC20F;background-color:#000;}
/* 
div.pageHeader ul li strong {cursor:default;}
div.pageHeader ul li ul {display:none;width:695px;height:27px;position:absolute;top:26px;padding:0;background:#000;}
div.pageHeader ul li ul li {margin:0;line-height:27px;font-size:11px;color:#FFC20F;font-weight:normal;}
div.pageHeader ul li ul li a {color:#FFC20F;text-decoration:none;}
ul.dropdown {display:none;position:absolute;top:0px;}
ul.dropdown li a {display:block;width:126px;margin:0 0 0 10px;font-size:11px;line-height:26px;font-weight:bold;color:#fff;text-decoration:none;}
*/
div.containerFooter {width:100%;background-color:#000;}

div.pageFooter {width:900px;height:21px;background:#000;overflow:hidden;margin:0 auto;}
div.pageFooter ul {float:right;margin:0 21px 0 0;}
div.pageFooter ul li {float:left;margin:0 0 0 20px;font-size:10px;line-height:22px;}
div.pageFooter ul li a {color:#fff;text-decoration:none;}
div.pageFooter ul li a:hover {color:#FFC20F;}

div.pageWindow {width:924px;height:524px;background:#FFC20F;position:relative;overflow:hidden;margin:0 auto;}

div.pageContent {width:924px;background:#FFC20F;padding:0 22px 0 22px;position:relative;top:0;left:0;}
div.pageContent p {margin:0 0 20px 0;}
div.pageContent p.title {display:none;}

div.layoutHero {height:283px;overflow:hidden;position:absolute;top:10px;left:0;}
div.layoutBottleNavigation {height:84px;overflow:hidden;position:absolute;top:269px;left:-22px;}
div.layoutHomeContainer {height:363px;overflow:visible;position:relative;}

div.layoutBanners {width:924px;height:161px;overflow:hidden;position:relative;left:-22px;}
div.layoutBanners div {width:906px;}
div.layoutBanners a {margin-right:26px;}

div.cap {height:10px;background:#FFC20F;line-height:10px;}

.contentNews {}
.contentNews h2 {height:20px;line-height:20px;padding-left:10px;margin-bottom:20px;background:#000;color:#fff;font-size:11px;text-transform:uppercase;overflow:hidden;}
.contentNews div.container {width:880px;height:554px;background:#f58428;overflow:hidden;}
.contentNews div.left {display:inline;float:left;width:190px;height:533px;position:relative;margin:10px 0 10px 10px;background:#ffffff;overflow:hidden;}
.contentNews div.left h3 {margin:0 0 15px 10px;color:#000;font-size:13px;text-transform:uppercase;}
.contentNews div.left ul {padding-bottom:8px;margin-bottom:10px;list-style-type:square;list-style-position:outside;}
.contentNews div.left ul li {margin:6px 30px;}
.contentNews div.left div {position:absolute;bottom:0;width:171px;margin:2px;padding:4px 0 4px 15px;background:#7F7F7F;color:#ffffff;font-weight:bold;}
.contentNews div.left div a {color:#fff;font-weight:bold;}
.contentNews div.left p {margin:0 0 0 20px;}
.contentNews div.right {display:inline;float:left;width:660px;margin:10px 0 10px 10px;overflow:hidden;}
.contentNews div.right h3 {margin:0 0 10px 0;font-size:14px;font-weight:bold;}
.contentNews div.right p {margin:0 0 8px 0;line-height:16px;}
.contentNews div.right div.item {height:171px;position:relative;margin:0 0 9px 0;background:#ffffff;overflow:hidden;}
.contentNews div.right div.item img {width:135px;height:89px;position:absolute;top:43px;left:17px;}
.contentNews div.right div.item div {width:396px;margin:3px 40px 0 190px;font-size:11px;}
.contentNews div.right div.article {height:483px;background:#ffffff;position:relative;}
.contentNews div.right div.images {position:absolute;top:32px;left:12px;}
.contentNews div.right div.images img {width:210px;display:block;margin-bottom:10px;}
.contentNews div.right div.copy {width:395px;padding:0 0 20px 240px;font-size:11px;}

.contentOurTale {}
.contentOurTale h3 {position:absolute;top:0;left:140px;padding:0 8px 0 8px;background:#FFC20F;line-height:16px;font-size:11px;color:#ffffff;text-transform:uppercase;}
.contentOurTale h2 {margin:12px 0 5px 320px;font-size:15px;}
.contentOurTale div.item {width:880px;height:151px;margin-bottom:14px;padding-bottom:4px;background:#ffffff;position:relative;overflow:hidden;}
.contentOurTale div.item p {margin:0;padding:0 25px 8px 320px;line-height:16px;}
.contentOurTale div.item img {position:absolute;top:5px;left:10px;}
.contentOurTale div.article {height:504px;background:#ffffff;position:relative;overflow:hidden;}
.contentOurTale div.article p {margin:0;padding:0 10px 15px 320px;}
.contentOurTale div.images,div.item div.images {position:absolute;top:10px;left:10px;}
.contentOurTale div.images img,div.item div.images img {display:block;margin-bottom:5px;position:relative;top:0;left:0;}
.contentOurTale .toggle {position:absolute;bottom:0px;right:40px;padding:0 8px 0 8px;background:#FFC20F;line-height:16px;font-size:11px;color:#ffffff;text-transform:uppercase;cursor:pointer;}

.contentProduct {}
.contentProduct div.container {height:658px;overflow:hidden;}

.contentProduct div.slide {height:480px;position:relative;top:10px;left:0px;background:#FFC20F;overflow:hidden;}
.contentProduct div.fun {height:325px;position:absolute;top:323px;left:22px;background:#000;overflow:hidden;}

.contentProduct div.product {height:376px;position:absolute;top:0;left:0;background:url(../images/bg-product.gif) no-repeat;}
.contentProduct div.nav {height:84px;position:absolute;top:386px;left:-22px;background:#FFC20F;}

.contentReserve div#flashProduct {background:url(../images/bg-reserve.gif) no-repeat;margin-top:10px;}

.contentGeneric {margin:0 10px 0 215px;font-size:10px;}
.contentGeneric h1 {font-size:15px;margin:0 0 15px 0;text-transform:uppercase;}
.contentGeneric strong {text-transform:uppercase;}
.contentGeneric ol {margin:0;padding:0;list-style-position:inside;}
.contentGeneric ol li ol {margin-left:40px;}

.contentDownloads {}
.contentDownloads div.container {width:852px;height:483px;border:4px solid #000;padding:10px;position:relative;}
.contentDownloads ul.nav {list-style-type:none;}
.contentDownloads ul.nav li {width:235px;height:22px;color:#FFC20F;background:#000;cursor:pointer;margin-bottom:10px;text-align:center;text-transform:uppercase;line-height:22px;font-size:11px;}
.contentDownloads div.item {position:absolute;top:10px;left:255px;width:607px;height:483px;display:none;}
.contentDownloads ul.select li {float:left;margin-right:2px;width:85px;height:20px;color:#FFC20F;background:#000;line-height:20px;font-size:11px;}
.contentDownloads ul.select li a {color:#FFC20F;display:block;padding-left:10px;text-decoration:none;}

.contentRecipes {display:none;}

.bigNumber {position:relative;width:20px;background:#FFC20F;color:#000;font-size:24px;font-weight:bold;padding:2px 8px;display:none;}

div#modalOverlay {display:none;height:100%;width:100%;position:fixed;left:0;top:0;background-image:url(../images/pixel.png);z-index:3000;}
.modalContainer {position:absolute;top:0;left:0;z-index:3100;}
.modalContainer .close {position:absolute;top:10px;right:10px;padding:0 10px;cursor:pointer;}

#modalAgeVerify div.container {width:600px;height:355px;position:relative;margin:150px 0 0 0;background:#FFC526;border:4px solid #000;font-size:10px;text-transform:uppercase;}
#modalAgeVerify div.form {width:292px;position:absolute;top:100px;left:308px;text-align:center;}
#modalAgeVerify h2 {margin-bottom:25px;font-size:16px;}
#modalAgeVerify p {margin-bottom:15px;}
#modalAgeVerify input {width:50px;background:#FFC526;font-size:24px;border:1px solid #000;text-align:center;padding:10px;}
#modalAgeVerify input.checkbox {width:15px;height:15px;border:0;}
#modalAgeVerify .button {width:100px;margin:0 96px;}
#modalAgeVerify img {width:308px;height:355px;position:absolute;top:0;left:0;}

#modalContactUs {display:none;}
#modalContactUs div.container {width:600px;height:280px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;padding:35px;text-align:left;}
#modalContactUs h2 {font-size:18px;margin:0 0 10px 0;}
#modalContactUs h3 {font-size:14px;margin:0 0 10px 0;}
#modalContactUs p {font-size:12px;margin:0 0 15px 0;line-height:18px;}

#modalMailingList {display:none;}
#modalMailingList div.container {width:600px;height:300px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;padding:35px;text-align:left;}
#modalMailingList h2 {font-size:18px;margin:0 0 10px 0;}
#modalMailingList h3 {font-size:14px;margin:0 0 10px 0;}
#modalMailingList p {font-size:12px;margin:0 0 15px 0;}
#modalMailingList label {width:125px;display:block;float:left;}
#modalMailingList label.checkbox {width:100%;display:inline;float:none;}
#modalMailingList input {width:150px;border:2px solid #000;background:#FFC20F;}
#modalMailingList input.checkbox {width:15px;height:15px;border:0;}

#modalHundredWaysSubmit {display:none;}
#modalHundredWaysSubmit div.container {width:600px;height:200px;position:relative;margin:265px 0 0 0;background:#FFC20F;text-align:left;}
#modalHundredWaysSubmit h2 {position:absolute;top:0;left:0;background:#000;padding:5px 10px;font-size:12px;color:#fff;text-transform:uppercase;}
#modalHundredWaysSubmit label {display:block;font-weight:bold;margin-bottom:5px;}
#modalHundredWaysSubmit input {border:0;font-family:Arial,sans-serif;font-weight:bold;color:#666;padding:5px;font-size:11px;}
#modalHundredWaysSubmit select {background:#000;color:#fff;font-weight:bold;border:0;width:170px;}
#modalHundredWaysSubmit select optgroup {font-style:normal;font-weight:bold;color:#FFC20F;}
#modalHundredWaysSubmit select option {font-style:normal;font-weight:normal;color:#fff;}
#modalHundredWaysSubmit textarea {height:55px;border:0;font-family:Arial,sans-serif;font-weight:bold;color:#666;padding:5px;font-size:11px;}
#modalHundredWaysSubmit div.form1 div {width:175px;position:absolute;top:50px;overflow:hidden;}
#modalHundredWaysSubmit div.form1 .button {width:100px;position:absolute;top:165px;right:10px;}
#modalHundredWaysSubmit div.form2 {padding:40px 0 0 20px;}
#modalHundredWaysSubmit div.form2 p {font-weight:bold;}
#modalHundredWaysSubmit div.form2 p span {font-weight:normal;}
#modalHundredWaysSubmit div.form2 select {background:#fff;color:#666;font-weight:normal;}
#modalHundredWaysSubmit div.form2 select option {color:#666;}
#modalHundredWaysSubmit div.form2 .submit {width:100px;position:absolute;top:265px;right:10px;}
#modalHundredWaysSubmit div.confirm {padding:50px 0 0 50px;}
#modalHundredWaysSubmit div.confirm p {font-weight:bold;}

#modalHundredWaysInvite {display:none;}
#modalHundredWaysInvite div.container {width:600px;height:450px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;text-align:left;}
#modalHundredWaysInvite h2 {position:absolute;top:15px;left:20px;font-size:20px;}
#modalHundredWaysInvite h4 {font-size:16px;}
#modalHundredWaysInvite h5 {font-size:14px;margin-bottom:20px;}
#modalHundredWaysInvite input {width:200px;border:2px solid #000;background:#FFC20F;margin-bottom:5px;padding-left:5px;}
#modalHundredWaysInvite textarea {width:200px;border:2px solid #000;background:#FFC20F;padding:5px;font-family:Arial;font-size:11px;}
#modalHundredWaysInvite input.checkbox {width:15px;height:15px;border:0;margin:0;}
#modalHundredWaysInvite div.form {position:relative;}
#modalHundredWaysInvite div.form p {margin:10px 0;}
#modalHundredWaysInvite div.fields {position:absolute;top:45px;left:340px;width:260px;height:380px;}
#modalHundredWaysInvite div.invite {position:absolute;top:45px;left:20px;border:4px solid #000;background:#fff;padding:10px 20px 0 20px;overflow:hidden;width:252px;height:372px;}
#modalHundredWaysInvite div.invite input {border:1px solid #000;background:#fff;margin-bottom:2px;width:150px;font-size:10px;}
#modalHundredWaysInvite div.invite input.checkbox {width:15px;border:0;margin:0;}
#modalHundredWaysInvite div.invite p label {background:#999;color:#fff;text-transform:uppercase;position:relative;top:-34px;left:0;display:block;text-align:center;width:50px;}
#modalHundredWaysInvite div.invite p label.checkbox {background:#fff;color:#000;text-transform:none;position:relative;top:0;left:0;display:inline;text-align:left;width:110px;}

#modalSendSparklism {display:none;}
#modalSendSparklism div.container {width:600px;height:335px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;padding:35px;text-align:left;}
#modalSendSparklism h2 {font-size:18px;margin:0 0 20px 0;}
#modalSendSparklism p {font-size:12px;margin:0 0 15px 0;}
#modalSendSparklism label {width:100px;display:block;float:left;}
#modalSendSparklism label.checkbox {width:100%;display:inline;float:none;}
#modalSendSparklism input {width:200px;border:2px solid #000;background:#FFC20F;}
#modalSendSparklism input.checkbox {width:15px;height:15px;border:0;}

#modalFallPromotion {display:none;}
#modalFallPromotion div.container {width:600px;height:430px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;padding:35px;text-align:left;}
#modalFallPromotion h2 {font-size:18px;margin:0 0 10px 0;}
#modalFallPromotion h3 {font-size:14px;margin:0 0 10px 0;}
#modalFallPromotion p {font-size:12px;margin:0 0 15px 0;line-height:18px;}

#modalFallPromotionRules {display:none;}
#modalFallPromotionRules div.container {width:600px;height:380px;position:relative;margin:150px 0 0 0;background:#FFC20F;border:4px solid #000;padding:35px;text-align:left;}
#modalFallPromotionRules h2 {font-size:18px;margin:0 0 10px 0;}
#modalFallPromotionRules h3 {font-size:14px;margin:0 0 10px 0;}
#modalFallPromotionRules p {font-size:12px;margin:0 0 15px 0;line-height:18px;}