body 
{
	margin: 0;  
	padding: 0;
	font: 13px "Trebuchet MS",Arial,Verdana,Sans-serif;
	color: #474032;
	background: #608F00;
	text-align:center;
}

/*****************************************/
/* general bits used all over            */
/*****************************************/

.clear 
{
	clear: both;
	height: 0;
}

.box
{
	background-color: #F8FBFD; 
	font-size: 13px; 
	line-height: 13px; border: 1px #608F00 solid; 
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.paging
{
	float:right;
	padding-right:10px;
}

.pageOn
{
	font-weight: bold;
	color: #9F2B25;
	text-decoration: none;
}

hr.g1
{
	border:0;
	color: #608F00;
	background-color: #608F00;
	height: 13px;
	border-top: 2px solid #727272;
	border-bottom: 3px solid #0B5804;
}

li.last
{
	margin-bottom:10px;
}

a
{
	text-decoration:underline;
	color: #117E35;
}

a:hover
{
	text-decoration:none;
	color: #9F2B25;
}

.button_group
{
	margin: 15px 0 0 175px;
}

a.button
{
	background-color: #9F2B25;
	color:#ffffff;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	margin-top: 10px;
}

a:hover.button
{
	background-color: #608F00;
	color:#ffffff;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	margin-top: 10px;
}

a.plain
{
        color: #000;
}

a.largeRed
{
	font-size: 20px;
	color: #9F2B25;
}

a:hover.largeRed
{
	font-size: 20px;
	color: #9F2B25;
	text-decoration:none;	
}


form
{
	margin:0;
	padding:0;
}

img
{
	border:0;
	margin:0;
	padding:0;	
}

.free
{
	color: #9F2B25;
}

hr
{
	border: 1px solid #727272;
}


table
{
 background:#FFF;
}


table tr
{
background:#ECEBEB;
}

input,textarea
{		
border: #000 1px solid;
color: #117E35;
font-family: "Trebuchet MS",Arial,Verdana,Sans-serif;;
line-height:13px;
	font-size: 13px; 
}

.noborder
{
  border:0;
}


/*********************************************************/
/* Main wrapper for the page - used for center alignment */
/*********************************************************/

#wrapper
{
	/* this is the TOTALWIDTH  */
	/* old browsers use this width and put the padding inside  */
	 
	width:776px;
	padding: 0;
	margin:0 auto; /* sets top and bottom to zero - auto centers left and right */
	text-align: left; 
	background: #FFF;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	/* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:776px; 
}

html>body #wrapper
{
	width:776px;
} 

/*****************************************/
/* Top navigation section and Breadcrumb */
/*****************************************/

#top
{
	height:156px;
	width:776px;
	background: url(../images/TopMenu_01.jpg) repeat-x;
}

#logos
{
	position:relative;
	float:left;
	height:116px;
	width:420px;
}


#logos img
{
	float:left;
}

#logos h1
{
	text-align:center;
	width:216px;
	height:116px;
	
	padding: 83px 0 0 16px;
	margin:0;
	position:relative;
	float:left;
	font-size:13px;
	background: url(../images/TopMenu_03.jpg) no-repeat;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	/* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:28px; 
	width:200px; 
	
}

#cart
{
	position:relative;
	float:left;
	background: url(../images/TopMenu_04.jpg) repeat-x;
	height:116px;

	/* this is the TOTALWIDTH  */
	/* old browsers use this width and put the padding inside  */
	 
	width:356px;
	padding:0 0 0 100px;
	
	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:256px; 
}

#cart p
{
	float:left;
	padding-top:20px;
	width: 136px;
	margin-left: 5px;
}

#cart ul
{
	float:left;
	padding:30px 0 0 35px;
	margin:0;
	list-style-image: url(../images/bullet.gif);
}

#breadcrumb
{
	margin:0;
	position:relative;
	color: #ffffff;

	/* this is the TOTALHEIGHT  */
	/* old browsers use this height and put the padding inside  */
	 
	height:30px;
	padding: 8px 0 5px 0;
	
	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	height:17px; 
}

#breadcrumb a
{
	font: 13px "Trebuchet MS",Arial,Verdana,Sans-serif;
	background:url(../images/TopMenuBullet.gif) no-repeat;
	padding-left:12px;
	margin-right:5px;
	color: #ffffff;
	text-decoration:none;
}

#breadcrumb_left
{
	float:left;
	margin:0;
	padding: 10px 0 5px 0;
	position:relative;
	height:30px;
	width:388px;
	color: #ffffff;
}

#breadcrumb_left a
{
	background:url(../images/TopMenuBullet.gif) no-repeat;
	padding-left:12px;
	color: #ffffff;
	text-decoration:none;
}

#breadcrumb_right
{
	float:left;
	margin:0;
	padding: 10px 0 5px 0;
	position:relative;
	height:30px;
	width:388px;
	color: #ffffff;
}


/**********************************/
/* Middle section and all content */
/**********************************/

#middle
{
	width:776px;
}

/**********************************/
/* Middle section LEFT NAVIGATION */
/**********************************/

#middle_left
{
	background: #ffffff;
	float:left;
	position:relative;
	
	/* this is the TOTALWIDTH  */
	 /* old browsers use this width and put the padding inside  */
	width:176px;

	padding: 0 0 0 5px;
	margin:0;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:171px; 
}

#middle_left h1
{
	background: #117E35;
	color:#ffffff;
	font-size: 13px; 
	font-weight:bold;
	height:14px;
	margin:0;
	padding: 3px 20px 3px 20px;
	border-bottom: 2px solid #727272;
	border-top: 2px solid #727272;
}

#middle_left h1.shopping
{
	background: #9F2B25;
	border-bottom: 2px solid #444444;
	border-top: 2px solid #444444;
}

#middle_left ul
{
	margin:0;
	padding:0;
	padding-left:25px;
	border-bottom: 1px solid #727272;
	border-left:1px solid #727272;
	border-right: 1px solid #727272;
	list-style-image: url(../images/bullet.gif);
}

/**********************************/
/* Middle section PRODUCT LISTS */
/**********************************/

#product_list
{
	background: #ffffff;
	float:left;
	position:relative;

	/* this is the TOTALWIDTH  */
	 /* old browsers use this width and put the padding inside  */

	width:393px;
	padding: 0 5px 50px 5px;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:383px; 

}

#product_list h1,h2
{
	background: #C4C4C4;
	font-size: 13px; 
	font-weight:bold;
	height:14px;
	margin:0;
	padding: 3px 20px 3px 20px;
	border-bottom: 2px solid #727272;
	border-top: 2px solid #727272;
}

#product_list p
{
	margin:0 0 10px 0;
}

#product_list ul
{
	list-style-image: url(../images/bullet.gif);
}

#product_list div.first
{
	background: #DFDFDF;
	margin:0;
	padding: 3px 5px 3px 5px;
	
}

#product_list div.firstsmall
{
	background: #DFDFDF;
	margin:0;
	padding: 0px 5px 13px 5px;
}


#product_list div.second
{
	background: #F5F3F3;
	margin:0;
	padding: 3px 5px 3px 5px;
}


#product_list .button_group
{
	margin: 10px 0 10px 175px;
}

#product_list .prdimg
{
	width:125px;
	height:135px;
	float:left;
}

#product_list .prddsc
{
	width:248px;
	float:left;
}

#product_list div.first .prddsc p
{
	padding: 0 0 0 5px;
}

#product_list div.second .prddsc p
{
	padding: 0 5px 0 0;
}

#product_list p.other_links
{
	text-align:center;
	margin-top:50px;
}

#product_list div.socialBookmarks
{
	border: 1px solid #ccc;
	margin-bottom: 8px;
}

#product_list div.socialBookmarks p
{
	font-weight: bold;
	margin-left: 20px;
}

#product_list div.socialBookmarks p img
{
	width: 20px;
	height: 20px;
}

#product_list div.articleProduct
{
	border: 1px solid #9F2B25;
	margin-bottom: 0px;
}

#product_list div.articleProduct p
{
	text-align: center;
	font-size: 13px;
	margin: 5px 10px 10px 10px;
}

#product_list div.articleProduct p a
{
	color: #9F2B25;
	font-weight: bold;
	text-decoration: none;
}

#product_list div.articleProduct p strong
{
	color: #000;
	font-size: 15px;
}

/* GIFTS */

#product_list div.giftDiv
{
	border-top: 2px dashed #9F2B25;
}

#product_list div.giftDiv p
{
	margin: 10px 0 5px 0;
}

#product_list div.giftDiv p img
{
	margin: 0 0 5px 0;
}

#product_list div.giftDiv strong
{
	font-size: 24px;
	color: #9F2B25;
}

/* Blending chart */
ul.AtoZ
{
	margin: 0 0 10px 20px;
	padding: 0;
}

ul.AtoZ li
{
	margin: 0 0 0 8px;
	padding: 0;
	display: inline;
}

/**********************************/
/* Middle section DOUBLE SECTION */
/**********************************/

#double_section
{
	background: #ffffff;
	float:left;
	position:relative;

	/* this is the TOTALWIDTH  */
	 /* old browsers use this width and put the padding inside  */

	width:600px;
	padding: 0 5px 50px 5px;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:590px; 
}

#double_section h1,h2
{
	background: #C4C4C4;
	font-size: 13px; 
	font-weight:bold;
	height:14px;
	margin:0;
	padding: 3px 20px 3px 20px;
	border-bottom: 2px solid #727272;
	border-top: 2px solid #727272;
}

h3
{
	margin:0;
	font-size: 13px;
	font-weight:bold;
}

#double_section div.detail
{
	background: #DFDFDF;
	margin:0;
	padding: 5px 5px 5px 5px;
}

#double_section div.detail p
{

}

#double_section div.detail .prddsc
{
	width:325px;
	float:left;
	padding: 0 0 10px 0;
}

#double_section div.detail .prdimg
{
	width:250px;
	height:250px;
	float:left;
}


#double_section p.idea
{
	margin: 0 0 0 0;
	padding: 15px 0 0 55px;
	background: #DFDFDF url(../images/idea.gif) no-repeat;
	height:50px;
	
}

#double_section p.email
{
	margin: 0 0 0 0;
	padding: 15px 0 0 80px;
	background: #DFDFDF url(../images/emailafriend.gif) no-repeat;
	height:42px;
	
}

#double_section p.winmedia
{
	margin: 0 0 0 0;
	padding: 15px 0 0 80px;
	background: #DFDFDF url(../images/winmedia.gif) no-repeat;
	height:42px;
	
}

#double_section p.realplay
{
	margin: 0 0 0 0;
	padding: 15px 0 0 80px;
	background: #DFDFDF url(../images/realplay.gif) no-repeat;
	height:42px;
	
}

#double_section ul
{
	list-style-image: url(../images/bullet.gif);
}

/**********************************/
/* Middle section LEFT NAVIGATION */
/**********************************/

#middle_right
{
	background: #ffffff;
	float:left;
	position:relative;
	
	/* this is the TOTALWIDTH  */
	 /* old browsers use this width and put the padding inside  */
	 width:207px;

	padding: 0 5px 0 0;
	margin:0;

	/* tantek box model hack (http://tantek.com/CSS/Examples/boxmodelhack.html) */
	 /* modern browser add padding to width and this bodge allows for that */
	 /* width is set to (TOTALWIDTH - PADDING) - old browser will ignore this section */

	voice-family: "\"}\""; 
	voice-family:inherit;
	width:201px; 
}

#middle_right h1
{
	background: #117E35;
	color:#ffffff;
	font-size: 13px; 
	font-weight:bold;
	height:14px;
	margin:0;
	padding: 3px 20px 3px 20px;
	border-bottom: 2px solid #727272;
	border-top: 2px solid #727272;
}

#middle_right h1 a
{
	color: #fff;
	text-decoration: none;
}

#middle_right ul
{
	margin:0;
	padding:0;
	padding-left:25px;
	border-bottom: 1px solid #727272;
	border-left:1px solid #727272;
	border-right: 1px solid #727272;
	list-style-image: url(../images/bullet.gif);
}

#middle_right p
{
	margin:0;
	padding:0 0 25px 5px;
	border-bottom: 1px solid #727272;
	border-left:1px solid #727272;
	border-right: 1px solid #727272;
}

#links  p
{
	margin:55px 0 0 0;
	text-align: center;
	border:0;
}

/*****************************************/
/* Footer section                        */
/*****************************************/

#footer
{
	margin:0;
	padding:0;
	width:776px;
	text-align: center;
}

#footer p
{
	margin:0;
	padding:0;
	float:left;
	width:776px;
	text-align: center;
}