/* 
   Gratnells : Master Stylesheet
   =============================
   October 09
   
   RESET DEFAULT STYLING + FOUNDATIONS                             RESET DEFAULT STYLING + FOUNDATIONS ::
--------------------------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
    background-color: #F4F4F4;
    font: normal 70% Arial, Helvetica, sans-serif;
    color: #333;
    text-align: center;
}
  
div#wrapper {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
  
div#frame {
    float: left;
    width: 980px; /* FIX IE 5.5 */
    w\idth: 940px;
    padding: 20px;
    border: 1px solid #CCC;
    border-width: 0 1px 1px;
    background-color: #FFF;
}
  
div.frame {
    position: relative;
    float: left;
    width: 940px;
    z-index: 3;
}

a {
    text-decoration: none;
    color: #444;
}

a.skiplink {
    display: none;
}

img {
    display: block;
}

h1{
}


/* ROUNDED CORNERS                                                                     ROUNDED CORNERS ::
--------------------------------------------------------------------------------------------------------- */
.lt, .rt, .lb, .rb {position:absolute; height:5px; width:5px; display:block; padding: 0; margin: 0;}
.lt, .lb {left: 0;}
.lt, .rt {top: 0;}
.rt, .rb {right: 0;}
.rb, .lb {bottom: 0;}


/* HEADER                                                                                       HEADER ::
--------------------------------------------------------------------------------------------------------- */
div#header h2 a {
    float: left;
    width: 158px;
    height: 110px;
    margin: -20px 0 0;
    text-indent: -9999px;
    background: #FFF url("../images/gratnells.jpg") no-repeat 0 0;
    z-index: 99;
    position: relative;
}

div#header h3, div#header div.form, #VolusionLiveChat, a.langJump {
    /*position: absolute;
    top: 0;
    left: 836px;*/
    float: right;
}

div#header h3 {
    /*top: 55px;*/
    clear: right;
    width: 209px;
    height: 15px;
    background: #FFF url("../images/call-us-on.jpg") no-repeat 0 0;
    text-indent: -9999px;
    margin: 30px 0 10px;
}

div#header div.form {
    /*top: 5px;
    left: 357px;*/
    width: 290px;
    float: left;
    margin: 0 0 0 55px;
    display: inline;
}

div#header div.form fieldset {
    float: left;
    width: 290px;
}

div#header div.form label {
    float: left;
    width: 78px;
    margin: 4px 0 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #2B4583;
}

div#header div.form input {
    float: left;
    width: 184px; /* FIX IE 5.5 */
    w\idth: 176px;
    border: 1px solid #7E8EB3;
}

div#header div.form input.btn {
    width: 20px;
    height: 18px;
    margin: 2px 0 0 6px;
    border: 0;
    background: #71B023 url("../images/go.jpg") no-repeat 0 0;
    text-indent: -9999px;
    font-size: 0;
    line-height: 25px;
}

/**+html div#header div.form input.btn{font-size:0;display:block;line-height:0} */

/*#VolusionLiveChat,*/
a.langJump {
    width: 102px; /* FIX IE 5.5 */
    w\idth: 95px;
    border: 1px solid #CCC;
    /*padding: 9px 0 9px 7px;*/
    padding: 6px 0 6px 7px;
    background: #DDD url("../images/gb.jpg") no-repeat 77px center;
    color: #1F3A7C;
    cursor:pointer;
}

#VolusionLiveChat {
    padding-right: 1px;
    /*background-image: url("../images/live-help-go.jpg");*/
}

#VolusionLiveChat table tr td a {
    letter-spacing: -1px;
    color: #fff !important;
}

#VolusionLiveChat table tr td a img {
}

div#langmenu{
    position:absolute;
    right:198px;
    top:27px;
    width: 100px; /* FIX IE 5.5 */
    w\idth: 93px;
    border: 1px solid #CCC;
    padding: 3px 0 9px 9px;
    background: #FFF;
    color: #1F3A7C;
    z-index: 99;
}

a.gb{
    background-image:url("/Media/images/gb.png");
}

a.br{
    background-image:url("/Media/images/br.png");
}

a.fr{
    background-image:url("/Media/images/fr.png");
}

a.de{
    background-image:url("/Media/images/de.png");
}

a.es{
    background-image:url("/Media/images/es.png");
}

a.it{
    background-image:url("/Media/images/it.png");
}

a.ru{
    background-image:url("/Media/images/ru.png");
}

a.gr{
    background-image:url("/Media/images/gr.png");
}

a.us{
    background-image:url("/Media/images/us.png");
}

a.lv{
    background-image:url("/Media/images/lv.png");
}

div#langmenu a{

}

div#langmenu ul{

}

div#langmenu ul li{
    float:left;
    width:45px;
    margin:7px 0 0 0;
}

div#langmenu ul li a,
div#langmenu ul li img{
    display:block;
}

div#langmenu ul li a{
    color:#081F61;
    font-size:100%;
    float:left;
}

div#langmenu ul li a.langtext{
    padding:3px 0 0 3px;
}

div.langcontent{
    float:right;
}

div.langcontent div#langwelcome{
    width:500px;
    height:200px;
    background:#FFFFFF url(/Media/images/lang_bg.jpg) no-repeat scroll 0 0;
    margin:0;
    position:relative;
    padding:0 0 0 35px;
}

div.langcontent div#langwelcome h2{
    color:#0B2063;
    font-size:29px;
    font-weight: normal;
    margin:20px 16px;
    width:295px;
    padding:18px 0 0;
    margin:0;
    float:right;
}

div.langcontent div#langwelcome .langfeature{
    position:absolute;
    left:30px;
    top:16px;
    width: 190px;
    height: 170px;
    background: url(/Media/images/international-featureimage.jpg) no-repeat left top;
}

div.langcontent div#langbody{
    width:490px;
    margin:25px 0;
    font-size:120%;
    line-height:18px;
    padding:0 25px;
}

div.langcontent div#langbody p{
    margin:0 0 12px;
    line-height: 150%;
    color: #333;
}

div.langoptionscontainer{
    margin:0 0 0 25px;
    border-top:solid 1px #D6D6D6;
 /*   border-bottom:solid 1px #D6D6D6; */
    float:left;
    clear:both;
    width: 528px;
}

div.langoptionscontainer div.langoption{
    float:left;
    width:528px;
    padding:15px 0;
}

div.langoptionscontainer div.langoption a,
div.langoptionscontainer div.langoption img{
    display:block;
    float:left;
}

div.langoptionscontainer div.langoption a{
    color:#0B2063;
    font-size:150%;
    font-weight:bold;
    margin:5px 0 0 10px;
}

img.langMember{
    padding:10px 10px 10px 0;
    float: left;
}

img.langMember2{
    padding:10px;
    float: left;
}

/* NAVIGATION                                                                               NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
ul#nav {
    float: left;
    width: 940px;
    margin: 20px 0 0;    
}

ul#nav li {
    float: left;
    border-left: 1px solid #FFF;
    position: relative; 
}

ul#nav li#navHome {
    border-width: 0px;
}

ul#nav a {
    float: left;
    width: 103px;
    height: 49px;
    background: #FC3 none no-repeat 0 0;
    text-indent: -9999px;  
    
}

ul#nav li#navHome a,
ul#nav li#navLinks a {
    width: 105px;
    background-image: url("../images/nav_home.jpg");
}
  
ul#nav li#navEducation a {background-image: url("../images/nav_education.jpg");}
ul#nav li#navPlanning a {background-image: url("../images/nav_planning.jpg");}
ul#nav li#navMedical a {background-image: url("../images/nav_medical.jpg");}
ul#nav li#navTrade a {background-image: url("../images/nav_trade.jpg");}
ul#nav li#navAbout a {background-image: url("../images/nav_about.jpg");}
ul#nav li#navNews a {background-image: url("../images/nav_news.jpg");}
ul#nav li#navContact a {background-image: url("../images/nav_contact.jpg");}
ul#nav li#navLinks a {background-image: url("../images/nav_links.jpg");}

ul#nav a:hover,
body#home li#navHome a,
body#education li#navEducation a,
body#planning li#navPlanning a,
body#trade li#navTrade a,
body#medical li#navMedical a,
body#about li#navAbout a,
body#news li#navNews a,
body#contact li#navContact a,
body#media li#navMedia a {
    background-position: 0 -49px;
}

li#navHome a.selected,
li#navEducation a.selected,
li#navPlanning a.selected,
li#navTrade a.selected,
li#navMedical a.selected,
li#navAbout a.selected,
li#navNews a.selected,
li#navContact a.selected,
li#navMedia a.selected {
    background-position: 0 -49px;
}

ul#nav ul {
    width: 103px;
    border: 0;
    position: absolute;
    top: 49px;
    left: 0;
    z-index: 999999;
    display: none;
}

ul#nav ul li {
    border: 0;
    height: 39px;
    display: table;
}

ul#nav ul li a {
    float: none;
    text-indent: 0;
    background: #e2e2e2;
    background-image: none;
    border-top: 1px solid #fff;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    color: #0A1F60;
    font-size: 110%;
    font-weight: bold;
    width: 87px;
    padding: 5px 8px;
    display: table-cell;
    vertical-align: middle;
}

ul#nav li#navEducation ul li a,
ul#nav li#navPlanning ul li a,
ul#nav li#navMedical ul li a,
ul#nav li#navTrade ul li a,
ul#nav li#navAbout ul li a,
ul#nav li#navNews ul li a ,
ul#nav li#navContact ul li a,
ul#nav li#navLinks ul li a {
    background-image: none;
}

ul#nav li#navHome ul li a,
ul#nav li#navLinks ul li a {
    width: 87px;
}

ul#nav ul li a:hover {
    background: #d2d2d2;
}

/* BREADCRUMB                                                                               BREADCRUMB ::
--------------------------------------------------------------------------------------------------------- */
div#breadcrumb{
    float:left;
    position:relative;
    width:922px;
    background-color:#F0F0F0;
    margin:23px 0 8px;
    padding:12px 9px;
}

