/* ++ carousel styles ++ */
/* general */

#primaryFeature {
	overflow: auto;
}	

.featurecarousel{
	background-color: #d7d7cf;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 748px; /*Width of Carousel Viewer itself*/
	height: 296px; /*Height should enough to fit largest content's height*/
}

.featurecarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.featurecarousel .feature{
	float: left; /*leave this value alone*/
	height: 296px;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 748px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.categoryCarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 748px; /*Width of Carousel Viewer itself*/
	height: 345px;
	margin-top: 10px;
}

.categoryCarousel .catBelt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.categoryCarousel .catFeature{
	background: transparent url(../img/bg_categoryCarousel.gif) top left no-repeat;
	float: left; /*leave this value alone*/
	height: 345px;
	padding: 0 0 0 10px;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 738px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* primary offer */
#homeOffer01, #homeOffer02, #homeOfferosp, #homeOffer03, #homeOffer03osp, #divOffer01, #divOffer02, #divOffer03 {
	overflow: hidden;
	width: 748px;
	text-align : left;
}

#homeOffer01, #divOffer01, #divOffer02, #divOffer03, #homeOffer03osp {
	height: 296px;
}

#homeOffer02, #homeOfferosp {
	/*background: transparent url(../img/bg_instock_guarantee.jpg) top left no-repeat;*/
	height: 296px;
}

#homeOfferosp {
	background: transparent url(../img/bg_onshelf_promise.jpg) top left no-repeat;
}

/*#homeOffer03 {
	background: transparent url(../img/featureimages/bg_seo_festive.jpg) top left no-repeat;
	height: 271px;
	color: #ffffff;
	padding: 20px 320px 5px 20px;
	text-align:left;    
	width: 408px;
}*/

#homeOffer03 h2 { line-height: 100%; padding-bottom: 10px; }
#homeOffer03 p { font-size: 85%; padding-bottom: 10px; }
#homeOffer03 p a { color: #ffffff; }

#homeOffer03 a
{
	color: #ffffff;
}

/* navigation through features */
#homeOffer01 ul.offerNav, #homeOffer02 ul.offerNav, #homeOfferosp ul.offerNav, #homeOffer03 ul.offerNav,
#divOffer01 ul.offerNav, #divOffer02 ul.offerNav, #divOffer03 ul.offerNav, #homeOffer03osp ul.offerNav
 {
	list-style-type: none;
	position: absolute;
	top: 277px;
	left: 600px;
	z-index: 100;
}

#homeOffer01 ul.offerNav li,
#homeOffer02 ul.offerNav li,
#homeOffer02 ul.offerNav li,
#homeOfferosp ul.offerNav li,
#homeOffer03 ul.offerNav li, #homeOffer03osp ul.offerNav li,
#divOffer01 ul.offerNav li, #divOffer02 ul.offerNav li, #divOffer03 ul.offerNav li
 {
	display: inline;
	padding: 0 0 0 2px;
}

#homeOffer01 ul.offerNav li a,
#homeOffer02 ul.offerNav li a,
#homeOfferosp ul.offerNav li a,
#homeOffer03 ul.offerNav li a, #homeOffer03osp ul.offerNav li a,
#divOffer01 ul.offerNav li a, #divOffer02 ul.offerNav li a, #divOffer03 ul.offerNav li a {
	border: 2px solid #ffffff;
	display: inline;
	padding: 2px;
	font-size: 80%;
	font-weight: bold;
}

#homeOffer01 ul.offerNav li a:link, #homeOffer01 ul.offerNav li a:visited,
#homeOffer02 ul.offerNav li a:link, #homeOffer02 ul.offerNav li a:visited,
#homeOfferosp ul.offerNav li a:link, #homeOffer02 ul.offerNav li a:visited,
#homeOffer03 ul.offerNav li a:link, #homeOffer03 ul.offerNav li a:visited,
#homeOffer03osp ul.offerNav li a:link, #homeOffer03osp ul.offerNav li a:visited,
#divOffer01 ul.offerNav li a:link, #divOffer01 ul.offerNav li a:visited, 
#divOffer02 ul.offerNav li a:link, #divOffer02 ul.offerNav li a:visited, 
#divOffer03 ul.offerNav li a:link, #divOffer03 ul.offerNav li a:visited {
	background-color: #0066cc;
	color: #ffffff;
	text-decoration: none;
}

