/*=============================================================================
# Wg Dynamic Search module by WebGraphiq
===============================================================================
# 2010/06/01 DL  v.2.0.14.001
# http://www.webgraphiq.com, webgraphiq@gmail.com
# Cs-cart version 2.0.x compatible
# (C)opyright 2003-2010 WebGraphiq, all rights reserved.
# @license - Copyrighted Commercial Software
# Full license at: http://www.webgraphiq.com/license.html
=============================================================================*/

.suggestionsBox {
	width: auto;
	max-width:800px;
	display: none;
	z-index:99;
	position:absolute;
	margin: 5px 0px 0px 30px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	_overflow:hidden;
	*overflow:hidden;
}	
.suggestionList {
	margin: 0 0 0 3px;
	padding: 0px;
	_margin-top: -15px;   
	*margin-top: -15px;
}	
.suggestionList li {		
	margin: 0 0 3px 0;
	padding: 3px;
	cursor: pointer;
	list-style-type: none;
}
.suggestionList li a, .suggestionList li a:visited, .suggestionList li a:active, .suggestionList li a:hover {		
	text-decoration: none;
	color: #000;
}
.suggestionList li a:hover {
	background-color: #659CD8;
	color: #fff;
}
.suggestionList li img{		
	margin: 0px 10px -5px 0px;
}	
.suggestionList li:hover {
	background-color: #659CD8;
	color: #fff;
}
.wg-icon {
	position: relative;
	top: -14px;    /*all*/
	_top: -22px;   /*ie6*/
	*top: -22px;   /*ie7*/
	left: 20px;
}
.wg-search-field {
	width: 190px;
}

.DynPreviewWraper { border: 1px solid #a0acb8; background: #fff; z-index: 100; position: absolute; overflow: hidden;}
#DynPreviewContainer { width: 100%; text-align: center; position: absolute; top: 40%;}
.DynPreviewTitle { padding: 4px 7px 4px 7px; margin: 0; color: #1b1b1b; background: #fff; font-size: 11px; font-weight: normal; }
.DynPreviewTempLoad { padding: 6px; text-align: center; vertical-align: middle; }
.DynPreviewTempLoad img { text-align: center; vertical-align: middle; }
.DynPreviewLoaderBg { width: 113px; background: #f2f3f5; font-size: 1px; position: relative; top: 8px; left: 8px; height: 13px; }
.DynPreviewLoader { padding: 10px 0 16px 0; margin: 0 auto; width: 135px; border: 1px solid #d7dce1; display: block; color: #333; background: #fff; text-align: left; z-index: 255; }
#DynProgress { width: 1px; background: #dde0e5; font-size: 1px; height: 12px; position: relative; top: 1px; left: 10px; }
#DynPreviewPlace { display: none; position: absolute; z-index: 110; }