html {
	height:100%;
}
body {
	margin: 0px; padding: 0px; font-size:70%; background: url('../images/activity/activity_background.gif'); text-align:center;
}
#container {
	height: 100%; min-height:100%; width: 720px; background: url('../images/activity/activity_body.gif') top repeat-y;
	margin: 20px auto; padding: 0px; position: relative; font-family: verdana, arial, sans-serif; text-align:left;
}
#printbanner {
	display: none;
}
a {
	color: #0080c2; text-decoration: none
}
a:hover {
	color: #ffffff; background-color: #0080c2; text-decoration: none
}
a:visited {
	text-decoration: none
}
#banner {
	position: relative; left: 10px; background-image: url('../images/body_back.gif'); background-repeat: repeat-y; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 234px;
}
#smallbanner {
	position: relative; left: 10px; background-image: url('../images/body_back.gif'); background-repeat: repeat-y; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 133px;
}
#companylogo {
	left: 32px; 
	float: left; 
/*	background-image: url('../images/activity/dfs_logo.gif');  */
	width: 226px; 
	position: relative; 
	top: 5px; 
	height: 64px; 
	margin: 0px 0px 0px 0px;
}
#productlogo {
	position: relative; 
	right: 23px; 
	float: right; 
/*	background-image: url('../images/activity/dfs5_logo.gif');  */
	width: 180px; 
	top: 5px; 
	height: 54px; 
	margin: 0px 0px 0px 0px;
}
#bannerimage {
	clear: both; width: 700px; height: 170px; margin: 0px 0px 0px 0px; 
	background-image: url('../images/activity/distributor/distribution_photo.jpg');	
}
#fadeimage {
	clear: both; width: 700px; height: 170px; margin: 0px 0px 0px 0px; 
	background-image: url('../images/activity/distributor/distribution_photo_fade.jpg');
}
#sectionimage {
	clear: both; width: 700px; height: 69px; margin: 0px 0px 0px 0px; 
	background-image: url('../images/activity/distributor/dis_features_header.jpg');
}
#sectiontitle {
	font-weight: bold; font-size: 20px; color: #C4CCBE;  margin: -32px 0px 0px 460px;
}
#section {
	font-weight: bold; font-size: 22px; color: #F4F6F5;  margin: -60px 0px 0px 255px;
}
#rule {
	clear: both; height: 20px; margin: 0px 35px 0px;  
	background-image: url('../images/activity/distributor/distributor_seperator.gif'); background-repeat: repeat-x;
	background-color: #ffffff;
}
#generic {
	clear: both; position: relative; left: 10px; height: 24px;
	font-size: 10px; color: #003366; 
	background-image: url('../images/general/seperator2.gif'); background-repeat: repeat-x;
	margin: 0px 20px 0px 0px; padding: 14px 0px 0px 14px;
}
#companymenu {
	left: 26px; float: left; width: 326px; position: relative; top: 0px; 
	height: 24px; margin: 0px 0px 0px 0px;
}
#copywrite {
	position: relative; right: 82px; float: right;  width: 226px; top: 0px; height: 24px; 
	margin: 0px 0px 0px 0px;
	font-family: georgia, "new times roman", times, serif; font-size: 10px; text-align: right; color: #999999;
}
.mainbody {
	clear: both; background-image: url('../images/activity/activity_body.gif'); 
	width: 720px;  background-repeat: repeat-y; background-color: #ffffff;
}
#seperator {
	background-image: url('../images/activity/seperator.gif'); 
	margin-left: 10px; width: 700px; background-repeat: repeat-x; 
	height: 12px
}
#content {
	padding: 10px 0px 10px 0px; margin: 20px 35px 0px; background-color: #ffffff
}

/*sidemenu*/
#sidemenu {
	margin-top: 6px; float: right; margin-bottom: 20px; width: 240px;
}

/*sidebox*/
/* show only to ie pc \*/
/** html .boxhead h2 {height: 1%;} /* for ie 5 pc */
/** html .boxhead2 h2 {height: 1%;} /* for ie 5 pc */
/** html .boxhead3 h2 {height: 1%;} /* for ie 5 pc */

