body {
	font-family: Verdana, Arial;
}

.TreeViewRootNode {
	font-weight:bold;
	color: blue;
}
.divHeight
{
	height:100%;
}
.flexslider { z-index: 0;}
hr
{
	border-right: #696969 1px solid; 
	border-top: #696969 1px solid; 
	font-weight: bold;
	border-left: #696969 1px solid; 
	width: 100%; 
	border-bottom: #696969 1px solid;
}
	
.showFormat ul
{
    list-style:disc !important;
}
.showFormat ul, .showFormat li
{
    margin-left: 15px !important;
}
.showFormat p
{
    margin-top:15px;
}
.showFormat table, .showFormat td
{
    border:solid 1px gray !important;
    padding:2px;
}

/*************
login    WHEN ADDING NEW TAGS MUST ADD TO HTML5.JS
**************/
login
{
	width:600px;
}	
login .border
{
	border:solid 2pt gray;
	width:400px;
}
login2 .border
{
	border:solid 2pt gray;
	width:350px;
}
/**************************
jquery titlebar and buttons
**************************/
.ui-dialog .ui-dialog-buttonpane .ui-button {
	font-weight: bold !important;
	font-size: 11px !important;
	color: white !important;
	width: 170px !important;
	height: 22px !important;
	background: url(/SiteImages/button_black_wider.png) no-repeat !important;
	border: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:hover
{
	background:url(/SiteImages/button_black_wider_on.png) no-repeat !important;
	text-decoration: underline !important;
}
/* Center buttons */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none !important;   
    text-align: center !important;
 }
/* Update the title bar */
.ui-dialog .ui-dialog-title {
  float:none !important;   /* !important overrides the float property */
  display: block;
  text-align: center;
  font-size: 12pt;
  color:white !important;
  background :#45494c !important;  
}
.ui-dialog .ui-dialog-titlebar 
{
	background:#45494c !important;
}
.ui-dialog .ui-dialog-titlebar a 
{
	background:white !important;
}
/*
.ui-dialog .ui-dialog-content {
    overflow-y: scroll;
}*/

/********************************
section
********************************/
section .goods{
	width:230px;
	height:345px;
	border-radius:5px;
	overflow:hidden;
	border:1px solid #a4a4a4;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	position:relative;
	}
	
section .newProducts{
	width:170px;
	height:280px;
	overflow:hidden;
	float:left;
	margin-right:15px;
	margin-bottom:0px;
	position:relative;
	border:1px solid #a4a4a4;
	border-radius:5px;
	}	

section .image{
	height:184px;
	}
	
section .newProducts .image{
	height:154px !important;
	}	
section .new{
	position:absolute;
	top:0px;
	left:0px;
	}	
	
section .newProducts .price{
	width:150px !important;
	}

section .price{
	width:210px;
	height:111px;
	background:#fcfcfc;
	padding:10px 10px 0px 10px;
	position:relative;
	font-size:13px;
	}
section .price .s1
{
	color:#0e62a3;
	}

section .price .s2{
	color:#9d9d9d;
	display:block;
	margin-bottom:8px;
	}
section .price .s3{
	color:#990000;
	font-weight:bold;
	}
section .price .s4{
	color:#2ea2fb;
	font-weight:bold;
	font-size:15px;
	}
section .price .s5 {
	color: #990000;
	font-size: 9px;
	}

/********************************
contentDetail with no master page
********************************/
.contentDetailNoMaster
{
	width:903px;
	background:White;
	border:solid 2pt #808080;
	height:100%;
}


.home{
	background:none;
	}
	
.mn{
	margin-left:0 !important;
	}
	
.topMargin{
	margin-top:0 !important;
	}	
/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.section
{
	width:660px;
}

.HolidayMessage
{
	font-size: 12px;
	font-weight:bold;
	color: #330000;
	background:white;
}

