.CatsCont
{
    float:left;
    font:12px/16px 'Open Sans', sans-serif;
	font-weight:400;
    margin:0;
    margin-bottom:10px;
    margin-left:5px;
    display:none;
}
#ProdsCont
{
    margin-top:10px;
    
    min-height: 312px;
    height: auto !important;
    height: 312px;
}
#parentTitCon
{
    background-image: url('../images/SectionTit.png');
    background-position:16px 0;
    background-repeat:no-repeat;
}
#parentTitles
{
    height:18px;
    line-height:18px;
    padding:5px 0;
    font:bold 14px 'Source Sans Pro'; 
    color:#006cb8;
    text-align:left;
}
#parentTitles a
{
    padding:0 4px;
    text-decoration:none;
}
#prodFilterCon
{
    padding:10px;
    background-color:#e1e1e1;
    font-family: 'Source Sans Pro';
    font-size:14px;
    position:relative;
}
#prodFilterTit {
    color: black;
    font-weight: bold;
}
#prodFilterBtnCon
{
    float:left;
    margin-left:10px;
}
#prodFilterBtnCon input
{
    cursor:pointer;
    font-family:'Source Sans Pro';
}
#btnApplyFilter
{
    height:30px;
    margin-bottom:10px;

    background: #9EBCCE;
    background-image: -webkit-linear-gradient(top, #9EBCCE, #6190A9);
    background-image: -moz-linear-gradient(top, #9EBCCE, #6190A9);
    background-image: -ms-linear-gradient(top, #9EBCCE, #6190A9);
    background-image: -o-linear-gradient(top, #9EBCCE, #6190A9);
    background-image: linear-gradient(to bottom, #9EBCCE, #6190A9);
    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 20px;
    outline:none;
}
#btnApplyFilter:hover
{
  background-image: -webkit-linear-gradient(top, #9EBCCE, #2F7597);
  background-image: -moz-linear-gradient(top, #9EBCCE, #2F7597);
  background-image: -ms-linear-gradient(top, #9EBCCE, #2F7597);
  background-image: -o-linear-gradient(top, #9EBCCE, #2F7597);
  background-image: linear-gradient(to bottom, #9EBCCE, #2F7597);
  cursor:pointer;
}
#btnClearFilter
{
    outline:none;

    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    font-size: 14px;
    padding: 4px 20px;
    outline:none;

    background: #cfcfcf;
    background: -moz-linear-gradient(left, #cfcfcf 0%, #c4c4c4 0%, #e6e6e6 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #cfcfcf), color-stop(0%, #c4c4c4), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(left, #cfcfcf 0%, #c4c4c4 0%, #e6e6e6 100%);
    background: -o-linear-gradient(left, #cfcfcf 0%, #c4c4c4 0%, #e6e6e6 100%);
    background: -ms-linear-gradient(left, #cfcfcf 0%, #c4c4c4 0%, #e6e6e6 100%);
    background: linear-gradient(to right, #cfcfcf 0%, #c4c4c4 0%, #e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#e6e6e6', GradientType=1 );
}
#btnClearFilter:hover
{
    background: #f5f5f5;
    background: -moz-linear-gradient(left, #f5f5f5 0%, #ebebeb 0%, #ffffff 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f5f5f5), color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #f5f5f5 0%, #ebebeb 0%, #ffffff 100%);
    background: -o-linear-gradient(left, #f5f5f5 0%, #ebebeb 0%, #ffffff 100%);
    background: -ms-linear-gradient(left, #f5f5f5 0%, #ebebeb 0%, #ffffff 100%);
    background: linear-gradient(to right, #f5f5f5 0%, #ebebeb 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=1 );
}
#prodFiltersCon
{
    float:left;
}
#prodFiltersCon .filtCon
{
    float:left;
    margin:10px;
}
#prodFiltersCon .filtTit
{
    margin-bottom:4px;
    color: black;
}
#prodFiltersCon select
{
    font-family: 'Source Sans Pro';
    font-size:14px;
}
#CatDescCon
{
    font-family: 'Source Sans Pro';
    font-size:14px;
    margin:20px 10px;
    line-height:16px;
}
/***************************/
.progressCon
{
  background-color:black;
  width:0;
  height:2px;
  transition: width 0.5s ease-in-out;
  position:absolute;
  bottom:0;
  left:0;
}
/********************************************/
/* Product List */
.ProdCont
{
    font-family: 'Source Sans Pro';
}
.ProdCont .ProdNameCon
{
    clear:right;
    background-image: url('../images/SectionTit.png');
    background-position:16px 0;
    background-repeat:no-repeat;
    height:28px;
    margin-bottom:8px;
    line-height:28px;
    font-size:14px;
    font-weight:bold;
}
.ProdCont .ProdNameCon .ProdNameLink
{
    display:block;
    text-decoration:none;
    color:black;
}
.ProdCont .ProdImgCon
{
    float:left;
    width:400px; height:200px;
}
.ProdCont .ProdRightCon
{
    float:left;
    padding-left:10px;
    font-size:14px;
    color:black;
    width:595px;
}
    .ProdCont .ProdProps
    {
        font-size:14px;
        color:black;
        padding-right:5px;
    }
    .ProdCont .ProdDetLink
    {
        display:inline-block;
        margin: 15px 0;      
        text-align:center;
        font-size:13px;
        font-weight:bold;
        border:solid 1px #ccc;
        padding:2px 10px;
        text-decoration:none;
        color:#832A2D;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
   
    .ProdCont .PhotosCon
    {
        margin-top:15px;
        float:right;
    }
    .ProdCont .ProdPhoto1
    {
        float:left;
        margin-top:8px;
        margin-right:8px;
        max-width:85px;
        min-height:105px; /* Min. height for 3 rows of text. If heights vary then floats will scatter. */
    }
    .ProdCont .ProdPhoto1ImgCon
    {
        width:85px;
        height:50px;
    }
    .ProdCont .ProdPhoto1Tit
    {
        overflow:hidden;
        text-align:center;
        font-size:12px;
        line-height: 18px;
        color:#707070;
    }
    .ProdCont .ProdExtraCon
    {
        font-size: 14px;
        color: black;
        font-style: italic;
        padding-left: 10px;
        padding-bottom: 20px;
    }
/********************************************/
/* Product Detail */
#ProdDetCont
{
    font-family: 'Source Sans Pro';
}
#ProdNameCon
{
    clear:right;
    background-image: url('../images/SectionTit.png');
    background-position-x:16px;
    background-repeat:no-repeat;
    height:28px;
    margin-bottom:8px;
    margin-left:16px;
    line-height:28px;
    font-size:14px;
    font-weight:bold;
    color:black;
}
#ProdDetImgCon
{
    float:left;
    width:400px; height:200px;
}
#ProdRightCon
{
    /*float:left;*/
    min-height:200px;
    padding-left:10px;
    font-size:14px;
    color:black;
    display:table;
    position:relative;
    width:595px;
}
#ProdPropsCon
{
    float:left;    
    font-size:14px;
    color:black;
    padding-right:5px;
    /*display:table-cell;
    vertical-align:bottom;*/
}
#ProdExtraCon {
    font-size: 14px;
    color: black;
    font-style: italic;
    padding-left: 10px;
}
.propCon
{
    line-height:20px;
}
    .propCon .propTit
    {
        float:left;
    }
    .propCon .propVal
    {
        float:left;
        margin-left:4px;
    }

#PhotosCon
{
    /*display:table-cell;
    vertical-align:bottom;
    position:relative;
    left:20px;
    max-width:372px;
        */    
    margin-top:20px;
    float:right;
}
#PhotosCon .ProdPhoto1
{
    float:left;
    margin-top:8px;
    margin-left:8px;
    max-width:85px;
    min-height:105px;
}
#PhotosCon .ProdPhoto1ImgCon
{
    width:85px;
    height:50px;
}
#PhotosCon .ProdPhoto1Tit
{
    overflow:hidden;
    text-align:center;
    font-size:12px;
    line-height: 18px;
    color:#707070;
}
#ProdDetDescTitCon
{
    clear:right;
    background-image: url('../images/SectionTit.png');
    background-position-x:16px;
    background-repeat:no-repeat;
    height:28px;
    margin-top:10px;
    margin-bottom:15px;
    margin-left:16px;
    line-height:28px;
    font-size:14px;
    font-weight:bold;
    color:black;
}
#ProdDetDesc
{
    margin-top:20px;
}
.ProdTechImgCon
{
    font-size:12px;
    margin-bottom:10px;
    float:left;
}
.ProdTechImgCon .ProdTechImg
{
    width:328px;
    margin-left:7px;
}
.ProdTechImgCon .ProdTechImgTit
{
    margin:6px 0;
    text-align:center;
    color:black;
}

/*****/
/*#ProdDetDesc .techTable tr:first-child */
#ProdDetDesc table
{
    border-collapse:collapse;
}
#ProdDetDesc table thead th
{
    border:solid 1px #ccc;    
    text-align:center;
    padding:4px;
}
#ProdDetDesc table td
{
    border:solid 1px #b7b7b7;
    text-align:center;
    padding:4px 0;
}
#ProdDetDesc table thead tr
{
    background-color:#2E7797;
    color:white;
}
#ProdDetDesc table thead th.vert {
    white-space:nowrap;
    height:120px; /* Initial height, real heights calculated by script. */
    text-align:left;
    vertical-align:bottom;
    padding-top:30px; /* Must be at least 15px for div's padding-left. */
    padding-bottom:15px;
}
    #ProdDetDesc table thead th.vert > div {
        width:15px;
        height:15px;        
        line-height:15px;
        display:block;
        transform: rotate(-90deg);
        /* Transform origin is 50% 50% by default so, percentage of outer width(which excludes margin).
           So, it is computed as; (15px+15px)/2 15px/2 -> 15px 7.5px */
        /*transform-origin:50% 50%;*/
        /*margin:auto;*/
    }
    #ProdDetDesc table tbody tr:nth-child(2n)
    {
        background-color: #E5E5E5;
    }
    #ProdDetDesc table tbody tr:nth-child(2n+1)
    {
        background-color: #D2D2D2;
    }
/********************************************/

/* 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;    
    width:100%;
    line-height:30px;
    color:#707070;
    text-align:left;
}
.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:center;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #005aab;
    display: block;
}
.brandName
{
    font:12px Verdana;
    padding:6px 0;
}
.prodName
{
	text-decoration:none;
	text-align:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666;    
	float:left;
	width:362px;
	line-height:18px;
}
.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;
}
#ProdDetBtnCon
{
    float:right;
}
.ProdDetBtn
{
    margin-right:1px;
    float:left;
    border:solid 1px transparent;
    box-shadow: 0 0 3px transparent;
}
.ProdDetBtn:hover
{    
    -moz-box-shadow: 0 0 3px #666; 
    -webkit-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
    cursor:pointer;
}
.ProdDetBtn img
{
    border:0;
}
.ProdDetBtn_IE
{
    padding:1px;
}
.ProdDetBtn_IE:hover
{
    border:solid 1px #ccc;
}
.selTVNode a {
    color: #CC0000 !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:normal;
    color: #666666;
	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
{
    width: 135px;
    margin-top: 13px;
}
#tblTabs tr {
    height: 46px;
}
#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;
}
#tabContent
{
    border:solid 1px #DBDBDB;
    padding: 15px 2px 15px 3px;
    font:12px Verdana;
	border-radius: 1px;
/*	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);*/
}
/*### End of Tab Styles ###*/
.pagingCon
{
    margin:25px; color: #CC0000;
    text-align:left;
}