/*================================ 
 Duck Brand
 home.css
 
 Last Updated By: Ryan Perry
 Last Updated: 01/03/2012
================================*/


/*================================ 
 Rotator
================================*/
#home-rotator div {width:928px; height:405px;} 
#home-rotator div div {width:auto; height:auto;}
#rotator-nav {position:relative; margin-top:-25px; padding-left:45px; float:left; z-index:999;}
#rotator-nav a:link, #rotator-nav a:visited {display:block; float:left; width:12px; height:12px; font-size:10px; line-height:10px; padding:0; margin:0 8px 0 0; text-indent:-9999px; background:url('/images/rotator_nav_circles.png') no-repeat left top; position:relative; z-index:999;}	
#rotator-nav a:hover, #rotator-nav a.activeSlide:link, #rotator-nav a.activeSlide:visited, #rotator-nav a.activeSlide:hover {background-position:left bottom;}

#home-rotator div.slide {display:none; position:relative;}


#rotator-tip {position:absolute; top:-28px; left:35px; text-align:center; width:112px; height:18px; padding-top:2px; background:url('/images/bg_rotator_tooltip.png') no-repeat; font-size:12px; color:#268d07;}
#rotator-tip-arrow {position:absolute; top:19px; left:11px; width:9px; height:6px; background:url('/images/rotator_tooltip_arrow.png') no-repeat;}

#rotator-welcome {background:url('/images/rotator_welcome.jpg') no-repeat;}
#rotator-welcome div.rotator-welcome-inner {padding:30px 25px 0 25px;}
#rotator-welcome h1 {font-size:34px; font-weight:normal; color:#231f20; position:relative;}
span#new {position:absolute; top:-18px; left:145px; display:block; width:72px; height:25px; text-indent:-9999px; background:url('/images/text_the_new.gif') no-repeat;}
#rotator-welcome h2 {font-size:18px; font-weight:normal; color:#231f20;}
#rotator-welcome ul {padding:0; margin:15px 0; color:#459728; list-style-position:inside; font-size:16px;}
#rotator-welcome li {padding:1px 0; margin:0;}
#rotator-welcome li span {color:#616060;}
#rotator-welcome li a {font-weight:bold;}

#rotator-products {display:none; background:url('/images/rotator_shelfliner.jpg') no-repeat;}
#rotator-products div.#rotator-products-inner {padding:0 0 0 40px; width:560px;}
#rotator-products h1 {font-size:54px; color:#000; font-weight:normal;}
#rotator-products h1 span {font-size:26px; line-height:28px;}
#rotator-products p {font-size:16px; color:#231f20; padding:0 225px 10px 0; margin:0;}
#rotator-products a {font-size:14px; font-weight:bold;}

#rotator-solutions {display:none; background:url('/images/slider/weatherization-slider.jpg') no-repeat;}
#rotator-solutions div.rotator-solutions-inner {width:928px; height:405px; position:relative;}
#rotator-solutions a {position:absolute; display:block; left:527px; top:245px; padding:36px 0 0 0; height:0; width:135px; overflow:hidden; background:url('/images/slider/weatherization-get-coupon.png') no-repeat 0 0;}
#rotator-solutions a:hover {background-position:0 -36px;}
		
#rotator-promotions {display:none; position:relative; background:url('/images/slider/StickorTreat_slider.jpg') no-repeat;}
#rotator-promotions div.#rotator-promotions-inner {padding:14px 0 0 40px; width:560px;}
#rotator-promotions h1 {font-size:54px; color:#000; font-weight:normal;}
#rotator-promotions h1 span {font-size:26px; line-height:28px;}
#rotator-promotions p {font-size:16px; color:#231f20; padding:235px 0 0 40px; margin:0; font-weight:bold;}
#rotator-promotions a {font-size:14px; font-weight:bold;}
		
#rotator-promotions a.save-now {display:block; padding:35px 0 0 0; margin:0 0 0 20px; width:159px; height:0; overflow:hidden; background:url('../images/slider/enter-now-slider.png') no-repeat 0 0; position:absolute; top:292px; left:30px;}
#rotator-promotions a.save-now:hover {background-position:0 -35px;}		

#rotator-club {display:none; background:url('/images/slider/HotRod_slider.jpg') no-repeat;}
#rotator-club div.rotator-club-inner {padding:64px 0 0 38px; width:758px;}
#rotator-club h1 {font-size:40px; line-height:normal; font-weight:normal; color:#268d07; width:auto;}
#rotator-club h1:first-line {font-size:54px; line-height:normal;}
#rotator-club p {font-size:16px; line-height:normal; color:#231f20; margin:18px 0 39px 0;}
#rotator-club a {font-size:14px; font-weight:bold;}	
	