div#breadcrumb a{
    font-size:110%;
}

div#breadcrumb a.current{ font-weight:bold; }

/* HOMEPAGE                                                                                   HOMEPAGE ::
--------------------------------------------------------------------------------------------------------- */
#welcome {
    margin: 5px 0 0 0;
    float: left;
    width: 940px;
    height:265px;
    padding: 0;
    position: relative;
}

#welcome h1 {
    width: 393px;
    height: 128px;
    text-indent: -9999px;
    display:none;
    position:absolute;
    top:0;
    left:0;
}

#welcome div.homefeatureimg {
    position: absolute;
    right: 0;
    top: -7px;
    width: 341px;
    height: 263px;
    background: url(/Media/images/home/home-feature.png) no-repeat left top;
}

#welcome ul {
    position:absolute;
    top:33px;
    left:0;
    z-index:2;  
}

#welcome ul li h3 a {
    text-indent: -9999px;
    width: 190px;
    height: 50px;
    display: block;
    margin: 0 0 4px 0;
}

#welcome ul li h3 a.education {
    background: #fff url(/Media/images/home/education-text.jpg) no-repeat 0 0;
}

#welcome ul li h3 a.planningdesign {
    background: #fff url(/Media/images/home/planning-design-text.jpg) no-repeat 0 0;
}

#welcome ul li h3 a.tradebuyers {
    background: #fff url(/Media/images/home/trade-buyers-text.jpg) no-repeat 0 0;
}

#welcome ul li h3 a.medical {
    background: #fff url(/Media/images/home/medical-text.jpg) no-repeat 0 0;
}

#welcome #rotatingimages
{
 width:940px;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
}

rotatingimages img
{
 display:none;
}

/* Features */
#homefeatures {
    float: left;
    width: 940px;
    padding: 7px 0 0;
}

#homefeatures #happystack,
#homefeatures #happystack h2,
#homefeatures #happystack p,
#homefeatures #happystack a,
#homefeatures #supply,
#homefeatures #supply h3,
#homefeatures #supply p,
#homefeatures #sciencestorage,
#homefeatures #sciencestorage h3,
#homefeatures #sciencestorage p,
#homefeatures #problems,
#homefeatures #problems h3,
#homefeatures #problems p {
    float: left;
    color: #fff;
}

#homefeatures img.happystackhome {
    float: left;
    margin: 6px 8px 0 0;
    display: inline;
}

#homefeatures #happystack {
    width: 372px;
    height: 236px;
    background: #fff url(/Media/images/home/happystack-feature.jpg) no-repeat left top;
    margin: 6px 8px 0 0;
    display: inline;
    cursor: pointer;
}

#homefeatures #happystack h2,
#homefeatures #supply h3 a.deliver,
#homefeatures #sciencestorage h3 a.plan,
#homefeatures #problems h3 a.prep {
    width: 124px;
    height: 41px;
    background: #fff url(/Media/images/home/introducing-happystack.jpg) no-repeat left top;
    text-indent: -9999px;
    margin: 14px 15px;
    display: inline;
}

#homefeatures #happystack p,
#homefeatures #happystack a,
#homefeatures #supply p,
#homefeatures #supply a,
#homefeatures #sciencestorage p,
#homefeatures #problems p {
    width: 130px;
    padding: 0 15px 14px;
    clear: both;
}

#homefeatures #happystack a,
#homefeatures #supply a {
    color: #fc3;
    font-size: 120%;
}

#homefeatures #supply {
    width: 275px;
    height: 235px;
    background: #fff url(/Media/images/home/supply-worldwide.jpg) no-repeat left top;
    margin: 6px 8px 0 0;
    display: inline;
    cursor: pointer;
}

#homefeatures #supply h3 a.deliver {
    width: 238px;
    height: 16px;
    background: #fff url(/Media/images/home/we-supply.jpg) no-repeat left top;
    float: left;
    padding: 0;
}

#homefeatures #supply p {
    width: 210px;
    padding: 132px 15px 2px;
}

#homefeatures #supply a {
    font-size: 100%;
}

#homefeatures #sciencestorage,
div.threecol div.middle #sciencestorage {
    width: 275px;
    height: 119px;
    background: #fff url(/Media/images/home/science-storage-space.jpg) no-repeat left top;
    margin: 0;
    cursor: pointer;
}

#homefeatures #sciencestorage h3 a.plan,
div.threecol div.middle #sciencestorage h3 a.plan {
    width: 164px;
    height: 31px;
    background: #fff url(/Media/images/home/make-the-most.jpg) no-repeat left top;
    margin: 14px 15px 5px;
    padding: 0;
    float: left;
}

div.threecol div.middle #sciencestorage h3 a.plan {
    margin: 0 0 5px;
}

#homefeatures #sciencestorage p {
    width: 180px;
}

div.threecol div.middle #sciencestorage,
div.threecol div.middle #problems {
    width: 223px;
    height: 129px;
    float: left;
    margin: 7px 0 0;
    background: #fff url(/Media/images/science-storage.jpg) no-repeat left top;
    position: relative;
}

div.threecol div.middle #sciencestorage p,
div.threecol div.middle #problems p {
    color: #fff;
    float: left;
    clear: both;
    padding: 0 10px;
    width: 147px;
    position: absolute;
    top: 47px;
    left: 0;
}

div.threecol div.middle #problems p {
    width: 180px;
}

#homefeatures #problems,
div.threecol div.middle #problems {
    width: 275px;
    height: 115px;
    background: #fff url(/Media/images/home/prep-room-design.jpg) no-repeat left top;
    margin: 7px 0 0;
    cursor: pointer;
}

#homefeatures #problems h3 a.prep,
div.threecol div.middle #problems h3 a.prep {
    width: 155px;
    height: 31px;
    background: #fff url(/Media/images/home/the-problems.jpg) no-repeat left top;
    margin: 14px 15px 5px;
    float: left;
    padding: 0;
}

div.threecol div.middle #problems h3 a.prep {
    margin: 0 0 5px;
}

#homefeatures #problems p {
    width: 210px;
}

div.threecol div.middle #problems {
    background: #fff url(/Media/images/problems.jpg) no-repeat left top;
    width: 223px;
    height: 127px;
}

div.threecol div.middle #sciencestorage h3,
div.threecol div.middle #problems h3 {
    text-indent: -9999px;
    margin: 12px 10px 5px;
}


/* PROMOTIONAL FEATURES                                                           PROMOTIONAL FEATURES ::
--------------------------------------------------------------------------------------------------------- */
.promofeatures {
    float: left;
    width: 940px;
    background: #FFF url("../images/feature-bg.jpg") no-repeat 0 0;
    margin: 25px 0 0;
    padding: 15px 0 0;
    position: relative;
    z-index: 1;
}

.promofeatures .panel {
    width: 161px;
    padding: 0 14px 0 0;
    float: left;
    min-height: 205px;
    height: auto !important;
    height: 205px;
    border-right: 1px solid #d6d6d6;
    margin-right: 14px;
    display: inline;
}

.promofeatures .panel.science {
    /*background: #FFF url("../images/science-man.jpg") no-repeat 90% 100%;*/
    position: relative;
}

.promofeatures .panel.science img {    
    /*background: #FFF url("../images/science-man.jpg") no-repeat 90% 100%;*/
    position: absolute;
    top: 15px;
    left: 0;
}

.promofeatures .panel.storage {
    background: #FFF url("../images/storage-man.jpg") no-repeat 85% 93%;
}

.promofeatures .panel.plain {
    background: #FFF url("../images/gratbuild.jpg") no-repeat -10% 40%;
    z-index: 99;
}

.promofeatures .panel.first {
    width: 170px;
    padding: 0 6px 0 0;
}

.promofeatures .panel.last {
    width: 165px;
    margin: 0;
    padding: 0;
    border-right: 0;
}

