body{
	background: #ffffff url('img/backgroundv3.jpg') repeat-x left 0px;
}

h1, h2, h3, h4, h5, h6{
	clear: none;
}


sup{
	font-size: 0.7em;
}

/* footer copyright */
div.footer div.copyrightNotice{
	margin-top: -19px;
}

/* header bits */
div.logo{
	background-color: transparent;
	background-image: none !important;
	left: 20px;
	padding: 10px 0px 10px 0px;
	height: auto;
}

div.logo a{
	width: 103px;
}

div.header{
	padding: 103px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 960px !important;
}

div.nsgButtonLogo{
	display: none;
}

ul.mainmenu{
	padding-left: 20px !important;
	border: 0px none !important;
	-webkit-border-radius				: 5px !important;
	-moz-border-radius					: 5px !important;
	border-radius						: 5px !important;
	background							: -moz-linear-gradient(top, rgba(255,255,255,0.50) 41%, rgba(243,243,243,0.50) 74%, rgba(237,237,237,0.50) 75%, rgba(255,255,255,0.50) 100%); /* firefox */
	background							: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(255,255,255,0.50)), color-stop(74%,rgba(243,243,243,0.50)), color-stop(75%,rgba(237,237,237,0.50)), color-stop(100%,rgba(255,255,255,0.50))); /* webkit */
	background							: -o-linear-gradient(top, rgba(255,255,255,0.50) 41%,rgba(243,243,243,0.50) 74%,rgba(237,237,237,0.50) 75%,rgba(255,255,255,0.50) 100%); /* opera */
	-pie-background						: linear-gradient(top, rgba(255,255,255,0.50) 41%,rgba(243,243,243,0.50) 74%,rgba(237,237,237,0.50) 75%,rgba(255,255,255,0.50) 100%); /* ie */
}

ul.mainmenu li{
	font-size: 16px;
}

ul.mainmenu li a{
	padding: 0px 14px 0px 14px;
}

ul.mainmenu li a span.reg{
	vertical-align: baseline !important;
	position: relative;
	top: -5px;
}

/* make smaller for portuguese */
div.container.pt-BR ul.mainmenu li{
	font-size: 14px;
}

div.container.pt-BR ul.mainmenu li a{
	padding: 0px 9px 0px 9px;
}

div.container.pt-BR ul.mainmenu li a span.reg{
	vertical-align: baseline !important;
	position: relative;
	top: -5px;
}




div.noSubNav{
	display: none;
}


input.searchBox{
	padding: 6px 10px 6px 10px;
	font-size: 12px;
}

a.searchButton {
	height: 26px;
	width: 50px;
	padding: 0px;
}

a.searchButton img {
	display: none;
}

a.searchButton span {
	display: block;
	color: #ffffff;
	padding: 3px 0px 0px 0px;
}


/* Header Language nav and 60 year logo */
div.toolnav{
	/*margin-left: -10px;*/
	position: absolute;
	right: 0px;
	left: auto !important;
}

div.toolNavHolder{
	position: absolute;
	top: 40px;
	left: -240px;
	width:350px;
}

div.toolNavHolder ul
{
    display:inline;
    margin-right:20px;
}

div.toolNavHolder a{
	color: #5f5f5f;
	padding: 0px 4px 0px 4px;
}

div.toolNavHolder a:hover{
	text-decoration: underline;
}

div.toolNavHolder a.languageselected{
	text-decoration: underline;
}

div.awardHolder{
	position: absolute;
	top: 24px;
	left: -475px;
}

/* Footer send to a friend */
div.sendToAFriend{
	padding: 8px 0px 0px 10px;
}

div.sendToAFriend img{
	margin-right: 8px;
}

div.sendToAFriend span{
	font-size: 14px;
	/* maybe use cufon for segoe? */
	font-family: Segoe Print, Tahoma, Geneva, sans-serif;
}

div.sendToAFriend a:hover{
	color: #ffffff;
	text-decoration: underline;
}


/* headings and text*/
div.pagecontentwrapper{
	padding-top: 1px;
}

div.pagecontentwrapper h1{
	border: 0px none;
	border-left: 10px solid #ee2e24;
	margin: 30px 0px 10px 10px;
	padding: 0px;
	width: 260px;
	color: #ffffff;
	font-size: 32px;
}

div.pagecontentwrapper h1 span{
	margin: 0px 0px 0px 2px;
	background: #ee2e24;
	padding: 30px 10px 6px 10px;
	display: block;
}

div.pagecontentwrapper h1.byroom{
	border-left: 10px solid #00a4e6 !important;
}

div.pagecontentwrapper h1.byapplication{
	border-left: 10px solid #ffcb05 !important;
}

div.pagecontentwrapper h1.accessories{
	border-left: 10px solid #188c4b !important;
	width: 360px;
}

div.pagecontentwrapper h1.glassoptions{
	border-left: 10px solid #ACACAC !important;
	width: 360px;
}

div.pagecontentwrapper h1.pagetitle{
	color: #5F5F5F;
	padding-left: 10px;
	margin: 17px 0px 20px 0px;
	font-size: 28px;
	width: auto;
}

div.pagecontentwrapper h1.pagetitleboxed{
	margin: 0px 0px 20px 0px;
}

div.pagecontentwrapper h2{
	font-size: 24px;
	color: #333333;
}

div.pagecontentwrapper h3, div.pagecontentwrapper h4, div.pagecontentwrapper h5, div.pagecontentwrapper h6{
	color: #707373;
}



div.blindexroomdetail h2, div.byroom h2{
	border-bottom: 1px solid #00a4e6;
}

div.blindexapplicationdetail h2, div.byapplication h2{
	border-bottom: 1px solid #ffcb05;
}

div.blindexaccessoriesdetail h2, div.blindexaccessories h2{
	border-bottom: 1px solid #188c4b;
}

div.blindexaccessoriesdetail h2, div.glassoptions h2{
	border-bottom: 1px solid #ACACAC;
}

div.pagecontentwrapper p{
	margin: 8px 0px 8px 0px;
}

div.pagecontentwrapper ul, div.pagecontentwrapper ol{
	margin-left: 20px;
}

div.pagecontentwrapper ul li, div.pagecontentwrapper ol li{
	margin-bottom: 8px;
}


/* above ul margin messing up left menu so... */
div.pagecontentwrapper ul.newmenu, div.pagecontentwrapper ul.newmenu ul{
	margin: 0px;
}

div.pagecontentwrapper ul.newmenu li{
	margin: 0px;
}



/* custom buttons and such */
a.colouroptionsbutton{
	display: block;
	width: 268px;
	text-align: center;
	margin: 30px auto 30px auto;
	padding: 0px !important;
	color: #5F5F5F;
	font-size: 18px;
}

a.colouroptionsbutton span{
	display: block;
	background-image: url('img/colourbuttonbackv2.png');
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 30px 0px 30px 120px;
}

a.interactivebathroombutton{
	display: block;
	width: 298px;
	height: 120px;
	text-align: center;
	margin: 30px auto 30px auto;
	padding: 0px !important;
	color: #5F5F5F;
	font-size: 18px;
}

