/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label	{margin:0px; padding:0px; list-style:none}
img							{border:none;}
a:link, a:visited			{text-decoration:none;}
a:hover, a:active			{text-decoration:none;}
/*input, select				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label						{cursor: pointer; margin-bottom: 5px}
*/
/* Set html & body 
--------------------------------------------------*/
html						{width:100%;}
body						{position:relative; width:100%; min-width:1000px; margin:0 auto; font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:12px; color:#351b00; line-height:20px; background: #e3ae3d url(../images/bkg_pattern.jpg); z-index:1;}
#container					{position:relative; width:1000px; min-height:300px; margin:0 auto; left:0px; background:url(../images/bkg_leaves.png) 0 0 no-repeat; z-index:2;}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 					{position:relative;}
#branding h2				{position:absolute; left:-9997px;}

#logo						{position:relative; width:534px; height:95px; padding:25px 0px 0px 25px;}
#menubutton					{position:absolute; top:0px; left:644px; width:220px; height:120px; background:url(../images/btn_menu_o.png) no-repeat;}
#menubutton a				{display:block;}
#menubutton a:hover img		{visibility:hidden;}

/*Main Navigation*/
#nav						{position:absolute; top:120px; left:40px; width:156px; height:607px; background:url(../images/nav_glyph_top.gif) 0 0 no-repeat; margin:0px; padding-top:43px;}
#nav h2						{position:absolute; left:-8999px;}

#nav ul li					{float:left; width:156px; height:34px; margin-top:13px;}
#nav ul li a 				{display:block;}

* html a:hover 				{visibility:visible;}
#nav li a:hover img			{visibility:hidden;}

#nav_home 					{background:url(../images/nav_home_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_ourmenu				{background:url(../images/nav_ourmenu_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_ourshoppe 				{background:url(../images/nav_ourshoppe_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_ourstory 				{background:url(../images/nav_ourstory_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_curbsidepickup			{background:url(../images/nav_curbsidepickup_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_blog					{background:url(../images/nav_blog_o.gif) no-repeat; border-bottom:2px dotted #c3791f;}
#nav_contactus				{background:url(../images/nav_contactus_o.gif) no-repeat;}

#pg_home #nav_home img,
#pg_ourmenu #nav_ourmenu img,
#pg_ourshoppe #nav_ourshoppe img,
#pg_ourstory #nav_ourstory img,
#pg_curbsidepickup #nav_curbsidepickup img,
#pg_blog #nav_blog img,
#pg_contactus #nav_contactus img	{visibility:hidden}

#contactinfo				{clear:left; text-align:center; background:url(../images/nav_glyph_btm.gif) 0 0 no-repeat; height:150px; padding-top:45px;}
#contactinfo p				{font-size:13px; line-height:18px; margin-bottom:8px;}
#contactinfo span			{color:#790101; font-size:12px; font-weight:bold;}


/* CONTENT & FORMATTING
---------------------------------------------------*/

#content					{position:absolute; top:120px; left:211px; width:754px; min-height:300px; z-index:3;}

#content a:link, #content a:visited		{color:#ad570e; text-decoration:none;}
#content a:hover, #content a:active		{color:#cb0000; text-decoration:none;}

#contenttop					{background:url(../images/bkg_content_top.png) top no-repeat; height:115px; overflow:auto;}
#contenttop #pgtitles 		{position:relative; padding-top:49px; width:294px; height:65px;}
#contenttop .dottedline		{position:relative; width:644px; height:2px; border-bottom:2px dotted #d79f30; margin:-15px auto 0px auto; }
#contenttop h1				{position:absolute; left:-9998px;}

#contentmiddle				{background:url(../images/bkg_content_middle.png) repeat-y; overflow:auto; min-height:300px;}
#contentmiddle ul			{padding-bottom:10px;}

#contentbtm					{background:url(../images/bkg_content_btm.png) top no-repeat; height:55px;}

.text						{padding:4px 55px 0px 55px;}
#pg_ourstory .text			{width:310px;}

.blogposts					{float:left; width:500px; padding:8px 10px 0px 55px;}
.blogposts h1				{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:22px; font-weight:bold; color:#462100; margin-bottom:6px;}
#pg_blog .blogposts h1 a:link, #pg_blog .blogposts h1 a:visited  {color:#462100;}
#pg_blog .blogposts h1 a:hover, #pg_blog .blogposts h1 a:active  {color:#cb0000; background-color:#eeb23e;}

#pg_blog .blogposts p a:link, #pg_blog.blogposts p a:visited    {color:#ad570e;}
#pg_blog .blogposts p a:hover, #pg_blog .blogposts p a:active    {color:#cb0000; background-color:#eeb23e;}

#pg_blog .sidebar					{float:left; width:100px; border-left:1px solid #f7ca66; padding:15px;}
#pg_blog .sidebar li 				{list-style:disc; color:#a10000; margin:0px 0px 0px 15px;}
#pg_blog .sidebar a:link, .sidebar a:visited    {color:#ad570e;}
#pg_blog .sidebar a:hover, .sidebar a:active    {color:#cb0000; background-color:#eeb23e;}

.dottedline					{position:relative; width:644px; padding:0px; height:2px; border-bottom:2px dotted #d79f30; margin:0px auto;}
.firstline					{color:#a10000; text-transform:uppercase; letter-spacing:2px; font-size:16px; font-weight:bold;}

p							{margin-bottom:10px;}
h1							{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:18px; font-weight:bold; color:#462100; margin-bottom:6px;}
h2							{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:15px; font-weight:bold; color:#462100; text-transform:uppercase; margin-bottom:6px;}
h3							{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:14px; font-weight:bold; color:#a10000; margin-bottom:0px;}

/*#pg_ourshoppe h2, #pg_ourmenu h2	{margin-left:55px;}*/

.clear						{clear: both;}
.left						{float:left;}
.right						{float:right; clear:right;}
.right2						{float:right; clear:right; margin-top:-40px;}
.right3						{float:right; clear:right; padding:20px 60px 0px 0px;}

.buynowbutton				{width:143px; height:61px; background:url(../images/btn_buynow_o.gif) no-repeat; padding-bottom:15px;}
.buynowbutton a				{display:block;}
.buynowbutton a:hover img	{visibility:hidden;}

.viewmenubutton				{width:143px; height:46px; background:url(../images/btn_menu-sm_o.gif) no-repeat;}
.viewmenubutton a			{display:block;}
.viewmenubutton a:hover img	{visibility:hidden;}

#PhotoCollage				{position:absolute; top:45px; left:370px; z-index:500;}
img.SandwichCollage			{margin-left:35px;}


/* HOME CONTENT
---------------------------------------------------*/

#pg_home #content			{position:absolute; top:120px; left:211px; width:754px; background:none;}
#pg_home #flashcontent		{height:412px;}

#subnav						{height:159px;}
#subnav ul li				{float:left;}
#subnav ul li a				{display:block;}
#subnav li a:hover img		{visibility:hidden;}

#subnav_ourshoppe			{background:url(../images/btn_OurShoppe_o.png) no-repeat;}
#subnav_oursandwiches		{background:url(../images/btn_OurSandwiches_o.png) no-repeat;}
#subnav_ourseasoning		{background:url(../images/btn_OurSeasoning_o.png) no-repeat;}
#subnav_ourblog				{background:url(../images/btn_OurBlog_o.png) no-repeat;}


/* Menu Page Styles
---------------------------------------------------*/
#menu_subnav				{margin:0px 55px;}
#menu_subnav p				{color:#CC9933;}
#menu_subnav p a:link, #menu_subnav p a:visited {font-size:12px; font-weight:bold; text-transform:uppercase; color:#a10000; padding:0px 3px;}
#menu_subnav p a:hover, #menu_subnav p a:active	 {color:#cb0000; background-color:#eeb23e; padding:0px 3px;/*old: #f6ca69*/}

#DownloadMenu				{float:right; height:15px; padding-left:12px; margin:78px 55px 0px 0px; font-size:11px;}	

.TornPaper					{clear:both; margin-left:16px; padding-top:16px;}
.Title						{margin:5px 55px 0px 55px; height:25px; border-bottom:2px dotted #d79f30;}
.Title h2					{float:left;}
.BackToTop					{float:right; height:15px; background:url(../images/img_uparrow.gif) 0px 5px no-repeat; padding-left:12px; font-size:10px;}	

#DownloadMenu a:link, .BackToTop a:link, #DownloadMenu a:visited, .BackToTop a:visited  {color:#462100; text-transform:uppercase; font-weight:bold;}
#DownloadMenu a:hover, .BackToTop a:hover, #DownloadMenu a:active, .BackToTop a:active  {color:#7d4000; background-color:#eeb23e;}


.Header						{margin:0px 0px -10px 0px;}
.Subhead					{margin:8px 0px -5px 0px;}
.Subhead2					{margin:0px 0px 0px 0px; float:left;}
.desc						{margin:8px 55px; line-height:18px; font-style:italic;}
.desc2						{margin:0px; padding:0px; height:10px;}

.LeftCol1, .LeftCol2, .LeftCol3, .LeftCol4, .RightCol1, .RightCol2, .RightCol3, .RightCol4, .RightColDouble {float:left;}

.LeftCol1, .LeftCol2, .LeftCol3, .LeftCol4 {margin-left:55px;}
.LeftCol1					{width:280px;}
.LeftCol2					{width:230px;}
.LeftCol3					{width:280px;}
.LeftCol4					{width:180px;}

.RightCol1, .RightCol2, .RightCol3, .RightCol4, .RightColDouble  {margin-left:24px;}
.RightCol1					{width:280px;}
.RightCol2					{width:400px;}
.RightCol3 					{width:360px;}
.RightCol4 					{width:180px;}
.RightColDouble				{width:200px;}		

ul.DescTitles				{float:left; width:180px; margin-bottom:15px;}
ul.DescTitlesLg				{float:left; width:260px; margin-bottom:10px;}
ul.Price					{float:left; text-align:center;}
ul.Price li					{margin-left:5px;}

.dots						{border-bottom:2px dotted #d79f30;}
.smaller					{text-transform:uppercase; font-size:11px;}
.red						{color:#a10000;}
.black						{color:#000;}

span.h3						{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:14px; font-weight:bold; color:#a10000;}
.List 						{width:160px; float:left;}
.List2						{width:200px; float:left;}
.List li, .List2 li			{font-family: "Trebuchet MS", TrebuchetMS, Arial; font-size:14px; font-weight:bold; color:#a10000;}						

.calendar					{height:900px; background:url(../images/img_quichecollage.png) bottom no-repeat;}

/* Calendar Page Styles
---------------------------------------------------*/
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
        background:#e5a435;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #ffd87a;
        background-color:#7d4000;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }

     .calendar-next a:link, .calendar-next a:visited, .calendar-next a:hover, .calendar-next a:active, 
     .calendar-prev a:link, .calendar-prev a:visited, .calendar-prev a:hover, .calendar-prev a:active {
		color:#eeb23e;
     }
     
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
        color:#FFD87a;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #ffd87a;
        background-color:#9d570e;
        color:#ffd87a;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #ffd87a;
        background-color:#9d570e;
        color:#eeb23e;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #ffd87a;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #ffd87a;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }


/* Our Shoppe Page - Cheese Combos - Styles
---------------------------------------------------*/

#cheese-combos 	{margin-left:45px;}
.three-column		{float:left; margin:8px 10px; width:200px; height:245px; background-color:#f7ca66;}
.three-column img	{border:8px solid #d79f30;}
.three-column p	{padding:5px 10px 0px 10px; line-height:17px; font-size:11px;}
.three-column span	{color:#a10000; font-weight:bold;}


#ourSeasoning		{background:url(../images/img_fioris-seasoning.png) 400px 0px no-repeat; overflow:auto;}
#ourSeasoning p		{width:430px;}
#BuyNowContainer	{width:430px; overflow:auto;}
ul#BuyNowLinks		{float:left; width:300px; padding:0px 5px 0px 20px;}
ul#BuyNowLinks li	{padding:4px 0px;}
ul#BuyNowBtns		{float:left; width:95px;}
ul#BuyNowBtns li	{float:left; width:88px; height:27px; padding-bottom:1px;}
ul#BuyNowBtns li a	{display:block;}
ul#BuyNowBtns li a:hover img	{visibility:hidden;}
* html ul#BuyNowBtns li a:hover {visibility:visible;}
.buynowbtn_sm 		{background:url(../images/btn_buynow_sm_o.gif) 0 0 no-repeat;}


/* Contact Us Page Styles
---------------------------------------------------*/

#iFrame						{margin:8px 55px 0px 55px; border:8px solid #eeb23e;}
#iFrame a:link, #iFrame	a:visited {color:#462100; text-transform:uppercase; font-weight:bold;}
#iFrame a:hover, #iFrame a:active {color:#7e4100; background-color:#f6ca69;}


/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo					{position:relative; text-align:center; height:50px; background:url(../images/img_footer_bkgd.png) no-repeat; margin-top:18px; padding-top:16px;}
#siteinfo cite				{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3d2000; font-style:normal;}
#siteinfo a:link, #siteinfo a:visited	{color:#3d2000;}
#siteinfo a:hover, #siteinfo a:active	{color:#d70000;}