/* show only to ie pc \*/
* html #boxhead h2 {height: 1%;} /* for ie 5 pc */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 238px;
	background: url('../images/activity/sbbody-r.gif') no-repeat bottom right;
	font-size: 100%;
	margin-top: 30px; 
}
.boxhead {
	background: url('../images/activity/distributor/dis_1_sbhead-r2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url('../images/activity/distributor/dis_1_sbhead-l2.gif') no-repeat top left;
	margin: 0; padding: 22px 30px 5px;
	font-weight: bold; font-size: 14px; line-height: 1em; color: white; 
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; safari-only, but cool */
}
.boxhead2 {
	background: url('../images/activity/distributor/dis_2_sbhead-r2.gif') no-repeat top right;
	margin: 0; padding: 0; text-align: left;
}
.boxhead2 h2 {
	background: url('../images/activity/distributor/dis_2_sbhead-l2.gif') no-repeat top left;
	margin: 0; padding: 22px 30px 5px; 
	font-weight: bold; font-size: 14px; line-height: 1em; color: white;
}
.boxbody {
	background: url('../images/activity/sbbody-l.gif') no-repeat bottom left;
	margin: 0px 0px 0px 0px; padding: 5px 20px 20px;
	font-size: 10px; 
}
.boxbody p {
	margin: 5px 0px 3px 6px; padding: 0px 10px 5px 11px;
	background: url('../images/market/fresh_produce/arrow.gif') no-repeat 0 3px;
}
.boxbody p img{
	 padding: 0px 0px 0px 0px; float: left; margin: 0px 8px 0px -9px
}
.boxbody br {
	margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px;
}
.boxbody a {
	display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.emphasise {
	font-weight: bold;
}

/*roundbox*/
 /* set background images for corners */
.roundbox { background: url('../images/activity/simple_background3.gif') repeat; }
.rtop div  { background: url('../images/activity/simple_top_left3.gif') no-repeat top left; }
.rtop      { background: url('../images/activity/simple_top_right3.gif') no-repeat top right; }
.rbottom div  { background: url('../images/activity/simple_bottom_left3.gif') no-repeat bottom left; }
.rbottom      { background: url('../images/activity/simple_bottom_right3.gif') no-repeat bottom right; }
.rbottom3 div  { background: url('../images/activity/simple_bottom_left3.gif') no-repeat bottom left; }
.rbottom3      { background: url('../images/activity/bottom_right.gif') no-repeat bottom right; }

.rtop div.plain  { background: url('../images/activity/top_left.gif') no-repeat top left; }
.rbottom #plain { background: url('../images/activity/bottom_right.gif') no-repeat bottom right; }

 /* height and width details */
.rtop div, .rtop, .rbottom div, .rbottom, .rbottom3, .rbottom3 div {
	width: 100%;
	height: 32px;
	font-size: 1px;
}
.rcontent { margin: -20px 14px -8px;
}
.rcontent p { 	
    font-size: 10px;
	margin: 0px 0px -4px;
}
.rcontent h2 { 	
	font-weight: bold; 
	font-size: 14px;
	color: #003366;
	margin: 10px 0px 8px;
}
.rcontent h3 { 	
	font-weight: bold; 
	font-size: 11px;
	color: #666666;
	margin: 12px 0px 4px;
}
.roundbox { 
	width: 210px; margin: 48px 0px 20px 20px;
}

.links {
	margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
.links h2{
	margin: 20px 50px 0px 34px; padding: 20px 0px 0px 0px;
	font-size: 14px; font-weight: bold; color: #666;
}
.links p{
	margin: 12px 50px 12px 38px; padding: 0px 0px 0px 0px;
	font-size: 10px; color: #ddd;
}
.links p img{
	display:block; clear:both; 
	margin: -3px 0px 0px 1px; 
	padding: 0px 0px 0px 0px;
}

/*copycontainer*/
#copycontainer {
	font-size: 11px; float: left; margin-bottom: 20px; width: 390px; color: #404040; margin-left: 0px;
}
#copycontainer div.article {
	margin: 0px 0px 20px 0px;
}
#copycontainer div.article img {
	margin: 10px 0px 0px;
}
#copycontainer div.article h1 {
    height: 60px; width: 361px;	padding: 8px 0px 13px 0px; margin: 18px 0px 0px 14px; 
	font-weight: bold; font-size: 18px; color: #003366; 
	background-image: url('../images/general/twin_lines.gif'); background-repeat: no-repeat;
}
#copycontainer div.article h1.noback {
    background-image: none;
}
#copycontainer div.article h1.single {
    padding: 18px 0px 13px 0px; height: 52px;
}
#copycontainer div.article h1.triple {
    padding: 6px 0px 13px 0px; margin: 15px 0px 0px 14px; height: 79px;
	background-image: none;
}
#copycontainer div.article h1.white {
	display: none;
}
#copycontainer div.article h1 img{
	margin: -1px 13px 0px 1px;
}
#copycontainer div.article h1 img.tick{
	margin: -1px 8px 0px -4px; float: left;
}
#copycontainer div.article h1 img.singletick{
	margin: -11px 8px 0px -4px; float: left;
}
#copycontainer div.article h2 {
	padding: 28px 0px 0px 0px; font-weight: bold; font-size: 15px; 
    margin: 0px 0px 0px 14px; color: #003366; 
	background-repeat: no-repeat;
}
#copycontainer div.article h2.gray {
	color: #555;  font-family: georgia, "new times roman", times, serif;
}
#copycontainer div.article h3 {
	padding: 10px 0px 0px 0px; font-weight: bold; font-size: 13px; 
    margin: 0px 0px 0px 14px; color: #003366; 
	background-repeat: no-repeat;
}
#copycontainer div.article h4 {
	font-size: 12px; font-weight: bold; color: #795353; 
	line-height: 1.3em; margin: -2px 10px 30px 14px; padding: 0px;
}
#copycontainer div.article div.mainimage {
	margin: 12px 10px 20px 15px;
}
#copycontainer div.article div.newslogo img{
	border: black 1px solid; margin: 0px 0px 17px 16px;
}
#copycontainer div.article div.cslogo img {
	border: black 1px solid;  margin: 23px 0px 0px 15px;
}
#copycontainer div.article img.smimage {
	margin: 15px 15px 5px 15px; float: left; border: black 1px solid; width: 150px; height: 100px;
}
#copycontainer div.article div.screenshot {
	border-width: 0px; margin: 10px 0px 17px 15px;
}
#copycontainer div.article div.screenshot img {
	width: 354px; height: 132px;
}
#copycontainer div.article div.screenshot a {
	display: block; width: 368px; font-size: 10px; color: #0080c2; text-decoration: none; border: 0px;
}
#copycontainer div.article div.screenshot a:hover {
	color: #ffffff; background-color: #0080c2;
}

