body
    {
/*		background-color: #264BA0;
            background-image: url(images/mfd1.jpg);    
            background-attachment: fixed;
            background-repeat:no-repeat;*/
            background-color: #D0D9F6;
            background-image: url(https://hocdigi.co.uk/images/bg021.jpg);
            background-attachment: fixed;
            background-repeat:no-repeat;
    background-position: bottom;
    }

    #base
    {
        position:relative;
        width: 1000px; height: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 14px;
        margin:0px auto;
        overflow:hidden;
    }

    
    
    #toptbl
    {
	position:relative;
        height:400px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #toptbl .leftcol
    {
	position:relative;
        width:680px;
        vertical-align:top;
    }
    #toptbl .rightcol
    {
	position:relative;
        width:170px;
        vertical-align:top;
    }
    
    
    
    #hocdig1
    {
        position:relative;
        margin:20px 0px 0px 0px ;
    }
    #mainpanelanim
    {
/*        position:relative;
        width:400px; height:70px;*/
        /*border-bottom: 6px solid red;*/
    }

    .animstorydata
    {
        width:250px;
    }


    #toppanel
    {
        position:relative;
        left:60px; top:0px; width:1000px; height:400px;
        background-color: transparent;
        border: 0px; 

    }
    #signup
    {
        position: relative;
        left:720px; top:-80px;
        margin:-60px auto 0px auto;
    }
    #toppaneldataleft
    {
        position:relative;
        left:0px; top:0px; width:650px;
        background-color:transparent;
    }
    .head
    {
        margin-bottom: 7px;
    }
    #toppaneldataright
    {
        position:absolute;
        left:680px; top:0px; width:250px;
        background-color:transparent;
    }
    
    
    
    
    
    /*---------------------------------------------------------------------------*/
    
    .displaywords
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 15px;
        line-height:180%;
        color: white;
        border-left: 6px solid red;
        padding-left:10px;
    }
    
    .submenu
    {
	position:relative;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: bold; font-size: 16px;
        background-color:#00219E;
        color:white;
        padding:2px;
        cursor: default; 
    }
    .menu
    {
        width:240px;
        border-left: 6px solid red;
        margin-bottom:10px;
    }
    
    .address
    {
	position:relative;
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 12px;
        line-height: 14px;
        color:white;
        background-color: gray;
        border-left: 6px solid red;
        /*opacity: 8;*/
    }
    
    #tonerrecycling
    {
        width:240px;
        border-left: 6px solid red;
    }
    .contactwnd
    {
        width:650px;
        height:450px;
        background-color:white;
    }
    .bgcollightblue
    {
        background-color: #B7C1E6;
    }
    .wndborder
    {
        border:8px solid white;
    }
    .trwndtitle
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: bold; font-size: 16px;
        color:white;
        height:30px;
        background-color:#00219E;
        padding:5px;
        width:640px;
    }
    
    /*---------------------------------------------------------------------------*/
    
    
    
    #bottomsection
    {
        position:relative; display:none; visibility: hidden;
        width:950px; height:520px;
        /*background-image: url('http://hocdig.com/images/gray12wndbg.png');*/
		background-color:white;
    }
    #bottomsectionclose
    {
		position:relative;
        left:925px; right:0%; top:0px;
        height:10px; margin-bottom: -20px;
    }

	#bottompanelrow
	{
		position:relative; 
		top:20px;
        margin: 0px auto;
		width:900px; height:400px;
	}
	.bottompanelitemX
	{
		position: absolute;
		width:280px; height:185px;
		border: 2px solid #264BA0;
		text-align: left;
	}
	#bottompanelitem4
	{
		left: 5px; top:0px;
		background-color: white;
	}
	#bottompanelitem5
	{
		left: 307px; top:0px;
		background-color: white;
	}
	#bottompanelitem6
	{
		left: 609px; top:0px;
		background-color: white;
	}
	#bottompanelitem1
	{
		left: 5px; top:200px;
		background-color: white;
	}
	#bottompanelitem2
	{
		left: 307px; top:200px;
		background-color: white;
	}
	#bottompanelitem3
	{
		left: 609px; top:200px;
		background-color: white;
	}
	

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



	#lastpanel
	{
		position: relative;
		top:20px;
        margin: 0px auto;
		width:900px; height:80px;
        background-color: transparent;
        padding: 10px;
	}


	.mainpanelxh
	{
		text-align: left; vertical-align:top;
		font-style: normal; font-weight: normal; 
		font-size: 40px; line-height: 100%;
		margin-bottom: 10px;
		color: black;
	}
	.mainpanelwords
	{
		text-align: left; vertical-align:top;
		font-style: normal; font-weight: normal;
		font-size: 18px; line-height: 100%;
		color: black;
		margin-bottom: 10px;
	}
	.mainpaneltbl
	{
		height:280px;
	}
	.mainpanelimg
	{
		margin: 0px 20px;
	}

	

	.mainmenuitem
	{
		height: 35px;
		color: white;
		background-color:transparent; /*#264BA0*/
		padding: 3px 5px 0px 5px;
		cursor:default;
		vertical-align:middle;
	}



	.bottompanelitem
	{
		padding: 10px;
	}
	.bottompanelitemimg
	{
		float:left;
		margin: 0px 10px 10px 0px;
	}
	.bottompanelflash
	{
		position:absolute;
		top: 166px; height: 25px;
		text-align: right;
		margin-left: -10px;
	}


    
    
    
    
    
    
    
    
    
    
    
    

    .words
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 16px;
        line-height: 21px;
        margin:0px 0px 10px 0px;
    }
    .large
    {
       font-size: 19px;
       color: #2E3192;
       line-height: 25px;
    }
    .note
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    .bold
    {
        font-weight: bold;
    }
    .addr
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 13px;
        color: black;
        margin:8px 0px 0px 6px;
    }
    .otherdetails
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 11px;
        color: gray;
        margin:15px 0px 0px 0px;
    } 
        
    .wordsbold
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: bold; font-size: 16px;
        line-height: 21px;
        margin:0px 0px 10px 0px;
    } 
    .headsbold
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: bold; font-size: 16px;
        line-height: 25px;
        margin:0px 0px 10px 0px;
        color: #2E3192;
    }
    .wordslargebold
    {
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: bold; font-size: 20px;
        line-height: 30px;
        margin:5px 0px 10px 0px;
        color: #2E3192;
    }
    #EmailCheckedOK
    {
        display:none; visibility: hidden; 
        font-family: Arial, Helvetica, sans-serif;
        font-style: normal; font-weight: normal; font-size: 10px;
    }
    .spaceabove
    {
        margin-top:20px;
    }
    .spaceafter
    {
        margin-top:20px;
    }
    
    .point
    {
        margin-bottom:10px;
    }
    
    .white
    {
        color:white;
    }
    
    

/*	#mainmenurow
	{
		position: relative;
		width:900px; height:25px;
		margin:480px 50px 20px 50px;
		background-color: #264BA0;
		text-align: left;
	}

	#mainmenurowdata
	{
		padding:2px;
		vertical-align:middle;
	}

	#mainpanelbottom
	{
		position: relative;
		left: 5px; top:10px;
		width:900px; height:250px;
		border: 1px solid white;
		padding: 5px;
		align:left; vertical-align: top;
		background-image: url(images/bg40.png);
		background-repeat:repeat;
		background-color:transparent;
		margin: 20px auto;
	}


	#mi1
	{
		position: absolute;
		left: 0px; top:0px;
	}
	#mi2
	{
		position: absolute;
		left: 140px; top:0px;
	}
	#mi3
	{
		position: absolute;
		left: 250px; top:0px;
	}
	#mi4
	{
		position: absolute;
		left: 415px; top:0px;
	}
	#mi5
	{
		position: absolute;
		left: 555px; top:0px;
	}*/