/*---- Slide One -----*/	
#home-rotator div.slide.one {display:block; background:transparent url('/images/slider/college-duck-tape-football.jpg') no-repeat 0 0;}
#home-rotator div.slide.one a {position:absolute; display:block; text-indent:-999999em; cursor:pointer; background:transparent url('/images/slider/learn-more-slider.png') no-repeat 0 0; width:159px; height:35px; left:50px; bottom:50px;}
#home-rotator div.slide.one a:hover, #home-rotator div.slide.one a:active {background-position:0 -35px;}	
		
/*---- Slide Three -----*/
#home-rotator div.slide.three {background:transparent url('/images/slider/bubble-wrap-coupon.jpg') no-repeat 0 0;}
#home-rotator div.slide.three a {position:absolute; display:block; text-indent:-999999em; cursor:pointer; background:transparent url('/images/slider/bubble-wrap-get-coupon.png') no-repeat 0 0; width:196px; height:43px; left:140px; bottom:114px;}
#home-rotator div.slide.three a:hover, #home-rotator div.slide.three a:active {background-position:0 -43px;}

/*---- Slide Four -----*/
#home-rotator div.slide.four {background:transparent url('/images/slider/weatherization-winter.jpg') no-repeat 0 0;}
#home-rotator div.slide.four a {position:absolute; display:block; text-indent:-999999em; cursor:pointer; background:transparent url('/images/slider/weatherization-get-coupon.png') no-repeat 0 0; width:161px; height:51px; right:245px; bottom:115px;}
#home-rotator div.slide.four a:hover, #home-rotator div.slide.four a:active {background-position:0 -51px;}

		
#home-left {
	float:left;
	width:414px;
	margin-right:40px;
}


/*---- Featured Products ----*/
#home-products {padding:0 0 15px 20px; float:left;}
#home-products h3 {width:391px; height:83px; padding:13px 0 0 181px; /*padding:9px 0 0 205px;*/	margin-left:-47px; margin-top:-5px; margin-bottom:3px;	font-size:20px; line-height:25px; color:#f68d25; font-weight:bold; position:relative; background:url('/images/home/featured-product-bg.png') no-repeat 0 0;}
#home-products h3 span {width:195px; color:#ffffff;}
#home-products p {margin:-10px 0 15px 20px; font-size:14px; line-height:16px;}
#home-products .product-callout {float:left; width:102px; margin-right:21px;}
#home-products .product-callout.last {margin-right:0;}
#home-products .product-callout img {display:block; border:1px solid #d9d6d6; margin-top:0;}
#home-products .product-callout a {display:block; margin-top:5px; font-size:11px; font-weight:bold; text-align:center;}

/*---- Featured How-Tos ----*/
#home-howtos {float:left; padding:0 0 15px 20px;}
#home-howtos h3 {width:391px; height:37px; padding:3px 0 0 30px; margin-left:-47px; font-size:22px; line-height:20px; color:#fff; font-weight:normal; position:relative; background:url('/images/home/featured-howto-bg.png') no-repeat 0 0;}
#home-howtos h4 {font-size:15px;}
#home-howtos .howto-callout {float:left; width:190px; padding:8px 0 0 0;}
#home-howtos .howto-callout.first {margin:0 8px 0 0; width:190px;}
#home-howtos .howto-callout img {float:left; display:block; border:1px solid #d9d6d6; margin-right:8px;}
#home-howtos .howto-callout p {font-size:11px; margin:10px 0 0 92px; padding:0;}



		.solutions-callout-pen {
			float:left;
			width:195px;
			padding-top:4px;
		}
			.home-pens {
				float:left;
				margin-right:8px;
			}


	#home-schooled {
		padding:7px 0 15px 20px;
		float:left;
	}
		#home-schooled h3 {
			background:url(../images/home_house.png) no-repeat;
			width:403px;
			height:83px;
			padding:21px 0 0 212px;
			/*padding:9px 0 0 205px;*/
			margin-left:-30px;
			margin-top:-15px;
			margin-bottom:3px;
			font-size:19px;
			line-height:22px;
			color:#f68d25;
			font-weight:normal;
			position:relative;
		}
			#home-schooled h3 span {
				width:195px;
				font-size:21px;
				line-height:25px;
				color:#fff;
			}
		#home-schooled p {
			margin:0 0 15px 0;
			font-size:14px;
			line-height:16px;
		}
		.product-callout {
			float:left;
			width:102px;
			margin-right:21px;
		}
		.product-callout.last {
			margin-right:0;
		}
			.product-callout a img {
				display:block;
				border:1px solid #d9d6d6;
				margin-top:0;
			}
			.product-callout a {
				display:block;
				margin-top:5px;
				font-size:11px;
				font-weight:bold;
				text-align:left;
			}
			.new-home-product {
				display:block;
				position:relative;
				top:-110px;
				left:-10px;
				margin-bottom:-31px;				
			}
	#home-school-solutions {
		float:left;
	}
		#home-school-solutions h3 {
			background:url(../images/bg_header_orange.png) no-repeat;
			width:242px;
			height:26px;
			padding:0 0 0 14px;
			margin-left:-5px;
			font-size:20px;
			line-height:20px;
			color:#fff;
			font-weight:normal;
			position:relative;
		}
			#home-school-solutions h4 {
				font-size:15px;
			}
			#home-school-solutions p {
				font-size:11px;
				margin:10px 0 0 0;
			}
		.solutions-callout-books {
			float:left;
			width:210px;
			padding:8px 0 20px 9px;
		}
			.home-books {
				float:left;
				margin-right:9px;
			}
		.solutions-callout-pen {
			float:left;
			width:195px;
			padding-top:4px;
		}
			.home-pens {
				float:left;
				margin-right:8px;
			}
