@charset "UTF-8";
/* CSS Document */
     
/* *dt_19.01.18	Homepage's top row; url, order on-line, mailing list */
#tpdv  {
	background-color: #2973B3;
	width: 100%;
	height: auto;
	padding: 0px;
	float: left;
}
#tpdv div {
	height: auto;
	float: left;
	padding: /*3px*/ 0px;
	}
/* url */
#url {
	min-width: 320px;
	max-width: 330px;
	margin-top: /*3px*/;
	}
/* order button */
#oln {
	text-align: center;
	min-width: 320px;
	max-width: 330px;
	}
/* mailing list button */
#mlb {
	text-align: center;
	min-width: 320px;
	max-width: 340px;
	}

/* dt_220218 */
/* thin blue line */
#tbl {
	background-color: midnightblue;
	height: 1px;
	}


/* media queries for "#smbordbmlb" child divs */
@media screen and (max-width: 420px) {
	#oln {
		margin-left: 10px;
	}
	}	
@media screen and (max-width: 680px) {
#url,#oln {
	min-width: 50%;
	}
	}


/* top two rows (all other pages) - contact, extra info., buttons */

/* top, url & phone number */	
	#topStrap {
		width: 100%; 
		height: 29px; 
		float: left; 
		padding-top: 5px;
	}
	#topStrap > div {
		width: 100%;
		max-width: 33%; 
		min-width: 320px; 
		height: 35px; 
		float: left;
}

/* site url */
#sturl{}
/* extra div */
#exdiv{}
/* top telephone */
#tpphne{}

/* media queries for "#topStrap" child divs */
/* spare div in centre of top - (display none at reduced width, allows phone number to slide left) */
@media screen and (max-width: 980px) {
	#exdiv {
		display: none;
	}
	}


/* social media, order on-line, mailing list */
#smbordbmlb {
	background-color: #2973B3;
	width: 100%;
	height: auto;
	padding: 0px;
	float: left;
}
#smbordbmlb div {
	height: auto;
	float: left;
	padding: /*3px*/ 0px;
	}
/* social media buttons */
#smb {
	min-width: 320px;
	max-width: 330px;
	margin-top: /*3px*/;
	}
/* order button */
#ordb {
	text-align: center;
	min-width: 320px;
	max-width: 330px;
	}
/* mailing list button */
#mlb {
	text-align: center;
	min-width: 320px;
	max-width: 340px;
	}

/* media queries for "#smbordbmlb" child divs */
@media screen and (max-width: 420px) {
	#ordb {
		margin-left: 10px;
	}
	}	
@media screen and (max-width: 680px) {
#smb,#ordb {
	min-width: 50%;
	}
	}