mec.ca - ski services

by Laura Kishimoto

HTML

<link rel="stylesheet" href="http://images.mec.ca/media/css/mec_styles_v1_m56577569831112587.css">
<table class="servicechart ski">

<tr>
<td colspan="2">

<h1>Ski Shop services and rates</h1>

<p>Looking for a reliable place to get your skis or snowboard serviced this winter? Look no further – all our stores offer professional ski shop services and competitive rates.</p>

<p>Please be advised that not all of our ski shops offer the full range of services. Call your nearest MEC store for details.</p>

<h3>MEC complimentary binding mounting program</h3>
<p>Complimentary binding mounting is available when purchasing new at MEC any two or more of the big three ski items – skis, ski-boots, or bindings. Offer valid for all types of ski equipment sold at MEC. Proof of purchase is required.</p>

</td>
</tr>

<tr>
<td>

<h2>Mounting</h2>
<ul>
<li>Classic <div class="flright">$15.00</div></li>
<li>Skate <div class="flright">$15.00</div></li>
<li>Telemark <div class="flright">$30.00</div></li>
<li>Telemark release kits <div class="flright">$30.00</div></li>
<li>Alpine touring <div class="flright">$30.00</div></li>
<li>Paper jig mounting installations <div class="flright">$35.00/hr</div></li>
<li>Binding removal <div class="flright">Free</div>
<p>With purchase of new binding or skis.</p></li>
</ul>

<h2>Skins</h2>
<ul>
<li>Skin fitting <div class="flright">$15.00</div></li>
<li>Skin shaping <div class="flright">$25.00</div></li>
<li>Skin fit and shaping <div class="flright">$35.00</div></li>
<li>Skin screws <div class="flright">$3.00</div></li>
</ul>

</td>
<td>

<h2>General services</h2>
<ul>
<li>General repairs <div class="flright">$35.00/hr</div>
<p>The minimum shop charge is $5.00.</p></li>
<li>Hot wax <div class="flright">$15.00</div></li>
<li>Pine tar <div class="flright">$35.00/hr</div>
<p>Available at the following stores: Toronto, Burlington, Winnipeg, and Halifax.</p></li>
<li>Plugging <div class="flright">$5.00</div></li>
<li>Ski brake install <div...

CSS

.tool_link {
    float: left;
    cursor: pointer;
}
.tooltip {
    display:none;
    font-size:12px;
    width:400px;
    text-align: left;
    margin-left: -65px;
    position:absolute;
}
.tooltip.left {
    margin-left: 80px;
}
.tooltip_content {
    padding: 15px;
    background: transparent url('/media/img/cnt/accreport/tooltip_under.png') no-repeat bottom left;
    font-weight:normal;
}

.tooltip_point {
    background: transparent url('/media/img/cnt/accreport/tooltip_under.png') no-repeat top left;
    height: 12px;
}
.left .tooltip_point {
    background: transparent url('/media/img/cnt/accreport/tooltip_under_right.png') no-repeat top right;
}

* {
    font-family: arial,'sans serif';
}

.servicechart {
    margin: 20px;
    width: 700px;
    border-collapse: collapse;
    text-align: left;
}
.servicechart td, .servicechart th {
    padding: 10px;
}
.servicechart tr, .servicechart.ski li {
    border-bottom: 1px solid #ccc;
}
.servicechart p, .servicechart li, .servicechart div {
    font-size: 11px;
}
.servicechart th {
    text-align: center;
}
.servicechart th a {
    border-bottom: 1px dotted #000000;
    vertical-align: center;
    font-size: 12px;
    font-weight: bold;
}
.servicechart th a: hover {
    border-bottom: 1px dotted #2c824f;
    color: #2c824f;
}
.servicechart p.checked {
    padding: 5px 0;
    background: transparent url('/media/img/tpl/check_green.png') no-repeat 50% 50%;
}

.servicechart.ski tr {
    border-bottom: 0px;
}
.servicechart.ski td {
    vertical-align: top;
    width: 50%;
    padding: 0 20px;
}
.servicechart.ski ul {
    padding: 0 0 10px 12px;
}
.servicechart.ski li:first-child {
    border-top: 1px solid #CCCCCC;
}
.servicechart.ski li {
    clear: both;
    list-style: none;
    padding: 10px;
}
.servicechart.ski li p {
    font-size: 10px;
    margin: 0px;
    font-style: italic;
}
.servicechart.ski li, .evencolumn {
    background-color: #ebf4ed;
}

.inline li {
    width: 220px;
}
.inline {
    overflow:...