body { width: 100%; background-color: transparent; font-size:80%; }/* For fixed full screen items, needed to take Store code out of body and put in new div being CentreContainer */
img { border-width: 0; } /*default fix for IE to avoid putting borders around pictures with links. */




#MainContainer { position: relative; top: 0; left: 0; }
#CentreContainer a { font-family: 'Open Sans', sans-serif; font-size:0.8em; font-weight:400; }

/*Main Background Image CSS Starts Here*/
#MainBG{ position: fixed; top: 0; left: 0; }
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
/*Main Background Image CSS Ends Here*/

#CentreContainer { padding-top: 0px; background-color: transparent; padding-left: 0px; margin-right: auto; margin-left: auto; width:  978px; min-width: 978px; min-height: 100%; }
#CentreMainMenu { width:1220px; position: fixed; left: 50%; margin-left: -610px; z-index:209;} /* the left: 50% and margin-left: -610px centres the fixed main menu as margin: 0px auto doesn't work for fixed */

.box { margin-bottom: 0px; margin-top: 40px; }
.box.product_info { margin-bottom: 0px; margin-top: 140px; }

.box h1 { background-color: rgb(22, 22, 23); background-image: none; padding-left: 23px; padding-top: 4px; padding-bottom: 6px; margin-top: 5px; font-size:1.8em; font-weight:300;}
.box h2 { background-color: rgb(22, 22, 23); background-image: none; padding-left: 23px; padding-top: 4px; padding-bottom: 6px; margin-top: 5px; font-size:1.6em; font-weight:300;}
.box h3 { background-color: rgb(22, 22, 23); background-image: none; padding-left: 23px; padding-top: 0px; padding-bottom: 6px; margin-top: 0px; font-size:1.6em; font-weight:300;}
.box .header { background-color: rgb(22, 22, 23); background-image: none; padding-left: 23px; padding-top: 5px; margin-top: 5px; }
.box .box { margin: 0px; }
.box .box h1 { background-color: rgb(0, 0, 0); }
.box .box .header { background-color: rgb(22, 22, 23); }
.box .cn.lt { top: 0px; }
.box .cn.rt { top: 0px; }
.box img { padding:1px; }
.box a { padding-left: 0px; padding-top: 1px; margin-top: 5px; font-size:22px; font-weight:200; }
.box h1 a { padding-left: 23px; padding-top: 1px; margin-top: 5px; font-size:22px; font-weight:200; color:#FFFFFF; }
.box h2 a { padding-left: 23px; font-size:22px; font-weight:400; color:#FFFFFF; }
.box h3 a { padding-left: 0px; padding-top: 3px; margin-top: 0px; font-size:22px; font-weight:200; color:#FFFFFF; }

.box .subheader { padding-left: 0px; padding-right: 0px; padding-top: 5px; background-image: url("/images/elements/brushed_alu2.png"); color:rgb(30, 30, 30); }
.box.page_top_menu .content { background-image: none; background-color: rgb(5, 5, 5); height: 32px; }

.cat-header { background-color:transparent; width:100%; }
.catimgbox { background-color:transparent; margin-top:60px; }
.catimgbox img { display:block; margin: 0px auto 0px auto; border:1px solid #000000; background-color:transparent; -moz-box-shadow: 0 0 12px 12px white; -webkit-box-shadow: 0 0 12px 12px white; box-shadow: 0 0 12px 12px white; }

.catbox { width:95%; margin: 30px auto 0px auto; background-image: url("/images/elements/brushed_alu2.png"); border:1px solid #000000; -moz-box-shadow: 0 0 12px 12px white; -webkit-box-shadow: 0 0 12px 12px white; box-shadow: 0 0 12px 12px white; }
.catbox p { color:#0a0a0a; margin:10px 40px; text-indent:0px; }
.catbox h1 {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 400; color:#000000; margin-left:10px; }

#TripleBox {width:100%; display:inline-block;}
#TripleBox h1 { color:#ffffff; background-color: rgb(22, 22, 23); background-image: none; padding-top:4px; padding-left: 23px; padding-bottom: 6px; margin-top: 0px; font-size:1.6em; font-weight:200; }
#TripSignin {width:300px; display:inline-block; padding:20px 20px 20px 0px; }
#TripCart {width:300px; display:inline-block; padding:20px 20px 20px 0px; }
#TripSubs {width:200px; display:inline-block; padding:20px 20px 20px 0px; }

.menublock { padding-bottom:10px; background-color:rgba(22, 22, 23, 0.6); color:#ffffff; font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:200;}

.page_header .search .input_text { background-image: url("../images/search.gif"); padding-right: 0px; padding-left: 40px; background-position: 0px 0px; }
.logo_bg { background-image: none; }

/* .page_container { z-index:2; } */
.page_container a { font-size:1em !important; color:rgb(44, 85, 195); color:rgba(44, 85, 195, 1);}
.page_container p {font: 15px/2 Georgia, Serif; color:#000; margin: 10px 10px 15px 15px;}
.page_container .left_column { width: 175px; }
.page_container .right_column { width: 175px; }
.page_container .center_column { margin-left: 183px; margin-right: 183px; margin-top: 8px; }
input.button_search { background-image: url("../images/upload/go_btn.gif"); width: 30px; padding-left: 0px; margin-top: -31px; margin-left: 190px; }

.page_container .box .content { border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); background-position: 0% 0%; background-color:transparent; background-image: url("/images/bgnds/White-Concrete-c-slim-cut.png"); }

.page_container .box.nogradient .content { border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); background-position: 0% 0%; background-color:transparent; background-image: url("/images/bgnds/White-Concrete-c-slim-cut.png"); }


.page_container .subcategory_img { padding:2px; background:transparent; }
.product_img { padding:2px; opacity: 1;}

.page_header .top_user1 { top: -2px; left: 756px; }
.page_header .menu li { background-position: 0px 4px; background-image: none; background-color: rgb(0, 0, 0); padding: 4px 10px 4px 14px; margin-right: -15px; margin-left: 10px; }
.page_header .top_user2 { left: 350px; top: 4px; }
.page_header .search input.button_search { padding-right: 18px; padding-top: 18px; }
.page_header .menu li.nolink { background-position: left top; background-color: rgb(0, 0, 0); font-family: Verdana,Sans-serif; }


.cmspage_content { margin-top:150px; }
.cmspage_tree a {font: 18px Georgia, Serif; color:rgb(145,0,0);}

.page_header .menu li a:hover { text-decoration: underline; color: rgb(255, 255, 255); }
.page_header .menu li a { font-family: Verdana,Sans-serif; font-size: 8pt; font-weight: normal; color: rgb(208, 208, 208); }
.page_top_menu .button_checkout { margin-left: 14px; margin-top: -6px; }
.page_top_menu .menu { top: 9px; }

.page_container .box .cn { background-image: none; }

ul.tree li span:hover { background-color: transparent; }
ul.tree li span a:hover { text-decoration: none; font-weight: bold; }
ul.tree li span.selected { background-color: rgb(209, 209, 209); }
.navigation_bar ul.tree li span.selected { font-size: 1.1em; font-weight: bold; background-color: rgb(131, 131, 131);  border-style:solid; border-width:1px; }
.navigation_bar span.selected a { color: rgb(255, 255, 255) !important;}
.navigation_bar li { padding-left:10px; text-indent:8px; list-style-type:square !important;}
.navigation_bar span.nest-selected a { color: rgb(56, 56, 56); }
.navigation_bar span.nest-selected li { text-indent:18px; list-style-image: url("/images/elements/arrow.png") !important; }
.navigation_bar ul li span { border-color: rgb(255, 255, 255); }
.navigation_bar ul li { color: rgb(0, 0, 0); }
.page_top_menu .menu li a { font-family: Verdana,Sans-serif; font-size: 14px; }
.navigation_bar ul li span:hover { background-color: transparent; }
.page_container .box.welcome .content { background-color: transparent; }
.page_container .box.welcome { height: 130px; }
.page_background { background-color: transparent; }

.page_footer.copyright { display:block; text-align:center; margin:0px auto; padding-bottom:80px;}
.copyright p { margin:-8px; padding-bottom:25px; }

.page_container .subcategory_list .subcategory_item {background-image: url("/images/bgnds/grey_speck-cut-slim.jpg"); width:19%; height:165px; padding:10px; margin:10px 18px 20px 18px; -moz-box-shadow: 0 0 15px black; -webkit-box-shadow: 0 0 15px black; box-shadow: 0 0 15px black;}
.page_container .subcategory_list .subcategory_name1 a { font-family: 'Open Sans', sans-serif; font-size: 0.9em; font-weight: 500; font-variant:small-caps; color:rgb(62, 103, 154); }



#PageClearLogo { width:100%; height:833px; background-color:transparent; background: url("/images/elements/NousHouseNeatInvert_03.png") no-repeat center 390px;  opacity: 0.69; }


/*Navigation & Info Template Elements CSS Starts Here*/
#lh-corner { z-index:1000; position: fixed; left: 0px; top: 0px; }/*Home*/
#lh-corner img { border-width: 0; }
#rh-corner { z-index:1000; position: fixed; right: 0px; top: 0px; }/*Products*/
#rh-corner img { border-width: 0; }
#rh-corner-under { z-index:999; position: fixed; right: 0px; top: 0px; }/*Testing - Tech Info*/
#rh-corner-under img { border-width: 0; }
#top-infoarc { z-index:9; position: fixed; left: 50%; top: 0; margin-left:-400px; margin-top: -10px;  border: 0px; }/*Menu Underlay and Cart etc*/
#top-infoarc img { border-width: 0; }
#top-RHinfoarcOverlay { z-index:999; position: fixed; right: 0; top: 0; margin-right:20px; }/*Menu Overlay Cart*/
#top-LHinfoarcOverlay { z-index:10; position: fixed; right: 0; top: 0; margin-right:220px; float:right; display:inline; }/*Currently Unused*/
.cart_preview { z-index:123; width:500px; position: fixed; left: 50%; top:0px; margin-left: 88px; margin-top:1px;  padding-bottom: 2pt; background:url("../images/shoppingcart.gif") no-repeat scroll 7px 5px transparent; }/*removed margin-top:-12px; */
span.button_checkout {z-index:123; display:inline-block; vertical-align:text-top; }


/* Bottom Left Corner */
#BottomPebbleLSml {z-index:150; position: fixed; left:-190px; bottom:-73px; background-color:transparent; width:500px; opacity: 0.80; }
#BottomLogoSml {z-index:160; position: fixed; left:9px; bottom:19px; }
#BottomPebbleLBig {z-index:-1; position: fixed; left:-190px; bottom:-93px; background-color:transparent; width:500px; opacity: 0.80; }
#BottomLogo {z-index:-1; position: fixed; left:5px; bottom:-7px; background-color:transparent; }
#BottomAboutLink {z-index:-1; position: fixed; left:172px; bottom:15px; background-color:transparent; }
#BottomAboutLink a{font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 300; color: #D0D0D0; text-decoration: none; margin-bottom: 2px; font-variant:small-caps; }
#BottomAboutLink a:hover{color: #FFFFFF; border-bottom:2px solid #1A6DA9; margin-bottom: 0;}
#BottomLeftCorner:hover #BottomPebbleLSml{ z-index:-1; }
#BottomLeftCorner:hover #BottomLogoSml{ z-index:-1; }
#BottomLeftCorner:hover #BottomPebbleLBig{ z-index:200; }
#BottomLeftCorner:hover #BottomLogo{ z-index:205; }
#BottomLeftCorner:hover #BottomAboutLink{ z-index:210; }

/* Bottom Right Corner */
#BottomPebbleRSml {z-index:160; position: fixed; right:-190px; bottom:-73px; background-color:transparent; width:500px; opacity: 0.80; }
#BottomSocialSml { z-index:170; position: fixed; right:60px; bottom:8px; margin-bottom: 2px; padding-top: 15px; }
#BottomSocialSml img { opacity: 0.85; }
#BottomPebbleRBig {z-index:-1; position: fixed; right:-190px; bottom:-93px; background-color:transparent; width:500px; opacity: 0.90; }
#BottomSocial { z-index:-1; position: fixed; right:0; bottom:0px; margin-bottom: 5px; padding-top: 15px; }
#BottomSocial img { opacity: 0.6; }
#BottomSocial img:hover { opacity: 1; }

ul#BottomSocialBar {z-index:180; position: fixed; bottom:-5px; right:5px;}
ul#BottomSocialBar li {float: left; margin: 0 0px; list-style:none;}
ul#BottomSocialBar li a {float: left; height: 50px; width: 50px; text-indent: -9999999px; background: url(/images/elements/SocialMediaAllUp.png) 0 0 no-repeat; overflow: hidden; opacity: 0.6;}
ul#BottomSocialBar li a:hover {opacity: 1; }
ul#BottomSocialBar li a#SocTwit {background-position: 10px 0; width: 50px; }
ul#BottomSocialBar li a#SocGoog {background-position: -40px 8px; width: 50px; }
ul#BottomSocialBar li a#SocLink {background-position: -90px 0; width: 50px; }
ul#BottomSocialBar li a#SocYouT {background-position: -140px 8px; width: 50px; }
ul#BottomSocialBar li a#SocFace {background-position: -190px 0; width: 50px; }

#BottomSocialFacebooklike { z-index:-2; position: fixed; right:10px; bottom:58px; width:74px; overflow:hidden; opacity: 0.6; padding-top: 15px; }
#BottomSocialFacebooklike:hover { opacity: 1; }
#BottomSocialGooglePlus { z-index:-2; position: fixed; right:64px; bottom:56px; opacity: 0.6; padding-top: 15px; }
#BottomSocialGooglePlus:hover { opacity: 1; }
#BottomRightCorner:hover #BottomPebbleRSml{ z-index:-1; }
#BottomRightCorner:hover #BottomSocialSml{ z-index:-1; }
#BottomRightCorner:hover #BottomPebbleRBig{ z-index:180; }
#BottomRightCorner:hover #BottomSocial{ z-index:190; }
#BottomRightCorner:hover #BottomSocialFacebooklike{ z-index:190; }
#BottomRightCorner:hover #BottomSocialGooglePlus{ z-index:190; }


#TopLine {z-index:500; position:fixed; top:0px; left:0px; width:3000px; height:2px; background-color:#1A6DA9; }
#BottomLine {z-index:500; position:fixed; bottom:0px; left:0px; width:3000px; height:2px; background-color:#A9321A; }


/* Bottom Middle Arc and Side Pebbles */
#BottomArc { z-index:200; width:800px; position: fixed; left: 50%; margin-left: -400px; bottom:0px; margin-bottom: -19px; padding-top: 15px; }
#BottomArcOverlay { z-index:201; width:360px; position: fixed; left: 50%; margin-left: -180px; bottom:0px; margin-bottom: 1px; padding-top: 4px; }

/* Bottom Middle Left Side Pebble */
#BottomMidPebbleLSml {z-index:60; position: fixed; left:220px; bottom:-95px; background-color:transparent; width:500px; opacity: 0.80; }
#BottomSearchIconGoogle {z-index:70; position: fixed; left:325px; bottom:1px; }
#BottomMidPebbleLBig {z-index:-1; position: fixed; left:200px; bottom:-97px; background-color:transparent; width:500px; opacity: 0.88; }
#BottomSearchGoogle {z-index:-1; position: fixed; left:287px; bottom:22px; background-color:transparent; width:260px;}
#BottomMidLeft:hover #BottomMidPebbleLSml{ z-index:-1; }
#BottomMidLeft:hover #BottomSearchIconGoogle{ z-index:-1; }
#BottomMidLeft:hover #BottomMidPebbleLBig{ z-index:170; }
#BottomMidLeft:hover #BottomSearchGoogle{ z-index:170; }


/* Bottom Middle Right Side Pebble */
#BottomMidPebbleRSml {z-index:60; position: fixed; right:30px; bottom:-95px; background-color:transparent; width:500px; opacity: 0.80; }
#BottomMidRHSMultiIcon {z-index:70; position: fixed; right:330px; bottom:20px; background-color:transparent; }
#BottomMidPebbleRBig {z-index:-1; position: fixed; right:100px; bottom:-97px; background-color:transparent; width:500px; opacity: 0.85; }
#BottomMidRHSContents {z-index:-1; position: fixed; right:87px; bottom:20px; background-color:transparent; margin-right:210px; float:right; display:inline; width:220px; }
#BottomMidRHSLink a{z-index:-1; font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 300; color: #D0D0D0; text-decoration: none; margin-bottom: 2px; font-variant:small-caps; }
#BottomMidRHSLink a:hover{color: #FFFFFF; border-bottom:2px solid #1A6DA9; margin-bottom: 0; }
#BottomMidRight:hover #BottomMidPebbleRSml{ z-index:-1; }
#BottomMidRight:hover #BottomMidRHSMultiIcon{ z-index:-1; }
#BottomMidRight:hover #BottomMidPebbleRBig{ z-index:174; }
#BottomMidRight:hover #BottomMidRHSContents{ z-index:182; }
#BottomMidRight:hover #BottomMidRHSLink{ z-index:183; }


#PageSearchGoogle {background-color:transparent; width:260px;}

.handle {  opacity: 0.69; }/*Contact Us*/
.handle1 {  opacity: 0.69; }/*Electricians*/
.handle2 {  opacity: 0.69; }/*Architects*/
.handle3 {  opacity: 0.69; }/*Builders*/
.handle4 {  opacity: 0.69; }/*Interior Designers*/


      .slide-out-div { /*Contact Us*/
        padding: 20px;
          width: 450px;
        height: 570px;
          background: #222;
          border: 1px solid #29216d;
        z-index:120;
      }

     .slide-out-div1 { /*Electricians*/
          padding: 20px;
          width: 450px;
        height: 400px;
          background: #222;
          border: 1px solid #29216d;
        z-index:120;
      }    

      .slide-out-div2 { /*Architects*/
        padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }

     .slide-out-div3 { /*Builders*/
          padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }

        .slide-out-div4 { /*Interior Designers*/
          padding: 20px;
          width: 450px;
        height: 170px;
          background: #222;
          border: 1px solid #29216d;
        z-index:-1;
      }

/*Navigation & Info Template Elements CSS Ends Here*/ 





/*Page Layout CSS Starts Here*/


#menu-wrap { position: relative; top: 100px; width: 1200px; margin: 0px auto -1px auto; }

   /* original line before centering test #menu-wrap { position: relative; top: 100px; } */
   /* original line before slidewindow test  #menu-wrap { position: fixed; top: 700px; left: 300px; } */

#menu-cont { margin: 0px auto 0px auto; }
/* test by Brad - can remove */

#logo-wrap { position:relative; top: 260px; width: 222px; margin: 40px auto; padding: 20px; background: none; z-index:0; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#logoplace { z-index:100; }   

#title-wrap { z-index:3;  position: absolute; left: 80px; top: 60px;}   /*for info pages*/
#title-wrap2 { z-index:3;  position: absolute; left: 50px; top: 30px; width:480px; }   /*for product & store pages*/
#title-wrap2 h1 { font-size: 2.8em;}  /*for product & store pages*/



/*.colour-title {color: rgb(204, 102, 0); font-weight: 400;}*/
.colour-title {color:#F90; font-weight:400; }
/*#page-wrap { position: relative; width: 560px; margin: 360px auto; padding: 20px; background: black; z-index:5; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
*/
#page-wrap { position: relative; width: 1200px; height: 550px; margin: 360px auto; padding: 20px; background: black; z-index:5; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#page-wrap1 { position: relative; top: 40px; width: 1000px; height:800px; margin: 40px auto; padding: 20px; background: black; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
#page-wrap2 { position: relative; top: 40px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; opacity: 0.65; z-index:59; }

#page-wrap2w { position: relative; top: 60px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; opacity: 0.65; z-index:59; }
#page-wrap2b { position: relative; top: 40px; width: 940px; height:1000px; margin: 40px auto; padding: 20px; background: black; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; opacity: 0.65; z-index:59; }
#page-text2 { position:relative; top: -1050px; width: 940px; height:1000px; margin: 0px auto; padding: 20px; opacity: 1.00; z-index:100; }
#page-text2w { position:relative; top: -1050px; width: 940px; height:1000px; margin: 0px auto; padding: 20px; opacity: 1.00; z-index:100; }
#page-text2b { color:black; position:relative; top: -1030px; width: 940px; height:1000px; margin: 0px auto; padding: 20px; opacity: 1.00; z-index:100; }
#page-text2b p {font: 15px/2 Georgia, Serif; color:#000; margin: 0 0 15px 0;}


/*Normal Text Style CSS Starts Here*/
/*@font-face { font-family: Jura-Regular; src: url('/images/fonts/Jura-Regular.eot'); } EOT file for IE */
/*@font-face { font-family: Jura-Regular; src: url('/images/fonts/Jura-Regular.ttf'); }*/

h1 {font-family: 'Open Sans', sans-serif; font-size: 3em; font-weight: 300; color:#FFF; }
h2 {font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: 200; padding-bottom: 10px; margin-bottom: 12px; }
h3 {font-family: 'Open Sans', sans-serif; font-size: 1.8em; color:#FFF; margin-top: 0; padding-right: 15px; padding-left: 15px; }
h4 {font-family: 'Open Sans', sans-serif; font-size: 24px; margin-top: 0; padding-right: 15px; padding-left: 15px; }
/*h5 {font-family: Jura-Regular; font-size: 20px; margin-top: 0; padding-right: 15px; padding-left: 15px; }*/
h6 {font: 15px/2 Georgia, Serif; color:#FFF; margin: 0 0 15px 0;}
p {font: 15px/2 Georgia, Serif; color:#FFF; margin: 0 0 15px 0;}/* be very careful removing this as all Product List and Product info pages use parts of this for line height etc. */
.EmphasizeText {font: 18px Georgia, Serif; color:rgb(145,0,0); margin: 0 0 15px 0;}
.ModernBigText {font: 24px Open Sans, sans-serif; font-size: 24px; font-weight: 300; color: #D0D0D0; text-decoration: none; margin-bottom: 2px; font-variant:small-caps; }
.ModernLink a{font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 300; color: #D0D0D0; text-decoration: none; margin-bottom: 2px; font-variant:small-caps; }
.ModernLink a:hover{color: #FFFFFF; border-bottom:2px solid #1A6DA9; margin-bottom: 0;}
/*Normal Text Style CSS Ends Here*/


/*MainMenu Style CSS Starts Here*/

span.reference{
   position:fixed;
   left:10px;
   bottom:10px;
   font-size:12px;
}
span.reference a{
   color:#aaa;
   text-transform:uppercase;
   text-decoration:none;
   text-shadow:1px 1px 1px #000;
   margin-right:30px;
}
span.reference a:hover{
   color:#ddd;
}
ul.sdt_menu{
   margin-top:150px;
}
h1.title{
   text-indent:-9000px;
   background:transparent url(title.png) no-repeat top left;
   width:633px;
   height:69px;
}

ul.sdt_menu{
   margin:5px;
   padding:0;
   list-style: none;
   font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
   font-size:13px;/* was 14px originally*/
   width:1220px;/* was 1020 originally*/
}
ul.sdt_menu a{
   text-decoration:none;
   outline:none;
}
ul.sdt_menu li{
   float:left;
   width:170px;
   height:85px;
   position:relative;
   cursor:pointer;
}
ul.sdt_menu li > a{
   position:absolute;
   top:0px;
   left:0px;
   width:170px;
   height:85px;
   z-index:12;
   background:transparent url(/images/overlay.png) no-repeat bottom right;
   -moz-box-shadow:0px 0px 2px #000 inset;
   -webkit-box-shadow:0px 0px 2px #000 inset;
   box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
   border:none;
   position:absolute;
   width:0px;
   height:0px;
   bottom:0px;
   left:85px;
   z-index:100;
   -moz-box-shadow:0px 0px 4px #000;
   -webkit-box-shadow:0px 0px 4px #000;
   box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
   position:absolute;
   top:25px;
   left:0px;
   width:170px;
   height:60px;
   z-index:15;
}
ul.sdt_menu li span.sdt_active{
   position:absolute;
   background:#111;
   top:85px;
   width:170px;
   height:0px;
   left:0px;
   z-index:14;
   -moz-box-shadow:0px 0px 4px #000 inset;
   -webkit-box-shadow:0px 0px 4px #000 inset;
   box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
   margin-left:8px;
   /* was margin-left:15px;*/
   text-transform:uppercase;
   text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
   color:#fff;
   font-size:22px;/* was 24px originally*/
   float:left;
   clear:both;
}
ul.sdt_menu li span span.sdt_descr{
   color:#54BEE0;
   float:left;
   clear:both;
   width:155px; /*For dumbass IE7*/
   font-size:10px;
   letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
   display:block;
   position:absolute;
   width:230px;
   overflow:hidden;
   height:170px;
   top:85px;
   left:0px;
   display:none;
   background:#000;
   z-index:15;/*Added by BM to float over other divs - was 5*/
}
ul.sdt_menu li div.sdt_box a{
   float:left;
   clear:both;
   line-height:30px;
   color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
   margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
   color:#fff;
}

/*MainMenu Style CSS Ends Here*/





/* Slide Window CSS Starts Here*/

#page_container {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 1224px;/* default 904*/
/* top: -5px;     -----> default*/
   top: -5px;
}
#header {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   height: 10px;
   position: relative;
   border-bottom: 1px solid #4a4a4a;
}

/* Below is my attempt at a hover button  */
.panel_button {
   margin-left: auto;
   margin-right: auto;
   position: relative;
/* top: 1px;    -->  default*/
   top: 1px;
   width: 173px;
   height: 44px;/* default was 54 */
/* background: url(/images/elements/Tab-See-Menu-Rev.png);*/
   z-index: 120;/* was 120 */
   opacity: 0.70;
}

.panel_button a {
   position: relative;
   top: 0px;/* was 5px */
   left: 10px;
}
.panel_button hover { background: url(/images/elements/Tab-See-Menu.png); }

.panel_button a:hover { color: #999999; }


#wrapper {
   margin-left: auto;
   margin-right: auto;
   width: 1200px;
   text-align: center;
}

#panel {
   width: 1200px;
   position: relative;
   top: 1px;
   height: 0px;
   margin-left: auto;/* was auto but set to -600 to offset 600px above (#toppanel)*/
   margin-right: auto;
   z-index: 10;
   overflow: hidden;
   text-align: left;
}
#panel_contents {
background: black;
   opacity: 0.55;
   height: 100%;
   width: 1224px;
   position: absolute;
   z-index: -1;
}

#content {
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   position: fixed;
   top: 90px;
   text-align: left;
   color: #545454;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-bottom: 30px;
}
.border {
   border: 15px #1d1d1d solid;
}
img.border {
   float: left;
   margin-right: 15px;
   margin-bottom: 8px;
}
img.border_pic {
   border: 15px #1d1d1d solid;
   position: absolute;
   top: 110px;
   float: left;
   margin-left: 150px;
   width: 250px;
   height: 150px;
   z-index: 30;
}
div#login {
   width: 240px;
   height: 150px;
   position: absolute;
   right: 150px;
   top: 110px;
   background: #46392f;
   text-align: left;
   padding-left: 10px;
}
div#login p {
   color: #CCCCCC;
   font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
   line-height: 25px;
}
div#login input#password {
   position: relative;
   right: -6px;
}
div#login input#login_btn {
   border: 1px #899690 solid;
   cursor: pointer;
   position: relative;
   top: 30px;
   left: 86px;
}
#footer p {
   font-family: Arial, Helvetica, sans-serif;
   position: relative;
   top: 60px;
   font-size: 13px;
   color: #333333;
}


.slide-out-div p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; margin-bottom:5px; }
.slide-out-div h3 {font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 300; color:#FFF; }
.slide-out-div1 p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; margin-bottom:3px; }
.slide-out-div1 h3 {font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; color:#FFF; margin-left:-15px; margin-bottom:5px; }

/* TEMPORARY FEEDBACK FORM */
#FeedbackForm .appnitro
{
   font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
   font-size:small;
}

#FeedbackForm .appnitro li
{
   width:92%;
}

#FeedbackForm form ul
{
   font-size:100%;
   list-style-type:none;
   color:#444;
   margin:0;
   padding:0;
   width:100%;
}

#FeedbackForm form li
{
   display:block;
   margin:0;
   padding:4px 5px 2px 9px;
   position:relative;
}

#FeedbackForm form li:after
{
   clear:both;
   content:".";
   display:block;
   height:0;
   visibility:hidden;
}

#FeedbackForm .buttons:after
{
   clear:both;
   content:".";
   display:block;
   height:0;
   visibility:hidden;
}

#FeedbackForm .buttons
{
   clear:both;
   display:block;
   margin-top:10px;
}

#FeedbackForm * html form li
{
   height:1%;
}

#FeedbackForm * html .buttons
{
   height:1%;
}

#FeedbackForm * html form li div
{
   display:inline-block;
}

#FeedbackForm form li div
{
   color:#444;
   margin:0 4px 0 0;
   padding:0 0 8px;
      width:450px;
}

#FeedbackForm form li span
{
   color:#444;
   background-color:rgb(239,239,239);
   float:left;
   margin:0 4px 0 0;
   padding:0 0 8px;
}

/*#FeedbackForm form li div.left
{
   display:inline;
   float:left;
   width:60%;
}

#FeedbackForm form li div.right
{
   display:inline;
   float:right;
   width:60%;
}*/

#FeedbackForm form li div.left .medium
{
   width:100%;
}

#FeedbackForm form li div.right .medium
{
   width:100%;
}

#FeedbackForm .clear
{
   clear:both;
}

#FeedbackForm form li div label
{
   clear:both;
   color:#fff;
   display:block;
   font-size:9px;
   line-height:9px;
   margin:0;
   padding-top:3px;
}

#FeedbackForm form li span label
{
   clear:both;
   color:#fff;
   display:block;
   font-size:9px;
   line-height:9px;
   margin:0;
   padding-top:3px;
}
#FeedbackForm textarea.textarea { margin:0; width:99%; height:110px; }
#FeedbackFormLHS1 { position:relative; top:-4px; left:0px; }
#FeedbackFormRHS1 { position:relative; top:-56px; left:180px; }

#FeedbackFacebooklike { z-index:131; position: relative; left:163px; bottom:40px; width:50px; overflow:hidden; opacity: 0.8; padding-top: 15px; }
#FeedbackFacebooklike:hover { opacity: 1; }
#FeedbackGooglePlus { z-index:131; position: relative; left:234px; bottom:78px; opacity: 0.8; padding-top: 15px; }
#FeedbackGooglePlus:hover { opacity: 1; }


/**** Guidelines and Error Highlight ****/
#FeedbackForm form li.highlighted
{
   background-color:#fff7c0;
}

#FeedbackForm form .guidelines
{
   background:#f5f5f5;
   border:1px solid #e6e6e6;
   color:#444;
   font-size:100%;
   left:100%;
   line-height:130%;
   margin:0 0 0 8px;
   padding:8px 10px 9px;
   position:absolute;
   top:-190px;
   left:-215px;
   visibility:hidden;
   width:45%;
   z-index:1000;
}

#FeedbackForm form .guidelines small
{
   font-size:105%;
}

#FeedbackForm form li.highlighted .guidelines
{
   visibility:visible;
}

#FeedbackForm form li:hover .guidelines
{
   visibility:visible;
}

#FeedbackForm .no_guidelines .guidelines
{
   display:none !important;
}

#FeedbackForm .no_guidelines form li
{
   width:97%;
}

#FeedbackForm .no_guidelines li.section
{
   padding-left:9px;
}





/* Slide Window CSS Ends Here*/


/*Start of VTab jQuery Graphic Selection Menu in Accordian*/
/*        vtab_body {
            font-family: verdana;
            padding-top: 50px;
        }*/
        vtab_body {
        font-family : 'Open Sans', sans-serif;
        font-weight:400;
        }
        #vtab {
            margin: auto;
            width: 940px;
            height:100%;
        }
        #vtab > ul > li {
            width: 160px;
            height: 100px;
            background-color: #fff !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
            border: 1px solid #fff;
            position: relative;
            border-right: none;
            opacity: .3;
        }
        #vtab > ul > li.E1 {
            background: url('/images/nh_5886TXWMBA.jpg') no-repeat center center;
        }
        #vtab > ul > li.E2 {
            background: url('/images/Archos_9 (h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E3 {
            background: url('/images/nh_light-bulb(h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E4 {
            background: url('/images/Home Media Servers (h100).jpg') no-repeat center center;
        }
        #vtab > ul > li.E5 {
            background: url('/images/nh_energy-efficiency (h100).jpg') no-repeat center center;
        }
      #vtab > ul > li.E6 {
            background: url('/images/nh_netgear-dgn2000-adslrouter(h100).jpg') no-repeat center center;
        }
      #vtab > ul > li.E7 {
            background: url('/images/nh_Wiser%20(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E8 {
            background: url('/images/nh_SavePlanet(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E9 {
            background: url('/images/nh_Infrascan(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E10 {
            background: url('/images/nh_light-bulb(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E11 {
            background: url('/images/blinds(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E12 {
            background: url('/images/nh_5080CTC%20and%205050CTC(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E13 {
            background: url('/images/music(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E14 {
            background: url('/images/security(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E15 {
            background: url('/images/environmental(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E16 {
            background: url('/images/nh_Electric-Bill(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E17 {
            background: url('/images/outdoor_speakers-nh (100h).jpg') no-repeat center center;
      }
      #vtab > ul > li.E18 {
            background: url('/images/CD_Crunch(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E19 {
            background: url('/images/maxell_blown_away(h100).jpeg') no-repeat center center;
      }
      #vtab > ul > li.E20 {
            background: url('/images/C-Bus-Wireless_hero (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E21 {
            background: url('/images/wattson-black (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E22 {
            background: url('/images/fingerprint (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E23 {
            background: url('/images/nh_Push(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E24 {
            background: url('/images/Wallee (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E25 {
            background: url('/images/Amazon_Echo_and_Echo Dot_(h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.E26 {
            background: url('/images/Airtopia Airconditioner Controller (h100).jpg') no-repeat center center;
      }
      #vtab > ul > li.selected {
            opacity: 1;
            border: 1px solid #ddd;
            border-right: none;
            z-index: 7;
            background-color: #fafafa !important;
            position: relative;
        }
      #vtab > ul {
            float: left;
            width: 160px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 0px;
        }
        #vtab > div {
            margin-left: 160px;
            border: 1px solid #ddd;
              padding: 12px;
            position: relative;
            z-index: 6;
        }
        #vtab > div > h4 {
            color: #800;
            font-size: 1.2em;
            border-bottom: 1px dotted #800;
            padding-top: 5px;
            margin-top: 0;
        }
        #vtab > div.v4 {
      min-height: 466px;
      }
        #vtab > div.v5 {
      min-height: 556px;
      }
        #vtab > div.v6 {
      min-height: 646px;
      }
        #vtab > div.v7 {
      min-height: 758px;
      }
        #vtab > div.v8 {
      min-height: 870px;
      }
        #vtab > div.v4 > ol {
         padding-left:35px;
      }