@charset "UTF-8";/*********************************************************START GLOBAL CSS*********************************************************//* Tags */html {    background: #FFF url(../img/back-repeat-gradient.jpg) repeat-x;    /* Height is 100%, so the body can be 100% */    height: 100%;}body {	background:  url(../img/bg-repeat-maincontainer2.png) repeat-y center 4px;	margin: 0;	padding: 0;	/* Height is 100%, so the tiled BG will tile all the way down       the page, not just as far down as the page's content       (when the content's height is less than the window's height) */    height: 100%;    font-family: Arial, Helvetica, sans-serif;}/*Hackety-hack-hack...FF2, with the above code, will only display the repeat-y image for as    high as the window's viewport is; higher content (upon    scrolling) will not have the bg.This "hack" makes the tiled background work properly in FF2.This type of "advanced selector" is not understood by IE6...dunno 'bout IE7.*/html>body {	min-height: 100%;	height: auto;	background-position: center 2px;}input {	font-size: 0.9em;}a {	color: #000000;	text-decoration: none;}h1 {	font-size: 2.2em;	color: #000000;	margin: 0px 0px 5px;	padding: 0px;	line-height: 100%;}h2 {	font-size: 1.1em;	color: #000000;	margin: 0px;	padding: 0px;	font-weight: bolder;}h3 {	font-size: 1em;	color: #000000;	margin: 0px 0px 5px;	padding: 0px;}h4 {	font-size: 1.4em;	color: #000000;}h5 {	font-size: 1em;	color: #000000;	font-weight: bold;	margin: 0px;	padding: 0px;}h6 {	font-size: 2em;	font-weight: lighter;	color: #000000;}/* Classes */.bold {	font-weight: bold;}.black {	color: #000000;}.white {	color: #FFFFFF !important;}.light-blue {	color: #00A4E3 !important;}.lightblue-lefttitle {	text-transform: uppercase;	color: #00A4E3 !important;	font-size: 0.9em !important;	font-weight: bold;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;}.white-lefttitle {	text-transform: uppercase;	color: #FFFFFF !important;	font-size: 0.9em !important;	font-weight: bold;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;}.lightblue-contenttitle {	text-transform: uppercase;	color: #00A4E3 !important;	font-size: 1.0em !important;	font-weight: bold;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;}.overlay-title {	font-size: 1.2em;	text-transform: uppercase;	color: #06357A !important;	margin: 0px;	padding: 0px;	font-weight: bold;}.overlay-title-white {	font-size: 1.2em;	text-transform: uppercase;	color: #FFFFFF;	margin: 0px;	padding: 0px;	font-weight: bold;}.overlay-title-largelb {	font-size: 1.6em !important;	text-transform: uppercase;	color: #00A4E3 !important;	margin: 0px;	padding: 0px;	font-weight: bold;}.dark-blue {	color: #06357A !important;}.dark-blue a:hover {	color: #00A4E3 !important;}.light-blue a:hover {	color: #06357A !important;}/*********************************************************END GLOBAL CSS*********************************************************//* Containers */#container {	height: auto;	width: 960px;	margin-right: auto;	margin-left: auto;}.innercontainer {	margin: 0px;	padding: 0px 30px;	float: left;	height: auto;	width: 900px;	background-color: #FFFFFF;}/* header stuff */.header {	margin: 0px;	padding: 25px 0px 15px;	float: left;	height: auto;	width: 900px;	position: relative;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;}.logo-area {	margin: 0px;	padding: 0px;	float: left;	height: 52px;	width: 280px;}.navigation {	margin: 0px;	padding: 6px 0px 0px;	float: right;	height: 46px;	width: 610px;}.navigation ul {	color: #000000;	font-size: 1.0em;	float: right;	margin: 0px;	padding: 0px;}.navigation li {	display: block;	margin: 0px 0px 0px 45px;	padding: 0px;	text-transform: uppercase;	font-weight: bold;	color: #06357B;	text-align: center;	float: left;	font-size: 0.9em;}.navigation a {	color: #06357A;	text-decoration: none;}.navigation a:hover {	color: #00A4E3;}.mainbody-container {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 900px;}#mainimage {	margin: 0px;	padding: 0px;	float: left;	height: 590px;	width: 900px;}#maincontent {	margin: 0px;	padding: 30px 0px 0px;	float: left;	height: auto;	width: 900px;}#maincontent-left {	margin: 0px;	padding: 30px 0px 0px;	float: left;	height: auto;	width: 299px;}#maincontent-right {	margin: 0px;	padding: 0px;	float: right;	height: auto;	width: 599px;}.main-topcontainer {	margin: 0px;	padding: 0px;	float: left;	height: 20px;	width: 900px;	text-align: right;}.main-overlaycontainer {	margin: 0px;	padding: 7px 0px 0px;	height: 488px;	width: 900px;	float: left;    position:relative;}.main-footerinfo {	margin: 0px;	padding: 0px;	float: left;	height: 75px;	width: 900px;}.mainfooter-title {	margin: 0px;	padding: 0px;	float: left;	height: 75px;	width: 410px;}.mainfooter-logo {	margin: 0px;	padding: 0px;	float: left;	height: 75px;	width: 80px;}.mainfooter-info {	margin: 0px;	padding: 20px 35px 0px 0px;	float: right;	height: 55px;	width: 299px;}.mainfooter-coolforlinks {	margin: 0px;	padding: 25px 0px 0px;	float: right;	height: 50px;	width: 800px;}.mainfooter-coolforlinks ul {	margin: 0px;	padding: 0px;}.mainfooter-coolforlinks li {	text-transform: uppercase;	display: inline;	color: #06357B;	margin: 0px 15px 0px 0px;	padding: 0px;	font-weight: bold;	font-size: 1.2em;}.mainfooter-coolforlinks a {	color: #06357B;}.mainfooter-coolforlinks a:hover {	font-weight: bold !Important;	color: #00A4E3;}.mainfooter-info p {    color:#00A4E3;    font-size:0.7em;    font-weight:lighter;    margin:0 0 0 48px;}.overlay, .overlay-three-drinks {    background-image:url(../img/overlay-mjito.jpg);    background-repeat:no-repeat;    float:left;    height:480px;    margin:0;    padding:0;    position:relative;    width:820px;}.overlay-three-drinks {    background-image:none !important;}.overlay-coolforkids {    /*     * This is now brought in dynamically through the CMS     * background-image: url(../img/overlay-slushies.jpg);     */    background-repeat:no-repeat;    float:left;    height:480px;    margin:0;    padding:0;    position:relative;    width:820px;}.overlay-whybuyice {	margin: 0px;	padding: 0px;	float: left;	height: 480px;	width: 820px;	background-image: url(../img/overlay-whybuyice.jpg);	background-repeat: no-repeat;}.overlay-leftcol {	margin: 0px;	padding: 20px 15px 0px;	float: left;	height: auto;	width: 239px;}.overlay-leftcol ul {	margin: 0px;	padding: 0px;	line-height: 130%;}.overlay-leftcol li {	font-size: 0.7em;	color: #06357B;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;}.overlay-rightcol {	margin: 0px;	padding: 20px 30px 0px 0px;	float: left;	height: auto;	width: 250px;}.overlay-rightcol2 {	margin: 0px;	padding: 0px 0px 0px 0px;	float: left;	height: auto;	width: 250px;}.overlay-rightcol p, .overlay-leftcol p {	font-size: 0.7em;	color: #06357B;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 0px;	line-height: 140%;}.overlay-closecontainer {    height:17px;    margin:0;    position:absolute;    right:20px;    text-align:right;    top:10px;    width:69px;}.overlay-titlecontainer {    float:left;    height:auto;    margin:0;    padding:20px 0 0 15px;    width:549px;}.overlay-contentcontainer {	margin: 0px;	padding: 0px;	float: left;	width: 820px;	height: auto;}.overlay-imagearea,.overlay-imagearea-nudge-left,.overlay-imagearea-nudge-center,.overlay-imagearea-nudge-right {    float:left;    height:458px;    margin:0;    padding:10px 0 12px 10px;    width:246px;}.overlay-imagearea-nudge-left {}.overlay-imagearea-nudge-center {    padding-left:31px !important;}.overlay-imagearea-nudge-right {    float:right;    padding:10px 10px 12px 0px;}.overlay-2col {    float:right;    height:auto;    margin:0;    padding:40px 0 0;    width:564px;}.overlay-inner {	margin: 0px;	padding: 20px 20px 0px 35px;	float: right;	height: auto;	width: 508px;}.overlay-inner ul {	margin: 0px;	padding: 0px;}.overlay-inner  li {	font-size: 0.8em;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	list-style-position: outside;	list-style-image: url(../img/circle-bullet.png);	color: #06357B;}.im-an-image {    background-color:#EEEEEE;    height:458px;    width:246px;}.arrow, .arrow2 {	margin: 0px;	padding: 0px;	height: 480px;	width: 40px;    position:relative;}.arrow {	float: left;}.arrow2 {	float: right;}.left-arrow, .right-arrow {    cursor:pointer;    height:33px;    position:absolute;    top:220px;    width:33px;}.left-arrow {    left:0;}.right-arrow {    right:0;}.left-arrow a, .right-arrow a {    display:block;    width:33px;    height:33px;}.left-arrow a {    background:url(../img/left-arrow.png) no-repeat scroll 0 0 transparent;}.right-arrow a {    background:url(../img/right-arrow.png) no-repeat scroll 0 0 transparent;}/* main content area */.leftcolumn {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 299px;}.input-area {	margin: 0px;	padding: 0px;	float: left;	height: 55px;	width: 200px;}.leftcolumn-content {	margin: 0px 0px 20px;	padding: 0px 15px;	float: left;	height: auto;	width: 269px;}.leftcolumn-content ul {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 269px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #CCCCCC;}.leftcolumn-content  li {	margin: 0px;	padding: 5px 0px;	height: auto;	width: 269px;	float: left;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	font-size: 1.0em;	text-transform: uppercase;	color: #06357B;}.leftcolumn-content p {	font-size: 0.8em;	color: #06357B;	line-height: 130%;}.leftcolumn-content a {	color: #06357B;	text-decoration: none;}.leftcolumn-content a:hover {	color: #00A4E3;}.leftcolumn-content-news {	margin: 0px 0px 20px;	padding: 0px 15px;	float: left;	height: auto;	width: 269px;}.leftcolumn-content-news ul {	margin: 0px 0px 20px;	padding: 0px;	height: auto;	width: 269px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #CCCCCC;}.leftcolumn-content-news  li {	margin: 0px;	padding: 5px 0px;	height: auto;	width: 269px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	font-size: 0.7em;	text-transform: uppercase;	color: #06357B;}.leftcolumn-content-news p {	font-size: 0.8em;	color: #06357B;	line-height: 130%;}.leftcolumn-content-news a {	color: #06357B;	text-decoration: none;}.leftcolumn-content-news a:hover {	color: #00A4E3;}#rightcolumn {	margin: 0px;	padding: 0px;	float: right;	height:auto;	width: 599px;}.right2col-content {	margin: 0px;	padding: 30px 0px 20px;	float: left;	height: auto;	width: 599px;}.right2col-content a {	color: #00A4E3;}.right2col-content a:hover {	color: #06357B;}.right2col-content p {	font-size: 0.8em;	line-height: 130%;	color: #06357B;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 10px;	margin-left: 0px;	width: 500px;}.login-container {	width: 499px;	margin: 0px;	padding: 30px 50px 0px;	float: right;	height: auto;	text-align: center;}.login-container p {	line-height: 130%;	color: #00A4E3;}.right-separator {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 622px;}.right-separator2 {	padding: 0px;	float: left;	height: auto;	width: 499px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 20px;	margin-left: 0px;}.enter-submit {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 499px;}.enter-submit p.error {	color:#CD0A0A;    font-size:0.9em;    margin:10px 0px 0px 0px;    font-weight:bold;}.age-title-large {	font-size: 1.7em;	color: #06357A !important;	font-weight: bold;}#right-leftcolumn {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 299px;}#right-leftcolumn2 {	margin: 0px;	padding: 0px;	float: left;	height: 460px;	width: 299px;}.right-rightcolumn {	margin: 0px;	padding: 0px 30px 0px 15px;	float: right;	height: auto;	width: 254px;}.right-rightcolumn p {	font-size: 0.8em;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	line-height: 140%;	color: #06357B;}.actionboxes {	margin: 0px 0px 15px;	padding: 5px 0px;	float: left;	height: auto;	width: 900px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;}.actionboxes-right {	margin: 0px;	padding: 0px;	float: right;	height: auto;	width: 599px;}.action-title {	margin: 0px;	padding: 0px;	float: left;	height: 40px;	width: 299px;}.action-content {	float:left;	height:90px;	margin:0;	padding:0 93px 0 14px;	width:192px;}.action-content a {	color: #00A4E3;	text-decoration: none;	display: block;}.action-content p {	color: #00A4E3;	font-size: 0.8em;	line-height: 130%;}.action-content a:hover {	color: #06357A;}.action-options-left {	margin: 0px;	padding: 0px;	float: left;	height: 130px;	width: 149px;}.action-options-left ul, .action-options-right ul {	margin: 0px;	padding: 0px;}.action-options-left li, .action-options-right li {	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	font-size: 0.8em;}.action-options-left a, .action-options-right a {	display: block;	height: auto;	width: 140px;	margin: 0px;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 3px;	padding-left: 4px;	color: #06357B;}.action-options-left a:hover, .action-options-right a:hover {	color: #FFFFFF;	background-color: #00A4E3;}.action-options-right {	margin: 0px;	padding: 0px;	float: right;	height: 130px;	width: 149px;}.leftbox {	margin: 0px;	padding: 0px;	float: left;	height: 130px;	width: 299px;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #999999;	background-repeat: no-repeat;	background-position: right;}.leftbox-summer-drinks {    background-image: url(../img/bottom_footer/summerdrinks-image.jpg);}.leftbox-cool-ideas {    background-image: url(../img/bottom_footer/summerdrinks-image.jpg);}.leftbox-london-ice-co {    background-image: url(../img/bottom_footer/london-ice-co.jpg);}.leftbox-snow-cone-zone {    background-image: url(../img/bottom_footer/coolforkids-image.jpg);}.leftbox2 {	margin: 0px;	padding: 0px;	float: left;	height: 130px;	width: 299px;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #999999;}.middlebox {	margin: 0px;	padding: 0px;	float: left;	height: 130px;	width: 299px;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #999999;	background-repeat: no-repeat;	background-position: right;}.middlebox-cool-for-kids {	background-image: url(../img/bottom_footer/coolforkids-image.jpg);}.middlebox-dare-2-flare {	background-image: url(../img/bottom_footer/daretoflare-images.jpg);}.middlebox-fruity-cocktails {	background-image: url(../img/bottom_footer/fruitycocktails-images.jpg);}.rightbox {	margin: 0px;	padding: 0px;	float: right;	height: 130px;	width: 299px;	background-repeat: no-repeat;	background-position: right;}.rightbox-how-we-make-ice {	background-image: url(../img/bottom_footer/howwemake-image.jpg);}.rightbox-bartender-tips {	background-image: url(../img/bottom_footer/bartender-images.jpg);}.rightbox-our-family-company {	background-image: url(../img/bottom_footer/family-history-images.jpg);}.agebox-container {	width: 252px;	margin-right: auto;	margin-left: auto;	height: 80px;}.agebox {	height: auto;	width: 80px;	float: left;	margin: 0px;	padding: 0px 2px;}.agebox-top {	margin: 0px;	padding: 0px;	float: left;	height: auto;	width: 80px;}.agebox-top p {	font-size: 0.8em;	text-align: center;	color: #06357B;}.agebox-drop {	height: auto;	width: 80px;	float: left;	margin: 0px;	padding: 5px 0px 0px;}.agebox-drop input {	background:#FFFFFF;	border:1px solid #999999;	color:#06357B;	font-size:13px;	font-weight:bold;	height:20px;	padding:5px;	width:58px;	margin: 0px;	text-align: center;}.newsimage {	padding: 0px;	float: right;	height: 200px;	width: 300px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 5px;}/* footer area */.footer {	margin: 0px 0px 30px;	padding: 0px;	float: left;	height: auto;	width: 900px;}.footer-left {	margin: 0px;	padding: 0px;	height: auto;	width: 390px;	float: left;}.footer-right {	margin: 0px;	padding: 0px;	float: right;	height: auto;	width: 200px;}.footer-left  p {	color: #999999;	font-size: 0.8em;	margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 5px;	padding-left: 0px;	text-transform: uppercase;}.footer-left  a {	color: #06357A;	font-size: 0.8em;	padding: 0px;	margin-top: 0px;	margin-right: 15px;	margin-bottom: 0px;	margin-left: 0px;}.footer-left  a:hover {	color: #00A4E3;}.footer-right  p {	color: #999999;	font-size: 0.8em;	margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 5px;	padding-left: 0px;	text-align: right;}.footer-right a {	color: #CCCCCC;	font-size: 0.8em;	padding: 0px;	margin: 0px;}.footer-right  a:hover {	color: #06357A;}.overlay-container {    background-color:#FFF;    background-image:url(../img/overlay.jpg);    background-repeat:no-repeat;    display:none;    height:480px;    left:40px;    position:absolute;    top:7px;    width:820px;    z-index:4444;}.overlay-coolforkids .overlay-leftcol p, .overlay-coolforkids .overlay-rightcol p {    color:#FFF;}.overlay-2col .overlay-leftcol p.lightblue-lefttitle {    line-height:140% !important;}.overlay-2col .overlay-leftcol p {    /*line-height:200%;*/}.right2col-content h1 {    color:#00A4E3;    font-size:1.6em;    font-weight:bold;    line-height:130%;    margin:0 0 20px;    text-transform:uppercase;}#overlay-bartender-tips {    background-image:url(../img/overlay-bartendertips.jpg) !important;}#overlay-bartender-tips ul li {    list-style-type:decimal;    list-style-image:none;    list-style-position:outside;    color:#06357B;    font-size:0.8em;    margin:0px 0px 4px 0px !important;    padding:0;}#overlay-bartender-tips .overlay-inner {    padding:15px 20px 0px 35px !important;}#overlay-dare-2-flare {    background-image:url(../img/overlay-daretoflare.jpg) !important;}/*START TIMELINE*/#timeline-header-container {    width:599px;    height:144px;    background-image:url(../img/timeline/timeline-header.jpg);    background-repeat:no-repeat;    position:relative;}#timeline-button-container {    float:left;    height:auto;    left:20px;    position:absolute;    top:110px;    width:auto;}.timeline-control {    display:block;    float:left;    height:31px;    margin:0 72px 0 0;    width:31px;}.timeline-control-1 {    background-image:url(../img/timeline/timeline-buttons-1860.png);    background-repeat:no-repeat;}.timeline-control-1-hover {    background-image:url(../img/timeline/timeline-buttons-1860-high.png);}.timeline-control-2, .timeline-control-3, .timeline-control-4, .timeline-control-5 {    background-image:url(../img/timeline/timeline-buttons-bluecircle.png);    background-repeat:no-repeat;}.timeline-control-2-hover, .timeline-control-3-hover, .timeline-control-4-hover, .timeline-control-5-hover {    background-image:url(../img/timeline/timeline-buttons-bluecircle-high.png);}#timeline-control-6 {    margin:0px 0px 0px 0px !important;}.timeline-control-6 {    background-image:url(../img/timeline/timeline-buttons-2010.png);    background-repeat:no-repeat;}.timeline-control-6-hover {    background-image:url(../img/timeline/timeline-buttons-2010-high.png);}.timeline-image {    display:none;}.timeline-image-first {    display:block;}a.timeline-control {    outline:none;}/*END TIMELINE*/.paginationControl {    float:left;    width:auto;    height:auto;    color:#06357B;    font-size:0.8em;}.paginationControl a {    color:#06357B;}.paginationControl a:hover {    color:#00A4E3;}.news-article-container {    float:left;    width:599px;    height:auto;    border-bottom:1px solid #CCCCCC;    margin:0px 0px 20px 0px;    padding:0px 0px 10px 0px;    color:#06357B;}.news-article-container-last {    border-bottom:none !important;}.news-article-container a {    color:#06357B;}.news-article-container img {    float:right;    width:126px;    height:94px;    border:solid 1px #00A4E3;}.news-article-headline {    width:399px !important;    height:auto;}.news-article-blurb {	width:399px !important;}.news-article-headline a {    font-weight:bold;    color:#00A4E3 !important;    font-size:1.3em;}.news-article-categories-tags-container {    font-size:0.7em !important;	width:399px !important;}.news-article-categories-tags-container a:hover {    color:#00A4E3 !important;}.news-article-blurb a:hover {    color:#00A4E3 !important;}.left-menu-highlight-link {    font-weight:bold;}.sub-menu-highlight-link {    color:#00A4E3 !important;}
