/* ------- text.css - below can be placed in text.css file  ------------*/


#simple-savings h1 {
	display: block;
	background-image: url("/images/text/h1/simple-savings-blues.gif");
	width: 100%;
}

#large-tabs li a { 
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	color: #333;
	font-size: 11px; 
}

/* ------- layout.css - below can be placed in layout.css file  ------------*/
/* Large Tabs
----------------------------------- */

#large-tabs {
  position: absolute;
  top: 217px;
  width: 970px;
  height: 108px;
  clear: both;
}

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

#large-tabs ul li {
	float: left;
	width: 139px;
	margin-left: -1px;
}

#large-tabs ul li a {
	display: block;
	width: 139px;
	height: 95px;
	background: url("/images/backgrounds/large-tabs.jpg") -140px 0px no-repeat;
}

#large-tabs ul li a.current, #large-tabs ul li a.current:hover {
	background: url("/images/backgrounds/large-tabs.jpg") 0px 0px no-repeat;
}

#large-tabs ul li a:hover {
	background: url("/images/backgrounds/large-tabs.jpg") -280px 0px no-repeat;
}



/* ------- Simple Savings Styles  ------------*/

/* Simple Savings > Content
----------------------------------- */
#simple-savings #content {
	float: none;
	margin: 0 auto;
	width: 980px;

}

#simple-savings #content a {
	text-decoration: none;
	color: #ea8117;
}


/* Simple Savings > Promotion Content
----------------------------------- */
#simple-savings .promotion-content {
	padding: 5px 10px 5px 0px;
	margin-top: -4px;
	height: 402px;
	
}

#simple-savings .promotion-content .content-box {
	float: right;
	width: 415px;
}

#simple-savings .promotion-content h2 {
	display: none;
}

#simple-savings .promotion-content h3 {
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	color: #333;
	font-size: 35px; 
	float: left;
	width: 235px;
}

#simple-savings .promotion-content h4 {
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	color: #ce171f;
	font-size: 14px; 
	float: right;
	width: 160px;
	line-height: 120%;
	padding-top: 8px;
}

#simple-savings .promotion-content p {
	clear: both;
	font-size: 12px;
	padding: 3px 6px 1px 0;
}

#simple-savings .promotion-content .ss-options {
	float: right;
	width: 177px;
}

#simple-savings .promotion-content .ss-options h3 {
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	color: #333;
	font-size: 18px; 
	line-height: 150%;
	float: none;
	width: auto;
}

#simple-savings .promotion-content .ss-options ul {
	list-style: none;
	border-top: 1px solid #e9e9e9;
}

#simple-savings .promotion-content .ss-options ul li {
	border-bottom: 1px solid #e9e9e9;
	font-size: 90%;
}

#simple-savings #content .promotion-content .ss-options ul li a {
	display: block;
	padding: 4px 0 4px 19px;
	font-size: 92%;
	text-decoration: none;
	color: #333;
	background: url("/images/icons/arrow-right-gray.gif") 1px 4px no-repeat;
}


#simple-savings #content .promotion-content .ss-options ul li a:hover {
	background: url("/images/icons/arrow-right-orange.gif") 1px 4px no-repeat;
	color: #d37a22;
}


/* Promotion Specific Styles
----------------------------------- */
#simple-savings .promotion-content .ss-product-image { float: left; }
#simple-savings .promotion-content .ss-promotion-logo { margin: 3px 0 5px; }

#simple-savings #ss-love-promotion { background: url("/images/simplesavings/featured/ss-love.jpg") bottom left no-repeat; }
#simple-savings #ss-labor-promotion { background: url("/images/simplesavings/featured/ss-labor.jpg") bottom left no-repeat; }
#simple-savings #ss-march-promotion { background: url("/images/simplesavings/featured/ss-march.jpg") bottom left no-repeat; }
#simple-savings #ss-rich-promotion { background: url("/images/simplesavings/featured/ss-rich.jpg") bottom left no-repeat; }
#simple-savings #ss-spring-promotion { background: url("/images/simplesavings/featured/ss-spring.jpg") bottom left no-repeat; }
#simple-savings #ss-star-promotion { background: url("/images/simplesavings/featured/ss-star.jpg") bottom left no-repeat; }
#simple-savings #ss-summer-promotion { background: url("/images/simplesavings/featured/ss-summer.jpg") bottom left no-repeat; }