#homeOffer01 ul.offerNav li a:hover, #homeOffer01 ul.offerNav li a:active,
#homeOffer02 ul.offerNav li a:hover, #homeOffer02 ul.offerNav li a:active,
#homeOfferosp ul.offerNav li a:hover, #homeOffer02 ul.offerNav li a:active,
#homeOffer03 ul.offerNav li a:hover, #homeOffer03 ul.offerNav li a:active,
#homeOffer03osp ul.offerNav li a:hover, #homeOffer03osp ul.offerNav li a:active,
#divOffer01 ul.offerNav li a:hover, #divOffer01 ul.offerNav li a:active,
#divOffer02 ul.offerNav li a:hover, #divOffer02 ul.offerNav li a:active,
#divOffer03 ul.offerNav li a:hover, #divOffer03 ul.offerNav li a:active {
	background-color: #ed1b23;
	color: #ffffff;
}

ul.offerNav li a#currentFeature:link, ul.offerNav li a#currentFeature:visited, ul.offerNav li a#currentFeature:hover, ul.offerNav li a#currentFeature:active {
	background-color: #ed1b23;
	color: #ffffff;
}

/* R&C Text */

#homeOffer02 h2, #homeOffer02 h3, 
#homeOfferosp h2, #homeOfferosp h3 {
	color: #b8027b;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#homeOffer02 h2, #homeOfferosp h2 {
	font-size: 260%;
	padding: 25px 20px 0 240px;
}

#homeOffer02 h3, #homeOfferosp h3 {
	font-size: 160%;
	padding: 10px 20px 15px 240px;
}

#homeOffer02 ul.guaranteeSteps, #homeOfferosp ul.guaranteeSteps {
	font-size: 110%;
	list-style-type: none;
	margin-left: 260px;
	padding: 0 20px 15px 0;
}

#homeOffer02 ul.guaranteeSteps li, #homeOfferosp ul.guaranteeSteps li {
	display: block;
	padding: 0 0 0.8em 18px;
}

#homeOffer02 ul.guaranteeSteps li.stepone,
#homeOfferosp ul.guaranteeSteps li.stepone { background: transparent url(../img/icon01_pink.gif) top left no-repeat; }
#homeOffer02 ul.guaranteeSteps li.steptwo,
#homeOfferosp ul.guaranteeSteps li.steptwo { background: transparent url(../img/icon02_pink.gif) top left no-repeat; }
#homeOffer02 ul.guaranteeSteps li.stepthree,
#homeOfferosp ul.guaranteeSteps li.stepthree { background: transparent url(../img/icon03_pink.gif) top left no-repeat; }
#homeOffer02 ul.guaranteeSteps li.stepfour,
#homeOfferosp ul.guaranteeSteps li.stepfour { background: transparent url(../img/icon04_pink.gif) top left no-repeat; }
#homeOffer02 ul.guaranteeSteps li.stepfive,
#homeOfferosp ul.guaranteeSteps li.stepfive { background: transparent url(../img/icon05_pink.gif) top left no-repeat; }

#homeOffer02 a.carousellink, #homeOfferosp a.carousellink {
	display: block;
	font-size: 95%;
	font-weight: bold;
	padding: 0 20px 0 260px;
	line-height: 110%;
}

#homeOffer02 a.carousellink:link, #homeOffer02 a.carousellink:visited,
#homeOfferosp a.carousellink:link, #homeOfferosp a.carousellink:visited {
	color: #0066cc;
	text-decoration: none;
}

#homeOffer02 a.carousellink:hover, #homeOffer02 a.carousellink:active,
#homeOfferosp a.carousellink:hover, #homeOfferosp a.carousellink:active {
	color: #ed1b23;
	text-decoration: underline;
}