#copycontainer div.article p {
	margin: 10px 10px 0px 14px; line-height:1.3em;
}
#copycontainer div.article p.punchline {
	margin: 22px 10px 10px 14px; line-height:1.3em;
	padding: 10px 0px 10px 0px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;

}
.emphasis {
	color: #D39407; font-weight: bold;
}
.calltwoaction {
	font-size: 11px; 
	color: #003366;
	font-weight: bold;
}
.aspects {
	color: #8E7371; font-weight: bold;
}
#copycontainer div.article p.quote {
  	font-family: georgia, "new times roman", times, serif;
	font-size: 11px; color: #777777; line-height:1.3em; text-align:left;
	margin: 10px 40px 10px 14px; padding: 0px;
}
#copycontainer div.article p.quote img{
	margin: 0px 0px 0px 0px;	
}

/* success stories on index page */
#copycontainer div.article div.success {
	margin: 0px 10px 8px 15px; padding: 0px 0px 0px 0px; height: 74px;	  
}
#copycontainer div.article div.success a {
	display: block; height: 72px; font-size: 0px; color: #0080c2; text-decoration: none; border: #fff 1px solid;
}
#copycontainer div.article div.success a:hover {
	background-color: #fff; 
	border: #0080c2 1px solid;
}

#copycontainer div.article div.success a img {
	float: left; margin: 3px 10px 3px 0px; width: 66px; 
	height: 66px;  border: 0px;
}
#copycontainer div.article div.success a ins {
	display: block; text-decoration: none;
}
#copycontainer div.article div.success a ins.title {
	padding: 2px 2px 0px 4px; font-weight: bold; 
	font-size: 12px;
}
#copycontainer div.article div.success a ins.description {
	border-width: 0px 2px 0px 0px; 
	padding: 0px 0px 3px 0px;
	font-size: 10px; 
	font-weight: bold; 
}
#copycontainer div.article div.success a ins.copy {
	border-width: 0px 2px 2px 0px; font-size: 10px; 
	height: 27px;
}
#copycontainer div.article ul {
	list-style-image: url('../images/general/triangle.gif'); 
	list-style-type: square;
	list-style-position: outside;
	margin-bottom: -12px;
}
#copycontainer div.article li {
	color: #666;
}