.promofeatures .panel .panelcontent {
    float: left;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 5px 0 1px;
    width: 161px;
    height: 162px;
    margin: 0 0 5px;
    position: relative;
    z-index: 0;
}

.promofeatures .panel.first .panelcontent {
    border-top: 0;
    height: 143px;
}

.promofeatures .panel.plain .panelcontent {
    border-top: 0;
    height: 163px;
}

.promofeatures .panel.storage .panelcontent {
    height: 143px;
    border-top: 0;
    z-index: 99;
}

.promofeatures .panel.science .panelcontent h5 {
    width: 120px;
}

.promofeatures .panel.science .panelcontent p {
    width: 90px;
}

.promofeatures .panel.storage .panelcontent p {
    width: 90px;
}

.promofeatures .panel h4 {
    font-size: 150%;
    font-weight: normal;
    padding: 0 0 15px;
}

.promofeatures .panel.first h4 {
    border-bottom: 0;
}

.promofeatures .panel.first h5 {
    font-size: 110%;
    font-weight: normal; 
    color: #333;
    margin: -10px 0 15px;
}

.promofeatures .panel span.date {
    color: #3e79b7;
    font-weight: bold;
    font-size: 110%;
}

.promofeatures .panel h5 a {
    color: #081f61;
    padding: 0 0 5px;
    display: block;
    font-size: 110%;
}

.promofeatures .panel h6.email,
.promofeatures .panel h6.fax,
.promofeatures .panel h6.tel {
    border-bottom: 1px solid #d6d6d6;
    padding: 20px 0 20px 40px;
    font-size: 110%;
    position: relative;
}

.promofeatures .panel h6.email {
    padding: 5px 0 10px;
    background: none;
    position: relative;
}

.promofeatures .panel h6.email img {
    display: inline;
}

.promofeatures .panel h6.email a.contactlink {
    position: absolute;
    top: 15px;
    left: 40px;
}

.promofeatures .panel h6.fax {
    background: #FFF url("../images/fax.jpg") no-repeat 0 13px;
}

.promofeatures .panel h6.tel {
    background: #FFF url("../images/telephone.jpg") no-repeat 0 13px;
    border-bottom: 0;
}

.promofeatures .panel a.green {
    color: #71b022;
    display: block;
    font-size: 110%;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
}

.promofeatures .panel a.rss {
   left:346px;
    position:absolute;
    top:18px;
}

.promofeatures .panel.last p {
    width: 80px;
    padding: 10px 0 0;
}

.promofeatures .panel a.request {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 79px;
    height: 29px;
    background: url("../images/gobutton.jpg") no-repeat 0 0;
    text-indent: -9999px;
}

.promofeatures .panel img.gratbuild {
    margin-left: -4px;
}

.promofeatures .panel div.brochureimg {
    position: absolute;
    top: -10px;
    left: 78px;
    width: 134px;
    height: 165px;
    background: url(/Media/images/home/brochures.png) no-repeat left top;
}

.promofeatures .panel div.brochureimg.medical {
    top: -5px;
    left: 76px;
    width: 131px;
    height: 156px;
    background: url(/Media/images/home/medical-brochures.png) no-repeat left top;
}

.promofeatures .panel .meetingrequest {
    position: relative;
    left: 0;
    top: 6px;
    float: left;
    z-index: 99;
}

.promofeatures .panel .meetingrequest .innermeeting {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 371px;
    height: 294px;
    z-index: 99;
}

.promofeatures .panel .meetingrequest .innermeeting .pagepromo {
    width: 371px;
    margin: 0;
}

.promofeatures .panel .meetingrequest .innermeeting .pagepromo .ppmiddle {
    width: 341px;
    padding: 0 15px 5px;
}

.promofeatures .panel .meetingrequest .innermeeting .pagepromo h2 {
    color: #081F61;
    padding: 5px 0 0;
}

.promofeatures .panel .meetingrequest .innermeeting .pagepromo span.help {
    color: #081F61;
    padding: 0 0 15px;
    width: 345px;
}

.promofeatures .panel .meetingrequest .innermeeting .pagepromo span.help.red {
    color: Red;
}


/* SECONDARY NAVIGATION                                                           SECONDARY NAVIGATION ::
--------------------------------------------------------------------------------------------------------- */
ul#secnavwrapper {
    float: left;
    margin: 0 20px 0 0;
    display: inline;
    width: 170px;
}

ul#secnavwrapper li {
    margin: 0 0 3px;
    float: left;
    clear: both;
}

ul#secnavwrapper li a.sec,
ul#secnavwrapper li a.selectedsec,
ul#secnavwrapper li a.selecteddownsec {
    display: block; 
    color: #0A1F60; 
    text-decoration: none; 
    position: relative; 
  /*  padding: 7px 7px 7px 12px; */
  padding: 7px 16px 7px 12px;
    font-size: 110%;
    float: left;
    font-weight: bold;
    width: 141px;
   /* height: 17px; */
    background: #DDD url(/Media/Images/nav-arrow.jpg) no-repeat 145px center;    
}

ul#secnavwrapper li a.sec:hover,
ul#secnavwrapper li a.selectedsec {
    background: #FFCC33 url(/Media/Images/nav-arrow-selected.jpg) no-repeat 145px center;
}

ul#secnavwrapper li a.selecteddownsec {
    background: #FFCC33 url(/Media/Images/nav-arrow-down-selected.jpg) no-repeat 145px center;
}

ul#secnavwrapper li a.sec .lt {background: url(/Media/Images/nav-tl.jpg) no-repeat 0 0;}
ul#secnavwrapper li a.sec .rt {background: url(/Media/Images/nav-tr.jpg) no-repeat 0 0;}
ul#secnavwrapper li a.sec .lb {background: url(/Media/Images/nav-bl.jpg) no-repeat 0 0;}
ul#secnavwrapper li a.sec .rb {background: url(/Media/Images/nav-br.jpg) no-repeat 0 0;}

ul#secnavwrapper li a.selectedsec .lt, ul#secnavwrapper li a.selecteddownsec .lt, ul#secnavwrapper li a.sec:hover .lt {background:url(/Media/Images/nav-tl-selected.jpg) no-repeat;}
ul#secnavwrapper li a.selectedsec .rt, ul#secnavwrapper li a.selecteddownsec .rt, ul#secnavwrapper li a.sec:hover .rt {background:url(/Media/Images/nav-tr-selected.jpg) no-repeat;}
ul#secnavwrapper li a.selectedsec .lb, ul#secnavwrapper li a.selecteddownsec .lb, ul#secnavwrapper li a.sec:hover .lb {background:url(/Media/Images/nav-bl-selected.jpg) no-repeat;}
ul#secnavwrapper li a.selectedsec .rb, ul#secnavwrapper li a.selecteddownsec .rb, ul#secnavwrapper li a.sec:hover .rb {background:url(/Media/Images/nav-br-selected.jpg) no-repeat;}

ul.catnavwrapper{
    margin: 7px 0 10px;
    float: left;
    clear: both;
    border: 0px solid red;
}

ul.catnavwrapper li {
    margin:2px 0; 
}

ul.catnavwrapper li a{
    display:block; 
    color:#0A1F60; 
    text-decoration:none; 
    position:relative; 
    padding:3px 7px 3px 12px; 
    font-size:110%; 
    font-weight:bold;
    width:150px;
    background-color:#EEE;
    float: left;
}

ul.catnavwrapper li a:hover, ul.catnavwrapper li a.selectedcat{
    border-left: solid 3px #FFCC33;
    padding-left:9px;
    background-color:#DDD;
}

ul.catnavproductswrapper
{
    margin: 0 !important;
}

ul.catnavproductswrapper li a{
    padding:3px 7px 3px 27px; 
    width:135px;
    font-weight:normal;
}

ul.catnavproductswrapper li a:hover, ul.catnavproductswrapper li a.selectedcat {
    padding:3px 7px 3px 24px; 
    width:135px;
    font-weight:normal;
}

ul#secnavwrapper li.secnavimgwrapper img {
    clear: both;
    float: left;
    margin: 20px 0 0;
    width: 170px;
    overflow: hidden;
}

ul#secnavwrapper li.plannerimgwrapper,
div.plannerimgwrapper {
    margin: 20px 0;
    width: 170px;
    height: 148px;
    position: relative;
    cursor: pointer;
}

ul#secnavwrapper li.secnav3dplanner,
div.secnav3dplanner,
div.plannerimgwrapper,
ul#secnavwrapper li.plannerimgwrapper {
    background: url(/Media/images/trade-planner-block.jpg) no-repeat left top;
}

div.secnonav {
    width: 190px;
    float: left;
}

div.plannerimgwrapper{
    margin: 0 20px 0 0;
    display: inline;
    float:left;
}

.plannerimgwrapper p {
    color: #fff;
    position: absolute;
    left: 12px;
    top: 36px;
    width: 80px;
}

.plannerimgwrapper a {
    position: absolute;
    left: 12px;
    top: 122px;
    color: #FFCC33;
    font-weight: bold;
}

