@font-face {
  font-family: Roboto;
  src: url("fonts/Roboto-light.ttf");
}
@font-face {
  font-family: Julee;
  src: url("fonts/Julee-Regular.ttf");
}
@font-face {
  font-family: Inkfree;
  src: url("fonts/Inkfree.ttf");
}
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "Roboto"; color: #777777; font-size:12pt; text-decoration:none; font-weight:lighter; line-height:1.2em}
img {border : 0; width: auto; height: auto; max-width: 100%;}
img a {outline : none; width: auto; height: auto; max-width: 100%;}
.menuTitle {font-size:14pt; color:#FFFFFF; font-weight:bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.menuTitle:link {color: #FFFFFF; text-decoration:none}
.menuTitle:visited {color: #FFFFFF; text-decoration:none}
.menuTitle:hover {color: #FFFFFF; text-decoration:none}
.menuText {font-size:14pt; color:#191919; font-weight:bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.inputBox {font-family: "Roboto"; color: #333333; font-size:12pt; padding:5px; border-radius: 0px 0px 0px 0px; width:90%}
.inputBoxSelect {font-family: "Roboto"; color: #333333; font-size:12pt; padding:5px; border-radius: 0px 0px 0px 0px}
.textLink {font-family: "Roboto"; font-weight:bold; color: #FFFFFF; text-decoration:none}
.textLink:link {font-family: "Roboto"; font-weight:bold; color: #FFFFFF; text-decoration:underline}
.textLink:visited {font-family: "Roboto"; font-weight:bold; color: #FFFFFF; text-decoration:underline}
.textLink:hover {font-family: "Roboto"; font-weight:bold; color: #FFFFFF; text-decoration:underline}
.descText {font-family: "Roboto"; color: #191919; font-size:8pt; line-height:1.1em}
.titleText {font-family: "Roboto"; color: #191919; font-size:12pt; line-height:1.1em}
.textButton {font-family: "Roboto"; color: #FFFFFF; font-size:12pt; border: solid 1px #EEEEEE; background-color:#FFFFFF; border-radius: 2px 2px 2px 2px; text-align:left; padding:0px; box-shadow:#666666 0px 1px 2px 0px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.textButton:hover {background-color:#EEEEEE; color:#FFFFFF; cursor:pointer}
.textButtonSmall {font-family: "Roboto";; color: #FFFFFF; font-size:12pt; padding:7px 20px 7px 20px; background-color:#4EBCEF; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.textButtonSmall:hover {background-color:#DDDDDD; color:#FFFFFF; cursor:pointer}
.bdsHomeBoxesText {color:#FFFFFF; font-size:20pt; text-decoration:none; font-weight:lighter; line-height:1.2em; outline: solid 1px #999999; background-color: #FFFFFF}
.bdsHomeBoxesText:hover {outline: solid 2px #333333}
.bdsHomeBoxesBoldText {color:#FFFFFF; font-size:20pt; text-decoration:none; font-weight:bold; line-height:1.2em}
.helpPageButton{font-size: 12pt; color: #4EBCEF; background-color: #ffffff; border: solid 1px #4EBCEF; width: 100%; text-decoration: none; padding: 20px;}
.helpPageButton:hover {background-color: #208BBC; border: solid 1px #208BBC; color: #ffffff; cursor: pointer}
.globalTextBox{width: 75%; color: #333333; background-color: #fff; font-size: 12pt; font-weight: lighter; padding: 10px; line-height: 0.6em; margin-bottom: 10px; outline: 0; border-width: 0 0 2px 0; border-color: #4EBCEF}
.globalTextBox:focus {border-color: Green}
.textAreaBox{width: 90%; color: #333333; background-color: #fff; font-size: 14pt; font-weight: lighter; padding: 10px; line-height: 0.6em; margin-bottom: 10px; outline: 0; border-width: 2px 2px 2px 2px; border-color: #4EBCEF; line-height: 1.1em}
.textAreaBox:focus {border-color: Green}
.searchButton {font-size: 14pt; outline: none; border: none; background-color: #4EBCEF; color: #FFFFFF; padding: 10px 30px 10px 30px}
.searchButton:hover {background-color: #208BBC; cursor: pointer}
.accountPageButton{font-size: 12pt; color: #ffffff; background-color: #208BBC; border: solid 1px #208BBC; width: 100%; text-decoration: none; padding: 10px;}
.accountPageButton:hover {background-color: #8bbc20; border: solid 1px #8bbc20; color: #ffffff; cursor: pointer}
.discountBackground {
  color: white;
  background-color: red;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px;
}
.basketButton {
  color: darkgrey;
  background-image: url("images/basketFont.png");
  background-position: center; 
  background-repeat: no-repeat;
  background-size: 30px;
}
.circle {
  display: inline-block; 
  height: 15px; 
  width: 15px; 
  line-height: 15px; 
  -moz-border-radius: 50%; 
  border-radius: 50%;  
  background-color: red; 
  color: white; 
  text-align: center; 
  font-size: 11pt;
}
.bdsFooterText {color: white; font-size: 8pt}
.bdsFooterCopyrightText{color: white; font-size: 8pt}
.bdsFooterTextLink{color: white; font-size: 8pt}