@charset "iso-8859-1";
A:active {
	color: #000000;
	
}
A:link {
	color: #000000;
	
}
A:visited {
	color: #000000;
	
}


/*========================================screen===========================*/

#hiddencart{
	display:none;
}
#hiddencartframe{
	display:none;
}
figuretitle{
display: block;
}
.pagenumber2 {
position: absolute;
visibility: hidden;
z-index:100000;
}

body{
font-family: arial;
font-size: 14px;
margin: 0;
padding: 0;
padding-bottom: 40px;
width:100%;
max-width:100%;
overflow-x: hidden;

}
#up-arrow{
position: fixed;
right: 5px;
bottom: 35px;
width: 30px;
z-index:2000000;
cursor:pointer;
display: none;
}
#logo{
position: fixed;
left: 50px;
top: 5px;
height: 30px;
}
#returntowebsite{
position: fixed;
right: 5px;
top: 15px;
height: 30px;
}
#maintitle{
color: #ffffff;
position: fixed;
left: 0%;
width: 100vw;
text-align: center;
width: 100vw;
bottom: 30vw;
font-size:2em;
font-weight:bold;
}
#titlepic{
position: fixed;
left: 15vw;
width: 70vw;
max-width: 70vw;
top: 30vw;
}


#picmenu{
position: fixed;
top:1%;;
left:1%;
width:4%;
background: #ffffff;
}
tabletitle{
width: 90%;
max-width: 90%;
min-width: 90%;
}

#header{
position: fixed;
background: #ffffff;
width: 100%;
left: 0px;
top: 0px;
margin-left: 0px;
margin-right: 0px;
z-index: 1000;
height: 60px;
border-bottom: 1px solid #000000;
}
#hdtechname{
margin-top: 0px;
position: absolute;
right: 5px;
top:40px;
text-align: left;
font-size: 14px;
font-weight: normal;
}
#hdsecurity{
position: absolute;
width:50%;
left: 25%;
top:40px;
text-align: center;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
text-transform: uppercase;
}
#hdcompanyname{
margin-top: 0px;
position: absolute;
left: 5px;
top:40px;
text-align: right;
font-size: 14px;
font-weight: normal;
}
#issuefooter{
position: absolute;
width:25%;
left: 5px;
top:0px;
text-align: left;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
}
#dmcfooter{
position: absolute;
width:50%;
left: 25%;
top:0px;
text-align: center;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
}
#printpage{
background: #ffffff;
margin-top:1px;
margin:auto;
border: none;
width: 100%;
max-width:  100%;
min-width:  100%;
}
#structure{
padding: 0;
cell-padding: 0;
background: #ffffff;
margin-top:1px;
margin:0;
border: none;
width: 100%;
max-width:  100%;
min-width:  100%;
}
#structure td{
padding: 0;

}
td.itemNo, td.description, td.partNo, td.ManufacturerCode,td.qty, td.cart{
	border-top:none;
	border-left:none;
	border-right: none;
	border-bottom: 1px solid #000000;
}
#txtframe levelledPara1 {
width:90%;
display: block;
}
#footer{
position: fixed;
background: #ffffff;
width: 100%;
left: 0px;
bottom: 0px;
height: 30px;
border-top: 1px solid #000000;
z-index: 1000;
height: 30px;
}

#txtframe{
width: 100vw;
max-width: 100vw;
margin-left: 0vw;
margin-right: 0vw;
padding-left: 5vw;
padding-right: 5vw;
z-index: 50;
overflow-y: scroll;
overflow-x: hidden;
}
#tableofcontents{
width:90vw;
max-width: 90vw;

}
#picframe{
border: 1px solid #000000;
width: 100%;
height:45%;
bottom: 30px;
position: fixed;
right: 0px;
z-index:60;
}
#piciframe{
position: fixed;
border: none;
width: 100%;
height:100%;
bottom: 30px;
left: 0px;
overflow:auto;
}
div.figure{
margin-top: 8px;
width: 45vw;
max-width: 45vw;
margin: auto;
}

div.figure img{
max-width: 45vw;
width: 45vw;
max-width: 45vw;
border: 1px solid #000000;
}

table{
border: none;
border-collapse: collapse;
width: 100%;
}
#txtframe table{
border: 1px solid #000000 ;
border-collapse: collapse;
width: 100%;
max-width: 100%;
position:relative;
z-index:1;
}
td{
border: 1px solid #000000;
}
td.head{
text-align: left;
font-weight: normal;
}
td.head{
text-align: center;
font-weight: bold;
}

table.toc{
border: none;
width: 90vw;
max-width: 90vw;
}
#toc td{
vertical-align: top;
}
.tocno{
text-align: left;
text-decoration: none;
min-width: 30px;
width: 30px;
}
.tocno a{
text-decoration: none;
}

