@import "menu.css";

/******** global ***********/

body { 
	margin: 0;
	padding: 0;	
	font: 100% Georgia, "Times New Roman", Times, serif;
	background:#fff url(../images/checkerstrip-b-bkg.jpg) repeat;
	text-align:center;
}

img { border:0; }

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a:active {
	color: #006699;
	text-decoration: underline;
}


h3 { color:#9B0000; font-size:0.95em; margin-bottom:10px; }
h2 { color:#006699; font-size:1em; }
p { font-size:0.9em; margin-top:0; }




div#header {
	width:758px;
	height:135px;
	background:#fff url(../images/eastcoast-original-frozen-c.jpg) top left no-repeat;
	text-align:left;
	margin-right:auto;
	margin-left:auto;	
}

div#header ul {
	float:right;
	width:290px;
	height:36px;
	list-style:none;
	padding:0;
	margin:0;
	margin-top:5px;
	background:url(../images/topmenu-pink.gif) top left no-repeat;
}

div#header ul li { float:left; }

div#header ul li a {
	display:block;
	text-indent:-2000em;
}

div#header ul li#homelink a {
		width:55px;
		height:36px;
}

div#header ul li#contactlink a {
		width:88px;
		height:36px;
}

div#header ul li#maplink a {
		width:70px;
		height:36px;
}

div#header ul li#nutritionlink a {
		width:77px;
		height:36px;
}

div#header h1 a {
	text-indent:-2000em;
	display:block;
	width:225px;
	height:125px;
	overflow:hidden;
}

div#header h1 { margin:0; padding:0; }

div#wrapper {
	background:#fff url(../images/homeWrapper-bkg.gif) top left repeat-y;
	width:758px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

div#footer p { margin: 0; padding-top:15px; color:#fff; font-weight:bold; }

div#footer {
	background:#144293 url(../images/footer-bkg.gif) top left no-repeat;
	width:758px;
	margin-left:auto; margin-right:auto;	
	margin-top:0;
	margin-bottom:0;
	height:70px;
	clear: both;
	color:#fff;
}

div#copynotice {
	display:block;
	font-size:0.8em;
}



#block_1
	{
	float: left;
	width: 244px;
	margin-left: 228px;
	/*background:url(../images/east-coast-custard_med.png) top center no-repeat;
	padding-top:86px;*/
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 228px;
	margin-left: -472px;
	}
#block_3
	{
	float: left;
	width: 228px;
	}
#inner-wrapper
	{
	width: 700px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;	
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#inner-wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#inner-wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#inner-wrapper
	{
	display: inline-block;
	}
/*\*/
#inner-wrapper
	{
	display: block;
	}
	
div#flavors ul, ul#special-list {
	background: #A9C0EC;
	padding: 0 0 12px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: solid 1px #ccd9ff;
	margin:0;
	padding:0;
	list-style:none;
}

ul#special-list {
	background:#eee;
}

ul#special-list {
	background: #EFC1C1;
}

div#flavors ul li, ul#special-list li { padding:5px 0 0 0; }

div#flavors ul li h3, ul#special-list li h3 {
	margin: 0;
	padding: 0;	
	font-size: 14px;
	background: #62A0C9 url(../images/flavorlinkbackground.jpg) repeat-x;	
}

ul#special-list li h3 {
	background: #62A0C9 url(../images/speciallinkbackground.jpg) repeat-x;
}


div#flavors ul li h3 a, ul#special-list li h3 a {
	display: block;
	text-decoration: none;
	padding: 4px 8px 4px 18px;
	font-weight: normal;
	background-image: url(../images/accordion_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #BDD3F2;
	border-bottom: 1px solid #286CD2;	
}

div#flavors h4 {
	color:#9B0000;
}

div#flavors ul li h3.selected a, ul#special-list li h3.selected a { background-image: url(../images/accordion_arrow_down.gif); font-weight:bold; }

div#flavors ul li h3 a:link { 	color: #144293; }
div#flavors ul li h3 a:visited { 	color: #144293; }
div#flavors ul li h3 a:hover { 	color: #333; }
div#flavors ul li h3 a:active { 	outline: 1px dotted #ccc; }

div#flavors ul li h3.selected a:link { color:#144293; }
div#flavors ul li h3.selected a:visited { color:#144293; }
div#flavors ul li h3.selected a:hover { color:#144293; }
div#flavors ul li h3.selected a:active { color:#144293; }

ul#special-list li h3 a:link { 	color: #990000; }
ul#special-list li h3 a:visited { 	color: #990000; }
ul#special-list li h3 a:hover { 	color: #333; }
ul#special-list li h3 a:active { 	outline: 1px dotted #ccc; }

ul#special-list li h3.selected a:link { color:#990000; }
ul#special-list li h3.selected a:visited { color:#990000; }
ul#special-list li h3.selected a:hover { color:#990000; }
ul#special-list li h3.selected a:active { color:#990000; }