div.gb,
div.gbmedical {
    margin: 10px 0 0;
    width: 170px;
    height: 148px;
    float: left;
    background: url(/Media/images/GratbuildScience_Button.jpg) no-repeat left top; 
    position: relative;
}

div.gbmedical {
    background: url(/Media/images/GratbuildFrames_Button.jpg) no-repeat left top; 
}

div.gb a.launch,
div.gbmedical a.launch {
    width: 140px;
    height: 17px;
    background: url(/Media/images/gratbuild-launch.jpg) no-repeat left top;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 123px;
    left: 15px;
}

a.brandimgwrapper {
    float: left;
    margin: 10px 0 0;
    display: block;
    width: 170px;
    height: 149px;
    background: url(/Media/images/your-brand-block.jpg) no-repeat left top;
    position: relative;
    text-indent: -9999px
}

.yourbrand a.brandimgwrapper {
    margin: -10px 0 0;
}


/* FOOTER                                                                                       FOOTER ::
--------------------------------------------------------------------------------------------------------- */
#footer {
    float: left;
    width: 940px;
    height: 123px;
    background: #FFF url("../images/footer-bg.jpg") no-repeat 0 0;
    margin: 15px 0 0;
}

#footer ul {
    padding: 10px 0;
}

#footer ul li {
    float: left;
    padding: 0 23px;
}

#footer p#copyright,
#footer p#credit {
    float: left;
    padding-top: 35px;
}

#footer p#copyright a {
    display: inline;
    padding-right: 10px;
    margin-right: 10px;
    float: left;
    border-right: 1px solid #333;
}

#footer p#credit {
    float: right;
}


/* GENERAL PAGE STRUCTURE                                                       GENERAL PAGE STRUCTURE ::
--------------------------------------------------------------------------------------------------------- */

div.content {
    float: left;
    width: 750px;
    position: relative;
    z-index: 2;
}

div.content p a {text-decoration:underline;}

.wide div.content {
    width: 940px;
}

h1.sectionheading,
h2.sectionheading {
    height:50px;
    width:750px;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
    text-indent:-9999px;
}

h1.sectionheading{
    padding:0 0 20px 0;
}

h1.education, h2.education{ background-image:url(/Media/Images/education.jpg) }
h1.planningdesign, h2.planningdesign{ background-image:url(/Media/Images/planningdesign.png) }
h1.tradebuyers, h2.tradebuyers{ background-image:url(/Media/Images/trade-buyers.jpg) }
h1.medical, h2.medical{ background-image:url(/Media/Images/medical.png) }
h1.aboutus, h2.aboutus{ background-image:url(/Media/Images/about-us.jpg) }
h1.news, h2.news{ background-image:url(/Media/Images/news.png) }
h1.contactus, h2.contactus{ background-image:url(/Media/Images/contact-us.jpg) }
h1.mediapress, h2.mediapress{ background-image:url(/Media/Images/) }
h1.3dplanner, h2.3dplanner{ background-image:url(/Media/Images/3d-planner.jpg) }
h1.brochures, h2.brochures{ background-image:url(/Media/Images/brochures.jpg) }
h1.yourbrand, h2.yourbrand{ background-image:url(/Media/Images/yourbrand.jpg) }
h1.links, h2.links{ background-image:url(/Media/Images/links-header.jpg) }

h1.threedplanner {
    background-image: url(/Media/Images/3d-planner-title.jpg);
    width: 940px;
}

h1.pageheading{
    margin:20px 16px;
    font-size:150%;
    color:#0B2063;
    float:left;
    width:710px;
    display: inline;
}

div.pagecontent{
    width:718px;
    padding:0 14px 0 16px;
    float:left;
}

div.pagecontent p{
    padding:0 0 20px;
    float:left;
    width:718px;
    line-height: 1.5em;
    font-size:120%;
}

p.pagecontent
{
    line-height: 1.5em;
    font-size:120%;
    margin:10px 0 16px;
    padding:0 0 0 16px;
}

.pagecontent ul
{
 list-style-type:none;
 float:left;
 width:718px;
 margin:0 0 6px 0;
 padding:0;
}

.pagecontent ul li
{
 padding-left:10px;
 margin-bottom:10px;
 background: url("/Media/images/bullet.gif") no-repeat 0 7px;
 font-size:120%;
}

div.auxcontent, div.auxcontent p{
    width:718px !important;
}

div.pagecol{
    float:left;
}

div.pcimg{
}

div.pcimg, div.pcimg p{
    width:350px !important;
}

div.pageimgs{
    width:370px;
}

div.pageimgs div.pcitop{
    background: url(/Media/Images/colimgtop.jpg) no-repeat 0 0;
    height:6px;
    font-size:6px;
    width:370px;
}

div.pageimgs div.pcibottom{
    background: url(/Media/Images/colimgbottom.jpg) no-repeat 0 0;
    height:6px;
    font-size:6px;
    width:370px;
    margin:0 0 18px;
}

div.pageimgs div.pcimiddle{
    background: url(/Media/Images/colimgmiddle.jpg) repeat-y 0 0;
    min-height:100px;
    height:auto !important;
    height:100px;
    width:370px;
    margin:0 auto;
    text-align:center;
    padding:5px 0;
}

div.pageimgs div.pcimiddle img{
    margin:0 auto;
    text-align:center;
}

div.pcfiles, div.pcfiles p{
    width:540px !important;
}

div.pagefiles div.pcfhtop{
    background: url(/Media/Images/colfhtop.jpg) no-repeat 0 0;
    height:6px;
    font-size:6px;
    width:180px;
}

div.pagefiles div.pcfhbottom{
    background: url(/Media/Images/colfhbottom.jpg) no-repeat 0 0;
    height:6px;
    font-size:6px;
    width:180px;
}

div.pagefiles div.pcfhmiddle{
    background: url(/Media/Images/colfhmiddle.jpg) repeat-y 0 0;
    min-height:100px;
    height:auto !important;
    height:100px;
    width:170px;
    padding:0 5px;
}

div.pagefiles div.pcfhmiddle h3{
    color:#0B2063;
    font-size:110%;
    margin:0 0 3px 4px;
}

div.pagefiles div.pcftop{
    background: url(/Media/Images/colftop.jpg) no-repeat 0 0;
    height:5px;
    font-size:5px;
    width:170px;
}

div.pagefiles div.pcfbottom{
    background: url(/Media/Images/colfbottom.jpg) no-repeat 0 0;
    height:5px;
    font-size:5px;
    width:170px;
    padding:0 0 3px 0;
}

div.pagefiles div.pcfmiddle{
    background: url(/Media/Images/colfmiddle.jpg) repeat-y 0 0;
    min-height:50px;
    height:auto !important;
    height:50px;
    width:156px;
    padding:0 5px 7px 9px;
}

div.pagefiles div.pcfmiddle span{
    display:block;
    font-weight:bold;
    padding:7px 0;
}

div.pagefiles div.pcfmiddle a{
    display:block;
    background: url(/Media/Images/filearrow.jpg) no-repeat 140px 3px;
    padding:0 15px 3px 0;
}

.polaroid {
    position:absolute;
    right:2px;
    top:25px;
    z-index:999;
}

div.pchimg, div.pchimg p, div.pchimg, div.pchimg ul {
    width:500px !important;
}

/* PAGE PROMO BOXES                                                                   PAGE PROMO BOXES ::
--------------------------------------------------------------------------------------------------------- */

div#pagepromoswrapper{
    float:left;
}

div.pagepromo{
    width:370px;
    margin-bottom:10px;
    position:relative;
    float: left;
}

div.ppleft {
    float: left;
    clear: both;
    margin: 0 10px 10px 0;
    display: inline;
}

div.ppright{
    float:right;
}

div.pagepromo div.pptop,
div.pagepromo div.ppbottom {
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:7px;
    height:7px;
}

div.pagepromo div.pptop{
    background-image:url(/Media/Images/pptop.png);
    
}

div.pagepromo div.pptop.white,
div.enquiryform div.pagepromo div.pptop,
div.brochureform div.pagepromo div.pptop,
div.meetingrequest div.pagepromo div.pptop,
div#login div.pagepromo div.pptop {
    background: url(/Media/Images/curvetop.png) no-repeat left top;  
    padding: 0;
    width: 371px; 
}

div.pagepromo.long div.pptop.white,
div#forgottenpassword div.pagepromo.long div.pptop
/* This is unfinished */{
    background-image:url(/Media/Images/curvetop-long.jpg);
    width: 750px;
    height: 6px;
}

div.pagepromo div.ppbottom{
    background-image:url(/Media/Images/ppbottom.png);
    clear:both;
}

div.pagepromo div.ppbottom.white,
div.enquiryform div.pagepromo div.ppbottom,
div.brochureform div.pagepromo div.ppbottom,
div.meetingrequest div.pagepromo div.ppbottom,
div#login div.pagepromo div.ppbottom {
    background:url(/Media/Images/curvebottom.png) no-repeat;
}

