﻿/*
	jiflube.com Styles

	Table of Contents:
		layout
		typography
		components (such as the calendar, forms)
		containers
		template containers
*/

/* layout
----------------------------------------------- */

* 
{
	margin:0;
	padding: 0;
}

body {
	background: #666666;
}

body.LTR, body.RTL
{
	background: #666666;
}

a,img {
	border: 0;
}

p {
	margin: 1em 0 0.8em;
}
p.f
{
	margin: 0 0 .8em 0;
}

.floater
{
	float:left;
}


/* typography
----------------------------------------------- */

h1,
h2, 
h3, 
h4, 
h5, 
h6 {
  	font-family:"Times New Roman", Times, serif;
  	color: black;
	font-weight: normal;
}

h1 {
	font-size: 1.65em;
    margin: 0 0 .4m 0;
    padding-bottom:15px; 
    font-weight:600;
    text-align:center
}

h2{ 
	font-size: 1.35em;
	font-style:italic;
    margin: 0 0 .5em 0;
    line-height:1.5;
    font-weight:600;
    color:#739331;
}
h3 {
	font-size: 1.35em;
	font-style:italic;
    margin: .5em 0 .5em 0;
    line-height:1.5;
    font-weight:600;
    color:#739331;
}
h4
{
	font-size:1.45em;
	font-style:italic;
    margin: 0 0 .5em 0;
    line-height:1.5;

}

/* components
----------------------------------------------- */

img.fancybox {border: 1px solid #CCC; padding:2px; margin:10px 5px 10px 0;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* Navigation
----------------------------------------------- */

#subNavBar-about{display:none;}
#subNavBar-menu{display:none;}
#subNavBar-calendar{display:none;}
#subNavBar-partners{display:none;}
#subNavBar-contact{display:none;}


ul#subnav
{
	float:right;
	list-style:none;
	width:750px; /*773*/
	height: 26px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
	/*padding:18px 0px 5px 9px;*/
}
	ul#subnav li{
		display:block;
		float:right;
		padding: 8px 44px 0px 0px; /*	padding: 8px 44px 0px 0px;*/
		font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 13px;
		cursor:pointer;
	}
	ul#subnav li a{
		color: #000000;
		text-decoration: none;
	}
	ul#subnav li a:hover{
		color: #244904;
		text-decoration: underline;
	}
	ul#subnav li.subnavUnderline
	{
		color: #244904;
		text-decoration: underline;
	}

/* Containters
----------------------------------------------- */

#wrapper{
	width:750px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#header
{
	float: left;
}


#navigation{clear:both; height:25px;}

	#navigation .nav{}

#content{clear:both; text-align:left; background:white}

#footer
{
	clear:both;
	float: left;
	background:white url('/App_Themes/Main/jiflube/Images/footer.gif') no-repeat bottom;
	width: 750px;
	height: 45px;
}
	#footer .nav {height:26px; margin:0 auto; text-align:center; padding-top:5px;}
	#footer .bot {height:19px; margin:0 auto; text-align:center; color:white; font-size:.7em}
	#footer ul
	{
		width: 600px;
		margin:0 auto;
		list-style:none;
		font-size:.8em;
	}
	#footer ul li
	{
		display:block;
		float:left;
	}
	#footer ul li.footerBullet
	{
		padding: 0px 6px;
		font-size: 12px;
	}
	#footer ul li a
	{
		color: black;
		text-decoration:none;
	}
	#footer ul li a:hover
	{
		text-decoration:underline;
	}

