/* Styles for the site menu */

#normalMenu {display: block; visibility: visible;}
#mobileMenu {display: none; visibility: hidden;}

#navmenu {margin: 0;
	padding: 0;
	z-index: 30}

#navmenu li {margin: 0;
    padding: 0.5em 0em 0.5em 0em;
	list-style: none;
	float: left;
	font-size: 40%;
	font-weight: normal;
	font-family: Segoe UI, Verdana, sans-serif;}

#navmenu li a {display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background-color: rgb(40, 80, 40);
	color: rgb(255, 255, 255);
	text-align: center;
	text-decoration: none;}

#navmenu li a:hover {color: rgb(255, 255, 255);
	text-decoration: underline;}

#navmenu div {position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 8px;
	padding: 0;
	background: #acb;
	border: 1px solid #260}

#navmenu div a {position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #bdc;
	color: #000;
	font-size: 85%;
	font-weight: normal;
	font-family: Segoe UI, Verdana, sans-serif;}

#navmenu div a:hover {background: #38f; color: #fff}

/* Main full page styles */

body {min-width: 1180px;}
textarea.leaveFeedbackTextarea {width: 98%;}

/* Page specific mobile rules */

#desktopStockists {display: block; visibility: visible;}
#tabletStockists {display: none; visibility: hidden;}
#mobileStockists {display: none; visibility: hidden;}

#mobilePrivacyCookieLink {display: none; visibility: hidden;}

#contactFormSubject {width: 98%;}
#contactFormEmail {width: 98%;}
#contactFormBotFilter {width: 98%;}
#contactFormComment {width: 98%;}

#desktopLoginForm {display: block; visibility: visible;}
#mobileLoginForm {display: none; visibility: hidden;}

#desktopCheckoutOptions {display: block; visibility: visible;}
#mobileCheckoutOptions {display: none; visibility: hidden;}
#addressDisplays {min-width: 550px; float: left; padding: 5px;}
#checkoutDisplayBox {min-width: 550px; float: right; padding: 4px;}

#desktopOrderHistory {display: block; visibility: visible;}
#mobileOrderHistory {display: none; visibility: hidden;}

#productInfoHeadBox {width: 98%;}
#productInfoHeadImage {display: block; visibility: visible;}

#ukSalesLinkBox {float: left; width: 48%;}
#ukSalesLinkBox {display: block; visibility: visible;}

#overseasSalesLinkBox {float: right; width: 48%;}
#overseasSalesLinkBox {display: block; visibility: visible;}

#productMainDisplay112 {display: block; visibility: visible;} /* Acoustimeter */
#productMobileDisplay112 {display: none; visibility: hidden;}
#productMainDisplay251 {display: block; visibility: visible;} /* Acousticom 2 */
#productMobileDisplay251 {display: none; visibility: hidden;}
#productMainDisplay300 {display: block; visibility: visible;} /* Pocket PF5 */
#productMobileDisplay300 {display: none; visibility: hidden;}
#productMainDisplay302 {display: block; visibility: visible;} /* RadAware */
#productMobileDisplay302 {display: none; visibility: hidden;}
#productMainDisplay125 {display: block; visibility: visible;} /* DE Filters */
#productMobileDisplay125 {display: none; visibility: hidden;}

#desktopproducttabbar {display: block; visibility: visible;}
#mobileproducttabbar {display: none; visibility: hidden;}

#ac2lightdisplay {float: right; margin: 3px 12px;}
#embeddedLocalPlayer {width: 340px;}
#embeddedVideo {width: 480px; height: 270px;}
#embeddedVideoDesktopControls {display: block; visibility: visible;}
#embeddedVideoMobileControls {display: none; visibility: hidden;}

/* Primary layout styles, bars etc */

.topbar {width: 1180px;
	font-size: 240%;}

#mainLogo {display: block; visibility: visible;}
#mainLogoMobile {display: none; visibility: hidden;}

.titlebar {width: 1180px;}

#pageTitleDescription {font-size: 140%;}
#pageTitleTagLine {display: inline; visibility: visible; font-size: 60%;}
#pageTitleMobileTagLine {display: none; visibility: hidden;}

#baskettitlebar {font-size: 90%; margin-left: 0.5em; margin-top: 0.3em;}
#basketContentSummaryDisplay {font-size: 90%; margin-left: 0.5em;}

.content {width: 1180px;
	line-height: 100%;
	font-size: 100%;}

.footerbar {width: 1180px;
	line-height: 100%;
	font-size: 100%;}

#desktopFooterBar {display: block; visibility: visible;}
#tabletFooterBar {display: none; visibility: hidden;}
#mobileFooterBar {display: none; visibility: hidden;}
#standardFooter {display: block; visibility: visible;}
#mobileFooter {display: none; visibility: hidden;}

.footer {width: 1180px;
	line-height: 100%;
	font-size: 100%;}