<div id="prod-options">
<form>
<div class="prod-container cdrom">
<div class="title">cd-rom</div>
<p class="pFirst"><img src="http://www.rosettastone.com/lp/catalog2015/spo2/check.png">Shipped directly to you</p>
<p>Try our award-winning mobile app for 3 months</p>
<p>Learn at your own pace with our course that never expires</p>
<p>Access for up to 5 family members</p>
<div class="prices" id="cdList">
<div class="options">
<label><input id="box_s5" type="radio"> Levels 1-5 <span></span></label>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</div>
</div>
<div class="prices-pad">
<div class="dl-cd">
<div class="menu">
<a href="#" class="dl">download</a>
<a href="#" class="cd selected">cd-rom</a>
</div>
<div id="cdViewIpad"></div>
<select id="language-level-select" class="cdListIpad" name="#">
<option value="24350" data-level="S5" data-sprice="219" data-rprice="499" data-code="aloha_S5" class="prod-cd">Level 1-5 Instant Download</option>
</select>
</div>
</div>
<!-- END prices drop down for ipad -->
<div class="button-wrap">
<a href="#" class="buynow" id="cdButton">select a language</a>
</div>
<img src="../assets/100.png" alt="100 percent guarantee">
</div>
<!-- END cd-rom option -->
<div class="prod-container download">
<div class="title">download</div>
<p class="pFirst"><img src="http://www.rosettastone.com/lp/catalog2015/spo2/check.png">Instant download for your desktop</p>
<p>Try our award-winning mobile app for 3 months</p>
<p>Learn at your own pace with our course that never expires</p>
<p>Access for up to 5 family members</p>
<div class="prices" id="downloadList">
<div class="options">
<label><input id="download_s5" type="radio"> Levels 1-5 <span></span></label>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</div>
</div>
<div class="prices-pad">
<div class="dl-cd">
<div class="menu">
<a href="#" class="dl">download</a>
<a href="#" class="cd selected">cd-rom</a>
</div>
<div id="downloadViewIpad"></div>
<select id="language-level-select" class="downloadListIpad" name="#">
<option value="24350" data-level="S5" data-sprice="219" data-rprice="499" data-code="aloha_S5" class="prod-cd">Level 1-5 Instant Download</option>
</select>
</div>
</div>
<div class="button-wrap">
<a href="#" class="buynow" id="downloadButton">select a language</a>
</div>
<img src="../assets/100.png" alt="100 percent guarantee">
</div>
<!-- END download option -->
<div class="prod-container online">
<div class="title">online</div>
<p class="pFirst"><img src="http://www.rosettastone.com/lp/catalog2015/spo2/check.png">Instant access to learn online</p>
<p>Learn online with our award-winning mobile apps for 24 months</p>
<p>Unlimited access for 24 months</p>
<p>Individual Access</p>
<div class="prices" id="subscriptionList">
<div class="options">
<label><input id="tosub_36" type="radio">24 Months<span></span></label>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</div>
</div>
<div class="button-wrap">
<a href="#" class="buynow" id="subscriptionButton">select a language</a>
</div>
<img src="../assets/100.png" alt="100 percent guarantee">
</div>
<!-- END online option -->
</form>
<!-- BEGIN PORTFOLIO DESKTOP ENG -->
<div id="portfolio-desktop-wrap-eng" class="portfolio-wrap-eng">
<div class="portfolio-online">
<div>
<h3>SUBSCRIPTION WITH APP</h3>
<img src="../assets/online.png" class="prodimg" alt="">
<p>Get <b>total access</b> on your phone, tablet, and desktop computer</p>
<ul>
<li>Unlimited access for selected duration</li>
<li>Access for 1 person</li>
<li>Learn anywhere on any device, including use of our award-winning mobile app</li>
<li>Speech Recognition</li>
</ul>
<form action="" class="portfolio-poducts-desktop-online">
<div class="labels"></div>
<div class="cartwrap">
<a href="" class="portfoliocart portfolio-addtocart-eng">ADD TO CART</a>
</div>
<div class="gift">
<label>
<img src="http://www.rosettastone.com/lp/catalogpages/img/gifting.png" alt="" class="icon-gift" />
<input type="checkbox" name="gift" />
<span>Give as a gift!</span>
</label>
</div>
</form>
</div>
</div>
<div class="spacer"></div>
<div class="portfolio-download">
<div>
<h3>INSTANT DOWNLOAD</h3>
<img src="../assets/download.png" class="prodimg" alt="">
<p>Own our desktop course <b>forever</b> with Instant Download</p>
<ul>
<li>Learn at your own pace with our course that never expires</li>
<li>Access for up to 5 family members</li>
<li>Speech Recognition</li>
</ul>
<form action="" class="portfolio-poducts-desktop-download">
<div class="labels"></div>
<div class="cartwrap">
<a href="" class="portfoliocart portfolio-addtocart-eng">ADD TO CART</a>
</div>
<div class="backup">
<label>
<div><input type="checkbox" name="backupcd"></div>
<span>CD Backup</span>
<span>+ $25.00</span>
</label>
</div>
<div class="gift">
<label>
<img src="http://www.rosettastone.com/lp/catalogpages/img/gifting.png" alt="" class="icon-gift" />
<input type="checkbox" name="gift" />
<span>Give as a gift!</span>
</label>
</div>
</form>
</div>
</div>
</div> <!-- /end portfolio desktop wrap -->
<!-- END PORTFOLIO DESKTOP ENG -->
<!-- BEGIN PORTFOLIO DESKTOP FRA -->
<div class="portfolio-desktop-wrap-fra">
<div>
<h4>3 MONTH</h4>
<div>Access</div>
<div>
<div class="pricing">
<div class="msrpprice"><span>199</span></div>
<div class="saleprice">
<span>$</span>
<span>26</span>
<span>/month</span>
</div>
<a href='#' class="portfolio-addtocart-fra">ADD TO CART</a>
</div>
</div>
<p>$79 charged every 3 months</p>
</div>
<div>
<h4>3 MONTH</h4>
<div>Access</div>
<div>
<div class="pricing">
<div class="msrpprice"><span>199</span></div>
<div class="saleprice">
<span>$</span>
<span>26</span>
<span>/month</span>
</div>
<a href='#' class="portfolio-addtocart-fra">ADD TO CART</a>
</div>
</div>
<p>$79 charged every 3 months</p>
</div>
<div>
<h4>3 MONTH</h4>
<div>Access</div>
<div>
<div class="pricing">
<div class="msrpprice"><span>199</span></div>
<div class="saleprice">
<span>$</span>
<span>26</span>
<span>/month</span>
</div>
<a href='#' class="portfolio-addtocart-fra">ADD TO CART</a>
</div>
</div>
<p>$79 charged every 3 months</p>
</div>
<div>
<h4>3 MONTH</h4>
<div>Access</div>
<div>
<div class="pricing">
<div class="msrpprice"><span>199</span></div>
<div class="saleprice">
<span>$</span>
<span>26</span>
<span>/month</span>
</div>
<a href='#' class="portfolio-addtocart-fra">ADD TO CART</a>
</div>
</div>
<p>$79 charged every 3 months</p>
</div>
</div><!-- END PORTFOLIO DESKTOP FRA -->
</div> <!--/ prod options -->
</div>
</div>
<!-- END products section -->
<div id="products-mobile">
<div class="container">
<div class="select-holder" style="text-align:center;">
<select id="dropdown-language" class="select_country" autocomplete="off">
<option>SELECT A LANGUAGE</option>
<option value="esp">Spanish (Latin America)</option>
<option value="eng">English (American)</option>
<option value="fra">French</option>
<option value="deu">German</option>
<option value="ita">Italian</option>
<option value="ara">Arabic</option>
<option value="chi">Chinese (Mandarin)</option>
<option value="ned">Dutch</option>
<option value="ebr">English (British)</option>
<option value="tgl">Filipino (Tagalog)</option>
<option value="grk">Greek</option>
<option value="heb">Hebrew</option>
<option value="hin">Hindi</option>
<option value="gle">Irish</option>
<option value="jpn">Japanese</option>
<option value="kor">Korean</option>
<option value="far">Persian (Farsi)</option>
<option value="pol">Polish</option>
<option value="por">Portuguese (Brazil)</option>
<option value="rus">Russian</option>
<option value="esc">Spanish (Spain)</option>
<option value="sve">Swedish</option>
<option value="tur">Turkish</option>
<option value="vie">Vietnamese</option>
</select>
</div>
<form>
<div class="select-prod">
<p>Select a Product</p>
<div class="desk-on-container">
<div class="menu">
<a href="#" class="desktop selected">desktop</a>
<a href="#" class="online">online</a>
</div>
<div class="desktop content">
<p id="pOne">Instant download for your desktop</p>
<p id="pTwo">Try our award-winning mobile app for 3 months</p>
<p id="pThree">Learn at your own pace with our course that never expires</p>
<p id="pFour">Access for up to 5 family members</p>
<div class="po-mobile" id="cdListMobile" style="display:none;">
<div class="prod-options">
<label>
<input type="radio" name="lvl5">
<span>Levels 1-5</span>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</label>
</div>
</div>
<div class="po-mobile" id="downloadListMobile">
<div class="prod-options">
<label>
<input type="radio" name="lvl5">
<span>Levels 1-5</span>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</label>
</div>
</div>
<div class="po-mobile" id="subscriptionListMobile" style="display:none;">
<div class="prod-options">
<label>
<input type="radio" name="lvl5">
<span>Levels 1-5</span>
<div class="strikethru">
<div class="strike"><del>$499</del></div>
<div class="sale"></div>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
</form>
<div class="cd-download">
<a href="#" class="download-option selected">download</a>
<a href="#" class="cd-option">cd-rom</a>
</div>
<button class="atc-mobile" id="mobileButton">select a language</button>
<img src="../assets/100.png" alt="100 percent guarantee">
<!-- BEGIN PORTFOLIO MOBILE ENG -->
<div id="portfolio-mobile-wrap-eng" class="portfolio-wrap-eng">
<div class="content">
<h3>Select a Product</h3>
<div class="tabs">
<a href="#" class="subscription active">SUBSCRIPTION</a>
<a href="#" class="download ">DOWNLOAD</a>
</div>
<div class="tabs-content">
<div class="tabcontent-subscription">
<img src="../assets/online.png" class="prodimg" alt="">
<p>Get <b>total access</b> on your phone, tablet, and desktop computer</p>
<ul>
<li>Unlimited access for selected duration</li>
<li>Access for 1 person</li>
<li>Learn anywhere on any device, including use of our award-winning mobile app</li>
<li>Speech Recognition</li>
</ul>
<form action="" class="portfolio-poducts-desktop-online">
<div class="labels"></div>
<div class="portfolio-saleprice"></div>
<!-- <div class="mobile-backup backup">
<label>
<div><input type="checkbox" name="backupcd"></div>
<span>CD Backup</span>
<span>+ $25.00</span>
</label>
</div> -->
<div class="gift">
<label>
<img src="http://www.rosettastone.com/lp/catalogpages/img/gifting.png" alt="" class="icon-gift" />
<div>
<input type="checkbox" name="gift" />
<span>Give as a gift!</span>
</div>
</label>
</div>
</form>
</div> <!-- end subscription content -->
<div class="tabcontent-download">
<img src="../assets/download.png" class="prodimg" alt="">
<p>Download our software for <b>easy access anytime</b></p>
<ul>
<li>Learn at your own pace with our course that never expires</li>
<li>Access for up to 5 family members</li>
<li>Speech Recognition</li>
</ul>
<form action="" class="portfolio-poducts-desktop-download">
<div class="labels"></div>
<div class="portfolio-saleprice"></div>
<div class="mobile-backup backup">
<label>
<div><input type="checkbox" name="backupcd"></div>
<span>CD Backup</span>
<span>+ $25.00</span>
</label>
</div>
<div class="gift">
<label>
<img src="http://www.rosettastone.com/lp/catalogpages/img/gifting.png" alt="" class="icon-gift" />
<div>
<input type="checkbox" name="gift" />
<span>Give as a gift!</span>
</div>
</label>
</div>
</form>
</div> <!-- end subscription content -->
</div>
</div>
<a class="portfolio-mobile-addtocart portfolio-addtocart-eng" href='#'>ADD TO CART</a>
<img src="../assets/100.png" alt="100 percent guarantee">
</div>
<!-- END PORTFOLIO MOBILE ENG -->
<!-- BEGIN PORTFOLIO MOBILE FRA
<div id="portfolio-mobile-wrap-fra">
fra ita deu here
</div> -->
<!-- END PORTFOLIO MOBILE FRA -->
</div>
</div>
<!-- END products for mobile section -->