/*border, header_bg color: #48316f
  nav_bg color: #bcaacd
  body text_color: #583d74
  h1, h2, h3_font conlor: #4b3374*/
  
html, body, h1, h2, h3, h4, ul, li {
  margin: 0;
  padding: 0;
}
h1 img {
  display: block;
}
img {
  border: 0;
}
a {
  color: #464544;
}
a:hover {
  color: #FFA405;
}
.left {
  float: left;
}
.right {
  float: right;
}
.more {
  text-align: right;
}
.clear {
  clear: both;
}

body {
  background: #d2bee3 url(http://www.menardshops.com/images/layout_pic/page_bg.jpg) repeat-x;
  text-align: center;
  font: 11px verdana, arial, sans-serif;
  color: #583d74;
  padding-bottom: 10px;
  padding-top: 31px;
}

table {
  font: 12px verdana, arial, sans-serif;
  color: #583d74;
}
tr td {
  padding-bottom: 5px;
  margin: 0
}
/** layout **/
#wrapper {
  text-align: left;
  margin: auto;
  width: 778px;
  position: relative;
  background: url(http://www.menardshops.com/images/layout_pic/body_bg.gif) repeat-y;
}

#header {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 279px;
  background: url(http://www.menardshops.com/images/layout_pic/header_bg.jpg) no-repeat;
}
#header_short {
  position: absolute;
  top: 0;
  left: 243px;
  width: 535px;
  height: 152px;
  background: url(http://www.menardshops.com/images/layout_pic/header_short.jpg) no-repeat;
}
#left {
  float: left;
  width: 243px;
}
#logo {
  width: 244px;
  height: 152px;
  background: url(http://www.menardshops.com/images/layout_pic/logo_bg.jpg) no-repeat;
}
#logo p {
  padding-top: 110px;
  font: 12px "arial narrow", arial, sans-serif;
  margin: 0px 25px 4px 25px;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight:500;
  color:#FFFFFF;
}
#logo a {
  font: 12px "arial narrow", arial, sans-serif;
  color:#FFFFFF;
  text-decoration: none;
}
#logo a:hover {
  color: #FFA405;
}
#nav {
  background: url(http://www.menardshops.com/images/layout_pic/nav_bg.jpg) repeat-y;
  width: 100%;
}
#nav ul {
  list-style: none;
  margin-left: 9px;
  padding: 0;  
}
#nav li {
  border-top: 1px solid #959595;
}
#nav li a {
  font: 14px "arial narrow", arial, sans-serif;
  display: block;
  padding: 7px 10px 10px 18px;
  text-decoration: none;
  border-left: 12px solid #666666;
  background: #2A2A2A;
  color: #FFFFFF;
}
#nav a:hover {
  color: #fff;
  background-color: #666666;
}
#nav .important {
  font: 14px "arial narrow", arial, sans-serif;
  display: block;
  background: #666666;
  color: #FFFFFF;
  border-bottom: 1px solid #959595;
}
#nav .important a {
  background: #666666;
  color: #FFFFFF;
}
#nav .submenu {
  font: 14px "arial narrow", arial, sans-serif;
  display: block;
  background: #9c7ac2;
  color: #4b3374;
}
#nav .submenu a {
  background: #9c7ac2;
  color: #4b3374;
}
#nav .submenuactive {
  font: 14px "arial narrow", arial, sans-serif;
  padding: 7px 10px 10px 18px;
  text-decoration: none;
  border-left: 12px solid #666666;
  display: block;
  background: #4b3374;
  color: #FFFFFF;
} 
#nav ul ul {
  margin: 0;
}
#nav ul ul li {
  margin: 0;
  border-top: 1px solid #959595;
}
#nav ul ul a {
  font: 14px "arial narrow", arial, sans-serif;
  background-color: #bcaacd;
  color: #4b3374;
}
#nav ul ul a:hover {
  background-color: #666666;
  color: #ffffff;
}  
#news {
  background: url(http://www.menardshops.com/images/layout_pic/news_bg.jpg) repeat-y;
  padding-top: 15px;
  /*padding-left: 37px;*/
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
  height: 500px;
}

#news.info {
  background: url(http://www.menardshops.com/images/layout_pic/news_bg.jpg) repeat-y;
  padding-top: 15px;
  /*padding-left: 37px;*/
  padding-right: 22px;
  padding-bottom: 3px;
  text-align: justify;
  height: 700px;
}
#news h2 {
  font-size: 12px;
  color: #4b3374;
  text-align: center;
  margin-bottom: 10px;
}
#news h3, #news p {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}

#news h3.info {
  font-size: 13px;
  margin: 1em 8px 1em 17px;
  text-decoration:underline;
}
#news a {
  color: #4b3374;
  font-weight: bold;
  text-decoration: underline;
}
#news a.info {
  color: #4b3374;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 15px;
  padding-bottom: 10px;
  display:block;
}
#news a:hover {
  color: #FFA405;
}
#news .more {
  font-size: 9px;
}
#news .hr-dots {
  background: center url(http://www.menardshops.com/images/layout_pic/dots.gif) repeat-x;
  height: 10px;
}
#news img {
  margin-left: 15px;
  margin-bottom: 10px;
}