.inputBackColor
{
	background-color: AntiqueWhite;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.HeaderStyle
{
	font-size:9pt;
	font-weight:bold;
	background-color:#45494c;
	color:white;
}	
.GeneralLabel
{
	font-size: 8pt;  	
}

.GeneralLabel2
{
	font-size: 8pt;
	background-color: Yellow;
	color: Red;
	width: 100%;
	text-align: left;
	border: Solid 1px Red;
	float:left;
	position:relative;
	width:320px;
	margin-left:10px;
}
.GeneralLabel3
{
	font-size: 10pt;  	
}
.GeneralLabel4
{
	font-size: 12pt;  	
}
.GeneralLabel5
{
	font-size: 14pt;  	
}
.GeneralLabel6
{
	font-size: 9pt;  	
}
.GeneralLabel7
{
	font-size: 7pt;  	
}
ul.PageNotFoundList li
{
    margin-left: 1.5em;
    list-style-type: disc;
}
.SubHeadingLabel2
{
	font-size: 11pt; 
}

.SubHeadingLabel1
{
	font-size: 12pt;  	
}

.PageHeadingLabel
{
	font-size: 16pt; 
	color: #330000;
}

.PageHeadingLabel2
{
	font-size: 12pt; 
	color: #330000;
}



	
.ButtonAddToCart a
{
	background:url(/SiteImages/button_red.png) no-repeat;
	padding:1px 0 0 1px;
	color:white;
	font-weight:bold;
	font-size:12px;
	width:94px;
	height:22px !important;
    padding-top:4px;
	
}
.ButtonAddToCart a:hover
{
	background:url(/SiteImages/button_red_on.png) no-repeat;
	color:white;
}

.ButtonAddToCart-fr-CA a
{
	background:url(/SiteImages/button_red_wide.png) no-repeat;
	padding:1px 0 0 1px;
	color:white;
	font-weight:bold;
	font-size:12px;
	width:133px;
	height:22px !important;
    padding-top:4px;
	
}
.ButtonAddToCart-fr-CA a:hover
{
	background:url(/SiteImages/button_red_wide_on.png) no-repeat;
	color:white;
}
.ButtonGeneral
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:60pt;
	height:18pt;
	background-color:black;	
}
.ButtonGeneral2
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:100pt;
	height:18pt;
	background-color:#004679;	
}
.ButtonGeneral3
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:70pt;
	height:18pt;
	background-color:black;	
}
.ButtonGeneral4
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	width:153px;
	height:22px;
	background:url(/SiteImages/button_black_wide.png) no-repeat;
	border:0;
	cursor:hand;
}
.ButtonGeneralRed
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:60pt;
	height:18pt;
	background-color:#bb0000;	
}
.ButtonGeneralGreen
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:60pt;
	height:18pt;
	background-color:#0ca164;
}
.ButtonGeneralOrange
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-decoration: underline;
	width:60pt;
	height:18pt;
	background-color:#f46a22;	
}


.GeneralTextBox
{
	border: solid 1px gray;
	width:300px;
}
.GeneralTextBox2
{
	border: solid 1px gray;
	width:248px;
}
.GeneralTextBox3
{
	border: solid 1px gray;
	width:120pt;
}
.GeneralTextBox4
{
	border: solid 1px gray;
	width:190px;
}
.GeneralTextBox5
{
	border: solid 1px gray;
	width:165px;
}
LEGEND
{
	color: Black;
	font-size: 11pt;
	
}

FIELDSET
{	
	text-align:left;
	background-color: #ece9d8;
}

.Content
{
	font-size: small;

}


.Header
{
	font-size:12pt;
	
}

.scontent {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #ffffff
}
.html-content {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #999999 1px solid; SCROLLBAR-BASE-COLOR: #d8d8e5; BACKGROUND-COLOR: #ffffff
}
.imagePanel
{
	position:absolute;
	display:none;
	border:solid 3pt black;
	background-color:White;
}
.imagePanel2
{
	position:absolute;
	left:500px;
	display:none;
	border:solid 3pt black;
	background-color:White;
}

.sitemapBlock
{
	float:left;
	width:30%;
	padding:0 10px;
}

.sitemapHead
{
	font-size: 11pt;  	
	border-bottom: 1px solid black;
	margin-top:10px;
	margin-bottom:5px;
	}
	
.Message
{
	font-size:11pt;
	font-style:italic;
	font-weight:bold;
	color:Red;
}
.NoticeMessage, .ErrorMessage
{
	margin-top: 130px !important; 
	padding: 30px 0px 30px 15px !important;
	width:500px;
}
.NoticeMessage2, .ErrorMessage2
{
	margin-top: 5px !important; 
	padding: 30px 0px 30px 0px !important;
	width:500px;
}
.NoticeMessage3, .ErrorMessage3
{
	margin-top: 10px !important; 
	padding: 10px 10px 10px 10px !important;
	width:530px;
}

.NoticeMessage4, .ErrorMessage4
{
	margin-top: 10px !important; 
	padding: 10px 10px 10px 10px !important;
	width:560px;
}
.NoticeMessage5, .ErrorMessage5
{
	margin-top: 10px !important; 
	padding: 10px 10px 10px 10px !important;
	width:640px;
}

.NoticeMessage6, .ErrorMessage6
{
	margin-top: 130px !important; 
	padding: 30px 0px 30px 15px !important;
	width:530px;
}	
.NoticeMessage7, .ErrorMessage7
{
	margin-top: 5px !important; 
	padding: 10px 0px 10px 0px !important;
	width:500px;
}

.NoticeMessage8, .ErrorMessage8 {
	margin-top: 5px !important;
	padding: 10px 0px 10px 0px !important;
}
.HyperLink2 a  {
	color:#3674cc;
	}

.HyperLink2 a:hover, .HyperLink3 a:hover {
	text-decoration:underline;
	color:Blue;
	}
	
.HyperLink3 a{
	text-decoration:none;
	color:Black;
	}
	
.HyperLink4 a
{
	color:Black;
}
.HyperLink4 a:hover{
	color:Blue;
	}

.HyperLink5 a
{
	color:#ce0031;
}
.HyperLink5 a:hover{
	color:Black;
	}

.HyperLink6 ul li
{
	padding:5px;
}

.HyperLink6 a
{
	color:#3674cc;
}
.HyperLink6 a:hover{
	color:blue;
	text-decoration:underline;
	}
	
.HyperLink7 a
{
	color:#3674cc !important;
}
	
.HyperLink8 a
{
	text-decoration:underline;
	color:black !important;
}
.HyperLink7 a:hover, .HyperLink8 a:hover, .HyperLink9 a:hover{
	color:red !important;
	text-decoration:none !important;
	}
	
.HyperLink9 a
{
	text-decoration:underline !important;
	color:#3674cc !important;
	}
	
.HyperLink10 a
{
	color:red;
}
.HyperLink10 a:hover{
	color:white !important;
	}

.HyperLink11 a
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	width:153px;
	height:22px;
	background:url(/SiteImages/button_black_wide.png) no-repeat;
	border:0;
	cursor:hand;
    padding-top:4px;
}
.HyperLink11 a:hover{
	background:url(/SiteImages/button_black_wide_on.png) no-repeat;
	text-decoration:underline;
	color: white;
	}
	
.HyperLink12 a
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	width:133px;
	height:22px;
	background:url(/SiteImages/button_green_wide.png) no-repeat;
	border:0;
	cursor:hand;
    text-align:center;
    padding-top:4px;
}
.HyperLink12 a:hover{
	background:url(/SiteImages/button_green_wide_on.png) no-repeat;
	text-decoration:underline;
	color: white;
	}
.HyperLink13 a
{
	color:white !important;
	text-decoration:underline;
}
.HyperLink13 a:hover{
	color:red !important;
	}	
	
.HyperLink14 a
{
	text-decoration:underline;
	color:red;
}	
.HyperLink14 a:hover{
	color:blue !important;
	}

.disabledLink {
   pointer-events: none;
   cursor: default;
}
.displayNone
{
	display:none;
}
.displayBlock
{
	display:block;
}

.displayVisible
{
	visibility:visible;
}
.displayHidden
{
	visibility:hidden;
}
.bgBlackColor
{
	background-color:Black;
}
.bgWhiteColor
{
	background-color:white;
}

.greenBackgroundColor
{
	background-color:#0F8140;
}
.blueBackgroundColorPadding
{
	color:white;
	background-color:#1f63c4;
	padding:5px;
}

.lightBlueBackground
{
	background-color:#A0C9EC
}

.darkBlueBackground
{
	background-color:#282A73
}

.darkRedBackground
{
	background-color:#983365
}

.lightgrayBackgroundColorPadding
{
	color:black;
	background-color:#efefef;
	padding:5px;
}
.lightgrayBackgroundColor
{
	color:white;
	background-color:LightGrey;
}
.softGrayBackground
{
	background-color:#CCCCCC;
}

.grayBackground
{
	background-color:gray;
}
.whiteBackground
{
	background-color:white;
}
.lightgrayBackground
{
	background-color:LightGrey;
}
.lightergrayBackground
{
	background-color:#efefef;
}
.lightgrayColor
{
	color:#666666;
}
.whiteColor
{
	color:White;
}
.blackColor
{
	color:black;
}
.yellowColor{
	color:#fff287;
	}
.greenColor
{
	color:green;
}
.lightGreenColor
{
	color:#00CC00;
}
.redColor
{
	color:red !important;
}
.blueColor
{
	color:blue;
}

.grayColor
{
	color:gray;
}
.bodygrayColor
{
	color:#929292;
}
.brightred
{
	color:white;
	background-color:red;

}

.bold
{
	font-weight:bold;
}
.normalFont
{
	font-weight:normal;
}
.italic
{
	font-style:italic;
}
.alignLeft
{
	text-align:left;
}
.alignRight
{
	text-align:right;
}
.alignCenter
{
	text-align:center !important;
}
.underline
{
	text-decoration:underline;
}
.padding
{
	padding:5px;
}
.paddingLeft15
{
	padding-left:15px;
}
.paddingLeft45
{
	padding-left:45px;
}
.paddingLeft75
{
	padding-left:75px;
}
.paddingLeft120
{
	padding-left:120px;
}
.paddingRight5
{	
	padding-right:5px;
}
.paddingRight25
{	padding-right:25px;
}
.paddingTop5
{
	padding-top:5px;
}
.paddingTop10
{
	padding-top:10px;
}
.paddingTop15
{
	padding-top:15px;
}
.borderTopLeftRight
{
	border-top:solid 1px #DEDFDE;
	border-left:solid 1px #DEDFDE;
	border-right:solid 1px #DEDFDE;	
	padding:3px;
	background-color:#efefef;
}

.borderTopLeftRight2
{
	border-top:solid 1px #DEDFDE;
	border-left:solid 1px #DEDFDE;
	border-right:solid 1px #DEDFDE;	
	padding:3px;
}

.border
{
	border:solid 1px #DEDFDE;
	padding:3px;
	background-color:#efefef;
}

.border2
{
	border:solid 1px Gainsboro;
	padding:3px;
	border-collapse: collapse;
}

.border3
{
	border:solid 1px #DEDFDE;
	padding:3px;
}
.border td, .border th 
{
	border:solid 1px #DEDFDE;
	padding:3px;
}
.borderTopRightBottom
{
	border-right: solid 1px #DEDFDE; 
	border-top: solid 1px #DEDFDE; 
	border-bottom: solid 1px #DEDFDE; 
}

.border4
{
    margin: 10px;
	border:solid 1px red;
	padding:3px;
}
.tooltip2
{
    display: block;
    position: relative;
    text-decoration: none !important;
    top: 0px;
    left: 4px;
    font-size:9pt;
}
.tooltip2:hover:after
{
    background-color:#0033CC;
    border-radius: 5px;
    top: -35px;
    color:white;
    content: attr(alt);
    left: 321px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width:370px;
    text-align:left;
}
.tooltip2:hover:before {
    border: solid;
    border-color: transparent #0033CC;
    border-width: 6px 6px 6px 0;
    bottom: 20px;
    content: "";
    left: 315px;
    position: absolute;
    z-index: 99;
    top: 25px;
}
.marginLeft5
{
	margin-left:5pt;
}
.marginLeft20
{
	margin-left:20pt;
}
.marginLeft40
{
	margin-left:40pt;
}
.marginBottom40
{
	margin-bottom:40px;
}
.marginBottom10
{
	margin-bottom:10px;
}
.marginBottom5
{
	margin-bottom:5px;
}
.marginTop5
{
	margin-top:5px;
}
.floatLeft
{
	display: inline;
	float:left;
}
.floatRight
{
	display: inline;
	float:right;
}

