.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pro-box
{
	border: solid 1px #ccc;
	border-bottom: none;
	float: left;
	width: 100%;
	height: 100%;
}

.pro-row
{
	width: 100%;
	float: left;
	padding: 3px 0px 0px 0px;
	border-bottom: solid 1px #ccc;
}

.pro-row-colspan
{
	width: 100%;
	float: left;
	background-color: #e2e2e2;
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #ccc;
}

.pro-column1
{
	width: 115px;
	height: 100%;
	float: left;
	text-align: right;
}

.pro-column2
{
	border-left: solid 1px #ccc;
	margin-left: 120px;
	height: 100%;
	margin-top: -3px;
	padding: 3px 5px 3px 8px;
}

.pro-column3
{
	height: 100%;
	padding: 3px 0px 3px 5px;
	margin-top: -3px;
	text-align: justify;
	width: 512px;
	overflow: hidden;
	float: left;
}

.pro-redtext
{
	color: #bf2609;
	font-weight: bold;
}

.pro-redtext a
{
	color: #bf2609;
	font-weight: bold;
}

.pro-redtext a:hover
{
	color: #d16617;
	font-weight: bold;
}

.pro-imgthumb
{
	border: solid 1px #ccc;
	margin-left: 3px;
	margin-right: 3px;
}

.pro-imgVip
{
	background: url('images/imgVip.gif') 0px 0px no-repeat;
	width: 28px;
	height: 14px;
	position: absolute;
}

.pro-tag
{
    padding-top: 10px;
    width: 100%;
    height: 100%;
    float: left;
}

.pro-tag-img
{
    background: url('images/protag.png') top left no-repeat;
    width: 100%; height: 29px;
    float: left;
}

.pro-tag-content
{
    float: left;
    padding-left: 55px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT HOT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pro-hot-group
{
	border: solid 1px #ccc;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.pro-hot-row
{
	float: left;
	width: 100%;
}

.pro-hot-column1
{
	float: left;
	height: 100%;
	margin-left: -100%;
	border-right: solid 1px #ccc;
}

.pro-hot-image
{
	border-bottom: solid 1px #ccc;
}

.pro-hot-pager
{
}

.pro-hot-column2
{
	margin-left: 261px;
	height: 100%;
	padding-top: 2px;
}

.pro-hot-element
{
	width: 100%;
	float: left;
	padding: 6px 0px 6px 0px;
	height: 100%;
	border-bottom: solid 1px #ccc;
}

.pro-hot-text
{
	float: left;
	height: 16px;
	padding-left: 18px;
	font-weight: bold;
	overflow: hidden;
	background: url('images/unit-block.png') 4px 4px no-repeat;
}

.pro-hot-title
{
	padding: 5px 0px 0px 3px;
	font-size: 13px;
	font-weight: bold;
}

.pro-hot-title a
{
	color: #bf2609;
}

.pro-hot-content
{
	padding: 5px 5px 0px 3px;
	text-align: justify;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PREVIEW LARGE PICTURE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.index #preloader-bg 
{
	font-size			: 1px;
	top					: 8px;
	left				: 8px;
	height				: 7px;
	width				: 113px;
	position			: relative;
	background-color	: #ebebe4;
}

.index #preloader-container 
{
	top					: 40%;
	width				: 100%;
	position			: absolute;
	text-align			: center;
}

.index #preloader 
{
	border				: #6a6a6a 2px solid;
	padding-top			: 10px;
	padding-left		: 0px;
	padding-right		: 0px;
	padding-bottom		: 16px;
	margin				: 0px auto;
	width				: 135px;
	z-index				: 255;
	display				: block;
	text-align			: left;
	font-size			: 10px;
	font-family			: Tahoma, Helvetica, sans;
	color				: #000000;
	background-color	: #FFFFFF;
}

.index #progress 
{
	top					: 1px;
	left				: 10px;
	width				: 1px;
	height				: 5px;
	position			: relative;
	font-size			: 1px;
	background-color	: #9d9d94;
}

.index .pretitle 
{
	font-family			: Arial, sans-serif, Helvetica;
	font-size			: 13px;
	font-weight			: bold;
	padding-right		: 5px;
	text-align			: right;
	color				: #003373;
}

.index .preboder 
{
	border				: 2px solid #2fb9ec;
	z-index				: 100;
	position			: absolute;
	background			: #FFFFFF;
}

.index .pretemp 
{
	padding-top			: 0px;		/*Offset from top*/
	vertical-align		: middle;
	text-align			: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRELOADER LARGE PICTURE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.index #preloader-conpic 
{
	top					: 30%;
	width				: 100%;
	position			: absolute;
	text-align			: center;
}

.index .preboder-pic 
{
	border				: 0px solid #d4d4d4;
	z-index				: 100;
	background			: #FFFFFF;
}

.index .pretemp-pic 
{
	text-align			: left;
}

.index #progress-pic 
{
	top					: 1px;
	left				: 10px;
	width				: 1px;
	height				: 5px;
	position			: relative;
	font-size			: 1px;
	background-color	: #9d9d94;
}