.toctext{
text-align: left;
text-decoration: none;
}
.toctext a{
text-decoration: none;
}
.tocpageno{
text-align: right;
text-decoration: none;
}
.tocpageno a{
text-decoration: none;
}
.tocpagenotxt{
display: none;
}













#picframe{
border: 1px solid #000000;
width: 100%;
height:45%;
bottom: 0px;
position: fixed;
right: 0px;
z-index:60;
}
#piciframe{
position: relative;
border: none;
width: 100%;
height:100%;
top: 0px;
left: 0px;
overflow:auto;
}
#menu{
top: 5px;
left: 5px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:30px;
}
#printview{
top: 5px;
right: 5px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: none;
}
#screenview{
top: 5px;
right: 5px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: none;
}
#print{
top: 5px;
right: 35px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: none;
}
#tocframe{
background: #ffffff;
display: none;
position: fixed;
left: 0px;
top: 0px;
width:100%;
height:100%;
z-index:10000;
}
#tociframe{
display: block;
position: fixed;
left: 0px;
top: 0px;
width:100%;
height:100%;
z-index:10000;
}

.menu {
   	color: #ffffff; 
	margin-top: 2px;
	font-size: 9px; 
	font-family: Verdana;
	letter-spacing: 0px;  
	font-weight: bold; 
	text-decoration: none;
	cursor: pointer;
	}

#printHeader{
display: none;
position: fixed;
height: 30px;
width: 100%;
z-index: 1000;
}	

#footer{
height: 30px;
display: table-footer-group;
}


.pagenumber2 {
position: absolute;
visibility: hidden !important;
display: block;
z-index: 100000;
}
h1.h1-main{
margin-top: 60px;
font-size: 18px;
text-align: center;
white-space: nowrap;
font-style: italic;
}

h1.topcenter{
margin-top: 10px;
font-size: 18px;
text-align: center;
white-space: nowrap;
font-style: normal;
}

h1.center{
margin-top: 60px;
font-size: 18px;
text-align: center;
white-space: nowrap;
font-style: normal;
}

h2{
margin-top: 60px;
font-size: 18px;
text-align: left;
}

h2.center{
margin-top: 10px;
font-size: 18px;
text-align: center;
font-style: italic;
}

#tableofcontents{
width: 90vw;
}

#preliminaryRqmts{
width: 90vw;
}

#mainProcedure{
width: 90vw;
max-width: 90vw;
display:block;
}

#closeRqmts{
width: 90vw;
display:block;
}

#txtframe levelledPara1 {
width:90%;
display: block;
}

@media only screen and (min-width: 1024px) {
#logo{
position: fixed;
left: 50px;
top: 5px;
height: 30px;
}
#returntowebsite{
position: fixed;
right: 50px;
top: 15px;
height: 30px;
}
#maintitle{
color: #ffffff;
position: fixed;
left: 0%;
width: 100vw;
text-align: center;
width: 100vw;
bottom: 2vw;
font-size:2em;
font-weight:bold;
}
#titlepic{
position: fixed;
left: 25%;
width: 50%;
max-width: 50%;
top: 15%;
}
#printview{
top: 5px;
right: 5px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: block;
}
#screenview{
top: 5px;
right: 5px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: none;
}
#tableofcontents{
width: 90vw;
}
#preliminaryRqmts{
width: 90vw;
}
#mainProcedure{
width: 90vw;
max-width: 90vw;
display:block;
}
#closeRqmts{
width: 90vw;
max-width: 90vw;
}
#txtframe levelledPara1 {
width:90%;
display: block;
}
#print{
top: 5px;
right: 35px;
position: fixed;
z-index: 20000;
cursor: pointer;
height:25px;
display: none;
}
#hdtechname{
margin-top: 0px;
position: absolute;
right: 50px;
top:40px;
text-align: left;
font-size: 14px;
font-weight: normal;
}
#hdsecurity{
position: absolute;
width:50%;
left: 25%;
top:40px;
text-align: center;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
text-transform: uppercase;
}
#hdcompanyname{
margin-top: 0px;
position: absolute;
left: 50px;
top:40px;
text-align: right;
font-size: 14px;
font-weight: normal;
}
#issuefooter{
position: absolute;
width:25%;
left: 50px;
top:0px;
text-align: left;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
}
#dmcfooter{
position: absolute;
width:50%;
left: 25%;
top:0px;
text-align: center;
font-size: 14px;
font-weight: normal;
margin-top: 0px;
}

#picframe{
display: block;
position: fixed;
right: 0px;
top: 60px;
width:49%;
max-width:49%;
height:94%;
z-index:60;
border: 1px solid #000000;
overflow: scroll;
}
#piciframe{
display: block;
position: relative;
left: 0px;
top: 0px;
width:100%;
max-width:100%;
height:94%;
z-index:50;
border: none;
overflow: hidden;
}

}