/*
html
{
overflow: auto;
}
body
{
background-color:black;
color:white;
font-family:Arial,Verdana,sans-serif;
font-weight:normal;
border-width: 0px;
margin: 0px;
padding-top:0px;
line-height:1.188em;
background: #DDDDDD;
}
img {border:0;padding:0;margin:0;}
@font-face {
font-family: "Nevis";
src: url('/fonts/nevis.eot');
}
@font-face {
font-family: "Nevis";
src: url('/fonts/nevis.ttf') format("truetype");
}
@font-face {
font-family: "bbook";
src: url('/fonts/book.eot');
}@font-face {
font-family: "bbook";
src: url('/fonts/book.ttf') format("truetype");
}
a:link,
a:active,
a:visited
{
color:#BFC7D2;
text-decoration:none;
/* top link gotham medium 14pt side links: arial 14pt - main text arial 12pt
}
a:hover
{
text-decoration:underline;
}
.homeContentArea a
{
color:#8797a3;
}
#cookie-bar {background-color:#333333; color:#ffffff; text-align:center; font-size:13px; padding-top:5px;}
#cookie-bar .cb-enable {background-color:#D60426; padding: 5px; border-radius:5px; color:#ffffff; font-size:11px; margin-left:10px;}
ul
{
margin:0px;
padding:0px 0px 0.8em 30px;
}
div.container
{
width: 100%;
text-align: center;
min-width:953px;
background: url('/img/header-new.jpg') top center no-repeat;
margin-bottom:147px;
position:relative;
}
div.container2
{
display: block;
padding: 0;
margin: 0px auto;
width: 940px;
position: relative;
text-align: left;
border: 0px solid white;
}
div.containerFooter
{
width: 100%;
text-align: center;
min-width:953px;
background:#181516;
/*ackground: url('/img/footer.jpg') top center repeat-x;
padding:30px 0px;
font-size:0.8em;
color:white;
}
.footerShine
{
background:url('/img/footer-shine.jpg') top center no-repeat !important;
border-bottom:8px solid #36373C;
}
div.containerFooter a
{
color:white;
}
div.containerFooter2
{
display: block;
padding: 0;
margin: 0px auto;
width: 940px;
position: relative;
text-align: left;
border: 0px solid white;
}
div.footerRegistration
{
position:relative;
left:0px;
width:900px;
color: #444243;
}
div.footerRegistration p
{
padding:0 3px;
margin:0;
}
div.cl
{
clear: both;
}
div.cl3
{
clear: both;
height:3px;
}div.cl5
{
clear: both;
height:5px;
}
div.cl16
{
clear: both;
height:16px;
}div.cl10
{
clear: both;
height:10px;
}
div.cl18
{
clear: both;
height:18px;
}
div.cl20
{
clear: both;
height:20px;
}
div.cl30
{
clear: both;
height:30px;
}
p
{
padding:0 0 10px 0;
margin:0;
}
*/
/* Main navigation area */
/*
#nav ul
{
list-style:none;
padding:0;
margin:0;
}
#nav ul li
{
float:left;
}
#nav ul li a
{
display:block;
padding:13px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5b6570;
}
#nav ul li:first-child a
{
padding-left:16px;
}
#nav ul li:last-child a
{
padding-right:0px;
}
#nav ul li a:hover,
#nav ul li.active a
{
color:#C3262F;
}
*/
/* header area new layout */
/*
.headerBar
{
position:relative;
width:100%;
height:250px;
margin-bottom:35px;
}
.linkBar
{
position:absolute;
bottom:0;
}
.logo
{
position:relative;
padding-top:40px;
float:left;
}
.searchArea
{
float: right;
position: relative;
padding: 0px;
/* background: rgba(255,255,255,0.5);
margin-top: 96px;
margin-right: 89px;
border: 1px solid #cccccc;
border-radius: 5px;
}
.searchBox {
/* background: white;
width: 216px;
position: relative;
}
.searchInput {
padding: 10px;
/* background: white;
width: 160px;
border: 0;
color: #878787;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
border-radius: 10px;
}
.searchButton
{
padding:11px 10px 5px 10px;
float:right;
}
/* end header area new layout */
/* left hand menu generated area */
/*
div.leftNav
{
width:200px;
float:left;
position:relative;
}
div.rightNav
{
width:200px;
float:right;
position:relative;
}
div.rightContent
{
float:right;
width:717px;
overflow-x:hidden;
position:relative;
}
div.homeContentArea
{
position:relative;
float:left;
width:495px;
overflow-x:hidden;
}
div.homeContentAreaFull
{
position:relative;
float:left;
width:717px;
height:auto;
overflow-y:visible;
overflow-x:hidden;
}
div.leftboxHead
{
position:relative;
width:184px;
height:38px;
overflow:hidden;
}
div.leftboxExpand
{
position:relative;
width:184px;
margin-bottom:17px;
}
div.rightboxHead
{
position:relative;
width:176px;
height:38px;
overflow:hidden;
}
div.rightboxExpand
{
position:relative;
width:176px;
margin-bottom:17px;
}
div.rightboxFoot
{
position:relative;
width:156px;
padding:5px 10px;
}
div.leftboxFoot
{
position:relative;
width:164px;
padding:5px 10px;
}
div.leftboxFoot ul,
div.rightboxFoot ul
{
list-style:none;
padding:0;
margin:0;
font-size:0.875em;
}
div.leftboxFoot ul li,
div.rightboxFoot ul li
{
padding:0;
margin:0;
border-bottom:1px solid #6D8997;
}
div.leftboxFoot ul li.last,
div.rightboxFoot ul li.last
{
padding:0;
margin:0;
border-bottom:0px;
}
div.leftboxFoot ul li.nolink,
div.rightboxFoot ul li.nolink
{
padding:0;
margin:0;
color:#FFFFFF;
border-bottom:1px solid #6D8997;
padding:10px 3px;
}
div.leftboxFoot a
{
display:block;
color:#FFFFFF;
width:158px;
padding:10px 3px;
}
div.rightboxFoot a
{
display:block;
color:#FFFFFF;
width:136px;
padding:10px 3px;
}
*/
/*div.leftboxFoot a.twitter
{
padding-left:40px;
width:128px;
background:url('/img/icons/twicon.jpg') 0px 7px no-repeat;
}
div.leftboxFoot a.linkedin
{
padding-left:40px;
width:128px;
background:url('/img/icons/linkedin.jpg') 0px 7px no-repeat;
}
div.leftboxFoot a.facebook
{
padding-left:40px;
width:128px;
background:url('/img/icons/fbtest.jpg') 0px 7px no-repeat;
}
div.leftboxFoot a.youtube
{
padding-left:40px;
width:128px;
background:url('/img/icons/youtube.jpg') 0px 7px no-repeat;
}*/
/*
div.containerFooter2 ul
{
list-style:none;
padding:0;
margin:0;
}
*/
/* header rotator */
/*
div.rotatorEntry
{
position:relative;
}
div.rotatorEntry p
{
display:block;
position:absolute;
top:390px;
left:30px;
width:435px;
color:#bbc9c7;
font-size:0.750em;
}
#headerRotator
{
position:relative;
width:717px;
height:451px;
overflow:hidden;
}
*/
/* side panels */
/*
div.leftboxPersonnelExpand { background:url('/img/panels/leftboxPersonnelExpand.jpg') bottom left; }
div.leftboxPersonnelFoot { background:url('/img/panels/leftboxPersonnelFoot.jpg') bottom left no-repeat; }
div.leftboxOceanscanExpand { background:url('/img/panels/leftboxOceanscanExpand.jpg') bottom left; }
div.leftboxOceanscanFoot { background:url('/img/panels/leftboxOceanscanFoot.jpg') bottom left no-repeat; }
div.leftboxConnectionsExpand { background:url('/img/panels/leftboxConnectionsExpand.jpg') bottom left; }
div.leftboxConnectionsFoot { background:url('/img/panels/leftboxConnectionsFoot.jpg') bottom left no-repeat; }
div.rightboxNewsExpand { background:url('/img/panels/rightboxNewsExpand.jpg') bottom left }
div.rightboxNewsFoot { background:url('/img/panels/rightboxNewsFoot.jpg') bottom left no-repeat; font-size:0.875em; color:#bbc9c7;}
div.rightboxSupportExpand { background:url('/img/panels/rightboxSupportExpand.jpg') bottom left; }
div.rightboxSupportFoot { background:url('/img/panels/rightboxSupportFoot.jpg') bottom left no-repeat; }
*/
/* Central boxes */
div.boxNewsletterSignup
{
position:Relative;
width:546px;
height:186px;
background:url('/img/panels/newsletter.jpg') top left no-repeat;
}
div.boxSearch
{
position:Relative;
width:545px;
height:113px;
background:url('/img/panels/searchBox.jpg') top left no-repeat;
}
div.boxFeaturedProduct
{
position:Relative;
width:546px;
height:246px;
background:url('/img/panels/featuredProduct.jpg') top left no-repeat;
}
div.boxProductRandomiser
{
position:Relative;
width:545px;
height:273px;
background:url('/img/panels/productRandomiserNew.jpg') top left no-repeat;
}
div.plContent
{
position:absolute;
color:#bbc9c7;
font-size:0.750em;
}
div.boxSearch .plContent
{
width:160px;
top:27px;
left:28px;
}
div.boxNewsletterSignup .plContent
{
width:160px;
top:70px;
left:28px;
}
/* Category page stuff... */
div.productHeader
{
position:relative;
width:740px;
height:99px;
background:url('/img/productHeader.jpg') top left no-repeat;
}
div.categoryHeader
{
position:relative;
width:740px;
height:99px;
background:url('/img/categoryHeader.jpg') top left no-repeat;
}
div.categoryHeader .clTitle
{
position:absolute;
border:0px solid red;
width:360px;
top:18px;
left:28px;
}
div.categoryHeader .clTitleTwoLine
{
position:absolute;
border:0px solid red;
width:360px;
top:20px;
left:28px;
}
div.productHeader .plTitleTwoLine
{
position:absolute;
border:0px solid red;
width:680px;
top:20px;
left:28px;
}
div.categoryHeader .clTitleTwoLine h1,
div.productHeader .plTitleTwoLine h1
{
line-height:0.8em;
}
div.categoryHeader .clTitleCentre
{
position:absolute;
border:0px solid red;
width:360px;
top:38px;
left:28px;
}
div.productHeader .plTitle
{
position:relative;
border:0px solid red;
top:40px;
padding-left:28px;
padding-right:20px;
float:left;
}
div.productHeader .plDetail
{
position:relative;
border:0px solid red;
width:auto;/*360*/
top:34px;
padding-left:50px;
}
div.categoryHeader h1,
div.productHeader h1
{
padding:0 0 10px 0;
margin:0;
font-family:"bbook";
font-size:2.5em;
}
div.categoryHeader p,
div.productHeader p
{
font-size:0.750em;
}
div.breadcrumb
{
position:relative;
width:739px;
height:44px;
font-size:0.875em;
padding:1px 0;
overflow:hidden;
background:url('/img/breadcrumbUpper.jpg') top left no-repeat;
}
div.breadcrumb ul
{
list-style:none;
padding:0;
margin:0;
}
div.breadcrumb li
{
float:left;
height:46px;
color:#bbc9c7;
padding:0px 23px 0px 7px;
overflow-y:hidden;
background:url('/img/crumb.png') top right no-repeat;
}
div.breadcrumb li a
{
display:block;
padding:12px 20px;
color:white;
}
div.breadcrumb li a.worldwide
{
display:block;
padding:12px 15px;
color:white;
}
div.breadcrumb li a.active
{
font-weight:bold;
display:block;
}
div.subCatHeader
{
position:Relative;
padding:0;
margin:0;
width:740px;
height:21px;
overflow:hidden;
}
div.subCatExpand
{
position:relative;
background:url('/img/panels/subCatExpand.jpg') top left repeat-y;
width:740px;
border:0;padding:0;margin:0;
}
div.subCatFoot
{
position:relative;
background:url('/img/panels/subCatFoot.jpg') bottom left no-repeat;
width:670px;
border:0;padding:25px 35px;margin:0;
}
div.subCatFoot h2
{
padding:0 0 23px 0;
margin:0;
font-family:"bbook";
font-size:1.750em;
}
div.subCatFoot ul
{
list-style:none;
padding:0; margin:0;
}
div.subCatFoot a
{
display:block;
font-weight:bold;
font-size:0.938em;
background:url('/img/buttons/go.png') top left no-repeat;
min-height:26px;
padding-top:4px;
padding-left:73px;
padding-bottom:2px;
}
div.subCatFoot a:hover
{
background:url('/img/buttons/go.png') 0px -100px no-repeat;
}
/* Category page product listing */
div.productItem
{
position:relative;
width:357px;
height:256px;
-eight:236px;
-eight:322px;
border:0px solid red;
overflow:hidden;
padding-bottom:20px;
/*background:url('/img/panels/product.jpg') top left no-repeat;*/
}
div.productItem .title
{
position:absolute;
width:300px;
top:37px;
left:27px;
font-size:0.875em;
font-weight:bold;
color:#BFC8CD;
}
div.productItem .image
{
position:absolute;
width:80px;
top:86px;
left:160px;
}
div.productItem .supportImage
{
position:absolute;
width:120px;
top:106px;
left:220px;
text-align:center;
}
div.productItem .moreInfo
{
position:absolute;
top:188px;
left:27px;
}
div.productItem .moreInfoCat
{
position:absolute;
top:208px;
left:27px;
}
div.productItem .info
{
position:absolute;
top:102px;
left:27px;
width:130px;
height:103px;
overflow:hidden;
color:#BFC8CD;
font-size:0.814em;
}
div.productItem .supportInfo
{
position:absolute;
top:82px;
left:27px;
width:190px;
height:103px;
overflow:hidden;
color:#BFC8CD;
font-size:0.814em;
}
/* Product Details */
div.prodHeadImg
{
position:relative;
width:740px;
height:21px;
padding:0;margin:0;overflow:hidden;
}
div.prodImageArea
{
float:left;
border:0px solid red;
width:351px;
padding-right:20px;
padding-bottom:5px;
}
div.prodContentArea
{
float:right;
width:310px;
border:0px solid red;
}
div.prodImageArea img
{
border:1px solid #93989B;
}
div.prodImageOptions
{
float:left;
margin-right:5px;
}
div.prodImageArea a
{
float:left;
}
div.prodExpand
{
position:relative;
background:url('/img/panels/subCatExpand.jpg') top left repeat-y;
width:740px;
border:0;padding:0;margin:0;
}
div.prodFoot
{
position:relative;
background:url('/img/panels/subCatFoot.jpg') bottom left no-repeat;
width:690px;
border:0;padding:25px 25px;margin:0;
color:#BFC7D2;
}
div.prodFoot h1
{
padding:0 0 16px 0;
margin:0;
font-family:"bbook";
font-size:1.750em;
color:#BFC7D2;
line-height:1em;
}
div.prodFoot h2
{
padding:0 0 10px 0;
margin:0;
font-size:1.188em;
color:#BFC7D2;
line-height:1em;
}
div.prodFoot p
{
font-size:0.814em;
}
div.prodCallback
{
position:relative;
padding:0;margin:0;
background: url('/img/panels/prodCallbackExpand.jpg') top left repeat-y;
width:546px;
}
div.prodCallbackInner
{
background: url('/img/panels/prodCallbackFoot.jpg') bottom left no-repeat;
width:178px;
position:Relative;
padding:0 336px 0px 32px;
font-size:0.814em;
}
div.prodCallbackForm
{
position:absolute;
top:30px;
width:301px;
height:154px;
left:220px;
background:url('/img/prodCallbackForm.jpg') top left no-repeat;
overflow:hidden;
}
div.prodCallbackFormNew
{
position:absolute;
top:30px;
width:281px;
min-height:154px;
left:220px;
background:url('/img/prodFormBG.png') top left repeat;
overflow:hidden;
border:1px solid white;
border-radius:5px;
padding:10px 10px 5px 10px;
box-shadow:inset 0px 0px 3px rgba(0,0,100,1);
}
input.inputBut
{
background-color:white;
border-radius:5px;
width:260px;
border:0;
padding:5px 10px;
margin-bottom:8px;
}
input.submitBut {margin:0;float:right;}
textarea.textBut
{
float:left;
background-color:white;
border-radius:5px;
width:170px;
border:0;
height:30px;
padding:10px 10px;
margin-bottom:8px;
}
div.boxNewsletterSignupForm
{
position:absolute;
top:32px;
width:301px;
height:134px;
left:220px;
overflow:hidden;
}
select.callback
{
width:170px;
overflow-x:hidden;
font-size:0.938em;
margin:10px 0;
}
/* other page info */
div.otherFoot
{
position:relative;
background:url('/img/panels/subCatFoot.jpg') bottom left no-repeat;
width:670px;
border:0;padding:25px 35px;margin:0;
}
div.otherFoot p,
div.otherFoot ul
{
font-size:0.875em; color:#bbc9c7;
}
div.otherFoot h2
{
padding:0 0 23px 0;
margin:0;
font-family:"bbook";
font-size:1.750em;
}
div.otherFoot h3
{
padding:5px 0 23px 0;
margin:0;
font-size:1.125em;
color:#bbc9c7;
}
div.otherFoot ul.menu
{
list-style:none;
font-size:1em;
padding:0; margin:0;
}
div.otherFoot ul.menu a
{
display:block;
font-weight:bold;
font-size:0.938em;
background:url('/img/buttons/go.png') top left no-repeat;
min-height:26px;
padding-top:4px;
padding-left:73px;
padding-bottom:2px;
}
div.otherFoot ul.menu a:hover,
div.otherFoot ul.menu a.active
{
background:url('/img/buttons/go.png') 0px -100px no-repeat;
}
div.prodCallbackForm input.inCompanyName,
div.boxNewsletterSignupForm input.inCompanyName
{
position:absolute;
top:15px;
left:19px;
width:260px;
background:transparent;
color:#666;
border:0;
}
div.prodCallbackForm input.inName,
div.boxNewsletterSignupForm input.inName
{
position:absolute;
top:49px;
left:19px;
width:260px;
background:transparent;
color:#666;
border:0;
}
div.prodCallbackForm input.inEmail
{
position:absolute;
top:82px;
left:19px;
width:260px;
color:#666;
background:transparent;
border:0;
}
div.boxNewsletterSignupForm input.inEmail
{
position:absolute;
top:82px;
left:19px;
width:180px;
color:#666;
background:transparent;
border:0;
}
div.prodCallbackForm input.inTelephone
{
position:absolute;
top:116px;
left:19px;
width:180px;
background:transparent;
color:#666;
border:0;
}
div.boxNewsletterSignupForm input.submit
{
position:absolute;
top:82px;
left:205px;
width:80px;
background:transparent;
color:#666;
border:0px solid red;
height:23px;
}
div.prodCallbackForm input.submit
{
position:absolute;
top:116px;
left:205px;
width:80px;
background:transparent;
color:#666;
border:0px solid red;
height:23px;
}
div.basicHeader
{
position:relative;
width:740px;
height:99px;
background:url('/img/basicHeader.jpg') top left no-repeat;
}
div.basicHeader .clTitle
{
position:absolute;
border:0px solid red;
width:360px;
top:18px;
left:28px;
}
div.basicHeader .clTitleCentre
{
position:absolute;
border:0px solid red;
width:360px;
top:28px;
left:28px;
}
div.basicHeader .plTitle
{
position:relative;
border:0px solid red;
top:40px;
padding-left:28px;
padding-right:20px;
float:left;
}
div.basicHeader .plDetail
{
position:relative;
border:0px solid red;
width:auto;/*360*/
top:34px;
padding-left:50px;
}
div.basicHeader .plRight
{
position:relative;
float:left;
top:30px;
padding-left:20px;
width:300px;
}
div.basicHeader h1
{
padding:0 0 10px 0;
margin:0;
font-family:"bbook";
font-size:2.3em;
}
/* top worldwide menu */
/*
div.logoBar
{
position:Relative;
margin:0;
padding:0;
overflow:hidden
width:940px;
height:140px;
background:url('/img/logoBar.jpg') top left no-repeat;
z-index:1000;
}
div.worldwide
{
position:absolute;
top:72px;
left:736px;
z-index:1200;
height:26px;
width:190px;
overflow:hidden;
}
div.worldwide:hover
{
height:auto;
}
div.worldInnerTop
{
position:Relative;
padding:0;
margin:0;
width:190px;
height:5px;
background:url('/img/buttons/worldwideSelectHead.png') top left no-repeat;
overflow:hidden;
}
div.worldInnerFoot
{
position:Relative;
padding:0;
margin:0;
width:190px;
height:4px;
background:url('/img/buttons/worldwideSelectFoot.png') top left no-repeat;
overflow:hidden;
}
div.worldInner
{
position:relative;
background-color:white;
color:blue;
width:160px;
padding:3px 15px;
}
div.worldInner ul
{
list-style:none;
padding:0;
margin:0;
}
div.worldInner ul li a
{
display:block;
width:150px;
color:#908E8E;
font-size:0.750em;
font-weight:bold;
}
*/
/* home featured products */
/*
div.boxProductRandomiser p
{
padding:0;
font-size:0.9em;
}
div.boxProductRandomiser p.sm
{
color:#90A3A7;
padding:0;
font-size:0.7em;
font-weight:bold;
}
div.boxProductRandomiser .intProd0
{
float:left;
position:relative;
padding:30px 10px 0 10px;
width:125px;
border:0px solid red;
}
div.boxProductRandomiser .intProd1
{
float:left;
position:relative;
padding:30px 10px 0 10px;
left:15px;
width:120px;
border:0px solid red;
}
div.boxProductRandomiser .intProd2
{
float:left;
position:relative;
padding:30px 10px 0 10px;
width:120px;
left:31px;
border:0px solid red;
}
div.boxProductRandomiser .intProdImage
{
width:125px;
text-align:center;
height:115px;
}
div.boxProductRandomiser .intProdImage img
{
border:1px solid #93989B;
margin:0;
}
div.boxProductRandomiser .moreBut
{
position:absolute;
left:10px;
top:230px;
}*/
/* home slider */
/*div.boxProductRandomiser .slider
{
position:Relative;
float:left;
width:435px;
height:273px;
overflow:hidden;
}
div.boxProductRandomiser .innerSlider
{
width:435px;
height:273px;
}
div.boxProductRandomiser .bx-wrapper
{
float:left;
}
a.bx-prev,
a.bx-next
{
overflow:hidden;
display:block;
width:39px;
height:273px;
}*/
/* home page featured product box */
div.productDemo
{
float:right;
width:176px;
border:0px solid red;
padding-top:75px;
}
div.boxFeaturedMain
{
float:left;
position:relative;
width:152px;
height:180px;
padding-top:20px;
padding-right:170px;
margin-top:40px;
margin-left:28px;
font-size:0.875em;
}
div.boxFeaturedMain img
{
position:absolute;
left:240px;
top:160px
}
div.plSearch
{
position:relative;
float:right;
top:43px;
width:265px;
border:0px solid red;
margin-right:40px;
}
div.plSearchCat
{
position:relative;
float:right;
top:36px;
width:265px;
border:0px solid red;
margin-right:40px;
}
div.plSearch input.srchBox,
div.plSearchCat input.srchBox
{
float:left;
width:175px;
padding:3px;
border:0;
background:none;
}
div.plSearch input.srchSubmit,
div.plSearchCat input.srchSubmit
{
float:right;
padding:4px;
background:none;
border:0px solid red;
font-weight:bold;
color:#D2D2D2;
width:76px;
font-size:0.689em;
cursor:pointer;
}
a.productDownload
{
display:block;
font-size:0.814em;
text-decoration:underline;
background:url('/img/pdfIcon.png') top left no-repeat;
padding-left:30px;
}
a.productDownload:hover
{
text-decoration:none;
}
.FooterGrey a:link,
.FooterGrey a:active,
.FooterGrey a:visited,
.FooterGrey a:hover
{
color:#8D8988;
}
label.feedback
{
float:left;
width:150px;
padding-top:5px;
font-size:0.875em; color:#8797A3;
}
span.feedback
{
font-size:0.875em; color:#8797A3;
}
input.feedback
{
float:left;
width:300px;
padding:5px;
border:1px solid #999;
}
input.feedbackCheck
{
float:left;
margin:2px 10px 2px 40px;
}
div.feedback
{
width:150px;
}
label.feedbackGrid
{
/*float:left;
width:190px;*/
padding-top:5px;
font-size:0.875em; color:#8797A3;
}
div.feedbackGrid
{
/*width:90px;
float:left;*/
text-align:center;
font-size:0.875em; color:#8797A3;
}
div.feedbackGridHead
{
/*width:90px;
float:left;
*/
font-weight:bold;
text-align:center;
font-size:0.875em; color:#8797A3;
}
/* newsite: World wide distributer network nox layout */
/*
.box-distributor-network
{
background:#2b3037;/*url('/img/DISTRIBUTOR-NETWORK2.jpg') top left no-repeat;
position:relative;
width:717px;
height:121px;
}
.box-distributor-network span
{
display:block;
padding-top:25px;
padding-left:31px;
font-size:12px;
font-family:arial;
width:280px;
font-family:Nevis,Arial;
font-weight:normal;
font-size:15px;
}
.box-distributor-network p
{
display:block;
padding-top:11px;
padding-left:31px;
font-size:12px;
font-family:arial;
width:280px;
}
.box-distributor-outer
{
position:absolute;
padding:12px;
background:rgba(255,255,255,0.4);
top:30px;
right:20px;
}
.box-distributor-inner
{
background:white;
width:200px;
position:relative;
color:#878787;
font-size:12px;
padding:10px;
background:url('/img/newsite/selector-down-arrow.jpg') center right 10px no-repeat white;
}
.box-distributor-inner ul
{
display:none;
}
.box-distributor-inner:hover ul
{
display:block;
position:absolute;
width:100%;
z-index:1000;
list-style:none;
list-style-type:none;
background:white;
left:0;
margin:0;
padding:0;
}
.box-distributor-inner:hover ul li
{
border-bottom:1px solid #D7D7D7;
border-top:1px solid #E6E6E6;
}
.box-distributor-inner:hover ul li:first-child
{
border-top:0;
}
.box-distributor-inner:hover ul li:last-child
{
border-bottom:0;
}
.box-distributor-inner:hover ul li a
{
display:block;
color:#878787;
padding:5px 10px;
}
*/
/* end newsite distributor layout */
/* newsite category specific layout */
.category-breadcrumb-bar
{
width:100%;
background-color:#2b3037;
}
.category-header
{
width:100%;
position:relative;
display:block;
margin-bottom:3px;
margin-top:20px;
}
.category-header h1,
.category-header a
{
display:block;
position:relative;
padding:12px 20px;
margin:0;
font-size:14px;
font-family:Nevis,arial;
font-weight:normal;
color:white;
}
.category-listing
{
background:white;
}
.category-listing ul
{
list-style:none;
list-style-type:none;
padding:20px 15px;
margin:0;
}
.category-sub-header
{
background:#1F242A;
padding:20px 0;
display:block;
width:100%;
}
.category-sub-header p
{
display:block;
padding-left:20px;
font-size:12px;
}
.category-sub-header h4
{
display:block;
padding-left:20px;
margin:0;
font-weight:normal;
font-size:22px;
}
.category-breadcrumb
{
width:100%;
position:relative;
background-color:#2b3037;
}
.category-breadcrumb ul
{
list-style:none;
list-style-type:none;
padding:0 0 0 10px;
margin:0;
}
.category-breadcrumb ul li
{
float:left;
}
.category-breadcrumb ul li a
{
display:inline-block;
*display:block;
border-right:1px solid white;
color:white;
padding:12px 17px;
font-size:14px;
}
.category-breadcrumb ul li:last-child a
{
border:0;
}
.category-sub-header-listing
{
background:none !important;
margin:0;
padding:0 10px;
}
.category-sub-header-listing a {color:white !important;font-size:14px !important;}
/* end newsite specific category layout */
.left-menu-items-maps
{
padding:0px 15px 12px 15px;
color:#8797A3;
}
.left-menu-items-maps p
{
padding-top:12px;
padding-bottom:12px;
font-size:14px;
}
/* newsite brochure layout */
.brochure-sub-header
{
background:url('/img/newsite/bg-brochure-header.png') top center no-repeat;
padding:20px 0;
display:block;
width:100%;
}
.brochure-inner-content
{
padding:10px 30px;
display:block;
}
.brochure-inner-content h1,
.brochure-inner-content h2,
.brochure-inner-content h3,
.brochure-inner-content h4
{
padding-top:0;
margin-top:0;
}
.brochure-inner-content img {max-width:100%;height: auto;}
.brochure-content
{
display:block;
padding:20px 0;
width:100%;
background:white;
font-size:14px;
color:#8797a3;
}
.brochure-title
{
font-family:Nevis,Arial;
font-size:16px;
font-weight:normal;
}
.brochure-download-listing ul
{
list-style:none;
list-style-type:none;
margin:0;
padding:0;
}
.brochure-download-listing ul li a
{
color:#8797a3;
background:url('/img/newsite/bullet-right-button-brochure.png') center left no-repeat;
padding:7px 0 7px 35px;
display:block;
}
.brochure-inner-content li a
{
color:#8797a3;
}
/* end newsite brochure layout */
/* newsite about us */
.about-header-bg
{
background-color:#2A2E35;
}
.more-info-bg-about
{
background:url('/img/newsite/button-arrow.png') center right no-repeat #2A2E35;
margin:15px 20px 0 0 !important;
padding:10px 60px 10px 15px !important;
float:left;
font-size:14px !important;
display:inline-block !important;
overflow:hidden;
position:relative;
font-family:Nevis,arial !important;
color:white !important;
text-align:left !important;
border:0;
cursor:pointer;
}
/* end newsite about us */
.more-info-bg-submit
{
background:url('/img/newsite/button-arrow.png') center right no-repeat #69B034;
padding:10px 60px 10px 15px !important;
font-size:14px !important;
display:block !important;
width:100%;
overflow:hidden;
position:relative;
font-family:Nevis,arial !important;
color:white !important;
text-align:left !important;
border:0;
cursor:pointer;
}
/* newsite product list item layout */
.product-list-item
{
margin-bottom:20px;
color:#8797a3;
font-size:14px;
}
.product-list-header
{
height:62px;
}
.product-list-header h1
{
font-size:14px;
font-weight:normal;
font-family:Nevis,Arial;
}
.product-image-area
{
height:125px;
position:relative;
padding:20px 20px 0px 20px;
}
.product-list-item p
{
display:block;
padding:12px 20px;
}
.product-list-item-button
{
position:relative;
padding:0 20px 0px 20px;
width:60%;
}
/* end newsite product list item layout */
/* newsite contact form and newsletter */
.box-newsletter-signup
{
background: #2b3037; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMzAzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjMzM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #2b3037 0%, #2f333b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2b3037), color-stop(100%,#2f333b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #2b3037 0%,#2f333b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #2b3037 0%,#2f333b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #2b3037 0%,#2f333b 100%); /* IE10+ */
background: linear-gradient(to right, #2b3037 0%,#2f333b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3037', endColorstr='#2f333b',GradientType=1 ); /* IE6-8 */
display:block;
padding:30px;
font-size:12px;
}
.box-newsletter-signup-shadow
{
background:rgba(255,255,255,0.4);
display:block;
padding:15px;
}
.box-newsletter-check
{
width:250px;
float:left;
position:relative;
}
.box-newsletter-submit
{
width:160px;
float:right;
position:relative;
}
.box-newsletter-check input
{
float:left;
position:relative;
}
.box-newsletter-check label
{
float:left;
position:relative;
font-size:10px;
width:200px;
padding-left:10px;
}
.box-newsletter-signup-shadow input
{
display:block;
padding:10px;
color:#878787;
border:0;
font-family:Nevis,arial;
font-size:14px;
}
.box-newsletter-signup-shadow textarea
{
display:block;
padding:10px;
width:381px;
color:#878787;
border:0;
font-family:Nevis,arial;
font-size:14px;
}
/* end newsletter and contact form */
.FooterGrey li a
{
color:#dfdfdf !important;
text-shadow:1px 1px 1px rgba(0,0,0,0.7);
}
/*
.left-menu-title
{
font-family:Nevis,Arial;
display:block;
padding:12px 15px;
font-weight:normal;
font-size:14px;
margin-bottom:3px;
}
.bg-light-blue
{
background:url('/img/newsite/button-arrow.png') center right no-repeat #6F7176;/*#A0BAD0;
}
.more-info-bg-red
{
background:url('/img/newsite/button-arrow.png') center right no-repeat #D60426;
margin:0 !important;
}
.left-menu-items
{
background:white;
margin-bottom:20px;
}
.left-menu-items ul
{
list-style:none;
list-style-type:none;
padding:0;
margin:0;
width:100%;
}
.left-menu-items li
{
border-bottom:1px solid #DFDFDF;
border-top:1px solid #EBEBEB;
}
.left-menu-items li a
{
padding:12px 15px;
font-size:14px;
font-family:arial;
display:block;
color:#8797a3;
}
.left-menu-items li span
{
padding:12px 15px;
font-size:14px;
font-family:arial;
display:block;
color:#8797a3;
}
.left-menu-items li:last-child
{
border-bottom:0;
}
.left-menu-items li:first-child
{
border-top:0;
}
.left-menu-items-personnel span {font-size:14px !important;padding-bottom:0 !important;}
.left-menu-items-personnel li {border:0 !important;}
a.button-more
{
padding:10px 15px !important;
margin:12px 15px !important;
display:block;
overflow:hidden;
position:relative;
font-family:Nevis,arial !important;
color:white !important;
text-align:left !important;
}
.left-menu-items a.linkedin {background:url('/img/newsite/linkedin-logo3.png') center right 10px no-repeat;}
.left-menu-items a.twitter {background:url('/img/newsite/twitter-logo3.png') center right 10px no-repeat;}
.left-menu-items a.facebook {background:url('/img/newsite/facebook-logo3.png') center right 10px no-repeat;}
.left-menu-items a.youtube {background:url('/img/newsite/youtube-logo3.png') center right 10px no-repeat;}
.leftNav {z-index:1000;}
.leftNav ul ul {display:none;}
.leftNav ul ul ul {display:none;}
.leftNav li {position:relative;}
.leftNav ul > li:hover > ul
{
display:block;
position:absolute;
left:200px;
top:-49px;
background:white;
border-left:3px solid #DDD;
border-right:3px solid #DDD;
border-bottom:3px solid #DDD;
border-top:3px solid #DDD;
}
.leftNav ul > li:hover > ul > li:hover >ul
{
display:block;
position:absolute;
left:200px;
top:-49px;
background:white;
border:3px solid #DDD;
}
li.left-menu-title
{
border-bottom:3px solid #ddd;
margin-bottom:0;
}
*/
/* Category page */
.breadcrumb-link
{
max-width:160px !important;
text-overflow:ellipsis !important;
white-space:nowrap;
display:inline-block;
overflow:hidden;
}
.sub-cat-item
{
width:225px;
position:relative;
float:left;
display:block;
margin-top:10px;
padding:0 0px 0 10px;
background:white;
}
.sub-cat-item p
{
font-size:11px !important;
line-height:auto !important;
margin-top:0 !important;
padding-top:0 !important;
}
.main-cat-item-primary
{
width:330px;
position:relative;
float:left;
display:block;
background:white;
margin-top:20px;
margin-left:20px;
}
.main-cat-item-primary .sub-cat-item-title
{
padding:0 !important;
}
.main-cat-item-primary .sub-cat-item-title a
{
font-size:14px;
border:1px solid white;
display:block;
padding:11px 30px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background:url('/img/newsite/button-arrow.png') center right no-repeat;
padding-right:45px;
}
.main-cat-item
{
width:350px;
position:relative;
float:left;
display:block;
background:white;
margin-top:20px;
}
.main-cat-item-primary p,
.main-cat-item p
{
font-size:12px !important;
line-height:auto !important;
margin-top:10px !important;
padding-top:0 !important;
color:#8797a3;
}
.sub-cat-item-title
{
padding:5px 10px;
display:block;
border-bottom:3px solid #ddd;
}
.sub-cat-item-title-primary
{
padding:2px 10px;
display:block;
}
.sub-cat-item-title a
{
color:white;
font-weight:bold;
font-size:12px;
}
.sub-cat-item img
{
float:left;
padding-right:10px;
vertical-align: top;
max-width:65px;
}
.main-cat-item img
{
float:left;
padding:10px;
vertical-align: top;
max-width:120px;
}
.main-cat-item .sub-cat-item-title
{
padding:12px 20px;
}
.main-cat-item .sub-cat-item-title a
{
font-size:14px;
display:block;
}
.category-listing {color:#8797a3;}
.category-listing p {padding:10px; font-size:12px;}
.product-listing p
{
padding-left:20px !important;
padding-right:20px !important;
}