/*!
 * Ext JS Library 3.2.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
select{
	font-size:11px;
}
.image-tip{
	padding:4px;
	height:98px;
	white-space:nowrap;
}
.image-tip img {
	margin-right:10px;
	border:2px solid #083772;
}
.image-tip b{
	color: #083772;
	display: block;
	margin-bottom: 4px;
}
.image-tip span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
#view{
	background-color:#A4A4A4!important; /* FFFFFF */
	padding-top:3px;
	padding-left:3px;
}
#images{
	background: url( ./tree/center-bg.gif ) repeat-x top left; /* #fff */
	font: 11px Arial, Helvetica, sans-serif;
}
#images .thumb{
	background: #dddddd;
	padding:3px;
	border: 1px solid #BABABA ;
        width:172px;
}
#images .thumb img{
	border:1px solid #BABABA;
	height: 102px;
	width: 170px;
	outline:0;
}
#images .thumb-wrap{
	/*float: left;*/
	padding-top: 4px;
	padding-bottom: 1px;
	margin-right:2px;
	margin-bottom:2px;
	background: #A4A4A4;  /* FFFFFF; */
          background-image:url(./tree/tile-over-bg.gif); background-repeat:no-repeat;
	border:0px solid #FFFFFF;
        width:188px;
        height:146px;
        cursor:pointer;
}
#images .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
	font-size:11px;
	white-space:nowrap;
	width:180px;
        padding-left:4px;
}
#images .thumb-wrap .thumb-price{
	display: block;
	overflow: hidden;
	text-align: center;
        padding-left:4px;
	color:#008098;
}


#images .x-view-selected {
        /* background:#C8F4FF!important;border:1px solid #A0E0F0!important;*/
        background-image:url(./tree/tile-sel-bg2.gif)!important; background-repeat:no-repeat!important;
        border:0px;
        cursor:default!important;
}

#images .x-view-over { /* product hover */
        /*background:#F4F4F4; border:1px solid #E8E8E8;*/     
        background-image:url(./tree/tile-bg.gif); background-repeat:no-repeat;        
}

#images .x-view-selected .thumb{	
        background: #D0D0D0; /* #5080a8; #8db2e3; */
        border: 1px solid #A0A0A0;
}
#images .x-view-selected span{
	font-weight:bold;
        color:white;
}
#images .x-view-selected .thumb-price{
	font-weight:bold;
        color:#B8F0FF!important;
}
#images .loading-indicator {
	font-size:8pt;
	background-image:url(../ext3/resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
.x-dd-drag-proxy .multi-proxy .thumb-img{
	height: 20px;
	width: 30px;
	margin:1px;
}
.x-dd-drag-proxy .thumb-img{
	height: 102px;
	width: 170px;
}

/* tree */
/*.x-tree-node{ font-size: 11px; font-weight:bold;}*/
.x-tree-node-el { line-height:18px;}*/

.image-node .x-tree-node-icon{
	margin-bottom:1px;
	height:15px;
}
.x-tree-node-leaf .x-tree-node-icon {
	/*background-image:url(./tree/tree-leaf2.gif);*/
	background-image:url(./tree/tree-closed2.gif);
}
.x-tree-node-expanded .x-tree-node-icon 
{
	background-image:url(./tree/tree-open2.gif);
}
.x-tree-node-collapsed .x-tree-node-icon 
{
	background-image:url(./tree/tree-closed2.gif);
}
.x-tree-selected {
	/*background:#C8F4FF!important;*/
	background:#5A5A5A!important;
	line-height:19px!important;
}
.x-tree-selected span{
	color:#FFFFFF!important;
	/*line-height:19px!important;*/
	font-weight:bold;
}
.album-node .x-tree-node-icon, .album-btn{
    background-image:url( ./tree/album.gif) !important;
}
.refresh-btn {
    background-image:url( ./tree/refresh.gif) !important;
}
.expand-tree-btn {
    background-image:url( ./tree/tree-expand.gif) !important;
}
#tree .x-panel-body {
    background-color: #A4A4A4;
}
#folders{
	position:relative;
}

.categpath-span{
    color:#989898!important;
    font-size:12px;
    cursor:pointer;
    font-family: Arial, Helvetica, Sans-serif, Verdana;
}

.categpath-sep{
    color:#686868!important;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
}

.topcategpath-span{
    color:#707070!important;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    cursor:pointer;   
}
.topcategpath-last{
    color:#202020!important;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    font-weight:bold!important;    
}
.topcategpath-sep{
    color:#A0A0A0!important;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
}


.product-name{
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    font-weight:bold;
    color:white;
}

.attr-label{
    color:#111;
    text-align:left; /* right */
    font-weight:bold;
    vertical-align:top;
    padding-right:10px;    
    padding-left:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
}
.attr-value{
    color:#000;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
}
.attr-price{    
    color:#008098;
    font-size:12px;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
}

.close-btn {
    background-image:url( ./tree/close2.gif) !important;
}

.expand-btn {
    background-image:url( ./tree/expand.gif) !important;
}

.collapse-btn {
    background-image:url( ./tree/collapse.gif) !important;
}


.attr-row1 {
    background:#FCFCFC;
}
.attr-row2 {
    background:#E8E8E8;
}
.attr-table {
    border: 1px solid #BBB;
    margin-top:8px;
    margin-right:8px;
}

.product-img {
    height:100%;
    max-width:100%;
    _width:expression(this.clientWidth>pimg.clientWidth?pimg.clientWidth:true); /* IE fix for max-width */
}
.product-header 
{
    background-image:url(./tree/detail-bg2.gif)!important;
}
.product-header-span {
    color:white; /* #000; */
    font-weight:bold!important;   font-size:12px!important;   font-family: Arial, Helvetica, Sans-serif, Verdana;
    position:relative;top:-2px;
}


#phdr {
    width:100%!important;
}
#phdr .x-panel-body {
    background-color:#F0F0F0!important;
}
.tab-photo 
{
    background-image:url(./tree/photo_disabled.gif);
    _background-image:url(./tree/photo.gif); /* IE flickers with disableds */
}
.x-tab-strip-active .tab-photo
{
    background-image:url(./tree/photo.gif)!important;
}
.tab-specs
{
    background-image:url( ./tree/list_disabled.gif);
    _background-image:url( ./tree/list.gif) /* IE flickers with disableds */;
}
.x-tab-strip-active .tab-specs
{
    background-image:url( ./tree/list.gif)!important;
}