/* Templates 954px Width
----------------------------------------------- */
.floatL {float:left;}
.floatR {float:right;}
.w306{width:306px;}
.w410{width:410px;}
.w244{width:230px;}
.post{background:#E9F2D7 url('/App_Themes/Main/Images/bgc.jpg') no-repeat; width:400px; padding:75px 0 0 14px; _height:250px; min-height:250px;}
.w50{width:49%;}

#tempHead{width:750px; height:145px;}
	#tempHead .orange{background-color:#ff9900;}
	#tempHead .grey{background:#616e64;}
	#tempHead .black{background:#151112}
	#tempHead .white{background:white}
	#tempHead .murky{background:#566eb2}
	#tempHead .blue{background:#455d81}
	#tempHead .brown{background:#948679}
	#tempHead .yellow{background:#fff089}
	#tempHead .padded{padding:8px; text-align:center; width:428px; height:129px;}

#style-A{background:white url('/App_Themes/Main/jiflube/Images/conbgA.gif') no-repeat; min-height:440px; _height:440px; }
	#style-A .leftCol{float:left; width:122px; min-height:440px; _height:440px; text-align:center}
		#style-A .leftCol img{padding:35px 0 0 0;}
	#style-A .rightCol{float:left; width: 628px;}
		#style-A .mainText
		{	
			background:white url('/App_Themes/Main/Jiflube/Images/contentF.gif') repeat-y top;
			padding: 0px 19px 5px 15px; 			
		}
	#style-A ul{}
		#style-A li{ list-style:disc inside; padding:5px 20px 0 15px;}

#style-B{min-height:440px; _height:440px; }
	#style-B .leftCol{float:left; width:122px; min-height:440px; _height:440px; text-align:center}
		#style-B .leftCol img{padding:35px 0 0 0;}
	#style-B .rightCol{float:left; width: 628px;}
		#style-B .mainText
		{	
			background:white url('/App_Themes/Main/Jiflube/Images/contentF.gif') repeat-y top;
			padding: 0px 19px 5px 15px; 			
		}
	#style-B ul{}
		#style-B li{ list-style:disc inside; padding:5px 20px 0 15px;}
	#style-B h1{
		font-size: 1.25em;
	    margin: 0 0 .2m 0;
	    padding-bottom:7px; 
	    font-weight:600;
	    text-align:center
				}
#loca a{ text-decoration:none }
#loca a:hover{ text-decoration:underline; color: black;}

.coupon{width:464px; height:308px; float:left; cursor:pointer; padding: 0 0 0 55px;}
div.cfooter{background:url('/app_themes/main/jiflube/images/coupons/footer.gif'); width:464px; height:38px; float:left; font-size:12px; text-align:center; line-height:14px;}
p.cterms{margin:0 0 0 0}


/* 
#style-A {padding:20px 35px 20px 55px; font-size:.8em; line-height:22px;} 
	#style-A ul{list-style:square inside}
	#style-A blockquote{width:410px;background:#CBDF9F; margin:0 0 0 10px; padding:10px;}
	#style-A li.pref {list-style:none; padding:15px 30px 0 0;}

	ul#testimonial li{margin:0 30px 25px 0; line-height:25px; list-style:none;}
	ul#testimonial li:hover{background-color:#E9E6C1}

 
#style-B {padding:20px 35px 20px 55px; font-size:.8em; line-height:22px;} 
	#style-B blockquote{width:410px;background:#CBDF9F; margin:0 0 0 10px; padding:10px;}
	#style-B ul
	{
	margin:0;
	padding:0;
	vertical-align:top;
	}
	#style-B li
	{
	line-height:23px;
	vertical-align:top;
	width: 190px;
	min-height: 180px;
	border: 1px #336600 dotted;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 5px 4px 5px 4px;
	margin: 5px;
	zoom: 1;
    *display: inline;
    _height: 180px;
	}
	#style-B li.pref {width:250px; _height:180px; min-height:180px;}
	#style-B li.nod {_height:70px; min-height:70px;}
	#style-B li.rental {background:#FFFF66}
	#style-B li.cakes {background:#CCFFFF}
	#style-B li.flowers {background:#FFCCFF}
	#style-B li.photography {background:#CCCCFF}
	#style-B li.bridal {background:#CCFFCC}
	#style-B li.rental h2 {color:black}
	#style-B li.cakes h2 {color:black}
	#style-B li.flowers h2 {color:black}
	#style-B li.photography h2 {color:black}
	#style-B li.bridal h2 {color:black}

	
	
	#style-B li:hover{background:#E9E6C1}
	#style-B h2{margin-bottom:3px;}

#menu{padding:20px 35px 20px 55px; font-size:.8em; line-height:22px;}
	
	#menu ul{list-style:square inside}
	#menu dl{width: 97%;margin:0 0 1em 0;}
	#menu dt,dd.price{font-size: 1.1em;font-weight: bold; padding-top:18px; }
	#menu dt{float: left;padding-right: 3px;color: #739331;}
	#menu dd{margin:0}
	#menu dd.price{float: right;padding-left:3px;color: #739331}
	#menu dd.ingredients{float: left;width: 100%;padding: 3px 0; font:italic .95em Arial,Helvetica,sans-serif;;color:black; line-height:22px; }
	#menu dd:hover{background-color:#ADDA35}
	#menu h2{font-size:1.45em; padding-top:10px}
	#menu .sep{clear:both; height:15px;}
	#menu blockquote{width:410px;background:#CBDF9F; margin:0 0 0 10px; padding:10px;}

#wblock blockquote{width:510px;background:#CBDF9F; margin:0 0 0 10px; padding:10px;}*/
	
