@charset "UTF-8";
/* CSS Document */

@import "clues.css";

@import "whiteRussian.css"; /* default clues and stylesheet */

@import "flavors.css"; 

@import "bios.css";

@import "textStyles.css";

* {margin: 0px; padding: 0px}

a {outline: none} 

body.giftCards {background:#333333 !important; min-width: 400px}
body.giftCards #wrapper {width: 400px; margin: 0 auto; background: none; padding: 50px 0 }
body.giftCards #wrapper p {color: #ffffff; font-size: 1.3em; margin: 7px 0; font-size: 1.4em}
body.giftCards fieldset {margin: 20px 0 0 0 }
body.giftCards form {margin: 10px 00 0 0}
body.giftCards h3.giftCards {background:url(../images/headerGiftCards2.gif) no-repeat;}

body.giftCards form.styled input.resetBTN {background:url(/images/resetBTN2.gif) no-repeat;}
body.giftCards form.styled input.submitBTN {background:url(/images/submitBTN2.gif) no-repeat;}

body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; background-position: center  top!important; background:url(../images/BKG_whiteRussian.jpg) center top no-repeat #000000; min-width: 1100px}

#wrapper { background:url(../images/BKG_whiteRussian.jpg) center top no-repeat  ; width:1100px; margin: 0 auto;  display: block; padding: 0 0 50px 0; position: relative;}

#container {width: 700px; margin: 0 auto; position: relative; padding-top: 350px; }

#branding {background:url(../images/logoBeads.png) no-repeat; height: 220px; width: 509px; position: absolute; top: 0; left: -420px; z-index: 100}

#branding h1 {height: 100%; width: 100%; display: block;}
#branding h1 a {height: 100%; width: 100%; display: block; text-indent: -9999px}

#content {background:url(../images/contentMid.png) repeat-y; width: 700px; position: relative; left: 30px; min-height: 400px}

#content .top {background:url(../images/contentTop.png) no-repeat; height: 604px; width: 700px; position: absolute; top:-190px; left:0; z-index: 0;}

#content .bottom {background:url(../images/contentBottom.png) no-repeat; height: 247px; width: 700px; position: absolute; bottom: -199px; left: 0}
  
#content .mainContent {position: relative; z-index:00; margin: 0 154px 0 71px}
#content .mainContent p {font-size: 1.3em; line-height: 1.4em; margin: 7px 0}
#content .mainContent a {color: #4f2379;  font-weight: bold; text-decoration: none}
#content .mainContent a:hover {text-decoration: underline}

#content .mainContent h4 {font-size: 2em; margin: 9px 0 12px 0}
#content .mainContent h3 {margin: 15px 0 8px 0}

#content .mainContent ul {list-style: square; margin: 7px 0 6px 30px; font-size: 1.4em}
#content .mainContent ul li {margin: 8px 0; line-height: 1.4em}
#content .mainContent ul li .highlight {color: #FA042D}
#content .mainContent table ul {margin: 7px 0 6px 13px;}

/* - phone switcher -*/

#phone_contact {position: absolute; top: 175px; left: -220px; z-index: 90}

/* ------ drop down style ----- */

#drop_down ul {display: none;position: absolute;top: 1em;left: 0; z-index: 99999; height: 72px }
#drop_down li:hover ul, #drop_down li.over ul {display:block;padding:0px;margin:0px; padding:4px 3px;margin-top:0px;z-index:9999}
#drop_down li>ul {top: auto;left: auto;}

ul.sub_nav { height: auto !important; background-color:#3E1F9F; width: 250px !important; padding: 5px 5px 10px 5px !important; display: block; float: none; position: relative; z-index: 100}
.sub_nav li {display:block;  height: 20px !important; width: 235px; padding:4px  5px !important;  font-size:1.2em; float: none !important; clear: left;}
.sub_nav a {color:#ffffff; text-decoration:none; height: 23px !important; width:100%; text-indent: 0px !important; display: block; padding: 3px 0 0 3px !important; margin:0px}
.sub_nav a:hover {background: #FB1C4E !important }

/* - main navigation - */

.navMain {
	height: 72px;
	width: 557px;
	position: absolute;
	top:-142px;
	left:112px;
	z-index:80
}
.homeBTN { height:40px; width: 170px; position: absolute; top: -40px; left: 0; z-index: 99;}
.homeBTN a {display: block;height: 100%; width:100%; text-indent: -9999px}

.navMain ul {height: 72px; width:557px; list-style:none}

.navMain ul li {display: block; float: left; height: 72px}
.navMain ul li a {display:block; height: 100%; width:100%; text-indent: -9999px}

.navMain li.giftCards {background:url(../images/navMain_giftCards.png) no-repeat; width:127px;}
.navMain li.locations {background:url(../images/navMain_locations.png) no-repeat; width:127px;}
.navMain li.daiqCentral {background:url(../images/navMain_daiqCentral.png) no-repeat; width:152px;}
.navMain li.getSocial {background:url(../images/navMain_getSocial.png) no-repeat; width:136px;}
.navMain li.contact {background:url(../images/navMain_contact.png) no-repeat; width:72px; position: absolute; right: 0; top: 82px}

.navMain li.giftCards a:hover {background:url(../images/navMain_giftCards_on.png) no-repeat;}
.navMain li.locations a:hover {background:url(../images/navMain_locations_on.png) no-repeat; }
.navMain li.daiqCentral a:hover {background:url(../images/navMain_daiqCentral_on.png) no-repeat; }
.navMain li.getSocial a:hover {background:url(../images/navMain_getSocial_on.png) no-repeat; }
.navMain li.contact a:hover {background:url(../images/navMain_contact_on.png) no-repeat; }

/* - social navigation - */

.navSocial {background:url(../images/socialBKG.png) no-repeat; height:271px; width: 146px; position: absolute; top: 20px; right: -50px; z-index: 100}

.navSocial h3 {height: 55px; width: 146px; text-indent: -9999px}

.navSocial ul {width:146px;}
.navSocial ul li {height:32px; width:146px;list-style:none}
.navSocial ul li a {display:block; height: 100%; width:100%; text-indent: -9999px}

.navSocial li.ecard a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}
.navSocial li.facebook a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}
.navSocial li.gallery a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}
.navSocial li.mailingList a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}
.navSocial li.feedBack a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}
.navSocial li.giftCards a:hover {background:url(../images/navSocial_ecard_on.gif) center top no-repeat;}

