@import url('/useruploadedstyles/accessibility.css');
@import url('/useruploadedstyles/breadcrumb_utilities.css');
@import url('/useruploadedstyles/forms.css');
@import url('/useruploadedstyles/membership.css');
/* @import url('/useruploadedstyles/bacs-mobile.min.css?v=1.01'); */

/*----------start default styles to normalise settings----------*/

/* default styles */
html { background-color: #eae7e0;  line-height:110%; }
body {font:16px arial, sans-serif; margin:0px; padding:0px; color:#333; line-height: 150%; } 
form { /* background-color:white; */ padding:0px 10px;}

/* important to specify this for eshop */
table, td, tr, p, ul, ol, li { font-size: 16px; font-family: Arial, san-serif; color:#333333; line-height:150%; }
p { margin-top: 0px; }
table {
    border-collapse: collapse;
}
a, a:link, a:visited, a:active {font-size: 100% !important; color:#333333; text-decoration:underline;}
a:hover, a:focus {color:#001261; text-decoration:underline;}
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;}
#myAccountArea #DivPortraitView img {  width: 200px; max-width: 100%; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Admin only in eshop */
div#Header1_Menu1_MN.menu RadMenu_CM10 {margin-bottom: 40px; }

input[type="email"], input[type="number"], input[type="text"], input[type="file"], textarea, select, button {
font-size: 16px;
font-family: arial, sans-serif, helvetica;
background-color: #daeeff;
height: 40px;
}
/* Default image width for articles - on desktop */
.image-article { width: 220px; } 

/* Default image width for products description page - on desktop */
#MainImage { width:220px; }

div.call_to_action { height: 80px;}
a.call_to_action {
    padding: 20px 2%;
    color: blue;
    background-color: white;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    font-weight: bold !important;
    text-transform: uppercase;
    border: 2px solid blue;
    display: inline-block;
}
a:hover.call_to_action {
   background-color: blue;
   color: white;
}
xxx#ServiceDiv a.call_to_action { color: blue;  }

.clsNormal, .clsAltNormal {font:100% arial, sans-serif !important; color:#333;}
.clsMidHeader {  font-family: arial; color:#2e3192; font-size:18px; font-weight:bold; margin:30px 0px 0px 0px; padding:0px; text-align:center;}
 #header {clear:both; overflow:auto; height:auto; padding: 20px 0px;}
/* esho */
#HeaderTD { padding:20px 0px; line-height: 150%; }

/* Breadrcrumb T.Mako Sep 2019 */

a.clsAltNormalOneSmaller,
a.clsAltNormalOneSmaller:link {font-size:80% !important; color:#333 !important;}
a.clsAltNormalOneSmaller:visited,
a.clsAltNormalOneSmaller:hover,
a.clsAltNormalOneSmaller:focus,
a.clsAltNormalOneSmaller:active {font-size:80% !important; color:#0000CD!important;}

#tblContentTD2,
.tblContentTD2 {height:100% !important;}

#wrapper-inner { width: 1150px; max-width: 100%; }
#page-content {margin-top: 30px;}

/* default heading styles */

h1 {font:bold 300% arial, sans-serif;  padding:0px; margin: 0px 0px 0px 0px;  color:#2e3192; }  
h1.blog {font:bold 200% arial, sans-serif; padding:0px; margin: 0px 0px 20px 0px; color: #707070 !important;  }  
h2 {font:bold 140% arial, sans-serif; color:#333; padding:0px; margin: 0px 0px 0px 0px;}
h3 {font:bold 130% arial, sans-serif; color:#333; padding:0px; margin:0px 0px 0px 0px;}
h4 {font:bold 130% arial, sans-serif; color:#333; padding:0px; margin:0px 0px 0px 0px;}
h5 {font:bold 120% arial, sans-serif; color:#333; padding:0px; margin:0px 20px 20px 20px;}
h6 {font:bold 120% arial, sans-serif; color:#333; padding:0px; margin:0px 20px 20px 20px;}

.subtitle { font-size: 140%; color: #696969; margin-bottom: 30px; }
.servicelist {   background-color:#3346f3; color:white; vertical-align:middle; height:40px; margin:0px; padding:10px 0px; display:block; width:100%; text-align:center; }

.accessible-heading {position: absolute; left: -9999px;}
.skip-link {position:absolute; left:-9999px;}

.slide-wrapper-news { height: 650px;  }

td {vertical-align:top;}
a img {border:none;}
figure { padding:0px; margin:0px; }
figcaption { padding:10px; margin:0px; height:auto; color: black; font-style: italic; display:block; background-color: #ececec;  }
.column33 { width:33%; float:left;  }
.column30 { width:30%; float:left; }
.column66 { width:66%; float:left;  }
.column50 { width:48%; float:left; padding-right:2%; }
div.image-row { display:table; }
div.image-row img { margin-top: 10px; }
#slideshowpanorama { clear:both; display:inline- block; overflow: hidden; min-height:216px; }
.givetop {margin-top: 0px;}
.giveleft { margin-left:10px;}
.image-caption {color: white; clear:both;  }
.promotion { width:600px;}

/** Breadcrumb T.Mako Sep 2019 **/
p#breadcrumblabel { display:none; }
ol.breadcrumb { margin:0px; padding: 0px; }
ol.breadcrumb li { display: inline; padding-right: 5px; margin-right:5px; border-right:1px solid black;}
ol.breadcrumb li:last-child { border-right:none;}
ol.breadcrumb li a span {font-size:70%;}
ol.breadcrumb li span {font-size:70%;}
.clearfix::before,
.clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
img { max-width: 100%; }
#wrapper-inner, #wrapper #page-content #container { min-height: 500px; }

/** Mobile Definitions **/


@media only screen and (max-width : 991px) {
#wrapper-inner {
    width: 100%;
    padding: 0 10px;
}
 #ct100_AdminTopMenuForSite_MN {display:none;}
 body { font-family:  arial, sans-serif; margin:0px; padding:0px; color:#333; width:100%;}
 form { width:96%; font-family: arial, sans-serif;  font-size:100%; height:auto; padding:10px 2%;}
 div, table, p { width:100%; font-family: arial, sans-serif;  font-size:100%; height:auto; padding:0px;}
div, td, p, ol, li { line-height: 1.5; }
 
 img {
	max-width: 100%;
	height: auto;
 }
 /*#AdminMenu, .system-items, div.edit-buttons div.logos, .admin-menu-top {display:none;}
 div.edit-buttons div { width:auto; float:left; }*/
 div#header, .clsnormal {border-bottom: 2px solid #0000b5; padding:10px; }
 .givetop {margin-top: 10px;}
 .giveleft { margin-left:0px; }
 h1 {font:bold 200% arial, sans-serif; color:#333; padding:0px; margin: 0px;  color:#2e3192;  }  
 h2 {font:bold 150% arial, sans-serif; color:#333; padding:0px; margin: 0px; }
 h3 {font:bold 120% arial, sans-serif; color:#333; padding:0px; margin: 0px;}
 h4 {font:bold 100% arial, sans-serif; color:#333; padding:0px; margin: 0px;}
 h5 {font:bold 100% arial, sans-serif; color:#333; padding:0px; margin: 0px;}
 h6 {font:bold 100% arial, sans-serif; color:#333; padding:0px; margin: 0px;}
.promotion { width:100%; }

input[type="text"], textarea, select, button { height:40px;  }

#page-content {margin-top:30px; clear:both; }
}
/* Top Menu */
/*----------------------------------------
/ navigation
----------------------------------------*/
#main-nav { border:0; position:static; display: flex;  flex-wrap: nowrap;   height: 60px;   justify-content: space-between; }
#main-nav.open {padding-top:70px;}
#main-nav.navbar-collapse {max-height:100%;}
#main-nav .hmenu>li>span.toggle {
    display: none;
}

/*-----mega menu styles-----*/
#main-nav .hmenu {list-style-type:none; margin:0; padding:0; display: flex; flex-wrap: nowrap;}
#main-nav .hmenu a {text-decoration:none;}
#main-nav .hmenu ul{ list-style-type:none; margin:0; padding:0; }

/* styles for level 1 */
#header #site-nav { padding: 0 10px 0; }
#main-nav .hmenu > li {display:inline-block; padding:0; position:relative;}
#main-nav .hmenu > li > a,
#main-nav .hmenu > li > span {display:block;  font-size:90%; height:auto; padding:5px 15px; height: 60px; display:block; }
#main-nav .hmenu > li > a > .toggle {}
#main-nav .hmenu > li > a > .toggle::after {content:"\f078"; font-family:FontAwesome; ; font-size:16px; padding-left:5px;}
#main-nav .hmenu > li > a > .toggle.open::after {content:"\f077";}
#main-nav .hmenu > li.iFOL12 > a > .toggle,
#main-nav .hmenu > li.iFOL16 > a > .toggle {display:none;}
#main-nav .hmenu > li:hover > a,
#main-nav .hmenu > li:focus > a,
#main-nav .hmenu > li.open > a {color:#fff; background:#2e3192;}
#main-nav .hmenu > li.selected > a {color:#fff; background:#2e3192;}
 
/* styles for level 2 */
#main-nav .hmenu > li > ul {opacity:0; visibility:hidden; z-index:-1; background:#e8e8e8; border-bottom:0; transition:all 0.2s ease-in-out; width: 200px; }
#main-nav .hmenu > li > ul > li {width: 100%; position:relative; }
#main-nav .hmenu > li > ul > li > a,
#main-nav .hmenu > li > ul > li > span:not(.toggle) {display:block; padding:5px 15px; color:#333; border-bottom: 1px dotted #3d3d3d; font-size: 90% !important; }
#main-nav .hmenu > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li.open> a {color:#fff; background:#2e3192;}
#main-nav .hmenu > li > ul > li > a:focus {outline:1px dotted #000 !important;}

/* styles for level 3 */
#main-nav .hmenu > li > ul > li > ul {position:absolute; opacity:0; visibility:hidden; z-index:-1; background:#e8e8e8; border-bottom:0; transition:all 0.2s ease-in-out; left: 100%; top:0; width: 200px;} 
#main-nav .hmenu > li > ul > li > ul > li {width: 100%; position:relative; }
#main-nav .hmenu > li > ul > li > ul > li > a,
#main-nav .hmenu > li > ul > li > ul > li > span {display:block; padding:5px 15px; color:#333; border-bottom: 1px dotted #3d3d3d; font-size: 90% !important; }
#main-nav .hmenu > li > ul > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li > ul > li.open> a {color:#fff; background:#2e3192;}
#main-nav .hmenu > li > ul > li > ul > li > a:focus {outline:1px dotted #000 !important;}

/* styles for level 4 */
#main-nav .hmenu > li > ul > li > ul > li > ul { position:absolute; opacity:0; visibility:hidden; z-index:-1; background:#e8e8e8; border-bottom:0; transition:all 0.2s ease-in-out; left: 100%; top: 0; width: 200px; }
#main-nav .hmenu > li > ul > li > ul > li > ul > li {width: 100%; position:relative; }
#main-nav .hmenu > li > ul > li > ul > li > ul > li > a ,
#main-nav .hmenu > li > ul > li > ul > li > ul > li > span {display:block; padding:5px 15px; color:#333; border-bottom: 1px dotted #3d3d3d; font-size: 90% !important; }
#main-nav .hmenu > li > ul > li > ul > li > ul > li:hover > a,
#main-nav .hmenu > li > ul > li > ul > li > ul > li:focus > a,
#main-nav .hmenu > li > ul > li > ul > li > ul > li.open> a {color:#fff; background:#2e3192;}
#main-nav .hmenu > li > ul > li > ul > li > ul > li > a:focus {outline:1px dotted #000 !important;}


#SearchInput #searchicon {stroke: #333; width:30px; height: 30px; background-color: white; }

#wrapper > #main-nav .hmenu > li > a, 
#wrapper > #main-nav .hmenu > li > span,
#wrapper-inner > #main-nav .hmenu > li > a,
#wrapper-inner > #main-nav .hmenu > li > span  { background:#3d3d3d ; color: #fff; border-right: 1px solid #fff;  }
#wrapper > #main-nav .hmenu > li:hover > a, 
#wrapper > #main-nav .hmenu > li:focus > span,
#wrapper-inner > #main-nav .hmenu > li:hover > a,
#wrapper-inner > #main-nav .hmenu > li:focus > span  { background:#2e3192; }

#wrapper > #main-nav #SearchInput #searchicon, 
#wrapper-inner > #main-nav #SearchInput #searchicon {stroke: #fff; background-color:transparent; }


@media (min-width:992px) {
   
    #site-nav { display:block !important; padding-right: 30px; flex: auto; }
    #SearchInput { display: block !important; }
    #main-nav .hmenu > li > ul {position:absolute; top:100%; left:0px;}
   #main-nav .hmenu > li:hover > ul,
    #main-nav .hmenu > li:focus > ul, 
    #main-nav .hmenu > li > ul.open {opacity:1; visibility:visible; z-index:2000;}
    #main-nav .hmenu > li > a > .toggle {display:none;}
    #wrapper > #main-nav,
#wrapper-inner > #main-nav {  background-color: #3d3d3d;  }

#main-nav .hmenu > li > ul > li:hover > ul,
#main-nav .hmenu > li > ul > li:focus > ul {opacity:1; visibility:visible; z-index:2000;} 

#main-nav .hmenu > li > ul > li > ul > li:hover > ul,
#main-nav .hmenu > li > ul > li > ul > li:focus > ul {opacity:1; visibility:visible; z-index:2000;} 

}

/* Mobile Definition */
@media only screen and (max-width : 991px)  {
    #header #site-nav { padding: 0; }
    #main-nav .hmenu li span.toggle {
        display: block;
        cursor: pointer;
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 3px;
        width: 15px;
        height:15px;
        border: 0 !important;
background: none !important;
    }

    #main-nav .hmenu li > span.toggle::after { font-family: "FontAwesome";  content: "\f078"; }
    #main-nav .hmenu li.open > span.toggle::after {  content: "\f077"; color: #fff; }
    #main-nav .hmenu li:hover > span.toggle::after,
    #main-nav .hmenu li:focus > span.toggle::after,
    #main-nav .hmenu li.selected > span.toggle::after { color: #fff; }

#main-nav { height: auto; }
#site-nav { display: none; width:100%; background: #e8e8e8; position: absolute; z-index: 9; }
#site-nav.show { display: block; }
#SearchInput {display: none; }
#SearchInput.open { display: block; margin:0; padding: 15px; background: #3d3d3d; }
#SearchInput input[type="text"] { width: 80%; }
/* Top Menu */
#main-nav .hmenu { flex-wrap: wrap; }
#main-nav .hmenu > li {display:block; flex: 0 0 100%; width: 100%; }
#main-nav .hmenu > li > a,
#main-nav .hmenu > li > span { height: auto; border-bottom: 1px solid #fff; border-right: 0; text-align: center; padding: 15px;  }
#main-nav .hmenu > li > a > .toggle {float:right;}
#main-nav .hmenu > li > a > .toggle::after {color:#fff; padding:0 !important; width:30px; height:30px; text-align:center; line-height:30px; display:block;}
#main-nav .hmenu > li.selected > a > .toggle::after,
#main-nav .hmenu > li > a:hover > .toggle::after,
#main-nav .hmenu > li > a:focus > .toggle::after {color:#fff;}
#main-nav .hmenu li > ul {position:absolute; width: 100%; left:0 !important; width:100% !important; }
#main-nav .hmenu li > ul.open {opacity:1; visibility:visible; z-index:2000; position:relative !important; left:0; width:100%; }
#main-nav .hmenu li > ul > li {float:none; display:block; width:100%;}
/* level 2 */
#main-nav .hmenu > li > ul > li > a,
#main-nav .hmenu > li > ul > li > span { height: auto; border-bottom: 1px solid #fff; border-right: 0; text-align: left; padding: 15px;  }

/* level 3 */
#main-nav .hmenu > li > ul > li > ul > li > a,
#main-nav .hmenu > li > ul > li > ul > li > span { height: auto; border-bottom: 1px solid #fff; border-right: 0; text-align: left; padding: 15px;  }

#header-logo .icon-menu::after,
#header-logo .icon-search::after,
.header-logo .icon-menu::after,
.header-logo .icon-search::after { display: none; }

/* eShop menu */
}


@media  (min-width : 1400px)  {
    /* #main-nav .hmenu { width: 70%; } */
}
/* START FORMS - T.Mako - May 2020*/
/* tweaking display of captch section at the bottom of the form */
div#ctl00_ContentPlaceHolderMainNoAjax_ctl01_myCaptcha_ctl01
 { display: block; height:80px !important; }
.RadCaptcha_Elcom [id$='SpamProtectorPanel'] [id$='CaptchaTextBoxLabel']
{ text-align: left !important; }

/* END FORMS - T.Mako - May 2020*/

/* Start of footer*/
#footer #footer-top #footer-section { clear:both; background-color: #3d3d3d; margin-top:0px; height:400px; padding:30px;}
#footer #footer-top #footer-section strong { font-family:arial; color:#ffffcc; font-size:100%; }
#footer #footer-top #footer-section ul { list-style-type: none }
#footer #footer-top #footer-section ul >li {padding:0px; }
#footer #footer-top #footer-section ul > li > a > span { font-family: arial; font-size:90%; 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,
#footer #footer-top #footer-column4 { float: left; padding: 20px 1%; width: 22%; background-color: #3d3d3d;}
#footer #footer-top #footer-column1 #footer-list-1,
#footer #footer-top #footer-column2 #footer-list-2,
#footer #footer-top #footer-column3 #footer-list-3 {clear:both;}
#footer #footer-top img.moreless {display:none;}
#footer #footer-top div.mobile { display: none; }
#footer #footer-top div.desktop { display: inline; }

@media only screen and (max-width : 991px) {
#footer #footer-top #footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; padding:0px; }
#footer #footer-top #footer-section strong { font-family:arial; color:#ffffcc; font-size:100%; display:inline; float:left; padding: 8px; }
#footer-section ul >li {padding: 8px; }
#footer #footer-top #footer-section ul > li > a > span { font-family:arial; font-size:90%; color:#ffffcc; }
#footer #footer-top #footer-column1,
#footer #footer-top #footer-column2,
#footer #footer-top #footer-column4,
#footer #footer-top #footer-column3 { float: left; padding: 1%; width: 100%; background-color: #3d3d3d;}
#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 div.mobile { display: inline !important; float:left; }
#footer-section div.mobile a { text-decoration:none; color: white; }
#footer #footer-top div.desktop { display: none !important; }
}

/* End of footer*/

/* Start of footer eshop*/
#footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:400px; }
#footer-section h4 { font-family:arial; color:#ffffcc; font-size:120%;}
#footer-section ul { list-style-type: none }
#footer-section ul >li {padding:0px; }
#footer-section ul > li > a > span { font-family:arial; font-size:90%; 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 #footer-column1,
#footer-section #footer-column2,
#footer-section #footer-column3,
#footer-section #footer-column4 { float: left; padding: 20px 1%; width: 22%; background-color: #3d3d3d;}
#footer-section img.moreless {display:none;}
#footer-section div.mobile { display: none !important; }
#footer-section div.desktop { display: inline !important; }

@media only screen and (max-width : 991px)  {
#footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; padding:0px; }
#footer-section h4 { font-family: arial; color:#ffffcc; font-size:120%; display:inline; float:left; padding: 8px;}
#footer-section ul { list-style-type: none }
#footer-section ul >li {padding: 8px; }
#footer-section ul > li > a > span { font-family: arial; font-size:90%; 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-section #footer-column1,
#footer-section #footer-column2,
#footer-section #footer-column3,
#footer-section #footer-column4  { float: left; padding: 1%; width: 98%; background-color: #3d3d3d;}
#footer-section #footer-column1 #footer-list-1,
#footer-section #footer-column2 #footer-list-2,
#footer-section #footer-column3 #footer-list-3 { display:none; clear:both; }
#footer-section img.moreless {display:inline; float:right; }
#footer-section div.mobile { display: inline !important; float:left; }
#footer-section div.mobile a { text-decoration:none; color: white; }
#footer-section div.desktop { display: none !important; }
}

/* End of footer eshop*/

/* Home page widget style */
.standard-div { width:33.3%; float:left; text-align:center; }
.standard-div > div.widget h4 {margin: 10px 0;}
.standard-div > div.widget  { width:87%; border:1px solid #a0a0a0; background-color:#e8e8e8; padding:0 3%; }
.standard-div > div.widget span { color: #3d3d3d; font-weight:normal; }
.standard-div > div.widget .mainItem, .standard-div > div.widget .subItem {margin:0px; padding:0px; height:90px; } 
.standard-div > div.widget .mainItem > a > img, .standard-div > div.widget .subItem > a > img {width:80px; } 
.standard-div > div.widget .mainItem dl dt > a, .standard-div > div.widget .subItem dl dt > a { text-decoration:none !important; display:block; text-align:center; width:100%; }
.standard-div > div.widget .mainItem dl dt > a:hover, .standard-div > div.widget .subItem dl dt > a:hover { text-decoration:underline !important; }
.standard-div > div.widget .mainItem dl, .standard-div > div.widget .subItem dl  { position:absolute; left:90px; top:0px; width:70%; text-align: left !important; height:88px; } 
.standard-div > div.widget .mainItem dl dt > a span.mainItemHeading, 
.standard-div > div.widget .subItem dl dt > a span.subItemHeading { font-size:90% !important; }

@media only screen and (max-width : 991px)  {
.standard-div { width:100%; float:left; text-align:center; margin-top:10px; }
.standard-div > div.widget  { width:95%; border:2px solid #a0a0a0; background-color:#e8e8e8; padding:2%; }
.standard-div > div.widget .mainItem dl dt > a span.mainItemHeading, 
.standard-div > div.widget .subItem dl dt > a span.subItemHeading { font-size:80% !important; }

}

@media only screen and (max-width :991px) {
.column33 { width:98%; float:left;  }
.column30 { width:98%; float:left;  }
.column66 { width:98%; float:left; }
.column50 { width:98%; float:left; }
div.image-row { display:table; }
div.image-row img { float:left; width:50%; margin:0px; padding:0px; }
.hide-image { display:none; }

}
#standard-section { margin:0px 10px; width:100%;}
#standard-section #standard-images { float:left; margin-top:10px; width:270px; text-align:center; }
#standard-images > h2 { color:white; font-size:160%; font-family: Arial; padding:5px; font-weight:bold; }
#standard-images > p { color:white; font-size:140%; font-family: Arial; font-weight:bold; }
#standard-section #standard-image-2 { margin-top:10px; }
#standard-section #standard-image-3 { margin-top:10px; }
#standard-section #standard-description { float:left;  padding-left:10px; width:60%;}
#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:#2e3192!important; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;}
#standard-section > h2 {  color:black; font-weight:bold; margin:0px; padding:0px;}
#standard-section > h3 {  font-weight:bold; color:white; margin:0px; padding:0px;}
#standard-section h4 {  color:#2e3192; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;}
#standard-section a  {text-decoration: underline; }
#standard-table-wrapper {float:left;  width:100%;}
#standard-table { border:1px solid #111111; width:100%; border-collapse: collapse;}
#standard-table  td { border:1px solid #111111;  font-size:100%;  color:#111111; }
#standard-table  th { border:1px solid #111111;  font-size:100%;  color:#111111;  background-color:#cccccc; }
#standard-table h3 { margin:0px; padding:0px;  color: #111111; font-size:100%; }
#standard-scroll-text { display:none; }

@media only screen and (max-width : 991px) {
#standard-table-wrapper {overflow-x: scroll; width:100%; }
#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: #7172b3; }
.technical-section .blue-column img { margin-top:10px; }

.textRight {text-align:right;}
.leftFloat {float:left;}
.rightFloat {float:right;}

div#loginBoxContainer {
    width: 500px;
    margin: 10px auto;
    padding: 0 !important;
    max-width: 100%;
}

div#loginBoxContainer p {
     width: 335px !important; 
     max-width: 100%;
}

div#loginBoxContainer p a {
    padding: 20px 0px !important;
    display: block;
    text-align: center;
}
div#loginBoxContainer h2, div#loginBoxContainer p {margin-left: 0 !important}
div#loginBoxContainer table {margin: 0 !important; padding: 0;width: 100%;}
#info-window {width: 500px !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;}
#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;}
#info-window div.top-bar { display:none; }
#info-window #rules { margin: 0px 0px 25px 0px; clear:both;}

.blue-button input, .blue-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; }

@media only screen and (max-width : 991px)  {
div#loginBoxContainer { width:480px; max-width: 100%; }
#info-window {width: 100% !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: 100% !important;}
}

/*----------style for fixed width centered sites----------*/
/*
#Form1,
#aspnetForm,
#frmLogon {width:1150px; margin:0 auto; }
*/
@media only screen and (max-width : 991px)  {
#Form1,
#aspnetForm,
#frmLogon {width:100%; margin:0px;  padding:0px;}
}


/*----------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:#2e3192; font-weight:bold; padding:0px; margin:0px 0px 5px;}
.SitemapDiv h2  {  color:#2e3192; font-size: 130%; 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:#2e3192!important; font-size:110% !important; font-weight:bold; padding:0px; margin:0px 0px 5px; text-decoration: none;}
.SitemapDiv .title-with-tm  {  color:#2e3192; font-size:100%; font-weight:bold; padding:0px; margin:20px 0px 5px;  text-decoration: none;}
.SitemapDiv ul  {font-size:10px; margin: 5px 0px 0px 20px; list-style-type:none; padding:0px;}
.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; }

/*---------- Styles for Product Description ----------*/
/* Nov 2013 Product Listing V2 */
#wrapper{
 width: 1150px;
 margin:0 auto; padding:0px 10px;       
 font-size:16px;
background: #fff;
max-width: 100%;
}
@media only screen and (max-width : 991px) {
#wrapper {width:100%; font-size:16px;     padding: 0;    margin: 0;}
}
#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:100%;}
.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;
}

/*default setting for the top of an article */
.ArticleTopSetting { margin-top:30px; }

/*-- T.Vogel Product Description Stylesheet --*/
/*-- For all product types --*/
.spectable { font-size:100%; }
.spectable table {border-collapse: collapse; border:1px solid #606060;}
.spectable2 { font-size:100%; }
.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; }

@media only screen and (max-width : 991px) {
.spectable { font-size:80%; }
.spectable2 { font-size:80%; }
.SwabDiv .spectable { font-size:60%;}
}
.attention, .BackInStock { font-size:16px; color:red; font-weight:bold;}

/*-- 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:#2e3192; font-size: 130%; font-weight:bold;}
.StationH2 {  font-size:130%; font-weight:bold;}
.StationH3 {  font-size:130%; font-weight:bold; color:white;}
/*-- Landing Page Specific --*/
.StationNormal { 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;  height:40px;}
.ASSelectRow { color: black; cursor:pointer; font-weight:bold;  background-color: #cccccc;}
.ASNormalRow { color:black; font-weight:normal; background-color:white;}
.ASH1 { color:#2e3192; font-size:130%; font-weight:bold;}
.ASH2 { font-size:130%; 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:#2e3192; font-size:130%; font-weight:bold;}
.ASMH2 {  font-size:130%; 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:#2e3192; font-size:130%; font-weight:bold;}
.CHH2 {  font-size:130%; font-weight:bold;}
.CHH000 {  color:red; font-size:130%; 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; }
.GENTableHead { background-color:#3E5D98; color:white; height:40px; }
.GENSelectRow { background-color:#D6E4EF; cursor:pointer; }
.GENNormalRow {backgroound-color:#FFFFFF; font-weight:normal; }
.GENH1 {  color:#2e3192; font-size:130%; font-weight:bold; display:block; width:100%; }
.GENH2 {  font-size:130%; font-weight:bold;}
.GENH3 {  font-size:130%; font-weight:bold; color:white;}
.GENDiv a {text-decoration:underline; font-size:100%; }
.GENDiv h3 { padding:0px; margin: 0px; }

.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;}
.LabelTableHead { background-color:#002063; color: white; height:40px;}
.LabelSelectRow { background-color: #C0C0C0; cursor:pointer;}
.LabelNormalRow { backgroound-color:#FFFFFF; font-weight:normal;}
.LabelH1 {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:none;} 
.LabelH2 {  font-size:130%; font-weight:bold;}
.LabelH3 {  font-size:130%; font-weight:bold; color:white;}
/*-- Landing Page Specific --*/
.LabelNormal { 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:#2e3192; font-size:16px; font-weight:bold;}
.GENITWH3 {  font-size:16px; font-weight:bold; color:white;}
.GENITWH1Hover {  color:#2e3192; font-size:12px; font-weight:bold; text-decoration:underline; cursor:pointer;}
.GENITWNormal { line-height:17px; font-size:12px; }

/* Service Section */
#ServiceDiv {overflow:hidden; }
div#ServiceDiv #slideshowpanorama { clear:both; display:inline- block; overflow: hidden; min-height:216px; }
#ServiceDiv p.slide-caption { position: absolute; padding: 10px; left: 10px; top: 10px; width: 150px; color: blue; font-size: 10px; font-style: italic; display: block; background-color: white; }
#ServiceDiv div.image-row { display:table; }
#ServiceDiv div.image-row img { float:left; margin-top: 10px; }
div#ServiceDiv .hide-image {};
#ServiceDiv p {margin:5px 0px 0px 0px; padding:0px;}
#ServiceDiv ul { margin:5px 0px 0px 30px; padding:0px;}
#ServiceDiv li {margin:0px; padding:0px; }
#ServiceDiv h1 {  color:#2e3192;  font-weight:bold; margin:0px; padding:0px; text-align:left;}
#ServiceDiv h2 {  color:#707070; font-weight:bold; margin:0px; padding:0px;}
#ServiceDiv h3 {   background-color:#3346f3; color:white; vertical-align:middle; height:40px; margin:0px; padding:10px 0px; display:block; width:100%; text-align:center; }
#ServiceDiv h4 {  color:#2e3192; font-weight:bold; margin:10px 0px 0px 0px; padding:0px;}
#ServiceDiv table td {margin:0px; }
#ServiceDiv table td h1 {margin:0px;  padding:0px; }
#ServiceDiv table td h2 {margin:0px;  padding:0px; }
#ServiceDiv table td h3 {margin:0px;  padding:0px; }
#ServiceDiv table td h4 {margin:0px;  padding:0px; }
#ServiceDiv table td p {margin:0px 0px 20px 0px;  padding:0px; }
#ServiceDiv table td ul {margin:0px 0px 20px 15px;  padding:0px; }
#ServiceDiv table td li {margin:0px;  padding:0px 0px 5px 0px;  }
#ServiceDiv .highlight { font-weight:bold; font-size:110%; text-align:center; }
.ServiceNormal { 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 { background-color:#FFFFFF; font-weight:normal; }
div#ServiceDiv p a { text-decoration:underline; color: red; } 

ul.article-menu-ul { width:100%; list-style-type:none; margin: 0px; display:table; padding: 0px !important;  }
li.article-menu-li  { display: table-cell; border:none; padding: 0px !important; margin: 0px; background-color:#e8e8e8;  }
li.article-menu-li:hover,
li.article-menu-li:focus { display: table-cell; border:none; padding: 0px; margin: 0px; background-color:#D6E4EF; font-weight:normal; }
li.article-menu-li a { display:table-cell; background-color:#e8e8e8; font-weight:normal;  padding:10px; height: 40px; } 
li.article-menu-li a:hover, 
li.article-menu-li a.focus {  display:table-cell; background-color:#D6E4EF;  padding: 10px; height: 40px; text-decoration: underline; }

@media only screen and (max-width : 991px) {
div#ServiceDiv #slideshowpanorama,
#slideshowpanorama { clear:both; display:inline- block; overflow: hidden; min-height:102px; }
}
#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;}

/*** News Archive ****/
.NewsDiv { margin:30px 0px 0px 0px; padding:0px;}
.NewsDiv p {margin:0px 0px 10px 0px; padding:0px; }
.NewDiv .news-short-desc { font:62% Arial, sans-serif !important; color:#333; padding-bottom:10px;}
.NewsDiv h1 {  color:#2e3192; font-weight:bold; margin:20px 0px 0px 0px; padding:0px;}
.NewsDiv h2 {  color: rgb(169,169, 225); 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:#2e3192; 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:724px;}

.SingleCategoryDisplayImage { border:1px solid blue; width:220px; height:194px; display:block; }
.SingleProductDisplayImage { border:1px solid blue; width:220px; height:194px; }
.SingleProductDisplay {position:relative;}

#TestimonialDiv {  }
#TestimonialDiv h1 {color:#2e3192; margin: 0px 0px 15px; text-align:left;}
#TestimonialDiv h2 { color:rgb(169,169, 225); 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; width:90%; }
#TestimonialDiv .TestimonialContent blockquote {width:100%; margin:0px 0px 0px 20px; padding:0px;}
#TestimonialDiv .TestimonialContent p .TestimonialBy { font-size:100%; margin:0; font-weight:bold; padding:0; }

/*--Newsletter--*/
#NewsletterDiv { margin-top:30px;}
#NewsletterDiv toptable { margin-left:auto; margin-right:auto; padding:0px; border:1px solid rgb(132,132,132); font-family: arial, san-serif; font-size:12px}
#NewsletterDiv p {margin:0px 0px 10px 0px; padding:0px; line-height:17px;}
#NewsletterDiv h1 {  color:#2e3192; 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--*/

div#ProductReviewDisplay1_pnlReviewDisplay { clear : both; }
div#ProductReviews h3 { width: 100%; }
table#ProductReviewDisplay1_dlReviews div.ProductReview { margin-top: 15px; }

div#RelatedItems1_pnlMain { width: 96%; padding:2%; }
div.RelatedItemsBlock, div.RelatedItemsBlockContent, div.RelatedItemsProductDisplay { width: 100%; }
div.RelatedItemsBlock h3 { width: 100%; font-size: 250%; padding: 10px; color: white; background-color: #989898; }
div.RelatedItemsProductDisplayPrice a { font-weight: bold; }

table#TROuterTable { width: 1150px; }
#MainTableForContent { width: 1150px;}
/*T.Mako June 15 */
/* left menu panel in category listing and product page display */
#MainTableForContent #NavColumn,
#MainTableForContent #navcolumn {font-size:100%; }
.tdsbutton {  background-image: url("/images/UserUploadedImages/54/tds-iconl.gif"); 
background-repeat:no-repeat; background-size: 30px 30px; background-position: left bottom; }
.tdsbuttontext { vertical-align:text-bottom; font-size:110%; font-weight:bold; }

.TDListCategoryDisplayName2 { padding-left:15px; }

#PromotionalCode1_inCouponCode { width: 170px; height: 30px; }
#MyAccountOrderView h1 { padding-right : 20px; }

/* ---- eshop Responsive Style ---*/
@media only screen and (max-width : 991px)  {
table#TROuterTable { width: 100%; display:block;}
#MainTableForContent { width: 100%;}
td#navcolumn div.HomepageBlock {display:none; }
#MainTableForContent #navcolumn div.HomepageBlock,
#NavColumn {display:none; }
#NavColumnContainer #NavColumn { display:block; font-size:100%; }
#menu-right-wrapper { float:left; }
#TDForMiddleCell #Table2 > tbody > tr > td > table > tbody > tr > td {width:0%; }
#CartUpdateBlock #lblMakeChanges { float:left; clear:both; }
#CartUpdateBlock #btnUpdateTotals { float:left; clear:both; }
.CartItem input[name^="DeleteButton"] {width:40px;}
.CartAlternateItem input[name^="DeleteButton"] {width:40px;}
#HomeColumn1 { display:none; }
#HomeColumn2 { width: 100% }
#HomeColumn2 .HomepageBlock td { width:33%;}
#HomeColumn3 {width: 30%; }
.SingleCategoryDisplayImage { border:1px solid blue; width:100%; height:auto; display:block; }
.SingleProductDisplayImage { border:1px solid blue; width:100%; height:auto; }
#Records td { width:33%;}

.NewProductBadge img,
.OnSaleIcon img { width:30px; }

/* Default image width for products description page - on mobile */
#MainImage { width:100%; }

}

/* eshop top level category listing page */
#HomeTable  {font-size:100%; }
#maincontent #Records {font-size:100%;}
@media only screen and (max-width : 991px)  {
#HomeTable  {font-size:100%; }
#maincontent #Records {font-size:100%;}
}

/*
<!--[if IE]>
 td#navcolumn .OtherCategory a,
 td#navcolumn .CurrentCategory a {font-size:100%; } 
<![endif]-->
*/

/* turn-off nominated article */
#TRContentLiteralRow table#NominatedArticle { display:none;}
/*eshop *.
#TDforMiddleCell { width:1150px; overflow:hidden;  font-size: 16px !important;}
#TDforMiddleCell p, 
#TDforMiddleCell li, 
#TDforMiddleCell a, 
#TDforMiddleCell th, 
#TDforMiddleCell span, 
#TDforMiddleCell table, 
#TDforMiddleCell div {font-size:16px !important;  line-height: 150% !important;}
@media only screen and (max-width : 991px)  {
#TDforMiddleCell { width:100%; overflow:hidden; font-size: 120%; }
}
#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;}
@media only screen and (max-width : 991px)  {
#container #maincontent #Records .SingleProductDisplayName a {width:100%; display:block;}
}
span#ProductReviewDisplay1_lblTitle {font:bold 100% arial,sans-serif; color:#2e3192;}

.ProductReviewRating {
    clear: left;
    display: block;
    margin-bottom:10px;
}

.ProductReview {width:350px;}
@media only screen and (max-width: 991px)  {
.ProductReview {width:100%;}
}
#ProductReviewDisplay1_dlReviews {margin-bottom:15px;}

#ProductReviews a {font-size:100% !important; }

.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: 900px; 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;}

@media only screen and (max-width : 991px)  {
#wrapper #page-content #container-full {width: 100%; float:left;}
#section-menu { display:none; width:210px; float:left; margin-right:20px;}
#wrapper #page-content #container {width: 100%; float:left;}

}

/*----------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;}

#TableTopNavBar, #TopMenu {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;}

p[id^="ctl00_ContentPlaceHolderMainNoAjax_MemberDetails"] label {
    width: 20%;
    padding: 5px 5px 0 0;
    float: left;
    font-weight: bold;
    text-align: left;
}

p[id^="ctl00_ContentPlaceHolderMainNoAjax_MemberDetails"] input {
    width: 79% !important;
    height: 40px;
    border: 1px solid #999;
    padding: 2px 5px;
    text-align: left;
}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_lblPhoneAreacode { float:left; clear:left; }

@media only screen and (max-width : 991px)  {
p[id^="ctl00_ContentPlaceHolderMainNoAjax_MemberDetails"] label, 
p[id^="ctl00_ContentPlaceHolderMainNoAjax_MemberDetails"] input {width:100%;}
}
/*----------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,
#maincontent #valSummary {font-size:120%; border:1px solid red; background-color:#fc9c9c; margin-bottom:20px; float:left; clear:left; }
@media only screen and (max-width : 991px)  {
#maincontent td.FormLabel {padding:5px 5px 0px 0px; height: auto;  }
#maincontent .WebPageMessageWarning,
#maincontent #valSummary  {font-size:100%; padding:5px; }
}
/*----- 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 { display:inline; width:100%;}
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:100%;}

/*----- 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: Arial; }
.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: arial, san-serif, helvetica; }
.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: arial, san-serif, helvetica; }
.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, #TechnicalDiv  ul { margin:5px 0px 0px 30px; padding:0px;}
#TechnicalDiv li {margin:0px; padding:0px; }
#TechnicalDiv h1 {  color:#2e3192;  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:#2e3192; 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:26%; background-color:#7172b3; padding: 30px 3%; }
#TechnicalDiv .blue-column img { margin-top:10px; }
@media only screen and (max-width :991px) {
#TechnicalDiv .blue-column { width:100%; background-color:blue; }
}
/* 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 */
/* TMako-1Dec14 eShop promotional code*/
div#CheckoutCoupons {margin-top:10px; display:block;}
div#CheckoutCoupons .ControlArea .CouponLabel  {font-size:12px;}
div#CheckoutCoupons .ControlArea .ErrorMessage {color:red; clear:both; display:block;}

.BACSPolicy * { line-height:110%; font-size:12px;  }
.BACSPolicy .policy-second-level { font:100%  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:#2e3192; font-weight:bold; margin:0px 0px 5px 0px; padding:0px;}
.BACSPolicy  h2 {  color:#2e3192; 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; }



.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 right of top menu */

#TopMenuArticleRight {  width: 250px; flex: 0 0 250px; }
#TopMenuArticleRight > table {width: auto;}
table#topMenuRight {width:250px; height: 40px; background-color: #3d3d3d;}
table#topMenuRight td {display: table-cell; height: 40px; padding: 0px; line-height: 40px; vertical-align:middle !important; }
table#topMenuRight td input,
#SearchInput input#Module13_strSearchKeyword13 {border:2px solid #333; height: 30px; line-height: 30px; padding:0px; width:205px; float:left; margin-right:5px;margin-top:3px; background-color: white;}
/*
<!--[if IE]>
   table#topMenuRight td input { height:26px; width:160px; }
<![endif]-->
*/
/* IE7 Only */
*:first-child+html body table#topMenuRight td input {height:26px; width:160px;}
/* IE6 Only */
* html body table#topMenuRight td input {height:26px; width:160px;}

a#Module13_SearchAnchor img {float:left;}
@media only screen and (max-width : 991px) {
#TopMenuArticleRight { width: 100%; flex: 0 0 100%; }
table#topMenuRight  {width:100%; text-align:center; } 
table#topMenuRight td {vertical-align:middle; width:96%; padding:2%}
table#topMenuRight td input#Module13_strSearchKeyword13  {border:1px solid #c1c3c2; height:40px; width:80%; float:left; background-color:white; }
/* IE7 Only */
*:first-child+html body table#topMenuRight td input#Module13_strSearchKeyword13 {height:36px; width:80%;}
/* IE6 Only */
* html body table#topMenuRight td input#Module13_strSearchKeyword13 {height:36px; width:80%;}

}
/*----------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 */
/*-----section menu styles-----*/
#section-nav .navbar-collapse {padding:0; max-height:none;}
#left-nav ul {list-style-type:none; margin:0; padding:0; width:100%;}
#left-nav .hmenu a,
#left-nav .hmenu a:link,
#left-nav .hmenu a:visited {display:block; position:relative;padding:8px 10px; text-decoration: none; color: #001261 ; }
#left-nav .hmenu a:hover,
#left-nav .hmenu a:focus,
#left-nav .hmenu a:active {text-decoration:underline; color: #000;  }
#left-nav .hmenu li {position:relative;}
#left-nav .hmenu li > ul {display:none;}
/*level 1*/
#left-nav .hmenu > li > a,
#left-nav .hmenu > li > a:link,
#left-nav .hmenu > li > a:visited {  color: #333; font-size:18px; border-bottom:1px solid #ddd; padding:20px 10px 5px;  }
#left-nav .hmenu > li > a:hover,
#left-nav .hmenu > li > a:focus,
#left-nav .hmenu > li > a:active { border-bottom:2px solid #ddd;}
/*level 2*/
#left-nav .hmenu > li > ul > li > a,
#left-nav .hmenu > li > ul > li > a:link,
#left-nav .hmenu > li > ul > li > a:visited {border-bottom:1px solid #c8c8c8; font-size:100%; padding-left:25px;}
#left-nav .hmenu > li > ul > li > a:hover,
#left-nav .hmenu > li > ul > li > a:focus,
#left-nav .hmenu > li > ul > li > a:active {border-bottom:1px solid #c8c8c8; color:#333;}
/*level 3*/
#left-nav .hmenu > li > ul > li > ul > li > a,
#left-nav .hmenu > li > ul > li > ul > li > a:link,
#left-nav .hmenu > li > ul > li > ul > li > a:visited {border-bottom:1px solid #c8c8c8; font-size:100%; padding-left:30px;}
#left-nav .hmenu > li > ul > li > ul > li > a:hover,
#left-nav .hmenu > li > ul > li > ul > li > a:focus,
#left-nav .hmenu > li > ul > li > ul > li > a:active {border-bottom:1px solid #c8c8c8;  color:#333;}
/*level 4*/
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a,
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a:link,
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a:visited {border-bottom:1px solid #c8c8c8; font-size:100%; padding-left:40px;}
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a:hover,
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a:focus,
#left-nav .hmenu > li > ul > li > ul > li > ul > li > a:active {border-bottom:1px solid #c8c8c8; color:#333;}
/*selected item*/
#left-nav .hmenu li.selected > a,
#left-nav .hmenu li.selected > a:link,
#left-nav .hmenu li.selected > a:visited,
#left-nav .hmenu li.selected > a:hover,
#left-nav .hmenu li.selected > a:focus,
#left-nav .hmenu li.selected > a:active { font-weight: bold; pointer-events:none;}
#left-nav .hmenu li.selected > ul {display:block;}
#left-nav .hmenu li > ul.open {display:block;}
/*toggle item*/
#left-nav .hmenu .toggle {position:absolute; top:3px; right:0; bottom:0; width:30px; height:30px; line-height:30px; z-index:100; background-color:transparent; border:0; border-radius:5px; color:#333; font-size:16px; transition:all 0.2s ease;}
#left-nav .hmenu .toggle:hover,
#left-nav .hmenu .toggle:focus,
#left-nav .hmenu .toggle:active {background-color:#333; color:#fff;}
#left-nav .hmenu li.selected > .toggle {pointer-events:none;}
#left-nav .hmenu li.selected > .toggle:hover,
#left-nav .hmenu li.selected > .toggle:focus,
#left-nav .hmenu li.selected > .toggle:active {background-color:transparent; color:#333;}
#left-nav .hmenu .toggle::after {content:"\f078"; font-family:FontAwesome; display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center;}
#left-nav .hmenu li.selected > .toggle::after,
#left-nav .hmenu .toggle.open::after {content:"\f077";}
 
/*----------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%; font-weight:bold; display:block; text-align:left !important;}
.SearchResults ol li span.firstRow a:hover {font-size:120%; text-decoration:underline; font-weight:bold; display:block; text-align:left !important;}
.SearchResults ol li span.firstRow img.resultImage {margin-right:5px; clear:right;}
.SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 17px; line-height:150%;}
.SearchResults ol li span.clsResultDescr .highlight {color:#C41230;}
.SearchResults ol li span.clsResultFilmedOn {display:block; margin:0px 0 5px 17px; line-height:150%;}
.SearchResults ol li span.clsResultFilmedOn span {padding-right:5px;}
.SearchResults ol li span.clsResultDuration {display:block; margin:0px 0 5px 17px; line-height:150%;}
.SearchResults ol li span.clsResultDuration span {padding-right:5px;}
.SearchResults ol li span.lastRow {display:block; font-size:100%; margin-left:17px; color:#aaa;}
.SearchResults ol li span.ProductresultDetailPrice {margin-left:10px;}
.SearchResults ol li span .resultNumber {clear:left; display:block; font-weight:bold; 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;}

/*-----ms teams presence indicator-----*/
.user-presence {display:block; width:20px; height:20px; border-radius:50%; border:2px solid #fff; position:absolute; bottom:-4px; right:-4px; line-height:16px; font-size:10px; font-weight:900; text-indent: -9999px; box-shadow:0 0 2px 1px rgba(100,100,100,0.3);}
.table td .user-presence {display:inline-block; position:relative; bottom:auto; right:auto; margin-left:5px;}
.user-presence::after {font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; text-indent:0;}
.user-presence.status-unavailable {background-color:#fff; color:#959595; border-color:#959595;}
.user-presence.status-unavailable::after {content:"";}
.user-presence.status-Available {background-color:#9cc162; color:#fff;}
.user-presence.status-Available::after {content:"\f00c";}
.user-presence.status-AvailableIdle {background-color:#9cc162; color:#fff;}
.user-presence.status-AvailableIdle::after {content:"\f00c";}
.user-presence.status-Away {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;}
.user-presence.status-Away::after {content:"\f017";}
.user-presence.status-BeRightBack {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;}
.user-presence.status-BeRightBack::after {content:"\f017";}
.user-presence.status-Busy {background-color:#b43f4e; color:#fff;}
.user-presence.status-Busy::after {content:"";}
.user-presence.status-BusyIdle {background-color:#b43f4e; color:#fff;}
.user-presence.status-BusyIdle::after {content:"";}
.user-presence.status-DoNotDisturb {background-color:#b43f4e; color:#fff;}
.user-presence.status-DoNotDisturb::after {content:"\f068";}
.user-presence.status-Offline {background-color:#fff; color:#959595; border-color:#959595;}
.user-presence.status-Offline::after {content:"\f00d";}
.user-presence.status-PresenceUnknown {background-color:#fff; color:#959595; border-color:#959595;}
.user-presence.status-PresenceUnknown::after {content:"";}

@media only screen and (max-width : 991px) {
  .SearchResults { width: 100%; padding: 0px; padding: 0px; }
  .SearchResults ol { padding: 5px;}

}



.clsFormCreator {margin:0 0 20px 0; background-color:#fff;}
.clsFormCreator h2 {font:bold 160% arial, sans-serif;  padding:0px; margin: 0px 0px 0px 0px;  color:#2e3192; } 
.clsFormCreator div.form-group {margin-bottom:20px; position:relative;}
.clsFormCreator div label {width:20%; padding:5px 5px 0 0; float:left; font-weight:bold; text-align: left;}
.clsFormCreator div > input[type="text"], 
.clsFormCreator div > input[type="number"], 
.clsFormCreator div > input[type="email"] {width: 50% !important; height:40px; border:1px solid #999; padding:2px 5px;text-align: left;}
.clsFormCreator div > input.clsDateBox {width:200px !important;}
.clsFormCreator div > input:hover[type="text"],
.clsFormCreator div > input:focus[type="text"] {border-color:#000;}
.clsFormCreator div select {width: 50% !important; border:1px solid #999; padding:2px 5px;}
.clsFormCreator div textarea {width: 50%; height:auto; border:1px solid #999; padding:2px 5px; 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; text-align:left;}
.clsFormCreator div .clsCheckBoxListSpanOptions,
.clsFormCreator div .clsRadioButtonListSpanOptions {padding-left:20%; position:relative;}
.clsFormCreator div .clsCheckBoxListSpanOptions legend,
.clsFormCreator div .clsRadioButtonListSpanOptions legend {width:20%; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0; font-weight:bold; text-align:left;}
.clsFormCreator div .clsCheckBoxListSpanOptions > span,
.clsFormCreator div .clsRadioButtonListSpanOptions > span {margin-bottom:5px; display:block;}
.clsFormCreator div .clsCheckBoxListSpanOptions span input,
.clsFormCreator div .clsRadioButtonListSpanOptions span input {width:20px !important; height: 20px; margin:0 5px 0 0; padding:0;}
.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-left:20%;}
.clsFormCreator div.clsFormCreator_checkbox label {width:auto; float:none;}
.clsFormCreator div.clsFormCreator_checkbox input {width:auto !important; height:auto;}
.clsFormCreator div.clsMandatory { font-size:90%;}
.clsFormCreator div.clsFormCreator_button, 
.clsFormCreator div.clsBtnSubmit {/* width:50%; */ margin:20px 0 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsFormCreator_button input, 
.clsFormCreator div.clsBtnSubmit input {font-size: inherit; width:100%; height:auto; text-decoration:none; background-color: #facb08; color:black; padding:20px; border-color: buttonface; border-width:2px; border-style:outset; border-radius:10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1;} 
.clsFormCreator div.clsFormCreator_button input:hover, 
.clsFormCreator div.clsFormCreator_button input:focus, 
.clsFormCreator div.clsBtnSubmit input:hover,
.clsFormCreator div.clsBtnSubmit input:focus { cursor:pointer;background-color: #2939ad; color:white;}
.clsFormCreator div.clsBtnClear {width:100%; 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;}
.xxclsFormCreator .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;}

.clsFormCreator fieldset.clsRadioButtonListSpanOptions { padding: 0; }
.clsFormCreator div .clsRadioButtonListSpanOptions legend { width: 100%; position: relative; }
.clsFormCreator span.radio {display: block; font-size: 16px; line-height: 150%;}
.clsFormCreator label.clsRadioButtonListLabel { vertical-align: top; }
.clsFormCreator label.control-label, .clsFormCreator label.col-form-label { width: 100% !important; }
.clsFormCreator textarea.clsTextArea { width: 98% !important; }

.clsFormCreator .form-control.clsOrderPreference.is-invalid {width:100px !important;}
.clsFormCreator > .alert {flex-basis:100%; width:100%;}

.select2-container .select2-selection--single .select2-selection__clear {position:relative; background:none; border:0; width:30px; height:100%; text-indent:-9999px;}
.select2-container .select2-selection--single .select2-selection__clear::after {content:"\f00d"; font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; text-indent:0;}


@media only screen and (max-width : 991px)  {
.clsFormCreator div label {width:100%; }
.clsFormCreator div input {width:100%; }
.clsFormCreator div select {width:100%; }
.clsFormCreator div legend {width:100%; }
.clsFormCreator div.clsFormCreator_checkbox {
    position: relative;
    padding-left: 0%;
 }
.clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {
    width: 100%; margin-bottom:10px; padding-bottom:10px; position:relative;
}
.clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {
    padding-left: 0%;
}
.clsFormCreator div .clsCheckBoxListSpanOptions > span, .clsFormCreator div .clsRadioButtonListSpanOptions > span {
clear:left;
width:100%;
float:left;
}
.clsFormCreator fieldset.clsCheckBoxListSpanOptions form-group div.col-xs-10 span.checkbox { display: block; }
 #ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_lblPhoneNo { width: auto;}
 div.carousel-contents { width: 100% !important; }


}

.widget .item > .description > a { float: none; display: table; }
.content-area .widget .item > .description > a { float: left; margin-right: 15px; }

.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; padding: 10px 0;}
.widget .mainItem dl, .widget .subItem dl  {width: 750px; max-width: 70%; margin: 0; padding: 0; }
.widget .mainItem dd, .widget .subItem dd {padding: 10px; margin: 0; line-height:120%; }
.widget .mainItem > a, .widget .subItem > a {margin-bottom: 5px;margin-right: 10px;}
.widget .mainItem dt > a, .widget .subItem dt > a {position: absolute; top: 0; left: 0; text-decoration:underline !important;}
.widget dt a.hover {text-decoration:underline !important;}
.widget h2  { font-size: 160%; text-align:left; color: #2e3192; margin-bottom:15px; }
.widget .mainItemheading, .widget .subItemheading { font-weight:bold;  }
.widget .NewItemTagText {color:red; float: left; padding: 5px;}

.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;}

.widget .news-list .item > a { float:none; }
.widget .news-list .item > .description > a { float: left; padding: 10px 0; margin-right: 10px; }

.widget .articlelist-home .item .description > a { float: left !important; width: 69%; display: block;     padding-bottom: 5px;  font-size: 90% !important;  text-decoration: none;  }
.widget .articlelist-home .item .description > a:first-child { width: 22%; }




.cm-article620 #content-area { background-color: white; }

/*-------- Image Popup in eShop -----*/
div#popupContainer { padding:20px;  border:5px solid gray; }

/* CUSTOM CSS 5/7/18 */

span.sr-only { display: none;}
.form-bacs.clsFormCreator input[type="submit"]{padding: 20px 60px; font-size: inherit; color: black; background-color: #01e801; border-radius: 10px;}
span.checkbox {display: block;}
#TopMenuBar .menu {white-space: normal;}


/* Resitration form CSS */

.membership-item.form-group {
    margin-bottom: 10px;
display: inline-block;
    width: 100%;
}
#mfContactDetails label {
    width: 25%;
    padding: 5px 5px 0 0;
    float: left;
    font-weight: bold;
    text-align: left;
}

#mfContactDetails input[type="text"],#mfContactDetails input[type="file"],#mfContactDetails textarea,#mfContactDetails select,#mfContactDetails button{
 width: 74%;
border:1px solid #999;
margin-bottom: 10px;

}
.membership-item.form-group label {
    width: 25%;
    float: left;
    font-weight: bold;
    padding: 5px 5px 0 0;
}

#mfContactDetails label {
    width: 25%;
    float: left;
    font-weight: bold;
}
#mfContactDetails input#txtAreaCode { float: left;}
#mfContactDetails input#txtTelephone {  width: calc(74% - 120px) !important; float: right;}

.membership-item.form-group input[type="text"],.membership-item.form-group input[type="file"],.membership-item.form-group textarea,.membership-item.form-group select{
 width: 74%;
border:1px solid #999;
float: right;
margin-bottom: 10px;
}
.RadComboBox.RadComboBox_Elcom {
    width: 74% !important;
}

#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_fdsPassword .form-group .col-sm-10.col-md-10.col-lg-10 {
    width: 74%;
    float: right;
}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pPassword.form-group input {
    width: 100%;
    height: 40px;
}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pConfirmPassword.form-group input {
    width: 100%;
    height: 40px;
}
fieldset#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_fdsPassword label {
    font-weight: bold;
    padding: 5px 5px 0 0;
}
div#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pPassword {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pMembershipCharges .col-sm-10.col-md-10 {
    width: 74%;
    float: right;
}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pMembershipCharges table{width: 100%;}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pMembershipCharges label{font-weight: bold; padding: 5px 5px 0 0;}
#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_pMembershipCharges table tr td {
    padding: 5px;
}
input#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_rcbOrgn_Input {
    width: 100% !important;
    height: 24px;
}
input#ctl00_ContentPlaceHolderMainNoAjax_MemberDetails_rdDOB_dateInput {
    width: 100% !important;
    height: 35px;
}

.clsFormCreator.contact-form div span.validatoralert { right: -20px;}

.feedback.error-message.alert.alert-danger li, 
.feedback.error-message.alert.alert-danger li a { color: red; font-weight: bold; }



.ecwid-categories {}
.ecwid-categories table td a{}
.ecwid-categories table td a span.ecwid-categories-category{    font-size: 16px !important;  font-weight: 400  !important;  color: #001261  !important;word-break: break-word !important;
    white-space: normal !important;}

table.ecwid-categories-vertical-table {
    width: 210px !important;
    float: left !important;
}
.ecwid-categories-vertical-table td.ecwid-categories-vertical-table-cell table td.gwt-MenuItem {
    border-bottom: 1px solid #ccc !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.ecwid-categories-vertical-table td.ecwid-categories-vertical-table-cell table td.gwt-MenuItem a span {
    font-size: 16px !important;
word-break: break-word !important;
    white-space: normal !important;
}
td.ecwid-categories-vertical-table-cell.ecwid-categories-vertical-table-cell-selected td a span {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #000 !important;
}
.ecwid-categories-vertical-table td.ecwid-categories-vertical-table-cell table td.gwt-MenuItem-current a span {
    font-weight: 600 !important;
}

.ecwid-categoriesMenuBar.ecwid-categoriesMenuBar-vertical table tr:last-child td {
    border-bottom: none !important;
}

/* Quiz table */

table.clsQuizTable {    width: 100%;}
table.clsQuizTable td.clsQuesText {    font-weight: bold;}
table.clsQuizTable td.clsQuesNo {    min-width: 115px;}

/* Owl Slider */
.owl-controls.clickable { position: absolute; bottom: 0;  width: 100%; }
.owl-pagination { display: flex;  justify-content: center; }
.owl-page{ counter-increment: dots;  max-width: max-content; }
.owl-page span { color: white;    background: gray;   text-decoration: none;   margin: 0px 4px 0px 0px;   padding: 5px;   text-align: center; cursor:pointer; font-size:14px; }
.owl-page span:before {  content: counter(dots); }
.owl-page.active span { background:#009900  }

#slideshow-container  { max-width: 100% !important; }

/* wide header */
#wrapper.full { width: 100%; padding: 0; }
#wrapper.full #wrapper-inner {
    width: 100%;
    margin: 0 auto;
    padding:10px 10px 0px;;
    max-width: 1200px;
}
#wrapper.full #page-content #container {
    width: calc(100% - 240px);
}
#wrapper.full div#header {
    overflow: visible;
    height: 80px;
    padding: 20px 10px 0px;
    width: 100%;
    position: sticky;
    top: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    z-index: 2;
}
#header div#header-logo { width: 15%; display: inline-block; float:left; }
#header div#main-nav { width: 65%;  float: left; }
#wrapper.full #site-nav { width: 75%; flex: 0 0 75%; }
#wrapper.full #TopMenuArticleRight {
    width: 25%;
    flex: 0 0 25%;
}
#header #main-nav .hmenu > li > a, #main-nav .hmenu > li > span  {font-size:90% !important; line-height: 1.2; }
#wrapper.full #header div#header-right { width:20%; float: right; margin-top: 5px; }
#wrapper.full #header div#banner-phone { float:left; width: auto; }
#wrapper.full #header div#banner-menu { float: left; width:auto; margin-top: 5px; }
#header #search-panel {display: none;}
#header #Module13_strSearchKeyword13 { max-width: 80%;}

#header div#banner-icons, #header  div#banner-icons-more { display:none; }
/* START TOP MENU */
/* A lot of the menu options are setup in Design>Menu */
/* Top Menu - Level 1 */

div.xslide ul.vertical.group.level1 li { width: auto; height: auto; }

/* END TOP MENU */

div#banner-phone div {
    color: black;
    font-weight: bold;
    float: right;
    display: block;
    background-color: #f9c74f;
    padding: 10px 20px;
    border-radius: 20px;
}

#Widget806, #Widget807,  .home-wrapper .carousel-contents {
    width: 32.33% !important;
    margin: 15px 1% 15px 0;
}


@media (min-width: 992px) and (max-width: 1300px) {
    #header  img#banner-logo{ width: 120px; float: left; }
    #header #main-nav .hmenu > li > a, #main-nav .hmenu > li > span  {font-size:80% !important; line-height: 1.2; padding: 5px; }
    #header div#header-logo { width: 12%; display: inline-block; float:left; }
    #header div#main-nav { width: 60%;  float: left; }
    #header div#header-right { width:25%; float: right; margin-top: 5px; }
    #wrapper.full #header div#header-right { width: 25%; }
    #wrapper.full #wrapper-inner {
        width: 100%;
        padding: 10px 10px 0;
    }
    #wrapper.full #TopMenuArticleRight {
        width: 27%;
        flex: 0 0 27%;
    }
    #wrapper.full #header #Module13_strSearchKeyword13 { width: 67%; }

}

@media only screen and (max-width : 991px) {
    #wrapper-content { padding: 0 15px; }
    #main-nav + table td { padding: 5px 15px;  }
    #wrapper.full div#header { overflow:visible; height:140px; padding:20px 2%; width: 100%; position:sticky; top:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: white;}
     #header  div#header-logo { width: 100%; }
   
     #header div#banner-image { width: 120px; float: left; }
     #header div#banner-icons { display:inline-block; width:auto; float: right;}
     #header div#banner-icons-more { clear:both; width:auto; float: right; padding:10px 0;}
     #header div#main-nav { width: 100%; }
     #header div#header-right { width:100%; }
     #header div#banner-phone,
     #wrapper.full #header div#banner-phone { width: 100%; padding: 0px; text-align: center; }
     #header div#banner-menu { display: none; }

     #wrapper.full #page-content #container {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    #wrapper.full #wrapper-inner {
        width: 100%;
        padding: 10px 15px 0;
        margin: 0px;
    }
    #wrapper.full #header div#header-right {width: 100%;}
    #wrapper.full #header div#banner-phone { width: 100%;
        padding: 10px 15px;
        text-align: center;
        border-radius: 20px; }
        #wrapper.full #TopMenuArticleRight {
            width: 100%;
            flex: 0 0 100%;
        }
        #wrapper.full #SearchInput.open { background: none; }
        #wrapper.full #SearchInput input#Module13_strSearchKeyword13 { width: 80%; border: 2px solid #575757; }
        #wrapper.full #SearchInput { margin-top: 5px !important; }
        #wrapper.full #SearchInput > a { margin-top: 4px !important; display: inline-block; }

        div#banner-phone-service {
            clear: both;
            width: 100%;
            text-align: center;
            font-size: 100%;      }
.column45.homed, .column45-b.homed { width: 100% !important; margin: 0  0 30px 0 !important; }
#Widget806, #Widget807, .home-wrapper .carousel-contents { width: 100% !important; margin-right: 0 !important; }
html#ecwid_html body#ctl00_BodyTag .ec-size .ec-store .ec-cart-item__control { width: auto; }
html#ecwid_html body#ctl00_BodyTag .ec-size.ec-size--s .ec-store .ec-cart__item { flex-wrap: wrap; }

/* ec Wid */
.ec-store .ec-breadcrumbs { flex: 0 0 100% !important; }

}


@media only screen and (max-width : 767px) {
#Widget806, #Widget807, .home-wrapper .carousel-contents { margin: 15px 0;  width: 100% !important;}
#ServiceDiv .align .column30 { width: 100% !important; margin: 0 0 15px 0; }


}

#header .svg-menu-icon {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  background-color: #2e3192;
  vertical-align: middle;
  text-align: center;
  padding:2px;
}