- no
tags are needed. If you want to have a
different background/style when you are actually ON the page then you need to make your
menu an editable region and use
menu item with no link
*/
.vertmenu a{ text-decoration:none; text-align:left;
color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
font-weight: normal; display:block; width:auto; height:30px; line-height: 14px; padding: 5px; border-bottom:1px solid #000000;margin-right:15px; vertical-align:middle}
.vertmenu a:hover { color:#415a68;
}
.subvertmenu a{ text-decoration:none; text-align:left;
color:#000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
font-weight: normal; display:block; width:160px; height:20px; line-height: 30px;margin-left:40px;}
.subvertmenu a:hover { color:#415a68;
}
/* -------------------------- TEMPLATE & LAYOUT STYLES ---------------------------------- */
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #415a68; margin:0px; font-weight:lighter; line-height:22px;
}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #415a68; margin:0px; font-weight:lighter; line-height:22px;
}
h2 a:link {color:#415a68; text-decoration:underline;}
h2 a:visited {color:#415a68; text-decoration:underline;}
h2 a:hover {color:#83cc34; text-decoration:underline; cursor:pointer; }
h2 a:active {color:#415a68; text-decoration:underline;
}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #415a68; margin-top:20px;
font-weight:lighter; letter-spacing:-1px;
}
h3 a:link {color:#8b8b8d; text-decoration:underline;}
h3 a:visited {color:#8b8b8d; text-decoration:underline;}
h3 a:hover {color:#FF6600; text-decoration:underline; cursor:pointer; }
h3 a:active {color:#8b8b8d; text-decoration:underline;
}
.subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #000000; margin:0px;
}
.quote { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #415a68; margin:0px; font-style:italic;font-weight:bold;
}
.quote-main { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #415a68; margin:0px; font-style:italic;font-weight:bold;
}
.caseh2 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #8b8b8d; margin-top:5px;
font-weight:lighter; letter-spacing:-1px; margin-bottom:20px;
}
.caseh2 a:link {color:#f81685; text-decoration:underline;}
.caseh2 a:visited {color:#f81685; text-decoration:underline;}
.caseh2 a:hover {color:#8B8B8D; text-decoration:underline; cursor:pointer; }
.caseh2 a:active {color:#f81685; text-decoration:underline;
}
.casetxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #666666; line-height:130%;
}
.casetxt a:link {color:#f81685; text-decoration:underline;}
.casetxt a:visited {color:#f81685; text-decoration:underline;}
.casetxt a:hover {color:#8B8B8D; text-decoration:underline; cursor:pointer; }
.casetxt a:active {color:#f81685; text-decoration:underline;
}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #FFFFFF;
}
.ours a:link {color:#FFFFFF; text-decoration:none;}
.ours a:visited {color:#FFFFFF; text-decoration:none;}
.ours a:hover {color:#FFFF00; text-decoration:none; cursor:pointer; }
.ours a:active {color:#FFFFFF; text-decoration:none;
}
.foot { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #FFFFFF;
}
.foot a:link {color:#FFFFFF; text-decoration:none;}
.foot a:visited {color:#FFFFFF; text-decoration:none;}
.foot a:hover {color:#FFFF00; text-decoration:none; cursor:pointer; }
.foot a:active {color:#FFFFFF; text-decoration:none;
}
.highquality {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
.tel { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #FFFFFF;
}
.rhboxtitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; color: #ffffff;
}
.homeboxpad {padding-left:10px; padding-right:10px;}
.homeboxMARG {margin-top:20px;}
.homebuttMARG {margin-top:10px;}
.tenpxbm {margin-bottom: 15px;
}
.txtfield { border: 1px solid #CCCCCC; padding:1px;
}
.portmarg {margin-top:15px;}
.IML {margin-right:20px;margin-bottom:10px;float:left;}
.IMR {margin-left:20px;margin-bottom:10px;float:right;}
.keypad {margin-left:15px;}
.searchfield {
font-size: 12px;
border: 1px solid #FFFFFF;
margin: 0px;
}
/* -------------------------------- TEXT STYLES ----------------------------------------- */
.maintxt { font-family: Arial, Times New Roman, Helvetica, sans-serif; font-size: 13px; color: #333333; line-height:130%; }
.maintxt a:link {color:#83CC34; text-decoration:underline;}
.maintxt a:visited {color:#83CC34; text-decoration:underline;}
.maintxt a:hover {color:#FF6600; text-decoration:none; cursor:pointer;}
.maintxt a:active {color:#83CC34; text-decoration:underline;
}
.port { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height:130%; }
.port a:link {color:#f81685; text-decoration:underline;}
.port a:visited {color:#f81685 text-decoration:underline;}
.port a:hover {color:gray; text-decoration:none; cursor:pointer;}
.port a:active {color:#f81685; text-decoration:underline;
}
.topmenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height:120%; font-weight:bold; }
.topmenu a:link {color:#FFFFFF; text-decoration:underline;}
.topmenu a:visited {color:#FFFFFF; text-decoration:underline;}
.topmenu a:hover {color:#FFFF00; text-decoration:none; cursor:pointer;}
.topmenu a:active {color:#FFFFFF; text-decoration:underline;
}
.smenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8b8b8d; line-height: 200%; margin-top:50px;
}
.smenu a:link {color:#8b8b8d; text-decoration:none; }
.smenu a:visited {color:#8b8b8d; text-decoration:none; }
.smenu a:hover {color:#83CC34; text-decoration:underline; cursor:pointer; }
.smenu a:active {color:#8b8b8d; text-decoration:none;
}
.smenu-des { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #8b8b8d; line-height: 200%; margin-top:50px;
}
.smenu-des a:link {color:#8b8b8d; text-decoration:none; }
.smenu-des a:visited {color:#8b8b8d; text-decoration:none; }
.smenu-des a:hover {color:#f3a612; text-decoration:underline; cursor:pointer; }
.smenu-des a:active {color:#8b8b8d; text-decoration:none;
}
#container {
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 10px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFFFFF;
}
#flashbox {
height: auto;
width: 990px;
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
}
#headerbox {
height: auto;
background-color: #003e63;
background-image: url(https://europrofiles.com.au/images/euro-header-bg.png);
background-size: 100% 100%;
height: 200px;
}
#headertextbox {
position: relative;
min-height: 60px;
}
#headertextbox .headertext {
position: absolute;
font-size:22px;
text-align:center;
}
#maincontent {
height: auto;
}
#leftboxhome {
float: left;
height: auto;
width: 700px;
text-align: left;
}
#rightboxhome {
float: right;
margin-left: 20px;
height: auto;
}
#logobox {
float: left;
height: 127px;
text-align: left;
margin-top: 5px;
padding-top: 3px;
}
#logobox img {
max-width: 140px;
margin-top:10px;
}
#headerright {
}
#headermiddle {
float: left;
height: auto;
color: #FFFFFF;
margin-top: 101px;
}
.dottybottom { border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #8b8b8d;
}
#left {
float: left;
height: auto;
width: 200px;
text-align: left;
}
#footerbar {
height: 30px;
width: 990px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #666666;
line-height: 30px;
}
#right {
float: right;
width: 770px;
margin-left: 20px;
text-align: left;
height: auto;
}
#menubox {
height: 30px;
line-height: 30px;
text-align:left;
margin-right: 0px;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
z-index:1;
background-color: #00426b;
}
#dotline {
line-height: 1px;
height: 1px;
width: 990px;
margin-right: auto;
margin-left: auto;
border-top-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#footerbox {
text-align: center;
line-height: 30px;
clear: both;
margin: 0px;
padding: 0px;
background-color: #00426b36;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
background-image: url(https://europrofiles.com.au/images/euro-header-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding-top: 14px;
padding-bottom: 15px;
background-blend-mode: color-burn;
}
#footerbox small {
font-size: 10px;
}
#bannerbox {
height: 399px;
padding: 0px;
}
#content {
height: auto;
}
#telbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
float: right;
width: 100%;
line-height: 25px;
}
#cardbox {
text-align: right;
float: right;
height: 31px;
width: 261px;
padding-top: 15px;
}
#bottomheaderright {
text-align: right;
float: right;
height: 25px;
width: 280px;
margin-top: 8px;
}
#search {
width: 185px;
float: right;
margin-right: 6px;
font-family: Arial, Helvetica, sans-serif;
}
div#search table tr td:first-child {
padding-right: 6px;
}
#basketbutton {
float: right;
height: 21px;
width: 80px;
}
/* CODE FOR NAV MENU */
.dropdown {
height:30px;
width: 970px;
margin-top:5px;
}
#nav, #nav ul { /* all lists */
margin: 0;
padding: 0;
text-decoration:none;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 30px;
float:left;
list-style:none;
position:absolute;
z-index:2;
}
#nav a {
text-decoration:none;
color:#FFFFFF;
display:block;
padding-left:15px;
padding-right:15px;
}
#nav a:hover {
display: block;
background-color: #1c303c;
padding-left:15px;
padding-right:15px;
}
#nav li { /* all list items */
margin: 0;
padding: 0;
display: block;
float: left;
width: auto; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
margin: 0;
padding: 0;
position: absolute;
/*width:20em;*/
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
color:#333333;
width: 250px
}
#nav li ul a { /* second-level lists */
background-color:#00426b;
color:#FFFFFF;
white-space:nowrap;
display:block;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
padding-left:21px;
padding-right:10px;
font-size:12px;
width: 250px;
}
#nav li ul a:hover {
margin: 0;
padding: 0;
display: block;
background-color: #1c303c;
color:#FFFFFF;
padding-left:21px;
padding-right:10px;
font-size:12px;
}
#nav li ul ul { /* third-and-above-level lists */
left: 0;
margin-top: -31px;
margin-right: 0;
margin-bottom: 0;
/*margin-left: 17em;*/
padding-left:9px;
font-size:11px;
}
/*positioning and width of third level list*/
#nav li.external ul ul {
left: 0;
margin-left: -200px;
}
#nav li:hover, #nav li.hover {
position: static;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#nav li.external ul ul a {
width:160px;
}
#bannerboxL {
float: left;
height: 400px;
}
#bannerboxR {
float: right;
height: 400px;
}
#mainpic{
width:100%;
}
.iconpad1 {margin-right:5px;margin-bottom:5px;width: 48%;}
.iconpad2 {margin-right:0px;margin-bottom:5px;width: 48%;}
#homecontent {
float: left;
height: auto;
margin-top: 10px;
border-bottom-width: 10px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#homenav {
float: left;
height: auto;
width: 200px;
}
#homeL {
float: left;
height: auto;
width: 532px;
}
#homeR {
text-align: right;
float: right;
height: auto;
width: 200px;
}
#videobox {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
float: right;
height: 150px;
width: 200px;
color: #565555;
overflow: hidden;
}
#videobox img {
width: 100%;
}
#tradebox {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
float: right;
height: 185px;
width: 200px;
color: #FFFFFF;
padding-top: 10px;
margin-top: 10px;
background-color: #476170;
font-size: 11px;
}
#tradebox a:link {color:#FFFFFF; text-decoration:underline;}
#tradebox a:visited {color:#FFFFFF; text-decoration:underline;}
#tradebox a:hover {color:#FFFF00; text-decoration:none; cursor:pointer;}
#tradebox a:active {color:#FFFFFF; text-decoration:underline;}
.quotebox {
background-color: #eeeeee;
padding: 10px;
float: left;
height: auto;
width: 678px;
margin-top: 5px;
border: 1px solid #AAA8A8;
font-family: georgia;
font-size: 12px;
font-style: italic;
color: #424141;
text-align: left;
}
.quoteboxmain {
background-color: #eeeeee;
padding: 10px;
float: left;
height: auto;
width: 948px;
margin-top: 5px;
border: 1px solid #AAA8A8;
font-family: georgia;
font-size: 12px;
font-style: italic;
color: #424141;
text-align: left;
}
#breadbox {
font-size: 11px;
line-height: 20px;
text-align: left;
float: left;
height: auto;
margin-bottom:15px;
}
.nofloat {float:none !important;}
#breadboxcat {
font-size: 11px;
line-height: 30px;
text-align: left;
float: left;
height: 30px;
}
#prodtopL {
}
#prodtopR {
}
#threedinfobox {
color: #333333;
background-image: url(../images/3dinfoboxbg.gif);
text-align: left;
padding: 10px;
border: 1px solid #979696;
margin-top:5px;
font-size: 11px;
line-height:100%;
}
#prodlist {
height: auto;
margin-top: 20px;
margin-bottom: 10px;
}
#categorytop {
float: left;
height: auto;
}
.pdescription img {
max-width: 100%;
}
.prodtab img {
max-width: 100%;
}
/* -------------------------- PRODUCT PANEL ---------------------------------- */
#prodpanel {
height: 700px;
width: 950px;
background-color: #3c3c3c;
}
#prodpaneltop {
float: left;
height: 50px;
width: 950px;
}
#newprodpaneltop {
height: auto;
width: 100%;
margin-top:10px;
margin-bottom:15px;
}
#proddettopL {
font-size: 24px;
font-family: Georgia, Times New Roman, Helvetica, sans-serif;
color: #FFFFFF;
text-align: left;
float: left;
height: 50px;
width: 814px;
padding-left: 36px;
line-height: 50px;
}
#proddettopR {
text-align: right;
float: right;
height: 50px;
width: 100px;
}
#prodpanelmain {
float: left;
height: 400px;
width: 950px;
}
#newprodpanelmain {
display:block;
height: auto;
width: 100%;
clear:both;
min-height:450px;
}
#prodpanelmainL {
float: left;
height: 30px;
width: 30px;
padding-right: 6px;
padding-left: 6px;
padding-top: 185px;
padding-bottom: 185px;
}
#prodpanelmaincentre {
float: left;
height: 400px;
width: 866px;
}
#newprodpanelmaincentre {
height: auto;
width: 100%;
display:block;
}
#prodpanelmainR {
float: right;
font-family: Arial, Helvetica, sans-serif;
height: 30px;
width: 30px;
padding-right: 6px;
padding-left: 6px;
padding-top: 185px;
padding-bottom: 185px;
}
#prodmaincentreL {
float: left;
font-family: Arial, Helvetica, sans-serif;
height: 400px;
width: 400px;
margin-right: 20px;
}
#newprodmaincentreL {
float: left;
height: auto;
width: 48%;
margin-right: 2%;
}
#newprodmaincentreL img {width:100%;height:auto;max-width:400px;}
#prodmaincentreR {
text-align: left;
float: left;
height: 400px;
width: 446px;
color: #FFFFFF;
line-height:120%;
}
#newprodmaincentreR {
text-align: left;
float: left;
height: auto;
width: 50%;
line-height:120%;
}
.product-buttons {display:block;margin-top:10px;vertical-align:middle;}
.product-buttons input, .product-buttons a {display:inline-block;vertical-align:middle; }
#otherpics {
height: 75px;
width: 446px;
margin-top: 10px;
}
#newotherpics {
height: 75px;
width: 100%;
margin-top: 10px;
}
#newotherpics img {width:25%;height:auto;}
#prodpanelbottom {
text-align: left;
float: left;
width: 878px;
padding-right: 36px;
padding-left: 36px;
font-size: 18px;
color: #FFFFFF;
height: 150px;
}
#newprodpanelbottom {
text-align: left;
display:block;
width: 100%;
font-size: 18px;
height: auto;
margin-top:15px;
}
.related-title {display:block;width:100%;}
.proddesc { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; line-height:130%; }
.proddesc a:link {color:#d2232a; text-decoration:underline;}
.proddesc a:visited {color:#d2232a; text-decoration:underline;}
.proddesc a:hover {color:#000000; text-decoration:underline; cursor:pointer;}
.proddesc a:active {color:#d2232a; text-decoration:underline;
}
@media (max-width: 768px){
#newprodmaincentreL {
float: left;
height: auto;
width: 100%;
margin-right: 0;
margin-bottom:30px;
}
#newprodmaincentreR {
text-align: left;
float: left;
height: auto;
width: 100%;
line-height:120%;
}
#newprodpanelmain {
display:block;
height: auto;
width: 100%;
clear:both;
min-height:inherit;
}
#newprodpanelbottom td {width:50%;display:inline-block;float:left;}
}
#categoryL {
text-align: left;
float: left;
height: auto;
}
#categorytext {
text-align: left;
float: left;
height: auto;
}
#categorymain {
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
#categorybottom {
text-align: left;
float: left;
height: auto;
}
#projectholder {
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
#projectL {
float: left;
width: 640px;
margin-right: 20px;
}
#projectR {
text-align: left;
float: right;
width: 310px;
}
#bottomheaderholder {
float: right;
height: auto;
width: 280px;
margin-bottom: 5px;
}
#bottomheaderholderL {
float: left;
height: auto;
width: 290px;
text-align: center;
padding-left: 10px;
}
#bottomheaderholderR {
float: right;
height: auto;
width: 300px;
margin-top: 20px;
}
#topheaderholder {
float: left;
height: 40px;
width: 757px;
}
#aboveheader {
line-height: 20px;
text-align: right;
height: 20px;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
#aboveheader a {text-decoration:none;}
#homeicons {
text-align: center;
float: left;
font-weight: bold;
color: #415a68;
margin-top: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
#homeicons img {
width: 100%;
}
#backtotop {
line-height: 30px;
text-align: center;
float: left;
height: 30px;
}
.checkout_button,
.checkout_button:hover {
padding: 6px 20px;
background-color:#d2232a;
font-size:14px;
font-weight: bold;
color:#FFF !important;
text-decoration:none !important;
}
.home-bottom-content {
display: block;
clear: both;
text-align: justify;
}
.webinars-images {
text-align: center;
}
.cust-webinar {
text-align: center;
max-width: 800px;
margin: auto;
}
#homecontent #homeL {
padding: 20px;
max-width: 520px;
}
.video-section iframe {
width: 100%;
height: 257px;
border: 1px solid #ccc;
}
.pri-content {
font-size: 11pt;
}
.pri-content li {
font-size: 11pt;
line-height: 22px;
}
ul#nav li.drop ul {
max-height: 400px;
overflow: hidden;
overflow-y: auto;
}
ul#nav li.drop ul li a {
width: 100%;
white-space: break-spaces;
line-height: 17px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 20px;
}
ul#nav li.drop ul li {
display: block;
width: 100%;
}
.caticonmarg {
margin-bottom: 7px;
width:100%;
height:auto;
}
#telbox{
font-size: 18px;
line-height: 22px;
}
.orac-projects {
height: 250px;
object-fit: cover;
}
.mobile-menu {
display:none;
}
.category-inner-cat-text div:first-child {
margin-bottom: 1em;
}
div#telbox img {
height: 60px;
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 970px;
}
}
@media (max-width: 991px){
.dropdown.desktopmenu {
display:none;
}
.mobile-menu {
display:block;
}
#aboveheader {
text-align: left;
height: auto;
display: contents;
}
#aboveheader a {
padding-right: 5px;
text-decoration: none;
padding-left: 5px;
}
#menubox {
height: auto;
}
}
@media (max-width: 768px){
div#telbox img {
height: 44px;
}
#headerbox {
position: relative;
height: 145px;
}
#logobox {
height: auto;
}
#headertextbox .headertext {
font-size: 16px;
}
#headerright {
position: absolute;
width: 50%;
right: 0;
}
#headermiddle {
margin-top: 10px;
text-align:center;
}
.iconpad1 {height: auto;}
.iconpad2 {height: auto;}
.orac-projects {
height:auto;
object-fit: cover;
}
#aboveheader {
text-align: left;
height: auto;
display: contents;
}
#aboveheader a {
padding-right: 5px;
text-decoration: none;
padding-left: 5px;
}
#menubox {
height: auto;
}
}
@media (max-width: 576px){
div#cardbox img {
width: 50%;
height: auto;
}
.category-inner img {
width: 100%;
height: auto;
}
.prodtab input[type=image] {
width: 100%;
}
#bannerboxL {
float: left;
height: AUTO;
PADDING: 10PX;
WIDTH: 100%;
TEXT-ALIGN: center;
MARGIN: 0PX AUTO;
}
.iconpad1 {
margin-right: 5px;
margin-bottom: 5px;
width: 10%;
}
#bannerboxR {
height: AUTO;
padding:0px 15px;
}
#bannerbox {
height: AUTO;
}
#telbox{
font-size: 12px;
line-height: 15px;
}
#headertextbox .headertext {
font-size: 12px;
}
#logobox img {
max-width: 100px;
}
.iconpad2 {
margin-bottom: 5px;
width: 10%;
margin-right: 5px;
}
#videobox {
float: left;
height: auto;
width: 100%;
}
#tradebox{
float: left;
height: auto;
width: 100%;
}
table.video-section tbody tr td p:first-child {
height: 40px;
}
input.rollover {
width: auto !important;
}
#bottomheaderholderR {
width: 200px;
}
.prodtab img {
max-width: 100%;
width: 100%;
}
div#prodtopL img {
max-width: 100%;
}
}
/* CookieBot styling overrides */
#CybotCookiebotDialog {
background-color: #00426b !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
background-color: #00426b !important;
border-color: #ffffff;
color: #ffffff;
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider::before {
background-color: #00426b !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
background-color: #00426b !important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: #917d54 !important;
border-color: #917d54;
color: #ffffff;
}
#CookiebotWidget .CookiebotWidget-logo svg circle {
fill: #00426b !important;
}
#CookiebotWidget #CookiebotWidget-widgetContent {
background-color: #00426b !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
background-color: #00426b !important;
}
#CookiebotWidget .CookiebotWidget-consent-details .CookiebotWidget-consent-details-box {
background-color: #00426b !important;
}
.privacy {text-transform:capitalize;}
a.privacy {color:#fff !important;}
/* Product image fixes for mobile and tablet */
@media only screen and (min-width: 991px) and (max-width: 1199px) {
.proddesc img {max-width:468px !important;height:auto !important;}
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
.proddesc img {max-width:348px !important;height:auto !important;}
}
@media (max-width: 768px){
.proddesc img {width:100% !important;height:auto !important;}
}
.enquiry-form {max-width:500px;margin-top:30px;}
.enquiry-form input, .enquiry-form textarea {width:100%;padding:5px;}
.enquiry-form input[type="submit"] {width:150px;background-color:#d2232a;color:#fff;padding:4px 15px;text-transform:uppercase;font-size:12px;font-weight:bold;border:0px !important;}
.enquiry-form input[type="submit"]:hover {background-color:#00426b;}
.product-buttons input {width:auto;background-color:#d2232a;color:#fff;padding:4px 15px;text-transform:uppercase;font-size:12px;font-weight:bold;border:0px !important;}
.product-buttons:hover input {background-color:#00426b;}
.price-display {display:none !important;}