﻿/*
	aamtuffy.com Styles

	Table of Contents:
		layout
		typography
		components (such as the calendar, forms)
		containers
		template containers
*/

/* layout
----------------------------------------------- */

* 
{
	margin:0;
	padding: 0;
}

body {
	background: #808080;
	font-family:"Times New Roman", Times, serif;
}

body.LTR, body.RTL
{
	background: #808080;
	font-family:"Times New Roman", Times, serif;
}

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:Impact, Haettenschweiler, Arial Narrow Bold, Arial, sans-serif;
  	color: black;
	font-weight: normal;
}

h1 {
	font-size: 3em;
   /* margin: 0 0 .4m 0;
    padding-bottom:15px; */
    text-align:center;
    color:white;
    text-transform:uppercase

}

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;}

/* Containters
----------------------------------------------- */

#wrapper{
	width:700px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#header
{
}


#navigation{clear:both; height:56px;}

	#navigation .nav{}

#content{clear:both; text-align:left; background:white}

#footer
{
	clear:both;
	float: left;
	width: 700px;
	height: 64px;
}
	#footer .top {height:48px; margin:0 auto; text-align:center; padding-top:2px; background:#999999; font-family:Arial, Helvetica, sans-serif; font-weight:300; color:#535353;font-size:1.2em}
	#footer .bot {height:16px; margin:0 auto; text-align:center; color:white; background:#313131; font-size:.7em}
	
/* Templates 954px Width
----------------------------------------------- */
.pTitle {width:360px; position: relative; top:57px; height:108px;}
.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:700px; height:108px; background:#999999;}

#style-A{padding:15px 15px 15px 15px;}

/* coupons 
-------------------------- */

#wideCoupon{width:351px; margin:0 auto; cursor:pointer}
#wideCoupon .disclaimer{width:351px; height:46px; background:url('/App_Themes/Main/Aamtuffy/Coupons/mainCB.gif') no-repeat; font-size:11px; color:#295ca7; text-align:center}
#wideCoupon .disclaimer p{margin:0; padding:0 15px;}

#tallCouponContainer{width:465px; margin:0 auto; cursor:pointer}
.tallCoupon{width:196px; margin:0 18px 20px; float:left;}
.tallCoupon .disclaimer{width:196px; height:58px; background:url('/App_Themes/Main/Aamtuffy/Coupons/tallbot.gif') no-repeat; font-size:11px; color:black; text-align:center}
.tallCoupon .disclaimer p{margin:0; padding:5px 10px 0; line-height:12px;}