/* nav daiquiris */

.navDaiquiris {
	background:url(../images/navDaiquiris_BKG.gif) no-repeat;
	height: 57px;
	width: 331px;
	float: right;
	margin: 0 20px 0 0;
	position: absolute;
	left: 239px;
	top: -50px;
	z-index:40;
}
.navDaiquiris li {display: block; height: 57px; width: 165px; float: left; text-indent: -9999px}
.navDaiquiris li a {display: block; height: 100%; width: 100%;}

h3.imageHeader {height: 38px; text-indent: -9999px; margin: 5px 0 15px 0}

h3.signatureFlavors {background:url(../images/headerSignatureFlavors.gif) no-repeat;width: 267px; margin: 5px 0 15px 0}
h3.favConcotions {background:url(../images/headerFavoriteConcoctions.gif) no-repeat; width: 299px;}
h3.customFlavors {background:url(../images/headerCustomFlavors.gif) no-repeat;width: 223px;}
h3.giftCards {background:url(../images/headerGiftCards.gif) no-repeat; width: 148px; }
h3.contact {background:url(../images/headerContact.gif) no-repeat; width: 151px; }
h3.locations {background:url(../images/headerLocations.gif) no-repeat; width: 151px; }
h3.getSocial {background:url(../images/headerGetSocial.gif) no-repeat;width: 148px; }
h3.feedback {background:url(../images/headerFeedback.gif) no-repeat;width: 137px;}
h3.mailingList {background:url(../images/headerMailingList.gif) no-repeat; width: 169px;  }
h3.eCard {background:url(../images/headerECard.gif) no-repeat; width: 223px;  }
h3.facebook {background:url(../images/headerFacebook.gif) no-repeat; width: 223px;  }
h3.myspace {background:url(../images/headerMyspace.gif) no-repeat; width: 121px;  }
h3.trailer {background:url(../images/headerTrailer.gif) no-repeat; width: 255px;  }
h3.gallery {background:url(../images/headerGallery.gif) no-repeat; width: 121px;  }
h3.congratulations {background:url(../images/headerCongratulations.gif) no-repeat; width: 480px;  }
h3.twitter {background:url(../images/headerTwitter.gif) no-repeat; width: 480px;  }

/* ----- homepage styles ----- */

