modern-store
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Tue, Apr 29, 6:00 PM

modern-store
View Options

	Index: branches/1.0.x/products/details.tpl
	===================================================================
	--- branches/1.0.x/products/details.tpl (revision 14858)
	+++ branches/1.0.x/products/details.tpl (revision 14859)
	@@ -1,267 +1,267 @@
	<!--##
	<NAME>Products - Details Design</NAME>
	<DESC>General design template for Product Details</DESC>
	<SECTION>Pages\|\|Products</SECTION>
	##-->
	<inp2:p_AddToRecent />

	<inp2:m_DefineElement name="page_title"><inp2:p_Field name="Name" html_escape="1"/></inp2:m_DefineElement>

	<inp2:m_DefineElement name="sidebar">
	<inp2:m_Include template="elements/side_boxes/related_products.elm" data_exists="1"/>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="before_content">
	<div class="block-fixed">
	<div>
	<a href="<inp2:p_AddToCartLink template='elements/ajax/cart_bubble' product_template='__default__'/>" class="button-addtocart" qty_id="product-qty" rel="nofollow"><span><img src="<inp2:m_TemplatesBase/>img/bg-button-cart-add.png" width="24" height="24" alt="" /><i>Add to Cart</i></span></a>
	</div>
	</div>
	</inp2:m_DefineElement>

	<!--## MAIN CONTENT ##-->
	<inp2:m_DefineElement name="content">
	<inp2:rev_InitList main_list="1"/>

	<div class="block no-border-bottom">
	<inp2:m_Include template="elements/navigation_bar.elm" navigation_buttons="1"/>

	<div class="goods border-radius product-detail">
	<inp2:m_if check="p_Field" name="IsNew" db="db">
	<div class="ribbon new"></div>
	<inp2:m_elseif check="p_Field" name="IsPop" db="db"/>
	<div class="ribbon top"></div>
	<inp2:m_elseif check="p_Field" name="Featured" db="db"/>
	<div class="ribbon sale"></div>
	</inp2:m_if>

	<h1><inp2:p_Field field="Name" html_escape="1"/></h1>
	<div class="rating">
	<inp2:p_VotesIndicator/>

	<!--<inp2:m_if check="p_Field" name="CachedRating" equals_to="1\|2\|3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="CachedRating" equals_to="2\|3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="CachedRating" equals_to="3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="CachedRating" equals_to="4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="CachedRating" equals_to="5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-small.jpg" width="18" height="18" alt="" />
	</inp2:m_if>-->
	</div>
	<div class="h1-reviews">(<a href="#reviews"><inp2:rev_TotalRecords/> reviews</a>)</div>
	<div class="clear"></div>

	<div class="product">
	<div class="info">
	<div class="img">
	<p class="signsmall">Roll over images for multiple views:</p>
	<ul id="pikame" >
	<inp2:m_if check="p_ImageSrc">
	<li><img src="<inp2:p_ImageSrc format="resize:256x258;wm:img/logo_watermark.png\|-1\|-1"/>" width="256" height="258" alt="" /></li>
	</inp2:m_if>
	<inp2:m_if check="p_HasAdditionalImages">
	<inp2:m_DefineElement name="additional_image_element">
	<li><img src="<inp2:ImageSrc format="resize:256x258;wm:img/logo_watermark.png\|-1\|-1"/>" width="256" height="258" alt="" /></li>
	</inp2:m_DefineElement>
	<inp2:p_ListImages render_as="additional_image_element" types="additional" per_page="-1" no_table="1" MaxWidth="256" DefaultWidth="256" DefaultImage="img/no_picture.gif"/>
	</inp2:m_if>
	</ul>
	<div class="viewlarger">
	<a href="" onclick="TINY.box.show({image:'<inp2:p_ImageSrc format="resize:800x600;wm:img/logo_watermark.png\|-1\|-1"/>',animate:true}); return false;">View Larger</a>
	</div>
	<p class="showmore"><a href="#">Show More Images...</a></p>
	</div>
	<div class="doplinks">
	<a href="#" class="link-print">Print this Page</a><br />
	<a href="#" class="link-compare">Compare to other Products</a><br />
	<a href="#" class="link-wishlist">Add to Wishlist</a><br />
	</div>
	</div>
	<div class="description">
	<div class="options-har">
	<div class="sel-options">
	<label><strong>Select Size:</strong>
	<select name="select" class="field-alt">
	<option value="" selected="selected">22"</option>
	<option value="">23"</option>
	</select>
	</label>
	</div>
	<div class="sel-options">
	<label><strong>Select Color:</strong>
	<select name="select" class="field-alt">
	<option value="" selected="selected">Gray Metallic</option>
	<option value="">White Metallic</option>
	<option value="">Black Metallic</option>
	</select>
	</label>
	</div>
	<div class="clear"></div>
	</div>

	<div class="price-block">
	<p><s class="under"><inp2:p_Field name="MSRP" currency="selected" decimal_tag="span"/></s></p>
	<p class="redprice"><em class="price"><inp2:p_Field name="Price" currency="selected" decimal_tag="span"/></em></p>
	</div>
	<div class="order-block">
	<p class="qty form"><strong>Qty.</strong>  <input type="text" name="qty" id="product-qty" value="1" class="field" /></p>
	<p class="but"><a href="<inp2:p_AddToCartLink template='elements/ajax/cart_bubble' product_template='__default__'/>" class="addtocart" qty_id="product-qty" rel="nofollow"><span><i>Add to Cart</i></span></a></p>
	<p class="avail">Availability: <em>In Stock</em></p>
	</div>
	<div class="clear"></div>

	<dl class="har">
	<dt>Model:</dt>
	<dd>XT2324</dd>
	<dt>Manufacturer:</dt>
	<dd><inp2:p_Field name="ManufacturerId"/></dd>
	</dl>
	- <dl class="har">
	+ <dl class="har har_right">
	<dt>SKU:</dt>
	<dd><inp2:p_Field name="SKU"/></dd>
	<dt>Size:</dt>
	<dd>22''</dd>
	</dl>
	<div class="clear"></div>

	<div class="text">

	</div>
	<div id="tabs">
	<ul>
	<inp2:m_if check="p_Field" name="cust_Features">
	<li><a href="#tabs-1">Features</a></li>
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="Description">
	<li><a href="#tabs-2">Details</a></li>
	</inp2:m_if>

	<li><a href="#tabs-3">Specifications</a></li>
	</ul>

	<inp2:m_if check="p_Field" name="cust_Features">
	<div id="tabs-1">
	<inp2:p_Field name="cust_Features"/>
	</div>
	</inp2:m_if>

	<inp2:m_if check="p_Field" name="Description">
	<div id="tabs-2">
	<inp2:p_Field name="Description"/>
	</div>
	</inp2:m_if>

	<div id="tabs-3">
	<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
	<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
	</div>
	</div>
	</div>
	<div class="clear"></div>
	</div>

	<div class="reviews">
	<a name="reviews"></a>
	<div class="top-review">
	<div class="info-review">
	<p class="title">Reviews for <inp2:p_Field name="Name" html_escape="1" cut_first="60"/> (<inp2:rev_TotalRecords/>):</p>

	<!--<p class="but-review"><a href="" onclick="TINY.box.show({iframe:'addreview-success.html',width:600,height:340}); return false;" class="addreview">Add a Review</a></p>-->
	<p class="but-review"><a href="<inp2:p_ProductLink template='elements/ajax/add_review' width='600' height='340'/>" class="thickbox addreview">Add a Review</a></p>

	<div class="sortby">
	Sort by:
	<select>
	<option value="" selected="selected">Price</option>
	<option value="">Rating</option>
	<option value="">Populate</option>
	</select>
	</div>
	</div>
	<div class="overall-review">
	<p>Overall Rating:</p>
	<div class="overall-detail">
	<inp2:rev_PrintRatingPercents render_as="rating_percent_element" show_none="0"/>
	</div>
	</div>
	<div class="clear"></div>
	</div>

	<inp2:rev_PrintList render_as="review_element"/>

	<script type="text/javascript">
	$(document).ready(
	function () {
	$('.reviews .row-review').each(
	function () {
	var $review = $(this);

	$('.yes, .no', this).click(
	function ($e) {
	var $link = $(this),
	$counter = $('.' + $link.attr('class') + '-count', $review);

	$.get(
	$link.attr('href'),
	function ($count) {
	$counter.html('(' + $count + ')');
	}
	)

	return false;
	}
	);
	}
	);
	}
	);
	</script>
	</div>
	<div class="clear"></div>

	<inp2:m_Include template="elements/pagination.elm" prefix="rev"/>
	</div>
	</div>

	</inp2:m_DefineElement>
	<!--## /MAIN CONTENT ##-->

	<inp2:m_DefineElement name="add_to_head">
	<script src="<inp2:m_TemplatesBase />inc/js/jquery.gzoom.js"></script>
	<script src="<inp2:m_TemplatesBase />inc/js/jquery.pikachoose.full.js"></script>
	<script type= "text/javascript">
	/<![CDATA[/
	$(function() {
	$("#tabs").tabs();

	$("#pikame").PikaChoose({autoPlay:false, showCaption:false});
	});
	window.onload= function () {
	$("#zoom").gzoom({
	sW: 258,
	sH: 258,
	lW: 1400,
	lH: 1050,
	lighbox : false
	});
	};
	/]]>/
	</script>

	</inp2:m_DefineElement>

	<!--## DESIGN TEMPLATE ##-->
	<inp2:m_include template="designs/default_design.des" pass_params="1" right_column="sidebar" before_content="before_content"/>
	<!--## /DESIGN TEMPLATE ##-->
	\ No newline at end of file
	Index: branches/1.0.x/index.tpl
	===================================================================
	--- branches/1.0.x/index.tpl (revision 14858)
	+++ branches/1.0.x/index.tpl (revision 14859)
	@@ -1,94 +1,95 @@
	<!--##
	<NAME>Home</NAME>
	<DESC>Welcome page</DESC>
	<SECTION></SECTION>
	##-->

	<!--## PAGE TITLE ELEMENT ##-->
	<inp2:m_DefineElement name="page_title"><inp2:st_PageInfo type="htmlhead_title"/></inp2:m_DefineElement>
	<!--## //PAGE TITLE ELEMENT ##-->

	<!--## SIDE-BAR ELEMENT ##-->
	<inp2:m_DefineElement name="sidebar">
	<inp2:m_Include template="elements/side_boxes/categories.elm" data_exists="1"/>
	<inp2:m_Include template="elements/side_boxes/picks.elm" data_exists="1"/>
	<inp2:m_Include template="elements/side_boxes/subscribe.elm"/>
	</inp2:m_DefineElement>
	<!--## /SIDE-BAR ELEMENT ##-->

	<!--## MAIN CONTENT ##-->
	<inp2:m_DefineElement name="content">

	<inp2:m_Include template="elements/promo.elm" strip_nl="2"/>

	<inp2:m_Include template="elements/content_boxes/special_deals.elm" data_exists="1" strip_nl="2"/>

	<inp2:m_Include template="elements/content_boxes/new_products.elm" data_exists="1" strip_nl="2"/>

	<inp2:m_RenderElement design="content_box">
	<inp2:m_Capture to_var="header">
	<inp2:m_phrase name="lu_title_WelcomeTitle"/>
	</inp2:m_Capture>

	<inp2:st_ContentBlock num="1"/>
	</inp2:m_RenderElement>

	</inp2:m_DefineElement>
	<!--## /MAIN CONTENT ##-->

	<inp2:m_DefineElement name="add_to_head">
	<script>
	$(function() {
	var icons = {
	header: "ui-icon-circle-arrow-e",
	headerSelected: "ui-icon-circle-arrow-s"
	};
	var level2icons = {
	header: "ui-icon-circle-arrow-l2e",
	headerSelected: "ui-icon-circle-arrow-l2s"
	};
	var level3icons = {
	header: "ui-icon-circle-arrow-l3e",
	headerSelected: "ui-icon-circle-arrow-l3s"
	};
	$( "#accordion-menu" ).accordion({
	- icons: icons
	+ icons: icons,
	+ autoHeight: false
	});
	$( "#level2-menu" ).accordion({
	icons: level2icons
	});
	$( ".level3-menu" ).accordion({
	icons: level3icons,
	header: 'h4',
	autoHeight: false,
	event: "mouseover"
	});
	});
	</script>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="add_to_footer">
	<script src="<inp2:m_TemplatesBase />inc/js/jquery.easing.1.3.js" type="text/javascript"></script>
	<script src="<inp2:m_TemplatesBase />inc/js/jquery.mousewheel.js" type="text/javascript"></script>
	<script src="<inp2:m_TemplatesBase />inc/js/jquery.contentcarousel.js" type="text/javascript"></script>
	<script>
	$(function() {
	$('#scrollable').contentcarousel({
	// speed for the sliding animation
	sliderSpeed : 500,
	// easing for the sliding animation
	sliderEasing : 'easeOutExpo',
	// speed for the item animation (open / close)
	itemSpeed : 500,
	// easing for the item animation (open / close)
	itemEasing : 'easeOutExpo',
	// number of items to scroll at a time
	scroll : 1
	});
	});
	</script>
	</inp2:m_DefineElement>

	<!--## DESIGN TEMPLATE ##-->
	<inp2:m_include template="designs/default_design.des" pass_params="1" left_column="sidebar"/>
	<!--## /DESIGN TEMPLATE ##-->
	\ No newline at end of file
	Index: branches/1.0.x/inc/cart.css
	===================================================================
	--- branches/1.0.x/inc/cart.css (revision 14858)
	+++ branches/1.0.x/inc/cart.css (revision 14859)
	@@ -1,453 +1,458 @@
	@charset "UTF-8";

	/* Cart Blocks
	*******************************************************************************/
	.steps {
	margin: 0 auto;
	width: 535px;
	}
	.steps li {
	background: url(@templates_base@/img/icon-step.png) no-repeat 100% 40%;
	color: #bdbdbd;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 85px 0 38px;
	text-transform: uppercase;
	}
	.steps li:first-child {
	padding-left: 0;
	}
	.steps li:last-child {
	background: none;
	padding-right: 0;
	}
	.steps li i {
	display: block;
	height: 36px;
	margin: 0 auto 5px;
	width: 40px;
	}
	.steps li.step1 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 0; }
	.steps li.step2 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -36px; }
	.steps li.step3 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -72px; }
	.steps li a {
	color: #bdbdbd;
	text-decoration: none;
	}
	.steps li.step1.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px 0; }
	.steps li.step2.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -36px; }
	.steps li.step3.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -72px; }
	.steps li.active a { color: #878787; }


	.cart-detail {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	padding: 15px 30px 50px 30px;
	width: 100%;
	}
	.cart-detail h1 {
	color: #525252;
	font: 1.538em Verdana,Arial,Tahoma,Sans-Serif;
	padding: 0 0 20px 0;
	}
	.cart-detail .halfcol {
	border-right: 1px dotted #aeaeae;
	float: left;
	margin: 0 14px 0 0;
	padding: 0 14px 0 0;
	width: 465px;
	}
	.cart-detail .halfcol-last {
	border-right: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.cart-detail .halfcol-last .badge-optional {
	background: url(@templates_base@/img/badge-optional.png) no-repeat 0 0;
	height: 40px;
	position: absolute;
	top: -44px; left: -20px;
	width: 102px;
	}
	.cart-detail .fieldset {
	background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0;
	color: #000;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0 0 10px 50px;
	position: relative;
	}
	.cart-detail.receipt .fieldset { padding-left: 16px; }
	.cart-detail .fieldset .link {
	font-weight: normal;
	position: absolute;
	right: 15px;
	}

	fieldset { padding: 0 0 15px; }

	.firstline { min-height: 140px; padding: 20px 0 0; position: relative; }
	.firstline .login-alt {
	color: #66c133;
	font-size: 1.154em;
	font-weight: bold;
	padding: 5px 0 20px 50px;
	}
	.firstline .login-alt .plashka {
	right: 194px;
	}
	.firstline .login-alt .plashka-sel {
	margin: -6px 0 0 5px;
	}

	.checkout-form label {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
	}
	.checkout-form p {
	clear: both !important;
	float: left;
	padding: 5px 0 5px 50px;
	}
	.checkout-form p.alt1 {
	clear: none !important;
	padding: 5px 10px 5px 50px;
	width: 170px;
	}
	.checkout-form p.alt2 {
	clear: none !important;
	padding: 5px 0;
	width: 120px;
	}
	.checkout-form .field { width: 300px; }
	.checkout-form select.field { width: 311px; }
	.field.statusSuccess {
	background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0;
	border: 1px solid #80d04d;
	}
	.field.statusError {
	background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0;
	border: 1px solid #d80000;
	}

	.checkout-form p.alt1 .field,
	.checkout-form p.alt2 .field,
	.checkout-form p.pasfield1 .field,
	.checkout-form p.pasfield2 .field {
	width: 100%;
	}

	.checkout-form .creditcard .field { width: 250px; }
	.checkout-form .creditcard p.alt1.expdate .field { width: 78px; }
	.checkout-form .creditcard p.alt2 .field { width: 70px; }

	.creditcards { padding: 0 0 0 50px; }
	.creditcards span {
	display: inline-block;
	height: 45px;
	}
	.creditcards span.paypal {
	border-left: 1px solid #d3d3d3;
	margin-left: 10px;
	padding-left: 15px;
	}

	.password-block {
	border: 1px solid #e3e3e3;
	float: right;
	padding: 12px 20px;
	width: 390px;
	}
	.password-block p {
	clear: none !important;
	padding: 0 30px 0 0;
	}
	.password-block p.pasfield1 {
	width: 150px;
	}

	.colorbar {
	display: inline-block;
	height: 8px;
	width: 29px;
	}

	.password-strength { display: none; font-weight: bold; }
	.password-strength .meterDefault { color: #aaa; }
	.password-strength .meterFail { color: #daa; }
	.password-strength .meterWarn { color: #fd6; }
	.password-strength .meterGood { color: #ada; }
	.password-strength .meterExcel { color: #66c133; }
	.password-strength .colorbar.meterDefault { background-color: #ddd; }
	.password-strength .colorbar.meterFail { background-color: #fdd; }
	.password-strength .colorbar.meterWarn { background-color: #feb; }
	.password-strength .colorbar.meterGood { background-color: #dfd; }
	.password-strength .colorbar.meterExcel { background-color: #66c133; }

	.checkout-form .safe-shop {
	background: url(@templates_base@/img/safe-shop.jpg) no-repeat 0 40px;
	min-height: 335px;
	margin: 115px 0 0 50px;
	}
	.checkout-form .safe-shop .title {
	color: #389901;
	font: bold 1.462em Verdana,Arial,Tahoma,Sans-Serif;
	padding-left: 18px;
	}
	.checkout-form .safe-shop ul.list {
	float: left;
	padding: 10px 0 0 130px;
	}
	.checkout-form .safe-shop ul.list li {
	background: url(@templates_base@/img/icon-galka.png) no-repeat 0 50%;
	color: #313030;
	font-weight: bold;
	padding: 6px 0 6px 25px;
	}

	dl.total { padding: 20px 0 0; width: 240px; }
	dl.total dt,
	dl.total dd {
	float: left;
	font-weight: bold;
	padding: 0 0 10px;
	text-align: right;
	width: 120px;
	}
	dl.total dt.discount { color: #bf0000; }
	dl.total dd { font-size: 1.385em; }
	dl.total dd span { font-size: 15px; }
	dl.total dd.price1 { color: #333; font-size: 1.538em; }
	dl.total dd.price2 { color: #bf0000; }
	dl.total dd.price3 { font-weight: normal; }
	dl.total dd.price4 { color: #3f911f; font-size: 1.538em; }

	.product-discount .item-price span, .product-discount .item-discount span,
	.shop-cart-row .price-cell span, .shop-cart-row .extended-price-cell span {
	font-size: 12px;
	}

	.cart-detail .terms {
	text-align: right;
	width: 240px;
	}

	.place-button,
	.place-grey-button,
	.checkout-button,
	.checkout-grey-button {
	background: url(@templates_base@/img/order-left.jpg) no-repeat 0 0;
	color: #faffed;
	display: inline-block;
	font-size: 1.385em;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	text-decoration: none;
	}
	+.place-grey-button,
	+.checkout-grey-button {
	+ color: #000;
	+ text-shadow: none;
	+}
	.place-button span,
	.place-grey-button span,
	.checkout-button span,
	.checkout-grey-button span {
	background: url(@templates_base@/img/order-right.jpg) no-repeat 100% 0;
	display: inline-block;
	height: 37px;
	line-height: 37px;
	padding: 0 50px 0 30px;
	}
	.place-button:hover,
	.place-grey-button:hover,
	.checkout-button:hover,
	.checkout-grey-button:hover { color: #faffed; }

	.checkout-button span {
	background: url(@templates_base@/img/checkout-right.jpg) no-repeat 100% 0;
	padding: 0 30px 0 20px;
	}
	.place-grey-button {
	background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0;
	}
	.place-grey-button span {
	background: url(@templates_base@/img/order-grey-right.jpg) no-repeat 100% 0;
	}
	.checkout-grey-button {
	background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0;
	margin-top: 20px;
	}
	.checkout-grey-button span {
	background: url(@templates_base@/img/checkout-grey-right.jpg) no-repeat 100% 0;
	padding: 0 30px 0 20px;
	}

	.continue-button {
	background: url(@templates_base@/img/bg-button-continue-right.jpg) no-repeat 100% 0;
	color: #3c3c3c;
	display: inline-block;
	font-weight: bold;
	margin-right: 20px;
	text-decoration: none;
	}
	.continue-button span {
	background: url(@templates_base@/img/bg-button-continue-left.jpg) no-repeat 0 0;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 25px;
	}
	.continue-button:hover {
	color: #3c3c3c;
	}

	.cart-detail.receipt .success-order {
	background: url(@templates_base@/img/success.png) no-repeat 30px 30px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 25px;
	padding: 0 0 25px 130px;
	}
	.cart-detail.receipt .success-order .links {
	float: right;
	padding: 0;
	}
	.cart-detail.receipt .success-order .links a.link-print {
	background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0;
	display: inline-block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 20px 0 40px;
	}
	.cart-detail.receipt .success-order .links a.link-download {
	background: url(@templates_base@/img/icon-download.jpg) no-repeat 0 0;
	display: inline-block;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 40px;
	}
	.cart-detail.receipt .success-order .green {
	color: #009f00;
	font: 1.538em Tahoma,Verdana,Arial,Sans-Serif;
	}
	.cart-detail.receipt .success-order p {
	padding: 5px 0;
	}

	.cart-detail.receipt p { padding-left: 16px; }
	.cart-detail.receipt dl.info {
	padding-left: 16px;
	}
	.cart-detail.receipt dl.info dt {
	clear: both !important;
	float: left;
	font-weight: bold;
	padding: 5px 15px 5px 0;
	width: 90px;
	}
	.cart-detail.receipt dl.info dd {
	float: left;
	padding: 5px 15px 5px 0;
	}

	.cart-detail.receipt .items {
	border-bottom: 1px solid #d1d1d1;
	margin-top: 30px;
	width: 100%;
	}
	.cart-detail.shoppingcart .items {
	margin-top: 0;
	}
	.cart-detail.receipt .items thead {
	background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0;
	border: 1px solid #adadad;
	}
	.cart-detail.receipt .items th {
	color: #000;
	font-weight: bold;
	padding: 5px 10px;
	}
	.cart-detail.receipt .items td {
	border-top: 1px solid #d1d1d1;
	color: #000;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	}
	.cart-detail.receipt .items tr:first-child td {
	border-top: none;
	}
	.cart-detail.receipt .items td.options-td {
	background-color: #f7f7f7;
	border-top: none;
	color: #686767;
	text-align: left;
	}
	.cart-detail.receipt .items td.options-td .sel-options { float: left; padding: 0 20px 0 0; }
	.cart-detail.receipt .items .item-img { width: 70px; }
	.cart-detail.receipt .items .item-total { font-weight: bold; }
	.cart-detail.receipt .items .item-title {
	color: #333;
	font-weight: bold;
	text-align: left;
	}
	.cart-detail.receipt .items .item-quantity { position: relative; }
	.cart-detail.receipt .items .item-quantity .field { text-align: center; width: 30px; }
	.formStatus {
	position: absolute;
	top: 37px;
	left: 15px;
	display: block;
	z-index: 5000;
	cursor: pointer;
	}
	.formStatus .formContent {
	width: 100%;
	position:relative;
	z-index:5001;
	color: #fff;
	white-space: nowrap;
	font-family: Arial;
	font-size: 12px;
	box-shadow: 0 0 3px #444;
	-moz-box-shadow: 0 0 3px #444;
	-webkit-box-shadow: 0 0 3px #444;
	padding: 4px 10px 4px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	.formStatus .formArrow {
	height: 11px;
	margin: -34px 0 0 22px;
	position: relative;
	width: 21px;
	z-index: 5006;
	}
	.formStatus.formSuccess .formContent { background: #398d1d url(@templates_base@/img/validate/con-success.png) repeat-x 0 0; }
	.formStatus.formSuccess .formArrow { background: url(@templates_base@/img/validate/con-success-arrow.png) no-repeat 0 0; }
	.formStatus.formError .formContent { background: #990000 url(@templates_base@/img/validate/con-error.png) repeat-x 0 0; }
	.formStatus.formError .formArrow { background: url(@templates_base@/img/validate/con-error-arrow.png) no-repeat 0 0; }

	.cart-detail.receipt dl.total { float: right; padding-right: 30px; }

	.cart-detail.receipt .discount-block {
	float: left;
	padding: 20px 0 0;
	width: 300px;
	}
	.cart-detail.receipt .discount-block p { padding: 5px 0; }
	.cart-detail.receipt .discount-block .field { width: 170px; }
	.cart-detail.receipt .discount-block .num-discount { position: relative; }
	.cart-detail.receipt .discount-block .formStatus { left: -15px; }

	.cart-detail.shoppingcart h1 { float: left; }

	.cart-detail.shoppingcart .buttons-right { float: right; text-align: right; }
	.cart-detail.shoppingcart .buttons-right dl.total { float: none; padding-right: 0; }
	Index: branches/1.0.x/inc/flexslider.css
	===================================================================
	--- branches/1.0.x/inc/flexslider.css (revision 14858)
	+++ branches/1.0.x/inc/flexslider.css (revision 14859)
	@@ -1,35 +1,35 @@
	/* FlexSlider Necessary Styles
	*********************************/
	#slider {width: 100%; margin: 0 0 20px; padding: 0;}
	#slider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	#slider .slides img {max-width: 100%; display: block;}

	/* FlexSlider Default Theme
	*********************************/
	#slider {position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
	#slider .slides li {position: relative;}

	/* Control Nav */
	-#slider .flex-control-nav {position: absolute; bottom: 7px; right: 0; width: 180px;}
	+#slider .flex-control-nav {position: absolute; bottom: 7px; right: 10px; }
	#slider .flex-control-nav li {margin: 0 0 0 5px; float: left;}
	#slider .flex-control-nav li:first-child {margin: 0;}
	#slider .flex-control-nav li a {
	width: 19px;
	height: 20px;
	display: block;
	background: url(@templates_base@/img/buttons-slider.png) no-repeat 0 0;
	cursor: pointer;
	color: #222;
	text-shadow: 0px 2px 1px #ccc;
	text-decoration: none;
	font-size: 1.385em;
	font-weight: bold;
	padding: 18px 0 0 11px;
	}
	#slider .flex-control-nav li a:hover {background-position: -30px 0;}
	#slider .flex-control-nav li a.active {
	background-position: -60px 0;
	cursor: default;
	color: #fff;
	text-shadow: 0px 2px 1px #000;
	}
	\ No newline at end of file
	Index: branches/1.0.x/inc/styles.css
	===================================================================
	--- branches/1.0.x/inc/styles.css (revision 14858)
	+++ branches/1.0.x/inc/styles.css (revision 14859)
	@@ -1,1180 +1,1181 @@
	@charset "UTF-8";

	/* Basic Blocks
	*******************************************************************************/
	html {
	min-width: 1000px;
	}
	body {
	background: #fff url(@templates_base@/img/bg-header.jpg) repeat-y 0 0;
	color: #3c3c3c;
	font: 0.813em/1.231em Arial,Verdana,Tahoma,Sans-Serif;
	}

	img { border: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	td { padding: 0; vertical-align: top; }

	a, a:hover, a:focus { color: #333; outline: none; text-decoration: underline; }
	a:hover, a:focus { text-decoration: none; }

	.clear { clear: both !important; }
	.fix { border: 1px solid #f00; }

	/* Header
	*******************************************************************************/
	#header {
	margin: 0 auto;
	width: 960px;
	}
	#header .logo {
	float: left;
	padding: 18px 0;
	}

	#header .infoblock {
	float: right;
	position: relative;
	- width: 550px;
	+ width: 580px;
	}

	#header .infoblock .welcome {
	color: #343338;
	float: right;
	padding: 9px 0;
	position: relative;
	}
	#header .infoblock .welcome div { float: left; }
	#header .infoblock .welcome .txt { padding: 0 0 0 20px; }
	#header .infoblock .welcome .logged { padding-top: 5px; }
	#header .infoblock .welcome .txt a { font-weight: bold; }

	#header .infoblock .welcome .lang .with-icon {
	background: url(@templates_base@/img/lang/eng.gif) no-repeat 10px 7px;
	padding: 5px 10px 10px 35px;
	}

	#header .infoblock .welcome .lang .without-icon {
	padding: 5px 10px 10px 10px;
	}

	#header .infoblock .welcome .txt,
	#header .infoblock .welcome .lang,
	#header .infoblock .welcome .currency,
	#header .infoblock .welcome .profile-menu {
	position: relative;
	}
	#header .infoblock .welcome .profile-menu { margin-left: 10px; margin-right: 10px; }
	#header .infoblock .welcome .txt .login,
	#header .infoblock .welcome .currency .cur,
	#header .infoblock .welcome .profile-menu .link {
	padding: 5px 10px 10px;
	}
	#header .infoblock .welcome .currency { margin-left: 5px; }
	#header .infoblock .welcome .currency .cur.plashka-sel { margin-left: -1px; }

	a#lang,
	a#currency,
	a#profile {
	background: url(@templates_base@/img/icon-select.gif) no-repeat 100% 6px;
	display: block;
	padding: 0 12px 0 0;
	text-decoration: none;
	}
	#header .infoblock .cart {
	background: url(@templates_base@/img/bg-cart.jpg) no-repeat 100% 0;
	- float: right;
	+ float: left;
	font-size: 1.154em;
	font-weight: bold;
	padding: 15px 0;
	}
	#header .infoblock .cart span,
	#header .infoblock .cart a { float: left; }
	#header .infoblock .cart a {
	background: url(@templates_base@/img/icon-checkout.gif) no-repeat 100% 12px;
	color: #75b833;
	line-height: 33px;
	padding: 0 12px 0 0;
	text-decoration: none;
	}
	#header .infoblock .cart i {
	font-size: 0.733em;
	}
	#header .infoblock .cart .items {
	background: url(@templates_base@/img/icon-cart.png) no-repeat 0 0;
	line-height: 33px;
	padding: 0 0 0 50px;
	}
	#header .infoblock .cart .delim {
	color: #b5b5b5;
	font-weight: normal;
	line-height: 33px;
	padding: 0 15px;
	}
	#header .infoblock .cart .phone {
	color: #535353;
	font: bold 1.385em Tahoma,Arial,Verdana,Sans-Serif;
	line-height: 33px;
	padding-right: 50px;
	}

	#header .infoblock .welcome .lang #lang-sel a {
	text-decoration: underline;
	}
	#header .infoblock .welcome .lang #lang-sel .eng {
	background: url(@templates_base@/img/lang/eng.gif) no-repeat 0 0;
	padding: 0 0 0 25px;
	}
	#header .infoblock .welcome .lang #lang-sel .deutch {
	background: url(@templates_base@/img/lang/deutch.gif) no-repeat 0 0;
	padding: 0 0 0 25px;
	}
	#header .infoblock .welcome .lang #lang-sel .rus {
	background: url(@templates_base@/img/lang/rus.gif) no-repeat 0 0;
	padding: 0 0 0 25px;
	}

	.plashka {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	display: none;
	padding: 10px 20px 5px;
	position: absolute;
	top: 31px;
	right: -1px;
	z-index: 95;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 0;
	border-radius: 5px;
	border-top-right-radius: 0;

	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
	}
	.plashka-sel {
	background-color: #fff !important;
	border: 1px solid #d0d0d0;
	border-bottom: 1px solid #fff;
	margin: -1px -1px 0 0;
	position: relative;
	z-index: 96;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	-moz-box-shadow: #ccc 0 -3px 8px -1px;
	-webkit-box-shadow: #ccc 0 -3px 8px -1px;
	box-shadow: #ccc 0 -3px 8px -1px;
	}

	#header .infoblock .welcome .plashka li {
	padding: 0 0 5px;
	white-space: nowrap;
	}
	#header .infoblock .welcome .plashka .active { color: #2d85d6; }
	#header .infoblock .welcome .txt .plashka,
	#header .infoblock .welcome .profile-menu .plashka { right: 0; }
	.plashka-sel a#lang,
	.plashka-sel a#currency,
	.plashka-sel a#profile {
	background: url(@templates_base@/img/icon-close.gif) no-repeat 100% 6px;
	}

	#header .infoblock .welcome .login,
	.login-alt .login {
	display: inline-block;
	float: none;
	}
	.login-alt .login { font-size: 0.867em; padding-left: 5px; }
	#header .infoblock .welcome .login a,
	.login-alt .login a {
	background: url(@templates_base@/img/bg-button-login.jpg) no-repeat 0 0;
	display: block;
	height: 18px;
	text-align: center;
	text-decoration: none;
	width: 61px;
	}
	#header .infoblock .welcome .txt .login.plashka-sel,
	.login-alt .login.plashka-sel {
	margin-left: 4px;
	margin-bottom: 1px;
	padding: 5px 18px 10px;
	}
	.login-alt .login.plashka-sel { padding: 5px 10px 10px; }
	#header .infoblock .welcome .login.plashka-sel a,
	.login-alt .login.plashka-sel a {
	background: none;
	height: auto;
	width: auto;
	}

	.icon-close { right: 10px; position: absolute; }

	/* Menu */
	.menu {
	background: #3e3e3e url(@templates_base@/img/bg-menu.jpg) repeat-x 0 0;
	height: 46px;
	position: relative;
	width: 100%;
	}
	.menu .padding {
	margin: 0 auto;
	width: 960px;
	}
	.menu ul {
	float: left;
	width: 740px;
	}
	.menu ul li {
	color: #fff;
	float: left;
	font-size: 1.154em;
	font-weight: bold;
	}
	.menu ul li a {
	color: #fff;
	display: block;
	line-height: 46px;
	padding: 0 18px;
	text-decoration: none;
	}
	.menu ul li a:hover,
	.menu ul li a:focus {
	background: #4b4b4b url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -46px;
	}
	.menu ul li a.active {
	background: #2d85d6 url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -92px;
	}
	.menu .searchbox {
	background: url(@templates_base@/img/bg-searchbox-l.jpg) no-repeat 0 0;
	float: right;
	margin-top: 10px;
	text-align: right;
	width: 210px;
	}
	.menu .searchbox input[type="text"] {
	border: none;
	background: #fff url(@templates_base@/img/bg-searchbox-r.jpg) no-repeat 100% 0;
	height: 23px;
	line-height: 23px;
	padding-top: 2px;
	width: 180px;
	}

	.level2 {
	background-color: #fff;
	left: 273px;
	position: absolute;
	z-index: 4000;
	}
	.level2-bg {
	border: 1px solid #3e3e3e;
	float: left;
	width: auto;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0 0 3px #444;
	-moz-box-shadow: 0 0 3px #444;
	-webkit-box-shadow: 0 0 3px #444;
	}
	#level2-menu {
	background-color: #3e3e3e;
	float: left;
	padding: 8px 0;
	width: 200px;
	}
	#level2-menu h3 {
	background-color: #3e3e3e;
	padding: 7px 12px;
	white-space: nowrap;
	}
	#level2-menu h3 a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
	#level2-menu h3 a:hover {
	text-decoration: underline;
	}
	#level2-menu ul {
	width: 100%;
	}
	#level2-menu ul li {
	background-color: #eaeaea;
	font-size: 0.923em;
	font-weight: normal;
	width: 100%;
	}
	#level2-menu ul li a {
	color: #3e3e3e;
	line-height: 20px;
	padding: 3px 13px 5px;
	text-decoration: none;
	}
	#level2-menu ul li a:hover,
	#level2-menu ul li a:focus {
	background: none;
	text-decoration: underline;
	}
	#level2-menu ul li a.active {
	background: none;
	}
	#level2-menu ul li i {
	background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 22px 9px;
	display: block;
	padding: 0 0 0 20px;
	white-space: nowrap;
	}
	#level2-menu ul li.level3-menu h4 {
	padding-left: 20px;
	white-space: nowrap;
	}
	#level2-menu ul li.level3-menu ul {
	background-color: #fff;
	}
	#level2-menu ul li.level3-menu ul li {
	background-color: #fff;
	font-size: 0.917em;
	}
	#level2-menu ul li.level3-menu ul li a {
	background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 35px 4px;
	line-height: 18px;
	padding: 0 0 0 45px;
	}
	#level2-menu ul li.level3-menu ul li a.active { color: #2f7916; }

	#level2-menu.ui-accordion .ui-accordion-content { overflow: hidden; }
	#level2-menu.ui-accordion .ui-accordion-content-active { background-color: #eaeaea; }

	#level2-menu .ui-icon-circle-arrow-l2e {
	background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 0;
	height: 7px;
	width: 4px;
	}
	#level2-menu .ui-icon-circle-arrow-l2s {
	background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -7px;
	height: 4px;
	width: 7px;
	}
	#level2-menu .ui-icon-circle-arrow-l3e {
	background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -11px;
	height: 7px;
	width: 4px;
	}
	#level2-menu .ui-icon-circle-arrow-l3s {
	background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -18px;
	height: 4px;
	width: 7px;
	}

	#level-content {
	background-color: #fff;
	float: left;
	padding: 15px;
	width: 400px;
	}
	#level-content ul {
	width: auto;
	}
	#level-content ul li {
	background: url(@templates_base@/img/bullet-level5.png) no-repeat 0 7px;
	float: left;
	font-size: 1em;
	font-weight: normal;
	padding: 0 10px 7px 10px;
	width: 180px;
	}
	#level-content ul li a {
	color: #3c3c3c;
	line-height: 20px;
	padding: 0;
	text-decoration: underline;
	}
	#level-content ul li a:hover,
	#level-content ul li a:focus {
	background: none;
	color: #2a80d3;
	}

	#level-good {
	background-color: #fff;
	float: left;
	padding: 15px;
	text-align: center;
	width: 120px;
	}
	#level-good .price { padding: 10px 0; }

	/* Content
	*******************************************************************************/
	#content {
	background-color: #f7f7f7;
	padding: 32px 0;
	width: 100%;
	}
	#content .padding {
	margin: 0 auto;
	position: relative;
	width: 960px;
	}
	#content .block-fixed {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	padding: 13px 11px 0 11px;
	position: absolute;
	margin: 40px 0 0 -100px;
	}
	#content .block-fixed div { padding-bottom: 13px; }

	.button-addtocart {
	background: url(@templates_base@/img/button-addtocart-left.jpg) no-repeat 0 0;
	color: #faffed;
	display: inline-block;
	font-size: 0.846em;
	text-shadow: #000 0px 1px 1px;
	text-decoration: none;
	}
	.button-addtocart span {
	background: url(@templates_base@/img/button-addtocart-right.jpg) no-repeat 100% 0;
	display: inline-block;
	height: 40px;
	padding: 5px 6px 0;
	text-align: center;
	}
	.button-addtocart span i { display: block; margin-top: -4px; }
	.button-addtocart:hover { color: #faffed; text-shadow: #000 0px 1px 1px; }

	#content .leftcol {
	float: left;
	padding: 0 20px 0 0;
	width: 230px;
	}
	#content .rightcol {
	float: left;
	padding: 0 0 0 20px;
	width: 230px;
	}
	#content .contentcol {
	float: left;
	width: 710px;
	}

	.subscribe-block {
	background: url(@templates_base@/img/subs.png) no-repeat 0 100%;
	padding: 0 16px 11px 0;
	width: 214px;
	}
	.subscribe-block h4 {
	background: url(@templates_base@/img/subs-top.png) no-repeat 0 0;
	font-size: 1.077em;
	font-weight: bold;
	padding: 14px 0 0 16px;
	width: 214px;
	}
	.subscribe-block fieldset {
	padding: 10px 0 0 16px;
	text-align: left;
	width: 214px;
	}
	input.field,
	textarea.field,
	select.field,
	select.field-alt {
	background: url(@templates_base@/img/bg-field.jpg) repeat-x 0 0;
	border: 1px solid #828282;
	height: 24px;
	line-height: 24px;
	margin-bottom: 5px;
	padding: 0 5px;
	}
	select.field { padding: 0 0 0 5px; }
	select.field-alt { margin: 0; padding: 0 0 0 5px; }
	input.field:focus,
	textarea.field:focus,
	select.field-alt:focus,
	select.field:focus { border: 1px solid #000; }

	.form select.field { width: 360px; }

	.form input.subsfield { width: 190px; }

	/* Block */
	.block {
	background: url(@templates_base@/img/bg-block-bottom.jpg) no-repeat 0 100%;
	margin: 0 0 10px;
	padding: 0 0 8px;
	}
	.block .block-top {
	background: url(@templates_base@/img/bg-block-top.jpg) no-repeat 0 100%;
	height: 8px;
	width: 100%;
	}
	.block.no-border-bottom {
	background: none;
	padding: 0;
	}
	.block.block-margin { margin: 0 0 20px; }
	.block h2 {
	background: url(@templates_base@/img/h1-left.png) no-repeat 0 0;
	height: 36px;
	line-height: 36px;
	padding-left: 14px;
	position: relative;
	z-index: 10;
	}
	.block h2 em,
	.block h2 a {
	color: #fefefe;
	font-size: 1.154em;
	font-weight: bold;
	font-style: normal;
	position: relative;
	z-index: 150;
	}
	.block h2 a { text-decoration: underline; }
	.block h2 i {
	background: url(@templates_base@/img/bc-step.png) no-repeat 50% 50%;
	padding: 0 15px;
	}
	.block h2 span {
	background: url(@templates_base@/img/h1-right.png) no-repeat 100% 0;
	height: 53px;
	position: absolute;
	top: -3px; right: -6px;
	width: 136px;
	z-index: 50;
	}
	.block h2 span.new { background: url(@templates_base@/img/h1-right-new.png) no-repeat 100% 0; }
	.block h2 span.pick { background: url(@templates_base@/img/h1-right-pick.png) no-repeat 100% 0; }
	.block h2 span.sale { background: url(@templates_base@/img/h1-right-sale.png) no-repeat 100% 0; }
	.block h2 span.bullet { background: url(@templates_base@/img/h1-right-bullet.png) no-repeat 100% 0; }

	.block.alt-block {
	background: none;
	}
	.block.alt-block h2 {
	background: url(@templates_base@/img/bg-block.png) no-repeat 0 0;
	padding-left: 0;
	}
	.block.alt-block h2.active {
	background-position: 0 100%;
	}
	.block.alt-block h2 a {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 14px;
	text-decoration: none;
	}

	.block .block-content {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	border-top: none;
	padding: 15px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}

	.block .block-content.noactive { display: none; }

	.manufacturer dt {
	float: left;
	width: 155px;
	}
	.manufacturer dd {
	float: left;
	text-align: right;
	width: 40px;
	}
	.manufacturer .active {
	color: #0171e4;
	}
	.manufacturer label { text-decoration: underline; }

	#slider-vertical {
	background: url(@templates_base@/img/bg-vertslider-full.png) no-repeat 0 0;
	float: left;
	padding: 5px 0 0;
	}
	#slider-vertical .ui-slider-range {
	background: url(@templates_base@/img/bg-vertslider-a.png) repeat-y 0 0;
	margin: 0 0 0 7px;
	}

	#slider-vertical .ui-slider-handle {
	background: url(@templates_base@/img/point-vertslider.png) no-repeat 0 0;
	height: 9px;
	margin: 0;
	width: 16px;
	}

	.range-block {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 120px;
	}
	.range-block ul.range {
	color: #333;
	float: left;
	margin-right: 10px;
	position: relative;
	top: -7px;
	width: 50px;
	}
	.range-block ul.range li {
	padding: 0 0 10px;
	text-align: right;
	}
	.range-block ul.range li:last-child { padding: 0; }

	.range-block ul.range2 {
	color: #a0a0a0;
	float: left;
	margin-left: 10px;
	position: relative;
	top: 4px;
	width: 20px;
	}
	.range-block ul.range2 li {
	font-size: 0.846em;
	padding: 0 0 10px;
	text-align: left;
	}
	.range-block ul.range2 li:last-child { padding: 0; }


	/* Accordion menu */
	#accordion-menu {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	}
	#accordion-menu h3 {
	background: #fff url(@templates_base@/img/bg-point-menu.jpg) repeat-x 0 100%;
	border-bottom: 1px solid #d0d0d0;
	color: #666;
	cursor: pointer;
	font-size: 1.077em;
	font-weight: bold;
	padding: 10px 14px;
	position: relative;
	}
	#accordion-menu h3.active {
	background: #1b6bc7 url(@templates_base@/img/bg-point-menu-active.jpg) repeat-x 0 0;
	color: #fff;
	}
	#accordion-menu a { padding-left: 20px; text-decoration: none; }
	#accordion-menu a:hover, #accordion-menu a:focus { text-decoration: underline; }
	#accordion-menu h3.active a { color: #fff; }
	#accordion-menu .ui-icon-circle-arrow-e {
	background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 0;
	height: 6px;
	width: 10px;
	}
	#accordion-menu.alt-menu .ui-icon-circle-arrow-e {
	margin-top: -4px;
	position: absolute;
	top: 50%;
	}
	#accordion-menu .ui-icon-circle-arrow-s {
	background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -6px;
	height: 6px;
	width: 10px;
	}
	#accordion-menu .ui-icon-circle-arrow-a {
	background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -12px;
	height: 10px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 8px;
	}
	#accordion-menu div {
	background-color: #fff;
	border-bottom: 1px solid #d0d0d0;
	}
	#accordion-menu div ul { padding: 10px 0 10px 7px; }
	#accordion-menu div ul li { padding: 3px 0 5px 7px; }
	#accordion-menu div ul li.active {
	background: url(@templates_base@/img/bg-subcategory.png) repeat-x 0 0;
	}
	#accordion-menu div ul a { color: #333; padding-left: 0; }
	#accordion-menu div ul li.active a { color: #fff; }

	#accordion-menu div ul li ul { padding: 10px 0 0 25px; }
	#accordion-menu div ul li ul li {
	background: url(@templates_base@/img/point-subcategory.png) no-repeat 0 7px;
	font-size: 0.923em;
	padding: 2px 0 2px 10px;
	}
	#accordion-menu div ul li.active ul a { color: #333; }

	/* Good item */
	.good-item {
	background-color: #fff;
	width: auto;
	}
	.good-item.good-item-narrow {
	margin: 5px 5px 0 0;
	width: 171px;
	}
	.good-item.good-item-narrow-last {
	margin-right: 0;
	}
	.good-item.good-item-float {
	float: left;
	height: 290px;
	}
	.good-item.border-radius-bottom {
	border: 1px solid #d0d0d0;
	border-top: none;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
	.good-item.border-radius {
	border: 1px solid #d0d0d0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	.good-item dl {
	- padding: 14px 16px;
	+ padding: 14px 16px 0;
	text-align: center;
	}
	+.good-item dl dd { padding-bottom: 15px; }
	.good-item.comparing-items dl {
	border-bottom: 1px dotted #b5b5b5;
	padding: 14px 0;
	margin: 0 16px;
	}
	.good-item.comparing-items dl.last {
	border-bottom: none;
	}
	.good-item.comparing-items .buttons {
	padding: 15px 0;
	text-align: center;
	width: 210px;
	}
	.good-item dl dt { padding-bottom: 15px; }
	.good-item dl dt a {
	font-size: 1.077em;
	font-weight: bold;
	}
	.good-item .img { height: 140px; }
	.good-item .price {
	font-size: 1.846em;
	font-weight: bold;
	font-style: normal;
	padding: 10px 0;
	}
	.good-item .price span {
	font-size: 0.708em;
	}
	.good-item .addtocart {
	background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0;
	color: #faffed;
	display: inline-block;
	font-size: 1.077em;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	text-decoration: none;
	}
	.good-item .addtocart span {
	background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0;
	display: inline-block;
	height: 33px;
	line-height: 33px;
	padding: 0 20px;
	}

	.good-item .addedtocart {
	color: #3d901f;
	font-size: 1.154em;
	}

	/* Scrollable */
	#scrollable {
	position:relative;
	overflow: hidden;
	width: 710px;
	height: 309px;
	background-color: #fff;
	margin: 5px 0
	}
	#scrollable .items {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	height: 307px;
	margin: 0 30px;
	position: relative;
	width: 650px;
	}
	#scrollable .good-item {
	background: url(@templates_base@/img/delimiter-special.gif) repeat-y 100% 0;
	position:relative;
	width:222px;
	height: 280px;
	margin: 16px 0;
	}
	#scrollable .good-item dl { padding: 0 16px; }
	#scrollable .good-item dl dt { height: 35px; }
	#scrollable .good-item dl dd .price { color: #c2120a; }

	#scrollable .good-item dl dd .price-deal {
	padding: 10px 0;
	}
	#scrollable .good-item dl dd .price-deal s.under {
	font-size: 1.308em;
	font-weight: bold;
	padding-right: 10px;
	}
	#scrollable .good-item dl dd .price-deal s.under span {
	font-size: 0.706em;
	}
	#scrollable .ca-nav span {
	width:30px;
	height:309px;
	background:transparent url(@templates_base@/img/special-navi.png) no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	text-indent:-9000px;
	cursor:pointer;
	z-index:8;
	}
	#scrollable .ca-nav span.ca-nav-prev:hover {
	background-position:-30px 0;
	}
	#scrollable .ca-nav span.ca-nav-next {
	background-position:-60px 0;
	left:auto;
	right:0;
	}
	#scrollable .ca-nav span.ca-nav-next:hover {
	background-position:-90px 0;
	}

	#content .content,
	#content .compare {
	margin: 5px 0 0;
	padding: 20px 30px;
	}
	#content .content.border-radius,
	#content .goods.border-radius,
	#content .items.border-radius,
	#content .compare.border-radius {
	background-color: #fff;
	border: 1px solid #d0d0d0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	}
	#content .content p {
	font-size: 1.077em;
	line-height: 1.5em;
	}

	#feedback {
	background: url(@templates_base@/img/con-contact.jpg) no-repeat 100% 0;
	font-size: 0.929em;
	padding: 20px 330px 0 0;
	}
	#feedback p.req {
	border-bottom: 1px solid #d0d0d0;
	color: #3e85d2;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0 0 5px;
	}
	span.star {
	color: #3e85d2;
	font-weight: bold;
	}
	#feedback p {
	clear: both !important;
	padding: 5px 0;
	}
	#feedback label {
	float: left;
	font-weight: bold;
	padding: 5px 0;
	white-space: nowrap;
	width: 110px;
	}
	.form .field {
	border: 1px solid #b4b4b4;
	width: 350px;
	}
	#feedback input.field,
	#feedback span.radios,
	#feedback textarea {
	float: left;
	}
	#feedback textarea {
	background: url(@templates_base@/img/bg-textarera.jpg) repeat-x 0 0;
	border: 1px solid #b4b4b4;
	height: 120px;
	width: 450px;
	}
	#feedback .radio label { width: 240px; }
	#feedback span.radios { padding: 5px 0; }

	#feedback .buttons {
	padding: 10px 0 0 110px;
	}

	.form .green-button {
	background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 0;
	border: none;
	color: #fff;
	font-weight: bold;
	height: 26px;
	padding-bottom: 1px;
	width: 90px;
	}
	.form .grey-button, .form .green-button[disabled] {
	background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 100%;
	border: none;
	color: #000;
	font-weight: bold;
	height: 26px;
	padding-bottom: 1px;
	width: 90px;
	}

	.green-but {
	background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 0;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	}
	.green-but:hover { color: #fff; text-decoration: none; }
	.green-but span {
	background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 0;
	display: inline-block;
	height: 26px;
	margin: 0 -19px 0 0;
	padding: 0 20px 0 0;
	}
	.grey-but {
	background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 100%;
	color: #3c3c3c;
	display: inline-block;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 20px;
	text-decoration: none;
	}
	.grey-but:hover { color: #3c3c3c; text-decoration: none; }
	.grey-but span {
	background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 100%;
	display: inline-block;
	height: 26px;
	margin: 0 -19px 0 0;
	padding: 0 20px 0 0;
	}

	/* Login form */
	.login-form {
	padding: 0;
	}
	.login-form p {
	padding: 5px 0;
	}
	.login-form label {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	}
	.login-form .field {
	width: 230px;
	}

	/* Footer
	*******************************************************************************/
	#footer {
	margin: 0 auto;
	width: 960px;
	}
	#footer .copy {
	float: left;
	font-family: Tahoma,Arial,Verdana,Sans-Serif;
	padding-top: 18px;
	width: 580px;
	}
	#footer .copy .doplinks {
	color: #a8a8a8;
	padding-top: 15px;
	}
	#footer .copy .doplinks a { padding: 0 15px; }
	#footer .copy .doplinks a:first-child { padding-left: 0; }
	#footer .links {
	background: url(@templates_base@/img/bg-blinks.jpg) no-repeat 0 0;
	float: left;
	padding: 18px 0 36px 16px;
	width: 124px;
	}
	#footer .links ul li {
	background: url(@templates_base@/img/li-blinks.gif) no-repeat 0 6px;
	padding: 0 0 0 11px;
	}
	#footer .payment {
	float: left;
	font-weight: bold;
	padding: 18px 0 36px;
	text-align: right;
	width: 230px;
	}
	#footer .payment .logos {
	padding: 0 0 20px;
	}
	#footer .payment a {
	padding: 0 3px;
	}


	.basketStatus {
	position: absolute;
	top: 153px;
	left: 247px;
	display: block;
	z-index: 5000;
	}
	.basketStatus .basketContent {
	background-color: #fff;
	width: 230px;
	font-weight: bold;
	position:relative;
	z-index:5001;
	color: #333;
	padding: 12px 25px;
	box-shadow: 0 0 3px #444;
	-moz-box-shadow: 0 0 3px #444;
	-webkit-box-shadow: 0 0 3px #444;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	.basketStatus .basketArrow {
	background: url(@templates_base@/img/con-basket-arrow.png) no-repeat 0 0;
	height: 15px;
	margin: -55px 0 0 22px;
	position: relative;
	width: 26px;
	z-index: 5006;
	}
	.basketStatus .basketContent .subtitle { color: #62aa2c; padding-bottom: 15px; }
	.basketStatus .basketContent .img {
	float: left;
	padding-right: 15px;
	}
	.basketStatus .basketContent .info { color: #333; }


	/* --- Item Rating Styles --- */
	.ratingblock, .ratingblock div {
	display: -moz-inline-block;
	}

	.voted {
	color: #999;
	}

	.thanks {
	color: #36AA3D;
	}

	.static {
	color: #5D3126;
	}

	.inline-rating {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	}

	.star-rating,
	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus,
	.star-rating .current-rating{
	background: url('@templates_base@/img/star_sprite.gif') left -1000px repeat-x;
	}
	.star-rating {
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	}

	.star-rating li {
	display: inline;
	}

	.star-rating a,
	.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
	}

	.star-rating a:hover,
	.star-rating a:active,
	.star-rating a:focus {
	background-position: left bottom;
	}
	.star-rating a.r1-unit { width:20%;z-index:6; }
	.star-rating a.r2-unit { width:40%;z-index:5; }
	.star-rating a.r3-unit { width:60%;z-index:4; }
	.star-rating a.r4-unit { width:80%; z-index:3; }
	.star-rating a.r5-unit { width:100%; z-index:2; }
	.star-rating .current-rating { z-index:1; background-position: left center; }

	.small-star {
	width:50px;
	height:10px;
	}
	.small-star, .small-star a:hover, .small-star a:active,
	.small-star a:focus, .small-star .current-rating {
	background-image: url('@templates_base@/img/star_sprite_small.gif');
	line-height: 10px;
	height: 10px;
	}
	\ No newline at end of file
	Index: branches/1.0.x/inc/details.css
	===================================================================
	--- branches/1.0.x/inc/details.css (revision 14858)
	+++ branches/1.0.x/inc/details.css (revision 14859)
	@@ -1,348 +1,355 @@
	@charset "UTF-8";

	/* Category Page
	*******************************************************************************/
	.goods {
	margin: 5px 0;
	padding: 20px 20px 10px 20px;
	}

	.block h2 a.product-prev {
	background: url(@templates_base@/img/product-nav.png) no-repeat 0 0;
	height: 21px;
	position: absolute;
	right: 40px;
	top: 9px;
	width: 21px;
	}
	.block h2 a.product-next {
	background: url(@templates_base@/img/product-nav.png) no-repeat 100% 0;
	height: 21px;
	position: absolute;
	right: 15px;
	top: 9px;
	width: 21px;
	}
	-.block h2 a.product-prev:hover { background-position: 0 100%; }
	-.block h2 a.product-next:hover { background-position: 100% 100%; }
	+.block h2 a.product-prev:hover { background-position: 0 -21px; }
	+.block h2 a.product-next:hover { background-position: 100% -21px; }
	+
	+.block h2 a.product-prev.disabled { background-position: 0 -42px; }
	+.block h2 a.product-next.disabled { background-position: 100% -42px; }
	+
	+.block h2 a.product-prev.disabled:hover,
	+.block h2 a.product-next.disabled:hover { background: none; }

	.product-detail { position: relative; }
	.product-detail .ribbon {
	background: url(@templates_base@/img/ribbon-big.png) no-repeat 0 0;
	height: 53px;
	position: absolute;
	top: -3px; right: -7px;
	width: 136px;
	z-index: 100;
	}
	.product-detail .ribbon.sale { background-position: 0 0; }
	.product-detail .ribbon.top { background-position: 0 -53px; }
	.product-detail .ribbon.new { background-position: 0 -106px; }

	.product-detail h1 {
	color: #000;
	float: left;
	font: 1.846em Tahoma,Verdana,Arial,Sans-Serif;
	padding: 0 0 20px;
	}
	.product-detail .rating {
	float: left;
	padding: 6px 0 0 10px;
	}
	.product-detail .h1-reviews {
	float: left;
	padding: 8px 0 0 10px;
	}

	.product .info {
	float: left;
	padding: 0 20px 0 0;
	width: 260px;
	}
	.product .info .img {
	position: relative;
	}
	.product .viewlarger {
	position: absolute;
	text-align: center;
	top: 265px;
	width: 260px;
	}
	.product .viewlarger a {
	background: url(@templates_base@/img/icon-zoom-small.png) no-repeat 0 2px;
	padding: 0 0 0 20px;
	}
	.product .info .img .signsmall {
	color: #000;
	font-size: 0.846em;
	position: absolute;
	top: 320px;
	text-align: center;
	width: 260px;
	}
	.product .info .img .showmore {
	color: #686767;
	margin-top: 490px;
	position: absolute;
	}

	.product .info .doplinks {
	background: url(@templates_base@/img/bg-doplinks.jpg) no-repeat 0 0;
	float: left;
	height: 152px;
	margin-top: 220px;
	padding: 40px 0 0 25px;
	width: 225px;
	}
	.product .doplinks a.link-print {
	background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px 13px 40px;
	}
	.product .doplinks a.link-compare {
	background: url(@templates_base@/img/icon-compare.png) no-repeat 3px 5px;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px 10px 40px;
	}
	.product .doplinks a.link-wishlist {
	background: url(@templates_base@/img/icon-wishlist.jpg) no-repeat 0 0;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px 0 40px;
	}

	.product .description {
	float: left;
	width: 380px;
	}
	.product .description .text {
	padding: 15px 0;
	}

	.product .description .options-har {
	background-color: #f0f0f0;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	.product .description .options-har .sel-options {
	color: #686767;
	float: left;
	padding: 8px 0 8px 20px;
	}
	.product .description .har { border-top: 1px solid #d0d0d0; float: left; margin-top: 10px; padding-top: 10px; text-align: left; width: 50%; }
	.product .description .har dt { float: left; font-weight: bold; padding: 0 10px 3px 0; width: 100px; }
	-.product .description .har dd { float: left; width: 80px; }
	+.product .description .har dd { float: left; padding: 0 0 3px 0; width: 80px; }
	+.product .description .har_right dt { width: 50px; }

	.product .description .price-block {
	float: left;
	width: 150px;
	}
	.product .description .price-block s.under {
	display: block;
	font-size: 1.308em;
	font-weight: bold;
	padding-right: 10px;
	}
	.product .description .price-block s.under span { font-size: 0.706em; }
	.product .description .price-block .redprice { padding: 10px 0; }
	.product .description .price-block em.price {
	color: #C2120A;
	font-size: 1.846em;
	font-weight: bold;
	font-style: normal;
	}
	.product .description .price-block em.price span { font-size: 0.708em; }
	.product .description .order-block {
	float: right;
	width: 230px;
	}
	.product .description .order-block .qty {
	color: #686767;
	float: left;
	padding-top: 5px;
	}
	.product .description .order-block .qty .field {
	text-align: center;
	width: 25px;
	}
	.product .description .order-block .avail {
	color: #686767;
	float: right;
	font-weight: bold;
	padding-top: 10px;
	}
	.product .description .order-block .avail em {
	color: #00b309;
	}
	.product .description .order-block .but {
	float: right;
	}
	.product .description .order-block .addtocart {
	background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0;
	color: #faffed;
	display: inline-block;
	font-size: 1.077em;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	text-decoration: none;
	}
	.product .description .order-block .addtocart span {
	background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0;
	display: inline-block;
	padding: 0 20px 0 10px;
	}
	.product .description .order-block .addtocart span i {
	background: url(@templates_base@/img/bg-button-cart-add.png) no-repeat 0 3px;
	line-height: 33px;
	padding: 7px 0 7px 30px;
	}

	.product .description .order-block .addedtocart {
	color: #3D901F;
	font-size: 1.154em;
	}

	/* Tabs */
	.ui-tabs .ui-tabs-nav {
	padding: 0;
	}
	.ui-widget-header {
	background: none;
	border: none;
	color: #000;
	}
	.ui-tabs .ui-tabs-nav li {
	border: 1px solid #949494;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #fff url(@templates_base@/img/bg-tab.png) repeat-x 0 0;
	border-bottom: none;
	position: relative;
	z-index: 100;
	bottom: -1px;
	}

	.ui-tabs .ui-tabs-panel {
	border: 1px solid #949494;
	height: 350px;
	overflow-x: hidden;
	}
	.ui-tabs .ui-tabs-panel p { padding-bottom: 15px; }

	/* Reviews */
	.reviews {
	border-bottom: 1px solid #d0d0d0;
	float: left;
	padding-top: 30px;
	width: 100%;
	}
	.reviews .info-review {
	float: left;
	padding: 0 0 20px;
	width: 350px;
	}
	.reviews .info-review .title {
	color: #2b2b2b;
	font-size: 1.385em;
	line-height: 1.2em;
	}
	.reviews .info-review .but-review {
	float: left;
	padding: 20px 0 0;
	}
	.reviews .info-review .addreview {
	background: url(@templates_base@/img/icon-addreview.jpg) no-repeat 0 0;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 30px;
	}
	.reviews .info-review .sortby {
	color: #585858;
	float: left;
	font-weight: bold;
	padding: 20px 0 0 20px;
	}
	.reviews .overall-review {
	float: right;
	width: 215px;
	}
	.reviews .overall-review p {
	color: #585858;
	float: left;
	font-weight: bold;
	padding: 0 10px 0 0;
	}
	.reviews .overall-review .overall-detail {
	float: left;
	}
	.reviews .overall-review .overall-detail i {
	float: left;
	width: 35px;
	}
	.reviews .overall-review .overall-detail span {
	float: left;
	width: 75px;
	}

	.reviews .row-review {
	border-top: 1px solid #d0d0d0;
	clear: both !important;
	float: left;
	padding: 15px 0;
	}
	.reviews .row-review .user { color: #2275cd; font-weight: bold; padding: 0 0 10px; }
	.reviews .row-review .text-review { color: #000; padding: 0 0 10px; }
	.reviews .row-review .optional-review { color: #000; font-size: 0.846em; }
	.reviews .row-review .optional-review p {
	float: left;
	padding: 0 20px 0 0;
	}
	.reviews .row-review .optional-review em { color: #8b8b8b; }
	.reviews .row-review .optional-review p.rat img { margin-bottom: -2px; }
	.reviews .row-review .optional-review p.date { float: right; padding: 0; text-align: right; }
	.reviews .row-review .optional-review a { color: #000; }
	.reviews .row-review .optional-review a.yes { color: #009000; font-weight: bold; }
	.reviews .row-review .optional-review a.no { color: #ae0000; font-weight: bold; }

	/* Pagination */
	.pagination { padding: 20px 0 10px; text-align: center; }
	.pagination span,
	.pagination a {
	background: url(@templates_base@/img/paginate.png) no-repeat -28px 0;
	color: #fff;
	display: inline-block;
	font-size: 1.308em;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	width: 28px;
	}
	.pagination span.prev {
	background-position: 0 100%;
	margin-right: 20px;
	}
	.pagination a.prev {
	background-position: 0 0;
	margin-right: 20px;
	}
	.pagination span.next {
	background-position: -56px 100%;
	margin-left: 20px;
	}
	.pagination a.next {
	background-position: -56px 0;
	margin-left: 20px;
	}
	.pagination a.active {
	background-position: -28px 100%;
	}
	Index: branches/1.0.x/elements/side_boxes/categories.elm.tpl
	===================================================================
	--- branches/1.0.x/elements/side_boxes/categories.elm.tpl (revision 14858)
	+++ branches/1.0.x/elements/side_boxes/categories.elm.tpl (revision 14859)
	@@ -1,40 +1,41 @@
	<inp2:m_DefineElement name="more_link_elem">
	<li><a href="<inp2:c_CategoryLink template='__default__' m_cat_page='1'/>"><inp2:m_Phrase label="lu_more_Products"/>...</a></li>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="third_level_elem">
	<li><a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>"><inp2:Field name="Name" html_escape="1"/></a></li>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="subcategory_elem">
	<li <inp2:m_if check='IsCurrent'>class="active"</inp2:m_if>>
	<a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>"><inp2:Field name="Name" html_escape="1"/></a>
	<inp2:m_if check='IsCurrent'>
	- <inp2:InitList requery="1" list_name="third_level" max_items="20" no_table="1"/>
	- <inp2:m_if check="TotalRecords" list_name="third_level">
	+ <inp2:m_if check="TotalRecords" requery="1" list_name="third_level">
	<ul>
	- <inp2:ListCategories requery="1" list_name="" render_as="third_level_elem" max_items="20" no_table="1"/>
	+ <inp2:ListCategories list_name="third_level" render_as="third_level_elem" max_items="20" no_table="1"/>
	</ul>
	</inp2:m_if>
	</inp2:m_if>
	- </li>
	+ </li>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="category_elem">
	<h3><a href="<inp2:CategoryLink template='__default__' m_cat_page='1'/>"><inp2:Field name="Name" html_escape="1"/></a></h3>
	- <div>
	- <ul>
	- <inp2:ListCategories requery="1" render_as="subcategory_elem" more_link_render_as="more_link_elem" max_items="20" no_table="1"/>
	- </ul>
	- </div>
	+ <inp2:m_if check="TotalRecords" requery="1" list_name="second_level">
	+ <div>
	+ <ul>
	+ <inp2:ListCategories list_name="second_level" render_as="subcategory_elem" more_link_render_as="more_link_elem" max_items="20" no_table="1"/>
	+ </ul>
	+ </div>
	+ </inp2:m_if>
	</inp2:m_DefineElement>

	<div class="block">
	<h2><em><inp2:m_Phrase label="lu_title_Categories"/></em><span></span></h2>

	<div id="accordion-menu">
	- <inp2:m_Cache key="prefix:c;skip_var:t,page,per_page,sort_by">
	+ <inp2:m_Cache key="prefix:c;skip_var:t,page,per_page,sort_by">
	<inp2:c_ListCategories render_as="category_elem" sort_by="Priority,Desc" per_page="-1" no_table="1" parent_cat_id="Root" module="In-Commerce"/>
	</inp2:m_Cache>
	</div>
	</div>
	Index: branches/1.0.x/elements/content_boxes.elm.tpl
	===================================================================
	--- branches/1.0.x/elements/content_boxes.elm.tpl (revision 14858)
	+++ branches/1.0.x/elements/content_boxes.elm.tpl (revision 14859)
	@@ -1,140 +1,142 @@
	<!--## DEFAULT CONTENT-TOP ELEMENT ##-->
	<inp2:m_DefineElement name="default_content_banner" no_editing="1">

	<!-- default banners -->
	<inp2:st_ContentBlock num="101" page="index"/>
	<!-- //default banners -->

	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="default_page_title"><inp2:m_GetConfig name="Site_Name"/> — <inp2:st_PageInfo type="htmlhead_title"/></inp2:m_DefineElement>

	<inp2:m_DefineElement name="default_add_to_footer" no_editing="1">
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="default_add_to_head" no_editing="1">
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="default_sidebar" no_editing="1">
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="default_page_title">
	<inp2:st_PageInfo type="htmlhead_title"/>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="image_element">
	<img src="<inp2:m_param name='img_path' />" title="<inp2:m_param name='alt' />" alt="<inp2:m_param name='alt' />" <inp2:m_param name="img_size" /> />
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="content_box" content_class="" header_class="">
	<h2 class="<inp2:m_Param name='header_class'/>"><inp2:m_param name="header"/></h2>
	<div class="<inp2:m_Param name='content_class'/>">
	<inp2:m_param name="content"/>
	</div>
	</inp2:m_DefineElement>

	<!--## Unused for now
	<inp2:m_DefineElement name="side_box" add_class="">
	<div class="block <inp2:m_Param name='add_class'/>">
	<h2><inp2:m_param name="header"/></h2>
	<inp2:m_param name="content"/>
	</div>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="side_box_custom" add_class="">
	<div class="<inp2:m_Param name='add_class'/>">
	<h4><inp2:m_param name="header"/></h4>
	<inp2:m_param name="content"/>
	</div>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="content_box_scrollable" add_class="">
	<div class="block no-border-bottom<inp2:m_Param name='add_class'/>">
	<h2><inp2:m_param name="header"/></h2>
	<inp2:m_param name="content"/>
	</div>
	</inp2:m_DefineElement>
	##-->

	<inp2:m_DefineElement name="rating_percent_element">
	<i><inp2:m_Param name="percent"/>%</i>
	<span>
	<inp2:VotesIndicator rating="$rating" small_style="small-star"/>

	<!--##<inp2:m_if check="m_Param" name="rating" equals_to="1\|2\|3\|4\|5">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="m_Param" name="rating" equals_to="2\|3\|4\|5">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="m_Param" name="rating" equals_to="3\|4\|5">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="m_Param" name="rating" equals_to="4\|5">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="m_Param" name="rating" equals_to="5">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>##-->
	</span><br/>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement name="review_element">
	<div class="row-review">
	<p class="user"><inp2:Field name="ReviewedBy"/></p>
	<div class="text-review"><inp2:Field name="ReviewText"/></div>

	<div class="optional-review">
	<p>
	Was this review helpful to you?  <a href="<inp2:HelpfulLink helpful='1'/>" class="yes">Yes</a>  <em class="yes-count">(<inp2:Field name="HelpfulCount"/>)</em>  <a href="<inp2:HelpfulLink helpful='0'/>" class="no">No</a>  <em class="no-count">(<inp2:Field name="NotHelpfulCount"/>)</em>
	</p>
	<p><a href="<inp2:ItemLink template='elements/ajax/spam_report' width='720' height='350'/>" class="thickbox">Is this Review Inappropriate?</a></p>

	+ <p class="rat">
	<inp2:m_if check="Field" name="Rating" db="db">
	- <p class="rat">
	Rating:
	-
	<inp2:VotesIndicator small_style="small-star"/>

	<!--##<inp2:m_if check="Field" name="Rating" equals_to="1\|2\|3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="Field" name="Rating" equals_to="2\|3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="Field" name="Rating" equals_to="3\|4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="Field" name="Rating" equals_to="4\|5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>

	<inp2:m_if check="Field" name="Rating" equals_to="5" db="db">
	<img src="<inp2:m_TemplatesBase/>img/star-smallest.jpg" width="13" height="13" alt="" />
	</inp2:m_if>##-->
	- </p>
	+ <inp2:m_else/>
	+
	</inp2:m_if>
	+ </p>
	+

	<p class="date"><strong><inp2:DateField name="CreatedOn" format="F j, Y"/></strong></p>
	</div>
	</div>
	</inp2:m_DefineElement>

	<inp2:m_DefineElement no_editing="1" name="prev_next_element" prefix="" id_field="" special="prefix-navigation" main_list="">
	<inp2:{$prefix}.{$special}_InitList per_page="-1" main_list="$main_list" skip_quering="1"/>

	<inp2:m_if check="{$prefix}.previous_Field" name="$id_field" item="$prefix" list="{$prefix}.{$special}">
	<a href="<inp2:{$prefix}.previous_ItemLink template='__default__'/>" class="product-prev" title="Previous"></a>
	</inp2:m_if>

	<inp2:m_if check="{$prefix}.next_Field" name="$id_field" item="$prefix" list="{$prefix}.{$special}">
	<a href="<inp2:{$prefix}.next_ItemLink template='__default__'/>" class="product-next" title="Next"></a>
	</inp2:m_if>
	</inp2:m_DefineElement>
	\ No newline at end of file
	Index: branches/1.0.x/img/product-nav.png
	===================================================================
	Cannot display: file marked as a binary type.
	svn:mime-type = application/octet-stream

modern-storeNo OneTemporaryActions

File Metadata

modern-storeView Options

Event Timeline

modern-store
No OneTemporary
Actions

modern-store
View Options