/* CSS Common */
body { margin:0 }
body, html, td { font-family: Arial; font-size:12px; color:#000; }
img { border:0px #FFF solid }
form { margin:0}

/*Background*/
.index-bg{background:url(images/index-bg.jpg) center top no-repeat; background-color:#797979}
.inner-bg{/*background:url(images/bg.jpg) center top no-repeat;*/ background-color:#797979}

/*Footer*/
.footer{font-size:11px;color:#fff}

/*Products*/
.tb-pad{padding:10px 0px 10px 0px}
.inner-tb-pad{ padding-right:10px;}
.inner-tb-broder{border: 1px #717071 solid}
.product-name{font-size:12px; padding:5px 0px 5px 0px; font-weight:bold}
.yellow-txt{color:#fff000; font-size:12px; padding-top:10px; text-align:justify}
.product-txt{font-size:12px; color:#FFF; text-align:justify}

/*Paging*/
.paging{color:#322825; font-size:14px; letter-spacing:2px; font-weight:bold}
.paging a:link, .paging a:visited, .paging active
{color:#fff000; font-size:13px; letter-spacing:2px; text-decoration:none; font-weight:lighter}
.paging a:hover{color:#fff000; font-size:14px; letter-spacing:2px; font-weight:bold}

/*Contact*/
.contact, .contact a:link, .contact a:visited, .contact a:active
{ font-size:12px; font-weight:bold;  color:#000; padding:10px 0px 10px 0px; text-decoration:none}
.contact a:hover{ font-size:12px; font-weight:bold; color:#000; padding:10px 0px 10px 0px; text-decoration:underline}

#context
{
	min-width:1008px;
	margin:20px 0 0 0;
	width:100%;
	/*height:560px;*/
	height:100%;
	/*border: 1px solid #FFF;*/
}

#controller
{
	float:left;
	width:705px;
	/*border: 1px solid #FFF;
	width:460px;
	*/
}

#product_list
{
	float:left;
	width:100%;
	height:588px;
	/*border: 1px solid #FFF;*/
}

#product
{
	float:left;
	width:79px;
	margin-top:12px;
	margin-right:10px;
}

#item
{
	float:left;
	width:67px;
	padding:5px;
	text-align:center;
	background-color:#9FA0A0;
	border:1px #fff solid;
}

#img_container{
	overflow:hidden;
	vertical-align:middle;
}

#item img
{
	/*width:44px;*/
	height:85px;
	width:auto;
}

#item a
{
	color:#FFF;
	text-decoration:none;
}

#item_name
{
	display:block;
	float:left;
	width:100%;
	color:#000;
	text-align:center;
	padding:10px 0 10px 0;
	/*border:1px #EEEEEE solid;*/
}


#page_control
{
	display:block;
	float:bottom;
	font-size:14px;
	text-align:center;
	color:#999999;
}


#current_page
{
	color:#322825;
}

#page_control a 
{
	color:#999999;
	text-decoration:none;
}

#page_control a:hover 
{
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}


#showcase
{

	float:left;
	width:295px;
	height:558px;
	margin-top:10px;
	/*border:1px #d7d7d7 solid;*/
	margin-left:5px;

}

#item_photo
{
	display:table;
	text-align:center;
	padding:25px 25px 25px 25px;
	background-color:#9FA0A0;
	border:1px #fff solid;
	/*height: 371px;*/
	max-height:60%;
	/*line-height:8em;*/
	#position: relative; overflow: hidden;
	width:245px;
	height:371px;
}

#item_photo img
{
	max-width:100%;
	/* Resize the image for IE6 */
	/*width: expression(this.width > 550 ? 550 +"px": true);*/
}

#item_info
{
	float:bottom;
	padding-top:15px;
}

#item_no
{
	float:left;
	width:75px;
	height:100%;
	display: table-row;
	text-align:left;
}

#img_container1{
	display: table-cell;
	overflow:hidden;
	vertical-align:middle;
}

#item_desc
{
	float:left;
	width: 220px;
	height:100%;
	text-align:left;
}