<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Book Store</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="js/java.js"></script>
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"><a href="index.htm"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
<div id="menu">
<ul>
<li class="selected"><a href="index.htm">home</a></li>
<li><a href="about.htm">about us</a></li>
<li><a href="category.htm">books</a></li>
<li><a href="specials.htm">specials books</a></li>
<li><a href="myaccount.htm">my accout</a></li>
<li><a href="register.htm">register</a></li>
<li><a href="details.htm">prices</a></li>
<li><a href="contact.htm">contact</a></li>
</ul>
</div>
</div>
<div class="center_content">
<div class="left_content">
<div class="crumb_nav"> <a href="index.htm">home</a> >> product name </div>
<div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>Product name</div>
<div class="feat_prod_box_details">
<div class="prod_img"><a href="details.htm"><img src="images/prod1.gif" alt="" title="" border="0" /></a> <br />
<br />
<a href="images/big_pic.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" title="" border="0" /></a> </div>
<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title">Details</div>
<p class="details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.<br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
<div class="price"><strong>PRICE:</strong> <span class="red">100 $</span></div>
<div class="price"><strong>COLORS:</strong> <span class="colors"><img src="images/color1.gif" alt="" title="" border="0" /></span> <span class="colors"><img src="images/color2.gif" alt="" title="" border="0" /></span> <span class="colors"><img src="images/color3.gif" alt="" title="" border="0" /></span> </div>
<a href="details.htm" class="more"><img src="images/order_now.gif" alt="" title="" border="0" /></a>
<div class="clear"></div>
</div>
<div class="box_bottom"></div>
</div>
<div class="clear"></div>
</div>
<div id="demo" class="demolayout">
<ul id="demo-nav" class="demolayout">
<li><a class="active" href="#tab1">More details</a></li>
<li><a class="" href="#tab2">Related books</a></li>
</ul>
<div class="tabs-container">
<div style="display: block;" class="tab" id="tab1">
<p class="more_details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
<ul class="list">
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></li>
</ul>
<p class="more_details">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
</div>
<div style="display: none;" class="tab" id="tab2">
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <a href="details.htm"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<!--end of left content-->
<div class="right_content">
<div class="languages_box"> <span class="red">Languages:</span> <a href="#"><img src="images/gb.gif" alt="" title="" border="0" /></a> <a href="#"><img src="images/fr.gif" alt="" title="" border="0" /></a> <a href="#"><img src="images/de.gif" alt="" title="" border="0" /></a> </div>
<div class="currency"> <span class="red">Currency: </span> <a href="#">GBP</a> <a href="#">EUR</a> <a href="#"><strong>USD</strong></a> </div>
<div class="cart">
<div class="title"><span class="title_icon"><img src="images/cart.gif" alt="" title="" /></span>My cart</div>
<div class="home_cart_content"> 3 x items | <span class="red">TOTAL: 100$</span> </div>
<a href="cart.htm" class="view_cart">view cart</a> </div>
<div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title="" /></span>About Our Store</div>
<div class="about">
<p> <img src="images/about.gif" alt="" title="" class="right" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p>
</div>
<div class="right_box">
<div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title="" /></span>Promotions</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span> <a href="details.htm"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a> </div>
</div>
<div class="new_prod_box"> <a href="details.htm">product name</a>
<div class="new_prod_bg"> <span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></