html { min-height: 100%; margin-bottom: 1px; }


body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999;
    background: url(/images/bkgd.gif) top left repeat-x #0d4e98;
    line-height: 190%;
    padding: 0px;
    margin: 0px;
    line-height: 1.6em;
    }

a {
    color:#e88b1c;
    text-decoration:none;
    outline: none;
    font-weight:bold;
    text-align:center;
    }

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

h1, h2, h3 {
    display: inline;
    }

h1 {
    font-size:20px;
    color:#102b72;
    line-height:1.3em;
    }
    
h2 {
    font-size: 11px;
    color: #102b72;
    line-height:1.1em;
    }
    
h3 {
   font-size: 11px;
   color: #e78a1b;
   }
   
h4 {
   font-size: 13px;
   font-weight:bold;
   color: #e78a1b;
   line-height:1em;
   margin-top: 4px;
   padding-top: 0px;
   }

img {border:0px;}

.ui-fade-rollover {
    display: inline;
}
    
.floatLeft {float:left;}
.clear {clear:both;}  
.start
{
    display:none;
}

.leftColProteinCopy
{
    font-size:12px;
    text-align:center;
}

.sideMateEle
{
    margin:-3px 3px 6px 3px;
}

.sideMateImg
{
    margin:8px 3px 0 0;
    width:89px;
    height:120px;
}

.sideMatePopinImg
{
    width:89px;
    height:90px;
}
#site {
    width: 827px;
    margin: 0 auto;
    
    }
    
#header {
    width: 827px;
    margin-top:40px;
    
    }
 
#nav { position:relative; top:13px; left:0px;}
      
#content {
    width: 827px;
    height:420px;
    background-color:#FFFFFF;
    }
    
#content .content {
    float:left;
    width:804px;
    
    }
    
#content .boxRight {
    float:left;
    width: 23px;
    height:420px;
    background: url(/images/boxRight.gif) top left repeat-y;
    }
    
    
#content .homeLeftCol{
    width:455px;
    float:left;
    margin:25px 0px 0px 0px;
    }
    
#content .homeRightCol{
    width:332px;
    float:left;
    margin:50px 0px 0px 10px;
    }

#content .leftCol{
    width:407px;
    float:left;
    margin:35px 0px 0px 15px;
    }

#content .rightCol{
    width:320px;
    float:left;
    margin:50px 0px 0px 15px;
    }
    
#content .resultLeftCol{
    width:310px;
    float:left;
    margin:35px 0px 0px 0px;
    }

#content .resultRightCol{
    width:450px;
    float:left;
    margin:35px 0px 0px 0px;
    }

#sidemateOption {
    float:left;
    width:260px;
    height:276px;
    padding:0;
    margin-top:-5px;
    
    }  
      
#sidemateOption ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidemateOption li {
	font-size:11px;
	font-weight:bold;
	line-height:1.3em;
	float:left;
	width:120px;
	margin:0 0 5px 5px;
	padding:0;
	text-align:center;
}
#sidemateOption li a {
	display:block;
	padding:5px 5px;
	height:128px;
	color:#102b72;
	text-decoration:none;
}
#sidemateOption li a {
	background:url(/images/sidemateOptionBkgd.gif) repeat 0 0;
}
#sidemateOption li a:hover {
	background-position:119px 0;
}


#resultTabs {}   
#resultTabs .wantTab {width:278px; height:51px; margin:-17px 0px 0px -10px; background-image: url(/images/wantTab.gif); }
#resultTabs .gotTab {width:400px; height:51px; margin:-17px 0px 0px -10px; background-image: url(/images/gotTab.gif); }    
#resultTabs .tabText {position:relative; left:25px; top:12px;}
#resultTabs .white {font-size:14px; font-weight:bold; color:#FFFFFF;}
#resultTabs .blue {font-size:14px; font-weight:bold; color:#102b72;}


.chosenRecipeImage {background-image: url(/images/chosenRecipeBkgd.gif); width:407px; height:316px; margin:0 auto;}
.chosenRecipe {height:201px; margin:10px 0 0 15px;}
.chosenRecipeRebate {width:400px;}
.chosenRecipeImage .photo {margin:18px 0px 0px 18px; width:368px;}

