/* CSS DOCUMENT FOR Saffron's */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#003300;
}

.bgheader
{
background-image:url(../../images/bgheader.jpg);
width:532px;
height:118px;
background-repeat:no-repeat;
}

.bgmain
{
background-image:url(../../images/mainbg.jpg);
width:795px;
height:204px;background-repeat:no-repeat;
}
.bggreen
{background-color:#D5AC34;
}
.bg
{
background-image:url(../../images/bg.jpg);
width:219px;
height:204px;
}
.address
{
font-family:Tahoma;
font-size:12px;
color:#681C14;
font-weight:BOLD;
padding-right:14PX;
}

#navbarbg
{
background-image:url(../../images/navbarbg.jpg);
height:35px; background-repeat:repeat-x;
}

.footer{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#D7E9D1;
background-color:#D29C19;
}


#bgmaininner
{
background-image:url(../../images/mainbginner.jpg);
width:601px;
background-color:#FFFFFF;

 
}

.padding
{
padding-left:16px;
}

.paddingheading
{

margin-left:24px;
}

.text
{
font-family:Tahoma;
font-size:11px;
font-weight:normal;
color:#ffffff;
padding-left:24px;
padding-right:24px;
padding-top:20px;
}

.learn
{
font-family:Tahoma;
font-size:11px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
padding-right:12px;

}

.home1
{
font-family:Tahoma;
font-size:11px;
font-weight:normal;
color:#ffffff;
 text-decoration:none;

}

.home
{
font-family:Tahoma;
font-size:11px;
font-weight:normal;
color:#ffffff;
 text-decoration:none;

}


.home:hover
{
font-family:Tahoma;
font-size:11px;
font-weight:normal;
color:#95DC7D;
text-decoration:none;
 
}

.get
{
font-family:Tahoma;
font-size:12px;
color:#681C14;
font-weight:normal;
padding-right:14PX;
text-decoration:none;
}

.get:hover
{
font-family:Tahoma;
font-size:12px;
color:#912A1E;
font-weight:normal;
padding-right:14PX;
text-decoration:none;
}


#bgindex{
background-image:url(../../images/bg1.jpg);
background-repeat:repeat-y;
background-repeat:repeat-x;
width:795px;
height:205px;
}

.bgyellow
{
background-image:url(../../images/bgyellow.jpg);
 
height:auto;
}

#bgyellow 
{
background-color:#D5AC34;
}

a {

	font-family:Tahoma, Arial;
	font-size:11px;
	color:#F5F4DE;
	font-weight:normal;
	text-decoration:none;
}

a:hover {

	font-family:Tahoma, Arial;
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	}
	
	
	.learnbg
	{
	background-image:url(../../images/learnn.jpg);
	width:272px;
	height:204px;
	}
		.button
	{
font-family:Tahoma, Arial;
color:#94372C;
font-weight:bold;
border:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#CCCCCC;
	}
	
	input, select, textarea {

	font-family:Tahoma, Arial;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	border:#666666;
	border-style:solid;
	border-width:1px;
	background-color:#EAEAEA;

}

.mand
 {
font-family:Tahoma;
font-size:12px;
color:#FF0000;
font-weight:bold;
}
	
a:link.blue    {color: #ffffff; font-family:Tahoma; font-size:14px; font-weight:bold; padding-right:25PX; text-decoration:underline;}
a:visited.blue {color: #ffffff; font-family:Tahoma; font-size:14px; font-weight:bold; padding-right:25PX; text-decoration:underline;}
a:active.blue  {color: #95DC7D; font-family:Tahoma; font-size:14px; font-weight:bold; padding-right:25PX; text-decoration:underline;}
a:hover.blue   {color: #95DC7D; font-family:Tahoma; font-size:14px; font-weight:bold; padding-right:25PX; text-decoration:underline;}



 .box{clear:both;width: 460px; color: #333; padding: 0px 0px 5px 0px; margin: 0px 0 0 0px; overflow: hidden;}
   .box p.title {color:#1999ce; font-weight:bold;font-size:12px;padding: 5px 0px 0px 10px; margin: 0px 0 0 0px;}
   .box p {color:#262626; font-size:11px;padding: 1px 0px 1px 10px; margin: 0px 0 0 0px;}
   .box a:link, .box a:visited {color: #262626; text-decoration:none;}
   .box a:active, .box a:hover {color: #0164a3; text-decoration:none;}
   .sizeboxt{clear:both;padding:0; margin: 0; overflow: hidden;}
   .sizeboxb{clear:both;padding:0; margin: 0; overflow: hidden;}
   .sizeboxm{clear:both;padding:0 0 15px 0; margin: 0; overflow: hidden;background: #fff;border-left:1px solid #dedede;border-right:1px solid #dedede; width: 445px;}
   #line{border-bottom: 1px dotted #8b8b8b;margin:5px 10px 5px 10px;}
   .sizeboxm table{padding: 0; margin: 0px 0px 10px 10px;width: 425px}
   .sizeboxm td{padding: 0px 0px; margin: 0;}
   .sizeboxm td.sel{padding: 0px 0px 0px 0px; margin: 0px 0 0 0px;background:#e9e9e9;}
   .sizeboxm td p {color:#262626; font-size:11px;padding: 2px 0px 2px 2px; margin: 0px 0 0 0px;}
   .sizeboxm table.tablegraph{padding: 0px 0px 0px 0px; margin: 0px 0 0 10px;width: 200px}
   .sizeboxm table.tablegraph td{padding: 0px 5px 0px 5px; margin: 0px 0 0 0px;background:#f6f6f6;font-size:9px;border-right: 1px solid #ebebeb; }
   .button{float: left;width: 100px; padding: 5px 10px 15px 0px; margin: 0px 0 0px 0px; overflow: hidden;}
   #graph1{float:left;padding:0px 0 0 0px; margin: 0; overflow: hidden;position:relative;}
   #graph{float:left;padding:100px 0 0 30px; margin: 0; overflow: hidden;position:relative;}
   #boxsmall{clear:both;padding: 0px; margin: 0 auto; overflow: hidden;position:relative; width: 427px;background: #f4f4ec;border:1px solid #efefed;}

  #imagestyle {float: left;background: #fff; border: 0px solid #b6b6b6; width:99px;height:99px}
   #imagestyle img {margin: 0px 0 0 0px; border: 0px solid #6a8a98;}

#imagestyle2 img {margin: 6px 0 0 6px; border: 1px solid #6a8a98;}


 #detailescont {float: left;padding: 0px;margin:0 0 0 13px;}
   #detailescont p {padding: 0px;margin:0 0 0 0px;font-size: 14px;width: 320px;color:#545454;}
   #detailescont span {color:#1999ce; font-weight:bold;}
   #detailescont p.conttext {padding: 0px;margin:15px 0 0 0px;font-size: 18px;color:#2e2e2e; border-bottom: 1px dotted #8b8b8b;}
   #detailesmenu{clear: both; width: 100%;text-align:left; font-size: 14px;color:#8e8e8e;padding:0 0 0px 0;}
   #detailesmenu ul {margin: 5px 0 0 0; padding: 0; overflow: hidden}
   #detailesmenu li {display: inline; float: left; list-style-type:none;  margin:0 19px 0 0; padding: 0 19px 0 0;border-right: 1px dotted #8e8e8e;}
   #detailesmenu a:link, #detailesmenu a:visited {color: #36a4d2; text-decoration:none;}           
   #detailesmenu a:active, #detailesmenu a:hover  {color: #0164a3; text-decoration:none;}
   

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.saffronssidewalkcafe.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.saffronssidewalkcafe.com/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }