/*
Framework
The following code provides the approved format of the
companies websites.
The first instance lays out the core structure, followed
by layers of additional css to provide content and furniture
styling
*/
/* The Site Structure */
@media screen, projection {
.BeNiceToMacIE5 {
font-family : "\"}\"";
font-family : inherit;
}
html, body {
min-width: 320px;
}
html, body, .container {
width : 100%;
height : 100%;
min-height : 100%;
}
html>body, html>body .container {
height : auto;
}
div.container {
/*position : absolute;*/
top : 0;
height : 100%;
left : 0;
}
.footer {
clear : both;
bottom : 0;
left : 0;
width : 100%;
min-height : 120px;
background : #3f3f3f;
/*overflow : hidden;*/
-pie-poll : true;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}
.sitepage {
margin-bottom : 130px;
padding : 0;
}
/* \*/
* html .footer {
position : absolute;
}
* html .sitepage {
}
/* \*/
head:first-child+body div.footer {
position : absolute;
z-index : 0;
}
head:first-child+body div.sitepage {
margin-bottom : 10px /*175px*/;
}
}
@media all and (min-width:0px) {
head~body {height : 100%;}
}
/* The Site Elements */
.clearFix
{
clear : both;
height : 0;
}
body {
font-family : Tahoma, Geneva, sans-serif !important;
font-size : 0.75em; /* 16px(base)/12(desired) = 0.75em*/
color : #191919;
color : #707373;
border-top : #00aaee solid 0px;
position : relative; /* Resets the origin point to BODY not HTML */
}
input, textarea
{
font-family : Tahoma, Geneva, sans-serif !important;
font-size:1em;
}
html {overflow-y : scroll;} /* Cleaver fix to permanently turn on scrollbar */
a {
text-decoration : none;
color : #009AE6;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
color : #333; /* H Tags are darker */
margin : 24px 0 10px 0;
padding : 0 0 0.2em 0;
border-bottom : #00aaee solid 1px;
line-height : 1.2em;
clear : both;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
font-weight:bold;
}
h1
{
font-size : 1.8em;
margin-top : 10px;
}
h2 {font-size : 1.6em;}
h3 {font-size : 1.5em;}
h4 {font-size : 1.4em;}
h5 {font-size : 1.2em;}
h6 {font-size : 1.1em;}
ul {list-style-type : square;}
blockquote, .keymessage {
border : #eee solid 1px;
border-color : #09b5f7;
border-top-width : 4px;
width : 300px;
padding : 0.5em 1.8em 0.6em 1.8em; /* Creating negative offset to account for P Tag having a bottom margin */
background : #fbfbfb;
background : #f6fdff; /* NSG SHADE */
float : left;
margin : 0 1.6em 1em 0;
}
blockquote table, .keymessage table, blockquote td, .keymessage td, blockquote tr, .keymessage tr {border:none;margin:0;}
blockquote tr:hover, .keymessage tr:hover {background:none;}
blockquote img, .keymessage img {float : right;} /* THIS IS A QUICK FIX remove keymessage when appropriate */
.greenmessage, .greenmessage h2 {border-bottom:0;} /* THIS IS A QUICK FIX */
table {
margin : 2em auto;
border : #eee solid 1px;
}
td, th {
padding : 0.6em 1.2em;
border-left : #eee solid 1px;
text-align : left;
}
caption {
/*caption-side : bottom;*/ /* Not working in IE */
text-align : center;
margin-top : 10px;
padding : 10px 0;
font-size : 0.9em;
border-top : #eee solid 1px;
}
th {
background : #009639;
border-bottom : #eee solid 3px;
color : #fff;
}
thead tr {
border-bottom : #dbdbdb solid 1px;
}
tr {border-bottom : #eee solid 1px;}
tr:hover
{
background : #fafafa;
cursor : default;
}
dl.dataListTable {
border-top : #ddd dotted 1px;
padding-top : 10px;
}
dl.dataListTable dt {
float : left;
clear : left;
width : 120px;
font-weight : bold;
}
dl.dataListTable dd
{
padding-left : 140px;
margin-bottom : 10px;
padding-bottom : 10px;
border-bottom : #ddd dotted 1px;
}
/* Use this for layouts on items */
.fiftyL
{
float : left;
width : 320px;
padding : 10px 10px 10px 0;
}
.fiftyR
{
padding : 10px 0 10px 10px;
float : right;
width : 320px;
}
.fiftyHolder:after
{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
margin-bottom : 20px;
}
.third
{
float : left;
width : 33%
}
/* This hides the borders on none tabulars */
.cleanTable,
.cleanTable td,
.cleanTable tr,
.cleanTable tr:hover
{
border : none !important;
background : none;
}
.cleanTable {
margin: 0;
}
.cleanTable td {
padding: 10px;
}
h1 {margin-top : 0;}
.pageHolder ul, .pageHolder ol {margin : 0 0 15px 24px;}
body, .pageHolder li, .pageHolder p {
line-height : 1.6em;
letter-spacing : 0.002em;
}
.pageHolder p {
margin : 0 0 1em 0;
}
.pageHolder a, .widget a {
color : #00aaee;
color : #009AE6;
border-bottom : #ccc dotted 1px;
padding-bottom : 2px;
}
.pageHolder a:hover {color : red;}
.imageAndText {
display : block;
position : relative;
padding-left : 240px;
margin-bottom : 20px;
min-height : 120px;
height : auto !important;
height : 120px;
}
.imageAndText img {
position : absolute;
top : 0;
left : 0;
}
.imageAndText li {margin-bottom : 6px;}
.header {
height : auto; /* Variable height */
position : relative;
padding : 86px 0 10px 0;
margin : 0 0 10px 0;
}
.logo {
position : absolute;
left : 30px;
top : 0;
width : 160px;
height : 94px;
height : 86px;
overflow : hidden;
background : url(img/logoBase.png) no-repeat top left;
background : url(img/logoBase.gif) no-repeat top left !important;
_behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE6.htc); /* for ie compatability */
-pie-png-fix : true;
text-align :center;
}
.logo a {
display : block;
width : 160px;
height : 94px;
}
.logo img {
border : none;
}
.searchBox
{
width : 159px;
padding : 8px 10px;
border : #dbdbdb solid 1px;
border-right : none;
-webkit-border-radius : 5px 0 0 5px;
-moz-border-radius : 5px 0 0 5px;
border-radius : 5px 0 0 5px;
color : #696969;
/* Truer Glass Effect */
background : -moz-linear-gradient(top, #f7f7f7 0%, #f4f4f4 14%, #ffffff 50%, #ffffff 89%, #fdfdfd 100%); /* FF3.6+ */
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(14%,#f4f4f4), color-stop(50%,#ffffff), color-stop(89%,#ffffff), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
background : -webkit-linear-gradient(top, #f7f7f7 0%,#f4f4f4 14%,#ffffff 50%,#ffffff 89%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
background : -o-linear-gradient(top, #f7f7f7 0%,#f4f4f4 14%,#ffffff 50%,#ffffff 89%,#fdfdfd 100%); /* Opera 11.10+ */
background : linear-gradient(top, #f7f7f7 0%,#f4f4f4 14%,#ffffff 50%,#ffffff 89%,#fdfdfd 100%); /* W3C */
-pie-background : linear-gradient(top, #f7f7f7 0%, #f4f4f4 14%, #ffffff 50%, #ffffff 89%, #fdfdfd 100%); /* IE */
-webkit-box-shadow : inset 0 0 10px #fff;
-moz-box-shadow : inset 0 0 10px #fff;
box-shadow : inset 0 0 10px #fff;
-pie-poll : true;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
position : absolute;
top : 0;
/* left : 0;*/
right : 40px; /* Accomodates the grid_6 change to toolnav */
}
.searchButton
{
padding : 5px 10px;
padding : 0;
border : #05abe0 solid 1px;
border-left : none;
height : 30px;
width : 40px;
margin : 0;
-webkit-border-radius : 0 5px 5px 0;
-moz-border-radius : 0 5px 5px 0;
border-radius : 0 5px 5px 0;
background : #05abe0;
background : -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0));
background : -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
background : -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
background : -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
background : linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
-pie-background : linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
position : absolute;
top : 0;
right : 0;
cursor : pointer;
text-align:center;
}
.searchButton:hover
{
border-color : #e23d06;
background : #e23d06;
background : -moz-linear-gradient(top, #fcb888 0%, #f79b59 40%, #e23d06 100%);
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb888), color-stop(40%,#f79b59), color-stop(100%,#e23d06));
background : -webkit-linear-gradient(top, #fcb888 0%,#f79b59 40%,#e23d06 100%);
background : -o-linear-gradient(top, #fcb888 0%,#f79b59 40%,#e23d06 100%);
background : -ms-linear-gradient(top, #fcb888 0%,#f79b59 40%,#e23d06 100%);
background : linear-gradient(top, #fcb888 0%,#f79b59 40%,#e23d06 100%);
-pie-background : linear-gradient(top, #fcb888 0%,#f79b59 40%,#e23d06 100%);
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}
.searchButton img {margin-top:8px;margin-left:-4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Fix for Webkit not rendering buttons properly... */
.searchButton {top : 2px;}
}
.searchButton span {display : none;}
.searchHolder
{
position : relative;
}
.toolnav {
margin-top : -80px;
text-align : right;
}
.toolnav ul
{
list-style : none;
margin : 0 0 10px 0;
padding : 0;
}
.toolnav li
{
display : inline;
}
.toolnav a
{
color : #ccc;
padding:0 0 0 8px;
}
.toolnav a:hover {color : #4a4a4a;}
/*
MAIN MENU
The menu which runs across the top of the website
*/
.mainmenu {
margin : 0 !important;
padding : 0 10px 0 30px !important;
list-style : none;
font-size : 1.1em;
height : 42px !important;
overflow : hidden;
}
.mainmenu li {
float : left;
line-height : 43px;
white-space : nowrap;
}
.mainmenu li a {
line-height : 43px;
display : block;
padding : 0 8px;
color : #5f5f5f;
}
.mainmenu li a:hover {color : #2b2b2b !important;}
.mainmenu li.selected a {
background : url(img/headerHover.jpg) repeat-x top left;
color : #fff;
}
.noSubNav {
height : 12px;
overflow : hidden;
background : #25a5e2 url(img/subNavBG.jpg) repeat-x bottom left;
margin : 0 10px 0 10px; /* Creates an indent from the Main Menu */
-webkit-border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
border-radius : 0 0 5px 5px;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}
div.nsgButtonLogo{
position: absolute;
right: 0px;
width: 98px;
height: 44px;
background : url(img/menu-bar-nsg.png) no-repeat center left;
}
div.nsgButtonLogo a{
width: 98px;
height: 44px;
border: 0px none;
display: block;
}
/* REUSABLE COMPONENTS */
a.glassbox.button {border-bottom-style:solid;} /* Fix for Internet Exomplorer */
/* The glass box effect */
.glassbox {
border: #dbdbdb solid 1px;
/*background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #f3f3f3 74%, #ededed 75%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 1%,#f3f3f3 74%,#ededed 75%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 1%,#f3f3f3 74%,#ededed 75%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );*/
/* Truer Glass Effect */
display: block; /* catch All */
}
.col-xs-12 .glassbox, /*added to support left nav menu in plain text template*/
.grid_4 .glassbox.widget, .grid_8 .glassbox, .grid_12 .glassbox, .grid_11 .glassbox, .grid_16 .glassbox { /* Creates a padding: note .widget.glassbox not working in ie6 */
padding : 10px;
/* min-height : 218px; */
margin-bottom : 20px;
}
.widget.glassbox a {/*display:block;*/ border:none; cursor: pointer;}
.widget.glassbox a:hover
{
color : #00aaee;
color : red;
}
.widget.glassbox ul {list-style : none;}
.glassbox.button
{
cursor : pointer;
color : #333333;
display : inline;
}
.glassbox.button:hover,.glassbox.button.selected
{
border-color:#89bb48;
background: #f4f6c7;
background: -moz-linear-gradient(top, #f4f6c7 0%, #e3f4a6 3%, #deec8d 6%, #d6e97d 9%, #d2e677 12%, #c5e06d 24%, #b3d662 44%, #accf5b 47%, #a6cb57 53%, #97c44f 74%, #8fc04b 88%, #94c550 91%, #a0cb55 94%, #b7d661 97%, #cfe674 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6c7), color-stop(3%,#e3f4a6), color-stop(6%,#deec8d), color-stop(9%,#d6e97d), color-stop(12%,#d2e677), color-stop(24%,#c5e06d), color-stop(44%,#b3d662), color-stop(47%,#accf5b), color-stop(53%,#a6cb57), color-stop(74%,#97c44f), color-stop(88%,#8fc04b), color-stop(91%,#94c550), color-stop(94%,#a0cb55), color-stop(97%,#b7d661), color-stop(100%,#cfe674));
background: -webkit-linear-gradient(top, #f4f6c7 0%,#e3f4a6 3%,#deec8d 6%,#d6e97d 9%,#d2e677 12%,#c5e06d 24%,#b3d662 44%,#accf5b 47%,#a6cb57 53%,#97c44f 74%,#8fc04b 88%,#94c550 91%,#a0cb55 94%,#b7d661 97%,#cfe674 100%);
background: -o-linear-gradient(top, #f4f6c7 0%,#e3f4a6 3%,#deec8d 6%,#d6e97d 9%,#d2e677 12%,#c5e06d 24%,#b3d662 44%,#accf5b 47%,#a6cb57 53%,#97c44f 74%,#8fc04b 88%,#94c550 91%,#a0cb55 94%,#b7d661 97%,#cfe674 100%);
background: -ms-linear-gradient(top, #f4f6c7 0%,#e3f4a6 3%,#deec8d 6%,#d6e97d 9%,#d2e677 12%,#c5e06d 24%,#b3d662 44%,#accf5b 47%,#a6cb57 53%,#97c44f 74%,#8fc04b 88%,#94c550 91%,#a0cb55 94%,#b7d661 97%,#cfe674 100%);
background: linear-gradient(top, #f4f6c7 0%,#e3f4a6 3%,#deec8d 6%,#d6e97d 9%,#d2e677 12%,#c5e06d 24%,#b3d662 44%,#accf5b 47%,#a6cb57 53%,#97c44f 74%,#8fc04b 88%,#94c550 91%,#a0cb55 94%,#b7d661 97%,#cfe674 100%);
-pie-background: linear-gradient(top, #f4f6c7 0%,#e3f4a6 3%,#deec8d 6%,#d6e97d 9%,#d2e677 12%,#c5e06d 24%,#b3d662 44%,#accf5b 47%,#a6cb57 53%,#97c44f 74%,#8fc04b 88%,#94c550 91%,#a0cb55 94%,#b7d661 97%,#cfe674 100%);
-pie-poll : true;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
color:#fff;
}
.glassbox.smallbutton
{
padding : 5px 10px 5px 10px;
margin-bottom : 0px;
margin-left : 0px;
}
.home .widget.glassbox
{
min-height : 205px;
height : auto !important;
height : 205px;
}
.homeIR
{
min-height : 240px;
height : auto !important;
height : 240px;
}
a span {cursor:pointer;}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6
{border : none;}
.widget h3,.widget h4 {margin : 0 0 10px 0;}
.sustainabilitybox
{
position : relative;
height : 120px;
}
.sustainabilitybox img
{
position : absolute;
bottom : -10px;
right : -10px;
z-index : 1;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE6.htc); /* for ie compatability */
-pie-png-fix : true;
}
.sustainabilitybox a /*:first-child */
{
position : absolute;
left : 0;
top : 0px;
width : 180px;
z-index : 10;
}
/*
FOOTER and FOOTER ELEMENTS
*/
.footer {
font-size : 0.9em;
}
.footer, .footer a {
color : #626262;
color : #fff;
}
.footer a:hover {
color : #00aaee;
}
.footerContainer {
position : relative;
z-index:5000;
}
.quicklinks {
position : absolute;
margin-top : -1px;
bottom : 0; /* Clever inversion of the slider */
left : 0;
}
.quicklinks h3 {
margin-top:0;
}
.quicklinksInner {
color : #707373;
min-height : 160px;
height : auto !important;
height : 160px;
padding : 20px 20px 40px 20px;
border : #dbdbdb solid 1px;
border-bottom : none;
-webkit-border-radius : 5px 5px 0 0;
-moz-border-radius : 5px 5px 0 0;
border-radius : 5px 5px 0 0;
background : #ffffff; /* old browsers */
background : -moz-linear-gradient(top, #ffffff 41%, #f3f3f3 74%, #ededed 75%, #ffffff 100%); /* firefox */
background : -webkit-gradient(linear, left top, left bottom, color-stop(41%,#ffffff), color-stop(74%,#f3f3f3), color-stop(75%,#ededed), color-stop(100%,#ffffff)); /* webkit */
background : -o-linear-gradient(top, #ffffff 41%,#f3f3f3 74%,#ededed 75%,#ffffff 100%); /* opera */
-pie-background : linear-gradient(top, #ffffff 41%,#f3f3f3 74%,#ededed 75%,#ffffff 100%); /* ie */
-pie-poll : true;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}
.quicklinksInner .clicker {
position : absolute;
right : 20px;
top : 20px;
border : red solid 0px;
height : 16px;
width : 16px;
background : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/styles/img/close.png) bottom left no-repeat;
}
.quicklinksInner .clicker:hover {
background : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/styles/img/close.png) top left no-repeat;
}
.quicklinksInner .clicker span {
display : none;
}
.quicklinksInner:after{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.quicklinksInner .grid_4 {
width :209px !important;
}
.quicklinksInner .grid_4 ul {
margin-left : 15px;
}
.legal {
text-align : right;
list-style : none;
padding-right : 10px;
}
.legal li {
display : inline;
margin-left : 10px;
}
.aboutSite {
padding-right : 10px;
}
.copyrightNotice{
text-align : right;
/*margin-top : -20px;*/
}
div.ie7 .copyrightNotice, div.ie6 .copyrightNotice{
margin-top : 0px;
text-align : right;
/*padding-left : 10px;*/
}
div.footer ul.LinkListWidget{
list-style-type: none;
margin: 0px;
padding: 0px;
text-align:right;
}
div.footer ul.LinkListWidget li{
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
div.footer ul.LinkListWidget li a{
padding: 0px 6px 0px 6px;
border-right: 1px solid #ffffff;
}
div.footer ul.LinkListWidget li:last-child a{
border-right: 0px none;
padding: 0px 0px 0px 6px;
}
.seoBar {
background : #827f78;
min-height : 40px;
margin: 0 0 10px 0;
-webkit-border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
border-radius : 0 0 5px 5px;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
}
.seoBar .awards {
text-align : center;
border-right : #95928b solid 1px;
position : relative;
top : 12px;
_height :44px;
}
.seoBar .awards img {
margin : -44px 0 0 0;
_margin : 0;
_position : relative;
_top : -24px;
}
.clicker {
cursor : pointer;
}
.usefulLinks {
line-height : 44px;
padding : 0 0 0 10px;
/* IE 6 Fix */
_padding-top : 12px;
}
.usefulLinks img {
vertical-align : middle;
}
.seoBar .icons ul {
list-style : none;
border-left : #95928b solid 1px;
text-align : right;
padding : 10px;
_height:44px;
}
.seoBar .icons li {
display : inline;
margin : 0 0 0 5px;
}
.seoBar .icons li:first-child {
margin : 0; /* Fixes the additional margin */
}
.seoBar .icons li img {
border : none;
}
.greyBox
{
border : #f4f4f4 solid 1px;
background : #fbfbfb;
padding : 5px 10px;
margin : 0;
clear : both;
}
.greyBox a {padding-bottom : 1px;} /* Reduce Underline spacing */
/* Accessibility */
.printThisPage {
height : 16px;
width : 16px;
cursor : pointer;
float : right;
margin-left : 10px;
padding : 7px 10px !important;
}
.printThisPage:hover {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*This is for IE8 */
filter: alpha(opacity = 50);
}
.printThisPage span { display: none;}
.accessibilityBar {margin-bottom:20px;}
/* Hide the skipnav */
div.skipnav{
display: none;
}
/* ---------- Google Search - move this!! ---------- */
div#cse table.gsc-table-result, div#cse table.gsc-table-result tr, div#cse table.gsc-table-result td{
padding: 0px;
margin: 0px;
border: 0px none !important;
}
div#cse table.gsc-resultsHeader{
display: none;
}
div#cse div.gs-title a{
text-decoration: none;
border: 0px none;
}
div#cse div.gsc-control-cse{
padding: 0px;
}
div#cse div.gsc-thinWrapper{
width: 99% !important;
}
/* pagination */
div#cse div.gsc-cursor-box{
text-align: center;
}
/* hide the number of results - no need to show off eh? */
div#cse div.gsc-result-info{
display: none;
}
/* images make the layout look uneven so lets hide */
div#cse div.gs-web-image-box{
display: none;
}
/* can't find how to remove the google logo via the control panel so lets style it out */
div#cse div.gcsc-branding-text, div#cse a.gcsc-branding-clickable{
display: none;
}
/* style those tabs */
div#cse div.gsc-tabsArea{
border-bottom: 1px solid #d0d0d0;
margin-bottom: 20px;
}
div#cse div.gsc-tabhActive{
border: 1px solid #d0d0d0;
border-bottom: 1px solid #ffffff;
padding: 2px 15px 1px 15px;
background: #ffffff;
position: relative;
top: 1px;
}
div#cse div.gsc-tabhInactive{
border: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
padding: 2px 15px 1px 15px;
background: #f0f0f0;
position: relative;
top: 1px;
}
div#cse div.gsc-tabhInactive:hover{
background: #ffffff;
}
/* style the search results */
div#cse div.gs-title a, div#cse div.gs-title a strong, div#cse div.gs-title a b{
color: #00AAEE;
}
div#cse div.gs-fileFormat{
font-style: italic;
}
div#cse span.gs-fileFormat{
color: #333333;
}
div#cse div.gs-visibleUrl, div#cse div.gs-visibleUrl b{
color: #666666;
font-weight: normal;
}
div#cse div.gsc-cursor-current-page{
color: #00AAEE;
}
/* Trade Portal Styles */
.formLabel {
display:block;
margin-top:20px;
margin-bottom:5px;
}
.DDTextBox
{
border : #c6c6c6 solid 1px;
width : 290px;
padding : 8px;
color : #4e4e4e;
background : #fff;
background : -moz-linear-gradient(top, #fcfcfc 0%, #f7f7f7 4%, #f5f5f5 7%, #f5f5f5 14%, #f9f9f9 29%, #ffffff 71%, #ffffff 100%) !important;
background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(4%,#f7f7f7), color-stop(7%,#f5f5f5), color-stop(14%,#f5f5f5), color-stop(29%,#f9f9f9), color-stop(71%,#ffffff), color-stop(100%,#ffffff)) !important;
background : -webkit-linear-gradient(top, #fcfcfc 0%,#f7f7f7 4%,#f5f5f5 7%,#f5f5f5 14%,#f9f9f9 29%,#ffffff 71%,#ffffff 100%) !important;
background : -o-linear-gradient(top, #fcfcfc 0%,#f7f7f7 4%,#f5f5f5 7%,#f5f5f5 14%,#f9f9f9 29%,#ffffff 71%,#ffffff 100%) !important;
background : -ms-linear-gradient(top, #fcfcfc 0%,#f7f7f7 4%,#f5f5f5 7%,#f5f5f5 14%,#f9f9f9 29%,#ffffff 71%,#ffffff 100%) !important;
background : linear-gradient(top, #fcfcfc 0%,#f7f7f7 4%,#f5f5f5 7%,#f5f5f5 14%,#f9f9f9 29%,#ffffff 71%,#ffffff 100%) !important;
-pie-background : linear-gradient(top, #fcfcfc 0%,#f7f7f7 4%,#f5f5f5 7%,#f5f5f5 14%,#f9f9f9 29%,#ffffff 71%,#ffffff 100%); /* ie */
-pie-poll : true;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
position: relative;
}
/* Generic DIV padding */
div.padding10abovebelow{
padding: 10px 0px 10px 0px;
}
div.padding20abovebelow{
padding: 20px 0px 20px 0px;
}
div.padding30abovebelow{
padding: 30px 0px 30px 0px;
}
/* Generic Image floating (for runaround text) */
img.FloatImageRight{
float: right;
margin: 5px 0px 5px 10px;
}
img.FloatImageLeft{
float: right;
margin: 5px 0px 5px 10px;
}
/* Sub Nav */
div.SubNav {
height : 30px;
overflow : hidden;
margin : 1px 10px 0px 10px; /* Creates an indent from the Main Menu */
-webkit-border-radius : 0 0 5px 5px;
-moz-border-radius : 0 0 5px 5px;
border-radius : 0 0 5px 5px;
behavior : url(/_externalBuilds/NSG.WCM.Pilkington.Core/css/sitespecific/_base/scripts/css3pie/PIE.htc); /* for ie compatability */
background : #25a5e2 url(img/subNavBGv2.png) repeat-x top left;
}
div.SubNav ul {
list-style-type : none;
margin: 0px 10px 0px 10px;
padding: 0px;
}
div.SubNav ul li {
margin : 0;
padding : 0;
float : left;
}
div.SubNav ul li a {
display : inline-block;
padding : 0 0 0 5px;
text-decoration : none;
font-size : 12px;
color : #ffffff;
cursor : pointer;
}
div.SubNav ul li a span {
line-height : 30px;
height : 40px;
padding : 0 12px 0 7px;
display : inline-block;
}
div.SubNav ul li a.selected {
font-weight: bold;
}
/* Social Icons in footer */
div.footer ul.socialicons{
list-style-type: none;
margin: 0px;
padding: 8px 2px 0px 0px;
float: right;
}
div.footer ul.socialicons li{
list-style-type: none;
margin: 0px;
padding: 0px 8px 0px 0px;
display: inline;
}
/* generic class to get rid of rounded corners */
div.squarecorners{
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
/* Plain Text And Image */
div.pagetitletextandanimage div.pageimage{
width: auto;
max-width: 230px;
margin: 5px 0px 10px 20px;
text-align: center;
float: right;
}
.xs div.pagetitletextandanimage div.pageimage {
float: left;
max-width: 100%;
width: 100%;
margin: 5px 0px 10px 0px;
}
div.pagetitletextandanimage div.pageimage img {
max-width: 230px;
height: auto;
width: auto;
}
div.pagetitletextandanimage div.pageimage div.imagecaption{
font-size: 11px;
padding-top: 5px;
max-width: 230px;
}
/* social icons */
div.socialbuttons ul {
list-style-type: none;
padding: 0px;
float: right;
margin-bottom: 0;
}
div.floatleft.socialbuttons ul {
float: left;
margin-left: -15px;
}
@media (max-width: 991px){
div.socialbuttons ul {
float: left;
margin-left: -15px;
}
}
div.socialbuttons ul li{
margin: 0px 0px 0px 5px;
padding: 0px;
float: left;
}
/* fix reg marks */
span.reg{
vertical-align: super;
font-size: 0.6em;
display: inline;
margin: 0px !important;
padding: 0px !important;
background: none;
}
/* Tidy ups */
.grid_12 p {margin-bottom:1em;}
.grid_12 ul,.grid_12 ol {margin-left:1.5em;}
.fldBoxTitle p {margin:0;}
.alpha {clear:both;} /* Corrects layout issues on Grid Alpha (new line) */