/*----------start default styles to normalise settings----------*/ /* default styles */ body {width:100%; font-size: 100%; font-family: verdana, arial, sans-serif; padding:0%; color:#333333; height:auto;} body {background-image:none;} form { max-width:100%; font-family: verdana, arial, sans-serif; font-size:100%; height:auto; width:96%; padding: 10px 2%;} div, table, p { max-width:100%; font-family: verdana, arial, sans-serif; font-size:100%; height:auto; width:100%;} img { max-width: 100%; height: auto; } td, tr, ul, ol, li, div, p {font-family: verdana, arial, sans-serif; color:#333333; font-size:100%; line-height: 1.5;} table { border-collapse: collapse; } input[type="text"], textarea, select, button { height:40px; } #AdminMenu, .system-items, div.edit-buttons div.logos {display:none;} div.edit-buttons div { width:auto; float: left; } /* v2 */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } table { overflow-x: auto; display: table; } a, a:link, a:visited, a:active {font-size: 100% !important; font-family: verdana, arial, sans-serif !important; color:#333333; text-decoration:underline;} a:hover, a:focus {font-size: 100% !important; font-family: verdana, arial, sans-serif !important; color:#001261; text-decoration:underline;} div.call_to_action {} a.call_to_action { text-decoration: none !important; width: 95% !important; } p a, p a:link, p a:visited, p a:active {font-size:100% !important;} p a:hover, p a:focus {font-size:100% !important;} .clsNormal, .clsAltNormal {font:100% verdana, arial, sans-serif !important; color:#333;} .clsMidHeader { font-family: verdana, arial; color:#3A436E; font-size:18px; font-weight:bold; margin:30px 0px 0px 0px; padding:0px; text-align:center;} .image-article { width: 100%; } /* v2 definition */ .content-area table, .content-area td, .content-area tr, .content-area p, .content-area ul, .content-area ol, .content-area li { font-size:100%; font-family: verdana, arial, sans-serif; color:#333333; } .content-area h1 { font-size:120%; font-family: verdana, arial, sans-serif; color:#3A436E; } .content-area h2 { font-size:110%; font-family: verdana, arial, sans-serif; color:#333333; } .content-area p {line-height:1.5;} .LeftMenu {display:none;} .LeftMenu-icon {display:block;} a.clsAltNormalOneSmaller, a.clsAltNormalOneSmaller:link, a.clsAltNormalOneSmaller:visited, a.clsAltNormalOneSmaller:hover, a.clsAltNormalOneSmaller:focus, a.clsAltNormalOneSmaller:active {font:100% verdana, arial, sans-serif !important; color:#001261 !important;} #tblContentTD2, .tblContentTD2 {height:100% !important;} .slide-wrapper-news { height: 350px; } /* turn-off admin buttons */ div#header {border-bottom: 2px solid #0000b5; padding-bottom:5px; } /* general setting */ .divby5 {width:100%; } /* default heading styles */ h1 {font:bold 120% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px; color:#3A436E; } h2 {font:bold 110% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px; } h3 {font:bold 100% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px;} h4 {font:bold 100% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px;} h5 {font:bold 100% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px;} h6 {font:bold 100% verdana, arial, sans-serif; color:#333; padding:0px; margin: 0px;} .accessible-heading {position: absolute; left: -9999px;} .skip-link {position:absolute; left:-9999px;} td {vertical-align:top;} a img {border:none;} div.image-row { display:table; } div.image-row img { float:left; width:48%; margin:0px; padding:0px; } .hide-image { display:none; } /* Top Menu */ #TopMenu {clear:both; margin:10px 0px 0px 10px; width:100% !important; height: auto !important; display:none; } #TopMenuBar { background-color:#3d3d3d; height: auto; display:block; } #TopMenu #TopMenuBar li { border:none; display:block; width:100%; text-align:center;} #TopMenu #TopMenuBar .CMLevel1 .text { font-size:120% !important; background-color: #3d3d3d; height:20px !important; color:#ffffff; padding:10px; vertical-align:middle; border-bottom: 1px solid white; width:100%; } #TopMenu #TopMenuBar .CMLevel1:hover .text, #TopMenu #TopMenuBar .CMLevel1:focus .text {font-size:120% !important; background-color:#232f93; padding:10px !important; height:20px !important; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width:100%; } #TopMenu #TopMenuBar .CMLevel1Selected .text {font-size:120% !important; background-color:#232f93; padding:10px !important; height:auto; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width:100%; } /* Special for Store item */ #TopMenu #TopMenuBar li:nth-child(5) a#ctl00_TopMenu1_MN_m4 span.text { font-size: 120% !important; } /* styles for level 2 */ #TopMenu #TopMenuBar .CMLevel2, #TopMenu #TopMenuBar .CMLevel2Selected {height:auto;} #TopMenu #TopMenuBar .CMLevel2 .text {font-size:120% !important; background-color:#e8e8e8; padding:6px !important; width:150px; color:#3d3d3d; text-align: center; border-bottom:1px dotted #3d3d3d; } #TopMenu #TopMenuBar .CMLevel2:hover .text, #TopMenu #TopMenuBar .CMLevel2:focus .text {font-size:120% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align: center } #TopMenu #TopMenuBar .CMLevel2Selected .text {font-size:120% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align:center; } /* styles for level 3 */ #TopMenu .CMLevel3, #TopMenu .CMLevel3Selected {height:auto;} #TopMenu .CMLevel3 .text {font-size:100% !important; background-color:#ffffff; padding:6px !important; width:150px; color:#3d3d3d; text-align: center; border-bottom:1px dotted #3d3d3d;} #TopMenu .CMLevel3:hover .text, #TopMenu .CMLevel3:focus .text {font-size:100% !important; background-color:#232f93; padding:6px !important; width: 150px; color:#ffffff; text-align:center; } #TopMenu .CMLevel3Selected .text, {font-size:100% !important; background-color:#232f93; padding:6px !important; width: 150px; color:#ffffff; text-align: center;} /* Start of banner items in banner - T.Mako - Jan 15*/ div#banner-image { float:left; clear:left; display:inline-block; width:55%; } div#banner-menu { display:none;} div#banner-motto {display:none; } div#banner-phone { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: Verdana; color: #0000b5; font-weight:bold; } div#banner-phone-service { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: Verdana; color: #0000b5; font-weight:bold; } div#banner-phone-product { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: Verdana; color: #0000b5; font-weight:bold; } div#banner-menu > ul { list-style-type:none; } div#banner-menu > ul > li { display: inline; } div#banner-menu > ul > li > a { font-size: 100% !important; color: #7f7f7f; text-decoration:underline; font-weight:bold; } div#banner-menu > ul > li > a:focus, div#banner-menu > ul > li > a:hover { font-size:100% !important; color: #0000b5; text-decoration:underline; font-weight:bold;} div#banner-icons { display: inline; float:right;} div#banner-icons > img { padding:2px; } div#banner-icons-more { display: none; float:right;} div#banner-icons-more > img { padding:2px; } div#social-icons {display:none;} /* End of banner items in banner - T.Mako - Jan 15*/ #wrapper-content {clear:both;} /* left column menu */ #section-menu { display:none; } /* Start of footer*/ #footer #footer-top #footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; } #footer #footer-top #footer-section h4 { font-family:arial; color:#ffffcc; font-size:100%; display:inline; float:left; padding:8px; } #footer #footer-top #footer-section ul { list-style-type: none } #footer #footer-top #footer-section ul >li {padding: 8px; } #footer #footer-top #footer-section ul > li > a > span { font-family:arial; font-size:100%; color:#ffffcc; } #footer #footer-top #footer-section ul > li > a:hover span { color: yellow; text-decoration: underline; -moz-text-decoration-color: yellow; /* Code for Firefox */ text-decoration-color: yellow;} #footer #footer-top #footer-column1, #footer #footer-top #footer-column2, #footer #footer-top #footer-column3 { float: left; padding: 1%; width: 100%; background-color: #3d3d3d;border-bottom:1px solid :#ffffcc;} #footer #footer-top img.moreless {display:inline; float:right; } #footer #footer-top #footer-column1 #footer-list-1, #footer #footer-top #footer-column2 #footer-list-2, #footer #footer-top #footer-column3 #footer-list-3 { display:none; clear:both; } #footer #footer-top span.mobile {display:inline; float:left; } #footer #footer-top span.mobile a { text-decoration:none; color: white; } #footer #footer-top span.desktop {display:none; } /* End of footer*/ /* Start of footer eshop*/ #footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; } #footer-section h4 { font-family:arial; color:#ffffcc; font-size:100%; display:inline; float:left; padding:8px; } #footer-section ul { list-style-type: none } #footer-section ul >li {padding:8pxpx; } #footer-section ul > li > a > span { font-family:arial; font-size:100%; color:#ffffcc; } #footer-section ul > li > a:hover span {color: yellow; text-decoration: underline; -moz-text-decoration-color: yellow; /* Code for Firefox */ text-decoration-color: yellow;} #footer-section img.moreless {display:inline; float:right; } #footer-column1, #footer-column2, #footer-column3 { float: left; padding: 1%; width: 100%; background-color: #3d3d3d;} #footer-column1 #footer-list-1, #footer-column2 #footer-list-2, #footer-column3 #footer-list-3 { display:none; clear:both; } #footer-section span.mobile {display:inline; float:left; } #footer-section span.mobile a { text-decoration:none; color: white; } #footer-section span.desktop {display:none; } /* End of footer eshop*/ /* Service Section */ div#ServiceDiv { margin:0px; } div#ServiceDiv #slideshowpanorama { clear:both; display:block; min-height: 90px;; overflow: hidden; } div#ServiceDiv #service-images { display:block; margin-top:10px; } div#ServiceDiv #service-image-2 {display:none; } div#ServiceDiv #service-image-3 {display:none; } #ServiceDiv div.image-row { display:table; } #ServiceDiv div.image-row img { float:left; width:50%; margin:0px; padding:0px; } div#ServiceDiv .hide-image { display:none; } div#serviceDiv #service-description-section {display:block; } div#ServiceDiv #slideshowpanorama p.slide-caption { display:none; } div#ServiceDiv p {margin:10px 0px 0px 0px; padding:0px; width:100%;} div#ServiceDiv ul { width:92%; list-style-type: disc; margin: 6% 0 0 8%; } div#ServiceDiv li {margin:0px; padding:0px; } div#ServiceDiv h1 { color:#3A436E; font-size:120%; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; text-align:center; } div#ServiceDiv h2 { color:black; font-size:110%; font-weight:bold; margin:0px; padding:0px;} div #ServiceDiv h3 { font-size:100%; background-color:#3E5D98; color:white; vertical-align:middle; height:auto; margin:0px; padding:5px 0px; display:block; width:100%; text-align:center; } div#ServiceDiv h4 { color:#3A436E; font-size:100%; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;} div#ServiceDiv a , a:hover, a:focus {text-decoration: underline; font-size:100%; } ServiceNormal li { margin:0; padding:0; } .ServiceTableHead { background-color:#3E5D98; color:white; vertical-align:middle; height:40px;} .ServiceSelectRow { background-color:#D6E4EF; cursor:pointer; } .ServiceNormalRow backgroound-color:#FFFFFF; font-weight:normal; } div#ServiceDiv ul.article-menu-ul { width:100%; list-style-type:none; margin: 0px; display:block; text-align:center; } div#ServiceDiv li.article-menu-li { display: block; border:none; padding: 0px; margin: 0px; background-color:#e8e8e8; padding: 0px; height:30px; width:100%; text-align:center; vertical-align: middle;} div#ServiceDiv li.article-menu-li:hover, div#ServiceDiv li.article-menu-li:focus, div#ServiceDiv li.article-menu-li:link, div#ServiceDiv li.article-menu-li:visited, div#ServiceDiv li.article-menu-li:active { display:block; float:left; border:none; padding: 0px; margin: 0px; background-color:#D6E4EF; font-weight:normal; height: 30px; width:100%; text-align:center; vertical-align : middle; } div#ServiceDiv li.article-menu-li a { background-color:#e8e8e8; font-weight:normal; padding: 0px; height: 30px; width:100%; text-align:center !important; } div#ServiceDiv li.article-menu-li a:hover, div#ServiceDiv li.article-menu-li a.focus, div#ServiceDiv li.article-menu-li a.link, div#ServiceDiv li.article-menu-li a.visited, div#ServiceDiv li.article-menu-li a.active { background-color:#D6E4EF; padding: 0px; height: 30px; width:100%; text-align:center !important; } /* Standard Section - v2 */ /* Standard Section - v2 */ .column33 { width:100%; float:left; clear:both; } .column66 { width:100%; float:left; clear:both; } .column50 { width:100%; float:left; clear:both; } /** for news item **/ .slideshowsmall { height: 194px; text-align: center; width:100%;} .slideshow370 { height: 370px; text-align: center; width:100%;} .givetop {margin-top:10px;} .giveleft { margin-left:0px; padding:0px;} #standard-section { margin:3% 0; width:100%; } #standard-section #standard-images { margin-left:3%; margin-top:3%; width:270px; text-align:center; } #standard-images > h2 { font-size:100%; color:white; padding:3%; } #standard-images > p { color:white; font-size:100%; margin:0; } #standard-section #standard-image-2 { margin-top:10px; } #standard-section #standard-image-3 { margin-top:10px; } #standard-section #standard-description { float:left; padding-left:3%; width:100%; width:95%; text-align:left; } #standard-section #standard-description p {margin:10px 0px 0px 0px; padding:0px; } #standard-section ul { list-style-type: disc; margin-top:10px; } #standard-section li {margin:0px; padding:0px; } #standard-section > h1 { color:#3A436E !important; font-size:120%; font-weight:bold; margin:20px 0px 0px 0px; padding:3%;} #standard-section > h2 { color:black; font-size:100%; font-weight:bold; margin:0px; padding:0px;} #standard-section > h3 { font-size:100%; font-weight:bold; color:white; margin:0px; padding:0px;} #standard-section a {text-decoration: underline; } #standard-table-wrapper {overflow-x: scroll; width:100%; } #standard-table { border:1px solid #111111; max-width:90%;} #standard-table td { border:1px solid #111111; font-size:80%; color:#111111; } #standard-table th { border:1px solid #111111; font-size:80%; color:#111111; background-color:#cccccc; } #standard-table h3 { margin:0px; padding:0px; color: #111111; font-size:80%; } #standard-scroll-text { display:block; float:left; font-size:100%; color:white; background-color:blue; padding: 20px; margin-bottom:10px; } /* Technical Section - v2 */ .technical-section .blue-column { background-color:blue; } .technical-section .blue-column img { margin-top:10px; } /* all sections below need to be reviewd */ div#loginBoxContainer { width: 335px; margin: 10px auto; padding: 0 !important; } div#loginBoxContainer h2, div#loginBoxContainer p {margin-left: 0 !important} div#loginBoxContainer table {margin: 0 !important; padding: 0;width: 100%;} #info-window {width: 335px !important; margin: 15px auto 0 auto !important;overflow: hidden;padding: 0 !important;} #info-window .main-login, #info-window .main-login .content, #info-window .main-login .inner-login-box {width: 335px !important;} #info-window .main-login .login-input label {width: 100% !important; margin: 5px 0; font-size: 13px;} #info-window .main-login .login-input input[type="text"], #info-window .main-login .login-input input[type="password"] {width: 100% !important; padding: 15px !important;} input#LoginButton {background: transparent url(/Images/UserUploadedImages/11/login.gif) no-repeat; cursor:pointer; border: none; color: transparent; line-height:0px; font-size:0px; width:120px; height: 35px; overflow:hidden; margin-left: 215px;} #info-window a.ellogo {display: none !important;} #info-window .main-login .login-button {margin-bottom: 0;} #info-window .content {margin: 0 !important;padding: 0 !important;border: none !important;} #info-window h1 {text-align: left !important; border: none !important;margin: 10px 0!important;} #info-window .inner-login-box {margin: 0!important;} #info-window .inner-login-box label {display: block!important; width: 100%!important; margin: 10px 0!important; padding: 0!important;} #info-window .login-input input {font-size: 14px!important; padding: 10px 5px!important;width: 260px!important; height: auto !important;} .blue-button input, .login-button input, .blue-button input:active, .login-button input:active {background: transparent url(/Images/UserUploadedImages/11/send.jpg) no-repeat!important; cursor:pointer; border: none !important; color: transparent !important; line-height:0px; font-size:0px !important; width:120px !important; height: 36px; overflow:hidden; } /*----------style for fixed width centered sites----------*/ #Form1, #aspnetForm, #frmLogon {width:96%; margin:0 auto; padding:10px 2%;} /*----------start styles for main content area----------*/ #tblContentTD1 p, .tblContentTD1 p {font-size:120% !important; padding:0px; margin:0px 20px 20px; line-height:125%;} #tblContentTD1 ul, .tblContentTD1 ul {margin:0px 20px 20px 60px; padding:0px; font-size:120%;} #tblContentTD1 ul li, .tblContentTD1 ul li {margin-bottom:5px;} #tblContentTD1 ul li a, .tblContentTD1 ul li a {font-size:100% !important;} #tblContentTD1 ol, .tblContentTD1 ol {margin:0px 20px 20px 60px; padding:0px; font-size:120%;} #tblContentTD1 ol li, .tblContentTD1 ol li {margin-bottom:5px;} #tblContentTD1 ol li a, .tblContentTD1 ol li a {font-size:100% !important;} /*----------start styles for right panel----------*/ .tblContent2 {width:200px !important;} #tblContentTD2 h3, .tblContentTD2 h3, #tblContentTD2 h4, .tblContentTD2 h4, #tblContentTD2 h5, .tblContentTD2 h5, #tblContentTD2 h6, .tblContentTD2 h6 {font-size:110%; font-weight:bold; padding:10px 10px 5px 10px; margin:10px 10px 0px 10px;} #tblContentTD2 p, .tblContentTD2 p {font-size:110%; padding:5px 10px 5px 10px; margin:0px 10px;} /*----------START Email a Friend STYLES---------*/ div.refer-friend-form div label {width:150px !important;} /*---------- Styles for Sitemap ----------*/ .SitemapDiv {} .SitemapDiv h1 { color:#3A436E; font-weight:bold; padding:0px; margin:0px 0px 10px;} .SitemapDiv h2 { color:#3A436E; font-weight:bold; padding:0px; margin:0px 0px 5px;} .SitemapDiv a { font-size:100%;} .SitemapDiv a {text-decoration: none !important; font-size: 100% !important;} .SitemapDiv a:hover {text-decoration: underline !important;} .SitemapDiv .title-without-tm { color:#3A436E !important; font-size:120% !important; font-weight:bold; padding:0px; margin:0px 0px 5px; text-decoration: none;} .SitemapDiv .title-with-tm { color:#3A436E; font-size:100%; font-weight:bold; padding:0px; margin:20px 0px 5px; text-decoration: none;} .SitemapDiv ul {font-size:100%; margin: 5px 0px 0px 10px; padding:0px; list-style-type:none;} .SitemapDiv ul li { list-style-type:none; } /*----------start styles for admin banner----------*/ table#topAdminMenuRight {background-color:#7c7c7c; width:300px; height:30px;} table#topAdminMenuRight td {padding:0px 12px 0px 12px; /*font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;*/ color:#ffffff;} table#topAdminMenuRight a, table#topAdminMenuRight a:link, table#topAdminMenuRight a:active, table#topAdminMenuRight a:visited {font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif; color:#ffffff;} table#topAdminMenuRight a:hover, table#topAdminMenuRight a:focus {font:100% 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif; color:#cd5627; text-decoration:underline;} #adminBanner {display:none;} /*----------start styles for site banner area - obsolete ----------*/ table#banner10 {width:100%;} table#banner10 td {} table#banner10 td#bannerLeft {} table#banner10 td#bannerRight {} table#banner10 td#bannerRight ul {float:right; clear:right; list-style-type:none; margin:0px 0px 25px 0px; padding:5px 0px; background-color:#e6f4fd; border:1px solid #aacdf7; border-top-color:#e6f4fd; border-left-color:#ffffff;} table#banner10 td#bannerRight ul li {float:left; font-size:90%; border-right:1px solid #b1bbc4; padding:5px 15px;} table#banner10 td#bannerRight ul li.other {border-right:none; background-color:#40609b; margin-right:9px;} table#banner10 td#bannerRight ul li a {color:#1c2838;} table#banner10 td#bannerRight ul li.other a {color:#ffffff;} table#banner10 td#bannerRight p {float:right; clear:both; width:400px; text-align:right; margin:0px; padding:0px; color:#40609b; font-weight:bold; font-size:120%;} table#banner10 td#bannerRight p.tel {background:url(/images/useruploadedimages/11/banner-icon-phone.png) no-repeat top left; padding-left:10px; width:200px; margin-top:10px; font-size:200%; color:#1c2838; font-weight:bold;} /*----------start styles for site banner area - using div T.Vogel Mar 12 ----------*/ table#banner {width:100%; } table#banner div#bannerLeft { float:left; overflow:hidden; } table#banner div#bannerRight { position:relative; z-index:100; float:right;} table#banner div#bannerRight div {float:left; margin:0px; padding:0px; background-color:#e6f4fd; border:1px solid #aacdf7; border-top-color:#e6f4fd; border-left-color:#ffffff; } table#banner div#bannerRight div div.bacs {position:relative; font-size:90%; border-right:1px solid #b1bbc4; padding:10px 5px 10px 5px; border-bottom:none;display:block; } table#banner div#bannerRight div div.other { font-size:90%; border-right:none; background-color:#40609b; padding:10px 5px 10px 5px; display:block; border-bottom:1px solid #aacdf7} table#banner div#bannerRight div div a {color:#1c2838;} table#banner div#bannerRight div div.other a {color:#ffffff;} table#banner p.technical {float:right; clear:both; width:100%; text-align:right; margin:10px 0px; padding:0px; color:#40609b; font-weight:bold; font-size: 100%; } table#banner .phone { text-align:top; float:right; font-size: 160%; color:#1c2838; font-weight:bold; padding:0; margin:0; } table#banner div#bannerRight div div div#bacstoday { margin: 0px; padding: 10px 5px 0px 0px; position:absolute; top:30px; left:0px; display: none; z-index:1000; clear:both; } table#banner div#bannerRight div div div#bacstoday ul {margin:0px; padding:0px; border:none; } table#banner div#bannerRight div div div#bacstoday li {font-size:100%; padding:0px; margin:0px; color:black; background-color: #e6f4fd; text-align:left; display:block; border:none; } table#banner div#bannerRight div div div#bacstoday li a, #bacstoday li a:visited { text-decoration: none; color: :#1c2838; background-color: #e6f4fd; padding: 5px 5px 5px 15px; margin:0px; border: none; height:25px; width:130px; display:block; text-align: left; } table#banner div#bannerRight div div div#bacstoday li a:hover { text-decoration: underline; color: #1c2838; background-color: #e6f4fd; padding: 5px 5px 5px 15px; margin:0; border:0; height:25px; width:130px; display:block; } table#banner div#bannerRight div div.bacs:hover div#bacstoday {display: block; } table#banner div#bannerRight div div div#aboutbacs { margin: 0px; padding: 10px 5px 0px 0px; position:absolute; top:30px; left:0px; display: none; z-index:1000; clear:both; } table#banner div#bannerRight div div div#aboutbacs ul {margin:0px; padding:0px; border:none; } table#banner div#bannerRight div div div#aboutbacs li {font-size:100%; padding:0px; margin:0px; color:black; background-color: #e6f4fd; text-align:left; display:block; border:none; } table#banner div#bannerRight div div div#aboutbacs li a, #bacstoday li a:visited { text-decoration: none; color: #1c2838; background-color: #e6f4fd; padding: 5px 5px 5px 15px; margin:0px; border: none; height:25px; width:130px; display:block; text-align: left; } table#banner div#bannerRight div div div#aboutbacs li a:hover { text-decoration: underline; color: #1c2838; background-color: #e6f4fd; padding: 5px 5px 5px 15px; margin:0; border:0; height:25px; width:130px; display:block; } table#banner div#bannerRight div div.bacs:hover div#aboutbacs {display: block; } /*----------start styles for the site footer area----------*/ table#footer {width:100%; margin-top:20px; background-color:#3a436e; border-top:1px solid #535a84; border-bottom:1px solid #535a84;margin-top: 15px;} table#footer td { padding:20px 5px 0px 5px; text-align:center;} table#footer td ul {list-style-type:none; margin:0px 0px 0px 10px; padding:0px; line-height:1;} table#footer td ul li {float:left; border-right:1px solid #ffffff; padding:0px 7px; line-height:1;} table#footer td ul li.last {border-right:none;} table#footer td ul li.last-icon {border-right:none; padding:0px 7px; } table#footer td ul li a {color:#ffffff; font-size: 120% !important; line-height:1;} /*---------- Styles for Product Description ----------*/ /* Nov 2013 Product Listing V2 */ #wrapper{ width: 100%; margin:0; padding:0; font-size:16px; } #wrapper-inner {overflow: hidden;} #tabContainer { width:710px; padding:2px; } /* this defintion needs to change for each product type */ .producttabs{ height:30px; margin:0px; padding:0px; background: #3f6094; /* old browsers */ } .swab-tabs { background: #00898F; /* old browsers */ } .wiper-tabs { background: #93455D; } .producttabs > ul { font-size: 1em; list-style:none; margin:0px; padding:0px; } /* this defintion needs to change for each product type */ .producttabs > ul > li{ height:20px; margin:0 0px 0 0; padding:5px; display:block; float:left; color:white; border-right:1px solid #AFAFAF; background: #3f6094; /* old browsers */ } .swab-tabs > ul > li { background: #00898F; /* old browsers */ } .wiper-tabs > ul > li { background: #93455D; } .producttabs > ul > li:hover{ background: #FFFFFF; /* old browsers */ cursor:pointer; color: #3A439B; } .producttabs > ul > li.tabActiveHeader{ background: #FFFFFF; /* old browsers */ cursor:pointer; color: #3A439B; } .tabscontent { padding:20px 20px; background: #FFFFFF; /* old browsers */ margin:0px; color:#333; } .tabpage { margin:0px; padding:0px 5px; overflow:hidden; } .tabtable {border-collapse: collapse; border:1px solid #606060;} .tabtable th { border-bottom: 1px solid #606060; border-right:1px solid #606060; text-align:center; font-weight:bold; padding:10px; } .tabtable td {border-bottom: 1px solid #606060; border-right:1px solid #606060; text-align:center; padding:10px;} .wiper-table th {background-color:#c97991; } .swab-table th {background-color:#32c0c7; color: white } /*-- T.Vogel --*/ #lblName { font-size:110%;} .RelatedItemsBlock { padding-bottom:5px;} /*---Service Highligh ---*/ .service-highlight { margin-top:20px; width:210px; height:70px; padding: 5px; font-family: 'Trebuchet MS', Arial, Calibri, Verdana; color:white; font-size:1.2em; background-color:#2E3192; vertical-align: middle; text-align:center; } .service-highlight2 { margin-top:20px; width:210px; height:70px; padding: 5px; font-family: 'Trebuchet MS', Arial, Calibri, Verdana; color:white; font-size:14px; /* background-image:url(/images/UserUploadedImages/34/service-highlight2.png); background-position:top left; background-repeat:no-repeat; */ background-color:#2E3192; vertical-align: middle; text-align:center; } /*-- T.Vogel Product Description Stylesheet --*/ /*-- For all product types --*/ .spectable { font-size:10px; } .spectable table {border-collapse: collapse; border:1px solid #606060;} .spectable2 { font-size:11px; } .spectable td {padding:0px;vertical-align:top; text-align:center; } .spectable2 table {border-top:1px solid #606060; border-left:1px solid #606060;} .spectable2 th {border-bottom: 1px solid #606060; border-right: 1px solid #606060;} .spectable2 td {padding:0px; height:20px; vertical-align:top; text-align:center; border-bottom: 1px solid #606060; border-right: 1px solid #606060; } .StandardSelectRow { color: blue; cursor:pointer; text-decoration:underline; } .StandardNormalRow { color:black; font-weight:normal; text-decoration:underline; } .QuickLinkTable {} .QuickLinkTable table {border-top:1px solid #606060; border-left:1px solid #606060; margin-top:10px; } .QuickLinkTable td, th {border-bottom: 1px solid #606060; border-right: 1px solid #606060;} .BackInStock { font-size:16px; color:red; font-weight:bold;} /* wiper section */ .WiperDiv {} .WiperDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .WiperTableHead th { background-color:#93455D; color:white; height:40px; border-bottom: 1px solid #606060; border-right: 1px solid #606060;} .WiperSelectRow {background-color: #D6B9BD; cursor:pointer; } .WiperNormalRow {background-color: #FFFFFF; } .WiperH1 { color:#3A436E; font-size:120%; font-weight:bold; text-align:center;} .WiperH2 { font-size:110%; font-weight:bold;} .WiperH3 { font-size:120%; font-weight:bold; color:white;} /*-- Landing Page Specific --*/ .WiperNormal { line-height:17px; font-size:100%; } /*-- stationery section --*/ .StationDiv {} .StationDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .StationTableHead { background-color:#776C8E; color:#FFFFFF; height:40px;} .StationSelectRow { background-color: #E2D4E8; cursor:pointer;} .StationNormalRow {background-color: #FFFFFF;} .StationH1 { color:#3A436E; font-size:120%; font-weight:bold;} .StationH2 { font-size:110%; font-weight:bold;} .StationH3 { font-size:120%; font-weight:bold; color:white;} /*-- Landing Page Specific --*/ .StationNormal { line-height:17px; font-size:100%; } /*--Swab section --*/ .SwabDiv {} .SwabDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .SwabTableHead { background-color:#00898F; color:#FFFFFF; height:40px; } .SwabSelectRow {background-color: #A5D1D5; cursor:pointer;} .SwabNormalRow {background-color: #FFFFFF;} .SwabH1 { color:#3A436E; font-size:120%; font-weight:bold;} .SwabH3 { font-size:110%; font-weight:bold; color:white;} .SwabH1Hover { color:#3A436E; font-size:120%x; font-weight:bold; text-decoration:underline; cursor:pointer;} .SwabNormal { line-height:17px; font-size:100%; } .Swabimgtag { font-size:10px; padding-left:10px; } /* Prewetted Wiper Section */ .PWWiperDiv td, .PWWiperDiv th { padding:1px; height:auto; } .PWWiperDiv p {margin-left:0px; } .PWWiperDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .PWWiperTableHead th { background-color:#BD654A; color:#FFFFFF; } .PWWiperSelectRow {background-color: #E5C6B7; cursor:pointer; font-size:80%;} .PWWiperNormalRow {background-color: #FFFFFF; font-size:80%;} .PWWiperH1 { color:#3A436E; font-size:120%; font-weight:bold; text-align:center; } .PWWiperH2 { font-size:110%; font-weight:bold;} .PWWiperH3 { font-size:120%; font-weight:bold; color:white;} /*-- Landing Page Specific --*/ .PWWiperNormal { line-height:17px; font-size:100%; } /* AntiStatic Section */ .ASDiv {} .ASDiv p {margin-left:0px; } .ASDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .ASTableHead { background-color:#CCCCCC; } .ASSelectRow { color: blue; cursor:pointer; font-weight:bold; } .ASNormalRow { color:black; font-weight:normal;} .ASH1 { color:#3A436E; font-size:120%; font-weight:bold;} .ASH2 { font-size:110%; font-weight:bold;} /* AntiStatic Bench Matting Section */ .ASMDiv {} .ASMDiv p {margin-left:0px; } .ASMDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .ASMTableHead { background-color:#CCCCCC; height:40px; } .ASMSelectRow { background-color:#D6E4EF; cursor:pointer; } .ASMNormalRow { backgroound-color:#FFFFFF; font-weight:normal; } .ASMH1 { color:#3A436E; font-size:120%; font-weight:bold;} .ASMH2 { font-size:110%; font-weight:bold;} /* Chemical Section */ .CHDiv {} .CHDiv p {margin-left:0px; } .CHDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .CHTableHead { background-color:#CCCCCC; height:40px; } .CHSelectRow { color: blue; cursor:pointer; font-weight:bold; } .CHNormalRow { color:black; font-weight:normal;} .CHH1 { color:#3A436E; font-size:120%; font-weight:bold;} .CHH2 { font-size:110%; font-weight:bold;} .CHH000 { color:red; font-size:120%; font-weight:bold;} /* General Section */ .GENDiv { } .GENDiv p {margin-left:0px; } .GENDiv ul { margin-top:0px; margin-left:15px;margin-bottom:10px; padding:0px;} .GENDiv li {margin-bottom:0px; padding:0px; } .GENNormal { font-size:100%; } .GENNormal li { margin:0; padding:0; } tr.GENTableHead th { background-color:#3E5D98; color:white; height:40px; } .GENSelectRow { background-color:#D6E4EF; cursor:pointer; } .GENNormalRow {backgroound-color:#FFFFFF; font-weight:normal; } .GENH1 { color:#3A436E; font-size:120%; font-weight:bold;} .GENH2 { font-size:110%; font-weight:bold;} .GENH3 { font-size:120%; font-weight:bold; color:white;} .GENDiv a {text-decoration:underline; font-size:100%; } /* Mop Section */ .MopDiv { } .MopDiv h1 { margin:0; padding:0; color:#3A436E; font-size:20px; font-weight:bold; text-decoration:none;} .MopDiv h2 { margin:0; padding:0; font-size:14px; font-weight:bold;} .MopDiv p {margin-left:0px; } .MopDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .MopTableHead { background-color:#5279B5; color: white; height:40px;} .MopSelectRow { background-color: #C0C0C0; cursor:pointer;} .MopNormalRow { backgroound-color:#FFFFFF; font-weight:normal;} .MopH1 { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:none;} .MopH2 { font-size:110%; font-weight:bold;} .MopH3 { font-size:120%; font-weight:bold; color:white;} .MopH1Hover { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:underline; cursor:pointer;} /*-- Landing Page Specific --*/ .MopNormal { line-height:17px; font-size:100%; } .MopSubTD { text-align:left; font-weight:bold; padding-left:10px; } /* Cleaning Validation Section */ .CVDiv { } .CVDiv h1 { margin:0; padding:0; color:#3A436E; font-size:20px; font-weight:bold; text-decoration:none;} .CVDiv h2 { margin:0; padding:0; font-size:14px; font-weight:bold;} .CVDiv p {margin-left:0px; } .CVDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .CVTableHead { background-color:#5FDAD7; color: white; height:40px;} .CVSelectRow { background-color: #C0C0C0; cursor:pointer;} .CVNormalRow { backgroound-color:#FFFFFF; font-weight:normal;} .CVH1 { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:none;} .CVH2 { font-size:110%; font-weight:bold;} .CVH3 { font-size:120%; font-weight:bold; color:white;} .CVH1Hover { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:underline; cursor:pointer;} /*-- Landing Page Specific --*/ .CVNormal { line-height:17px; font-size:100%; } .CVSubTD { text-align:left; font-weight:bold; padding-left:10px; } /* Tacky Mat Section - now Contamination Control Mats*/ .TMatDiv { } .TMatDiv h1 { margin:0; padding:0; color:#3A436E; font-size:20px; font-weight:bold; text-decoration:none;} .TMatDiv h2 { margin:0; padding:0; font-size:14px; font-weight:bold;} .TMatDiv p {margin-left:0px; } .TMatDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px; font-size:12px;} .TMatTableHead { background-color:#088E10; color: white; height:40px;} .TMatSelectRow { background-color: #73C569; cursor:pointer;} .TMatNormalRow { backgroound-color:#FFFFFF; font-weight:normal;} .TMatH1 { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:none;} .TMatH2 { font-size:110%; font-weight:bold;} .TMatH3 { font-size:120%; font-weight:bold; color:white;} .TMatH1Hover { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:underline; cursor:pointer;} /*-- Landing Page Specific --*/ .TMatNormal { line-height:17px; font-size:100%; } .ExpandTable { font-size:12px; } .ExpandTable table { border:0; padding:0; margin:0;} .ExpandTable tr td:first-child {border-left: 1px solid #606060; border-bottom: 1px solid #606060; border-right: 1px solid #606060; padding:2px 0 2px 5px; text-align:left;} .ExpandTable td { border-bottom: 1px solid #606060; border-right: 1px solid #606060; padding:2px 0 2px 0; text-align:center;} .OptionTitle { color: #088E10; background-color: #CDCDCD; font-size:15px; font-weight:bold; padding:2px; } .OptionSubTitle { color: blue; font-size:12px; cursor: pointer; } /* Labels Section */ .LabelDiv { } .LabelDiv p {margin-left:0px; } .LabelDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} tr.LabelTableHead th { background-color:#002063; color: white; height:40px;} .LabelSelectRow { background-color: #C0C0C0; cursor:pointer;} .LabelNormalRow { backgroound-color:#FFFFFF; font-weight:normal;} .LabelH1 { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:none;} .LabelH2 { font-size:110%; font-weight:bold;} .LabelH3 { font-size:120%; font-weight:bold; color:white;} /*-- Landing Page Specific --*/ .LabelNormal { line-height:17px; font-size:100%; } /* Garment Section */ .GarmentDiv { } .GarmentDiv p {margin-left:0px; } .GarmentDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .GarmentTableHead { background-color:#FFCC00; color: white; height:40px;} .GarmentSelectRow { background-color: #FFF882; cursor:pointer; } .GarmentNormalRow { backgroound-color:#FFFFFF; font-weight:normal;} .GarmentH1 { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:none;} .GarmentH2 { font-size:110%; font-weight:bold;} .GarmentH3 { font-size:120%; font-weight:bold; color:white;} /*-- Landing Page Specific --*/ .GarmentNormal { line-height:17px; font-size:100%; } /*--General ITW Products --*/ .GENITWDiv {} .GENITWDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;} .GENITWTableHead { background-color:#5378B3; color:#FFFFFF; height:40px; } .GENITWSelectRow {background-color: #A5D1D5; cursor:pointer;} .GENITWNormalRow {background-color: #FFFFFF;} .GENITWH1 { color:#3A436E; font-size:16px; font-weight:bold;} .GENITWH3 { font-size:120%; font-weight:bold; color:white;} .GENITWH1Hover { color:#3A436E; font-size:120%; font-weight:bold; text-decoration:underline; cursor:pointer;} .GENITWNormal { line-height:17px; font-size:100%; } #TrainingTable { font-size:12px; margin-left:15px; *border-collapse: collapse;} #TrainingTable th {border-bottom: 1px solid #606060; border-right: 1px solid #606060;} #TrainingTable td {border-bottom: 1px solid #606060; border-right: 1px solid #606060; empty-cells: show;} .TrainingTH { background-color:#3E5D98; color:white; text-align:center; vertical-align:middle; border-top: 1px solid #606060;} /*** Events page ****/ .Events * { font-size:12px; } .Events table { margin-left:15px; *border-collapse: collapse;} .Events th:first-child {border-left: 1px solid #606060; } .Events th {border-bottom: 1px solid #606060; border-right: 1px solid #606060; text-align:left; } .Events td:first-child {border-left: 1px solid #606060; } .Events td {border-bottom: 1px solid #606060; border-right: 1px solid #606060; empty-cells: show; text-align:left;} .Events .events-cleanroom {text-align:center; color:#313c7c; font-weight:bold; background-color: #b9ffc3; padding:3px 3px; } .Events .events-data-center {text-align:center; color:#313c7c ; font-weight:bold; background-color: #ffff00; padding:3px 3px;} .Events th { background-color:#344183; color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%; } .Events a {text-decoration: underline; font-size:10px; } .Events div { margin-left:5px;} .Events th.sorting_desc { background: #3366cc url('/images/UserUploadedImages/224/white-descending-arrow.gif') no-repeat 95% center; color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%; } .Events th.sorting_asc { background: #3366cc url('/images/UserUploadedImages/224/white-ascending-arrow.gif') no-repeat 95% center; color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%; } /*** News Archive ****/ .NewsDiv { margin:0px; padding:0px;} .NewsDiv p {margin:0px 0px 10px 0px; padding:0px; } .NewDiv .news-short-desc { font:62% verdana, arial, sans-serif !important; color:#333; padding-bottom:10px;} .NewsDiv h1 { color:#3A436E; font-size:16px; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;} .NewsDiv h2 { color:black; font-size:14px; font-weight:bold; margin:0px; padding:0px;} .NewsDiv .image-caption { left: 0px; top: 184px; color: black; font-size: 120%; font-style: italic; position: absolute; display:block;} .grabtext { margin-top:0px; font-weight:bold; text-decoration:italic; } /*** Product Specials **/ #ProductSpecials { margin:0; padding:0; width:730px !important ; font-size:120%; } #ProductSpecials div { padding:5px 0px; } #ProductSpecials a {color:black; text-decoration:underline; font-size:90%; } #ProductSpecials td { padding:5px; } #ProductSpecials .ProductSpecialsHead { background-color:#3E5D98; color:white; vertical-align:middle; height:40px;} #ProductSpecials .tdspecial { border-bottom-style:none; border-top-style:none; text-align:center; width:50%; padding:5px 5px 5px 5px;} #ProductSpecials h3 { font-size:16px; font-weight:bold; color:white; margin:0px; padding:0px;} #ProductSpecials h1 { color:#3A436E; font-size:16px; font-weight:bold; margin:10px 0px 0px 0px; padding:0px;} #ProductSpecials h2 { color:black; font-size:14px; font-weight:bold; margin:0px; padding:0px;} #ProductSpecials .discount {margin:10px 0px; background-color: #ab0101; color:white; padding:5px 5px 5px 5px; font-size:120%; } #ProductSpecials .saleprice { margin-top:5px; color: #ab0101; font-size:140%; font-weight:bold; padding:5px 5px 5px 0px; } #ProductSpecials .saleprice a {color:white; } #ProductSpecials .listprice { text-decoration:line-through; padding:5px 5px 5px 5px; } #ProductSpecials .promotion { margin-top:5px; color: #ab0101; font-size:180%; font-weight:bold; padding:5px 5px 5px 0px; } #ProductSpecials .volumediscount { color:black; font-size:14px; font-weight:bold; margin:0px; padding:0px;} #ProductSpecials .volumediscount li { color:black; font-size:14px; font-weight:bold; margin:0px; padding:0px;} #ProductSpecials p {margin:0px 5px 0px 5px; padding:0} #specials-page-content { width:100%;} .SingleCategoryDisplayImage { border:1px solid blue; width:220px; height:194px; display:block; } .SingleProductDisplayImage { border:1px solid blue; width:220px; height:194px; } .SingleProductDisplay {position:relative;} #TestimonialDiv h1 {color:#3A436E; margin: 0px 0px 15px; text-align:left;} #TestimonialDiv h2 { color:black; font-weight:bold; margin:0px; padding:0px;} #TestimonialDiv .TestimonialContent { margin-top:20px; line-height:17px; padding:0px;} #TestimonialDiv .TestimonialContent h2 { color:black; font-weight:bold; margin:0px; padding:0px;} #TestimonialDiv .TestimonialContent p { margin:0px 0px 10px 0px; padding:0px;} #TestimonialDiv .TestimonialContent blockquote { width:98%; margin:0px 0px 0px 10px; padding:0px;} #TestimonialDiv .TestimonialContent p .TestimonialBy { font-size:100%; margin:0; font-weight:bold; padding:0px; } /*--Newsletter--*/ #NewsletterDiv { margin-top:30px;} #NewsletterDiv toptable { margin-left:auto; margin-right:auto; padding:0px; border:1px solid rgb(132,132,132); font-family:verdana, arial; font-size:12px} #NewsletterDiv p {margin:0px 0px 10px 0px; padding:0px; line-height:17px;} #NewsletterDiv h1 { color:#3A436E; font-size:16px; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;} #NewsletterDiv h2 { color:rgb(189,0,0); font-weight:bold; margin:15px 0px 0px 0px; padding:0px; font-size:12px; } #NewsletterDiv a { text-decoration:underline; } #NewsletterDiv a.hover { text-decoration:underline; color: rgb(132,132,132); } #NewsletterDiv img {padding-bottom:5px;} /*--eshop--*/ #CartContainer #CartItemBlock table td.CartAlternateItem .ListPrice {text-decoration: line-through;} #CartContainer #CartItemBlock table td.CartItem .ListPrice {text-decoration: line-through;} .SingleProductDisplayImage {border: none !important;} #container #maincontent #Records .SingleProductDisplayImage img {border: 1px solid blue !important;} #container #maincontent #Records .SingleProductDisplayName a {width:220px; display:block;} span#ProductReviewDisplay1_lblTitle {font:bold 110% verdana,arial,sans-serif; color:#3A436E;} .ProductReviewRating { clear: left; display: block; margin-bottom:10px; } .ProductReview {width:100%;} #ProductReviewDisplay1_dlReviews {margin-bottom:15px;} #ProductReviews a {font-size:100% !important; } #ProductPageContentColumn #ProductControls #Prices table td #lblSitePriceName {margin:5px 10px 0 0; display:inline-block;} .shopContainer { width: auto; } /*-- T.Vogel - product banner ---*/ div#slideshowProduct {float:left; width:350px; height:50px; overflow:hidden;} div#slideshow-presentation-it { float:left; width:1024px; height:768px; overflow:hidden; } div#slideshowpanorama img {max-width: 100%;} #section-menu {width:210px; float:left; margin-right:20px;} #wrapper #page-content #container-full {width:100%; float:left;} #wrapper #page-content #container-full.home {width: 100%;} #wrapper #page-content #container {width: 100%; float:left;} #wrapper #page-content .home #container {width: 100%;} #wrapper #page-content #container-both {width:478px; float:left;} #wrapper #page-content #container-three {width:500px; float:left;} #wrapper #page-content #content-sub {width:210px; float:left; padding:0 0 0 20px;} #wrapper #page-content #sidebar {width:210px; float:left; padding:0 0 0 20px;} /*----------start styles for print friendly----------*/ @media print { #breadPrint {display:none;} #TableAdminTopNavBar {display:none;} table#banner td#bannerRight ul {display:none;} #ctl00_TDForLeftCell {width:0px !important;} #ctl00_TDForMiddleCell {width:600px !important;} #ctl00_TDForRightCell {width:0px !important;} .clsPostcardBorder {width:600px !important;} div.Masterdiv {width:600px;} #MaintableForContent, #MainTableForContent, .MainTableForContent {width:730px !important; height:800px;} #container{width:600px !important;} #container #maincontent {width:800px !important;font-size:125%;} #navcolumn .HomepageBlock {display:none;} .HomepageBlock {display:none;} #tblContentTD2, .tblContentTD2 {display:none;} h1 {clear:left;} #TablebottomNavBar {display:none;} table#topMenuRight {display:none;} #Footer1_TRFooterDisplayArticle {display:none;} #ctl00_Footer1_TRFooterDisplayArticle {display:none;} #Footer1_TRBottomBannerArticle {display:none;} #ctl00_Footer1_TRBottomBannerArticle {display:none;} #TDRHSArticle {display:block;} #ctl00_TDRHSArticle {display:block;} P.breakhere {page-break-before: always;} #navcolumn, #NavColumn {display: block !important; width: 220px;} #ProductPageImageColumn { width: 175px; display: block;} #ProductPageContentColumn { width: 600px; display: block; padding-left: 20px;} #Footer{display:block !important;} #Footer1_TRBottomBannerHTML {display:block !important;} #CategoryListHeader {display:none;} #TableLeftNavBar {display:none;} } @media screen { P.breakhere {display:none} } /*----------start styles for registration screen header----------*/ #RegistrationHeader {} #RegistrationHeader p { margin:0px 0px 0px 20px; padding:0;} #RegistrationHeader p a { text-decoration: underline;} /*----------end styles for registration screen header----------*/ /*----------start styles for error message on registration screen ----------*/ #pErrors { margin-left:15px; margin-bottom:10px;} #pErrors p {color:red; font-weight:bold; margin:0; padding:0} #pErrors li {color:red; font-weight:bold; } /*----------end styles for error message on registration screen ----------*/ /*----------start styles for choose new password form - ForgottenPasswordChooseNew.aspx ----------*/ #ctl00_ContentPlaceHolderMainNoAjax_divChangePW h1 {padding:0; margin:0; } #ctl00_ContentPlaceHolderMainNoAjax_divChangePW #rules {padding:0; margin:20px; } #ctl00_ContentPlaceHolderMainNoAjax_divChangePW p {font-size:120%; } #ctl00_ContentPlaceHolderMainNoAjax_divChangePW p label {width: 150px; float: left; text-align: right; margin-right: 0.5em; display: block } #ctl00_ContentPlaceHolderMainNoAjax_divChangePW p name {width:100px; } #ctl00_ContentPlaceHolderMainNoAjax_divChangePW #ctl00_ContentPlaceHolderMainNoAjax_btnLogin { background: transparent url(/Images/UserUploadedImages/11/save.gif) no-repeat; cursor:pointer; border: none; color: transparent; line-height:0px; font-size:0px; width:120px; height:50px; overflow:hidden; } /*----------start styles for order ----------*/ #maincontent .FormLabel {padding:5px 15px 0px 0px; } #maincontent .WebPageMessageWarning {color:red; font-weight:bold; padding-bottom:15px; font-size:120%; } /*----- checkout_confirms.aspx ----**/ #ContentColumn div#maincontent {} #ContentColumn div#maincontent div#OrderItemPreview table tr td table#PackageList tr td table tr td table#PackageList_ctl01_PackageItems {} table#PackageList_ctl01_PackageItems tr#AlternateItem td {padding-right:5px;} table#PackageList table#PackageList_ctl01_PackageItems tr#AlternateItem td span.ListPrice {text-decoration: line-through;} table#PackageList_ctl01_PackageItems tr#ShopItem td {padding-right:5px;} table#PackageList_ctl01_PackageItems tr#ShopItem td span.ListPrice {text-decoration: line-through;} /**------ order review page from My account -----**/ #ctl09_lblStatus {padding-left:10px;} #ctl09_PackageList { width:100%; border:1px solid green;} table#ctl09_PackageList tr td table#ctl09_PackageList_ctl00_PackageItems tr td {padding-left:5px;} /*--- BVadmin/orders_details.aspx **/ .BVSmallText {font:size:12px;} /*----- myaccount_Orders.aspx ----**/ #NavColumn div.NavColumnBlock div.NavColumnBlockContent ul li:first-child + li { display:none; } #NavColumn div.NavColumnBlock div.NavColumnBlockContent ul li:last-child { display:none; } /** #ValidationSummary1 **/ #ctl00_Menu1_MN_m2_m4 span.text {color: #ab0101;} /*----- products_ReviewsToModerate.aspx ----**/ table#ctl00_ContentPlaceHolderMainNoAjax_dlReviews tr td div#ReviewInfo table tr td.Formlabel { font-weight:bold; text-decoration:italic; } /* ----- september specials page ----*/ /* there are 2 specials layout, vertical and horizontal*/ /* Horizontal layout */ .photo-of-product { position: relative; top: 20px; left: 20px; height: 300px; width: 450px; color: white; z-index: 1; } .text-of-product { position: absolute; top: 25px; left: 460px; height: 120px; width: 260px; background-color: white; z-index: 20; padding-left:10px; } .price-of-product { position: absolute; top: 145px; left: 470px; height: 130px; width: 235px; background-image:url(/images/UserUploadedImages/105/red-price-tag.png); background-position:top right; background-repeat:no-repeat; z-index: 30; } .buy-now-icon { position: absolute; top: 285px; left: 470px; height: 40px; width: 235px; z-index: 40; } /* Vertical Layout */ .text-of-product2 { background-color: white; z-index: 20; padding-left:10px; font-family: trebuchet ms,sans-serif; } .photo-of-product2 { color: white;z-index: 1; } .price-of-product2 { position:relative;height: 130px; width: 235px; left: 50px; background-image:url(/images/UserUploadedImages/105/red-price-tag.png); background-position:top right; background-repeat:no-repeat; z-index: 30; } /** use if more than one products **/ .price-of-product3 { position:relative;height: 71px; width: 120px; left: 0px; background-image:url(/images/UserUploadedImages/105/red-price-tag-120.gif); background-position:top right; background-repeat:no-repeat; z-index: 30; } .product-title3 { font-family: trebuchet ms,sans-serif; font-weight: bold; font-size: 120%; } .product-sale-type3 { color: rgb(171, 1, 1); font-size: 110%; font-weight: bold; } .text-of-product3 { font-family: trebuchet ms,sans-serif; font-weight: bold; font-size: 110%; } .sale-price3 {margin: 0px; padding: 0px; color: white; font-family: impact; font-size: 140%;} .list-price3 {margin: 0px; padding: 0px; color: black; font-family: impact; font-size: 120%; text-decoration: line-through; } .buy-now-icon2 { height: 40px; width: 235px; z-index: 40; } /** April 2014 layout **/ .product-title4 { font-family: arial; font-weight: bold; font-size: 140%; } .product-sale-type4 { color: rgb(171, 1, 1); font-size: 110%; font-weight: bold; } .text-of-product4 { font-family: arial,sans-serif; font-weight: bold; font-size: 110%; } .sale-price4 {margin: 0px; padding: 0px; color: blue; font-family: impact; font-size: 140%;} .list-price4 {margin: 0px; padding: 0px; color: black; font-family: arial; font-size: 90%; } /* Out of stock - in product detail page */ span#lblOutOfStock { width:100px; white-space:nowrap; color: red; font-weight:bold; font-size:120%;} /*** Service Specials **/ #ServiceSpecials { margin:0; padding:0; width:100%; font-size:120%; } #ServiceSpecials div { padding:5px 0px; } #ServiceSpecials a { text-decoration:underline; font-size:120%; } #ServiceSpecials td { padding:5px; } #ServiceSpecials ul { margin-left:35px; } /*** Link Page ***/ .LinkTable ul { margin-top: 15px; margin-left: 30px; } .LinkTable div.LinkCompanyName { text-decoration: underline; margin-top: 15px } .LinkTable div {padding-top:5px;} /*** discount setup ***/ #ctl00_ContentPlaceHolderMainNoAjax_inProducts {width:200px;} /** Sale Icon ***/ .OnSaleIcon { position:absolute; top: -5px; } .NewProductBadge { position:absolute; top: -5px; } /*** Special for technical articles ***/ #ctl00_TRContentLiteralRow td table tbody tr td.clsNormal table tbody tr td.clsNormal a.clsAltNormal {font:weight:bold; margin-left;80px;} /** Thank You for computer enquiry ***/ .thankYouBox { float:left; width:240px; height:350px; background:url(/images/UserUploadedImages/102/thank-you-computer.png) no-repeat top left; font-family:verdana; } .thankYouBox h1 {font-size:150%; color:#001261; font-weight:bold; } .thankYouBox h2 {font-size:130%; color: rgb(171, 1, 1); } .thankYouBox a {text-decoration:underline;} .thankYouBox2 { float:left; width:240px; height:170px; background:url(/images/UserUploadedImages/102/thank-you-computer-half.png) no-repeat top left; font-family:verdana; } .thankYouBox2 h1 {font-size:150%; color:#001261; font-weight:bold; } .thankYouBox2 h2 {font-size:130%; color: rgb(171, 1, 1); } .thankYouBox2 a {text-decoration:underline;} /** Thank You for cleanroom enquiry ***/ .thankYouBox3 { float:left; width:240px; height:350px; background:url(/images/UserUploadedImages/158/thank-you-cleanroom-e.png) no-repeat top left; font-family:verdana; } .thankYouBox3 h1 {font-size:150%; color:#001261; font-weight:bold; } .thankYouBox3 h2 {font-size:130%; color: rgb(171, 1, 1); } .thankYouBox3 a {text-decoration:underline;} .thankYouBox4 { float:left; width:240px; height:170px; background:url(/images/UserUploadedImages/158/thank-you-cleanroom-half-e.png) no-repeat top left; font-family:verdana; } .thankYouBox4 h1 {font-size:150%; color:#001261; font-weight:bold; } .thankYouBox4 h2 {font-size:130%; color: rgb(171, 1, 1); } .thankYouBox4 a {text-decoration:underline;} /* Technical Articles Section */ #TechnicalDiv { } #TechnicalDiv p {margin:5px 0px 0px 0px; padding:0px;} #TechnicalDiv ol, ul { margin:5px 0px 0px 30px; padding:0px;} #TechnicalDiv li {margin:0px; padding:0px; } #TechnicalDiv h1 { color:#3A436E; font-weight:bold; margin:10px 0px 0px 0px; padding:0px;} #TechnicalDiv h2 { color:black; font-weight:bold; margin:0px; padding:0px;} #TechnicalDiv h3 { background-color:#3E5D98; color:white; vertical-align:middle; height:40px; margin:0px; padding:5px 0px; display:block; width:100%; text-align:center; } #TechnicalDiv h4 { color:#3A436E; font-weight:bold; margin:10px 0px 0px 0px; padding:0px;} #TechnicalDiv table td {margin:0px; } #TechnicalDiv table td h1 {margin:0px; padding:0px; } #TechnicalDiv table td h2 {margin:0px; padding:0px; } #TechnicalDiv table td h3 {margin:0px; padding:0px; } #TechnicalDiv table td h4 {margin:0px; padding:0px; } #TechnicalDiv table td p {margin:0px 0px 20px 0px; padding:0px; } #TechnicalDiv table td ul {margin:0px 0px 20px 15px; padding:0px; } #TechnicalDiv table td li {margin:0px; padding:0px 0px 5px 0px; } #TechnicalDiv .highlight { text-decoration:italic;} #TechnicalDiv a {text-decoration: underline; } #TechnicalDiv .blue-column { width:100%; background-color:blue; } #TechnicalDiv .blue-column img { margin-top:10px; } #TechnicalDiv p.image-caption { display:none; } /* Used in service pages to display customer testimonial */ .testimonialService { font-size: 10px; position: absolute; color: blue; padding:10px; font-style: italic; left: 10px; display: block; top: 10px; width: 150px; background-color: white; } /* Checkout_shipping.aspx */ #CheckoutCoupons .ControlArea .CouponLabel {font-size:12px;} #CheckoutCoupons .ControlArea .ErrorMessage{ color:red;} .BACSPolicy * { line-height:110%; font-size:12px; } .BACSPolicy .policy-second-level { font:100% verdana, arial, sans-serif; color:#333; margin:0px 0px 0px 20px; } .BACSPolicy ul {list-style-type:disc; margin:0px 0px 15px 20px; padding:0; } .BACSPolicy ol { list-style-type:decimal; margin:0px 0px 15px 20px; padding:0; font-size:inherit; } .BACSPolicy ol ol {list-style-type:lower-alpha; font-size:inherit; margin:5px 0px 5px 20px; } .BACSPolicy ul ul {font-size:10px; margin:5px 0px 5px 20px; } .BACSPolicy ol ul { font-size: 10px; margin:5px 0px 5px 20px; } .BACSPolicy p {margin:0px 0px 15px 0px; padding:0; font-size:12px; } .BACSPolicy li { margin:0; padding:0; } .BACSPolicy ol li p {margin:0px 0px 15px 0px; padding:0; font-size:10px; } .BACSPolicy h1 { color:#3A436E; font-size:20px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;} .BACSPolicy h2 { color:#3A436E; font-size:14px; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;} .BACSPolicy h3 {margin:0px 0px 5px 0px; padding:0px;} .BACSChat .heading { border-top:1px solid blue; border-bottom:1px solid blue; padding:5px; } .RoadMap tr td { background-color: #dee7f7; } .RoadMap ul {margin-left:5px} .BACSExtranet { } .BACSExtranet td { text-align:left; } .BACSExtranet td img { border:1px solid blue; } .BACSExtranet td div { padding:10px 0px 0px; font-size:12px; } #MainTableForContent { margin-top:20px; } .CommentsHeader { color: white; background-color: #3f609A; display: block; } .CommentBox {margin-left:20px; } .CommentBox label { vertical-align: top; } .CommentBox #txtUsername { margin-left:10px; } .CommentBox #txtComment { margin-left:15px; } .CommentBox #btnSubmitComment {margin-top:10px; } .CommentBox #btnBack {margin-top:10px; } .CommentMsg { margin-left:20px; margin-top:10px; width:300px; } /*----------start top menu styles----------*/ /* article to left of top menu */ /* table#topMenuLeft {width:120px; height:30px;} */ table#topMenuLeft td {padding:0px 0px 0px 12px;} #TopMenuArticleRight > table {width: 100%;} /* #main-nav .hmenu, #TableTopNavBar, #TopMenu {height:83px; padding-top:7px; margin-bottom:30px; background:url(/images/useruploadedimages/11/bg-tabletopmenu.png) no-repeat top left;} */ /* styles for level 1 */ #Menu1_MN {z-index:1;} /* Oct 13 - T.Mako - added this line to overlay menu above the top right banner menu */ /* styles for level 4 */ #TopMenu .CMLevel4, #TopMenu .CMLevel4Selected #TableTopNavBar .CMLevel4, #TableTopNavBar .CMLevel4Selected {height:auto;} #TopMenu .CMLevel4 .text, #TableTopNavBar .CMLevel4 .text {font-size:90% !important; background-color:#4665a5; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; text-align: left;} #TopMenu .CMLevel4:hover .text, #TopMenu .CMLevel4:focus .text #TableTopNavBar .CMLevel4:hover .text, #TableTopNavBar .CMLevel4:focus .text {font-size:90% !important; background-color:#3c4878; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff;} #TopMenu .CMLevel4Selected .text, #TableTopNavBar .CMLevel4Selected .text {font-size:90% !important; background-color:#3c4878; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; text-align: left;} /* article to right of top menu */ table#topMenuRight {width:100%; } table#topMenuRight td {vertical-align:middle; width:96%; padding:2%; } table#topMenuRight tbody {vertical-align:middle; width:96%; padding:2%; } table#topMenuRight td input {border:1px solid #c1c3c2; height:40px; width:80%; float:left; } /* IE7 Only */ *:first-child+html body table#topMenuRight td input {height:36px; width:80%;} /* IE6 Only */ * html body table#topMenuRight td input {height:36px; width:80%;} a#Module13_SearchAnchor img {float:left;} /*----------Start styles for left menu panelbar----------*/ .panelbar .rpItem {float: left;display: block;position: static;width: 100%;} .panelbar ul {margin: 0 !important;} .panelbar .rootGroup, .panelbar .group, .panelbar .rpItem {margin: 0;padding: 0;list-style-image: none;list-style-position: outside;list-style: none;} .RadPanelBar {} .RadPanelBar ul {list-style-type:none; margin:0; padding:0;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} div[id$="Panelbar13"] .rpSlide {display:block;} /* Set default styles for the left menu */ /* Level 1 styles */ .MenuItemOne, .MenuItemOne:visited {height:auto !important; background-color:#ffffff !important; color:#001261 !important; text-decoration:none !important; border-bottom:1px solid #ffffff !important; font-size:100% !important;} .MenuItemOne:visited {font-size:120% !important;} .MenuItemOne .rpText, .MenuItemOne:visited .rpText, .MenuItemOne .text, .MenuItemOne:visited .text {padding:9px 0px; border-bottom:1px solid #c8c8c8;display: block;width: 100%;text-align: left;} .MenuItemOne:hover, .MenuItemOne:focus {color:#000 !important; text-decoration:none !important;} .MenuItemOneClicked, .MenuItemOneClicked:visited {color:#000 !important; height:auto !important; text-decoration:none !important; font-size:120% !important; font-weight:bold !important;} /* Level 2 styles */ .MenuItemTwo, .MenuItemTwo:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;} .MenuItemTwo:visited {font-size:120% !important;} .MenuItemTwo .rpText, .MenuItemTwo:visited .rpText, .MenuItemTwo .text, .MenuItemTwo:visited .text {padding:9px 0px 9px 25px; border-bottom:1px solid #c8c8c8;width: 175px;display: block;text-align: left;} .MenuItemTwo:hover, .MenuItemTwo:focus {color:#000 !important; text-decoration:none !important;} .MenuItemTwoClicked, .MenuItemTwoClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;} /* Level 3 styles */ .MenuItemThree, .MenuItemThree:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;} .MenuItemThree:visited {font-size:120% !important;} .MenuItemThree .rpText, .MenuItemThree:visited .rpText, .MenuItemThree .text, .MenuItemThree:visited .text {padding:9px 0px 9px 40px; border-bottom:1px solid #c8c8c8;text-align: left;display: block;width: 160px;} .MenuItemThree:hover, .MenuItemThree:focus {color:#000 !important; text-decoration:none !important;} .MenuItemThreeClicked, .MenuItemThreeClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;} /* Level 4 styles */ .MenuItemFour, .MenuItemFour:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;} .MenuItemFour:visited {font-size:120% !important;} .MenuItemFour .rpText, .MenuItemFour:visited .rpText, .MenuItemFour .text, .MenuItemFour:visited .text {padding:9px 0px 9px 50px; border-bottom:1px solid #c8c8c8;} .MenuItemFour:hover, .MenuItemFour:focus {color:#000 !important; text-decoration:none !important;} .MenuItemFourClicked, .MenuItemFourClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;} /*----------End styles for left menu panelbar----------*/ #TableLeftNavBar{margin-top:10px; margin-right:10px;} #ctl00_Menu1_MN_m2_m4 span.text {color: #ab0101;} /*---------------------------------------- / search results ----------------------------------------*/ .SearchResults {width: 960px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchResults div[id$="pnlnumberResults"] {font-size:120%; margin:0 18px 20px 0; clear:both;padding: 5px 20px;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:150%;} .SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding: 20px;} .SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} .SearchResults ol li span.firstRow {display:block;} .SearchResults ol li span.firstRow a {font-size:120%; text-decoration:none;} .SearchResults ol li span.firstRow img.resultImage {margin-right:5px;} .SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDescr .highlight {color:#C41230;} .SearchResults ol li span.clsResultFilmedOn {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultFilmedOn span {padding-right:5px;} .SearchResults ol li span.clsResultDuration {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDuration span {padding-right:5px;} .SearchResults ol li span.lastRow {display:block; font-size:100%; margin-left:27px; color:#aaa;} .SearchResults ol li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 18px 20px 18px;} .SearchResults div[id$="pnlPageLinks"] a {color:#6d6e71; padding-right:5px;} .SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {color:#6d6e71;} .clsFormCreator {margin:0 0 20px 0; background-color:#fff;} .clsFormCreator div {margin-bottom:20px; position:relative;} .clsFormCreator div label {width:100%; padding:5px 5px 0 0; float:left; font-weight:bold; text-align: left;} .clsFormCreator div > input[type="text"] {width: 100% !important; border:1px solid #999; padding:0px; text-align: left; height:40px;} .clsFormCreator div > input.clsDateBox {width:100% !important;} .clsFormCreator div > input:hover[type="text"], .clsFormCreator div > input:focus[type="text"] {border-color:#000;} .clsFormCreator div select {width: 100% !important; border:1px solid #999; padding:0x; height:40px;} .clsFormCreator div textarea {width: 100%; height:auto; border:1px solid #999; padding:0px; resize:none;} .clsFormCreator div textarea:hover, .clsFormCreator div textarea:focus {border-color:#000;} .clsFormCreator div span.mandatory, .clsFormCreator div span.validatoralert {position:absolute; top:0; right:100px; background-color:red; color:#fff !important; padding:7px 14px;} .clsFormCreator div span.validatoralert {right:0; width:150px;} .clsFormCreator fieldset {border:none; margin:0 0 20px 0; padding:0;} .clsFormCreator fieldset legend {color:#000; font-size:100%; border: none; width:100%; display:block; } .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions { position:relative; padding:0px;} .clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {width:100%; padding:0; margin:0; position:relative; font-weight:bold; text-align:left; display:block;} .clsFormCreator div .clsCheckBoxListSpanOptions > span, .clsFormCreator div .clsRadioButtonListSpanOptions > span {margin-bottom:5px; display:block; width:100%; text-align:left; clear:both; padding:0px;} .clsFormCreator div .clsCheckBoxListSpanOptions span input, .clsFormCreator div .clsRadioButtonListSpanOptions span input {width:20px !important; height: 20px; margin:0 5px 0 0; padding:0px;} .clsFormCreator div .clsCheckBoxListSpanOptions span label, .clsFormCreator div .clsRadioButtonListSpanOptions span label {width:auto; padding-top:0; font-weight:normal; float:none; text-align:left;} .clsFormCreator div.clsFormCreator_checkbox {position:relative; padding:0px;} .clsFormCreator div.clsFormCreator_checkbox label {width:auto; float:none;} .clsFormCreator div.clsFormCreator_checkbox input {width:auto !important; height:auto; margin:0 5px 0 0; padding:0px;} .clsFormCreator div.clsMandatory {padding:0px; font-size:90%;} .clsFormCreator div.clsBtnSubmit {width:auto; margin:20px 0 0 0; padding-left:20%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; display:inline;} .clsFormCreator div.clsBtnSubmit input {width:auto; height:auto; text-decoration:none; color:#fff; padding:5px 10px; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; display:inline;} .clsFormCreator div.clsBtnSubmit input:hover, .clsFormCreator div.clsBtnSubmit input:focus { cursor:pointer;} .clsFormCreator div.clsBtnClear {width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnClear input {width:auto; height:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; display:inline;} .clsFormCreator div.clsBtnClear input:hover, .clsFormCreator div.clsBtnClear input:focus {border:1px solid #333; cursor:pointer;} .clsFormCreator .formCreatorCaptchaTable {padding-left:20%;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator fieldset.two-column > div {width:50%; padding-right:20px;} .clsFormCreator fieldset.three-column > div {width:33%; padding-right:20px;} .widget .mainItem, .widget .subItem {position: relative; padding-top: 15px; overflow: hidden; margin-bottom: 10px;} .widget .mainItem > a, .widget .subItem > a, .widget .mainItem dl, .widget.subItem dl {float: left;} .widget .mainItem > a, .widget .subItem > a { width:30%; margin:0; padding:0; } .widget .mainItem dl, .widget .subItem dl {width: 70%; margin: 0; padding: 0; font-size:90%; } .widget .mainItem dd, .widget .subItem dd {padding: 0; margin: 0; position:relative; } .widget .mainItem dt > a, .widget .subItem dt > a {position: relative; text-decoration:underline !important;} .widget dt a.hover {text-decoration:underline !important;} .widget h2 {font-size: 120%; text-align:center; color: #3A436E; margin-bottom:15px; } .widget .mainItemheading, .widget .subItemheading { font-size: 90%; font-weight:bold; } .widget .NewItemTagText {color:red; float: none;} .ArticleList ul { list-style-type:none;} .ArticleList ul li a {text-decoration:underline;} .ArticleList ul li a.hover {text-decoration:underline;} .ArticleList ul li {margin-bottom:10px;}