html * {
font-family: arial,verdana,helvetica,sans-serif !important;
font-size:13px;
}

body {
font-family: arial,verdana,helvetica,sans-serif !important;
font-size:13px;
}

@media(min-width:70em){
html{font-size: 12px;}
body{font-size: 12px;}
}


body {
--background:url(https://www.becanada.com/bg2016.jpg) #eeeeee top center fixed;
--background:url(https://www.becanada.com/bg22010.gif) #eeeeee top center fixed repeat-y;
--background-size: cover;
---webkit-background-size: cover;
---moz-background-size: cover;
---o-background-size: cover;
--background-size: cover;
margin:0px;
width: 100%;
}

.bonusgif {
background:url(https://www.becanada.com/b.jpg) top center no-repeat; 
width:120px; 
height:120px; 
color:white; 
font-size:medium; 
text-align:center;
}

#maxdiv {
width:99%;
background:#ffffff;
min-width:800px;
max-width:1090px;
text-align:left; 
padding-bottom:10px; 
overflow:hidden;
margin: 0 auto;

border-radius:10px;
border:1px black solid;
}

#contentdiv {
background:#ffffff; 
padding:10px;
min-height:1000px;
margin-left:150px;
overflow:hidden;
}

#contentdiv_nomenu {
background:#ffffff;
min-height:1000px; 
border-radius:10px;
overflow:hidden;
border:1px green solid;
}

#mainmenu_isell {
float:left;
width:135px;
display:block;
padding-right:15px; 
height:auto;
border-radius:10px;
overflow:hidden;
}

#contentdiv_isell {
background:#ffffff; 
margin-left:150px;
overflow:hidden;
border-radius:10px;
overflow:hidden;
}

#mainmenu {
display:block;
float:left;
width:125px;
height:auto;
border-radius:10px;
overflow:hidden;
}

.mainc {
width:100%;
margin:0 auto;
border-radius:10px;
overflow:hidden;
}

.topbuttons {
font-size:small; 
width:66px; 
color:black; 
border-radius:10px; 
}

.mainsub {
background-color: #000000; 
padding-top:5px;
padding-bottom:5px;
border-radius:10px;
overflow:hidden;
}

.mainc2 {
height:30px; 
padding-top:2px;
padding-bottom:2px;
border-radius:10px;
overflow:hidden;
}

.mwide {
width:100%;
min-width:800px;
max-width:1090px; 
overflow:hidden;
margin:0 auto;
border-radius:10px;
overflow:hidden;
}

.mmm {
background-color:#eeeeee; 
color:green;
}

.mwide.mainsub {
margin-top:5px;
margin-bottom:5px;
}

.mwide.mainsub table.mainc{
width:100%;
min-width:800px;
max-width:1090px;
}

.footer.mwide.mainsub table.mainc {
width:100%;
min-width:800px;
max-width:1090px;
padding-right:0px;
padding-left:0px;
}