#simple-savings #ss-labor-promotion h4 { color: #0071bd; }
#simple-savings #ss-labor-promotion .ss-promotion-logo { margin: 10px 0 0px;  }
#simple-savings #ss-labor-promotion .ss-product-image { margin: 30px 0 0 0; }
#simple-savings #ss-labor-promotion .ss-options { margin-top: -10px; }


#simple-savings #ss-rich-promotion h4 { color: #ce171f; }
#simple-savings #ss-rich-promotion .ss-promotion-logo { margin: 10px 0 0px;  }
#simple-savings #ss-rich-promotion .ss-product-image { margin: 30px 0 0 0; }
#simple-savings #ss-rich-promotion .ss-options { margin-top: -10px; }

#simple-savings #ss-summer-promotion .ss-promotion-logo { float: left; margin: 0;  }
#simple-savings #ss-summer-promotion .ss-product-image { margin: 5px 0 0 10px; }
#simple-savings #ss-summer-promotion .ss-options { float: none; width: auto; clear: both; }
#simple-savings #ss-summer-promotion h4 { color: #f26522; }

#simple-savings #ss-star-promotion .ss-promotion-logo { float: left; margin: 35px 0 0; }
#simple-savings #ss-star-promotion .ss-options { margin-top: 100px; }
#simple-savings #ss-star-promotion h4 { color: #f1952b; }

#simple-savings #ss-spring-promotion .ss-promotion-logo { float: left; margin: 10px 0 0; }
#simple-savings #ss-spring-promotion .ss-options { margin-top: 20px; }
#simple-savings #ss-spring-promotion h4 { color: #0284c2; }

#simple-savings #ss-march-promotion h4 { float: left; color: #0db14b; }
#simple-savings #ss-march-promotion h3 { float: right; }
#simple-savings #ss-march-promotion p { float: right; width: 235px; }
#simple-savings #ss-march-promotion .ss-promotion-logo { float: left; margin-top: -70px; }
#simple-savings #ss-march-promotion .ss-product-image  { margin-top: 15px; }
#simple-savings #ss-march-promotion .ss-options h3 { float: none; }
#simple-savings #ss-march-promotion .ss-options { margin-top: -40px; }


/* Simple Savings > Box
----------------------------------- */
#simple-savings #content #box {
	width: 968px;
	padding: 4px 0px 0 0px;
	background: url("/images/simplesavings/box-bg.gif") bottom right no-repeat;
}

#simple-savings #content #box-bottom {
	background: none;
	height: 0;
}

#simple-savings #content #box.large-tabs {
	
}

#simple-savings #content #box-top {
	background: url("/images/simplesavings/tab-bottom-bg.gif") bottom left no-repeat;
	height: 103px;
	width: 100%;
}

/* Simple Savings > Large Tabs
----------------------------------- */

#simple-savings #content #large-tabs .promotion-list {
	margin-left: 1px;
}

#simple-savings #content #large-tabs ul li a {
	text-align: center;
	color: #333;
	padding-top: 18px;
	line-height: 100%;
}

#large-tabs ul li a strong {
	display: none;
}

#large-tabs ul li a .to {
	display: block;
}

#large-tabs ul li a .from {
	display: block;
}

#large-tabs ul .to { height: 79px; }

#large-tabs ul #ss-love a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px 0px no-repeat; }
#large-tabs ul #ss-love a:hover .to, #large-tabs ul #ss-love .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px 0px no-repeat; }

#large-tabs ul #ss-march a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -100px no-repeat; }
#large-tabs ul #ss-march a:hover .to, #large-tabs ul #ss-march .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -100px no-repeat; }

#large-tabs ul #ss-spring a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -200px no-repeat; }
#large-tabs ul #ss-spring a:hover .to, #large-tabs ul #ss-spring .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -200px no-repeat; }

#large-tabs ul #ss-star a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -300px no-repeat; }
#large-tabs ul #ss-star a:hover .to, #large-tabs ul #ss-star .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -300px no-repeat; }

#large-tabs ul #ss-summer a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -410px no-repeat; }
#large-tabs ul #ss-summer a:hover .to, #large-tabs ul #ss-summer .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -410px no-repeat; }

#large-tabs ul #ss-labor a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -500px no-repeat; }
#large-tabs ul #ss-labor a:hover .to, #large-tabs ul #ss-labor .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -500px no-repeat; }

#large-tabs ul #ss-rich a .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") -140px -600px no-repeat; }
#large-tabs ul #ss-rich a:hover .to, #large-tabs ul #ss-rich .current .to { background: url("/images/simplesavings/logos/simplesavingslogos.gif") 0px -600px no-repeat; }