﻿/* Homepage 1 styling
----------------------------------------*/
#ctl00_cphMain_PromotionBlock8_divPromotion {
float:left;
}

#mainContentHome1 {
  width: 962px;
  float: left;
  clear: both;
  position: relative;
}

.homeBottom_hldr {
  width: 962px;
  height: 50px;
  position: absolute;
  top: 407px;
  left: 0;
  background: #fff;
  z-index: 10;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8;
}

.homeBottom {
  width: 962px;
  position: absolute;
  top: 415px;
  left: 0;
  z-index: 10;
}

.homeBottom a {
  margin: 0 0 0 7px;
}

.homeBottom div {
  margin: 0 0 0 7px;
  display: inline;
  float: left;
}

/* Homepage 2 styling
----------------------------------------*/
#mainContentHome2 {
  width: 962px;
  float: left;
  clear: both;
  position: relative;
}

#home2_left {
  background: url(../images/backgrounds/home2_left.jpg) no-repeat;
  width: 199px;
  height: 397px;
  padding: 60px 0 0;
  float: left;
  margin: 0 5px 0 0;
}

#home2_left a {
  background: url(../images/backgrounds/home2_bullet.gif) no-repeat;
  background-position: 170px 30px;
  float: left;
  clear: both;
  display: block;
  width: 183px;
  height: 59px;
  border-bottom: 1px solid #e7e7e7;
  line-height: 59px;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  padding: 0 0 0 12px;
  margin: 0 0 0 3px;
  _display: inline;
}

#home2_left a:hover {
  background: #fff url(../images/backgrounds/home2_bullet.gif) no-repeat;
  background-position: 170px -30px;
}

#homeModules {
  float: left;
  height: 182px;
  margin: 5px 0;
}
.leftMod {
  float: left;
  margin: 0 5px 0 0;
  width:317px;
  display:block;
}

.bottomRow {
margin:5px 0 0 0;
float:left;
width:962px;
height:68px;
}

.topRow {
float:left;
width:962px;
height:114px;
}

.midMod {
  float: left;
  margin: 0 5px 0 0;
  width:317px;
  display:block;
}

.rightMod {
  float: left;
  width:317px;
  display:block;
}

.homeLast {
border:none !important;
}

.promotionLocator {
background:url(../images/homepage_modules/new/FindAStore_sm.jpg) no-repeat;
width:195px;
height:32px;
padding:31px 0 0 122px;
}

.promotionLocator .inputstyle input{
width:140px;
font-size:11px;
padding:1px 0 0 5px;
}

.promotionLocator img {
display:none;
}

/* BOTTOM MAIN IMAGE NAV BAR */

#barImages
{
	z-index: 100;
	position: relative;
}

#barControl
{
	line-height: 30px;
	height: 30px;
	z-index: 100;
	display: none;
	position: absolute;
	width: 100%;
	background-color: White;
	bottom: 0px;
	background: url('../Images/homepage_main/barBackground.png') repeat;	

}

#barControl a.left_arrow
{
	top: 5px;
	position: absolute;
	width: 20px;
	height: 21px;
	left: 20px;
	background-image:url('../Images/homepage_main/homepageSprite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#barControl a:hover.left_arrow
{
	background-position: -20px 0px;
}


#barControl .right_arrow
{
	top: 5px;
	position: absolute;
	width: 20px;
	height: 21px;
	right: 20px;
	background-image:url('../Images/homepage_main/homepageSprite.png');
	background-repeat: no-repeat;
	background-position: -40px 0px;
}

#barControl a:hover.right_arrow
{
	background-position: -60px 0px;
}

#barControlButtons
{
	position: relative;
	width: 0px;
	padding: 0;
	top: 5px;
	height: 21px;
	margin: 0 auto;
	overflow: hidden;
	
}

#barControlButtons .center_button
{
	position: relative;
	float: left;
	width: 20px;
	height: 21px;
	margin: 0 5px;
	background-image:url('../Images/homepage_main/homepageSprite.png');
	background-repeat: no-repeat;
}