/*    Site-wide CSS for new design    */
body.home, body.active {
  background: #fff url(http://admin.webmakerx.net/images/Sites/Site20666/Document/pagebackground-repeat.png) repeat-x;}
#wmxcontent {
  position: relative;
  width: 950px;
  margin: 0 auto;}

/*    CCM Banner and Menu    */
.CCM #header {
  width: 100%;
  height: 37px;
  padding-top: 56px;}
.CCM #header a {
  float: left;}
.CCM #header a.hicon {
  float: right;
  margin-left: 4px;}
.CCM #menu {
  border: 1px solid #000;
  border-bottom: 0 none;
  background: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/menubackground.png) no-repeat;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 38px;
  list-style-type: none;}
.CCM #menu li {
  list-style-position: outside;
  width: 280px;
  height: 32px;
  margin: 3px 0 3px 2px;
  padding: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/menubackground-left.png) no-repeat;}
.CCM #menu li + li {
  margin: 3px 44px 3px 43px;
  *margin: 3px 46px 3px 47px;
  width: 292px;
  background-image: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/menubackground-middle.png);}
.CCM #menu li + li + li {
  margin: 3px 3px 3px 0;
  width: 280px;
  background-image: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/menubackground-right.png);}
.CCM #menu li a {
  display: block;
  width: 100%;
  height: 32px;
  font: 18px Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: transparent url(http://admin.webmakerx.net/images/Sites/Site20666/Document/menubackground-hover.png) no-repeat 50% -100px;}
.CCM #menu li a:hover {
  background-position: 50% 0;
  background-position: 50% 10px\0/;
  *background-position: 50% 10px;
  text-shadow: 0 1px 7px #000;}


/*    Body      */
#hub-container {
  border: 1px solid black;
  width: 100%;
  height: 695px;
  position: relative;
  background: #fff url(http://admin.webmakerx.net/images/Sites/Site20666/Document/background.jpg) no-repeat -133px -133px}
#hub-content {
  position: relative;}
#dealer-text {
  color: #000000;
  font: normal 11px Verdana;
  left: 652px;
  line-height: 24px;
  position: relative;
  text-align: left;
  top: 30px;
  width: 280px;
  word-spacing: 0;
  z-index: 2;
  height: 0;}
#bottom-right-buttons {
  position: absolute;
  right: 23px;
  top: 770px;
  height: 1px;}

/* ---Footer CSS--- */

#Footer{
color: #5a5a5a;
width: 950px;
margin: 0 auto;
font-size: 9pt;
position: relative;
top: 10px;
}

#Footer a{
color: #000000;
text-decoration: underline;
}

#Footer a:hover{
color: #000eff;
text-decoration: underline;
}

.FooterText{
display: inline;
margin-left: 0px;
}

#LeftSide{
margin-right: 530px;
}

/* ---End of Footer CSS--- */


/* ---Logos--- */
#hub-logos {
  position: absolute;
  width: 613px;
  height: 613px;
  top: 65px;
}
#hub-logos a {
  position: absolute;
  display: block;
  background-position: top;
}
#hub-logos a:hover {
background-position: bottom;
}
a.cadillac {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-cadillac-logo.png);
height: 90px;
width: 110px;
top: 0;
left: 90px;
}
a.mb {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-mb-logo.png);
height: 70px;
width: 70px;
top: 0;
left: 290px;
}
a.ford {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-ford-logo.png);
height: 60px;
width: 120px;
top: 0;
left: 460px;
}
a.smart {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-smart-logo.png);
height: 40px;
width: 140px;
top: 120px;
left: 70px;
}
a.nissan {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-nissan-logo.png);
height: 65px;
width: 75px;
top: 100px;
left: 287px;
}
a.suzuki {
background-image: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/suzuki.png);
height: 97px;
width: 79px;
top: 87px;
left: 480px;
}
a.toyota {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-toyota-logo.png);
height: 65px;
width: 90px;
top: 200px;
left: 100px;
}
a.honda {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-honda-logo.png);
height: 70px;
width: 100px;
top: 200px;
left: 275px;
}
a.lexus {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-lexus-logo.png);
height: 60px;
width: 125px;
top: 200px;
left: 450px;
}
a.scion {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-scion-logo.png);
height: 65px;
width: 90px;
top: 300px;
left: 100px;
}
a.acura {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-acura-logo.png);
height: 55px;
width: 95px;
top: 310px;
left: 280px;
}
a.bmw {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-bmw-logo.png);
height: 70px;
width: 70px;
top: 300px;
left: 480px;
}
a.infiniti {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-infiniti-logo.png);
height: 70px;
width: 130px;
top: 410px;
left: 80px;
}
a.lincoln {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-lincoln-logo.png);
height: 80px;
width: 110px;
top: 400px;
left: 270px;
}
a.volvo {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-volvo-logo.png);
height: 75px;
width: 75px;
top: 410px;
left: 480px;
}

a.sprinter {
  background-image: url(http://admin.webmakerx.net/images/Sites/Site20666/Document/sprinter.png);
  height: 51px;
  width: 118px;
  top: 515px;
  left: 266px;
}

/* -- Dealer Buttons --*/
#dealer-buttons {
position: absolute;
top: 330px;
left: 660px;
}
#dealer-buttons a.button {
display: block;
height: 35px;
width: 243px;
text-align: left;
line-height: 30px;
font-family: Verdana;
font-size: 18px;
color: #000;
margin-bottom: 13px;
text-indent: 20px;
text-decoration: none;
background-repeat: repeat-none;
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/pink-hover-buttons.png);
background-position: top;
}
#dealer-buttons a.button:hover {
color: #fff;
background-position: bottom;
z-index: 11;
}
#socialbuttons {
background-image: url(http://admin.webmakerx.net/images/Sites/Site14357/Document/hub21-connect-button.png);
position: absolute;
height: 83px;
width: 243px;
top: 521px;
left: 660px;
display: block;
z-index: 10;
}
#socialbuttons .title {
line-height: 30px;
font-family: Verdana;
font-size: 18px;
text-decoration: none;
color: #FFF;
margin-left: 20px;
}
#socialbuttons .links {
position: relative;
margin: 0 0 0 10px;
top: 6px;
border: 0px solid #fff;
}
.links img {
border: 0px solid #fff;
}
body {
margin: 0px;
}

/* -- Logo Popups -- */
#popups {
  position: absolute;
  top:49px;
  right:58px;
  width: 277px;}
#popups > div {
  position: absolute;
  top: 0;
  right: 0;}
#popups > div > a:first-child {
  display: block;
  width: 277px;
  height: 152px;
  margin: 0;
  padding: 0;}
#popups > #lexPop > a:first-child, #popups > #toyPop > a:first-child {
  height: 141px;
}
#popups .pop-links {
  width: 240px;
  margin: 0 auto 25px;
  *margin: 0 auto 5px;
  position: relative;
  left: -10px;
  padding: 0;}
#popups .pop-links a {
  color: #000;
  font-size: 13px;
  text-decoration: none;
  line-height: 16px;
  float: left;
  *clear: left;}
#popups .pop-links a.align-right {
  float: right;
  *clear: right;}
#popups .pop-links a:hover {
  color: #666;}
#popups .pop-links a.center {
  text-align: center;
  width: 100%;
}