/* Global Resets */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}
/* Global Resets */

/* Clearfix */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	overflow: visible; 
}

* html .clearfix { 
	height: 1px; 
	display: block; 
	display: inline-block; 
}

.clearfix { 
	min-width: 1px; 
}
/* Clearfix */


body{
	font: normal normal 68.75%/1.273em Arial,Helvetica,Verdana,sans-serif;	
}

h1 { 
	font-size: 1.636em; 
	line-height: 1.27em;
	font-weight: normal;
}

.clear{
	clear: both;
}

a { 
	color: #0075e8; 
}

a:link, a:visited, .print a:focus { 
	text-decoration: none;	
}

a:active, a:focus, a:hover { 
	text-decoration: underline; 
}

ul, ol { 
	list-style:none; 
	padding:0; 
	margin:0; 
}

#mainContainer {
	width: 798px;
	margin: 0 auto;
}

#header {
	height: 158px;
	background: url(../../images/headerBg.jpg) no-repeat top right;
}

#walmartLogo{
	display: block;
	width: 175px;
	height: 60px;
	margin: 10px 0 0 50px;
	float: left;
}

#homeLink{
	float:right;
	height: 30px;
	width: 440px;
	display: block;
	margin: 30px 15px 0 0;
}

* html #topNav{
	display: inline-block;
}

#topNav{
	height: 30px;
	padding: 20px 0 0 50px;
	font-size: 1.25em;
}

#topNav #rightTopNav{
	float:right;
	width: 340px;
	text-align: right;
	padding-right: 10px;
}

#topNav #rightTopNav li{
	float: right;
	padding: 8px 10px 0 0px;
}

#topNav #leftTopNav{
	float: left;
	padding: 8px 10px 0 0px;
}

#topNav #rightTopNav li a:link, #topNav #rightTopNav li a:visited{
	color: #fff;
	padding-left: 10px;
}

#topNav #leftTopNav a:link, #topNav #leftTopNav a:visited{
	color: #0f50bb;
	padding-left: 0px;
}

.divider{
	border-left: 1px solid #fff;
}

#mainNav{
	height: 40px;
	background: url(../../images/mainNavBg.jpg) no-repeat 2px 0;
	padding: 0 0 0 30px;
	width: 768px;
}

#mainNav li{
	float: left;	
}

#mainNav li a{
	display: block;
	width: 100px;
	height: 30px;
}

#mainNav li ul{
	position: absolute;
	border-color: #fff;
	border-width: 0 0 2px 2px;
	border-style: solid;
	top: 150px;
	display: none;
	z-index:10000;
}

#mainNav li ul li{
	float: none;
	padding: 0;
	margin-bottom: -1px;
}

#mainNav li ul li a{
	display: block;
	width: 143px;
	height: 21px;
	border-color: #fff;
	border-width: 2px 2px 0 0;
	border-style: solid;
	color: #fff;
	font-size: 1.2em;
	padding: 7px 0 0 10px;
}

#productsDropdown li a{
	background-color: #f89e44;
}

#coloursDropdown li a{
	background-color: #fdb841;
}

#tipsDropdown li a{
	background-color: #bedd97;
}

#productsDropdown a:hover{
	background-color: #f38243;
	text-decoration: none;
}

#coloursDropdown a:hover{
	background-color: #d6b756;
	text-decoration: none;
}

#tipsDropdown a:hover{
	background-color: #8db27e;
	text-decoration: none;
}

#mainNav a#coloursLink, #mainNav a#trendsLink{
	width: 95px;
}

#mainNav li a:hover ul{
	visibility: visible;
}

#mainNav a#tipsLink{
	width: 65px;
}

#mainBanner{
	height: 296px;
}

#bannerLeft{
	float: left;
	width: 319px;
	height: 296px;
	background: url(../../images/bannerLeft.jpg) no-repeat;
}

#bannerRight{
	float: right;
	width: 479px;
	height: 296px;
	background: url(../../images/bannerRight.jpg) no-repeat;
}

#bannerRight a{
	display: block;
	width: 37px;
	height: 42px;
	background: url(../../images/smallPinkGo.png) no-repeat;
	margin: 220px 0 0 35px;
}

#paintSelector{
	height: 392px;
	width: 798px;
	padding:0;
	margin:0;
}

#painSelectorTopBanner{
	height: 150px;
	width: 798px;
	padding:0;
	margin:0;
}

#painSelectorTopBanner-left{
	float: left;
	height: 150px;
	width: 47px;
	padding:0;
	margin:0;
}

#painSelectorTopBanner-right{
	width: 42px;
	float: right;
	height: 150px;
	padding:0;
	margin:0;
}

#painSelectorTopBanner-mid{
	width: 709px;
	background: url(../../images/productsSelectorTopBanner-bg.jpg) repeat-x;
	padding:0;
	margin:0;
	height: 150px;
	float: left;
}

#painSelectorTopBanner-mid h2{
	color: #0872ba;
	font-size: 25px;
	padding: 30px 0 25px 0;
}

#painSelectorTopBanner-mid p{
	color: #fff;
}

#paintSelectorForm{
	padding: 10px 0 0 0;
}

#paintSelectorForm p{
	color: #000;
	padding: 0 0 5px 15px;
}

#paintSelectorForm ul li{
	float: left;
	padding-right: 18px;
}

#paintSelectorForm ul li div{
	vertical-align:middle;
}