.calendarDiv {width: 254px; position: absolute; top:-45px;left: -55px; z-index: 999; color: #ffffff; }

.calendarDiv p {font-size: 1.2em !important}

.calendarDiv .eventsTop {background:url(../images/upcomingEvents_top.png) no-repeat; height: 51px; width: 254px}
.calendarDiv .eventsMid {background:url(../images/upcomingEvents_mid.png) repeat-y; width: 194px; padding: 10px 30px 10px 30px}
.calendarDiv .eventsMid a {color:#ffffff !important}
.calendarDiv .eventsBottom {background:url(../images/upcomingEvents_bottom.png) no-repeat; height: 19px; width: 254px;}

.calendarDiv .entry {background:url(../images/entrySeparate.gif) no-repeat top; padding: 15px 0 0 0; margin: 15px 0 0 0}

.calendarDiv .location {font-weight: bold !important; font-size: 1.3em!important; color: #ffffff !important}
.calendarDiv .date, .calendarDiv .time {font-style: italic;color: #ffffff !important}

.promoBKG {background:url(../images/promoBKG.gif) no-repeat; height:222px; width: 301px; float: right; position: absolute; right: -35px; top: 50px; padding: 49px 9px 9px 74px}
.promoBKG h3 {font-size: 1.5em; color: #DC1546; margin: 0 0 5px 0}
.promoBKG p {line-height: 1.5em; mragin: 3px 0 0 0}

.daiquirisBKG {background:url(../images/daiquriCentral.png) no-repeat; height: 321px; width: 350px; float: right; position: relative; left: 75px; top: 210px}
.daiquirisBKG a.link {height: 207px; width: 350px; display: block; text-indent: -9999px}
.daiquirisBKG .ratedDrinks {width: auto; margin: 0 auto }
.daiquirisBKG img {border:none}

.giftCardBKG {background:url(../images/giftCardBKG.png) no-repeat; height: 137px; width: 247px; clear: right; float: left; }
.giftCardBKG a {display:block; height: 100%; width: 100%; text-indent: -9999px}

/* ----- form styles ----- */

/* ----- form ----- */

form h5 {margin-bottom: 5px}

form.styled {width: 395px; margin: 0 0 0 50px}
form.styled h4 {font-size: 2em !important}
form.styled h5 {font-size: 1.6em ; margin: 0 0 10px }
form.styled label {display: block; text-align: right; width: 75px; font-size: 1.2em; float: left; padding: 8px 10px 0 0}
form.styled input, form.styled textarea {width: 250px; height: 17px; padding: 5px; font-size: 1.4em; float: left; border: 1px solid #3E1F9F; margin: 0 0 7px 0; font-family: Arial, Helvetica, sans-serif; background: #ffffff}
form.styled textarea {height: auto}
form.styled select {  padding: 5px; font-size: 1.4em; float: left; margin: 0 0 7px 0; border: 1px solid #3E1F9F;font-family: Arial, Helvetica, sans-serif; background: #ffffff}
form.styled input:hover, textarea:hover, select:hover {border: 1px solid #FB1C4E}
form.styled input:focus, textarea:focus, {border: 1px solid #FB1C4E; background: #B8ACEE}

form.styled fieldset {clear: left; padding: 15px; border: 1px solid #4f2379; background:#D0CAC1; margin: 0 0 20px 0}

form.styled .textAreaLong {width: 336px !important; height: 120px} 
form.styled .labelLong {width: auto !important; text-align: left; margin: 0 0 7px 0 !important; clear: left}
*+html body form.styled .labelLong {width: 336px !important}
form.styled .noTopPadding {padding-top: 0 !important}
form.styled .labelSmall {width: auto !important; padding: 0 10px 0 10px}
form.styled .radio {width: 14px !important; border: none; background: none; margin: 0}
form.styled .address {height: 70px}
form.styled .state {width: 25px}
form.styled .zip {width: 60px}
form.styled .checkbox {margin: 5px; width: 15px; border: none; background: none; float: left}
form.styled .checkbox:hover {border: none}

form.styled .required {background: url(images/asteric.gif) no-repeat center right; padding: 8px 19px 0 0; margin: 0 10px 0 0; width: 56px; font-size: 1.1em}
form.styled p.required {font-size: 1.2em !important}
form.styled .clearNone {clear: none!important}

#s {width: 140px; height: 17px; padding: 5px !important; font-size: 1.4em; float: left; border: 1px solid #8F6318; margin: 4px 7px 7px 0; font-family: Arial, Helvetica, sans-serif; background: #FFFDF5}
#s:hover {border: 1px solid #523808}

form.styled input.resetBTN {background:url(/images/resetBTN.gif) no-repeat; height: 20px; width: 44px; border: none; cursor: pointer;margin: 15px 0 0 0px }
form.styled input.submitBTN {background:url(/images/submitBTN.gif) no-repeat; height: 20px; width: 48px; border: none; margin:15px 30px 0 75px;  cursor: pointer}
form.styled input.nextBTN {background:url(images/nextBTN.gif) no-repeat; height: 36px; width: 57px; border: none; margin:0 30px 0 75px;  cursor: pointer}
form.styled input.signupBTN {background:url(images/signupBTN.gif) no-repeat; height: 36px; width: 80px; border: none; margin:0 30px 0 75px;  cursor: pointer}
input.searchBTN {background:url(images/searchBTN.gif) no-repeat; height: 36px; width: 80px; border: none; cursor: pointer}

#add-element:hover {cursor: pointer; color: #7D560E}

/* ----- Top Name Drop Downs ----- */

.topDrop {position: absolute; top: 0; left: 300px; height:190px; width: 250px; z-index: 60 !important}
.topDrop a {display: block; height: 100%; width: 100%; text-indent: -9999px; }

.topDrop.whiteRussian {left: 285px; width: 275px}
.topDrop.knockoutPunch {left:350px;}
.topDrop.bayBreeze {left: 300px; width: 330px}
.topDrop.painKiller {left: 180px; width: 340px}
.topDrop.margarita {left: 270px; width: 200px}

.topDrop.whiteRussian a {background:url(../images/topDrop_whiteRussian_on.png) right bottom no-repeat;  }
.topDrop.knockoutPunch a {background:url(../images/topDrop_knockoutPunch_on.png) left bottom no-repeat; }
.topDrop.bayBreeze a {background:url(../images/topDrop_bayBreeze_on.png) left bottom no-repeat;}
.topDrop.painKiller a {background:url(../images/topDrop_painKiller_on.png) bottom no-repeat; }
.topDrop.margarita a { background:url(../images/topDrop_margarita_on.png) left bottom no-repeat }

/* ----- events section of locations section ----- */

.entry {margin: 20px 0 0 0}
.date, .time {color: #FC0021; font-weight: bold}
p.location {font-size:1.8em!important; color: #621AAD; }

/* ----- ecard form ----- */

.ecardImage { width: 130px; height: 73px; margin: 0 22px 22px 15px; float: left;}
.ecardInput {margin: 35px 13px 0 0 !important; float: left}
.ecardImage label {width: 100px; height: 73px; padding: 0 0 0 10px; float: left}

/* ----- birthday box ----- */

#birthdayBox {background:url(../images/homeBirthday.png) no-repeat right; height: 136px; width: 185px;position: absolute; top: 240px; right: -70px; z-index: 92}
#birthdayBox h3 {display: block; height: 100%; width: 100%; }
#birthdayBox a {display: block; height: 100%; width: 100%; text-indent: -9999px}

/* ----- birthday box ----- */

#daiquiriTrailer {height: 81px; width: 150px;position: absolute; top: 355px; right: -50px; z-index: 92}

/* ----- wtf?! ----- */

#wtfBOX {background:url(../images/homeWTF.png) no-repeat right; height: 74px; width: 113px; position: absolute; right: 0; top: 300px;}
#wtfBOX h3 {display: block; height: 100%; width: 100%; }
#wtfBOX a {display: block; height: 100%; width: 100%; text-indent: -9999px}

/* ----- get social pieces ----- */

.socialBox {float: left; height: 75px; padding: 0 0 20px 0; margin: 0px 30px 10px 10px; position: relative;}
.socialBox h4 {height: 40px !important; text-indent: -9999px}
.socialBox p {width: 112px; font-size: 1em !important}
.socialBox a {display: block; height: 40px; width: 112px; position: absolute; top: 0; left:0; padding: 40px 0 0 85px; font-size: 1em; color: #0D0D0D !important; text-decoration: none !important}

.socialTwitter {background:url(../images/socialTwitter.png) no-repeat; width: 182px}
.socialFacebook {background:url(../images/socialFacebook.png) no-repeat;width: 190px}
.socialECard {background:url(../images/socialECards.png) no-repeat; width: 182px}
.socialMailingList {background:url(../images/socialMailingList.png) no-repeat; width: 215px; margin: 0 auto; float: none; clear: both}
.socialFeedback {background:url(../images/socialFeedback.png) no-repeat; width: 182px}

/* ----- copy/credits info ----- */

.siteInfo {width: 300px; color: #ffffff; font-size: 1.2em; margin: 200px 15px 0px 15px } 
.siteInfo a {color: #ffffff; text-decoration:none;}
.siteInfo a:hover {color:#F9F9F9}
.siteinfo.copy { float: left;}
.siteInfo.credits {float: right; text-align: right}

#jerksLink {background:url(../images/jerksLink.png) no-repeat; height: 102px; width: 267px; position: absolute; bottom: -65px; left: 190px}
#jerksLink a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

/* ----- hides the dashboard on normal state ----- */
#dashboard {display: none}

/* ----- drive thru ----- */
.driveThruBox {background:url(../images/driveThru.png) no-repeat; height:100px; width: 201px; position: absolute; top:275px; left:65px; z-index: 9999}
.driveThruBox a {display: block; height: 100%; width: 100%; text-indent: -9999px;}