div.long{
    float:left;
}

div.pagepromo.long div.ppbottom.white{
    background-image:url(/Media/Images/curvebottom-long.jpg);
    width: 750px;
    height: 6px;
}

div.pagepromo div.ppmiddle {
    min-height: 106px;
    height: auto !important;
    height: 106px;
    width: 356px;
    padding: 0 7px;
    background: #F4F4F6 url(/Media/Images/ppmiddle.png) repeat-y 0 0;
    float: left;
    position: relative;
}

div.pagepromo div.ppmiddle.white{
    background: #FFF url(/Media/Images/curvemiddle.png) repeat-y 0 0;
    width:357px;
}

div.pagepromo.long div.ppmiddle.white{
    background-image:url(/Media/Images/curvemiddle-long.jpg);
    width: 726px;
    padding: 12px 12px 10px;
    min-height:70px;
    height:auto !important;
    height:70px;
}

/* div.pagepromo div.ppmiddle img{
    float:left;
} */

div.pagepromo div.ppcontainer{
    width: 108px;
    height: 108px;
    overflow: hidden;
    border: 1px solid #B1C5DD;
    left:4px;
    position:absolute;
    top:4px;
    background: #fff;
    -moz-border-radius-topleft  : 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft  : 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

div.pagepromo div.ppcontainer.ppproduct{
    height: 164px;
    width: 174px;
}

div.pagepromo img.ppimg{
    padding: 2px;
}


div.pagepromo div.ppmiddle div.ppcontent {
    float: left;
    width: 235px;
    /* margin-left:10px;*/
    margin-left: 114px;
    display: inline;
}

div.pagepromo div.ppmiddle div.ppcatlist{
    width:162px;
    margin-left:184px;
    min-height:160px;
    height:auto !important;
    height:160px;
}

div.pagepromo div.ppmiddle a.pptitle{
    display:block;
    font-size:140%;
    font-weight:normal;
    border-bottom: solid 1px #B1C5DD;
    padding:10px 0;
    margin:0 0 10px 0;
}

div.pagepromo div.ppmiddle a.education{ color:#DC2A2A; background: #F4F4F6 url(/Media/Images/redarrow.png) no-repeat right center;}
div.pagepromo div.ppmiddle a.planningdesign{ color:#019934; background: #F4F4F6 url(/Media/Images/planningarrow.png) no-repeat right center;} 
div.pagepromo div.ppmiddle a.tradebuyers{ color:#3C70A9; background: #F4F4F6 url(/Media/Images/tradearrow.png) no-repeat right center;}
div.pagepromo div.ppmiddle a.medical{ color:#E88B00; background: #F4F4F6 url(/Media/Images/medicalarrow.png) no-repeat right center;}
div.pagepromo div.ppmiddle a.aboutus{ color:#35447F;  }
div.pagepromo div.ppmiddle a.news{ color:#35447F;  }
div.pagepromo div.ppmiddle a.contactus{ color:#35447F;  }
div.pagepromo div.ppmiddle a.mediapress{ color:#35447F;  }
div.pagepromo div.ppmiddle a.3dplanner{ color:#35447F;  }

div.pagepromo div.ppmiddle span.ppsummarylabel{
    display:block;
    /*margin-top:10px;*/
    padding:0 2px;
    width:230px;
}

div.long div.formcol, div.long div.optioncol{
    width:360px;
}

div.long div.formcol{
    float:left;
    padding:0 6px 0 0;
}

div.long div.optioncol{
    float:right;
    
}

/* THREE COL */

div.threecol {
    width: 243px;
    margin-bottom: 10px;
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    display: inline;
}

div.threecol div.top,
div.threecol div.bottom {
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 7px;
    height: 7px;
}

div.threecol div.top {
    background-image: url(/Media/Images/pptop.jpg);  
}

div.threecol div.bottom {
    background-image: url(/Media/Images/ppbottom.jpg); 
    clear:both;
}

div.threecol div.middle {
    min-height: 98px;
    height: auto !important;
    height: 98px;
    width: 223px;
    padding: 0 10px 7px;
    background: #F4F4F6 url(/Media/Images/ppmiddle.jpg) repeat-y 0 0;
    float: left;
    position: relative;
}

div.threecol div.middle span {
    height: 57px;
    border-bottom: 1px solid #99B3CF;
    float: left;
    width: 222px;
    
}

div.threecol div.middle span a {
    color: #009832;
    font-size: 140%;
    padding: 7px 5px;
    display: block;
    position: relative;
}

div.threecol div.middle span a img {
    position: absolute;
    left: 202px;
    top: 12px;
}

div.threecol div.middle div.textonly {
    display:block;
    margin-top:10px;
    padding:0 2px;
    float: left;
    width: 218px;
    font-weight: bold;
}


/* FORMS                                                                                         FORMS ::
--------------------------------------------------------------------------------------------------------- */
div.form input {
    padding: 3px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}

div.form input.btn {
    cursor: pointer;
}

div.form div.item,
div.form div.fullitem {
    padding: 0 0 10px;
}

div.form div.item.tall {
    padding: 10px 0 10px;
}

div.form div.item h3 {
    color: #0B2063;
    font-size: 110%;
}

div.form div.item select {
    font-size: 100%;
    padding: 3px;
    width: 162px;
}

div.form div.item input,
div.form div.item textarea,
div.form div.fullitem textarea {
    border: 1px solid #acacac;
    width: 152px;
    font-size: 100%;
}

div.form div.item input.grey {
    width: 177px;
    background: #F4F4F4;
}

div.form div.item input.grey.inline {
    float: left;
}

div.form div.item textarea {
    width: 177px;
    height: 122px;
    padding: 3px 4px;
    background: #F4F4F4;
    font-family: Arial, Sans-Serif;
    font-size: 100%;
}

div.form div.item span {
    float: left;
    width: 151px;
    padding: 3px 0;
    margin: 0;
    color: #081F61;
}

div.form div.fullitem span {
    float: left;
    width: 335px;
    padding: 3px 0;
    margin: 0;
    color: #081F61;
}

div.form div.fullitem textarea {
    width: 321px;
    height: 50px;
    padding: 3px 4px;
    background: #F4F4F4;
    font-family: Arial, Sans-Serif;
    font-size: 100%;
}

div.form div.fullitem input{
    margin:0 12px 8px 0;
    float:left;
}

div.form div.fullitem label{
    width:135px;
    float:left;
    display:block;
    margin:0 0 8px 0;
}

div.form div.fullitem br{
    clear:both;
}

/* COMMON                                                                                       COMMON ::
--------------------------------------------------------------------------------------------------------- */
.pagecontent h2 {
    color: #0B2063;
    font-size: 130%;
    border-top: 1px solid #D6D6D6;
    float: left;
    width: 100%;
    padding: 15px 0 15px 15px;
    margin-left: -15px;
    display: inline;
}

.category h2
{
 width:718px;
}

.pagecontent h3
{
    color: #0B2063;
    font-size: 120%;
    float: left;
    width: 540px;
    padding: 0 0 15px 15px;
    margin-left: -15px;
    display: inline;
}

.category h3
{
 width:718px;
}

.auxcontent h2 {
    width: 718px;
    padding: 0;
    margin-left: 0;
    padding: 15px 0;
}

.auxcontent h2 a{
    color: #0B2063;
}

p.error {
    color: Red;
    padding: 0 0 5px;
}

div.hr {
    width: 369px;
    border-bottom: 1px solid #d6d6d6;
    float: left;
    padding: 0 0 10px;
}

div.boxes {
    float: left;
}

div.maincol,
div.subcol {
    
    float: left;
    width: 371px;
    margin: 0 7px 0 0;
    display: inline;
    padding: 10px 0 0;
}

div.subcol {
    width: 371px;
    margin: 0;
    padding: 10px 0 0;
}
div.subcol a{
    font-weight:bold;
    color:#000;
}

div.ui-tabs-panel ul {
display:block;
list-style-type:disc;
padding:0px 5px 12px 5px;
margin:0px;
}

div.ui-tabs-panel ul.cert {
display:block;
list-style-type:none;
padding:0px;
margin:0px;
}

div.ui-tabs-panel ul li{ 
margin-left:10px;
padding-left:10px;
}

div.ui-tabs-panel ul.cert li{ 
margin-left:0px;
padding-left:0px;
}

/* BUTTONS */
div.form div.item input.submit,
div.form div.item input.send,
div.form div.item input.login,
div.form div.item input.continue,
div.form div.item input.reg,
div.form div.item input.submitright {
    width: 79px;
    height: 29px;
    background: #71B023 url("../images/submit.jpg") no-repeat 0 0;
    padding: 5px 0 0;
    border: 0;
    text-indent: -9999px;
    float: left;
    font-size: 0;
    line-height: 25px;
    cursor:pointer;
}

div.form div.item input.submitright {
    float: right;
    margin: 0 28px 0 0;
    display: inline;
}

div.form div.item input.submit.long {
    margin: -4px 0 0 10px;
    display: inline;
}

div.form div.item input.send {
    width: 64px;
    height: 25px;
    background: #71B023 url("../images/send.jpg") no-repeat 0 0;
}

div.form div.item input.login {
    width: 79px;
    height: 29px;
    background: #71B023 url("../images/login.jpg") no-repeat 0 0;
}

div.form div.item input.continue {
    background: #71B023 url("../images/continue.jpg") no-repeat 0 0;
    width: 87px;
    height: 25px;
    margin: 10px 0 0;
}

div.form div.item input.reg {
    background: #71B023 url("../images/reg.jpg") no-repeat 0 0;
    width: 85px;
    height: 29px;
}

.logout {
    color: #fff;
    position: absolute;
    top: 15px;
    left: 690px;
    font-size: 110%;
    cursor: pointer;
    width: 45px;
}


/* PROMO AREAS */
div.maincol div.pagepromo div.ppmiddle,
div.subcol div.pagepromo div.ppmiddle {
    padding: 2px 10px;
    width: 350px;
}

div.maincol div.pagepromo div.ppmiddle.white,
div.subcol div.pagepromo div.ppmiddle.white {
    width: 341px;
    padding: 7px 15px;
}

div.maincol div.pagepromo,
div.subcol div.pagepromo {
    margin-bottom: 20px;
    width: 371px;
}


div.enquiryform div.pagepromo div.pptop {
    padding: 0;
    width: 371px;
}

div.enquiryform div.pagepromo div.ppbottom {
    padding: 0;
    width: 371px;
}


/* TRADE BUYERS                                                                           TRADE BUYERS ::
--------------------------------------------------------------------------------------------------------- */
#login {
    float: left;
    border-top: 1px solid #d6d6d6;
    margin: 25px 0 0;
    padding: 5px 0 0;
    width: 750px;
}

#login h2 {
    color:#091F62;
    font-size:130%;
}

#login p {
    padding-bottom: 10px;
}

#login a {
    color: #081F61;
    clear: both;
    display: block;
    padding: 0 0 0 150px;
}

#login a.email {
    clear: none;
    display: inline;
    padding: 0;
}

#login div.form div.item input.login {
    margin: 0 0 10px;
}

#login div.form h3#register {
    display: block;
    width: 180px;
    height: 29px;
    background: #71B023 url("../images/register-for-an-account.jpg") no-repeat 0 0;
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 20px;
}

#login div.form h3#register.active {
    background: #71B023 url("../images/register-for-an-account-down.jpg") no-repeat 0 0;
}

/* Downloads */

.tb {
    float: left;
}

.tb div.productitem div.pmiddle .tdcatimg {
    height: 155px !important; 
}

.tb div.productitem div.pmiddle img{
    margin: 0 auto;
}


/* 3D PLANNER                                                                               3D PLANNER ::
--------------------------------------------------------------------------------------------------------- */
#flash {
    position: relative;
    float: left;
    width: 750px;
}

#flash h2#planner {
    display: block;
    width: 372px;
    height: 40px;
    background: #71B023 url("../images/3d-planner-instructions.jpg") no-repeat 0 0;
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 20px;
}

