body 
{
    background-color:#74472a;
	background-image: url("images/bg-brown.gif"); 
    margin: 4px 0 0 0;
    font-family:Trebuchet MS;
    font-size:11px;
    height:100%;
}

a {color:#74472a;}
h3 {color:#9e76b4}

#frankiesContainer
{
  width:721px;
  height:100%;
  margin: 0 auto;
  padding:8px 10px 8px 10px;
  background-color:#ffffff;
}

#bodyContent
{
	background-color:#ffffff;
	height:100%;
	padding-bottom:4px;
}
#promoContent
{
    position:relative;
    width:721px;
    height:238px;
    margin-top:3px;
   
   
}
#leftPromo
{
    float:left;
    width:164px;
    height:235px;
    position:relative;
    margin:0;
    padding:0;
}
#leftPromo img
{
    margin-bottom:4px;
}
#rightPromo
{
    margin-left:4px;
    float:left;
    width:549px;
    height:235px;
    position:relative;
    padding:0;
}

#head
{
    width:721px;
    height:93px;
    background-image: url(images/bg.gif);
    background-repeat: repeat;
    position:relative;
    overflow:hidden; 
    margin-top:0px;
}
#headImages
{
    float:left;
    width:520px;
}
#newsletter
{
    
    color:#ffffff;
    font-size:10px;
    height:93px;
    width:185px;
    margin-top:10px;
    padding-left:8px;
    position:relative;
    float:left;    
}
#newsletter p 
{
    margin:0;
    padding-bottom:3px;
}
#newsletter input 
{
    font-size:10px;
    border:solid 1px #FEA5EE;
}

.btn
{
    background-color:#794c2f;
    color:#ffffff;
    font-weight:bold;
    border:none;
    cursor:pointer;
    border:solid 1px #351704;
}
#topnav
{
    height:28px;
    width:721px;
    position:relative;
    background-color:#f499c1;
    margin-bottom:2px;
}

#topnav ul {
	list-style: none;
	margin:0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
}
#topnav ul li {
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}
#topnav ul li a span {
	display: none;
}
#topnav ul li a {
	display: block;
	height: 28px;
	background-image: url(images/navpink.png);
    background-repeat: no-repeat;
}
#tn_home a 		{ width: 65px}
#tn_frankies a 	{ width: 94px; background-position: -65px  0 }
#tn_candy a     { width: 73px; background-position: -159px 0 }
#tn_chocolate a { width: 116px; background-position: -232px 0  }
#tn_gifts a 	{ width: 60px; background-position: -348px 0  }
#tn_parties a 	{ width: 81px; background-position: -408px 0}
#tn_news a 		{ width: 117px; background-position: -489px 0 }
#tn_contact a   { width: 95px; background-position: -606px 0 }

#tn_home a:hover 		{ width: 65px; background-position: 0 -30px }
#tn_frankies a:hover 	{ width: 94px; background-position: -65px -30px }
#tn_candy a:hover 		{ width: 73px; background-position: -159px -30px }
#tn_chocolate a:hover   { width: 116px; background-position: -232px -30px }
#tn_gifts a:hover 	{ width: 60px; background-position: -348px -30px }
#tn_parties a:hover { width: 81px; background-position: -408px -30px  }
#tn_news a:hover 	{ width: 117px; background-position: -489px -30px}
#tn_contact a:hover       { width: 95px; background-position: -606px -30px }

.whitespace
{
    height:2px;
  
}

.whitespaceclear
{
   
   clear:both; 
    
}


#content
{
    width:532px;
    margin-left:6px;
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
    font-size:13px;
    color:#4c320d;
  
}
#c1 
{
    width:164px;
    float: left;
    margin:0;
    padding:0px;
    border-top:0;
    
   
    
}

#c1 h1
{
    font-size:14px;
    color:#f499c1;
    margin:0;
    padding: 6px 0 0 4px;
	font-weight:bold;
}
#c1Title 
{
     height:27px;
     background-color:#794c2f;
     position:relative;
     margin-bottom:3px;
     margin-top:2px;
    
}
.c1Title
{
	 height:27px;
     background-color:#794c2f;
     position:relative;
     margin-bottom:3px;
     color:#ffffff;
     margin-top:2px;
}

#c1Title a
{
 text-decoration:none;
 height:27px;
 width:164px;
  color:#FF8080;
}
#c2Title
{
    height:15px; 
    background-color:#794c2f;
    margin-bottom:3px;
    margin-top:2px;
   
}
.c3Title
{
      height:27px;
      background-color:#794c2f;
      margin-bottom:3px;
      margin-top:2px;
}
#c4Title
{
    background-color:#794c2f;
    height:27px;
    margin-bottom:3px;
     margin-top:2px;
}
#c5Title
{
    height:27px;
    width:224px;
    background-color:#794c2f;
    margin-bottom:3px;
    margin-top:2px;
}
#c6Title
{
	 background-color:#794c2f;
     height:27px;
     margin-top:2px;
}

#c6Title a {color:#ffffff}
#c1 p
{
    color:#ffffff;
   
}

 .favlist
 {
 width:164px;
 margin:0;
 padding:0;
 position:relative;
 background:#794c2f;
 
} 