a.interactivebathroombutton span{
	display: block;
	width: 228px;
	height: 40px;
	background-image: url('img/bathroombuttonback.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 50px 0px 30px 70px;
}


/* seems to be some inline style specific to nsg so remove */
div.newsDetails{
	width: auto;
}

/* breadcrumb */
div.breadCrumb{
	padding: 4px 0px 4px 0px;
	border: 0px none;
}

div.breadCrumb ul{
	margin-left: 20px;
}

/* Glassbox corners */
.glassbox{
	-webkit-border-radius: 0px 0px 0px 0px !important;
	border-radius: 0px 0px 0px 0px !important;
}


/* blindex specific styles for media downloads */
.jcarousel-prev-horizontal, .jcarousel-next-horizontal{
	top: 60px !important;
	display: none !important;
}

.jcarousel-container:hover .jcarousel-prev-horizontal, .jcarousel-container:hover .jcarousel-next-horizontal{
	display: block !important;
}

.grid_8 .jcarousel-item{
	width: 120px !important;
	height: 160px !important;
}

.grid_5 .jcarousel-item{
	width: 198px !important;
	height: 160px !important;
}

li.jcarousel-item a img{
	margin-bottom: 5px;
}


div.pagecontentwrapper div.wgMediaLibraryDownloads{
	background: transparent !important;
	border: 0px none;
	padding: 0px;
}

div.pagecontentwrapper div.wgMediaLibraryDownloads h3{
	margin: 24px 0px 10px 0px;
	font-size: 24px;
	color: #333;
}

div.byroom div.wgMediaLibraryDownloads h3{
	border-bottom: 1px solid #00a4e6;
}

div.byapplication div.wgMediaLibraryDownloads h3{
	border-bottom: 1px solid #ffcb05;
}

div.blindexaccessories div.wgMediaLibraryDownloads h3{
	border-bottom: 1px solid #188c4b;
}



/* adapt 16 col grid */
div.grid_8.alpha.leftcol{
	margin-left: 10px;
	width: 450px;
}

div.grid_8.omega.rightcol{
	margin-right: 10px;
	width: 450px;
}

div.grid_11.leftcol{
	margin-left: 10px;
	width: 630px;
}

div.grid_5.rightcol{
	margin-right: 10px;
	width: 270px;
}


div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega{
	width: 680px;
}

div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_4{
	width: 210px;
}

div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_4.alpha{
	margin-right: 15px;
}

div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_4.omega{
	margin-left: 15px;
}


div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_6{
	width: 330px;
}

div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_6.alpha{
	margin-right: 10px;
}

div.pagecontentwrapper div.grid_12.omega div.grid_12.alpha.omega div.grid_6.omega{
	margin-left: 10px;
}


/* blindex specific styles for news page */
div.newsArticleWrapper h1{
	color: #5F5F5F;
	padding-left: 10px;
	margin: 17px 0px 20px 0px;
	font-size: 28px;
	width: auto;
}

div.newsArticleWrapper div.newsPhoto{
	width: 260px;
	text-align: right;
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: right;
}

div.newsArticleWrapper div.newsPhoto img{
	width: 250px;
}


div.newsArticleWrapper div.greyBox, div.newsArticleWrapper div.greyBox div{
	background-color: transparent;
	border: 0px none;
	display: inline;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: auto !important;
	float: none !important;
}

div.summarySnippet{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div.editmode div.editmodeExtras, div.editmode div.newsDetails, div.editmode div.newsDetails em{
	display: none !important;
}


/* blindex specific styles for FAQs */

div.faqlist div#accordion-container h2.accordion-header{
	font-size: 14px;
}

div.faqlist div#accordion-container h2.accordion-header span.faqlabel{
	float: left;
}

div.faqlist div#accordion-container h2.accordion-header span.faqquestion{
	margin-left: 0px;
	display: block;
}

div.faqlist div#accordion-container span.faqquestion p{
	display: inline;
}

div.faqlist div#accordion-container div.accordion-content{
	padding: 6px 40px 6px 35px;
}

div.faqlist div#accordion-container .active-header{
	background-color: #EE2E24;
	border-color: #cccccc;
	color: #ffffff;
}


/* style back tos */
div.backto{
	margin: 30px auto 30px auto;
	width: 320px;
}

div.grid_5 div.backto{
	width: 268px;
}

div.backto div.glassbox{
	padding: 0px;
}

div.backto div a{
	display: block;
	font-size: 18px;
	color: #5F5F5F;
	background: url('img/backto.png') no-repeat 8px center;
	line-height: 38px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}


/* social icons */
div.socialHolder{
	/*min-height: 34px;*/
}

div.footerSocialIcons ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.footerSocialIcons ul li{
	float: right;
	padding: 10px 10px 10px 0px;
}

div.footerSocialIcons div.watchonyoutube{
	float: right;
	padding: 10px;
}

div.footerSocialIcons div.watchonyoutube a:hover{
	color: #ffffff;
	text-decoration: underline;
}

div.footerSocialIcons div.watchonyoutube a span{
	font-size: 14px;
	/* maybe use cufon for segoe? */
	font-family: Segoe Print, Tahoma, Geneva, sans-serif;
	padding-right: 5px;
}

/* hide top expander on sitemap */
div.expandertop{
	display: none;
}


/* fix reg marks */
div.pagecontentwrapper span.reg{
	vertical-align: super !important;
	font-size: 0.6em;
	display: inline !important;
	margin: 0px !important;
	padding: 0px !important;
	background: none !important;
}



/* ---------- FORMS ---------- */

div.scfSingleLineTextBorder, div.scfNumberBorder, div.scfEmailBorder, div.scfTelephoneBorder, div.scfDropListBorder{
	min-height: 26px;
}

div.scfMultipleLineTextBorder {
	min-height: 66px;
}

div.scfSubmitButtonBorder{
	padding-top: 30px;
	padding-left: 30%;
	clear: both;
}

div.scfSubmitButtonBorder input{
	font-size: 14px;
	padding: 4px 15px 4px 15px;
}

