body { background: #fff; color: #000;}
		#outercontainer { background: url(images/choc-page-bg.png) repeat-y center top;}


		a:hover,
		.container .footer .footernav ul li.selected a,
		.container .footer .footernav ul li a:hover,
		.container .header .topright .topnav ul li.selected a,
		.container .header .topright .topnav ul li a:hover { color: #000; }
		.container .header .topright .contactbar a.contactlink:hover { color: #000; border-top: 4px solid #000; }
		.container .header .topright a.searchicon:hover { background-position:-50px top; }

		a.pinteresticon { display: inline-block; vertical-align: middle; padding-left:20px; width: 0px; height:20px; text-indent: 100%; overflow: hidden; background: url(images/social-media-buttons.png) no-repeat left top; }
		a.pinteresticon:hover { background-position: left -30px; }
		a.facebookicon { display: inline-block; vertical-align: middle; padding-left:20px; width: 0px; height:20px; text-indent: 100%; overflow: hidden; background: url(images/social-media-buttons.png) no-repeat -22px top; }
		a.facebookicon:hover { background-position: -22px -30px; }
		a.vimeoicon { display: inline-block; vertical-align: middle; padding-left:20px; width: 0px; height:20px; text-indent: 100%; overflow: hidden; background: url(images/social-media-buttons.png) no-repeat -44px top; }
		a.vimeoicon:hover { background-position: -44px -30px; }
		a.twittericon { display: inline-block; vertical-align: middle; padding-left:20px; width: 0px; height:20px; text-indent: 100%; overflow: hidden; background: url(images/social-media-buttons.png) no-repeat -66px top; }
		a.twittericon:hover { background-position: -66px -30px; }
		a.linkedinicon { display: inline-block; vertical-align: middle; padding-left:20px; width: 0px; height:20px; text-indent: 100%; overflow: hidden; background: url(images/social-media-buttons.png) no-repeat -88px top; }
		a.linkedinicon:hover { background-position: -88px -30px; }

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#outercontainer { background-image: url(images/choc-page-bg3.png); }
	}
	
	
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	#outercontainer { background: #fff; }
		.container .inner {background: none;}
		.container .header .topright .topnav ul li.selected a,
		.container .header .topright .topnav ul li a:hover { color: #fff; }
	}
	
	    @media only screen and (max-width: 480px) {
		.container .inner {background: none; padding-bottom:0px;}
		.container .header .topright .topnav ul li.selected a,
		.container .header .topright .topnav ul li a:hover { color: #fff; }
	}