@font-face {
  font-family: 'Segoe Condensed';
  src: url('../../../Fonts/segoe.eot?#') format('eot'),
       url('../../../Fonts/segoe.ttf') format('truetype');
}

.SDivProdMain
{
    width: 1260px;
    height: auto;
    text-align: left;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SDivProdItemMain
{
    float: left;
    width: 315px;
    height: auto;
    padding-bottom: 30px;
}
.SDivProdItem
{
    width: 310px;
    height: auto;
    text-align: left;
    border: solid 2px Transparent;
    cursor: pointer;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SDivProdItem:hover
{
    width: 310px;
    height: auto;
    text-align: left;
    border: solid 2px #A0A0A0;
    cursor: pointer;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.SDivProdItemPic
{
    width: 290px;
    height: 290px;
    /*background-color: #FFFFFF;*/
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin: 9px 0px 9px 9px;
    /*border: solid 1px #E0E0E0;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.SDivProdItemTitle
{
    width: 100%;
    padding: 5px 0px 20px 0px;
    text-align: center;
    font-family: 'Segoe Condensed';
    font-size: 20px;
    color: #000000;
}
.SDivProdItemPicDetail
{
    /*width: 500px;*/
    margin-right: 10px;
    border: solid 1px #E0E0E0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SDivProdItemPicDetailTD
{
    width: 410px;
}
.SDivProdItemSchDetail
{
    width: 100%;
    max-width: 950px;
}

@media screen and (min-width:0px) and (max-width:1300px)
{
    .SDivProdMain
    {
        width: 840px;
    }
    .SDivProdItemMain
    {
        width: 420px;
    }
    .SDivProdItem
    {
        width: 410px;
    }
    .SDivProdItem:hover
    {
        width: 410px;
    }
    .SDivProdItemPic
    {
        width: 390px;
        height: 390px;
    }
    .SDivProdItemPicDetail
    {
        /*width: 400px;*/
    }
    .SDivProdItemPicDetailTD
    {
        /*width: 410px;*/
    }
}

@media screen and (min-width:0px) and (max-width:960px)
{
    .SDivProdMain
    {
        width: 420px;
    }
    .SDivProdItemPicDetail
    {
        width: 200px;
    }
    .SDivProdItemPicDetailTD
    {
        width: 210px;
    }
}









.SModelMain
{
    width: 1200px;
    height: auto;
    text-align: left;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SModelMainItem
{
    float: left;
    width: 280px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: White;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.SModelTitle
{
    width: 250px;
    height: auto;
    margin-left: 15px;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: solid 1px #E0E0E0;
    font-family: 'Segoe Condensed';
    font-size: 22px;
    color: Black;
}




.SModelCat
{
    float: right;
    width: 125px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
    background-color: Transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SModelCat:hover
{
    float: right;
    width: 125px;
    height: 25px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #ECECEC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.SModelCatLogo
{
    float: right;
    width: 15px;
    height: 25px;
    background-image: url('../../ImagesEN/Sign-PDFs.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
    margin-right: 10px;
}
.SModelCatText
{
    float: right;
    width: 90px;
    height: 20px;
    padding-top: 5px;
    text-align: right;
    font-family: 'Segoe Condensed';
    font-size: 14px;
    color: White;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SModelCat:hover .SModelCatText
{
    color: #003399;
}








.SModelSch
{
    float: left;
    width: 125px;
    height: 25px;
    margin-left: 10px;
    cursor: pointer;
    background-color: Transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SModelSch:hover
{
    float: left;
    width: 125px;
    height: 25px;
    margin-left: 10px;
    cursor: pointer;
    background-color: #ECECEC;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.SModelSchLogo
{
    float: left;
    width: 15px;
    height: 25px;
    background-image: url('../../ImagesEN/Sign-Gallery.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
    margin-right: 10px;
}
.SModelSchText
{
    float: left;
    width: 90px;
    height: 20px;
    padding-top: 5px;
    text-align: left;
    font-family: 'Segoe Condensed';
    font-size: 14px;
    color: White;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.SModelSch:hover .SModelSchText
{
    color: #003399;
}



@media screen and (min-width:0px) and (max-width:1300px)
{
    .SModelMain
    {
        width: 900px;
    }
}


@media screen and (min-width:0px) and (max-width:1050px)
{
    .SModelMain
    {
        width: 600px;
    }
}