div#flavors ul dl dt, ul#special-list h4 {
	color:#3366FF;
	font-weight:bold;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:10px;
}

ul#special-list h4
{
	color:#990000;
	clear:both;
}

div#flavors ul dl dd, ul#special-list p  {
	margin:0 0 0 10px;
	padding:0;
	font-size: 11px;
	clear:both;
}

div#flavors ul dl, ul#special-list div.special-container {
	background: #fff url(../images/flavoritembackground.jpg) repeat-x;
	padding:10px;
}

div.special-container { height:275px; }

div#specials h2 {
		padding-top:68px;
		background:url(../images/monthly-specials.jpg) top left no-repeat;
		color:#666; text-align:center;font-weight:bold;font-size:1em; margin:0;	
}	

div#specials {
	background:#eee;
	border:solid 1px #E7B4B4;
	padding:4px;
}
div#specials h4 {
	padding: 0.5em 0 0.25em 0;
}

div#flavors {
	border:solid 1px #CCC;
	padding:0 1px 0 5px;
}

div#flavors h2 {
		padding-top:68px;
		background:#fff url(../images/flavor-of-day.jpg) top left no-repeat;
		color:#666; text-align:center;font-weight:bold;font-size:0.8em; margin:0;
}

div#mailingList form {
	background:#fff url(../images/mailing-bkg.jpg) top left repeat-y;
	padding:10px 0 0 10px;
	margin:0;
}

div#block_1 div {
	padding:0 5px;
}

form { padding:0; margin:0; }

form#locationHours { margin-bottom:15px; }

div#mailingList img { display:block; }
div#mailingList { padding-top:20px; }



img.floatLeft { 
    float: left; 
    padding-right:5px;
}
img.floatRight { 
    float: right; 
    padding-left:5px;
}

.left { float:left; }

/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	display: none;
	color: red;
	font-style: italic
}
div.error { display: none; }
input {	border: 1px dotted black; }
input:focus { border: 1px solid black; }
input.error { border: 1px dotted red; }

***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 100px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 103px;
	width: 220px;
}

form.cmxform input.submit {
	margin-left: 103px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


/*  Our Story */
#Table_history {
	position:relative;
	left:0px;
	top:0px;
	width:700px;
	height:585px;
	background-image:url(../images/history-bkg.jpg)
}
#people-photo_ {
	position:absolute;
	left:480px;
	top:0px;
	width:223px;
	height:279px;
}

#topCorners_ {
	position:absolute;
	left:2px;
	top:44px;
	width:477px;
	height:51px;
}

#story-photo_ {
	position:absolute;
	left:2px;
	top:95px;
	width:172px;
	height:470px;
	background-color:#F8F1EB;
	border-left: 1px solid #BEB5A6;
	margin-left: 2px;
}

#story-text_ {
	position:absolute;
	left:174px;
	top:95px;
	width:276px;
	height: 470px;
	line-height: 1.5em;
	background-color:#F8F1EB;
	border-right: 1px solid #BEB5A6;
	padding-right: 10px;
	padding-left: 8px;
}

#botCorners_ {
	position:absolute;
	left:2px;
	top:543px;
	width:477px;
	height:44px;
}


div#hours {
	background:url(../images/hours-bkg.jpg) bottom right no-repeat;
	height:165px;
	width:223;
	text-align:left;
	
}


div#hours h3 { margin:0; font-size:0.75em; padding-top:10px; padding-left:5px; }
div#hours p { font-size:0.7em; color:#9B0000; font-weight:bold;  padding-left:5px; }

a.arrow {
	background:url(../images/dir-arrow.jpg) top right no-repeat;
	padding-right:20px;
}

/************** .flavor savor styles *****************/

#flavorsavor {
	padding: 0px 2px 0px 2px;
	font-size:12px;
}
#flavorsavor p {
	margin: 0;
	padding: 0;
	color:#000;
	font-weight: bold;
	line-height:2em;
}
#flavorsavor img {
	margin: 0;
	padding: 0;
}
#flavorsavor ul {
	list-style-image: url(../images/dir-arrow.jpg);	
}
#flavorsavor li {
	line-height:14px;
	vertical-align:middle;
	margin:10px 0 10px 0;
	padding-left: 5px;
}

.flavorsavorHeader {
	margin: 0;
	padding: 0;
}
.flavorsavorContent {
	background-image:url(../images/tiles/flavorcard-bkg.jpg);
	background-repeat:no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 5px 10px;
}

/* Custard Kudos page styles */
#foodNetwork_wrapper {
	position:relative;
	left:0;
	top:0;
	width:720px;
	height:450px;
}
.video-bkg {
	position:absolute;
	left:0px;
	top:0px;
	width:356px;
	height:441px;
}
.video {
	position:absolute;
	left:18px;
	top:21px;
	width:356px;
	height:441px;
}
.video_copy {
	position:relative;
	left:378px;
	top:0px;
	width: 300px;
}
.video_copy img {
	padding-bottom: 30px;
}