.CatsCont
{
    float:left;
    font:11px/16px sans-serif;;
	font-weight:bold;
    margin:0;
    margin-bottom:10px;
    margin-left:5px;
}
.ProdsCont
{
    float:left;
    width:727px;
    margin-left:10px;
    margin-top:10px;
    min-height: 312px;
    height: auto !important;
    height: 312px;
}
/* color setting */
.prodInfTitle
{
    color: #00649B;
	font-weight:bold;
}
.tvCats, .tvCats tr
{
    width: 252px;
}
/* catNode only represents the node cell (not including the expand/collapse cell) so ".tvCats tr" is used to access the whole row for setting background image. */
.tvCats tr
{
    background-image:url(../images/LMenuItem.png);
    display: block; /* For Chrome bug. Also, width must be given explicitly for the row otherwise it does not work. */
}
.tvCats tr td
{
    *background-position:-1px; /* ie7 & below, for 1px gap. */
}


.catNode a
{
    cursor:pointer;
    display:block;
    height:100%;
    width:100%;
    line-height:30px;
    color:#003366;
}
.tvCats tr:hover
{
    background-image:url(../images/LMenuItemOver.png);
}
.tvCats td:hover
{
    *background: url(../images/LMenuItemOver.png) no-repeat center right; /* ie7 & below */
}

.tvCats a /* for exp/collapse img. */
{
}
.tvCats
{
    overflow: hidden; /* auto: shows horiz. scroller, when text overflows */
}
.prod
{
	text-decoration:none;
	text-align:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #900;
}
.brandName
{
    font:12px Verdana;
    padding:6px 0;
}
.prodName
{
	text-decoration:none;
	text-align:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #236f7c;    
}
.prodNameLnk
{
    color: #464646;
}
.prodInf
{
	font:12px Verdana;
	color: #900;
}
.prodPrice
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;    
	line-height:20px;
    text-align:center;
    background-color:#EFF0F2;
    color: #cc0000;
    margin:0 10px;
}
.selTVNode a {
    color: #AC3500 !important;
    font-weight: bold;
    text-shadow: 1px 1px white;
}
.selTVNode a:before
{ 
    content:'\00bb\00a0'; /* »  */
}
/*### Product Detail Styles ###*/
.prodDet
{
    color:#fff;
}
.prodDet .prodDesc
{
	text-align:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:bold;
    color: #1b5d73;
	text-align:justify;
	line-height:20px;
	background:url('../images/urunAciklamaBackLogo.jpg') no-repeat center top;
}
.prodDet .prodDoc a
{
    margin:20px 0;
    text-decoration:none;
    color: #ED1B23;
}
/*### End of Product Detail Styles ###*/

#prodVid .vidTit
{
    color: #135881;
    font-size: 12px;
    font-weight: bold;
    width:200px;
    height:60px;
    overflow:hidden;
}
#prodVid .vidDt
{
    color: #999999;
    font-size: 9px;
    float: right;
}
#prodVid .vidFrame
{
    border:solid 1px #eeeeee;
}
#prodVid .vidImgCon
{
    width:212px; height:150px;
}
#prodVid .vidInfo
{
    margin: 4px;
    padding: 20px 6px;
    float: left;
    width: 216px;
    height: 210px;
    border: solid 1px #013B65;
}

/*### Tab Styles; IE6+, Chrome, Firefox, Opera. ###*/
/* image must be left aligned by its attribute, align="left". other alignments do not work in IE6-7.*/
#tblTabs, #tabContentCon
{
    width:727px;
}
#tblTabs a
{
    display:block;
	position: relative; /* for full clickable area */
	z-index: 1;         /* for full clickable area */
	height:37px;        /* for ie6,7. */
	
    background-color:#d0d0d0;;
    color:#FFF;
    font:bold 11px/37px Verdana;
    text-decoration:none;

    border-bottom:solid 5px #596a7e;
}
#tblTabs img
{
    border:0;
}
#tblTabs td
{
    cursor:pointer;
}
#tblTabs a:hover, #tblTabs a.selTab
{
    background-color:#BFBFBF;
    color:#1558A2;
}
#tblTabs a.selTab
{
    border-color: #900;
}
#tblTabs a:hover
{
    border-color: #900;
}
#tabContentCon #tabContent
{
    border:solid 1px #DBDBDB;
    padding: 15px 2px 15px 3px;
    font:12px Verdana;
}
/*### End of Tab Styles ###*/