* {margin:0;padding:0;} 
html, body, form {height: 100%;}
.main {
	margin:0 auto;
	padding:0;
}
body
{
    /*font: normal 13px 'Open Sans', Arial, Helvetica, sans-serif;*/
    /*font: normal 13px Arial, Helvetica, sans-serif;*/
    margin: 0;
    padding: 0;
    width: 100%;
}

h3{font-size: 1.4rem;}
h4
{
    color: #555555;
    font-size: 12px;
    font-family: Helvetica;
    letter-spacing: 1px;
    font-weight: bold;
    padding-left:1px;
}
a, a:link, a:visited, a:hover, a:active  {outline-style:none;}
p
{
    padding-top: 10px;
    padding-bottom:10px;
}

td{ font-family: Verdana, Arial, Sans-Serif !important; font-size:13px !important;font-weight:normal;}
.header_resize
{
    margin: 0 auto;
    padding: 0;
    width: 970px;
}
.header {
	margin: 0 auto; 
	padding:0;
	width:970px;
	background-color:#fff; /* added 7 - Always white */
	border-right: solid thin #ccc; /* added 7 */
	border-left: solid thin #ccc; /* added 7 */

}
.fl
{
    float:left;
	margin:0;	
}
.fr
{
    float:right;
	margin:0;	
}
h1 {
	margin:0;
	padding:5px 0 0px 0px;
	color:#5c5c5c;
	font:bold 30px/1.2em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
}
h1 a, h1 a:hover {
	color:#5c5c5c;
	text-decoration:none;
}
.HeaderSubTitle {
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
    padding-left:5px;
}
.menu {
	padding:4px 0 4px 0px;
	Margin:0;
	/*width:410px; removed version 7.01 */
	float:left;
}
.search {
	padding:8px 0 4px 0;
	margin:0;
	width:250px;
	float:right;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
}
.footer
{
    font: normal 12px Arial, Helvetica, sans-serif;    
}

.footer p {
	margin:0;
	padding:4px 0;
	line-height:normal;
	float:left;
	width:33%;

}
.footer a {
	padding:inherit;
	text-decoration:underline;
}
.footer a:hover 
{ text-decoration:none;}
.lf
{  text-align :left; }
.rf 
{  text-align:right; }
.ct 
{  text-align:center; }
.body_resize {
	margin:0 auto;
	padding:2px 0 0 0;
	width:970px;
	border-top: none;
	border-right: solid thin #ccc; /* added 7 */
	border-bottom: solid thin #ccc; /* added 7 */
	border-left: solid thin #ccc; /* added 7 */
	
	background-color: #FFF; /* added 560 */
	border-radius: 2px;
	/*box-shadow: 3px 3px 10px #DDDDDD; removed 7 */
}
.body {
	margin:0;
	padding:0;
}
.body h2 {
	font:bold 14px Arial, sans-serif;
	color:#323a3f;
	padding:5px; /*10px 5px;*/
	/*margin:5px 0 5px 0;*/
}
.body p {
	font:normal 13px Arial, sans-serif;
	padding:5px;
	margin:0;
	line-height:1.7em;
}
.body img {
	float:left;
	margin:5px;
	padding:0;
}
.body img.floated {
	float:right;
	margin:5px 10px 5px 0;
	padding:0;
}
.tdContainer
    { width:180px;
     float:left;
    }