#home-right {
	float:left;
	width:464px;
}
	#home-right h3 {
		background:url(../images/bg_header_green.gif) no-repeat;
		font-size:22px;
		font-weight:normal;
		color:#fff;
		line-height:22px;
		padding:1px 0 0 13px;
		width:176px;
		height:25px;
		margin-left:-5px;
	}
	#home-tweets {
		margin-top:12px;
	}
		#tweet {
			margin-top:7px;
			width:426px;
			border-top:1px solid #d4d5d7;
			border-left:1px solid #d4d5d7;
			border-right:1px solid #d4d5d7;
			background-color:#fcfdef;
		}
			#twitter_update_list {
				padding:10px 13px;
				font-size:12px;
				color:#373636;
				list-style:none;
				margin:0;
			}
				#twitter_update_list li {
					margin:0;
					padding:0;
				}
		#birdie {
			width:428px;
			background:url(../images/bg_twitter.png) no-repeat;
			padding:10px 0 0 85px;
			width:343px;
			height:16px;
		}
			#birdie a {
				font-size:12px;
			}
	#home-feeds {
		margin-top:15px;
	}
		#home-feeds .feeds {
			padding:0 0 0 38px;
			margin-top:10px;
			background-repeat:no-repeat;
			background-position:left center;
			position:relative;
		}
		#home-blog {
			background-image:url(../images/feeds_blog.gif);
		}
		#home-comment {
			background-image:url(../images/feeds_comment.gif)
		}
		#home-solution {
			background-image:url(../images/feeds_solution.gif)
		}
		#maincontent_0_homefeeds_0_homeForum {
			background-image:url(../images/feeds_forum.gif)
		}
		#home-feeds h4 {
			font-size:13px;
			color:#169bcc;
			margin:0;
		}
		#home-feeds p {
			font-size:13px;
			padding:0;
			margin:0;
		}
		#home-feeds .feeds .icon {
		    display:block;
		    position:absolute;
		    top:0;
		    left:0;
		}
	#home-ask {
		margin-top:15px;
		float:left;
	}
		#home-ask h3 {
			float:left;
			margin-right:5px;
		}
		#home-ask p {
			float:left;
			width:200px;
			font-size:11px;
			margin:0;
		}
		#home-ask-input {
			float:left;
			width:360px;
			border:1px solid #eceaea;
			font-size:13px;
			color:#616060;
			margin-right:5px;
			margin-top:8px;
			padding:2px 5px;
		}
		#home-ask-submit {
			float:left;
			padding:0 7px 0 0;
			margin:9px 0 0 0;
			background:url(../images/arrow_green.gif) no-repeat right center;
			border:none;
			border-width:0;
			color:#459728;
			font-size:13px;
			font-weight:bold;
			cursor:pointer;
		}
		
		