.t {background: url(https://www.becanada.com/tb.gif) 0 0 repeat-x; width:20em; width:99%; }
.b {background: url(https://www.becanada.com/bb.gif) 0 100% repeat-x}
.l {background: url(https://www.becanada.com/lb.gif) 0 0 repeat-y}
.r {background: url(https://www.becanada.com/rb.gif) 100% 0 repeat-y}
.bl {background: url(https://www.becanada.com/lbc.gif) 0 100% no-repeat}
.br {background: url(https://www.becanada.com/brc.gif) 100% 100% no-repeat}
.tl {background: url(https://www.becanada.com/tlc.gif) 0 0 no-repeat}
.tr {background: url(https://www.becanada.com/trc.gif) 100% 0 no-repeat; padding:12px;} 

.topheading {
padding:5px;
width:99%;
}

.t1 { width:20em; width:99%; }
.b1 { }
.tl1 { }
.tr1 { padding:10px} 


li {padding-bottom:2px; }

a {
color:blue;
padding:2px;
text-decoration:none;
}

a:hover {
color:green;
text-decoration:underline;
}

input,button,textarea {border-radius:10px;}
input,button {border-color:green;}
input:hover {border-color:gold;}
table td,hr {border-radius:10px;}


#TP22{
background-color:#ffffff;
height:36px;
}

#TP23{
background-color:#ffffff;
height:40px;
}

#TP4{
text-align:left;
padding-left:5px;
color:black; 
text-decoration:none; 
font-size:small; 
display:block;
background-color:#eeeeee;
border:1px black solid;
border-radius:10px;
}

#TP4:hover{
color:white; 
text-decoration:underline; 
font-size:small;
width:110px;
border-radius:10px;
height:16px;
background-color:green;
display:block;
}

#TP3{
color:black; 
text-decoration:none; 
font-size:small; 
width:110px;
height:18px;
padding-top:2px;
border-radius:10px;
}

.itemlist {
padding:6px;
font-size:80%;
width:99%;
}

.itemlist td,.itemlist b,.itemlist i {
font-size:80%;
}

.itemlist_img {
border:5px solid #ffffff;
}

.itemlist td a.clickhere,.prod_link td a.clickhere {
width:25%;
padding-left:10px;
padding-right:10px;
height:20px;
border-radius:25px;
border:1px solid black;
color:white;
background-color:green;
text-decoration:none;
font-size:80%;
}

.itemlist td a.clickhere:hover,.prod_link td a.clickhere:hover {
color:black;
background-color:white;
}

.menutable {width:125px;}
.menutable td{padding-top:1px;}

.menu1 {
text-decoration:none; 
width:110px; 
font-size:small; 
padding-top:1px;
padding-bottom:1px;
}

.menu2 {
text-decoration:none; 
font-size:8pt; 
color:#000000; 
display:inline-block;
width:110px; 
background-color:#eeeeee;
border:1px black solid;
border-color:#000000;
border-radius:10px;
}

.menu2:hover{ 
color:black; 
text-decoration:underline; 
font-size:small; 
width:110px; 
background-color:gold;
display:inline-block
}

.isell1 {
text-decoration:none; 
font-size:small; 
color:black; 
width:60px; 
display:block;
border-radius:10px;
}

.isell1:hover{ 
color:blue; 
text-decoration:underline; 
font-size:small; 
width:60px; 
display:block;
}

#MB {
text-decoration:none; 
color:black; 
font-size:small; 
height:25px;
border-radius:10px;
}

#MB:hover {
text-decoration:underline; 
color:black;
font-size:small; 
height:25px;
}

.t_a {
width:99%;
background-color:#eeeeee;
padding:5px;
display:block;
border-radius:10px;
}

.t_a:hover {
background-color:yellow;
}

.t_p {
font-size:small;
padding-left:5px;
}

.t_d {
display:block;
padding:5px;
}

table.tabledis ul li {
padding:10px;
}

.mattblackmenu ul li a {
font-family:arial;
font-size:small;
}

.prodtable {
border-spacing:10px;
width:99%;
margin-top:20px;
font-size:80%;
}

.prodtable td {
width:25%;
vertical-align:top;
padding-left:10px;
font-size:80%;
}

.prod_title td {
border-radius:10px;
color:green;
font-weight:bold;
padding-top:5px;
font-size:90%;
}

.prod_text td {
padding-top:5px;
color:black;
font-size:80%;
}

.prod_link td a img {
height:37px;
width:125px;
}

.prod_link td a img:hover {
height:37px;
width:125px;
}

.prod_link td a {
top:-10px;
}

.prod_header {
padding:5px;
width:98%;
height:20px;
color:white;
font-size:100%;
border-radius:10px;
border:1px solid gold;
background-color:#000000;
text-indent:10px;
padding-top:10px;
line-height: 1em;
font-weight:bold;
}


/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
-font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 2px solid black;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
-font: normal 12px Arial;
font-size:small;
width: 220px; /*width of menu (not including side paddings)*/
color: black;
background-color: #ffffff;
text-decoration: none;
padding: 1px 5px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 220px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #eeeeee;
color: green;
text-decoration:underline;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
border-left: 1px solid black;
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 99%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 5px; /*padding inside each tab*/
border-right: 1px solid #eeeeee; /*right divider between tabs*/
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
color:gold;
}

.mattblackmenu a.selected{
color:gold;
background: black; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(https://www.becanada.com/3dmenu/ddlevelsfiles/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font-size:small;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}


.scaleSS { width:760px; height:120px; }



.replicate li {
padding-bottom:1%;
font-style:italic;
font-size:100%;
}

.replicate {
list-style-image: url('https://www.becanada.com/check.png');
}

.hrfont {
padding:5px;
width:98%;
height:25px;
color:green;
font-size:large;
padding-top:10px;
padding-bottom:10px;
line-height: 2em;
font-weight:bold;
}



.topbuttons {font-size:small;width:70px;}
.ddsubmenustyle, .ddsubmenustyle ul,.ddsubmenustyle li a,.markermenu ul li a {font-size:8pt; }
.mattblackmenu li a {font-size:8pt; }
.mattblackmenu ul li a {font-size:8pt; font-weight:600;}

.itemlist,.prod_header {font-size:100%;}
.itemlist td,.itemlist b,.itemlist i {font-size:100%;}
.prodtable,.prodtable td ,.prod_title td ,.prod_text td {font-size:100%;}
.itemlist td a.clickhere, .prod_link td a.clickhere {width:150px;font-size:100%;}
.footer,.footer div,.footer.mwide.mainsub,small.footer.mwide.mainsub {font-size:100%;}


i,b,u,I,B,U,font {
font-size:inherit;
}

big,BIG {
font-size:110%;
}

small,SMALL {
font-size:85%;
}

h1,H1 { font-size:120%; }
h2,H2 { font-size:110%; }
h3,H3 { font-size:105%; }
h4,H4 { font-size:95%; }
h5,H5 { font-size:90%; }
h6,H6 { font-size:70%; }
h7,H7 { font-size:60%; }