.tdContainer img
{ 
    float:none;
    text-align:center;
    margin: 5px auto 5px auto;
}
.left {
	/*float:left;*/
	/*width:662px;*/
    
	/*margin:0 0 10px 10px;*/
	/*padding:0;*/
    padding-left:15px;
    padding-right:15px;
	
	/* border: solid 1px #ccc;
	border-radius: 2px; 
	box-shadow: 10px 10px 5px #888;*/

}
.right {
	/*float:right;*/
	/*width:273px;*/
    
	margin:0;
	/*padding:0;*/
    padding-left:15px;
    padding-right:15px;
	
	/* border: solid 1px #cccccc;
	border-radius: 2px;
    */

}
.right ul {
	list-style:none;
	margin:5px 0;
	padding:0;
}
.right li {
	background:10px 10px no-repeat;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#464646;
	padding:5px 0;
	margin:3px 0;
}
.right li a {
	padding:0 0 0 5px;
	margin:0;
	font:bold 17px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.right li a:hover
{
	text-decoration:none;
}
.right ul.sponsors {
	list-style:none;
	margin:5px 0 5px 5px;
	padding:0;
}
.right li.sponsors {
	background:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5f5f5f;
	padding:8px 0;
}
.right li.sponsors a {
	padding:0 0 0 0px;
	margin:0;
	font:normal 13px Arial, Helvetica, sans-serif;
}
.centre {
	float:none;
	margin: 0 0 0 0;
	padding:2px 25px 0 25px;
	min-height:390px;
}
.centre .TandC h3 {
	padding-left: 5px;
    padding-top:10px;
    padding-bottom: 5px;
}
.shopcontent 
{
    float:none;
	padding:0px 0px;
}
.shopcontent img 
{
    float:none;
	padding:2px;	
}
.border a link
{
padding: 1px 1px 1px 1px;
border: solid 1px #CCCCCC;
}
 /*.loginrow
{   
     float:right;
     width:500px;
     text-align:right;
     position: relative;
     top: 22px;
     left:470px;
}*/
 /*.curselrow
{   
     /* changes below couple with change of width from 190 to 250 on CCY dropdown and SQL SP change to say Ship to the Rest of the World etc. instead of 'Prices in ....' */
     /*float:right;*/
     /*width:280px;*/ /* was 220 with default ABMEC */
     /*text-align:right;*/
     /*position: relative;*/
     /*top: 65px;*/
     /* removed 10 left:716px;  was 776 with default ABMEC 
}
    */
.scb
{
    border: solid 1px #CCCCCC;
    border-radius: 0px;
    /*background-color: #F3F3F3;*/
    margin-right: 6%;
}
.VCPUpperCase
{
    text-transform:uppercase;
}
.loginbox{border: solid 1px #CCCCCC;width:300px; background-color:#eeeeee; border-radius:0px;}
/* GridView Styles */

.cssFooter{ height:32px;background-color: #ffffff ;font-size: 12px; color: #333; border:solid thin #CCCCCC; Border-radius:2px;}
.cssPager{ height:32px;background-color: #FFF ;font-size: 12px; color: #333; border:solid thin #CCCCCC; Border-radius:2px;}
.cssPager span
{
    background-color: #efefef;
    font-size: 14px;
    color: #336699;
    border: solid thin #336699;
    width: 20px;
    padding: 1px 5px 1px 5px;
 
}

.cssPager td { padding-left: 2px; padding-right: 2px;}
.headingPA h3{font-size:16px;color: #636363;padding:5px 5px 5px 5px; margin-bottom:2px;}   
.underline{text-decoration:underline;}
.addtoimage{padding: 0px 0 1px 0; vertical-align:middle;}
.PictureGrid td {padding: 2px 2px 2px 2px;}
/*#LHMenuSeparator{height:0px;}  REDUNDANT CHANGED 560 */

.VCPSmall
{
    color: #333;
    font-weight:600;
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin-top: 10px;
    /*font-family: Helvetica;*/
}
 .VCPBody
{
    color: #000000;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    font-family: Helvetica;
}
 .ShopSpacer{height:10px}	
#LeftVerticalMinHeight{float:left; width:1px; height:390px;}
/* Order Confirmation and Orderhistory */
.labelright{text-align:right;}
.labelcenter{text-align:center;} 
/* *********************************************************************************************** */
.Space label{margin-left: 10px;} 
 .rbl {
	margin:0;
	padding:1px;
	background-color:#ffffff;
	border: solid 1px #cccccc;
}
 .spRbl input[type="radio"]{
     margin-right:5px;
     margin-left:15px;
 }
/* Lock Screen-related CSS Classes */
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 101%;
	height: 101%;
	background-color: #000;
	z-index: 999;
	filter: alpha(opacity=50);
	opacity:0.5;
	padding-top: 20%;
}
.LockPane {
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 25%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
}
.LockPane div
{
    width:10%;
    background-color: #fff;
    border: solid 1px #cdcdcd;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}   
#progressBackgroundFilter {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    z-index:1000;
}
#processMessage 
{
    position:fixed;
    top:30%;
    left:43%;
    padding:10px;
    width:10%;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #cdcdcd;    
}
.inline
{
    display:inline-table;
}

/* Controls indent of sub nodes */
.dxtv-subnd 
{
   margin-left: 0px !important;
}

/* With Show Expand Buttons True controls TV horizontal align */
.dxtv-elbNoLn{margin-left: -10px !important;Width:20px !important;}
.dxtv-nd 
{
   width:160px !important;/* added 560 */
}
.ofh{overflow:hidden;}
.ath
{
padding: 4px 10px;
/*background: #2184cd;*/
margin-bottom: 1px;
/*-webkit-box-shadow: 0 -1px 0 rgba(32, 61, 97, 0.7) inset;
-webkit-box-shadow: 0 -1px 0 rgba(50, 50, 50, 0.7) inset;*/
border-radius: 0px;
color: #FFF;
font-weight:500;
font-size:12px;
font-family: Arial; /*'Open Sans';*/
text-decoration: none;
 -webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
    .ath:hover {text-decoration: none;
    }
.brti 
{
padding: 2px 0px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.brta
{
padding: 2px 0px;
border-top-left-radius:4px;
border-top-right-radius:4px;
border-top:solid 1px #cdcdcd;
border-right:solid 1px #cdcdcd;
border-left:solid 1px #cdcdcd;
}
.dxm-main{ background-color:#fff !important; border:none !important;} /* remove border in IE */
.dxm-main .ath { padding: 0px 10px !important;} /* New 7.01 */
.dxmLite .dxm-popup {border:none !important;} /* remove border Custom Menu Popup */
.dxbButton{ border:none; background:none; padding:0px;} /* New 7.01 */
.dxb 
{
    padding: 3px 10px !important;
/*background: #2184cd;*/
margin-bottom: 1px !important;
/*-webkit-box-shadow: 0 -1px 0 rgba(32, 61, 97, 0.7) inset !important;*/
border-radius: 0px !important;
/*color: #FFF !important;*/
font-weight:500 !important;
font-size:13px !important;
/*font-family: 'Open Sans'!important;*/
text-decoration: none !important;
 -webkit-transition: background-color 0.2s ease-in-out !important;
transition: background-color 0.2s ease-in-out !important;
}
.priceS{ Color:#900; font-size:12px;}
.priceL{ Color:#900; font-size:18px;}
.shop a {Color:#0066c0; text-decoration:none;}
.shop a:hover {	Color:#000; text-decoration:none;}
.shopmenu
{
   /* padding: 2px 0px !important;*/
   padding: 4px 0px; 
   /*background: #FFCC66;*/
    margin-bottom: 4px;
    margin-left: 8px; /* separate Expand/Collapse Button in Tree Menu */
    text-align: center; /*-webkit-box-shadow: 0 -1px 0 rgba(32, 61, 97, 0.6) inset;*/
    /*-webkit-box-shadow: 0 -1px 0 #336699 inset;
    border: solid 1px #666666;*/
    border-radius: 0px;
    /*color: #000000;*/
    font-weight: 500;
    font-size: 12px;
    /*font-family: 'Open Sans';*/
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
}
.shopPGmenu
{
    margin-bottom: 4px;
    text-align: center;
    color: #0066c0;
    font-weight: 800;
    font-size: 13px;
    /*font-family: 'Open Sans';*/
    text-decoration: underline;   
}
.dxtcLite > .dxtc-content{ border: none !important;}
.IEFixIS .dxisControl { width:280px !important; height:225px !important;} /*IS size needs to be forced in IE*/
BannerParent{ height:150px;/* fix IE issue with header*/
              position: relative;
    z-index: 150;
} 
.center{
    margin:0 auto;}
.OCC{margin:0 auto;}
.clearfix:after{
    visibility:hidden;
    display:block;
    font-size: 0;
    content: " ";
    clear: both;
    height:0;
}
.clearfix {display: inline-block;}

.thRight{ text-align:right;}
.thCenter{text-align:center;}







/* NavBar overrides for navbar-custom - BACKGROUNDMOVED TO CODE


    
    .navbar-custom {    
    background-color: transparent;
    background-color: #FF3399;
    }

*/
.navbar{
    padding:0 1rem;
}

.navbar-collapse{
    flex-grow :0;
}

.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.8' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

 .minh{
     min-height:390px;
 } 
 .right-align{ text-align:right;}
.row{
    /*margin-left:-10px;*/
    margin-right:0px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 992px) {
    .body-content {
        padding: 5px 15px;
        background-color:white;        
    }
    .nod {
        display: none;
    }    
    .container {
        max-width: 1280px; /* increased over template*/
    }
    .NavChild {
        /*position: absolute;*/
        top: 0px;
        left: -5px;
        z-index: 300;
    }
}
/* mobile */
@media (max-width: 991.98px) {
    .nom {
        display: none;
    }
  
    /* 20px on desktop */
    .body-content {
        padding-left: 2px;
        padding-right: 2px;
        background-color:white;      
    }
   .NavChild {
        /*position: absolute;*/
        top: 0px;
        left: -20px;
        z-index: 300;
    }
    .row {
        /*margin-left:-10px;*/
        margin-right: -10px;
    }
}

table {
    border-collapse: separate;
    border-spacing: 1px;
}
/* cellspacing="5" */
td
{
    padding: 0px;
}