#topcandies
{
   margin:2px;
   padding:0;
    list-style-type:none;
    width:162px;
  
}
#topcandies li
{
    padding:3px;
   
}
.odd {background-color:#9f6540;}


#topcandies li a
{
    text-decoration:none;
    color:#ffffff;
    font-size:10px;
    font-family:verdana;
    font-weight:bold;
    
  
}  

#topcandies li a:hover
{
  
   color:#f499c1;
}
#c2 
{
   width:325px;
   height:100%;
   background-color:#ffffff;
   float: left;
   margin-left:4px;
  
  
   
}
#c2 h1
{
    font-size:14px;
    color:#ffffff;
    margin:0 0 10px 0;
    padding: 6px 0 0 4px;
    font-weight:bold;
}




#c3 
{
    width:224px;
    vertical-align: top;
    float: left; 
    height:100%;
    margin-left:2px;
}
#c3 p
{
	margin: 2px 4px 4px 4px;
}

#c3 h1
{
    font-size:14px;
    color:#ffffff;
     margin:0;
    padding: 6px 0 0 4px;
    font-weight:bold;
}
#c3Content
{
    width:227px;
   
}
#c3Content p
{
    margin-left:4px;
    margin-top:2px;
    font-size:12px;
}

.candyhead
{
    font-size:18px;
    color:#74472a;
    margin: 10px 0 2px;
}

h1
{
	font-size:18px;
    color:#fd01f8;
    margin: 10px 0 2px;
}

#c4
{
   
    width:164px;
    margin:0;
    padding:0;
    
  
}

#c4 p
{
    color:#000000;
    font-size:11px;
    margin:0;
    
}




#c6
{
   width:557px; 
   float:left;
  
  
}

#c6  h1
{	
	font-size:14px;
    color:#FAC730;
    margin:0;
    padding: 6px 0 0 4px;
}
 #c6 span {color:#FAC730;font-size:14px;padding: 6px 0 0 4px;}

#c6 h2

{color:#0ebded;font-size:20px;text-decoration:underline;}



#c6 p
{
    margin:0;
    padding:0;
    margin-top:4px;
    margin-bottom:16px;
    
}

#c7 
{
    width:164px;
    position:relative; 
    vertical-align: top;
    float: left;
    display:inline;
    margin: 0px 0px 0px 0px;
    padding:0px; 
     
}

#c7 h1
{
    font-size:12px;
    color:#fac730;
    margin:0;
    padding: 6px 0 0 4px;

}
#c7Title 
{
     height:27px;
      background-color:#017DC3;
     position:relative;
    
}
#c7 p
{
    color:#000000;
   
}


#footer
{
    width:721px;
    background-color:#74472a;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    border-bottom:solid 4px #f499c1;
    margin-top:6px;
    clear:both;
}

#footer ul
{
    list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#footer ul li {
	padding: 0;
	display: inline;
	list-style: none;
}
#footer ul a
{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    
}
#footer ul a:hover
{
   color:#FF8080;
}


.contentImageFloatLeft
{
float:left;
margin:4px 8px 12px 5px;
}

.contentImageFloatRight
{
    float:right;

margin:4px 6px 12px 8px;
    
}

.imageFloatLeft
{
    margin:4px 6px 0 4px;
    float:left;
}
.imageFloatRight
{
    margin:4px 2px 0 6px;
    float:right;
}




.promo

{
	width:224px;
	margin:0 0 4px;
	padding-bottom:6px;
	background-color:#fac730;
	
}
.promoTitle
{
	height:27px;
    width:224px;
    background-color:#B30000;
    margin-bottom:2px;
    margin-top:2px;
}
.promoTitle h1
{
	font-size:12px;
    color:#ffffff;
     margin:0;
    padding: 6px 0 0 4px;
}
.promo img
{
	float:left;
	margin:6px 2px 6px 6px;
	border:solid 2px #47240e;
}
.promo p
{
	font-size:12px;
	margin:6px;
	float:left;
	padding-bottom:4px;
	padding-top:4px;
	color:#3f2311;
	font-weight:bold;
	width:100px;
}
.news
{
	width:325px;
	margin :0 0 4px;
	background-color :#f499c1;
	display:block;		
	
}
.welcome
{
	width:325px;
	margin :0 0 4px;
	display:block;
}
.welcome p 
{
	font-size:12px;
	margin:6px;
	float:left;
	padding-bottom:4px;
	color:#342901;
	}
	.welcome img {margin:4px 0 0 6px}
.news img
{
	float:left;
	width:105px;
	margin:6px 2px 6px 6px;
	border:solid 1px #000000;
}

.news h3
{
	color:#74472a;
    margin:6px;
    font-size:18px;
    width:190px;
    line-height:20px;
    float:left;
    
   
}
.news p
{
	width:190px;
	font-size:12px;
	margin:6px;
	float:left;
	padding-bottom:4px;
	color:#74472a;
}

.news a 
{
	padding-top:6px;
	margin:0;
	color:#74472a;	
}

hr 
{
	clear:both;
	visibility:hidden;
}


/* product css */

.plainbox a
{
	text-decoration:none;
}

.featuredCandy
{
	
}
/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}

.dropdowns {background-color:#794c2f;color:#f499c1;font-size:12px;font-weight:bold;}
.navsearch { background-color:#794c2f;
     position:relative;
     padding:3px;
     margin-top:2px;
     margin-bottom:3px;
     color:#ffffff;
     text-decoration:none;
     font-weight:bold;}

.pager a {text-decoration:none;font-weight:bold;}

.price {color:#74472A;font-weight:bold;}
#content .productname {font-size:17px;
    color:#0EBDED;
    padding: 6px 0 0 4px;}