/* static header */
#connecting {	float: left;	color: #999;	font-size: 11px;	font-style: italic;	margin-left: 6px;	word-spacing: 2px;	display: block;	float: left;	clear: left;}
table#ctl00_Table3 {	margin-left: 0;	display: block;}
input#searchbox {	width: 270px !important;	margin: 10px 9px 0 -3px;}
table#ctl00_Table4 a {	font-size: 11px;	line-height: 10px;	text-decoration: none;	text-transform: uppercase;	font-weight: bold;	color: #003366;	margin-left: 4px;}
table#ctl00_Table6 a {	line-height: 22px;}
table#ctl00_Table6 a:hover {	color: #fff !important;	background-color: #0082c4 !important;}
a#ctl00_lnkBtnLogin {	line-height: 16px !important;	color: #0082c4;}
input#ctl00_imgLogo {	padding: 3px 0 0 8px;}
/*landing page styles*/
div#wl_main_top {	width: 970px;	height: 200px;	display: inline-block;	background: url(/adv/web_library/images/library_bg_970.jpg) no-repeat -38px 0px;}
input::-webkit-input-placeholder {font-style:italic;}
input:focus::-webkit-input-placeholder {color:transparent;}
div.top_container {	width: 430px;	float: right;	right: 50px;	position: relative;	top: 30px;}
div.wl_catalog_listing {	width: 163px;	text-align: center;	font-weight: bold;	text-transform: uppercase;	color: #fff;	background: #0082c4;	padding: 5px 0;	position: absolute;	right: 0;	top: 79px;	font-size: 10px; cursor: pointer;}
h1.red-heading {font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #C03;	line-height: 16px;	text-align: left;	padding: 5px 0 0px 0px;	font-weight: bold;	float: left;	margin: 10px 0 3px 0;}
p.top-text {	font-size: 12px;	color: #333;	padding-top: 2px;	float: left;	line-height: 13px;	margin: 0;}
p.top-text span {	color: #0082c4;	font-size: 16px;	text-transform: uppercase;	font-weight: bold;	padding-top: 15px;	display: block;}
h2.black {	color: #333;	font-size: 14px;	line-height: 16px;	text-align: left;	font-weight: bold;	float: left;	margin: 0;	padding: 0;}
.cat_search {	display: block;	float: left;	font-size: 12px;	margin: 10px 5px 0px 0px;	color: #0082c4;	font-weight: bold;}
.wl_cat_content { position: relative; padding-left: 12px; float: left; width: 740px;	border-left: 1px solid #ccc;	min-height: 295px;}
.cat_search input { width: 150px;}
#search_button { background: #0082c4; border: none; color: #fff; width: 75px; height: 25px; float: left; margin-top: 5px;}
a.wl_complete_index { float: left; background: url(/adv/web_library/images/thumbnail_icon_index_3.png) no-repeat top left; width: 250px; height: 43px; margin-right: -50px;}
a.wl_complete_index:hover { background: url('/adv/web_library/images/thumbnail_icon_index_1.png') no-repeat top left;}
.wl_home_content { padding-bottom: 25px; float: left; background-color: #E9F5FF; border-top: 2px solid #000; width: 970px; margin-bottom: 60px;}
p#search_results_text { height: 14px; padding: 0; margin: 13px 0 -16px 7px; font-size: 14px; font-style: italic; line-height: 14px; float: left;}
.box-text { height: 32px; width: 221px; padding: 9px 1px 1px 10px; margin: 0; line-height: 13px; background-color: #0082c4; font-size: 12px; text-align: left;}
.box-text.single { height: 28px; line-height: 14px; padding-top: 13px;}
.box-text.long { width: 461px;}
div.branding img { transition: .1s ease-in;}
div.branding img:hover { opacity: .75;}
div.branding { float: left; height: 170px; width: 234px; padding: 1px; margin: 3px 0px 0px 6px; color: #FFFFFF; text-align: center; position: relative; overflow: hidden; box-sizing: border-box;}
div.branding.long { float: left; height: 170px; width: 472px; padding: 1px; margin: 3px 0px 0px 6px; color: #FFFFFF; text-align: center; position: relative; overflow: hidden; box-sizing: border-box;}
.wl_ph_ext { font-size: 16px; position: absolute; right: 6px; bottom: 15px; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.25); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.25); text-shadow: 1px 1px 1px rgba(0,0,0,.25);}
/* flyout */
div.wl_flyout { width: 700px; background: #fff; margin: 0px 0px 0px 0px; height: 500px; float: left; overflow: auto; z-index: 1000; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;}
div.wl_toggle_container { width: 500px; height: 200px; position: absolute; top: -100px; left: 130px; display: none; margin: 0; z-index: 999;}
div.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(/adv/web_library/images/overlay.png) repeat; z-index: 999;}
h1.wl_flyout_toggle { background: url(/adv/web_library/images/thumbnail_catalog_tab.png) no-repeat top right; height: 200px; display: block; margin: 0 -26px 0 0; cursor: pointer;}
div.wl_flyout ul { display: block; margin: 0; padding: 0 0px 0px 5px; float: left; list-style: none; width: 140px;}
div.wl_flyout ul li { width: 300px; float: left;}
a.wl_flyout_cat_link { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #0082c4; line-height: 14px; display: block;}
div.wl_flyout ul li a:hover { color: #f00;}
div.wl_toggle_container.flyout { margin-left: 0px;}
div.wl_flyout_close { font-family: Arial, Helvetica, sans-serif; font-size: 10px; cursor: pointer; font-weight: bold; display: block; opacity: 1; font-style: normal; clear: both; position: absolute; bottom: 5px; right: 10px; color: #444; text-transform: uppercase;}
div.wl_flyout_close:hover { opacity: .8;}
div.wl_flyout h2 { margin: 0; padding: 3px 0 0 6px; font-size: 24px; color: #fff; border-bottom: 2px solid #fff; TEXT-ALIGN: CENTER; text-transform: uppercase; font-weight: bold; background: #0082c4;}
div.wl_flyout_inner h3 { font-size: 18px; color: #333; width: 100%; margin: 0; padding: 5px 5px 0 5px; text-decoration: underline;}
.wl_flyout_inner.left { float: left; clear: left; width: 100%;}
.wl_flyout_inner.right { float: left; clear: both; width: 100%;}
.wl_flyout_inner_container.left { display: block; float: left; width: 50%; padding-bottom: 20px;}
.wl_flyout_inner_container.right { display: block; float: left; width: 40%; margin: 0 0 0 5%;}
/* end flyout */
/*end index styles*/
/*general styles*/ 
body { margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif;}
iframe { border: none !important;}
/******* remove if issues arise *****/iframe#ctl00_ContentPlaceHolder1_frmBody { border: none;}/******* remove if issues arise *****/
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}
#apDiv1 { position: absolute; width: 495px; height: 334px; z-index: 1000; left: 825px; top: 63px; background-image: url(/adv/web_library/images/white_tran_bg.png);}
#Container { margin: 0px; padding: 0px; height: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
#header { padding: 0px; height: 79px; width: 970px; margin-right: auto; margin-left: auto;}
#Holder { margin: 4px 0 0 0px; padding: 0px; height: auto; width: 970px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
div.wl_white_bg { background: url(/adv/web_library/images/white_tran_bg3.png) no-repeat 25px -57px; width: 500px; height: 150px; float: right;}
#arch_top div.wl_white_bg { background: url(/adv/web_library/images/white_tran_bg.png) no-repeat 0px -60px;}
#rail_top div.wl_white_bg { background: url(/adv/web_library/images/white_tran_bg3.png) no-repeat 52px -64px;}
#main image { padding: 0px; height: 500px; width: 970px; margin-right: auto; margin-left: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
#main image { height: 500px; width: 970px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;}
#header-textZ, .wl_white_bg h1, .wl_white_bg:hover h1 { width: 350px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #C03; text-align: left; padding-left: 100px; padding-top: 25px; font-weight: bold; float: left; z-index: 1000; cursor: default; margin-bottom: 0;}
#text, .wl_white_bg p { width: 785px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 20px 0 0 100px; display: block; float: left; width: 350px; margin: 0;}
.wl_white_bg p span { font-weight: bold;}
#Branding { float: left; height: 160px; width: 190px; padding: 1px; margin-right: 1px; margin-left: 6px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 10px;}
#Branding-long { float: left; height: 160px; width: 390px; padding: 1px; margin-right: 1px; margin-left: 6px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 10px;}
#box-text { float: left; height: 40px; width: 188px; padding: 1px; margin-right: 0px; margin-left: 0px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 10px; background-color: #0082c4;}
#box-text-long { float: left; height: 40px; width: 388px; padding: 1px; margin-right: 0px; margin-left: 0px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align: center; font-weight: normal; line-height: 10px; background-color: #0082c4;}
#HomeContent { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; float: left; height: auto; width: 970px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; overflow: auto; margin-right: auto; margin-left: 10px; margin-top: 10px; margin-bottom: 30px;}
.wl_banner { height: 200px; width: 970px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: relative;}
#arch_top { background: url(/adv/web_library/images/arch_bg.jpg) repeat-x center center; width: 970px; height: 150px;}
#rail_top { background: url(/adv/web_library/images/rail_bg.jpg) repeat-x center center; width: 970px; height: 150px;}
#shower_top { background: url(/adv/web_library/images/sd_bg.jpg) no-repeat 0px -10px; width: 970px; height: 150px;}
#automotive_top { background: url(/adv/web_library/images/auto_bg.jpg) no-repeat 0px -10px; width: 970px; height: 150px;}
#sealants_top { background: url(/adv/web_library/images/sealants_bg.jpg) no-repeat 0px -23px; width: 970px; height: 150px;}
#glazing_top { background: url(/adv/web_library/images/glazing_bg.jpg) no-repeat 0px -10px; width: 970px; height: 150px;}
#tools_top { background: url(/adv/web_library/images/tool_bg.jpg) no-repeat 0px -10px; width: 970px; height: 150px;}
#doors_top { background: url(/adv/web_library/images/door_bg.jpg) no-repeat 0px -40px; width: 970px; height: 150px;}
#transaction_top { background: url(/adv/web_library/images/bg_transaction.jpg) no-repeat 0px -8px; width: 970px; height: 150px;}
#hospitality_top { background: url(/adv/web_library/images/bg_hospitality.jpg) no-repeat 0px -34px; width: 970px; height: 150px;}
#partitions_top { background: url(/adv/web_library/images/bg_partitions.jpg) no-repeat 0px -38px; width: 970px; height: 150px;}
#usal_top { background: url(/adv/web_library/images/bg_usal.jpg) no-repeat 0px -40px; width: 970px; height: 150px;}
#left /****dont need this, delete when removed from all htm/l files****/ { float: left; width: 798px; font-size: 12px; color: #0082C4; height: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 0px; z-index: 0; background-color: #E9F5FF;}
#nav { float: left; width: 970px; font-size: 12px; color: #0082C4; height: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 0px; z-index: 0; background-color: #ffffff;}
div.nav { width: 959px; padding-left: 11px; height: 50px; margin: 1px -50px 0 0; z-index: 50; position: relative;}
div.nav ul#countrytabs1 a { margin-left: -2px;}
div.nav-tip { position: relative; color: #424242; line-height: 11px; top: -80px; background: #fff; border: 2px inset #424242; font-size: 11px; font-weight: bold; padding: 2px; text-transform: capitalize; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div.nav-tip.single { top: -57px;}
div.nav-tip.double { top: -65px;}
div.nav-tip.product-alert { width: 138px; left: -8px; top: -95px; display:block; white-space:normal; z-index:200000;}
div.nav-tip:after { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #424242 transparent transparent transparent; top: 38px; left: 50px; z-index:20000;}
div.nav-tip.single:after { top: 15px;}
div.nav-tip.double:after { top: 26px;}
div.nav-tip.product-alert:after { top: 48px; left: 63px;}
.wl_page_container { float: left; font-family: Arial, Helvetica, sans-serif; width: 960px; font-size: 12px; color: #0082C4; height: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-top: 0px; z-index: 0; padding-left: 0; margin-right: -15px; position: relative;}
div#wl_words_container { width: 930px; height: 700px; overflow: auto;}
#auto-header, h1.wl_cat_header, h2_wl_cat_header, h1.wl_cat_header:hover { font-family: Arial, Helvetica, sans-serif; width: 785px; font-size: 20px; color: #0082C4; height: auto; padding: 0px 0px 2px 0px; z-index: 0; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #0082C4; font-weight: bold; cursor: default; margin: 2px 0 0 9px; text-transform: uppercase;}
h2.wl_cat_header { font-family: Arial, Helvetica, sans-serif; font-size: 15px; width: 935px; height: 25px; background-color: #888; padding: 5px 0px 0px 22px; color: #FFF; font-weight: normal;}
iframe.wl_cat_content_inner { height: 460px; width: 940px;}
.shadetabs a { display: inline-block; width: 63px; height: 50px; background: center no-repeat;}
.padding-top { padding-top: 20px;}
.wl_contact_info { background: url(/adv/web_library/images/question.png) #1c4360 no-repeat 8px 6px; background-size: 25px; display: block; float: left; height: auto; font-size: 12px; font-style: italic; color: #333; line-height: 4px;
 margin: 0px 22px 0 22px; position: relative; width: 915px; clear: left; white-space: nowrap; padding: 12px 10px 10px 34px; color: #fff; margin: 0;}
.wl_contact_info.wl_index_contact_info { margin-top: -70px; text-align: right; z-index: 20; position: relative; float: right; right: 0; top: 0px; background: url('/adv/web_library/images/question.png') no-repeat 35px 26px; opacity: 1; color: #999;}
.wl_contact_info.wl_index_contact_info a { color: #fff; text-decoration:underline; font-size:12px;}
.wl_contact_info p { height: 18px; margin: 0; line-height: 18px;}
.wl_contact_info.wl_index_contact_info p { height: 14px; line-height: 14px;}
.wl_contact_info a {color: #fff; text-decoration:underline; font-size:12px;}
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
/**************** wl_brand_nav ***************/
div#wl_brand_nav { position: absolute; top: 0; left: -600px; padding: 5px 0 3px 5px; width: 550px; background: rgba(0,0,0,.7); transition: .4s ease;}
div#wl_brand_nav a { display: inline-block; width: 23%; margin-left: .5%; position: relative;}
/****************/
/*********** nav for the new layout @970px ****************/
ul#countrytabs1 { width: auto; display: table; margin: 0 0 0 16px; ; padding: 0; list-style: none;}
ul#countrytabs1 a { display: block; float: left; margin-right: -1px; cursor: pointer; position: relative;}
a#wl_library { width: 130px; padding-left: 20px;}
div#nav { width: auto;}
a.wl_tab { background: url(/adv/web_library/images/nav-bg.gif) repeat-x top center; height: 25px; padding-top: 1px; width: 119px; margin: 10px 3px 8px 3px !important; border: 1px outset #0082c4; text-align: center; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; box-shadow: 2px 2px 2px #ccc;}
#wl_words { padding-left: 15px; width: 122px;}
#wl_words img { position: absolute; left: 2px; top: 2px; width: 25px;}
#wl_products { background: url(/adv/web_library/images/green_nav.gif) repeat-x top center; border: 1px outset #0C3;}
a.wl_tab:hover, a.wl_tab.selected, #wl_products:hover, #wl_products.selected { background: url(/adv/web_library/images/nav-bg-neg.gif) repeat-x top center; border: 1px outset #919191;}
li.dropdown { float: left; width: 120px; height: 27px; margin: 10px 3px 8px 3px; position: relative;}
li.dropdown a.wl_tab { margin: 0 !important; position: absolute !important; top: 0; left: 0;}
a.wl_tab.single { line-height: 26px;}
#wl_library img { position: absolute; left: -23px; top: -10px;}
ul#countrytabs1 ul.dropdown-menu { background: #E9F5FF; border: none; min-width: 120px !important; width: 175px; padding: 0 0 0px 0; margin: 2px 0 0 -54px; border-top-right-radius: 0; border-top-left-radius: 0; border-top: none; z-index: 99;}
ul#countrytabs1 ul.dropdown-menu li { display: block; width: 100%; text-align: center; margin: 0 auto; height: 30px; line-height: 30px; top: 0;}
ul#countrytabs1 ul.dropdown-menu a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #0082c4; line-height: 30px; top: 0; margin: 0; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 100%; text-transform: uppercase; padding: 0px 0px; height: 30px; background: #E9f5ff; outline: none; text-align: center; text-decoration: underline;}
ul#countrytabs1 ul.dropdown-menu a.double { line-height: 12px; padding-top: 4px; margin-bottom: -4px;}
ul#countrytabs1 ul.dropdown-menu a:hover { background: #666; color: #fff;}
/*************new layout styles **************/
.wl_cat_scroll { width: 950px; overflow: auto; height: 127px; margin: 0 0 5px 0; position: relative;}
.wl_cat_scroll.no-scroll { overflow: hidden; margin: 0px; position: relative;}
.wl_catalog_bg { float: left; width: 960px; background: #F5F5F5; padding-top: 12px; border-top: 1px solid #424242; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f0f0f0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: relative;}
p.wl_rollover_tip, p.wl_page_text { float: left; margin: 0; padding: 0 0 10px 10px; color: #333; width: 940px; font-size: 12px; font-weight: normal;}
p.wl_np_page_text { width: 650px;}
a.wl_nps_link { background: url(/adv/web_library/images/nps_bg.gif) repeat-x center center; height: 25px; display: block; float: right; line-height: 25px; text-align: center; text-transform: uppercase; padding: 0 10px;}
.wl_cat_scroll ul#countrytabs1 { float: left; list-style: none; padding: 0 0 0 7px; margin-right: -500px;}
.wl_cat_scroll ul li { float: left; text-align: center;}
.wl_cat_scroll ul li a.scroll_thumb { display: block; float: left; font-size: 0; transition: ease .2s; margin: 0px 0px 0 0px; padding: 0 5px; text-align: center; position: relative; z-index: 2;}
.wl_cat_scroll ul li a.scroll_thumb:hover, .wl_cat_scroll ul li a.scroll_thumb.selected, div.usal div.fly-toggle a.scroll_thumb:hover, div.usal div.fly-toggle a.scroll_thumb.selected  { color: #fff; font-weight: bold; padding-top: 10px; transition: ease .2s; margin: -10px 0px 0 0px; text-align: center; font-size: 10px;}
div.usal div.fly-toggle a.scroll_thumb:hover, div.usal div.fly-toggle a.scroll_thumb.selected{float:left;}
.wl_cat_scroll ul li a.scroll_thumb span { display: block; margin: 20px auto 0 auto; width: 93%; text-align: center;}
.wl_cat_scroll ul li a.scroll_thumb span.long { margin: 10px auto 0 auto; width: 93%;}
.shadetabs a#cat_master, .shadetabs a#cat_special { height: 65px; padding-top: 30px; width: 90px; cursor: help; color: #333; text-transform: uppercase; background: url(/adv/web_library/images/tab_arrow.png) no-repeat 82px 32px; overflow: hidden; transition: .2s ease; font-size: 12px; font-weight: bold;}
span.wl_description.master_desc, span.wl_description.spec_desc { background: #0082c4; left: 100px; color: #fff;}
span.wl_description { color: transparent; line-height: 13px; height: 85px; z-index: 0; width: 0px; transition: .2s ease; overflow: hidden; margin-left: -95px; display: block; float: left; font-size: 11px; font-family: Verdana, Geneva, sans-serif; text-align: left; position: relative;}
.shadetabs a#cat_master.testing, .shadetabs a#cat_special.testing { position: relative; z-index: 99;}
a#cat_master, a#cat_special, a#cat_master:focus, a#cat_special:focus { outline: none;}
span.cat_close { position: absolute; right: 5px; bottom: 5px; display: block; cursor: pointer; padding: 2px; font-style: italic; opacity: .8;}
/**************** CATALOG THUMBS ONLY*********************/
/**************** arch *****************/
.shadetabs a#crl63a_th { background: url('/adv/web_library/images/CRL63A_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl63a_th:hover, .shadetabs a#crl63a_th.selected { background: url('/adv/web_library/images/CRL63A_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#ah11_th { background: url('/adv/web_library/images/AH11_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#ah11_th:hover, .shadetabs a#ah18_th.selected { background: url('/adv/web_library/images/AH11_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#ah18_th { background: url('/adv/web_library/images/AH18_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#ah18_th:hover, .shadetabs a#ah18_th.selected { background: url('/adv/web_library/images/AH18_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#crl14d_th { background: url('/adv/web_library/images/CRL14D_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl14d_th:hover, .shadetabs a#crl14d_th.selected { background: url('/adv/web_library/images/CRL14D_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#bal15_th { background: url('/adv/web_library/images/BAL15_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#bal15_th:hover, .shadetabs a#bal15_th.selected { background: url('/adv/web_library/images/BAL15_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#lp11_th { background: url('/adv/web_library/images/LP11_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#lp11_th:hover, .shadetabs a#lp11_th.selected { background: url('/adv/web_library/images/LP11_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#dc14_th { background: url('/adv/web_library/images/DC14_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#dc14_th:hover, .shadetabs a#dc14_th.selected { background: url('/adv/web_library/images/DC14_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#gwos18_th { background: url('/adv/web_library/images/gwos18_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#gwos18_th:hover, .shadetabs a#gwos18_th.selected { background: url('/adv/web_library/images/gwos18_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#b2010_th { background: url('/adv/web_library/images/B2010_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#b2010_th:hover, .shadetabs a#b2010_th.selected { background: url('/adv/web_library/images/B2010_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#hw2010_th { background: url('/adv/web_library/images/HW2010_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#hw2010_th:hover, .shadetabs a#hw2010_th.selected { background: url('/adv/web_library/images/HW2010_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#taj11_th { background: url('/adv/web_library/images/TAJ11_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#taj11_th:hover, .shadetabs a#taj11_th.selected { background: url('/adv/web_library/images/TAJ11_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/**************** shower door *****************/
.shadetabs a#crl23r_th { background: url('/adv/web_library/images/crl23r_th2.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl23r_th:hover, .shadetabs a#crl23r_th.selected { background: url('/adv/web_library/images/crl23r_th3.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#sd19_th { background: url('/adv/web_library/images/SD19_th2.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#sd19_th:hover, .shadetabs a#sd19_th.selected { background: url('/adv/web_library/images/SD19_th3.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#fs19_th { background: url('/adv/web_library/images/fs19_th2.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#fs19_th:hover, .shadetabs a#fs19_th.selected { background: url('/adv/web_library/images/fs19_th.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#st14_th { background: url('/adv/web_library/images/ST14_th2.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#st14_th:hover, .shadetabs a#st14_th.selected { background: url('/adv/web_library/images/ST14_th3.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/************ shower door words ****************/
ul#countrytabs2 { width: auto; display: table; margin: 0 0 0 7px; padding: 0; list-style: none;}
ul#countrytabs2 a { display: block; float: left; height: 35px; width: 200px; margin: 0 50px 0 0;}
.shadetabs a#wl_first_words { background: url('/adv/web_library/images/butt_bg_grey.gif') repeat-x top left; box-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.shadetabs a#wl_first_words:hover, .shadetabs a#wl_first_words.selected { background: url('/adv/web_library/images/butt_bg_grey.gif') repeat-x top left !important; text-align: center; padding: 0 5px; font-weight: normal;}
.shadetabs a#wl_second_words { background: url('/adv/web_library/images/butt_bg_blue.gif') repeat-x top left; box-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.shadetabs a#wl_second_words:hover, .shadetabs a#wl_second_words.selected { background: url('/adv/web_library/images/butt_bg_grey.gif') repeat-x top left !important; text-align: center; padding: 0 5px; font-weight: normal;}
.shadetabs a#wl_third_words { background: url('/adv/web_library/images/butt_bg_blue.gif') repeat-x top left; box-shadow: 1px 1px 1px rgba(0,0,0,.5);}
.shadetabs a#wl_third_words:hover, .shadetabs a#wl_third_words.selected { background: url('/adv/web_library/images/butt_bg_grey.gif') repeat-x top left !important; text-align: center; padding: 0 5px; font-weight: normal;}
/******* end shower door words***********/
/********** automotive catalog *******************/
.shadetabs a#crl43_th { background: url('/adv/web_library/images/crl43_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl43_th:hover, .shadetabs a#crl43_th.selected { background: url('/adv/web_library/images/crl43_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#tv12a_th { background: url('/adv/web_library/images/tv12a_th2.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#tv12a_th:hover, .shadetabs a#tv12a_th.selected { background: url('/adv/web_library/images/tv12a_th3.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********** end automotive catalog ***************/
/********** sealants catalog *******************/
.shadetabs a#crl03_th { background: url('/adv/web_library/images/crl03_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl03_th:hover, .shadetabs a#crl03_th.selected { background: url('/adv/web_library/images/crl03_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#gb10_th { background: url('/adv/web_library/images/gb10_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#gb10_th:hover, .shadetabs a#gb10_th.selected { background: url('/adv/web_library/images/gb10_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********** end sealants catalog ***************/
/********** glazing catalog thumbs *******************/
.shadetabs a#crl53r_th { background: url('/adv/web_library/images/crl53r_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl53r_th:hover, .shadetabs a#crl53r_th.selected { background: url('/adv/web_library/images/crl53r_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#gm15_th { background: url('/adv/web_library/images/gm15_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#gm15_th:hover, .shadetabs a#gm15_th.selected { background: url('/adv/web_library/images/gm15_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#sc18_th { background: url('/adv/web_library/images/sc18_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#sc18_th:hover, .shadetabs a#sc18_th.selected { background: url('/adv/web_library/images/sc18_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#th18_th { background: url('/adv/web_library/images/th18_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#th18_th:hover, .shadetabs a#th18_th.selected { background: url('/adv/web_library/images/th18_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#hs12_th { background: url('/adv/web_library/images/hs12_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#hs12_th:hover, .shadetabs a#hs12_th.selected { background: url('/adv/web_library/images/hs12_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********** end glazing catalog ***************/
/*******railing catalog thumbnails **************/
.shadetabs a#crl63r_th { background: url('/adv/web_library/images/crl63r_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl63r_th:hover, .shadetabs a#crl63r_th.selected { background: url('/adv/web_library/images/crl63r_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#hr18_th { background: url('/adv/web_library/images/hr18_th.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#hr18_th:hover, .shadetabs a#hr18_th.selected { background: url('/adv/web_library/images/hr18_th_n.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#am09_th { background: url('/adv/web_library/images/am09_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#am09_th:hover, .shadetabs a#am09_th.selected { background: url('/adv/web_library/images/am09_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#sc14_th { background: url('/adv/web_library/images/sc14_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#sc14_th:hover, .shadetabs a#sc14_th.selected { background: url('/adv/web_library/images/sc14_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#sc20_th { background: url('/adv/web_library/images/sc20_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#sc20_th:hover, .shadetabs a#sc20_th.selected { background: url('/adv/web_library/images/sc20_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#hrgws1_th { background: url('/adv/web_library/images/hrgws1_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#hrgws1_th:hover, .shadetabs a#hrgws1_th.selected { background: url('/adv/web_library/images/hrgws1_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#m2010_th { background: url('/adv/web_library/images/m2010_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#m2010_th:hover, .shadetabs a#m2010_th.selected { background: url('/adv/web_library/images/m2010_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********************/
/*******tools catalog thumbnails **************/
.shadetabs a#crl73r_th { background: url('/adv/web_library/images/CRL73R_th2.jpg') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl73r_th:hover, .shadetabs a#crl73r_th.selected { background: url('/adv/web_library/images/CRL73R_th3.jpg') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#gmb15_th { background: url('/adv/web_library/images/gmb15_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#gmb15_th:hover, .shadetabs a#gmb15_th.selected { background: url('/adv/web_library/images/gmb15_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********************/
/*******doors catalog thumbnails **************/
.shadetabs a#crl83r_th { background: url('/adv/web_library/images/crl83r_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#crl83r_th:hover, .shadetabs a#crl83r_th.selected { background: url('/adv/web_library/images/crl83r_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#d2010_th { background: url('/adv/web_library/images/d2010_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#d2010_th:hover, .shadetabs a#d2010_th.selected { background: url('/adv/web_library/images/d2010_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#gsb18_th { background: url('/adv/web_library/images/gsb18_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#gsb18_th:hover, .shadetabs a#gsb18_th.selected { background: url('/adv/web_library/images/gsb18_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#scr14_th { background: url('/adv/web_library/images/scr14_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#scr14_th:hover, .shadetabs a#scr14_th.selected { background: url('/adv/web_library/images/scr14_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#mo5580_th { background: url('/adv/web_library/images/mo5580_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#mo5580_th:hover, .shadetabs a#mo5580_th.selected { background: url('/adv/web_library/images/mo5580_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********************/
/*******usalum catalog thumbnails **************/
.shadetabs a#usal15_th { background: url('/adv/web_library/images/usal15_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#usal15_th:hover, .shadetabs a#usal15_th.selected { background: url('/adv/web_library/images/usal15_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#usal14_th { background: url('/adv/web_library/images/usal14_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#usal14_th:hover, .shadetabs a#usal14_th.selected { background: url('/adv/web_library/images/usal14_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#op15_th { background: url('/adv/web_library/images/op15_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#op15_th:hover, .shadetabs a#op15_th.selected { background: url('/adv/web_library/images/op15_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
.shadetabs a#uglz18_th { background: url('/adv/web_library/images/uglz18_th.gif') no-repeat center center; height: 95px; width: 72px;}
.shadetabs a#uglz18_th:hover, .shadetabs a#uglz18_th.selected { background: url('/adv/web_library/images/uglz18_th_n.gif') no-repeat center center; height: 110px; width: 83px; text-align: center;}
/*********************/
/**************** END CATALOG THUMBS ONLY*********************/
div.wl_cat_info { width: 200px; float: left; margin-top: -12px;padding: 5px 5px 10px 0px;}
div.wl_cat_info img { margin: 0 auto; text-align: center; display: block;}
p.cat_no { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0082c4; text-align: center; margin: 0;}
p.page_count { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fe0404; text-align: center; margin: 0;}
.wl_cat_butt { width: 200px; margin-top: 5px; height: 35px;}
div.wl_cat_content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #0082c4; margin: 0;}
td.wl_catalog_container { text-align: center; vertical-align: top;}
h2#wl_featured { padding-top: 3px; display: block; color: #333; font-size: 14px; margin: 0;}
span#wl_featured { padding-top: 3px; display: block; color: #333;}
span.wl_featured_text { color: #333; font-size: 12px; font-weight: normal;}
p.wl_featured_text { color: #333; font-size: 12px; font-weight: normal; margin: 0;}
td.button-container { display: block; height: auto; position: relative; padding: 0; height: 140px;}
ul.wl_flipbook_links, a.wl_view_button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; padding: 0; font-weight: bold; z-index: 100; list-style: none; float: left; margin: 10px 0px 0px 0px; width: 500px; position: relative;}
ul.wl_flipbook_links li, a.wl_view_button { width: 225px; float: left; background: url('/adv/web_library/images/nav-bg-2.gif') repeat-x top center; text-align: center; color: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.5); height: 35px; line-height: 35px; transition: ease .2s; margin: 6px 8px 2px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
ul.wl_flipbook_links li:hover, a.wl_view_button:hover { background: url('/adv/web_library/images/nav-bg-neg-2.gif') repeat-x top left; color: #fff;}
.wl_cat_butt { width: 200px; margin-top: 5px;}
.wl_cat_content .wl_cat_butt { float: left;}
a.wl_view_button.request_cat { width: 75%; min-width: inherit; margin: 0 auto; font-size: 12px;}
.wl_cat_content a.wl_view_button.request_cat { margin:0;}
a.wl_view_button { width: 125px; min-width: 125px; display: block; margin: 5px auto 0 auto; position: relative; text-align: center; float: none; cursor: pointer;}
p a.wl_view_button { margin: 10px 0 0 0;}
a.wl_view_button:visited { color: #FFF;}
ul.wl_flipbook_links li a { height: 35px; display: block; cursor: pointer; width: 90%; margin: 0 auto;}
ul.wl_flipbook_links li.left { clear: left;}
ul.wl_flipbook_links li.double a { line-height: 13px; padding-top: 4px; display: block;}
ul.wl_flipbook_links li.triple a { display: block; padding-top: 2px; line-height: 10px;}
.button-container { position: relative;}
.rollover { font-size: 13px; color: #fff; background: #666; padding: 0px 17px 5px; box-shadow: 1px 1px 2px rgba(30,30,30,0.7); text-align: left; position: absolute; margin-top: 0px; z-index: 1000; width: 235px; line-height: 16px; font-weight: normal; margin: 0px; top: 16px;
 right: 7px; display: none;}
.rollover.new { top: 171px;}
.rollover p { margin: 3px 0; padding: 0; font-weight: bold; font-size: 14px;}
a.wl_new_book { float: left; clear: left; color: #fff; background: url('/adv/web_library/images/butt_bg_new_book.gif') repeat-x top left; height: 25px; line-height: 25px; text-align: center; font-weight: bold; padding: 0px 15px; margin-left: 10px; text-transform: uppercase; box-shadow: 1px 1px 1px rgba(0,0,0,.5);}
div.wl_cat_description { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding-top: 0px; width: 100% !important; position: absolute; left: 0; top: 0; height: 100%; display: none; float: left; padding-bottom: 5px; z-index: 100;}
div.wl_cat_description p { float: left; width: 600px;}
div.wl_cat_description p.wl_reduced_content { width: 450px;}
div.wl_cat_description.full { display: block; position: relative; padding: 0 0 0 0;}
img.wl_spec_cat_image { float: left; width: 250px; margin: -15px 0px 0px 30px; /*border: 2px solid #f1f1f1;*/ position: relative; box-shadow: 2px 2px 4px #ccc;}
img.wl_spec_cat_image.gm15, img.wl_spec_cat_image.adjusted { width: 250px; margin: -15px -200px 0px 30px;}
img.wl_spec_cat_image.bal15 { width: 210px;}
div.wl_cat_description.lower { margin-left: 40px;}
h3.wl_desc_toggle { z-index: 99; cursor: help; padding: 5px 0 0px 5px; text-decoration: underline; float: left; clear: left;}
h3.wl_desc_toggle:focus { outline: none!important;}
div.wl_cat_description p.hidden { color: #666; line-height: 14px; z-index: 0; transition: .2s ease; font-size: 12px; font-family: Verdana, Geneva, sans-serif; text-align: left; width: 460px; cursor: default; display: none; position: absolute; left: 12px;
 top: 43px; background: #fff; padding: 10px; border-radius: 10px; border: 2px inset #0082c4;}
p.hidden span.cat_close { position: absolute; top: -15px; right: -15px; color: #fff; font-weight: bold; display: block; font-size: 25px; cursor: pointer; background: url(http://www.crl-arch.com/fancybox/fancybox.png) top right; height: 24px; width: 24px;}
.view_online_overlay { display: none; position: absolute; top: 0; left: 12px; margin: 0;}
.view_online_popup_container { width: 175px; height: 259px; background: rgb(0, 0, 0, .1); position: relative; border: 1px solid #ccc;}
.view_online_popup_container a { display: block; width: 176px; height: 50px; position: relative; margin: 0px auto; top: 117px; z-index: 120;}
.view_online { background: url('/adv/web_library/images/view_online.png') no-repeat -1px 0px; display: block;}
.view_online_popup_container a.request_catalog { background: url('/adv/web_library/images/request_copy.png') no-repeat -1px 0px; display: block; margin: 0px auto 0 auto;}
.close_request { position: absolute; top: -15px; right: -15px; color: #fff; font-weight: bold; display: block; font-size: 25px; cursor: pointer; background: url(http://www.crl-arch.com/fancybox/fancybox.png) top right; height: 30px; width: 30px;}
/********specialty catalog styles************/
.wl_spec_heading { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333; text-align: left; margin: 0px 0 5px 0;}
ul.wl_flipbook_links.specialty li { background: url('/adv/web_library/images/butt_bg_green.gif') repeat-x top left;}
ul.wl_flipbook_links.specialty li:hover { background: url('/adv/web_library/images/butt_bg_grey.gif') repeat-x top left;}
/********end specialty catalog styles**********/ 
/*******marketing styles*********Move to marketing_styles when ready to merge****/
.wl_pdf_links { width: 280px; height: 30px; line-height: 30px; background: #06C; display: block; float: right; font-family: Arial, Helvetica, sans-serif; text-align: center; cursor: pointer; margin-right: 10px;}
.wl_pdf_embed { float: right; height: 805px;}
/**************************/
/*******words styles*************/
div.wl_page_container.words { background-color: #efefe7; padding-top: 10px; border: 1px solid #e3e3e3;}
.words iframe.wl_cat_content_inner { height: 800px; width: 950px; overflow: scroll;}
ul.wl_word_list, ul.wl_pdf_list { float: left; width: 250px; padding: 0;}
ul.wl_word_list img { padding-bottom: 5px;}
ul.wl_word_list li { margin-left: 8px;}
div.wl_cat_scroll.words ul li a.scroll_thumb { background-color: #06C; width: 200px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px; color: #fff;}
.wl_cat_scroll.no-scroll.shadetabs.words { height: 40px;}
.wl_word_filter { display: block; float: left; color: #333;}
.wl_filter_list { clear: both; float: left;}
.wl_filter_list li { float: left; list-style: none;}
div#product_index { width: 955px; height: auto; min-height: 100px; overflow: auto; position: relative; padding: 10px 0px 80px 15px;}
.cat_search.words { margin: 12px 0 25px 22px; float: left; width: auto;}
.cat_search.words input { margin-left: 5px; width: 250px; float: none; margin-top: 0px;}
p.wl_page_text.words { padding-bottom: 0;}
a.wl_quote_button { background: url('/adv/web_library/images/quote_help.png') no-repeat top center; height: 100px; width: 100px;}
ul.wl_product_list { width: 400px; float: left; margin: 0 0 0 50px; padding: 0; color: #0082c4; list-style: none;}
ul.wl_product_list.clear-left { clear: left;}
li.letter { list-style: none;}
ul.wl_product_list li.letter a, ul.wl_product_list li.letter a:hover { margin: 5px 0 0px 0; display: block; color: #514f50; font-size: 24px; line-height: 24px;}
ul.wl_product_list li a, ul.wl_product_list li a:visited { color: #0082c4; font-size: 14px;}
span.tags { display: none; font-size: 0px;}
.wl_product_list ul { display: none;}
.wl_product_list ul.appear { display: block; list-style: none; padding-left: 8px; line-height: 10px; margin: -1px 0 3px 0;}
.wl_product_index_container h1 { color: #c03; font-size: 20px;}
.wl_product_index_container h2 { color: #0082c4; font-size: 16px;}
.link.indent { list-style: none; padding-left: 10px;}
.link.indent:hover { border-left: 2px solid #f00;}
.link.heading:hover { font-size: 14px;}
.link { font-size: 14px;}
.wl_contact_info.words { padding-bottom: 10px; clear: left;}
ul.wl_index_alpha { margin: 0px; height: 18px; position: relative; padding-left: 22px; clear: left; width: 900px;}
.wl_alpha_toggle { color: #003366; list-style: none; display: block; float: left; margin-right: 3px; font-weight: bold; font-size: 15px; cursor: pointer;}
a.wl_complete_index.brand_version { margin: -21px -70px 0 60px; cursor: pointer;}
.wl_alpha_toggle.no_entries a { color: #ccc; cursor: text;}
.wl_alpha_toggle.no_entries a:hover { font-size: 15px; color: #ccc; margin: 0;}
.wl_alpha_toggle a { color: #003366; list-style: none; display: block; float: left; margin-right: 0px; font-weight: bold; font-size: 15px; width: 20px;}
a#wl_alpha_view { white-space: nowrap;}
.wl_alpha_toggle a:hover, .wl_alpha_toggle.selected a { color: #c00;}
ul.wl_product_list li a span.heading { display: block; margin-left: 0px;}
ul.wl_product_list li a span.tags { margin-left: 0; font-size: 0px; display: none;}
a#wl_back_to_top { display: block; position: fixed; padding: 3px; margin: 0 0 0 860px; color: #514f50; top: 20px; background: #fff; display: block; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 8px; height: 8px; padding-top: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a#wl_back_to_top span { line-height: 0; padding: 0 0 1px 0; height: 0; display: block; float: left; width: auto; border-bottom: 2px solid #003366; margin: 5px 1px 0px 0px; font-size: 15px;}
 input#keyword_words::-ms-clear {display:none !important;width:0;height:0;}
div.wl_alpha_section li.letter a { font-size: 24px; color: #424242; text-decoration: none; font-weight: bold;}
ul.wl_product_list li a, ul.wl_product_list li a:visited { color: #514f50; line-height: 18px; text-decoration: none;}
ul.wl_product_list li a:hover { color: #c00;}
a.link.heading { text-decoration: none; font-size: 15px; line-height: 15px; display: inline-block; font-style: italic;}
a.link.heading:hover { color: #514f50; font-size: 15px;}
a.link.indent .dash { text-decoration: none; color: #0082c4;}
div.wl_alpha_section .link.indent { border: none; padding: 0; font-size: 12px; line-height: 15px; text-decoration: none; color: #9c9c9c; display: inline-block; margin-left: 10px;}
a.link.indent:hover { border: none; font-size: 12px; color: #C00;}
/* new search */

span.wl_searched { display: none;}
div.wl_alpha_section .link.indent:before { float: left;}
ul.wl_product_list li a span.wl_neutral { margin: 0 0 0 0px; font-size: 14px; line-height: 14px; color: #514f50; display: inline-block;}
ul.wl_product_list li a.indent span.wl_neutral { color: #9c9c9c; font-size: 12px;}
ul.wl_product_list li a span.wl_neutral:hover { color: #C00;}
ul.wl_product_list li.letter a span.wl_neutral, ul.wl_product_list li.letter a span.wl_neutral:hover { display: block; color: #514f50; font-size: 24px; line-height: 24px; height: 24px; margin: 0;}
ul.wl_product_list li a.heading span.wl_neutral, ul.wl_product_list li a.heading span.wl_neutral:hover { text-decoration: none; font-size: 15px; line-height: 20px; display: inline-block; font-style: italic; color: #514f50;}
ul.wl_product_list li a.visible, ul.wl_product_list li a.visible:visited { line-height: 0;}
span.wl_searched.visible { display: inline-block; margin: 0 0 0 -10px; line-height: 0; font-size: 14px; color: #514f50;}
span.wl_searched.visible:hover { color: #C00;}
div.wl_alpha_section .link.indent.visible { padding: 0; margin: 0;}
div.wl_alpha_section .link.indent.visible:before { content: "";}
li.fixed-height a.link.heading.visible { display: none !important;}
ul.list li.fixed-height { line-height: 18px;}
/* fuzzy search */

/**********************/

/***feedback form in the complete product index****/
.wl_feedback { position: absolute; font-weight: bold; font-size: 12px; text-align: center; border: 2px inset #0082c4; width: 150px; background: #fff; color: #424242; text-transform: uppercase; padding: 5px 0; right: 0px; left: 0; cursor: pointer; bottom: 20px; margin: 0 auto;}
.wl_feedback:hover { background: #424242; color: #fff;}
/*delete if z index issue not resolved */
div#ctl00_ContentPlaceHolder1_divHomeBody { position: relative; z-index: 0;}
div#sealants, div#shower, div#auto, div#glazing, div#arch, div#rail, div#tools, div#doors { position: relative; z-index: 10;}
form#index_feedback { width: 500px; background: #fff; border: 2px solid #0082c4; z-index: 9; position: fixed; left: 200px; margin: 0 auto; padding: 0px 10px;}
form#index_feedback p { border-bottom: 1px solid #f2f2f2; padding-bottom: 2px; clear: both; font-size: 13px; font-weight: bold;}
form#index_feedback h1 { font-size: 25px; color: #fff; background: #999; width: 100%; margin: 10px 0 0 -10px; padding: 0 10px; text-align: center;}
form#index_feedback label { display: block; float: left; font-size: 12px; margin: 0px 0px 10px 0px; font-weight: bold;}
form#index_feedback label.wl_index_feedback_options { width: 48%; margin: 5px 0 0 0; color: #333; font-weight: normal;}
form#index_feedback label.wl_index_feedback_options input { float: left; margin: 0 5px 0 0; height: 15px;}
form#index_feedback label.wl_index_form_field { width: 200px; margin-bottom: 10px;}
input.wl_submit_feedback { background: #424242; color: #fff; border: none; clear: both; display: block; padding: 5px; border: 2px solid #0082c4; font-size: 12px; margin: 35px 0 0 10px; text-transform: uppercase;}
form#index_feedback p.wl_feedback_close { background: url(http://www.crl-arch.com/fancybox/fancybox.png) top right; height: 30px; width: 30px; position: absolute; top: -25px; right: -15px; cursor: pointer; border-bottom: none;}
form#index_feedback { display: none;}
/**/
/* hidden alphabet */
ul.wl_alpha_tabs li { list-style: none;}
ul.wl_alpha_tabs li a { color: #fff; background: #514f50; width: 15px; display: block; text-align: center; margin-bottom: 2px; padding: 2px 1px; line-height: 11px; height: 11px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; font-size: 10px;}
ul.wl_alpha_tabs li a.no_entries { background: #ccc; cursor: text;}
.hideme { opacity: 0; float: left; position: absolute; left: 0; transition: ease .3s;}
ul.wl_alpha_tabs { padding: 0; margin: 0;}
/**/


/**************************/


/*******videos/gallery styles*************/
div#vid-gal-select { position: relative;}
ul#countrytabs1.toggles { margin: 7px 0 0 7px; position: relative; z-index: 200;}
ul#countrytabs1.toggles a { font-weight: bold; font-size: 12px; width: 90px; display: block; margin-right: 3px; text-align: center; background: #424242; height: 25px; line-height: 25px; color: #fff; border: 2px inset #0082c4;}
ul#countrytabs1.toggles a:hover, ul#countrytabs1.toggles a.active { color: #424242; background: #fff; position: relative;}
ul#countrytabs1.toggles a span { display: none;}
ul#countrytabs1.toggles a.active span { display: block; background: url(/adv/web_library/images/tab_arrow_down.png) no-repeat bottom center; height: 10px; position: absolute; bottom: -12px; left: 35px; z-index: 999; width: 22px; background-color: none;}
#vid-gal { float: left; position: relative; background: #f5f5f5; border: 1px solid #f0f0f0;}
ul.shadetabs.wl_vid_thumb_container, ul.shadetabs.wl_gal_thumb_container { width: 165px; height: 500px; float: left; padding: 0; margin: 15px 0 0 5px; overflow: auto; clear: left; display: block;}
ul.shadetabs.wl_gal_thumb_container { margin: 25px 0 0 15px; display: none;}
div#video { margin-top: -50px;}
div#video.gallery_load { float: left; margin-left: 50px;}
ul.shadetabs.wl_vid_thumb_container a, ul.shadetabs.wl_gal_thumb_container a { width: 125px; padding: 0 10px; height: 115px; font-size: 12px; color: #333; text-align: center; margin-bottom: 5px; cursor: pointer;}
ul.shadetabs.wl_vid_thumb_container a img, ul.shadetabs.wl_gal_thumb_container a img { clear: both; display: block; margin: 0 auto 5px auto;}
ul.shadetabs.wl_vid_thumb_container a.sealants { height: 120px;}
ul.shadetabs.wl_vid_thumb_container a.med { height: 137px;}
ul.shadetabs.wl_vid_thumb_container a.arch, ul.shadetabs.wl_vid_thumb_container a.tall { height: 155px;}
ul.shadetabs.wl_vid_thumb_container a.taller { height: 165px;}
.wl_submit_pictures { width: 165px; text-align: center; font-size: 14px; margin: 0; position: relative; display: none; z-index: 99; margin: 10px 0 0 0; float: left;}
.wl_submit_pictures p { margin: 0; line-height: 14px;}
div#load_gallery { padding-bottom: 90px; display: block; height: 600px; margin-top: -20px;}
.wl_contact_info.gallery { float: right;}
ul.shadetabs.wl_gal_thumb_container a.wl_gallery_th img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.5); margin-bottom: 4px;}
div#video.inner-container { float: left; width: 680px; margin: 20px 45px 0 40px;}
iframe#video { width: 600px;}
iframe#video.gallery { width: 690px; margin-top: 0;}
.wl_video_th { display: block; float: left; width: 180px; text-align: center; color: #333;}
.wl_thumb_border { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.5); clear: both; display: block; text-align: center; margin: 0 auto 4px auto;}
.gal-thumb, .vid-thumb { background: #000; list-style: none;}
#thumb-container { width: 100px; height: 500px; position: relative;}
iframe.wl_cat_content_inner.videos { height: 800px; margin-top: -50px;}
iframe.wl_cat_content_inner.gallery { height: 700px;}
div#video.gallery iframe { padding: 0px}
a.wl_youtube_link { display: block; position: absolute; top: 10px; right: 10px; width: 100px; text-align: center; font-size: 12px; color: #0082cf;}
div#load_gallery .container, .container.gallery { width: 100% !important; /*overrides bootstraps media queries*/}
/* styles for release form below*/
.wl_photo_release_container { display: none; width: 600px; margin: 0 auto; position: absolute; top: 0; right: 0; left: 45px; background: #f9f9f9; background: rgba(255,255,255,.96); border: 2px inset #0082c4; padding: 5px; z-index: 201;}
.wl_photo_release_container h1 { margin: 0; font-size: 24px; text-align: center;}
.wl_photo_release_container h2 { margin: 5px 0; font-size: 20px; text-align: center;}
.wl_photo_release_container p { font-size: 12px; margin: 8px 0;}
.wl_photo_release_container label { width: 95%; display: block; position: relative; font-size: 14px; margin: 10px 0; font-weight: normal;}
.wl_photo_release_container input { position: relative; width: 60%; margin-left: 5%; background: none; border-bottom: 1px dotted #ccc; border-top: 0; border-left: 0; border-right: 0; float: right;}
input#wl_photo_upload { float: none; border: none; margin: 10px 0;}
input.wl_release_checkbox { width: 10px; margin: 3px 5px 0 0; float: left; z-index: 99;}
input.wl_photo_release_signature { float: none; width: 238px; margin-left: 5px;}
a.release_dl { background: #0082c4; font-size: 12px; color: #fff; padding: 5px; display: block; width: 135px;}
a.release_dl:hover, input.release_submit:hover { background: #424242;}
input.release_submit { width: 100px; height: 24px; background: #0082c4; color: #fff; border: none; margin: 0px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer;}
.close_release { position: absolute; right: 0; color: #777;}
.close_x { font-weight: bold; font-size: 20px; display: block; float: left; line-height: 13px;}
span.close_text { font-size: 12px;}
/*end release form*/
/**************************/

/*******tech doc styles*************/
.wl_section { /*used outside of tech doc as well */ width: 958px; height: auto; display: block; position: relative; margin: 0; padding: 0; float: left;}
ul.wl_pdf_list { width: 380px; list-style: none; margin-left: 7px; margin-right: 20px;}
ul.wl_pdf_list.tools { width: 950px; margin-right: 0;}
ul.wl_pdf_list.tools li { width: 45%; float: left;}
ul.wl_pdf_list li a { color: #0082c4; font-size: 13px; font-weight: bold;}
ul.wl_pdf_list li a:hover { color: #f00;}
div.wl_search, div.wl_auto_slider_search { float: left; margin: 5px 0 0px; position: relative;}
input#appendUrl { margin: 8px 0; width: 150px;}
a#baseUrl { cursor: pointer; position: relative; text-transform: uppercase; font-weight: bold; font-size: 12px; width: 70px; display: block; margin-right: 3px; text-align: center; background: #424242; padding: 0 5px; height: 25px; line-height: 25px; color: #fff; border: 2px inset #0082c4;}
a#baseUrl:hover { color: #424242; background: #fff;}
div.wl_contact_info.tech_doc { margin: 30px 0px 0 5px; float: left; clear: both;}
.wl_showers_online { float: left;}
.wl_showers_online p { color: #333; margin: 0 0 0 6px; width: 95%;}
.wl_showers_online a { color: #0082c4;}
.wl_template_guide { width: 500px; float: left;}
.wl_template_guide.doors { width: 550px;}
.wl_template_guide.lynx img { float: left; width: 200px; margin: 15px 10px 0 0;}
.wl_template_guide img { float: left; width: 150px; margin-right: 15px;}
.wl_template_guide p { color: #333;}
.wl_template_guide a { font-weight: bold; font-size: 12px; width: 100px; margin-right: 3px; text-align: center; padding: 0 5px; height: 25px; line-height: 25px; border: 2px inset #0082c4; float: right; display: block; color: #fff; background: #424242; position: relative; text-transform: uppercase;}
a.wl_blk_btn { font-weight: bold; font-size: 12px; margin-right: 3px; text-align: center; padding: 0 5px; height: 25px; line-height: 25px; border: 2px inset #0082c4; float: right; display: block; color: #fff; background: #424242; position: relative; text-transform: uppercase;}
.wl_template_guide a:hover, a.wl_blk_btn:hover { color: #424242; background: #fff;}
.wl_features { width: 950px; float: left; margin-left: 6px;}
.wl_features img { float: left; width: 530px; margin-right: 30px;}
/**************************/
/***removes overlay from fancybox in iframes with class fancy-box-no-overlay****/
body.fancybox-no-overlay div#fancybox-overlay { background-color: transparent !important;}
body.fancybox-no-overlay div#fancybox-wrap { top: 5px !important;}
/****** product alert feedback form ******/
.wl_cpi_text { display: block; position: relative; width: 950px;}
#pa_overlay { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.7); display: none; top: 0; left: 0; z-index: 998;}
#pa_trigger { position: absolute; width: 115px; display: block; background: url(/adv/web_library/images/feedback.png) 0px 0px no-repeat; background-size: 110px; color: #fff; text-transform: uppercase; height: 44px; cursor: pointer;
 z-index: 99; float: right; padding: 0; margin: 0; clear: both; right: 0; top: 2px; text-decoration:none; font-style:initial;}
span.ci-1 { font-weight: bold; font-size: 9px; padding: 0px 0 0 31px; line-height: normal; margin: 10px 0 0 0; line-height: 17px;}
span.ci-2 { width: 73px; display: block; text-align: center; font-size: 8px; padding: 0px 0 0 30px; white-space: initial; line-height: 9px; margin: -2px 0 0 2px;}
#pa_trigger img { width: 100%; height: auto;}
#pa_form { position: absolute; top: 15px; left: 173px; width: 690px; height: 463px; padding: 0; font-family: Arial, Helvetica, sans-serif; z-index: 999; display: none; font-size: 13px;}
#pa_form iframe { width: 100%; height: 100%;}
#pa_form h1 { font-size: 25px; color: #fff; background: #999; width: 100%; margin: 0 0 0 -20px; padding: 0 20px; text-align: center;}
#pa_form label { margin: 10px 0px;}
#pa_form textarea { resize: none;}
#pa_form .pa_left { float: left; margin-top: 0; margin-right: 30px;}
#pa_form .pa_right { margin: 0;}
#pa_form .pa_left textarea { height: 75px;}
#pa_form .pa_left input, #pa_form .pa_left textarea, #pa_form .pa_right input { width: 275px; margin-top: 5px; background-color: #ffff99; border-bottom: 1px dotted #ccc; border-left: none; border-right: none; border-top: none;}
#pa_close { background: url(http://www.crl-arch.com/fancybox/fancybox.png) top right; height: 30px; width: 30px; position: absolute; top: -10px; right: 0px; cursor: pointer;}
.pa_section { display: block; float: left; width: 50%;}
.pa_text { border-bottom: 1px solid #f2f2f2; padding-bottom: 2px; clear: both; font-size: 15px; font-weight: bold;}
#pa_submit { width: 60px; height: 25px; background: #424242; text-transform: uppercase; color: #fff; display: block; position: absolute; cursor: pointer; border: none; bottom: 10px; right: 67px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#pa_submit:hover { border: #424242 inset 2px; background: #f2f2f2; color: #424242;}
.pa_contact_info { float: left; display: block; position: relative; width: 100%;}
#pa_form .pa_contact_info label { width: 45%; float: left; margin: 2px 2% 2px 0;}
#pa_form .pa_contact_info label input { float: left; width: 70%;}
#pa_form div.wl_contact_info { position: absolute; margin: 0; padding: 0; clear: none; bottom: 65px; left: 326px;}
/****************/
/****CPI styles ******/
a.wl_tab.cpi-tab { margin: 10px 0px 8px 2px !important; width: 100px; font-size: 10px; height: 25px; padding-top: 2px;}
a#wl_library.cpi-tab { width: 95px; margin-right: 0px !important;}
a.wl_tab.cpi_tab { width: 99px;}
div.nav.cpi-nav { padding: 2px 0 0 2px;}
ul#ui-id-1, ul.autocomplete { background: #fff; width: 250px; list-style: none; margin: 0; padding: 1px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; border-top: none;}
ul#ui-id-1 li, ul.autocomplete li { padding: 1px; cursor: pointer;}
.ui-menu-item-wrapper:focus { background: #09F; color: #fff; outline: #09f;}
ul#ui-id-1 li:hover, ul#ui-id-1 li:focus, ul#ui-id-1 li:active { background: #09F; color: #fff;}
.ui-helper-hidden-accessible { display: none !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #ff8a00!important; color: #000; border-radius: 0;}
.cpi_browsers { color: #c00; opacity: 0.6 !important; font-style: italic; width: 800px; margin: 0 0 0 50px;}
/*******/