@import url('accessibility.css');
@import url('breadcrumb_utilities.css');
@import url('forms.css');
@import url('membership.css');

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

/* default styles */
html { background-color: #eae7e0;  line-height:110%; }
/* body {font:62.5%/1.3 verdana, arial, sans-serif; margin:0px; padding:0px; color:#333;} */
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;}

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

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%;
    font-size: inherit;
    color: black;
    background-color: #09e403;
    border-radius: 10px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    text-decoration: none;
    display: block;
    width: 94%;
    text-align: center;
    margin: 0 auto;
}
a:hover.call_to_action {
   background-color: blue;
   color: white;
}

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

a.clsAltNormalOneSmaller,
a.clsAltNormalOneSmaller:link,
a.clsAltNormalOneSmaller:visited,
a.clsAltNormalOneSmaller:hover,
a.clsAltNormalOneSmaller:focus,
a.clsAltNormalOneSmaller:active {font:100% arial, sans-serif !important; color:#001261 !important;}

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

#wrapper-inner { width: 1150px;}

/* default heading styles */

h1 {font:bold 200% 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: blue !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;}

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

/** Mobile Definitions **/
@media only screen and (max-device-width : 480px) {
 #wrapper-inner { width: 100%;}
 #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:0 0 5px; }
 .givetop {margin-top: 10px;}
 .giveleft { margin-left:0px; }
 h1 {font:bold 120% arial, sans-serif; color:#333; padding:0px; margin: 0px;  color:#2e3192;  }  
 h2 {font:bold 110% arial, sans-serif; color:#333; padding:0px; margin: 0px; }
 h3 {font:bold 100% 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 */
#TopMenu {clear:both; position:relative; z-index:1500; height: 60px;}
#TopMenuBar {background-color:#3d3d3d; height: 60px; display:block; }
#TopMenu #TopMenuBar li { border:none; } 
#TopMenu #TopMenuBar .CMLevel1 .text { font-size:100% !important; background-color: #3d3d3d; height:40px !important; color:#ffffff; padding:10px; vertical-align:middle; border-right: 1px solid white; width: 100px; text-align: center;}
#TopMenu #TopMenuBar .CMLevel1:hover .text, 
#TopMenu #TopMenuBar .CMLevel1:focus .text {font-size:100% !important; background-color:#232f93; padding:10px !important; height:40px !important; color:#ffffff; vertical-align:middle; border-right:1px solid white; width: 100px; text-align: center;}
#TopMenu #TopMenuBar .CMLevel1Selected .text  {font-size:100% !important; background-color:#232f93; padding:10px !important; height: 40px; color:#ffffff; vertical-align:middle; border-right:1px solid white; width: 100px; text-align: center; }

/* T.Mako June 15 - Specific to Product menu item*/
a#Menu1_MN_m4 > span.text {background-color:red; }
#TopMenu  #TopMenuBar li:nth-child(6) a#ctl00_TopMenu1_MN_m5 span.text { font-size:100% !important; background-color: #990000; height:40px !important; color:white; padding:10px 0; vertical-align:middle; border-right: 1px solid white; text-align: center; }

@media only screen and (max-device-width : 480px)  {#TableTopNavBar 
#TopMenu  #TopMenuBar li:nth-child(6) a#ctl00_TopMenu1_MN_m5 span.text { font-size:120% !important; }
}
/* styles for level 2 */

/* #TopMenu #TopMenuBar .slide { border-top:none; border-right:1px solid #2e3192; border-left:1px solid #2e3192; border-right:1px solid #2e3192;} */
#TopMenu #TopMenuBar .CMLevel2,
#TopMenu #TopMenuBar .CMLevel2Selected {height:auto;}
#TopMenu #TopMenuBar .CMLevel2 .text  {font-size:100% !important; background-color:#e8e8e8; padding:6% 12% 6% 12% !important; width:150px; color:#3d3d3d; text-align: left; border-bottom:1px dotted #3d3d3d; }
#TopMenu #TopMenuBar .CMLevel2:hover .text,
#TopMenu #TopMenuBar .CMLevel2:focus .text {font-size:100% !important; background-color:#232f93; padding:6% 12% 6% 12%  !important; width:150px; color:#ffffff;}
#TopMenu #TopMenuBar .CMLevel2Selected .text {font-size:100% !important; background-color:#232f93; padding:6% 12% 6% 12%  !important; width:150px; color:#ffffff; text-align:left; }

/* styles for level 3 */

#TopMenu .CMLevel3,
#TopMenu .CMLevel3Selected {height:auto;}
#TopMenu .CMLevel3 .text  {font-size:100% !important; background-color:#e8e8e8; padding:6% 12% 6% 12%  !important; width:150px; color:#3d3d3d; text-align: left; border-bottom:1px dotted #3d3d3d;}
#TopMenu .CMLevel3:hover .text,
#TopMenu .CMLevel3:focus .text {font-size:100% !important; background-color:#232f93; padding:6% 12% 6% 12%  !important; width:150px; color:#ffffff;}
#TopMenu #TopMenuBar .CMLevel3Selected .text {font-size:100% !important; background-color:#232f93; padding:6% 12% 6% 12%  !important; width:150px; color:#ffffff; text-align:left;}

/* Mobile Definition */
@media only screen and (max-device-width : 480px)  {
/* Top Menu */
#TopMenu  {clear:both; margin:10px 0px 0px 10px; width:100% !important; height: auto !important; display:none; }
#TopMenuBar { background-color:#3d3d3d; height: auto; display:block; }
#TopMenu #TopMenuBar li { border:none; display:block;; width:100%; text-align: center;} 
#TopMenu #TopMenuBar .CMLevel1 .text { font-size:120% !important; background-color: #3d3d3d; height:20px !important; color:#ffffff; padding:10px; vertical-align:middle; border-bottom: 1px solid white; width:100%; display:block; }
#TopMenu #TopMenuBar .CMLevel1:hover .text, 
#TopMenu #TopMenuBar .CMLevel1:focus .text {font-size:120% !important; background-color:#232f93; padding:10px !important; height:20px !important; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width:100%; display:block; }
#TopMenu #TopMenuBar .CMLevel1Selected .text  {font-size:120% !important; background-color:#232f93; padding:10px !important; height:auto; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width:100%; display:block;}

/* Top Menu Row - Products */
#TopMenu  #TopMenuBar li:nth-child(6) a#ctl00_TopMenu1_MN_m5 span.text { font-size:120% !important; background-color: #990000; height:20px !important; color:white; padding:10px 0px; vertical-align:middle; border-bottom: 1px solid white; }

/* styles for level 2 */
#TopMenu #TopMenuBar .CMLevel2,
#TopMenu #TopMenuBar .CMLevel2Selected {height:auto;}
#TopMenu #TopMenuBar .CMLevel2 .text  {font-size:120% !important; background-color:#e8e8e8; padding:6px  !important; width:150px; color:#3d3d3d; text-align: center; border-bottom:1px dotted #3d3d3d;  }
#TopMenu #TopMenuBar .CMLevel2:hover .text,
#TopMenu #TopMenuBar .CMLevel2:focus .text {font-size:120% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff;  text-align:center;  }
#TopMenu #TopMenuBar .CMLevel2Selected .text {font-size:120% !important; background-color:#232f93; padding:6px  !important; width:150px; color:#ffffff; text-align:center;}

/* styles for level 3 */

#TopMenu .CMLevel3,
#TopMenu .CMLevel3Selected {height:auto;}
#TopMenu .CMLevel3 .text  {font-size:120% !important; background-color:#ffffff; padding:6px !important; width:100%; color:#3d3d3d; text-align: center; border-bottom:1px dotted #3d3d3d; }
#TopMenu .CMLevel3:hover .text,
#TopMenu .CMLevel3:focus .text {font-size:120% !important; background-color:#232f93; padding:6px !important; width: 150px; color:#ffffff; text-align:center;}
#TopMenu .CMLevel3Selected .text, {font-size:120% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align: center; }

/* eShop menu */
}

/* Start of banner items in banner - T.Mako - Jan 15*/
div#banner-image { float:left;}

div#banner-menu { float:right; }
div#banner-phone { clear:right; float:right;}
div#banner-phone div{f color: #0000b5; font-weight:bold; float:right; display:block;}
div#banner-menu > ul { list-style-type:none; display:inline; }
div#banner-menu > ul > li { display: inline; list-style-type:none; }
div#banner-menu > ul > li > a { font-size: 16px  !important;  color: #7f7f7f; text-decoration:underline; font-weight:bold; }
div#banner-menu > ul > li > a:focus, 
div#banner-menu > ul > li > a:hover  { font-size:16px !important;  color: #0000b5; text-decoration:underline; font-weight:bold;}
div#banner-icons  { display: none; }
div#banner-icons-more {display:none; float:right;}
div#banner-icons-more > img { padding:2px; }
div#social-icons a {padding: 5px 0 5px 5px;}

@media only screen and (max-device-width : 480px)  {
div#banner-image {  float:left; clear:left; display:inline-block; width:auto;}
div#banner-menu { display:none;}
div#banner-motto {display:none; }
div#banner-phone { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: arial; color: #0000b5; font-weight:bold; }
div#banner-phone-service { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: Arial; color: #0000b5; font-weight:bold; }
div#banner-phone-product { clear:both; display:block; width:100%; text-align: center; font-size: 100%; font-family: Arial; color: #0000b5; font-weight:bold; }

div#banner-menu > ul { list-style-type:none; }
div#banner-menu > ul > li { display: inline-block; }
div#banner-menu > ul > li > a { font-size: 100%  !important;  color: #7f7f7f; text-decoration:underline; font-weight:bold; }
div#banner-menu > ul > li > a:focus, 
div#banner-menu > ul > li > a:hover  { font-size:100% !important;  color: #0000b5; text-decoration:underline; font-weight:bold;}
div#banner-icons  { display: inline-block; width:auto; float:right;}
div#banner-icons-more { clear:both; display:none; float:right; width:auto;}
div#banner-icons > img { padding:2px; }
div#social-icons {display:none;}
}

/* End of banner items in banner - T.Mako - Jan 15*/

/* Start of footer*/
#footer #footer-top #footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:400px; }
#footer #footer-top #footer-section h4 { font-family:arial; color:#ffffcc; font-size:120%; }
#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 { float: left; padding: 3%; 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-device-width : 480px) {
#footer #footer-top #footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; }
#footer #footer-top #footer-section h4 { font-family:arial; color:#ffffcc; font-size:120%; 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-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 { float: left; padding: 1%; width: 30%; 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-device-width : 480px)  {
#footer-section { clear:both; background-color: #3d3d3d; margin-top:20px; height:auto; width:100%; }
#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 { float: left; padding: 1%; width: 100%; 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-device-width : 480px)  {
.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-device-width : 480px) {
.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-device-width : 480px) {
#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:blue; }
.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;
}

div#loginBoxContainer p {
     width: 335px !important; 
}

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-device-width : 480px)  {
div#loginBoxContainer {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-device-width : 480px)  {
#Form1,
#aspnetForm,
#frmLogon {width:96%; margin:0 auto;  padding:10px 2%;}
}

/*----------start styles for main content area----------*/

#tblContentTD1 p,
.tblContentTD1 p {font-size:120% !important; padding:0px; margin:0px 20px 20px; line-height:125%;}

#tblContentTD1 ul,
.tblContentTD1 ul {margin:0px 20px 20px 60px; padding:0px; font-size:120%;}
#tblContentTD1 ul li,
.tblContentTD1 ul li {margin-bottom:5px;}
#tblContentTD1 ul li a,
.tblContentTD1 ul li a {font-size:100% !important;}

#tblContentTD1 ol,
.tblContentTD1 ol {margin:0px 20px 20px 60px; padding:0px; font-size:120%;}
#tblContentTD1 ol li,
.tblContentTD1 ol li {margin-bottom:5px;}
#tblContentTD1 ol li a,
.tblContentTD1 ol li a {font-size:100% !important;}

/*----------start styles for right panel----------*/

.tblContent2 {width:200px !important;}
#tblContentTD2 h3,
.tblContentTD2 h3,
#tblContentTD2 h4,
.tblContentTD2 h4,
#tblContentTD2 h5,
.tblContentTD2 h5,
#tblContentTD2 h6,
.tblContentTD2 h6 {font-size:110%; font-weight:bold; padding:10px 10px 5px 10px; margin:10px 10px 0px 10px;}

#tblContentTD2 p,
.tblContentTD2 p {font-size:110%; padding:5px 10px 5px 10px; margin:0px 10px;}


/*----------START Email a Friend STYLES---------*/

div.refer-friend-form div label {width:150px !important;}


/*---------- Styles for Sitemap ----------*/
.SitemapDiv {}
.SitemapDiv h1  {  color:#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; padding:0;       
 font-size:16px;
}
@media only screen and (max-device-width : 480px) {
#wrapper {width:100%; font-size:16px;}
}
#wrapper-inner {overflow: hidden;}
            
                
#tabContainer {
 width:710px;
 padding:2px;
}
                        
/* this defintion needs to change for each product type */
.producttabs{
 height:30px;
 margin:0px; padding:0px; 
 background: #3f6094; /* old browsers */
}

.swab-tabs {
 background: #00898F; /* old browsers */
}
    
.wiper-tabs {
 background: #93455D;
}                   
                                
.producttabs > ul {
 font-size: 1em;
 list-style:none;
 margin:0px; padding:0px;
}
            
/* this defintion needs to change for each product type */
.producttabs > ul > li{
 height:20px;
 margin:0 0px 0 0;
 padding:5px;
 display:block;
 float:left;
 color:white;
 border-right:1px solid #AFAFAF;
 background: #3f6094; /* old browsers */
}
        
.swab-tabs > ul > li {
 background: #00898F; /* old browsers */
}
            
.wiper-tabs  > ul > li  {
 background: #93455D;
}                           
                
.producttabs > ul > li:hover{
 background: #FFFFFF; /* old browsers */
 cursor:pointer;
 color: #3A439B;
}
    
.producttabs > ul > li.tabActiveHeader{
 background: #FFFFFF; /* old browsers */
 cursor:pointer;
 color: #3A439B;
}
            
.tabscontent {
 padding:20px 20px;
 background: #FFFFFF; /* old browsers */
 margin:0px;
 color:#333;
}
                                    
.tabpage {
 margin:0px;
 padding:0px 5px;
 overflow:hidden;
}

.tabtable {border-collapse: collapse; border:1px solid #606060;}
.tabtable th { border-bottom: 1px solid #606060; border-right:1px solid #606060; text-align:center;  font-weight:bold; padding:10px; }
.tabtable td  {border-bottom: 1px solid #606060; border-right:1px solid #606060; text-align:center; padding:10px;}

.wiper-table th {background-color:#c97991; }
.swab-table th  {background-color:#32c0c7; color: white }


/*-- T.Vogel --*/
#lblName { font-size: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-device-width : 480px) {
.spectable { font-size:80%; }
.spectable2 { font-size:80%; }
.SwabDiv .spectable { font-size:60%;}
}

.QuickLinkTable {}
.QuickLinkTable table {border-top:1px solid #606060; border-left:1px solid #606060; margin-top:10px; }
.QuickLinkTable td, th {border-bottom: 1px solid #606060; border-right: 1px solid #606060;}

.attention, .BackInStock { font-size:16px; color:red; font-weight:bold;}

/* wiper section */
.WiperDiv {}
.WiperDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.WiperTableHead { background-color:#93455D; color:white; height:40px;  border-bottom: 1px solid #606060; border-right: 1px solid #606060;}
.WiperSelectRow {background-color: #D6B9BD; cursor:pointer; }
.WiperNormalRow {background-color: #FFFFFF; }
.WiperH1 {  color:#2e3192; font-size:130%; font-weight:bold;}
.WiperH2 {  font-size:130%; font-weight:bold;}
.WiperH3 {  font-size:130%; font-weight:bold; color:white;}
/*-- Landing Page Specific --*/
.WiperNormal { line-height:17px; font-size:100%; }

/*-- stationery section --*/
.StationDiv {}
.StationDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.StationTableHead { background-color:#776C8E; color:#FFFFFF; height:40px;}
.StationSelectRow { background-color: #E2D4E8; cursor:pointer;}
.StationNormalRow {background-color: #FFFFFF;}
.StationH1 {  color:#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%; }


/*--Swab section --*/
.SwabDiv {}
.SwabDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.SwabTableHead { background-color:#00898F; color:#FFFFFF; height:40px; }
.SwabSelectRow {background-color: #A5D1D5; cursor:pointer;}
.SwabNormalRow {background-color: #FFFFFF;}
.SwabH1 {  color:#2e3192; font-size:130%; font-weight:bold;}
.SwabH3 {  font-size:130%; font-weight:bold; color:white;}
.SwabH1Hover {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:underline; cursor:pointer;}
.SwabNormal { line-height:17px; font-size:100%; }
.Swabimgtag { font-size:10px; padding-left:10px; }

/* Prewetted Wiper Section */
.PWWiperDiv {}
.PWWiperDiv p {margin-left:0px; }
.PWWiperDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.PWWiperTableHead { background-color:#BD654A; color:#FFFFFF; height:40px;}
.PWWiperSelectRow {background-color: #E5C6B7; cursor:pointer;}
.PWWiperNormalRow {background-color: #FFFFFF;}
.PWWiperH1 {  color:#2e3192; font-size:130%; font-weight:bold; text-align:center; }
.PWWiperH2 {  font-size:130%; font-weight:bold;}
.PWWiperH3 {  font-size:130%; font-weight:bold; color:white;}
/*-- Landing Page Specific --*/
.PWWiperNormal { line-height:17px; font-size:100%; }


/* AntiStatic Section */
.ASDiv {}
.ASDiv p {margin-left:0px; }
.ASDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.ASTableHead { background-color:#CCCCCC;  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; }

/* Mop Section */
.MopDiv { }
.MopDiv h1 {  margin:0; padding:0; color:#2e3192; font-size:20px; font-weight:bold; text-decoration:none;} 
.MopDiv h2 {  margin:0; padding:0; font-size:14px; font-weight:bold;}
.MopDiv p {margin-left:0px; }
.MopDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.MopTableHead { background-color:#5279B5; color: white; height:40px;}
.MopSelectRow { background-color: #C0C0C0; cursor:pointer;}
.MopNormalRow { backgroound-color:#FFFFFF; font-weight:normal;}
.MopH1 {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:none;} 
.MopH2 {  font-size:130%; font-weight:bold;}
.MopH3 {  font-size:130%; font-weight:bold; color:white;}
.MopH1Hover {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:underline; cursor:pointer;}
/*-- Landing Page Specific --*/
.MopNormal { line-height:17px; font-size:100%; }
.MopSubTD { text-align:left; font-weight:bold; padding-left:10px; }

/* Cleaning Validation Section */
.CVDiv { }
.CVDiv h1 {  margin:0; padding:0; color:#2e3192; font-size:20px; font-weight:bold; text-decoration:none;} 
.CVDiv h2 {  margin:0; padding:0; font-size:14px; font-weight:bold;}
.CVDiv p {margin-left:0px; }
.CVDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.CVTableHead { background-color:#5FDAD7; color: white; height:40px;}
.CVSelectRow { background-color: #C0C0C0; cursor:pointer;}
.CVNormalRow { backgroound-color:#FFFFFF; font-weight:normal;}
.CVH1 {  color:#2e3192; font-size:16px; font-weight:bold; text-decoration:none;} 
.CVH2 {  font-size:12px; font-weight:bold;}
.CVH3 {  font-size:16px; font-weight:bold; color:white;}
.CVH1Hover {  color:#2e3192; font-size:16px; font-weight:bold; text-decoration:underline; cursor:pointer;}
/*-- Landing Page Specific --*/
.CVNormal { line-height:17px; font-size:12px; }
.CVSubTD { text-align:left; font-weight:bold; padding-left:10px; }


/* Tacky Mat Section  - now Contamination Control Mats*/
.TMatDiv { }
.TMatDiv p {margin-left:0px; }
.TMatDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px;  padding:0px; font-size:100%;}
.TMatTableHead { background-color:#088E10; color: white; height:40px;}
xxtr.TMatTableHead th:nth-child(1) { width: 20%; }
xxtr.TMatTableHead th:nth-child(2) { width: 20%; }
xxtr.TMatTableHead th:nth-child(3) { width: 60%; }

.TMatSelectRow { background-color: #73C569; cursor:pointer;}
.TMatNormalRow { backgroound-color:#FFFFFF; font-weight:normal;}
.TMatH1 {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:none;} 
.TMatH2 {  font-size:130%; font-weight:bold;}
.TMatH3 {  font-size:130%; font-weight:bold; color:white;}
.TMatH1Hover {  color:#2e3192; font-size:130%; font-weight:bold; text-decoration:underline; cursor:pointer;}
/*-- Landing Page Specific --*/
.TMatNormal { line-height:17px; font-size:100%; }

.ExpandTable { font-size:12px; }
.ExpandTable table { border:0; padding:0; margin:0;}
.ExpandTable tr td:first-child {border-left: 1px solid #606060; border-bottom: 1px solid #606060; border-right: 1px solid #606060; padding:2px 0 2px 5px; text-align:left;}
.ExpandTable td { border-bottom: 1px solid #606060; border-right: 1px solid #606060; padding:2px 0 2px 0; text-align:center;}

.OptionTitle { color: #088E10; background-color: #CDCDCD; font-size:15px; font-weight:bold; padding:2px; }
.OptionSubTitle { color: blue;  font-size:12px; cursor: pointer; }


/* Labels Section */
.LabelDiv { }
.LabelDiv p {margin-left:0px; }
.LabelDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.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%; }

/* Garment Section */
.GarmentDiv { }
.GarmentDiv p {margin-left:0px; }
.GarmentDiv ul { margin-top:0px; margin-left:15px; margin-bottom:10px; padding:0px;}
.GarmentTableHead { background-color:#FFCC00; color: white; height:40px;}
.GarmentSelectRow {  background-color: #FFF882; cursor:pointer;  }
.GarmentNormalRow { backgroound-color:#FFFFFF; font-weight:normal;}
.GarmentH1 {  color:#2e3192; font-size:16px; font-weight:bold; text-decoration:none;} 
.GarmentH2 {  font-size:12px; font-weight:bold;}
.GarmentH3 {  font-size:16px; font-weight:bold; color:white;}
/*-- Landing Page Specific --*/
.GarmentNormal { line-height:17px; font-size:12px; }


/*--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:rgb(169,169, 225); font-weight:bold; margin:0px; padding:0px;}
#ServiceDiv h3 {   background-color:#3E5D98; color:white; vertical-align:middle; height:40px; margin:0px; padding:5px 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 backgroound-color:#FFFFFF; font-weight:normal; }
div#ServiceDiv p a { text-decoration:underline; color: red; } 
div#ServiceDiv ul.article-menu-ul { width:100%; list-style-type:none; margin: 0px; display:table;  }
div#ServiceDiv li.article-menu-li  { display: table-cell; border:none; padding: 0px; margin: 0px; background-color:#e8e8e8;  }
div#ServiceDiv li.article-menu-li:hover,
div#ServiceDiv li.article-menu-li:focus { display: table-cell; border:none; padding: 0px; margin: 0px; background-color:#D6E4EF; font-weight:normal; }
div#ServiceDiv li.article-menu-li a { display:table-cell; background-color:#e8e8e8; font-weight:normal; 0px; padding:10px; height: 40px; } 
div#ServiceDiv li.article-menu-li a:hover, 
div#ServiceDiv li.article-menu-li a.focus {  display:table-cell; background-color:#D6E4EF;  padding: 10px; height: 40px; text-decoration: underline; }

@media only screen and (max-device-width : 480px) {
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;}

/*** Events page ****/
.Events * { font-size:12px; }
.Events table { margin-left:15px; *border-collapse: collapse;} 
.Events th:first-child {border-left: 1px solid #606060; }
.Events th {border-bottom: 1px solid #606060; border-right: 1px solid #606060; text-align:left; }
.Events td:first-child {border-left: 1px solid #606060; }
.Events td {border-bottom: 1px solid #606060; border-right: 1px solid #606060; empty-cells: show; text-align:left;} 
.Events .events-cleanroom {text-align:center; color:#313c7c; font-weight:bold; background-color: #b9ffc3; padding:3px 3px; }
.Events .events-data-center {text-align:center; color:#313c7c ; font-weight:bold; background-color: #ffff00; padding:3px 3px;}
.Events th { background-color:#344183; color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%; }
.Events a {text-decoration: underline; font-size:10px; }
.Events div { margin-left:5px;}
.Events th.sorting_desc {
background: #3366cc url('/images/UserUploadedImages/224/white-descending-arrow.gif') no-repeat 95% center;
color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%;
}
.Events th.sorting_asc {
 background: #3366cc url('/images/UserUploadedImages/224/white-ascending-arrow.gif') no-repeat 95% center;
color:white; text-align:left; vertical-align:middle; border-top: 1px solid #606060; font-size:140%;
}

/*** News Archive ****/
.NewsDiv { margin: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-device-width : 480px)  {
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-device-width : 480px)  {
#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-device-width : 480px)  {
#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-device-width : 480px)  {
#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-device-width : 480px)  {
.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:938px; float:left;}
@media only screen and (max-device-width : 480px)  {
#wrapper #page-content #container-full {width: 100%; float:left;}
#section-menu { display:none; width:210px; float:left; margin-right:20px;}
}
#wrapper #page-content #container-full.home {width: 100%;}
#wrapper #page-content #container {width: 914px; float:left;}
#wrapper #page-content .home #container {width: 100%;}
#wrapper #page-content #container-both {width:478px; float:left;}
#wrapper #page-content #container-three {width:500px; float:left;}
#wrapper #page-content #content-sub {width:210px; float:left; padding:0 0 0 20px;}
#wrapper #page-content #sidebar {width:210px; float:left; padding:0 0 0 20px;}

/*----------start styles for print friendly----------*/

@media print {

#breadPrint {display:none;}

#TableAdminTopNavBar {display:none;}
table#banner td#bannerRight ul {display:none;}

#ctl00_TDForLeftCell {width:0px !important;}
#ctl00_TDForMiddleCell {width:600px !important;}
#ctl00_TDForRightCell {width:0px !important;}
.clsPostcardBorder {width:600px !important;}
div.Masterdiv {width:600px;}

#MaintableForContent,
#MainTableForContent,
.MainTableForContent {width:730px !important; height:800px; }

#container{width:600px !important;}
#container #maincontent {width:800px !important;font-size:125%;}

#navcolumn .HomepageBlock {display:none;}

.HomepageBlock {display:none;}

#tblContentTD2,
.tblContentTD2 {display:none;}

#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-device-width : 480px)  {
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-device-width : 480px)  {
#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:32%; background-color:blue; }
#TechnicalDiv .blue-column img { margin-top:10px; }
@media only screen and (max-device-width : 480px) {
#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 left of top menu */
/* hacks for eshop */

table#topMenuLeft {width:120px; height:30px;}
table#topMenuLeft td {padding:0px 0px 0px 12px;}
#main-nav .hmenu,  table#TableTopNavBar, td#TopmenuTD  {height:60px; }
tr.menu-wrapper-below {background-color: white; font-size:125%; }
/* styles for level 1 */

#Menu1_MN, #TableTopNavBar  {z-index:1; background-color:#3d3d3d; height: 40px; display:block; }
/* T.Mako June 15 - hard code as the change in stylesheet did not come through */
#Menu1_MN .rootGroup > li { border:none; height:40px; }


/* Oct 13 - T.Mako - added this line to overlay  menu above the top right banner menu */
#main-nav .hmenu, #TableTopNavBar, #TopMenu  {z-index:2000;}
#main-nav .hmenu > li > a,
#TableTopNavBar .CMLevel1,
#TableTopNavBar .CMLevel1Selected {height:40px; float:left !important;}
#main-nav .hmenu > li > a > span, #TableTopNavBar .CMLevel1 .text {font-size:16px !important; background-color: #3d3d3d; height:40px !important; color:#ffffff; padding:10px; vertical-align:middle; border-right: 1px solid white; width: 100px; text-align:center; }
#main-nav .hmenu > li:hover > a > span,
#main-nav .hmenu > li:focus > a > span,
#TableTopNavBar .CMLevel1:hover .text,
#TableTopNavBar .CMLevel1:focus .text {font-size:16px !important; background-color:#232f93; padding:10px !important; height:40px !important; color:#ffffff; vertical-align:middle; border-right:1px solid white; width: 100px; text-align: center;}
#TableTopNavBar .CMLevel1Selected .text {font-size:16px !important; background-color:#232f93; padding:10px !important; height:40px !important; color:#ffffff; vertical-align:middle; border-right:1px solid white; width: 100px; text-align: center;}

/* T.Mako June 15 - Specific to Product menu item*/
#TableTopNavBar  #Menu1_MN li:nth-child(6) a#Menu1_MN_m5 span.text { font-size:16px !important; background-color: #990000; height:40px !important; color:white; padding:10px 0px; vertical-align:middle; border-right: 1px solid white; text-align: center; }
@media only screen and (max-device-width : 480px)  {
#TableTopNavBar  #Menu1_MN li:nth-child(6) a#Menu1_MN_m5 span.text { font-size:120% !important;}
}
/* styles for level 2 */
#TableTopNavBar .CMLevel2,
#TableTopNavBar .CMLevel2Selected {height:auto;}
#TableTopNavBar .CMLevel2 .text {font-size:16px !important; background-color:#e8e8e8; padding:10px !important; width:150px; color:#3d3d3d; text-align: left; border-bottom:1px dotted #3d3d3d; }
#TableTopNavBar .CMLevel2:hover .text,
#TableTopNavBar .CMLevel2:focus .text {font-size:16px !important; background-color:#232f93; padding:10px !important; width:150px; color:#ffffff; text-align:left}
#TableTopNavBar > .CMLevel2Selected .text {font-size:16px !important; background-color:#232f93; padding:10px  !important; width:150px; color:#ffffff; text-align:left }
 
/* styles for level 3 */
#TableTopNavBar .CMLevel3,
#TableTopNavBar .CMLevel3Selected {height:auto;}
#TableTopNavBar .CMLevel3 .text {font-size:16px !important; background-color:#e8e8e8; padding:10px !important; width:150px; color:#3d3d3d; text-align: left; border-bottom:1px dotted #3d3d3d; text-align:left;}
#TableTopNavBar .CMLevel3:hover .text,
#TableTopNavBar .CMLevel3:focus .text {font-size:16px !important; background-color:#232f93; padding:10px !important; width:150px; color:#ffffff; text-align:left;}
#TableTopNavBar > .CMLevel3Selected .text {font-size:16px !important; background-color:#232f93; padding:10px !important; width:150px; color:#ffffff; text-align:left;}
 
/* styles for level 4 */
#TableTopNavBar .CMLevel4,
#TableTopNavBar .CMLevel4Selected {height:auto;}
#TableTopNavBar .CMLevel4 .text {font-size:90% !important; background-color:#4665a5; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; text-align: left;}
#TableTopNavBar .CMLevel4:hover .text,
#TableTopNavBar .CMLevel4:focus .text {font-size:90% !important; background-color:#3c4878; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff;}
#TableTopNavBar .CMLevel4Selected .text {font-size:90% !important; background-color:#3c4878; padding:8px 12px 6px 12px !important; width:146px; color:#ffffff; text-align: left; }

@media only screen and (max-device-width : 480px) {
#TopmenuTD { display:none; width:100%; text-align:center; }
#TableTopNavBar {background-color:white; text-align:center; }
#main-nav .hmenu > li > a,
#TableTopNavBar .CMLevel1,
#TableTopNavBar .CMLevel1Selected {height:40px; width:100%; display: block; }
#Menu1_MN { display:none;}
#Menu1_MN {float: left; width:100%; display:block;}
#Menu1_MN .rootGroup > li { display: block; width:100%; text-align:center; border: none;}
#Menu1_MN a.CMLevel1 span.text.expandTop { font-size:120% !important; background-color: #3d3d3d; height:19px !important; color:#ffffff; padding: 10px 0px; vertical-align:middle; border-bottom: 1px solid white; width:100%; display:block; }
#Menu1_MN .CMLevel1:hover .text, 
#Menu1_MN .CMLevel1:focus .text {font-size:120% !important; background-color:#232f93; padding:10px !important; height:20px !important; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width:100%; display:block; }
#Menu1_MN.CMLevel1Selected .text  {font-size:120% !important; background-color:#232f93; padding:10px !important; height:20%; color:#ffffff; vertical-align:middle; border-bottom:1px solid white; width: 100%; display:block;}
#Table2 tr + tr { height:0px;}
#divBackToCategoryPageTop { width:auto; float:right; }

#TableTopNavBar .CMLevel2 .text {font-size:120% !important; background-color:#e8e8e8; padding:6px !important; width:150px; color:#3d3d3d; text-align: center; border-bottom:1px dotted #3d3d3d; }
#TableTopNavBar .CMLevel2:hover .text,
#TableTopNavBar .CMLevel2:focus .text {font-size:120% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align:center;  }
#TableTopNavBar > .CMLevel2Selected .text {font-size:120% !important; background-color:#232f93; padding:6px  !important; width:150px; color:#ffffff; text-align:center; }
 
/* styles for level 3 */
#TableTopNavBar .CMLevel3,
#TableTopNavBar .CMLevel3Selected {height:auto;}
#TableTopNavBar .CMLevel3 .text {font-size:100% !important; background-color:#e8e8e8; padding:6px !important; width:150px; color:#3d3d3d; border-bottom:1px dotted #3d3d3d; text-align:center;  }
#TableTopNavBar .CMLevel3:hover .text,
#TableTopNavBar .CMLevel3:focus .text {font-size:100% !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align:center; }
#TableTopNavBar > .CMLevel3Selected .text {font-size:100%x !important; background-color:#232f93; padding:6px !important; width:150px; color:#ffffff; text-align:center; }

}

/* article to right of top menu */

#TopMenuArticleRight { float:right; width: 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 {border:1px solid #c1c3c2; 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-device-width : 480px) {
#TopMenuArticleRight { width: 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 */

/* Level 1 styles */
.MenuItemOne,
.MenuItemOne:visited {height:auto !important; background-color:#ffffff !important; color:#001261 !important; text-decoration:none !important; border-bottom:1px solid #ffffff !important; font-size:100% !important;}
.MenuItemOne:visited {font-size:100% !important;}
.MenuItemOne .rpText,
.MenuItemOne:visited .rpText,
.MenuItemOne .text,
.MenuItemOne:visited .text {padding:9px 0px; border-bottom:1px solid #c8c8c8;display: block;width: 100%;text-align: left;}
.MenuItemOne:hover,
.MenuItemOne:focus {color:#000 !important; text-decoration:underline !important;}
.MenuItemOneClicked,
.MenuItemOneClicked:visited {color:#000 !important; height:auto !important; text-decoration:none !important; font-size:120% !important; font-weight:bold !important;}
 
/* Level 2 styles */
.MenuItemTwo,
.MenuItemTwo:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;}
.MenuItemTwo:visited {font-size:100% !important;}
.MenuItemTwo .rpText,
.MenuItemTwo:visited .rpText,
.MenuItemTwo .text,
.MenuItemTwo:visited .text {padding:9px 0px 9px 25px; border-bottom:1px solid #c8c8c8;width: 175px;display: block;text-align: left;}
.MenuItemTwo:hover,
.MenuItemTwo:focus {color:#000 !important; text-decoration:underline !important;}
.MenuItemTwoClicked,
.MenuItemTwoClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;}
 
/* Level 3 styles */
.MenuItemThree,
.MenuItemThree:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;}
.MenuItemThree:visited {font-size:100% !important;}
.MenuItemThree .rpText,
.MenuItemThree:visited .rpText,
.MenuItemThree .text,
.MenuItemThree:visited .text {padding:9px 0px 9px 40px; border-bottom:1px solid #c8c8c8;text-align: left;display: block;width: 160px;}
.MenuItemThree:hover,
.MenuItemThree:focus {color:#000 !important; text-decoration:underline !important;}
.MenuItemThreeClicked,
.MenuItemThreeClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;}
 
/* Level 4 styles */
.MenuItemFour,
.MenuItemFour:visited {height:auto !important; background-color:#fff !important; color:#001261 !important; text-decoration:none !important; font-size:100% !important;}
.MenuItemFour:visited {font-size:100% !important;}
.MenuItemFour .rpText,
.MenuItemFour:visited .rpText,
.MenuItemFour .text,
.MenuItemFour:visited .text {padding:9px 0px 9px 50px; border-bottom:1px solid #c8c8c8;}
.MenuItemFour:hover,
.MenuItemFour:focus {color:#000 !important; text-decoration:underline !important;}
.MenuItemFourClicked,
.MenuItemFourClicked:visited {color:#000 !important; text-decoration:none !important; font-weight:bold !important; font-size:120% !important;}
 
/*----------End styles for left menu panelbar----------*/


#TableLeftNavBar{margin-top:10px; margin-right:10px;}

#ctl00_Menu1_MN_m2_m4 span.text {color: #ab0101;}


/*----------------------------------------
/ search results
----------------------------------------*/

.SearchResults {width: 960px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.SearchResults div[id$="pnlnumberResults"] {font-size:120%; margin:0 18px 20px 0; clear:both;padding: 5px 20px;}
.SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;}
.SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;}
.SearchResults ul {margin-left:10px;}
.SearchResults ul li {margin-bottom:20px; line-height:150%;}
.SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding: 20px;}
.SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.SearchResults ol li span.firstRow {display:block;}
.SearchResults ol li span.firstRow a {font-size:120%; 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;}


.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 {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"] {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; margin:0 5px 0 0; padding:0;}
.clsFormCreator div.clsMandatory {padding-left:20%; font-size:90%;}
.clsFormCreator div.clsBtnSubmit {width:auto; margin:20px 0 0 0; padding-left:20%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsBtnSubmit input {width:auto; height:auto; text-decoration:none; color:#fff; padding:5px 10px;   border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsBtnSubmit input:hover,
.clsFormCreator div.clsBtnSubmit input:focus { cursor:pointer;}
.clsFormCreator div.clsBtnClear {width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsBtnClear input {width:auto; height:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;}
.clsFormCreator div.clsBtnClear input:hover,
.clsFormCreator div.clsBtnClear input:focus {border:1px solid #333; cursor:pointer;}
.clsFormCreator .formCreatorCaptchaTable {padding-left:20%;}
.clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;}
.clsFormCreator fieldset.two-column > div {width:50%; padding-right:20px;}
.clsFormCreator fieldset.three-column > div {width:33%; padding-right:20px;}

@media only screen and (max-device-width : 480px)  {
.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;}

}

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


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