#support p {
  margin: 0.7em 2.6em;
}

#right {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 301px;
}
#right h2 {
  font: 18px arial, sans-serif;
  color: #4b3374;
  border-bottom: 1px solid #927cc4;
  padding-bottom: 6px;
  margin-bottom: 1em;
  text-transform: uppercase;
}
#right h3 {
  font: 14px arial, sans-serif;
  color: #4b3374;
  border-bottom: 1px solid #927cc4;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
  text-transform: uppercase;
}
#right_short p {
  font: 12px verdana, arial, sans-serif;
  color: #583d74;
  margin-right: 2em;
  text-align: justify;
}
#right_short {
  float: right;
  width: 490px;
  padding-right: 9px;
  padding-top: 160px;
}
#right_short h2 {
  font: 18px arial, sans-serif;
  color: #4b3374;
  border-bottom: 1px solid #9e7cc4;
  padding-bottom: 6px;
  margin-bottom: 1em;
  text-transform: uppercase;
}
#right_short h3 {
  font: 14px arial, sans-serif;
  color: #4b3374;
  border-bottom: 1px solid #9e7cc4;
  padding-bottom: 6px;
  margin-bottom: 1em;
  margin-top: 2em;
  text-transform: uppercase;
}
#welcome {
  margin-right: 20px;
  width: 490px;
}
#welcome a{
  display:block;
  margin-bottom:3px;
}
#welcome p, #section p {
  font: 12px verdana, arial, sans-serif;
  color: #583d74;
  margin-right: 2em;
}
#welcome ul {
  font: 12px verdana, arial, sans-serif;
  color: #583d74;
}
#welcome li {
  margin-left: 1.3em;
  list-style: disc;
  font: 12px verdana, arial, sans-serif;
}
#promotion {
  background: url(http://www.menardshops.com/images/promotion/201002_bg.jpg) no-repeat;
  width: 480px;
  height: 600px;
  margin-top: 0px;
}
#box1 {
  padding-top: 40px;
  margin-left: 120px;
}
#box1 h4, #box2 h4 {
  font: 12px arial, sans-serif;
  color: #660066;
  text-transform: uppercase;  
}
#box2 {
   padding-top: 33px;
   margin-left: 200px;
}
#box3 {
   padding-top: 100px;
   margin-left: 190px;
}
#box3 h4 {
  font: 20px arial, sans-serif;
  color: #660066;
  text-transform: uppercase;  
  margin-left: 50px;
}
#box3 p {
   font: 14px arial, sans-serif;
   color: #660066;
}
#frontpage {
  background: url(http://www.menardshops.com/images/salon_w.jpg) no-repeat;
  width: 490px;
  height: 200px;
}
#frontpage p {
  padding-left: 20px;
  font: 12px verdana, arial, sans-serif;
  color: #583d74;  
}
#frontpage h1 {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #993399;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 5px;
}
#section {
  position: relative;
  float: left;
  width: 490px;
}
#section h2 {
  font: 16px arial, sans-serif;
  color: #4b3374;
  border: none;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.leftbox {
  width: 370px;
  float: left;
  position: relative;
  height: 140px;
  border-bottom: 1px solid #FFCCFF;
}
.rightbox {
  width: 115px;
  float: left;
  position: relative;
} 
.rightbox img {
  float: right;
  border: 1px solid #999999;
  margin-bottom: 10px;
  margin-right: 10px;
}
.button img {
  border: none;
}
.row {
	background-color: #efe7f5;
}
#bottom {
  margin-right: 16px;
}
#right .left {
  margin-right: 18px;
}
#right .more {
  font-weight: bold;
  font-size: 10px;
}

#bottomleft, #bottomright {
  float: left;
  width: 49%;
}
#bottomleft {
  margin-right: 1%;
}

#bottomleft-img{
  background: url(http://www.menardshops.com/images/pic_2/embellir.jpg) no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
}

#bottomright-img a {
text-decoration:none;}
#bottomright-img p {
text-decoration:none;}
#bottomright-img {
background-image:url(../images/banner_0610/LS.jpg); background-repeat:no-repeat;
  width: 112px;
  height: 23px;
  float: left;
  margin-right: 18px;
  text-align: center;
  padding-top: 90px;
  font-size: 9px;
  font-weight: bold;
  }
#col1, #col2, #col3, #col4 {
  float: left;
  position: relative;
  width: 24%;
}



#col2 li, #col4 li {
  list-style: none;
  text-align: right;
}
#col2 li {
  margin-right: 30px;
  
}
#col1, #col3 {
  width: 34%;
}
#col2, #col4 {
  width: 14%;
}
#col3 p {
  margin-top: 0px;
}
#spacer {
  height: 2em;
}

#footer {
  background: url(http://www.menardshops.com/images/layout_pic/footer_bg.gif) repeat-y;
}
#copyright {
  text-align: center;
  padding: 22px 0px 30px 00px;
  font-size: 9px;
  color: #583d74;
  font-weight: bold;
}
#footerline{
  background: url(http://www.menardshops.com/images/layout_pic/footerline.gif) no-repeat;
  height:10px;
  margin-top:0px;
  display:block;
  font-size:1px;
}