﻿html {-ms-overflow-style: scrollbar;}

.HTCon {float: left; width: 100%; text-align: justify}

#regWhite .Inner {overflow: hidden}
#regWhite H1 {font-family: 'Source Sans Pro'; font-weight:300;}

.ProdHead {background-color: #fff; padding: 2%;}
.ProdCon  {width:30%; text-align: center; margin: 2% 5% 2% 0; float: left;}
.App {width:100%; margin: 2% 5% 2% 0; float: left;}
.ProdCon:nth-child(3n) {margin-right: 0}
.ProdCon img {width: 25%}
.App img {width: 100%}
#regGrey h2 {height: 60px; padding: 0 2%; font-size: 1.2em; display: table-cell; vertical-align: middle; width: 1%;}
.ProdTxtWrap {background-color: #FFF;font-family: 'Source Sans Pro'; font-weight:200;}
#regGrey a {font-family: 'Source Sans Pro'; font-weight:200;}
.ProdTxtWrap a h2 {background-color: #FFF;font-family: 'Source Sans Pro'; font-weight:200;}
#regHeader { width: 100%;background: #ffffff;}
#regGrey .ProdCon:hover a {color: #000; font-family: 'Source Sans Pro';}
#regBodyContent {font-family: 'Source Sans Pro'; font-weight:200;}
#regTopMenuBar .menuLinks a {font-family: 'Source Sans Pro'; font-weight:300;} 
#regTopMenuBar .menuLinks ul li ul li a {font-family: 'Source Sans Pro'; font-weight:200;} 
#regTopMenuBar {background: #565656;padding: 0 1%;background-image: url('/Uploaded/Image/SSG/SSGTopStrip.png');background-repeat: repeat-x;}
#regTopMenuBar .menuLinks ul li ul {font-family: 'Source Sans Pro'; font-weight:200;background: #d6291c;}  
#regTopMenuBar .menuLinks ul li ul li {font-family: 'Source Sans Pro'; font-weight:200;}  
#regTopMenuBar .menuLinks ul li.selected {font-family: 'Source Sans Pro'; font-weight:300;background: #d6291c;}  
#regTopMenuBar .menuLinks ul li:hover { background:#d6291c }
#regTopMenuBar .menuLinks ul li ul li:hover { background:#}
#regHeader .SolidWorks .Suffix {visibility:hidden;}
#regHeader .SolidWorks img {max-width: 245px;height: auto;visibility:hidden;}
#regHeader .SolidWorks { background-image: url('/Uploaded/Image/SSG/portalSSGLogo.png');background-repeat: no-repeat;}
#regHeader .Logo { background-image: url('/Uploaded/Image/SSG/tri-colour.png');background-repeat: no-repeat;background-position: right;}
#regHeader .Logo .Cadtek {visibility:hidden;}
#regHeader .Logo .NT {visibility:hidden;}
#regHeader .Logo .SSM {visibility:hidden;}
#regHeader .Inner {background-color: #ffffff;}
.ProdConShadow {background-image: url('/Uploaded/Image/SSG/underShadow.png');background-repeat: no-repeat;opacity: 0.5;background-position: bottom;}

#regGrey .OfficeList h3{background:#565656}

@media (max-width: 1100px) {
.ProdCon {width:32%; margin-right: 2%}
.ProdTxt {height: 160px;}
}

@media (max-width: 980px) {
.HTCon {width: 100%;}
.HeroImg {display: none}
.ProdTxt {height: 185px; }
}

@media (max-width: 880px) {

.ProdCon {width:48%; margin-right: 4%}
.ProdCon:nth-child(3n) {margin-right: 4%}
.ProdCon:nth-child(2n) {margin-right: 0; margin-left: 0;}
.ProdTxt {height: 140px;}
}

@media (max-width: 680px) {
.ProdTxt  {height: 185px; }
}

@media (max-width: 555px) {
.ProdCon  {width:100%; margin: 5% 0}
.ProdCon:nth-child(3n) {margin-right: 0; }
.ProdCon:nth-child(2n) {margin-left: 0; margin-right: 0; }
.ProdTxt {height: auto;}
}
