#thecontent {
    display: block;
	position: relative;
    /*margin-top: -168px;
    /* background: url("images/content.png") repeat; */
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    padding: 10px;
}
.products {
    overflow: none;
    position: relative;
}

.products .left {
	float: left;
	width: 254px;
	/*min-height: 610px;*/
}
.products .productmenu  {
	float: left;
	width: 254px;
	/*min-height: 510px;*/
	z-index: 20;
	margin-bottom: 30px;
}
.products .productmenu .title {
	height: 30px;
	font-size: 0.95em;
}

.products .productmenu .title a {
	/*color: #ffffff;
	background: #00aeef;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 4px;
	margin: 0 0 10px 0;*/
	display: block;
    padding: 7px 3px;
    padding-left: 14px;
    background: url("images/icons/smenu.png") no-repeat left;
	font-size: 14px;
	/*font-weight: bold;*/
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #BBB;
}
.products .productmenu .title.active a {
	display: block;
    padding: 7px 3px;
    padding-left: 14px;
    background: url("images/icons/smenu.png") no-repeat left;
	font-weight: bold;
	color: #888;
}
.products .productmenu .title.img a {
	padding: 0;
}
/*.products .productmenu .title.active a,
.products .productmenu .title.ui-state-active a {
	background: #bcbdc0;
}*/
.products .productmenu .items.ui-accordion-content-active {
    display: block !important;
}
.products .productmenu .items a {
	display: block;
	
	height: 16px;
	line-height: 16px;
	color: #bcbdc0;
	margin: 0 0 10px 0;
}


.products .productsubmenu {
    z-index: 99;
    float: left;
	width: 164px;
	height: 100px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.products .productsubmenu a {
	display: block;
	height: 25px;
	width: 164px;
	color: #636466;
}

.titleban {
	float: right;
	margin-top: -6px;
}
.menuban {
	margin-left: -10px;
}

.products .productlist {
	float: right;
	clear: right;
	margin-right:50px;
	width: 688px;
}
.products .productlist .product {
	float: left;
	width: 304px;
	height: 136px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	padding:10px;
	background-color:#FFF;
	border:#CCC dotted 1px;
	-moz-box-shadow: 2px 2px 4px #bbb;
	-webkit-box-shadow: 2px 2px 4px #bbb;
	box-shadow: 2px 2px 4px #bbb;
}
.products .productlist .product .info, .products .productlist .product .ifancybox {
    /*color: #fff;
    background-color: #00aeef;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px 4px;*/
	/*display: block;
	float: right;*/
	font-size: 11px;
	padding: 4px 10px;
	margin: 6px;
	color: #FFF;
	background: #0066FF;
	text-shadow: 1px 0 1px rgba(0,0,0,0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: uppercase;
}
.description h4{
	color: #06F;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	text-shadow: 0.1em 0.1em #FFF;
	line-height:22px;
	display:block;
	padding:0;
	margin-bottom:10px;
}
.products .productlist .product .img {
	width: 96px;
	height: 136px;
	overflow: hidden;
	float: left;
	margin: 0 10px 0 0;
    
    background: #636466;
}
.products .productlist .product .active {
    background: none;
}
.products .productlist .product .description {
	margin:0 0 7px 0;
	padding:10px 10px 10px 0; 
}
.products .productlist .product .description h3 {
	color: #636466;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	
	margin: 0 0 12px 0;
}

.products .pagination {
	clear: both;
	text-align: center;
	padding:10px 0 0 0;
}
.products .pagination img {
	margin:5px 10px 0 10px;
}
.products .pagination a {
	color: #06F;
	font-weight: bold;
	vertical-align:middle;
}
.products .pagination a.active {
	color: #06F !important;
}
.products .pagination a:visited {
    color: #636466;
}

/*   popup   */

.productdialog {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
    background: #fff;
    color: #636466 !important;
}
.productdialog .textcol {
    color: #636466 !important;
}
.productdialog .imgcol {
    float: left;
    background: #636466;
}
.productdialog .imgcol .list_img {
    float: left;
	display: none;
}
.productdialog .imgcol .imgnav {
	position: relative;
	top: -20px;
	left: 5px;
}
.productdialog .imgcol .imgnav a {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	
	background: #00aeef;
	color: #ffffff;
	margin: 0 5px 0 5px;
	
	display: block;
	float: left;
}
.productdialog .textcol {
    height: 480px;
	/*width: 210px;*/
	width:280px;
    float: left;
    
    overflow: auto;
    padding: 6px 25px 25px 25px;
    color: #ffffff;
	overflow: hidden;
}
.productdialog .jScrollPaneContainer {
	margin: 19px 0 0 0;
	width: 341px;
}
.productdialog.different .jScrollPaneContainer {
	margin: 19px 0 0 0;
	width: 481px;
}
.productdialog.different {
    width: 500px;
}
.productdialog.different .textcol {
    width: 450px;
	padding: 6px 25px 25px 25px !important;
}
.productdialog.different .imgcol {
    display: none;
}
.ie6 .productdialog .textcol {
    width: 468px;
    height: 511px;
}
.productdialog .textcol h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 12px;
    text-transform: uppercase;
}
.productdialog .actions {
    width: 19px;
    height: 530px;
    position: absolute;
	
    right: 0px;
	top: 0;
    
    overflow: hidden;
}

#mask {
    position: absolute;
    left: -154px;
    top: -318px;
    z-index: 9000;
    background: #000000;
    display: none;
}