div.scfForm fieldset{
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

div.formprivacypolicy{
	font-size: 10px;
	position: relative;
	left: 20px;
}


/* extranet styles*/
.businessCard 
    {
        background              : #f6f6f6;
        background              : -moz-linear-gradient(top,  #f6f6f6 0%, #fcfcfc 1%, #f7f7f7 3%, #f9f9f9 4%, #fdfdfd 42%, #ffffff 100%);
        background              : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(1%,#fcfcfc), color-stop(3%,#f7f7f7), color-stop(4%,#f9f9f9), color-stop(42%,#fdfdfd), color-stop(100%,#ffffff));
        background              : -webkit-linear-gradient(top,  #f6f6f6 0%,#fcfcfc 1%,#f7f7f7 3%,#f9f9f9 4%,#fdfdfd 42%,#ffffff 100%);
        background              : -o-linear-gradient(top,  #f6f6f6 0%,#fcfcfc 1%,#f7f7f7 3%,#f9f9f9 4%,#fdfdfd 42%,#ffffff 100%);
        background              : -ms-linear-gradient(top,  #f6f6f6 0%,#fcfcfc 1%,#f7f7f7 3%,#f9f9f9 4%,#fdfdfd 42%,#ffffff 100%);
        background              : linear-gradient(top,  #f6f6f6 0%,#fcfcfc 1%,#f7f7f7 3%,#f9f9f9 4%,#fdfdfd 42%,#ffffff 100%);
        
        -pie-background         : linear-gradient(top,  #f6f6f6 0%,#fcfcfc 1%,#f7f7f7 3%,#f9f9f9 4%,#fdfdfd 42%,#ffffff 100%);
        
        behavior				: url(/platform/sites/_base/scripts/css3pie/PIE.htc); /* for ie compatability < Big issues in IE - not using yet */ 
        
        border                  : solid 1px #ededed;

        padding                 : 10px 10px 34px 120px;
        position                : relative;
        margin-bottom           : 10px;
    }
    
    .businessCard img 
    {
        position                : absolute;
        top                     : 10px;
        left                    : 10px;
        max-width               : 100px;
    }
    
    #CompanyName 
    {
        color:#000000;
        font-size:16px;
    }
    
    .businesscardShadow 
    {
        background              : url(/platform/sites/Blindex/styles/img/businesscarddropshadow.jpg) no-repeat;
        width:355px;
        height:15px;
        position:absolute;
        bottom:-16px;
        left:0;
    }

.supplierStatus {display:block;background:#cccccc;width:100%;position:absolute;bottom:-1px;left:0;text-align:center;padding:2px 0;color:#fff;cursor:default;}


ul.extranetlinks{
	list-style-type: none;
	margin: 0px 0px 0px 0px !important;
	padding: 0px;
}

ul.extranetlinks li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul.extranetlinks li a.extranetlink{
	display: block;
	padding: 6px 10px 6px 26px;
	color: #333333;
	background: url('img/linkarrow_grey.png') no-repeat 5px 5px;
	font-size: 14px;
}

ul.extranetlinks li a.extranetlink:hover{
	color: #ee2e24;
	background: url('img/linkarrow_red.png') no-repeat 5px 5px;
}

div.ContactsListWrapper div.keyroleslist{
	display: none;
}


/* blindex basic summary */
div.basicsummary.blindexbasicsummary span.itmdetails.nothumb{
	width: 600px !important;
}

div.basicsummary.blindexbasicsummary a span.itmtitle{
	color: #5F5F5F;
	font-weight: bold;
}

div.basicsummary.blindexbasicsummary a span.itmblurb{
	color: #5F5F5F;
}



/* ---------- IE FIXES ---------- */
div.ie7 div.logo{
	left: -10px;
}

div.ie7 div.pagecontentwrapper{
	min-height: 500px;
}


div.ie7 div.wgMediaLibraryDownloads, div.ie8 div.wgMediaLibraryDownloads{
	-pie-background	: none; /* ie */
}

div.ie7 div.wgMediaLibraryDownloads .jcarousel-item a, div.ie8 div.wgMediaLibraryDownloads .jcarousel-item a{
	line-height: 1.2em;
	background: none;
}

div.ie7 a.colouroptionsbutton span, div.ie8 a.colouroptionsbutton span{
	border: #DBDBDB solid 1px;
}


/* Admin Interface Fixes */
div.grid_12 span.scWebEditInput{
	min-width: 100px !important;
	min-height: 20px !important;
	border: 1px solid #f0f0f0 !important;
	padding: 6px !important;
}