/* --- CSS 2.1 Document --- */
/* --- Ecommerce Page   --- */
/* ------------------------ */
.gray-line {position: absolute; left: 0; width: 70%; top: 68px; height: 33px; background: url('../images/breadcrumb-bg.png'); min-width: 991px}
.black-line {position: absolute; left: 0px; top: 101px; width: 50%; height: 56px; background: #000}
.contact-wrapper {position: relative; width: 991px; margin: 0 auto}
#breadcrumb {position: absolute; left: 0; top: 68px; height: 33px; line-height: 33px; color: #c2ed20; width: 330px; /*background: url('../images/breadcrumb-bg.png')*/}
#breadcrumb a {color: #fff}
#breadcrumb a:hover {color: #c2ed20; text-decoration: none}
#breadcrumb span {color: #fff}
.heading {position: absolute; left: 0; top: 101px; height: 46px; line-height: 46px; color: #c2ed20; font-size: 30px; font-weight: normal; width: 991px; background: #000; padding-top: 10px}

/* --- Content --- */
/* --------------- */
.wsd-columns {position: absolute; top: 157px; left: 151px; width: 827px}
.wd-content {float: left; width: 609px; padding: 0 11px 0 17px; background: #000; line-height: 18px}
.wd-content p {margin-bottom: 24px}
.wd-content a {text-decoration: underline}
.wd-content a:hover {text-decoration: none}
.replacement-image {float: right; margin-left: 40px}

/* --- Menu --- */
/* ------------ */
.service-menu {float: left; background: #000; width: 170px; padding: 0 0 0 20px}
.service-menu li {line-height: 24px; border-bottom: 1px solid #2a2a29; color: #888}
.service-menu li ul {overflow: hidden}
.service-menu li li {border-bottom: none}
.service-menu li a {color: #fff}
.service-menu li a:hover, .service-menu li.active a {color: #c2ed20; text-decoration: none}
.service-menu li li a, .service-menu li.active li a {color: #fff; display: block; padding-left: 31px; background: url('../images/services-submenu.gif') -20px -24px no-repeat}
.service-menu li li.active a, .service-menu li li a:hover {color: #c2ed20; background-position: -20px 0}

/* --- Showcase --- */
/* ---------------- */
.showcase {width: 357px; position: absolute; top: 45px; left: 637px}
.showcase .sc-images {width: 349px; padding: 4px; background: #000; height: 381px; position: relative}
.showcase p {padding: 0 4px}
.sc-images img {position: absolute; top: 4px; left: 4px; visibility: hidden}
.sc-images img.active {visibility: visible}
.sc-images ul {position: absolute; top: 25px; left: 15px; width: 300px; z-index: 20}
.sc-images ul li {float: left; width: 15px; height: 14px; margin-right: 6px}
.sc-images ul li a {display: block; width: 15px; height: 14px; background: url('../images/scl-switcher.png') 0 0 no-repeat}
.sc-images ul li a:hover {text-decoration: none}
.sc-images ul li a.curent {background-position: 0 -14px}