#seperator2 {
	margin-left: 10px; width: 700px; height: 1px
}

 /* content2 */
#content2 {
	margin: 0px 0px 0px 35px; padding: 0px 0px 0px 0px;  background-color: #ffffff;
}

/* lowercopycontainer */
#lowercopycontainer {
	float: left; width: 395px;
	font-size: 11px; color: #404040;
}
#lowercopycontainer div.article {
	margin: 0px 0px 30px 15px;
}
#lowercopycontainer div.article h3 {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-weight: bold; font-size: 14px; color: #003366;
}
#lowercopycontainer div.article p {
	margin: 10px 10px 0px 0px;	
}

 /* lowersidemenu */
#lowersidemenu {
	float: right; width: 248px; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

 /* set background images for corners */
#roundbox2 { background: url('../images/activity/distributor/dis_simple_background4.gif') repeat; }
#rtop2 div  { background: url('../images/activity/distributor/dis_simple_top_left4.gif') no-repeat top left; }
#rtop2      { background: url('../images/activity/distributor/dis_simple_top_right4.gif') no-repeat top right; }
#rbottom2 div  { background: url('..images/activity/distributor/dis_simple_bottom_left4.gif') no-repeat bottom left; }
#rbottom2      { background: url('../images/activity/distributor/dis_simple_bottom_right4.gif') no-repeat bottom right; }

#roundbox2 { 
	 margin: 0px 45px 20px 0px;
}
/* height and width details */
#rtop2 div, #rtop2, #rbottom2 div, #rbottom2 {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rcontent2 { 
	margin: -15px 14px -8px;
}
.rcontent2 p {
    font-size: 10px;
	margin: 0px 0px 4px;
}
.rcontent2 h1 {
	display: none
}
.rcontent2 h3 {
	font-weight: bold; 
	font-size: 14px;
	color: #666666;
	margin: 10px 0px 4px;
}
.rcontent2 img {
	display: none;
}
.phone {
	margin: 6px 5px 0px 10px; padding: 4px 10px 5px 28px;
	font-size: 10px; color: #666;
	background: url('../images/general/phone.gif') no-repeat 0 3px;
}
.email {
	margin: 0px 5px 5px 10px; padding: 4px 10px 5px 28px;
	font-size: 10px; color: #666;
	background: url('../images/general/email.gif') no-repeat 0 3px;
}

/* contact details pop up 5*/
#contact {
	font-family: verdana, arial, sans-serif; text-align:left;
	margin: 20px 20px 10px 20px; padding: 20px;
	background-color: #ffffff; border: solid black 1px;
}
#contact h2 {
	font-size: 17px; font-weight: bold; color: #000000; 
	line-height: 1.5em; margin: 5px 40px 6px -1px; padding: 0px;
}
#contact h3 {
	font-size: 13px; font-weight: bold; color: #003366; 
	line-height: 1.5em; margin: 25px 40px 6px 0px; padding: 0px;
}
#contact p {
	font-size: 11px; color: #000000;
	line-height:1.3em; margin: 0px 40px 5px 0px; padding: 0px; text-align:left;
}

#navcontainer { margin: -5px 0px 0px 13px; font-size: 11px;}
	
/*fat erik's breadcrumbs*/
#navlist
{
	list-style: none;
	padding: 0;
	margin: -25px 0px 25px 0px;
}
	
#navlist li
	{
	display: inline;
	padding: 0;
	margin: 0;
}
	
#navlist li:before { content: "> "; }
#navlist li:first-child:before { content: ""; }
	
/*ie workaround*/
/*all ie browsers*/
* html #navlist li
{
	background-image: url('../images/general/gt.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
}
	
/*win ie browsers - hide from mac ie\*/
* html #navlist { height: 1%; }
	
* html #navlist li
{
	display: block;
	float: left;
}
	
/*end hide*/
/*mac ie 5*/
* html #navlist li:first-child { background-image: none; }

.dropthecap {
	float:left; color:#ccc; font-size:40px; line-height:28px; padding-top:6px; padding-right:4px; 
	font-family: "times new roman", times, georgia, serif;
}
#printcontacts {
	display: none;
}

 
/* border-right: green 1px solid; border-top: green 1px solid;  border-left: green 1px solid; border-bottom: green 1px solid; */