#flash h2#planner.active {
    background: #71B023 url("../images/3d-planner-instructions-down.jpg") no-repeat 0 0;
    width: 370px;
}
    
#flash .pagepromo {
    clear: both;
    float: none;   
}

#flash #expandplannerpanel ul {
    float: left;
}

#flash #expandplannerpanel ul li {
    float: left;
    padding: 0 0 20px;
}

#flash #expandplannerpanel ul li div.visual {
    float: left;
    padding: 0 10px 0 0;
    width: 156px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    
}

#flash #expandplannerpanel ul li strong {
    display: inline;
}

#flash #expandplannerpanel ul li p {
    float: right;
    width: 560px;
}

.adobe {
    float: right;
    border: 1px solid #B7B7B7;
    width: 160px;
    padding: 10px;
    -moz-border-radius-topleft  : 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft  : 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.adobe p {
    font-size: 110%;
    color: #081F61;
}

.adobe img {
    float: left;
    padding: 10px 0 0;
}

.adobe a.download {
    display: block;
    width: 87px;
    height: 29px;
    background: #71B023 url("../images/download.jpg") no-repeat 0 0;
    text-indent: -9999px;
    padding: 0;
    margin: 24px 0 0;
    float: right;
}


/* REGISTER                                                                                   REGISTER ::
--------------------------------------------------------------------------------------------------------- */
#login {
    position: relative;
}

#login .expandregpanel {
    position: static;
    clear: both;
    width: 338px;
}


/* CONTACT US                                                                               CONTACT US ::
--------------------------------------------------------------------------------------------------------- */
div#contact {
    float: left;
}

div#contact h1 {
    text-indent: -9999px;
    background: #FFF url("../images/contact-us.jpg") no-repeat 0 0;
    width: 750px;
    height: 50px;
    float: left; 
}

div#contact h2 {
    color: #091f62;
    font-size: 150%;
    float: left; 
    clear: both;
    width: 353px;
    padding: 10px 0 10px 16px;
}

div#contact h4 {
    clear: both;
    float: left;
    font-weight: normal;
    font-size: 110%;
    color: #091f62;
    width: 353px;
    padding: 0 0 5px 15px;
}

div#contact h4 span {
    float: left;
    width: 100px;
    color: #333;
}

div#contact div.maincol a {
    color: #091f62;
}

div#contact div.maincol p {
    float: left;
    clear: both;
    font-size: 110%;
    padding: 0 0 0 15px;
    line-height: 1.5em;
    width: 353px;
}

div#contact div.subcol h2 {
    clear: none;
    width: auto;
    padding-left: 0;
}

div#contact div.subcol a {
    color: #71b022;
    float: right;
    font-size: 110%;
    font-weight: bold;
    padding: 14px 5px 0 0;
}

div.subcol #map_canvas {
    float: left;
    width: 350px;
    height: 115px;
}

div#contact div.subcol #map_canvas a {
    float: none;
    font-size: 100%;
    font-weight: normal;
    padding: 0; /* remove for google map */
}

div.subcol #map_canvas span {
    display: inline;
}

div.subcol h3 {
    float: left;
    width: 371px;
    height: 40px;
    background: #71b022 url(/Media/Images/make-an-enquiry-green.jpg) no-repeat 0 0;
    text-indent: -9999px;   
}

div.subcol div.brochureform h3 {
    background: #71b022 url(/Media/Images/request-brochure-by-post.png) no-repeat 0 0; 
}

div.subcol h3.active {
    background: #FBB323 url(/Media/Images/make-an-enquiry-down.jpg) no-repeat 0 0;
    width: 371px;
}

div.subcol div.brochureform h3.active {
    background: #FBB323 url(/Media/Images/request-brochure-by-post-down.png) no-repeat 0 0;
}

div.subcol div.enquiryform,
div.subcol div.brochureform {
    float: left;
    position: relative;
    z-index: 98;
}

div.subcol div.expandpanel {
    float: left;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 99;
}


/* NEWS                                                                                           NEWS ::
--------------------------------------------------------------------------------------------------------- */
.rssheader {
    float: right;
    display: block;
    color: #0B2063;
    margin: 20px 0 0;
    font-weight: bold;
    padding: 0 4px 0 0;
    font-size: 110%;
}

.rssnews {
    float: right;
    display: block;
    margin: 20px 0 0;
}

ul#newslist {
    float: left;  
}

ul#newslist li {
    float: left;
    width: 720px; 
    border-bottom: 1px solid #D6D6D6;
    padding: 15px;
}

ul#newslist li.last {
    border: 0;
}

ul#newslist li .round,
.round {
    border: 1px solid #B5CADE;  
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0 0 10px;
}

ul#newslist .newsdetail {
    float: left;
    margin: 0 0 0 15px;
    display: inline;
    width: 585px;
}

ul#newslist .newsdetail h3 {
    float: left;
    font-size: 110%;
    padding: 0 0 15px;
}

ul#newslist .newsdetail h3 a {
    color: #0B2063;
}

ul#newslist .newsdetail h3 span,
div#news h1.pageheading span {
    color: #3e79b7;
}

ul#newslist .newsdetail p,
div#news p {
    float: left; 
    clear: both;
    font-size: 110%;
    line-height: 1.5em;
}

div#news {
    float: left;
    width: 510px;
}

div#news h1.pageheading {
    float: left;
    display: inline;
    width: 510px;
}

div#news p {
    padding: 0 15px;
    width: 510px;
    margin: 0 0 15px;
}

.round {
    width: 180px;
    height: 180px;
    float: right;
    margin: 59px 0 0;
}


/* PRODUCTS                                                                                   PRODUCTS ::
--------------------------------------------------------------------------------------------------------- */
div.pagepromo div.ppmiddle ul.ppProductList{}

div.pagepromo div.ppmiddle ul.ppProductList li{
    font-weight:bold;
    font-size:110%;
    color:#0A1F60;
}