.SubHeadingLabel1Border
{
	font-size: 13pt; 
	color: #023467;
	background-color:#eeebe1;
	border:solid 2pt black;
	height:100pt;
	width:622px;
}

.scontent {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #ffffff
}
.bea-portal-details-window-content {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #999999 1px solid; SCROLLBAR-BASE-COLOR: #d8d8e5; BACKGROUND-COLOR: #ffffff
}

.LabelMinReq
{
	font-weight:bold;
	font-size:13pt;
	width:540pt;
}  
#tblGoToCheckout
{
	background-color:Silver;
	position:absolute;
	height:65pt;
	width:110pt;
	top:221pt;
	left:984px;
	font-size:10pt;
	font-family:Arial;
	font-weight:bold;
}
.col_height_30
{ 
	height: 30px;
} 
.col_height_40
{ 
	height: 40px;
} 
.col_width_5
{ 
	width: 5px; 
} 
.col_width_70
{ 
	width: 70px; 
} 
.col_width_80
{ 
	width: 80px; 
} 
.col_width_100
{ 
	width: 100px; 
} 
.col_width_110
{ 
	width: 110px; 
} 
.col_width_130
{ 
	width: 130px; 
}
.col_width_160
{ 
	width: 160px; 
} 
.col_width_165
{ 
	width: 165px; 
} 
.col_width_175
{ 
	width: 175px; 
} 
.col_width_200
{ 
	width: 200px; 
} 
.col_width_215
{ 
	width: 215px; 
} 
.col_width_265
{ 
	width: 265px;
} 
.col_width_330
{ 
	width: 330px;
}
.col_width_370
{ 
	width: 370px;
} 
.col_width_390
{ 
	width: 390px;
} 
.col_width_410
{ 
	width: 410px;
}

.col_width_570
{ 
	width: 570px;
} 
.col_width_740
{ 
	width: 740px;
} 
.col_width_1004
{ 
	width: 1018px;
} 

.square {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.blackLegend {
  background: #303134;
}

.royalLegend {
  background: #2c619d;
}

.whiteLegend {
  background: #e8e9e9;
}

.silverLegend {
    background: #979aa0;
}
.yellowLegend {
	background:Yellow;
}

.centered
{
       margin: 0 auto;
       width:350px;
}
.flex-items-align-center {
    display: flex;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}


.checkout-page {
    line-height: 110%;
}

.order-totals {
    font-size: 12px;
}

.checkout-address-header {
    font-weight: bold;
    padding-bottom: 10px;
}

#ddlPaymentMethod {
    max-width: 205px;
}

#tblTermsConditions ul {
    list-style: disc;
    margin-left: 20px;
}

.privacy-policy-container, .MsoNormal, .terms-conditions-container {
    padding: 0 25px;
}

.privacy-policy-container table td, .privacy-policy-container table th {
    border: 1px solid #000000;
    padding: 2px 10px;
}

.privacy-policy-container ul {
    margin-left: 20px;
    list-style-type: disc;
}

.privacy-policy-container ol {
    padding-left: 12px;
}
.login-title {
    font-size: 1.3em;
}



/*****************************\
  Promotions
\*****************************/
.promo-content {
	font-size: small;
	color: #ff0000;
}

.promo-description {
	font-weight: bold;
}

.promo-extra {
	font-style: italic;
}

.promo-link :link {
	color: #0000EE;
}

.promo-link :visited {
	color: #551A8B;
}

.promo-link :link:active :visited:active {
	color: #FF0000;
}

.bg-success {
	background-color: #dff0d8;
}

.mfa-success {
	margin-top: 20px;
	height: 30px;
	display: flex;
	place-items: center;
	justify-content: center;
	width: 500px;
}

/*****************************\
  Preview
\*****************************/
.preview-marker {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	max-width: 1100px;
	writing-mode: vertical-lr;
	text-orientation: upright;
	padding: 10px;
	color: white;
	background-color: red;
	font-size: 22px;
	text-align: center;
}

.ptcentered {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
}