.home-disclaimer {clear:left; font-size:10px; padding-left:20px; color:#999999;}


/*================================ 
 Home Content
================================*/
#home-content {/*display:inline-block;*/ /*width:928px;*/ width:934px; position:relative; margin:-3px -3px 16px -3px; clear:both;}

#home-content .top {display:inline-block; width:934px; height:4px; background:transparent url('/images/duck/home/home-content-top.png') no-repeat 0 0;}
#home-content .shell {display:inline-block; width:934px; background:transparent url('/images/duck/home/home-content-shell.png') repeat-y 0 0; min-height:300px; position:relative; padding:25px 0 0 0;}
#home-content .bottom {display:inline-block; width:934px; height:6px; background:transparent url('/images/duck/home/home-content-bottom.png') no-repeat 0 0;}

#home-content .shell .column {width:467px; float:left;}

#home-content .shell h3.ribbon {color:#ffffff; font-weight:bold; font-size:20px; line-height:20px;}
#home-content .shell h3.ribbon.orange {text-shadow:1px 1px 2px #c67423; background:transparent url('/images/duck/home/home-content-orange-ribbon.png') no-repeat 0 0; position:relative; padding:10px 0 20px 39px; margin:0 0 10px -39px; /*width:471px;*/ width:432px;}
#home-content .shell h3.ribbon.green {text-shadow:1px 1px 2px #2d7e14; background:transparent url('/images/duck/home/home-content-green-ribbon.png') no-repeat 0 0; position:relative; padding:10px 0 20px 0; text-align:center; margin:0 -27px 8px -16px; /*width:471px;*/ width:973px;}

/*---- Featured Products ----*/
#home-content .shell .column #featured-products {padding:0 0 0 23px; position:relative; display:inline-block; width:444px; margin:0 0 36px 0;}
#home-content .shell .column #featured-products p {padding:0; margin:0 0 20px 0; font-size:13px; color:#484848;}
#home-content .shell .column #featured-products .product {float:left; width:120px; margin:0 11px 20px 11px; text-align:center; font-weight:bold; font-size:11px;}
#home-content .shell .column #featured-products .product.last {margin-right:0;}
#home-content .shell .column #featured-products .product a img {text-decoration:none; display:block; margin:0 auto 2px auto;}
#home-content .shell .column #featured-products a.more-products {display:block; width:162px; height:36px; clear:left; margin:0 0 0 126px; text-indent:-99999em; cursor:pointer; background:transparent url('/images/duck/home/more-products.jpg') no-repeat 0 0;}
#home-content .shell .column #featured-products a.more-products:hover {background-position:0 -36px;}

/*---- Featured Ducktivities ----*/
#home-content .shell .column #featured-ducktivities {padding:0 0 0 23px; position:relative; display:inline-block; width:444px; margin:0 0 36px 0;}
#home-content .shell .column #featured-ducktivities .ducktivity {display:inline-block; width:400px; border-bottom:2px dashed #cccccc; padding:20px 0; background:transparent url('/images/duck/home/arrow-inactive.png') no-repeat right center;}
#home-content .shell .column #featured-ducktivities .ducktivity.hover {background:transparent url('/images/duck/home/arrow-active.png') no-repeat right center;}
#home-content .shell .column #featured-ducktivities .ducktivity.first {padding-top:0;}
#home-content .shell .column #featured-ducktivities .ducktivity.last {border-bottom:none; padding-bottom:0;}
#home-content .shell .column #featured-ducktivities .ducktivity div.image {float:left; width:91px; height:91px; background:transparent url('/images/duck/home/featured-ducktivity-bg.png') no-repeat 0 0; position:relative; margin-left:-1px;}
#home-content .shell .column #featured-ducktivities .ducktivity div.image img {display:block; width:83px; height:83px; margin:4px;}
#home-content .shell .column #featured-ducktivities .ducktivity div.description {margin:0 0 0 110px; padding:5px 0 0 0;}
#home-content .shell .column #featured-ducktivities .ducktivity div.description h4 {margin:0 0 10px 0; padding:0; font-size:16px; color:#046730;}
#home-content .shell .column #featured-ducktivities .ducktivity div.description h4 a {color:#046730;}
#home-content .shell .column #featured-ducktivities .ducktivity div.description p {width:200px; margin:0; padding:0; color:#484848; font-family:Helvetica, Arial, sans-serif; font-size:12px;}

/*---- Callouts ----*/
#home-content .shell .column .callout {position:relative; text-indent:-999999em; margin-left:10px;}
#home-content .shell .column .callout a {display:block; position:absolute; text-indent:-99999em; cursor:pointer;}

#home-content .shell .column .callout.sap {width:438px; height:295px; background:transparent url('/images/duck/home/callout-sap-2012.png') no-repeat 0 0; margin-bottom:18px;}
#home-content .shell .column .callout.sap a {width:147px; height:41px; left:265px; bottom:38px; background:transparent url('/images/duck/home/callout-sap-2012-btn.png') no-repeat 0 0;}
#home-content .shell .column .callout.sap a:hover {background-position:-147px 0;}

#home-content .shell .column .callout.bubble-wrap {width:438px; height:295px; background:transparent url('/images/duck/home/callout-bubble-wrap-protective-packaging.png') no-repeat 0 0; margin-bottom:18px;}
#home-content .shell .column .callout.bubble-wrap a {width:162px; height:36px; left:180px; bottom:85px; background:transparent url('/images/duck/home/callout-get-coupon.png') no-repeat 0 0;}
#home-content .shell .column .callout.bubble-wrap a:hover {background-position:0 -36px;}

#home-content .shell .column .callout.dds {width:438px; height:298px; background:transparent url('/images/duck/home/callout-dds-holiday.png') no-repeat 0 0; }
#home-content .shell .column .callout.dds a {width:162px; height:36px; left:142px; bottom:104px; background:transparent url('/images/duck/home/callout-get-coupon.png') no-repeat 0 0;}
#home-content .shell .column .callout.dds a:hover {background-position:0 -36px;}


/*
#home-content .shell .column .callout.packaging-tape {width:419px; height:266px; background:transparent url('/images/duck/home/callout-packaging-tape.png') no-repeat 0 0; margin-bottom:39px;}
#home-content .shell .column .callout.packaging-tape a {width:162px; height:36px; left:28px; bottom:30px; background:transparent url('/images/duck/home/callout-get-coupon.png') no-repeat 0 0;}
#home-content .shell .column .callout.packaging-tape a:hover {background-position:0 -36px;}

#home-content .shell .column .callout.easy-liner {width:419px; height:266px; background:transparent url('/images/duck/home/callout-easy-liner.png') no-repeat 0 0;}
#home-content .shell .column .callout.easy-liner a {width:162px; height:36px; left:28px; bottom:25px; background:transparent url('/images/duck/home/callout-get-coupon.png') no-repeat 0 0;}
#home-content .shell .column .callout.easy-liner a:hover {background-position:0 -36px;}

#home-content .shell .column .callout.sap {width:436px; height:281px; background:transparent url('/images/duck/home/callout-sap-winners.png') no-repeat 0 0; margin-top:-26px; margin-bottom:34px;}
#home-content .shell .column .callout.sap a {width:188px; height:37px; left:136px; bottom:23px; background:transparent url('/images/duck/home/callout-sap-view-the-winners.png') no-repeat 0 0;}
#home-content .shell .column .callout.sap a:hover {background-position:0 -37px;}

#home-content .shell .column .callout.dds {width:436px; height:294px; background:transparent url('/images/duck/home/callout-dds.jpg') no-repeat 0 0;}
#home-content .shell .column .callout.dds a {width:162px; height:36px; left:138px; bottom:75px; background:transparent url('/images/duck/home/callout-dds-get-coupon.png') no-repeat 0 0;}
#home-content .shell .column .callout.dds a:hover {background-position:0 -36px;}
*/

/*---- Social Connect ----*/
#home-content .shell .social-connect {clear:both; width:934px; position:relative; padding:0 0 15px 0;}
#home-content .shell .social-connect:after {content: "."; clear:both;height:0;visibility:hidden;display:block;}
#home-content .shell .social-connect #home-tweets {margin-left:23px; margin-top:0;}
#home-content .shell .social-connect #home-tweets h3 {display:none;}
#home-content .shell .social-connect ul.social-links {list-style:none; color:#444444; font-size:14px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin:0;}
#home-content .shell .social-connect ul.social-links li {margin:0; padding:0; height:48px;}
#home-content .shell .social-connect ul.social-links li.facebook {margin-bottom:10px;}
#home-content .shell .social-connect ul.social-links li a {color:#444444; padding-left:63px; display:block;}
#home-content .shell .social-connect ul.social-links li.facebook a {background:url('/images/duck/home/connect-facebook.png') no-repeat 0 center; height:33px; padding-top:15px;}
#home-content .shell .social-connect ul.social-links li.youtube a {background:url('/images/duck/home/connect-youtube.png') no-repeat 0 center; height:41px; padding-top:7px;}