#paintSelectorForm select{
	width: 170px;
	color: #0872ba;
	z-index: 1;
}

#carouselLeft, #carouselMain, #carouselRight{
	float: left;
	height: 241px;
}

#carouselWrapper{
	height: 241px;
	position: relative;
}

#carouselLeft{
	width: 16px;
	background: url(../../images/productsSelectorBox-left.jpg) no-repeat;
}

#carouselRight{
	width: 9px;
	background: url(../../images/productsSelectorBox-right.jpg) no-repeat;
}

#carouselMain{
	width: 772px;
	background: url(../../images/productsSelectorBox-bg.jpg) repeat-x;
}

#carouselMain h3{
	color: #0872ba;
	font-weight: bold;
	font-size: 2.0em;
	padding: 20px 0 8px 45px;
}

#carouselMain p{
	padding: 0 0 0 45px;
}

#carousel{
	width: 789px;
	height: 250px;
	position: absolute;
	left: 7px;
	top: 45px;
	overflow: hidden;
	z-index:1;
	clear:both;
}

#carouselCans ul{
	list-style-type: none;
	width: 9999px;
	/*padding-top: 20px;*/
	position: relative;
	left: -127px;
	display: inline-block;
}

#carouselCans ul li{
	float: left;
	/*padding: 0 7px;*/
	padding: 30px 7px 0 7px;
	position: relative;
	display: block;
	width: 117px;
}

#carouselCans ul li a{
	position: absolute;
}

#carouselCans ul li img{
	position: absolute;
	top: 0px;
    left: 0px;
}

#arrowsLeft, #arrowsRight{
	height: 123px;
	width: 130px;
	padding-top: 55px;
	position: absolute;
	z-index:200;
	top: 10px;
}

* html #arrowsLeft{
	background: none;
}

#arrowsLeft{
	background: url(../../images/carouselFadeLeft.png) no-repeat;
}

* html #arrowsRight{
	background: none;
	left: 658px;
	padding-left: 30px;
	width: 100px;
}

#arrowsRight{
	background: url(../../images/carouselFadeRight.png) no-repeat right;
	left: 658px;
	padding-left: 30px;
	width: 100px;
}

#arrowsLeft a, #arrowsRight a{
	width: 100px;
	height: 62px;
	display: block;
	z-index:3000;
	position:relative;
}


* html #arrowsLeft a{
	background: url(../../images/carouselArrowsLeft.gif) no-repeat;
}

* html #arrowsLeft a:hover{
	background: url(../../images/carouselArrowsLeft.gif) no-repeat 0 -63px;
	cursor:pointer;
}

* html #arrowsRight a{
	background: url(../../images/carouselArrowsRight.gif) no-repeat;
	cursor:pointer;
}

* html #arrowsRight a:hover{
	background: url(../../images/carouselArrowsRight.gif) no-repeat 0 -63px;
}

#arrowsLeft a{
	background: url(../../images/carouselArrowsLeft.png) no-repeat;
}

#arrowsLeft a:hover{
	background: url(../../images/carouselArrowsLeft.png) no-repeat 0 -63px;
	cursor:pointer;
}

#arrowsRight a{
	background: url(../../images/carouselArrowsRight.png) no-repeat;
	cursor:pointer;
}

#arrowsRight a:hover{
	background: url(../../images/carouselArrowsRight.png) no-repeat 0 -63px;
}

#chooseBox, #findBox, #learnBox, #seeBox{
	float: left;
	width: 199px;
	height: 157px;
}

#chooseBox a, #findBox a, #learnBox a, #seeBox a{
	display: block;
	width: 48px;
	height: 56px;
	margin: 80px 0 0 20px;
}

#ctaBoxes #chooseBox{
	width: 201px;
	background: url(../../images/chooseBoxBg.jpg) no-repeat right;
}

#ctaBoxes #chooseBox a{
	background: url(../../images/greenGoButton.png) no-repeat;
}

#findBox{
	background: url(../../images/findBoxBg.jpg) no-repeat right;	
}

#findBox a{
	background: url(../../images/purpleGoButton.png) no-repeat;
}

#learnBox{
	background: url(../../images/learnBoxBg.jpg) no-repeat right;	
}

#learnBox a{
	background: url(../../images/blueGoButton.png) no-repeat;	
}

#seeBox{
	background: url(../../images/seeBoxBg.jpg) no-repeat right;	
}

#seeBox a{
	background: url(../../images/orangeGoButton.png) no-repeat;
}




#footerWrapper{
	background-color: #eef4f6;
	border-top: 2px solid #227acc;
	padding: 5px 13px;
	width: 764px;
	margin: 0 0 0 7px;
}

/*#footerTop{
	background: url(../../images/bg_footer_top.jpg) no-repeat;
	border: 0px;
}*/

#footerWrapper #footerMain{
	background: url(../../images/bg_footer_Bg.jpg) repeat-y;
}

#footerMain .footer-departments li.heading{
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
	float: left;
	vertical-align: top;
}

#footerMain .footer-departments li ul li { 
	padding:0; 
	padding:8px 0; 
}

/*#footerBottom{
	height: 10px;
	background: url(../../images/bg_footer_bottom.jpg) no-repeat;
}*/

#footerWrapper p.legal{
	color: #9fadbc;
	font-size: 1.1em;
	margin: 1em;
}