@import url(kins_cms.css); /*IMAGE NOTE - Sarah left the old images in the app_themes folder so its easy to tell in future which ones we need to get rid off when clearing up */ /**************************************************************************************************************************************************** NAV controls the main layout for every page. Generally are in order as seen on the screen on from top to bottom, left to right **************************************************************************************************************************************C4E7FF**************/ body {margin:0; padding:0 0 24px 0; background:#dbe8f3 url(bg_body.jpg) repeat-x;} #accessibiltylinks {position:absolute; top:-999em;} .wrapper {position:relative; margin:0 auto; width:940px; padding:0;} header {position:relative; height:110px; text-align:left; background:#fff url(bg_header.jpg) 0 100% repeat-x; border-top:1px solid #fff;} header h1 a { position:absolute; top:17px; left:21px; width:405px; height:75px; background:url(logo_Netherlands.gif); z-index:10; } header h1 span {display:none;} header .logo a {position: absolute;top: 17px;left: 21px;width: 405px;height: 75px;background: url(logo_Netherlands.gif);z-index: 10;} header a {color:#555; text-decoration:none;} header a:hover, header a:focus, header a:active {color:#0f9fff; text-decoration:none;} #kngspdotcom {position:absolute; right:22em; top:-1px; font-size:0.8em; background:#fdfdfd; padding:10px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; behavior:url(/PIE.htc);} #langselect {position:absolute; top:0; right:18px; z-index:100000; padding:10px; width:14em; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; behavior:url(/PIE.htc); color:#555; background:#fff; text-align:left;} #langselect #slider {background:#fff; margin-top:-18em; height:18em; overflow:hidden; z-index:10000;} #langselect #btn {cursor:pointer; font-size:0.8em; background:url(icn_arr_drkgrey_dwn.gif) 100% 50% no-repeat;} #langselect #btn:hover,#langselect #btn:focus,#langselect #btn:active {color:#0f9fff;} #langselect #btn b {display:block; color:#0f9fff; font-weight:normal; background:#fff url(icn_arr_turq_up.gif) 100% 50% no-repeat;} #langselect ul {border-bottom:1px solid #eee; margin:0; padding:0 0 1em;} #langselect li {text-align:right; list-style-type:none; padding:0.2em 0;} #search {position:absolute; right:18px; bottom:22px; z-index:10;} #search label {display:none;} .searchbox {border:0; height:22px; padding:4px 0 0 4px; margin:0; color:#0099ff; width:161px; overflow:hidden;background:url(search.jpg) 0 0 no-repeat;} /* mainnav *************************************************************************************************************************************************/ #mainnav {z-index:100!important; width:100%; height:35px; width:100%; margin:0; padding:0; position:absolute; top:110px; left:0;} ul.topnav {width:100%; list-style:none; padding:0; margin:0; background:#E2E2E2 url(bg_mainnav.gif) 0 0 repeat-x; float:left; height:35px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; behavior:url(/PIE.htc); z-index:11110000;} #CS_mainnavTab1 {margin-left:8px;} ul.topnav li {float:left; float:inherit; padding:0 0 0 15px; position:relative;} #mainnav ul li {margin:0; background:url(../app_themes/kins_cms_theme/images/mainnav-sep.jpg) 100% 50% no-repeat; a_height:35px; padding:0; z-index:999;} #mainnav ul li a {text-decoration:none; color:#333; font-weight:bold; display:block; padding:7px 17px 9px 17px; float:left; background:url("bg_mainnav.gif");} #mainnav ul ul li a {text-decoration:none; color:#333; font-weight:bold; display:block; padding:7px 12px 12px 12px; float:left; background:none;} ul.topnav li a:hover { height:auto; overflow:visible;}/* saraheagle - dont think this is used ul.topnav li span {width:17px; height:35px; float:left; background:url(subnav_btn.gif) no-repeat center top;} ul.topnav li span.subhover {background-position:center bottom; cursor:pointer;}*/ #mainnav ul li a.MainHz_CMSListMenuHighlightedLI1, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI2, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI3, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI4, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI5, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI6, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI7, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI8, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI9, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI10, #mainnav ul li a.MainHz_CMSListMenuHighlightedLI, #mainnav ul li a.MainHz_CMSListMenuLinkHighlighted {background:url(nav-over-nocorners.jpg) 0 0 repeat-x!important; color:#fff;} #mainnav ul li a.selected {background:url(nav-over-nocorners.jpg) top right repeat-x; color:#fff;} #mainnav ul li a:hover {background:url(nav-over-c.jpg) top right repeat-x; color:#fff;} /* Product Dropdowns*/ ul.topnav li .subnav_brd {padding:10px 0; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; width:100%; behavior:url(/PIE.htc); background:#fff; -webkit-box-shadow:#333 0 3px 10px; -moz-box-shadow:#333 0 3px 10px; box-shadow:#333 0 3px 10px;} /* the 5 brightly coloured 'btns' */ #mainnav nav.clwrapper {background:#BDD7FF; width:95%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc);} #mainnav nav.clwrapper, nav.clwrapper {margin:0 auto 24px auto; float:none; padding:0;} #mainnav ul.colouredlinks , ul.colouredlinks {padding:0; margin:0 auto; width:100%; display:table; border-collapse:separate; border-spacing:10px;} #mainnav ul.colouredlinks li, ul.colouredlinks li {list-style-type:none; display:table-cell; text-align:center; font-size:1.3em; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/PIE.htc); -webkit-box-shadow:#BDD7FF 0 1px 3px; -moz-box-shadow:#BDD7FF 0 1px 3px; box-shadow:#BDD7FF 0 1px 3px;} ul.colouredlinks {margin:0 -5px;} #mainnav ul.colouredlinks li a, ul.colouredlinks li a {color:#fff; text-align:center; float:none; display:block; padding:5px 0!important; font-weight:bold;} .intro .colouredlinks {position:absolute; bottom:10px; left:20px; width:585px;} .intro .colouredlinks li {border:1px solid #bbb; padding:0; -webkit-box-shadow:#333 0 1px 3px; -moz-box-shadow:#333 0 1px 3px; box-shadow:#333 0 1px 3px; min-width:90px; font-size:13px;} #mainnav ul.colouredlinks li a:hover {background:none;} #mainnav ul.colouredlinks li.orange, ul.colouredlinks li.orange {background:#FF6500;} #mainnav ul.colouredlinks li.green, ul.colouredlinks li.green {background:#009A00;} #mainnav ul.colouredlinks li.blue, ul.colouredlinks li.blue {background:#00458C;} #mainnav ul.colouredlinks li.silver, ul.colouredlinks li.silver {background:#9C9A9C;} #mainnav ul.colouredlinks li.brown, ul.colouredlinks li.brown {background:#7B3000;} #mainnav ul.colouredlinks li.purple, ul.colouredlinks li.purple {background:rgb(94, 22, 130);} #mainnav ul.colouredlinks li:hover,ul.colouredlinks li:hover {position:relative; left:1px; top:1px; filter:alpha(opacity=70); opacity:0.7;} #mainnav ul.colouredlinks li a:hover,ul.colouredlinks li a:hover {text-decoration:none; position:relative; left:0; font-weight:bold; color:#fff;} #prods_dd {width:94%; border:none; height:auto!important; float:none; clear:both; margin:0 auto 10px auto; border-collapse:collapse!important; border-spacing:0!important;} #prods_dd td {padding:0; vertical-align:top; text-align:left; height:auto!important; border-right:1px solid #BED7FF; border-left:1px solid #BED7FF;} #prods_dd h3 {font-size:1em; display:block!important; clear:both!important; padding:10px; margin:0 0 18px 12px!important; font-weight:normal; font-size:1.2em; background:#BED7FF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(/PIE.htc); width:15em!important;} #prods_dd h3 img {display:block; margin:0 0 5px 0;} #prods_dd h3 a {padding:0!important; background:none!important;} #prods_dd ul {float:none!important; padding:0 0 18px 16px!important; margin:-12px 0 0 0!important; clear:both;} #prods_dd li {display:block!important; clear:both!important; width:99%!important; white-space:nowrap; background:#fff!important; float:none!important; list-style-type:none;} #prods_dd a {display:block!important; padding:0 0 0 10px!important; margin:0!important; font-weight:normal!important; width:95%!important; background:#fff url(icn_arr_drkgrey.gif) 0 center no-repeat!important; clear:both!important; float:none!important; color:#333!important;} #prods_dd li a:hover, #prods_dd li a:focus, #prods_dd li a:active {color:#fff!important; background:#0FA0FE!important;} /***************** drop down plain menu items *********************** .subnav{width:915px; display:none; position:absolute; top:150px; margin-left:auto; margin-right:auto; z-index:60;}*/ #mainnav ul ul {text-align:left; position:absolute; top:35px; margin-left:auto!important; margin-right:auto!important; z-index:60; left:0; overflow:visible;} #mainnav ul ul {width:212px; height:15em;} #mainnav ul ul {list-style:none; margin:0; padding:0; float:none;} #mainnav ul ul li {list-style:none; margin:0; padding:0; width:210px; border:1px solid #ddd; border-top:none; background:#fff url(icn_arr_drkgrey.gif) 6px 0.4em no-repeat!important; float:left!important;} #mainnav ul ul li a {width:195px; text-decoration:none; font-weight:normal; padding:0.1em 0 0.1em 16px;} #mainnav ul ul li a:hover {background:none; background-color:#0f9fff; color:#fff;} #mainnav ul ul ul {list-style:none; margin:0; padding:0; float:none; display:block !important; position:relative; height:auto; top:0px;} #mainnav ul ul ul li {list-style:none; margin:0; padding:0; width:210px; border:1px solid #ddd; border-top:none; background:#fff url(icn_arr_drkgrey.gif) 6px 0.4em no-repeat!important; float:left!important;} #mainnav ul ul ul li a {width:195px; text-decoration:none; font-weight:normal; padding:0.1em 0 0.1em 16px;} #mainnav ul ul ul li a:hover {background:none; background-color:#0f9fff; color:#fff;} #mainnav .producten {position:static;} #mainnav .producten ul.CMSListMenuUL {width:930px; border-bottom:1px solid #E2E2E2; border-left:1px solid #E2E2E2; left:5px; top:35px; height:auto; padding-bottom:5px; background:url(bg_productenmenu.png) center bottom #FFFFFF;} #mainnav .producten ul.CMSListMenuUL li {width:309px; border:0px; border-right:1px solid #E2E2E2;} #mainnav .producten ul.CMSListMenuUL li a {width:279px; height:20px; padding:10px; margin:5px; background:url(bg_productmenu_titel.png) #FFFFFF no-repeat; border:0px; border-bottom:1px solid #FFFFFF; font-size:14px; font-weight:bold; color:#333333;} #mainnav .producten ul.CMSListMenuUL li ul {width:299px; border:0px; top:0px; left:0px; margin:0px 5px 15px 5px;} #mainnav .producten ul.CMSListMenuUL li ul li {width:299px; border:0px; padding:0px;} #mainnav .producten ul.CMSListMenuUL li ul li a {width:284px; height:auto; padding:2px 0px 3px 15px; margin:0px; background:url(icn_arr_drkgrey.gif) 5px 6px no-repeat #FFFFFF; font-size:12px; font-weight:normal; color:#333333;} #mainnav .producten ul.CMSListMenuUL li ul li a:hover {background:url(icn_arr_white.gif) 5px 6px no-repeat #109EFF; color:#FFFFFF;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_1_30 a {background:url(bg_productmenu_titel_kooltherm.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_2_30 a {background:url(bg_productmenu_titel_therma.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_3_30 a {background:url(bg_productmenu_titel_selthaan.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_4_30 a {background:url(bg_productmenu_titel_optim-r.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_5_30 a {background:url(bg_productmenu_titel_tarec.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_6_30 a {background:url(bg_productmenu_titel_isoeasy.png) no-repeat 0px 0px #FFFFFF; text-indent:-9999px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_1_30 ul li a, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_2_30 ul li a, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_3_30 ul li a, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_4_30 ul li a, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_5_30 ul li a, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_6_30 ul li a {width:284px; height:auto; padding:2px 0px 3px 15px; margin:0px; background:url(icn_arr_drkgrey.gif) 5px 6px no-repeat #FFFFFF; font-size:12px; font-weight:normal; color:#333333; text-indent:0px;} #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_1_30 ul li a:hover, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_2_30 ul li a:hover, #mainnav .producten ul.CMSListMenuUL #menuElem_LI_0_3_30 ul li a:hover {background:url(icn_arr_white.gif) 5px 6px no-repeat #109EFF; color:#FFFFFF !important; text-indent:0px;} /* .menu_divider{width:26px; background-image:url(../app_themes/kins_cms_theme/images/menu_divider.gif);} .menu_column{width:152px; vertical-align:top;} .menubox{} .menubox .top{width:191px; height:7px; background-image:url(../app_themes/kins_cms_theme/images/menubox_top.png);} .menubox .content{padding:0px 5px; background-color:#bed7ff; width:181px;} .menubox .bottom{width:191px; height:7px; background-image:url(../app_themes/kins_cms_theme/images/menubox_bottom.png);} #mainnav .menu_column ul {display:block; float:none; background-image:none; padding:10px 0 0 0;} #mainnav .menu_column ul li {display:block; float:none; background-image:none; padding:0; margin:0;} #mainnav .menu_column ul li a {text-decoration:none; font-size:11px; color:#333; font-weight:bold; display:block; padding:0; margin:0; line-height:100%; background:none;} #mainnav .menu_column a {text-decoration:none; font-size:12px; color:#333; font-weight:bold; display:block; padding:0;} #mainnav .menu_column a img {text-align:center; padding:0;} .subnav .productmenu_toplinks {height:45px; width:864px; text-align:center; margin:0 0 5px 0; background:url(../app_themes/kins_cms_theme/images/productmenu_toplinks.png)!important;} #mainnav ul li .subnav .productmenu_toplinks a.blue-link {background-image:url(../app_themes/kins_cms_theme/images/blue-link.gif); background-position:0 0; background-repeat:no-repeat; padding:7px 56px 7px 55px; color:#FFF; margin-top:7px; margin-left:9px; margin-right:9px;} #mainnav ul li .subnav .productmenu_toplinks a.green-link {background-image:url(../app_themes/kins_cms_theme/images/green-link.gif); background-position:0 0; background-repeat:no-repeat; padding:7px 58px 7px 57px; color:#FFF; margin-top:7px; margin-left:9px; margin-right:9px;} #mainnav ul li .subnav .productmenu_toplinks a.orange-link {background-image:url(../app_themes/kins_cms_theme/images/orange-link.gif); background-position:0 0; background-repeat:no-repeat; padding:7px 58px 7px 58px; color:#FFF; margin-top:7px; margin-left:9px; margin-right:9px;} #mainnav ul li .subnav .productmenu_toplinks a.silver-link {background-image:url(../app_themes/kins_cms_theme/images/silver-link.gif); background-position:0 0; background-repeat:no-repeat; padding:7px 51px 7px 51px; color:#FFF; margin-top:7px; margin-left:9px; margin-right:9px;} #mainnav ul li .subnav .productmenu_toplinks a.brown-link {background-image:url(../app_themes/kins_cms_theme/images/brown-link.gif); background-position:0 0; background-repeat:no-repeat; padding:7px 62px 7px 61px; color:#FFF; margin-top:7px; margin-left:9px; margin-right:9px;} #mainnav ul li .subnav a {color:#0f9fff; display:inline; text-decoration:none; background:none; padding-bottom:5px;} */ #mainnav li {position: relative; display:block;} #mainnav ul ul {position:absolute; display:none;} #navleft {float:left; width:19%; margin:60px 5px 0 0; padding:0 10px; overflow:hidden; position:relative;} #navleft h2.sectionheader {float:left;padding:3px 10px 0 10px; background:#109EFF; font-weight:normal; display:block; font-size:1.2em; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; behavior:url(/PIE.htc);} #navleft h2 b {float:left;color:#fff!important; display:block; padding:10px 5px;} #leftnav-middle {width:178px; background:#fff; float:left; margin:0 0 20px 0; padding:0 0px 5px 0px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#666 0 5px 12px; -moz-box-shadow:#666 0 5px 12px; box-shadow:#666 0 5px 12px; behavior:url(/PIE.htc);} #leftnav-middle ul {margin:0px 0px 0px 0px; padding:0px; float:left; width:178px;} #leftnav-middle li {float:left; list-style:none; padding:0px; margin:0px;} #leftnav-middle a {float:left; text-decoration:none; width:155px; font-size:11px; color:#000000; margin:0 5px; padding:0.4em 0 0.4em 12px; display:block; border-bottom:1px solid #eee; background:url(icn_arr_drkgrey.gif) 3px center no-repeat; font-size:12px;} #leftnav-middle a:hover {background:#f5f5f5 url(icn_arr_drkgrey.gif) 3px center no-repeat;} #leftnav-middle ul ul {margin:0px; border:0px;} #leftnav-middle li li {margin:0px; padding:0 0 0 12px;} #leftnav-middle ul ul a {width:150px; background:url(icn_arr_drkgrey.gif) 3px center no-repeat; margin:0px; padding:0.2em 0 0.2em 12px;} #leftnav-middle ul ul a:hover {background:#f5f5f5 url(icn_arr_drkgrey.gif) 3px center no-repeat;} #leftnav-middle ul ul .act {background:#ececec;} #leftnav-middle ul li.CMSListMenuHighlightedLI, #leftnav-middle ul li.ProdA_CMSListMenuHighlightedLI {color:#fff;} #leftnav-middle ul li a.CMSListMenuLinkHighlighted, #leftnav-middle ul li a.ProdA_CMSListMenuLinkHighlighted {color:#fff; background:#0f9fff url(icn_arr_white.gif) 3px center no-repeat!important;} #leftnav-middle ul li li.CMSListMenuHighlightedLI, #leftnav-middle ul li li.ProdB_CMSListMenuHighlightedLI {color:#fff;} #leftnav-middle ul li li a.CMSListMenuLinkHighlighted, #leftnav-middle ul li li a.ProdB_CMSListMenuLinkHighlighted {color:#fff; background:#0f9fff url(icn_arr_white.gif) 3px center no-repeat!important;} #leftnav-middle ul li li li.ProdC_CMSListMenuHighlightedLI {color:#fff;} #leftnav-middle ul li li li a.CMSListMenuLinkHighlighted, #leftnav-middle ul li li li a.ProdC_CMSListMenuLinkHighlighted {color:#fff; background:#0f9fff url(icn_arr_white.gif) 3px center no-repeat!important;} #leftnav-middle ul li.CMSListMenuHighlightedLI li, #leftnav-middle ul li.ProdA_CMSListMenuHighlightedLI li {background-color:#fff!important} #leftnav-middle ul.astreeview-tree li {background:none; position:relative;} #leftnav-middle ul.astreeview-tree li li {padding:0px 0px 0px 15px; background:none;} #leftnav-middle ul.astreeview-tree li li a {padding:0px 0px 0px 20px; background:none;} #leftnav-middle ul.astreeview-tree li li li {} #leftnav-middle ul.astreeview-tree li li li li {} #leftnav-middle ul.astreeview-tree li a {padding-left:32px; display:block; width:140px} #leftnav-middle ul.astreeview-tree li .astreeview-plus-minus {position:absolute; left:0; top:0.2em;} #leftnav-middle ul.astreeview-tree li .astreeview-checkbox {position:absolute; left:18px; top:0.2em;} #leftnav-middle ul.astreeview-tree li li .astreeview-plus-minus {top:0;} #leftnav-middle ul.astreeview-tree li li .astreeview-checkbox {top:0;} #navleft h2.sectionheader a {float:left; width:149px; font-size:15px; color:#FFFFFF; margin:0px; padding:0px; display:block; border-bottom:0px; background:none;} #navleft h2.sectionheader a:hover {text-decoration:underline;} #navleft .address {background:#fff; font-size:0.85em; padding:10px 10px; margin:0 0 20px 0; position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 5px 8px; -moz-box-shadow:#7793AA 0 5px 8px; box-shadow:#7793AA 0 5px 8px; behavior:url(/PIE.htc); overflow:hidden;} #navleft address h3 {font-size:1.4em;} #printMenu {background:url(../app_themes/kins_cms_theme/images/bg_print_menu.png) no-repeat top left; position:relative; left:-5px;} article {float:left; width:74%; position:relative; margin:60px 0 0 0; padding:10px 14px; background:#fff; min-height:600px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior:url(/PIE.htc); overflow:hidden;} .cols3 article {width:54%;} #breadcrumbs {margin:0 0 20px 0; padding:0;} #breadcrumbs p {margin:0; padding:0; color:#666; font-size:10px;} #breadcrumbs p a {text-decoration:none; color:#666;} #breadcrumbs p a.currentbreadcrumbs {text-decoration:none; color:#004489;} #rightcolumn {float:right; padding:0 10px; margin:60px 0 0 0; width:18.4%;} #rightcolumn h2 {font-weight:bold; font-size:1.2em;} .rhs-box1 {background:#DCE9F4; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 5px 8px; -moz-box-shadow:#7793AA 0 5px 8px; box-shadow:#7793AA 0 5px 8px; behavior:url(/PIE.htc); position:relative; overflow:hidden; height:auto;} .rhs-box2 {background:#EDF4F9; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden; height:220px;} .rhs-box3 {background:#fff; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden;height:182px;} .rhs-box4 {background:#EDF4F9; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden;height:180px;} .rhs-box5 {background:#EDF4F9; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden;height:auto;} .rhs-box6 {background:#0F9FFF; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden;height:auto; color:#FFFFFF; font-size:15px; font-weight:bold; text-align:center;} .rhs-box6 a {color:#FFFFFF; font-size:15px; font-weight:bold;} .rhs-box7 {background:#FFFFFF; padding:10px 10px; margin:0 0 20px 0; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#7793AA 0 2px 6px; -moz-box-shadow:#7793AA 0 2px 6px; box-shadow:#7793AA 0 2px 6px; behavior:url(/PIE.htc); position:relative; overflow:hidden;height:auto; color:#000000; font-size:15px; font-weight:bold; text-align:center;} #rhsbox-content {padding:0; margin:0;} #rhsbox-content p {margin:0; padding:3px 0 3px 0; font-size:0.85em;} #rhsbox-content p a {text-decoration:none;} .image-pad {padding:10px 0 10px 0;} footer {background:url(bg_footerstripes.png) no-repeat; min-height:90px; position:relative; margin:0 0 0 0; z-index:0; clear:both; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; behavior:url(/PIE.htc);} footer ul {list-style-type:none; padding:0 0 4px 28px; margin:0; background:#6C8FB9; display:inline; position:absolute; bottom:-0.8em; right:18px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc);} footer ul li {display:inline; padding:0 28px 0 0; margin:0; line-height:normal;} footer ul a {color:#fff; text-decoration:none; font-size:10px; position:relative;} footer ul a:hover ,footer ul a:focus ,footer ul a:active {color:#D0DBE8;} footer ul li img {vertical-align:middle;} /**********************************************************************************************************************/ /* End Nav start pages /**********************************************************************************************************************/ .home {position:relative;} .home h2 {margin:0; padding:0; font-size:3em; position:relative; top:25px; left:20px; color:#fff; width:580px;} .homeintrotext {position:relative; top:25px; left:20px; color:#fff!important; width:580px;} .home .bgimage img {position:absolute; top:0; left:0; z-index:0!important; width:100%; height:300px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; behavior:url(/PIE.htc);} .home section {width:100%; height:280px; z-index:10;} .home .header {float:left; width:100%; overflow:hidden; margin-top:34px; border-radius:0 0 10px 10px; -webkit-box-shadow:#999 0 2px 12px; -moz-box-shadow: #999 0 2px 12px; box-shadow: #999 0 2px 12px; background:#FFFFFF;} .home .header-left {float:left; width:620px; height:300px; overflow:hidden; position:relative;} .home .header-right {float:left; width:280px; height:260px; padding:20px; background-color:#FFFFFF; border-radius:0 0 6px 0;} .home .header-right h3 {margin:0 0 10px 0;} .home .header-right p {margin:0 0 10px 0; line-height:1.5em; font-size:0.85em;} /* Literature =.stepcarousel Case Studies =.stepcarousel1 */ .stepcarousel {position:relative; overflow:scroll; width:192px; height:174px; border:none;} .stepcarousel .panel p b, .stepcarousel1 .panel p b {display:block; height:3em;} .stepcarousel .panel p img {width:100px; height:130px;} .stepcarousel1 .panel p img {width:150px; height:89px;} .stepcarousel .belt {position:absolute; left:0; top:0;} .stepcarousel .panel {float:left; overflow:hidden; margin:0; width:192px;} /* White boxes with drop shadows */ .boxes {margin:0; clear:both; display:table; border-collapse:separate; border-spacing:10px;} .box {width:271px; display:table-cell; background:#fff; padding:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:0.85em; -webkit-box-shadow:#999 0 2px 12px; -moz-box-shadow:#999 0 2px 12px; box-shadow:#999 0 2px 12px; behavior:url(/PIE.htc); float:left; margin:15px 0 0 0; height:220px; line-height: 20px;} .box2 {margin:15px 15px 0 15px;} .boxbreed {height:auto; width:908px;} .box h3 {margin:0; padding:0; font-size:1.7em;} .box p {margin:0 0 0.5em 0;} /* White boxes with pale blue headers, img in center and read more btn */ .box_more {width:163px; float:left; margin-right:5px; margin-top:6px; font-size:0.80em; color:#00458A; color:#333; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #BCC7D1; background:#fff; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; behavior:url(/PIE.htc);} .box_more h3 {margin:0; padding:6px 8px; line-height:1.1em; height:3.2em; overflow:hidden; font-weight:normal; background:#DBE8F3; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; behavior:url(/PIE.htc);} .box_more .img {width:100%; height:97px; overflow:hidden; display:block; vertical-align:middle; text-align:center; /*background:#00458A;*/} .box_more img:hover, .box_more img:focus, .box_more img:active {filter:alpha(opacity=70); opacity:0.7;} .btn_readmore {float:right; margin:7px 6px 8px 0; padding:0 0 0 5px; line-height:2em; min-width:100px; height:18px; color:#fff; background:#0C8AE1 url(bg_btn_sm.gif);} a.btn_readmore:hover, a.btn_readmore:focus, a.btn_readmore:active {color:#fff; text-decoration:none; position:relative; top:1px; left:1px;} .btn_readmore span {display:none;} .box_more b {float:left; margin:7px 0 8px 6px; padding:0 5px 0 5px; line-height:1.8em; min-width:29px; height:18px; color:#fff; background:#EB0A44 url(bg_hot.gif); cursor:pointer;} /**/ .linkslist a {color:#455E69; padding:0 0 0 8px; display:block; width:45%; margin:0 0 0 4px; float:left; background:url(icn_arr_drkgrey.gif) 0 50% no-repeat;} .linkslist br {display:none;} .linkslist div {padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px solid #eee; float:left; width:100%; clear:both;} /* Links Page & any others that want the same layout */ .links table table {width:100%; border-collapse:separate; border-spacing:5px!important; background:#E4F2FC;} .links table table td {width:47%; padding:5px 1% 1em 1%!important; vertical-align:top; border:1px solid #DAE8F3!important; background:#fff;} .links table table td p {margin:0!important; padding:0!important;} .links table table td b {display:block; padding:3px; background:#DAE8F3; margin:0 0 -1em 0;} .links table table td br + b {display:inline-block; padding:0; width:4em; background:none; position:relative; top:0.5em;} .links table table td a {font-size:1em!important; position:relative; top:0.5em;} h3.contentheader {font-size:2em;} /* knowledge base **/ .knowledge_intro {background:#D7E9F7 url(bg_grad_bluepale.jpg) 0 0 repeat-x; border:1px solid #B8D9F1; padding:1em; font-size:1.2em; color:#246CA4; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; line-height:normal; font-weight:bold; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc); margin:15px 0 2em 0;} .knowledge_pdf {background:#246CA4; text-align:center; font-size:0.8em; margin:15px 0 0 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc);} .knowledge_pdf img {max-width:140px; width:auto; height:140px; margin:15px auto 5px auto; display:block;} .knowledge_pdf a {color:#fff;} .knowledge {width:100%; display:table; border-spacing:0;} .knowledge_pdf {width:23%; display:table-cell; vertical-align:top;} .with_pdf {width:73%; display:table-cell; vertical-align:top;} p.match_h {margin:0!important; padding:0!important; height:1px!important; overflow:hidden!important;} /* News pages */ .news_info {float:left; width:48%; margin:12px 1% 0 0; border:1px solid #ccc; background:#fff; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc);} .news_info h3 {padding:0 8px 8px 8px; background:#ECF3F9; margin:0 0 8px 0; height:auto; overflow:hidden; line-height:2em;} .news_info img {float:left; margin:0 8px 0 8px;} .news_info .smry {height:5em; overflow:hidden; display:block; padding:0 8px 0 0;} .readmore {display:block; float:right; clear:both; color:#fff; margin:8px; width:80px; height:23px; background:url(/app_themes/kins_cms/images/imagegallery-viewbutton.gif) 0 0 no-repeat;} .readmore span {display:none;} #download-tabs {width:100%; float:left; padding:0 0 10px 0; margin:0;} #download-tabs ul {list-style-type:none; background-image:url(../app_themes/kins_cms_theme/images/ul-tabs-bcg.gif); background-repeat:repeat-x; width:100%; float:left;} #download-tabs ul li {float:left; padding:0; margin:0; width:86px; height:42px;} #download-tabs ul li.downloads-tab-on { border-bottom:1px solid #fff;} #download-tabs ul li.downloads-tab-off { } #download-tabs ul li a {display:block; text-decoration:none; color:#333; width:86px; height:42px; padding:5px 5px 0 8px; margin:0;} #download-tabs ul li a:hover {background:none;} #download-tabs ul li a.tabs_on {background-image:url(../app_themes/kins_cms_theme/images/download-tab_on.gif); background-repeat:no-repeat;} #download-tabs ul li a.tabs_off {background-image:url(../app_themes/kins_cms_theme/images/download-tab_off.gif); background-repeat:no-repeat;} #download-tabs ul li a.tabs_off:hover {background-image:url(../app_themes/kins_cms_theme/images/download-tab_on.gif); background-repeat:no-repeat;} .download-item {width:100%; float:left;} .download-text {float:left; width:337px;} .download-text p {margin:0; padding:0 0 0 6px; color:#333;} #downloadlist-container {width:100%; margin:16px 0 0 0; padding:0 0 20px 0; float:left; border-bottom:1px solid #ccc;} .image-text-switch {float:right; padding:0; margin:-20px 0 10px 0;} .image-text-switch a {color:#666; font-weight:bold; text-decoration:none; float:left; padding:2px 0 0 0;} .image-text-switch a:hover {text-decoration:underline;} .image-text-switch img {margin:0 12px 0 0; float:left;} /* --------------- text view ------------- */ div.ig-item-middle p {font-size:0.95em;margin:0;padding:8px;text-align:left;color:#888;} div.image-text-switch img.rt {margin:0 0 0 12px;} /* Original CSS Reemoved and put into _orig.css **********************************************/ #section_header{width:700px; height:199px; margin-bottom:15px;} #section_header .text_bg{height:34px; background-image:url(../app_themes/kins_cms_theme/images/text_bg.png); background-repeat:no-repeat; padding:8px 0 0 8px; color:#FFF; position:relative; left:0; top:-34px;} #section_header .top_left{position:relative; left:0; top:-244px; width:14px; height:14px;} #section_header .top_right{position:relative; left:686px; top:-258px; width:14px; height:14px;} /* show/hide */ #faq dl {margin:0;} #faq dt {font-weight:normal; padding:0; margin:0; border-bottom:1px solid #BED7FF;} #faq dd {margin:5px 0 10px 0; padding:0; display:none;} /*------------------ Accordions ------------------------*/ .accordionheader {background:url(icn_arr_turq.gif) 0 0.7em no-repeat; width:700px; float:left; padding-bottom:5px;} .accordionheader a {width:700px; display:block; padding:5px 0 5px 10px; cursor:hand; cursor:pointer;} .accordionheader_short {background:url(icn_arr_turq.gif) 0 0.7em no-repeat; width:690px; float:left; padding-bottom:5px;} .accordionheader_short a {width:690px; display:block; padding:5px 0 5px 10px; cursor:hand; cursor:pointer;} .accordionheader1 {background:url(icn_close_turq.gif) 0 0.7em no-repeat; width:700px; float:left; margin-bottom:5px;} .accordionheader1 a {color:#0f9fff; text-decoration:none; font-size:14px; padding:5px 0 5px 10px; width:700px; display:block; padding-top:5px;cursor:hand;cursor:pointer;} .accordionheader1_short {background:url(icn_close_turq.gif) 0 0.7em no-repeat; width:690px; float:left; margin-bottom:5px;} .accordionheader1_short a {color:#0f9fff; text-decoration:none; font-size:14px; width:690px; display:block; padding:5px 0 5px 10px; cursor:hand; cursor:pointer;} #faq .accordionheader table.nolines td{padding:0;} #faq .accordionheader_short table.nolines td{padding:0;} .accordioncontent {width:700px;clear:both;} .accordioncontent_short {width:690px;clear:both;} #faq table tr td {text-align:left; border:none; padding:12px 12px 12px 12px;} /* following style for construction details to be 3 abreast */ #faq table tr td.consdet {text-align:left; border:none; padding:12px 0 12px 0;} #faq table tr td a {color:#0f9fff; text-decoration:none; font-size:14px;} #faq table tr td table {text-align:left; border:none; padding:12px 0 12px 0;} /* IE doubles the line thickness if addded below - one border per adjacent TD tag! */ #faq table tr td table tr td {text-align:left; border:1px solid #8ab5d9; padding:2px 1px 2px 1px;} td.lightblue {background:#E4F2FC;} /* used on archived news pages */ h3.accordionheader {width:97%; color:#0f9fff; cursor:pointer; padding:0 0 0.4em 22px; font-weight:normal; background-position:10px 0.2em; border-bottom:1px solid #BED7FF;} div.accordioncontent {padding:0 0 24px 0; overflow:hidden;} #errlabel {background:#FF0000; color:#FFFFFF; font-size:0.9em; margin:-20px 0 5px 360px; padding:3px 8px;} /* Product page tabs */ /*cadaptor tab control overide of table style */ .taboveride {} .taboveride table tr td {padding:0; text-align:left; border:none;/*border-bottom:1px solid #a4b2bc; aborder-bottom:solid 1px #a4b2bc;*/} #taboveride {border-bottom:1px solid #a4b2bc;} #taboveride table {position:relative; top:1px;} #taboveride table tr td {padding:0; text-align:left; border:none; border-bottom:1px solid #a4b2bc; aborder-bottom:solid 1px #a4b2bc;} .TabControlLeft {background:url(../app_themes/kins_cms_theme/images/tab_left.gif) no-repeat; width:5px; height:27px; cursor:pointer;} .TabControl {background:url(../app_themes/kins_cms_theme/images/tab_mid.gif) repeat-x; height:25px; line-height:20px; padding:4px 1px 0 1px; font-family:Tahoma; font-size:11px; color:#000000; text-decoration:none; cursor:pointer;} .TabControlLink {font-family:Tahoma; font-size:11px; color:#000000; text-decoration:none;} .TabControlRight {background:url(../app_themes/kins_cms_theme/images/tab_right.gif) right top no-repeat; width:6px; height:27px; cursor:pointer;} td.TabControlSelected {border-bottom:1px solid #fff!important;} td.TabControlSelected {background:url(../app_themes/kins_cms_theme/images/tab_mid_selected.gif) repeat-x; height:27px; line-height:20px; border-bottom:1px solid #fff; padding:4px 1px 0 1px; font-family:Tahoma; font-size:11px; color:#000000; text-decoration:none; cursor:pointer;} td.TabControlSelectedLeft {background:url(../app_themes/kins_cms_theme/images/tab_left_selected.gif) no-repeat; border-bottom:1px solid #fff!important; width:5px; height:29px; cursor:pointer; position:relative; z-index:100;} td.TabControlSelectedRight {background:url(../app_themes/kins_cms_theme/images/tab_right_selected.gif) no-repeat; border-bottom:1px solid #fff!important; width:8px; height:29px; cursor:pointer; position:relative; z-index:100;} .TabControlLinkSelected {font-family:Tahoma; font-size:11px; color:#000000; text-decoration:none; font-weight:bold;} /* Product page */ #product_header {} #product_header img {width:508px;} #product_header h3 {height:26px; padding:8px 0 0 12px; color:#FFF; position:relative; left:0; top:-34px; margin:0 0 -34px 0; background:url(../app_themes/kins_cms_theme/images/text_bg4.png);} a.btn_buynow,a.btn_pdf {font-size:1em; margin:7px 6px 8px 0; padding:0; line-height:2.2em; width:190px; height:26px; color:#fff; text-transform:uppercase; text-align:center; font-weight:bold; letter-spacing:1px;} a.btn_buynow {float:right; background:#A90117 url(bg_btn_red_lg.gif);} a.btn_pdf {float:left; background:#0C8AE1 url(bg_btn_lg.gif);} a.btn_pdf:hover, a.btn_pdf:focus, a.btn_pdf:active, a.btn_buynow:hover, a.btn_buynow:focus, a.btn_buynow:active {text-decoration:none; position:relative; top:1px; left:1px;} .product_properties table {width:100%; margin:0 0 20px 0; border-collapse:collapse; background:#F7FAFC!important;} .product_properties caption, .product_properties .rowheading td {background:#6998BE; color:#eee; font-size:0.8em; text-transform:uppercase; text-align:left; margin:0 -1px 0 0; padding:3px 12px;} .product_properties th {border:1px solid #6998BE; vertical-align:top; color:#666; width:33%!important; font-size:0.9em; text-transform:uppercase;} .product_properties th, .product_properties td {border:1px solid #6998BE; vertical-align:top; padding:3px 3px 5px 10px;} .product_properties table br {display:block;} .product_properties .taboveride table {width:291px; background:none!important; margin:0;} .product_properties .taboveride th, .product_properties .taboveride td {border:none; vertical-align:middle;} .taboveride table {float:right;} .taboveride img {} .nbsplus {width:270px; float:right; margin:0 0 0 10px; padding:10px; text-transform:uppercase; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#F2F2F2; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; behavior:url(/PIE.htc);} .nbsplus a.aNBSPlus {font-size:0.8em;} /*----- SiteMap:Selected Styles --------- */ .CMSSiteMapList {color :#0f0;} .CMSSiteMapListItem ul li a {color:#000; padding:0px 5px 0 15px;} .CMSSiteMapListItem ul li li a {color:#0a466c; padding:0px 5px 0 30px;} .CMSSiteMapListItem ul li li li a {color:#10405e; padding:0px 5px 0 45px;} .CMSSiteMapListItem ul li li li li a {color:#2787c3; padding:0px 5px 0 60px;} .CMSSiteMapListItem ul li li li li li a {color:#6fb9e7; padding:0px 5px 0 75px;} /* END Site Map Styles */ .NBS_top{background-image:url(../app_themes/kins_cms_theme/images/nbs_top_bg.png); background-repeat:no-repeat; height:9px;} .NBS_left{background-image:url(../app_themes/kins_cms_theme/images/nbs_left_bg.png); background-repeat:no-repeat; width:5px;} .NBS_right{background-image:url(../app_themes/kins_cms_theme/images/nbs_right_bg.png); background-repeat:no-repeat; width:5px;} .NBS_bottom{background-image:url(../app_themes/kins_cms_theme/images/nbs_bottom_bg.png); background-repeat:no-repeat; height:19px; width:240px;} /**************************************************************************************************************************************************** GLOBAL HIDDEN controls the more general items & things that are specific to certain pages - but user does not need to see in WYSIWYG editor *************************************************************************************************************************************************/ /* links on literature page */ div.downloads a {color:#284160; padding:3px 0 3px 3px; display:block; width:48%; margin:0 10px 0 0; float:left; cursor:pointer; background:#ECF3F9 url(bg_dwnloads_arrow.gif) right center no-repeat; font-size:0.85em;} div.downloads a:hover, div.downloads a:focus, div.downloads a:active {color:#fff; text-decoration:none; background-color:#284160;} div.downloads br {display:none;} div.downloads div {padding:0 0 12px 0; margin:0 0 12px 0; /*border-bottom:1px solid #eee;*/ float:left; width:100%; clear:both;} /* Table on brochure req page */ fieldset.downloads {padding:0; margin:0 0 15px 0; border:none; border-bottom:1px solid #93A0AF; background:none;} .downloads legend {color:#fff; padding:2px 3px; font-weight:normal; position:relative; z-index:10; display:inline-block; background:#3D5470;} .downloads caption {border-bottom:1px solid #93A0AF; } .downloads caption span {display:none;} .downloads table {margin:0; z-index:1; width:50%; border-collapse:collapse; float:left;} .downloads th {display:none;} .downloads td {font-size:0.85em; vertical-align:middle; border:1px solid #fff; background:#ECF3F9;} .downloads td input {margin:0 0 0 3px;} .downloads td.prod {width:40%; padding:3px 0; background:#ECF3F9 url(bg_dwnloads_arrow_pale.gif) right center no-repeat;} .downloads td a {padding:0 0 0 3px; color:#284160; text-decoration:none; display:block;} .downloads td.harcopy {width:5.4%; filter:alpha(opacity=50); opacity:0.50; background:#1C6FAF url(bg_dwnloads_hardcopy.gif) 90% center no-repeat;} .downloads td.sample {width:5.4%; filter:alpha(opacity=50); opacity:0.50; background:#109EFF url(bg_dwnloads_samples.gif) 90% center no-repeat;} .downloads td.none {width:5.4%; filter:alpha(opacity=50); opacity:0.50; background:#ECF3F9;} .downloads tr:hover td.prod {background-color:#93A0AF; color:#fff;} .downloads tr:hover td.dwnld {background:#284160 url(bg_dwnloads_arrow.gif) right center no-repeat; color:#fff;} .downloads tr:hover td.prod a {color:#fff;} .downloads tr:hover td.harcopy {filter:alpha(opacity=100); opacity:1;} .downloads tr:hover td.sample {filter:alpha(opacity=100); opacity:1;} .key {border-collapse:collapse; position:absolute; top:2.1em; right:16px; cursor:pointer;} .key td {width:17px; white-space:nowrap; padding:3px 2px;} .key td.prod {width:17px; background:#284160 url(bg_dwnloads_arrow.gif) right center no-repeat;} .key td.harcopy, .key tr:hover td.harcopy {width:17px; background-position:center center; filter:alpha(opacity=100); opacity:1;} .key td.sample, .key tr:hover td.sample {width:17px; background-position:center center; filter:alpha(opacity=100); opacity:1;} /* Sarahs Forms info - pale blue one*/ .form_info {color:#455E69; background:#ECF3F9; border:none; overflow:hidden; margin:0.5em 10em 2em 0; padding:0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; width:100%; border:1px solid #E2EDF5; -webkit-box-shadow:#ccc 0 2px 5px; -moz-box-shadow:#ccc 0 2px 5px; box-shadow:#ccc 0 2px 5px; behavior:url(/PIE.htc);} .form_info legend {display:none;} .form_info ul,.form_info div.pad {margin:0; padding:12px;} .form_info li {clear:both; margin:0; padding:0; min-height:2.2em; list-style-type:none;} .form_info label,.form_info li.label {clear:none; display:block; float:left; width:20%;} .form_info select {} .form_info .chckbxs {display:block; float:left; clear:none;} .form_info .chckbxs label {display:inline; float:none;} .form_info .chckbxs input {margin:-1px 3px 0 0!important;} .form_info .pad_l {padding:0 0 0 20%;} .form_info td label {width:90%; display:inline; float:none;} /* Sarahs Forms info - general form - pale grey one*/ div.form1 {} fieldset.form1 {border:none; margin:0 0 1em 0; padding:10px; background:#f8f8f8; border:1px solid #ebebeb; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; behavior:url(/PIE.htc);} .form1 legend {font-weight:bold; padding:3px 10px; border:1px solid #ebebeb; background:#ebebeb; min-height:2px; display:none;} .form1 ul {margin:12px 0; padding:0 12px;} .form1 li {clear:both; margin:0; padding:0; min-height:1.8em; list-style-type:none; float:left;} .form1 label {width:40%; display:block; float:left; font-weight:normal; padding:1px 0; margin:0 0 0.5em 0;} fieldset.form1 input, fieldset.form1 textarea, fieldset.form1 select {border:1px solid #aaa; float:right; min-height:1.4em;} fieldset.form1 input:hover, fieldset.form1 input:focus, fieldset.form1 input:active, .form1 textarea:hover, .form1 textarea:focus, .form1 textarea:active, .form1 select:hover, .form1 select:focus, .form1 select:active {border:1px solid #777;} fieldset.form1 input {width:58%; padding:1px; display:block; float:left;} .form1 textarea {width:58%; padding:1px; height:11em; margin:0 0 10px 0; display:block; float:left; } .form1 select {width:59%; padding:1px 1px 1px 1px; display:block; float:left; margin:0 3px 0 0!important; }/* .form1 p.checkbox {width:60%; padding:0; float:right; padding:0 2px;} .form1 p.checkbox input {margin:2px 3px 0 0; width:auto!important; float:left; border:none!important;} .form1 p.checkbox label {width:auto; display:inline; float:none;} .form1 p.button {clear:both; font-weight:bold; margin:10px 0 0 0; text-align:right;}*/ .form1 ul.float_l, .form1 ul.float_r {width:46%;} .form1 ul.float_l li, .form1 ul.float_r li {width:100%;} .form1 ul.float_r {border-left:1px solid #ddd;} span[disabled=disabled] {filter:alpha(opacity=70); opacity:0.7;} input[type=hidden] {display:none;} .btn {padding:2px 5px;} /* generic */ p.btn_med {margin:0; padding:0;} input.btn_med, p.btn_med input {float:right; margin:7px 6px 8px 0; padding:0 0 0 5px; line-height:2em; min-width:106px; height:22px; color:#fff; text-align:left; background:#0C8AE1 url(bg_btn_med.gif) 0 0 no-repeat; text-transform:uppercase; border:none; font-size:0.80em;} .hidden {display:none;} .float_l {float:left;} .float_r {float:right;} a img {border:none;} hr {color:#333; background:#333; height:1px; border:none;} #lightbox {z-index:10000000000000000000000!important; position:relative;} .socialmedia {padding:10px 0px 0px 15px;} .socialmedia a {float:left; margin:0px 10px 0px 0px;} .productbanner {float:left; padding:0px; margin:0px 6px 4px 0px;}