#registerBushesLogo {position:absolute; z-index:200; width:100px; height:51px; margin:-40px 0px 0px 80px; background-image: url(/images/bushesLogo.gif); }
.rebateForm {margin:20px; color:#FFF; line-height:1.7em;}
.rebateSubmit {position:absolute; z-index:150; margin:-20px 0 0 230px;}
.disclaimer {font-size:8px; line-height:1.1em; margin:10px 20px 0 50px; width:250px;}

#slotText {position:relative; top:75px; left:35px; color:#102b72; font-size:14px; font-weight:bold;}
#speedDateButton {position:absolute; z-index:130; margin:-30px 0 0 -100px;}
#rebateButton {position:absolute; z-index:130; margin:10px 0 0 -115px;}


#popin {border:solid 6px #c7c8ca; width:750px; margin:0 auto;} 
#popin .content {width:100%; height:400px; background-color:#FFFFFF;} 
#popin .leftColContent{float:left; width:280px; padding:30px 12px 12px 20px ;} 
#popin .rightColContent{float:left; width:370px; padding:12px 12px 12px 5px ;} 
#popin .choiceRecipeImage {background-image: url(/images/mainChoiceBkgd.gif); background-repeat:no-repeat; width:274px; height:315px; padding: 7px 0px 0px 8px} 
#popin .choiceRecipe {width:410px; height:205px; margin-top:30px;} 

#choice {
    float:left;
    width:410px;
    height:110px;
    padding:0;
    text-align:center;
    
    }  
      
#choice ul {
	list-style:none;
	margin:0;
	padding:0;
}

#choice li {
	font-size:11px;
	font-weight:bold;
	line-height:1.3em;
	float:left;
	width:100px;
	height: 100px;
	margin:0;
	padding:0;
	text-align:center;
	margin-right: 2px;
}
#choice li a {
	display:block;
	padding:5px 5px;
	height:90px;
	width: 90px;
	color:#102b72;
	text-decoration:none;
}
#choice li a {
	background:url(/images/choiceOptionBkgd.gif) repeat 0 0;
}
#choice li a:hover {
	background-position:101px 0;
}



#footer { height:200px;}
#footer a{color:#FFFFFF; text-decoration:none;}   
#footer a:hover{color:#FFFFFF; text-decoration:none;}  

#footer .text {
    width:785px;
    line-height:2.4em;
    color:#FFFFFF;
    font-size:11px;
    margin:0 auto;
    }
    
#footer .share {float:left; margin-left: 275px;}
#footer .copyright {float:right; font-size:9px;}





/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#fff url(/images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#5aa8dd url(/images/borders_bi.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	
	.box p, .box ul, .box dl {
		margin:0;
		padding:4px 0px;
		background:#5aa8dd;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}
	
	.box .boxText {
		font-size:1.0em;
		font-weight:bold;
		color:#FFFFFF;
	}
	
	.box .boxText2 {
		font-size:1.3em;
		line-height:1.3em;
		font-weight:bold;
		color:#FFFFFF;
	}


    .box .boxImage {
		margin-left:-10px;
	}
	
	.box .searchBox {
		margin:-60px 0 0 -10px;
	}
	
/* START SHARE ICON LINKS  */
	
	.addthis_toolbox .custom_hover
{
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button
{
    font-weight: bold;
    padding: 4px;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active
{
    
}

.addthis_toolbox .hover_menu 
{
    display: none;
    position: absolute;
    background: #8aaace;
}

.addthis_toolbox .custom_hover .tower
{
   
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu 
{
    width: 275px;
    height:25px;
    padding: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.addthis_toolbox .shareIcons 
{
    float:left;
    padding:0 5px;
}







/* END SHARE ICON LINKS  */

/* TWITTER */

#twitter{
    width: 100%; 
    height: 90px; 
    position: relative; 
    background: transparent url(/images/TwitterFeed.png) no-repeat right; 
    margin: 10px 0 5px 0; 
    font-size: 18px; 
    color: #1a1818;
}

#mrTwitter{
    position: absolute; 
    top: 0px; 
    left: 0px;
}

#twitterFeed{
    position: absolute; 
    top: 0px; 
    left: 210px; 
    width: 584px; 
    height: 40px; 
    padding: 23px 17px 25px 17px;
    line-height: 20px;
    color: #999999;
}

#twitterFeed ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#twitterFeed a, #twitterFeed a:hover{
    color: #d5761d;
}

#twitterFeed a.twitDate{
    font-size: 10px;
    color: #999999;
    margin-left: 10px;
}