div.pagepromo div.ppmiddle ul.ppProductList li a{
    color:#0A1F60;
    font-weight:bold;
}

/* PRODUCT BOXES                                                                            PRODUCT BOXES ::
--------------------------------------------------------------------------------------------------------- */

div.productrow{
    width:750px;
    float:left;
    clear:both;
    margin:0 0 10px 0;
}

div.productitem{
    width:180px;
    margin:9px 0 0 7px;
    float:left;
    display: inline;
    z-index: 0;
    position: relative;
}

div.productitemfirst{
    margin:9px 0 0;
}

div.productitem div.ptop, div.productitem div.pbottom{
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:6px;
    height:6px;
}

div.productitem div.ptop{
    background-image:url(/Media/Images/ptop.png);
}

div.productitem div.pbottom{
    background-image:url(/Media/Images/pbottom.png);
}

div.productitem div.pmiddle{
    min-height:236px;
    height:auto !important;
    height:236px;
    width:166px;
    padding:0 7px;
    background: #fff url(/Media/Images/pmiddle.png) repeat-y 0 0;
    position: relative;
}

.certificationlistwrapper div.productitem div.pmiddle,
div.brochurelistwrapper div.productitem div.pmiddle{
    min-height:216px;
    height:auto !important;
    height:216px;
}

div.brochurelistwrapper div.productitem div.pmiddle {
    min-height:250px;
    height:auto !important;
    height:250px;
}

.certificationlistwrapper div.productitem div.pmiddle{
    position: relative;
}

div.productitem div.pmiddle div.pimg{
    /*height:143px;*/
    height: 155px;
    width:169px;
    overflow:hidden;
}

div.productitem div.pmiddle div.pimg a{
    padding:0;
}

div.productitem div.pmiddle img{
    padding:5px 0;
    margin: 0 auto;
}

div.productitem div.pmiddle img.moreinfo{
    margin: 0;
    position: absolute;
    left: 15px;
    top: 196px;
}

div.productitem div.pmiddle img.dl,
div.productitem div.pmiddle img.dlc,
div.brochurerow div.productitem div.pmiddle img.dl,
div.brochurerow div.productitem div.pmiddle img.viewonline {
    position: absolute;
    top: 174px;
    left: 14px;
}

div.brochurerow div.productitem div.pmiddle img.dl {
    top: 173px;
    left: 14px;
}

div.brochurerow div.productitem div.pmiddle img.viewonline {
    top: 208px;
    left: 14px;
}

div.productitem div.pmiddle img.centre{
    padding:5px 0;
    margin: 0 auto;
}

div.productitem div.pmiddle span{
    color:#091F62;
    display:block;
    font-size:120%;
    font-weight:bold;
    padding:5px 9px;
}

div.productitem div.pmiddle span.subcat{
    padding:5px 0px;
}

div.productitem div.pmiddle a{
    display:block;
    padding:0 9px;
}

div.productitem div.pmiddle a.pimg{
    padding:5px 0 5px 30px;
}

.brochurerow div.productitem div.pmiddle a.pimg {
    padding: 5px 0;
}


/* PRODUCT DETAIL PAGE                                                                PRODUCT DETAIL PAGE ::
--------------------------------------------------------------------------------------------------------- */

h1.productheading{
    color:#0B2063;
    font-size:150%;
    margin:0;
}

div#pdsummary {
    margin:12px 2px;
}

div#pdsummary p{
    margin:0;
}

div#pdsummary ul{
    list-style-position:inside;
    list-style-type:disc;
    color:#333;
    margin:0;
}

div#pdsummary ul li{
    margin-bottom:3px;
}

div.pdtop, div.pdbottom{
    background-position:0 0;
    background-repeat:no-repeat;
    font-size:6px;
    height:6px;
    width:370px;
    float:left;
}

div.pdtop{
    background-image:url(/Media/Images/detailtop.png);
}

div.pdbottom{
    background-image:url(/Media/Images/detailbottom.png);
}

div.pdmiddle{
    min-height: 258px;
    height: auto !important;
    height: 258px;
    width: 356px;
    padding: 0 7px;
    background: #fff url(/Media/Images/detailmiddle.png) repeat-y 0 0;
    float: left;
}

#productdetail div.pdmiddle{
    min-height: 325px;
    height: auto !important;
    height: 325px;
}

div.pdmiddle div.pdimg{
    height:335px;
    width:356px;
    overflow:hidden;
}

#productdetail div.pdmiddle div.pdimg{
    height: 335px;
}

div.pdmiddle span.pddim{
    background-color:#DDDDDD;
    display:inline;
    width:117px;
    float:left;
    margin:0 0 0 2px;
    text-align:center;
    font-weight:bold;
    color:#0B2063;
    font-size:100%;
    padding:5px 0;
}

div.pdmiddle span.pddimfirst{
    margin:0;
}

div.pdmiddle img{
    padding:5px 0;
}

#productdetail div.pdmiddle img{
    /*padding: 35px 0 0;*/
    padding: 0;
    margin: 0 auto;
}

div#pdrelated{
    float:left;
    width: 752px;   
}

div#pdrelated h3{
    color:#0B2063;
    font-size:130%;
    margin:20px 0 15px;
}   

/* PRODUCT DETAIL TABBED AREA                                                  PRODUCT DETAIL TABBED AREA ::
/* OVERWRITES AND EXTENDS ANY STYLES IN ui.tabs.css
--------------------------------------------------------------------------------------------------------- */

.ui-tabs {
    /*padding: 52px 1px 1px;*/
    padding: 0 1px 1px;
    width: 369px;
    float: left;
    margin: 0;
    overflow: hidden;
    height: 371px;
    position: relative;
}

.ui-tabs .ui-tabs-nav{
    float:left;
    padding:0px !important;
    width:369px;
}

.ui-tabs .ui-tabs-panel{
    /*float:left;
    clear:both;*/
    background:#FFF;
    border:1px solid #B2C8DD;
    width:334px;
    height: 309px;
    /*max-height:232px;*/
    overflow:auto;
    overflow-x: hidden;
    padding:16px !important;
    float: left;
}

.ui-tabs .ui-tabs-nav li#righttab{
    margin-right:0 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background:#DDD;
    border:1px solid #DDD;
    color:#555555;
    font-weight:normal;
    -moz-border-radius-topleft  : 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    width:118px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background:#FFFFFF;
    border:1px solid #B2C8DD;
    color:#212121;
    font-weight:normal;
    -moz-border-radius-topleft  : 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    width:118px;
    
}

.ui-tabs .ui-tabs-nav li a{
    text-align:center;
    margin:0 auto;
    font-weight:bold;
    color:#0B2063;
    font-size:110%;
    float:none !important;
    display:block;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#212121;
    text-decoration:none;
}

div.leftswatch, div.rightswatch{
    margin:12px 0 3px 0;
    display:block;
    width:150px;
}

div.leftswatch{
    float:left;
    clear:both;
    margin:12px 12px 3px 0;
}

div.rightswatch{
    float:left;
}

div.leftswatch span,
div.rightswatch span {
    font-weight: bold;
    padding-top: 5px;
    display: block;
}

input.pdswatch,
button.pdswatch{
    height:30px;
    font-size:30px;
    width:150px;
    border:0 none;
    text-indent:-1000em;
    display:block;
    cursor: pointer;
	display: block;
	overflow: hidden;
	font-size: 0; 
	line-height: 25px; 
}

div#tabs div#tabs-1 p{
    margin:0 0 12px;
    width:310px;
}

span.pdspec{
    display:block;
    width:335px;
    margin:0;
    font-weight:bold;
    font-size:110%;
    padding:4px 0;
    border-top:1px solid #B2C8DD;
    float: left;
    clear: both;
}

div.tabcontainer,
div.tabcertcontainer {
    float: left;
    width: 100%;
}

div.tabcertcontainer {
    width: 322px;
    background: none;
}

ul.cert {
    width: 320px;
    float: left;
}

ul.cert li {
    width: 155px;
    float: left;
    margin: 0 10px 0px 0;
    display: inline;
    border-top: 1px solid #B2C8DD;
    padding: 0px 0 0;  
}

ul.cert li.right {
    margin: 0 0 0px;
}

ul.cert li img {
    float: left;
    padding: 10px 10px 10px 0; 
}

ul.cert li span {
    width: 90px;
    height: 58px;
    float: left;
    padding: 10px 0 0;
}

ul.cert li a {   
    float: left;
}

ul.cert li a.grn {
    color: #73B025;
    font-weight: bold;
}

/*div#tabs div#tabs-3 div.leftcert,
div#tabs div#tabs-3 div.rightcert{
    width: 150px;
    border-top:1px solid #B2C8DD;
    background: none;
    padding: 5px 0 8px;
    display: inline;
}

div#tabs div#tabs-3 div.leftcert{
    float:left;
}

div#tabs div#tabs-3 div.rightcert{
    float:right;
}*/

/*div#tabs div#tabs-3 div.leftcert a,
div#tabs div#tabs-3 div.rightcert a {
    float: left;
    display: inline;
    background: none;
}*/

/*.pdcertimg{
    float:left;
}

.pdcerttitle{
    float:right;
    width:85px;
    padding:0 0 0 12px;
    height:58px;
}

.pdcertdwn{
    float:right;
    width:85px;
    padding:0 0 0 12px;
}

a.grn{
    color:#73B025;
    font-weight:bold;
}*/

/* TEAM MEMBERS                                                                              TEAM MEMBERS ::
--------------------------------------------------------------------------------------------------------- */

div.teammember{
    border-top:solid 1px #E5E5E5;
    float:left;
    padding:20px 0;
}

div.teammembertop{
    float:left;
    padding:0 0 20px;
}

div.teammember img, 
div.teammembertop img{
    float:left;
    clear:both;
    margin: 0 0 0 17px;
    display: inline;
}

div.teamdetails{
    float:left;
    width:600px;
    margin: 0 0 0 20px;
    display: inline;
}

div.teamdetails span{
    display:block;
    font-size:110%;
    width:525px;
}

div.teamdetails span.tmname{
    font-weight:bold;
    color:#0B2063;
}

div.teamdetails span.tmposition{
}

div.teamdetails span.tmdesc{
    padding-top:10px;
    line-height:17px;
}

/* BROCHURE LIST                                                                            BROCHURE LIST ::
--------------------------------------------------------------------------------------------------------- */

div.brochurelistwrapper{
    float: left; 
    position:relative;
}

div#brochurerequest{
    position:absolute;
    right:1px;
    top:18px;
}

h2.brochuretitle{
    color: #091f62;
    font-size: 150%;
    padding: 24px 0 12px 16px;
    float:left;
    clear:both;  
    width:363px;
}

div.brochuretext{
    clear:both;
    float:left;
    width:300px;
    margin:0 0 16px 16px;
    line-height:17px;
    font-size:110%;
}

div.brochurerow{
    margin:0;
}   




/* LANGUAGE PAGES                                                                          LANGUAGE PAGES ::
--------------------------------------------------------------------------------------------------------- */

h1.langtitle{
    color:#0B2063;
    font-size:300%;
    float:right;
    margin:-3px 20px 0 0;
    text-transform:uppercase;
    display:inline;
}

div.langdivider{
    background: url(/Media/Images/lang_divider.jpg) no-repeat 0 0;
    height:10px;
    font-size:10px;
    width:100%;
    float:left;
    margin:14px 0;
    display:inline;
    clear:both;
}

div.langpromoswrapper{
    width:380px;
    float:left;
}

div.langpromoswrapper h2 
{color:#091F62; 
 font-size:16px; 
 border-bottom:1px solid #CCCCCC;
 padding:10px 0;
 margin-bottom: 10px;
 }

div.tl, div.bl{
    float:left;
    clear:both;
}

div.tr, div.br{
    float:right;
}

div.langpromo{
    width:180px;
    margin:0 0 10px 0;
    color:#fff;
}

div.langpromo div.lptop{
    background: #003466 url(/Media/Images/lptop.jpg) no-repeat 0 0;
    height:5px;
    font-size:5px;
}

div.langpromo div.lpmiddle{
    background: #0B4F90 url(/Media/Images/lpmiddle.jpg) repeat-x 0 0;
    min-height:250px;
    height:auto !important;
    height:250px;
}

div.langpromo div.lpbottom{
    background: url(/Media/Images/lpbottom.jpg) no-repeat 0 0;
    height:5px;
    font-size:5px;
}

div.langpromo span{
    display:block;
    color:#fff;
    font-size:140%;
    text-align:center;
    padding:17px 0 3px;
    height:33px;
}

div.langpromo span.long{
    padding: 5px 0 3px;
    height: 45px;
}

div.langpromo img{
    text-align:center;
    margin:0 auto;
}

div.langpromo img.gratstacklogo,
div.langpromo img.gratstacklogolong {
    padding:3px 0 0;
}

div.langpromo img.gratstacklogolong {
    padding: 0;
}

div.langpromo span.brtext,
div.langpromo span.brtextlong{
    text-align:center;
    padding:3px 0 3px;
    margin:0 auto;
    font-size:80%;
    height:19px;
}

div.langpromo span.brtextlong{
    height: 22px;
}


/* TRADE BUYERS DOWNLOADS                                                          TRADE BUYERS DOWNLOADS ::
--------------------------------------------------------------------------------------------------------- */
span.tdtitle{
    font-size:120%;
}

div.productitem div.pmiddle div.tdrow{
}

div.productitem div.tdmiddle{
    min-height:312px;
    height:auto !important;
    height:312px;
}

div.tdmiddle div.tdcatimg{
    min-height:146px;
    height:auto !important;
    height:146px;
}

div.productitem div.pmiddle div.tdcatimg{
    height:140px;
    overflow:hidden;
}

div.productitem div.tdmiddle ul{
    margin:0 0 0 1px;
}

div.productitem div.tdmiddle li{
}

div.productitem div.tdmiddle li a{
    color:#0A1F60;
    font-size:110%;
    font-weight:bold;
    padding:0 9px 2px;
}

div.productitem div.tdmiddle li a:hover{
    color:#FCAC15;
}

div.productitem div.tdspecs{
    padding:5px 9px;
}

div.productitem div.tdspecs span{
    display:inline;
    padding:0;
}

div.productitem div.tdspecs span.spectitle{
    color:#0B2063;
    font-size:110%;
}

div.productitem div.tdspecs span.specinfo{
    color:#0B2063;
    font-size:110%;
    font-weight:normal;
}

/* YOUR BRAND                                                                                  YOUR BRAND ::
--------------------------------------------------------------------------------------------------------- */

div#yourbranddetail div.maincol{
    padding:0;
}

div#yourbranddetail div.subcol{
    padding:27px 0 0;
}

h2.ybsubtitle{
    background:url(/Media/Images/branding.jpg) no-repeat 0 0;
    height:42px;
    overflow:hidden;
    text-indent:-9999px;
    width:184px;
}

div#yourbranddetail div.ybcontent{
    padding:20px 0 0;
    width:300px;
    font-size:110%;
    line-height:18px;
}

div#yourbranddetail div.ybcontent p{
    padding:0 0 20px;
    width:300px;
}

div#yourbranddetail div.ypcolours{
    float:left;
    width:360px;
}

div#yourbranddetail select.ybcolouroption{
    float:left;
}

div#yourbranddetail div.ybcolourswatch{
    height:18px;
    width:100px;
    border:1px solid #ACACAC;
    float:left;
    margin:0 0 0 10px;
    display:inline;
}

div#yourbranddetail div.ypupload{
    clear:both;
    border-top:1px solid #ACACAC;
    border-bottom:1px solid #ACACAC;
    float:left;
    padding:15px 0;
    margin:20px 0;
    width:360px;
}

div#yourbranddetail div.ypupload div{
    float:left; 
    width:360px;
}

div#yourbranddetail div.ypsubmit{
    float:left;
    width:360px;
}

div#yourbranddetail div.ypsubmit input{
    float:right;
    margin:0 10px 0 0;
}

/* LINKS                                                                                         LINKS ::
--------------------------------------------------------------------------------------------------------- */
ul.linkslist {
    float: left;
    padding: 0 0 20px;
        list-style-type:none;
}

ul.linkslist li {
    float: left;
    padding-left: 0;
    background-image:none;
    }

ul.linkslist li a {
    color: #081F61;
    font-size: 110%;
    float: left;
    font-weight: bold;
    display: block;
    padding: 0; 
    width: 718px;  
}

ul.linkslist li p {
    float: left;
    clear: both;
    font-size: 110%;
    padding: 0 0 10px;
}

a.blue {
    color: #081F61;
    font-weight: bold;
}

/* SITEMAP                                                                                        SITEMAP ::
--------------------------------------------------------------------------------------------------------- */

div.auxcontent{}

div.auxcontent h3{
    padding: 0 0 0;
}

div.auxcontent ul.smlist{
    margin:10px 0;
    clear:both;
    /*list-style-position:inside;
    list-style-type:disc;*/
}

div.auxcontent ul.smpagelist{
    margin:10px 5px;
    list-style-type:none;

}

div.auxcontent ul.smcatlist{
    margin:10px;

}

div.auxcontent ul.smsubcatlist{
    margin:10px 15px;

}

ul.smlist li {
    padding: 7px 0 0;
}

#news p img {margin:0 10px 10px 0;}
.content super { display:inline;vertical-align:super;}

.casestudycontainer 
{
	clear:left;margin:0 10px;
}
	.casestudycontainer li {width:150px; float:left;}
	
#google_translate_element {float:right; margin-left:30px; }
#google_translate_element img {display:inline;}
#google_translate_element .goog-te-gadget .goog-te-combo {margin:1px 0 5px 23px !important;}