body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif, Trebuchet;
    background: #fff;
}


h5 {
font-family: arial;
font-size: 10pt;
color: #fff;
background: #336699;
text-indent: 5px;
text-decoration: none;
}
h4 {
font-family: arial;
font-size: 9pt;
color: #000;
text-indent: 0px;
text-decoration: none;
margin: 0px 0px 0px 0px;
background: #00cc00;
text-indent: 5px;

}
h3 {
font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
font-weight: bold;
color: #000;
padding: 5px 0px 5px 0px; 
background: url('Panels_headers/h_mid_pan_bg.png') repeat-x;

height: 30px;
text-indent: 5px;
}




h2 {
font: 7pt Trebuchet MS, Trebuchet, Arial, Tahoma;
font-weight: bold;
color: #000;
padding: 5px 0px 0px 0px;
background: url('Panels_headers/h_mid_pan_bg.png') repeat-x;
text-indent: 5px;
height: 30px;

}
h1 {
font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
font-weight: bold;
text-indent: 0px;
text-decoration: none;
background: #ccc;
text-indent: 5px;
color: green;

}

a:link { 
color:#fff;
text-decoration: none; 
}
a:visited { 
color:#fff;
text-decoration: none; 

}
#howToOrder td{
font-family: arial;
font-size: 8pt;
font-weight: bold;
text-indent: 0px;
text-decoration: none;
background: #ccc;
text-indent: 5px;
color: green;

}

#container {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 805px;
	height: 2110px;
	background: #f7f7f7;
	border: 1px solid #e7e7e7;
}
#mmd_shockwave  {
position: absolute;
	top: 17px;
    left: 190px;
	width: 600px;
	height: 180px;
z-index: 5;

}

#container1 { 
	position: absolute;
	top: 10px;
	left: 200px;
    border: 1px solid #e7e7e7;

	width: 805px;
	height: 3000px;
	background: #fff;

}

#sales_panel {
position: absolute;
top: 100px;
left: 400px;
width:191px;
height: 62px;
}

#mast {
	float: left;
	background:  url('Panels_headers/impakt_mast_002.png') no-repeat;
	width: 805px;
	height: 114px;
	background-repeat:no-repeat
	}
/* CSS Menus - Horizontal CSS Menu with Dropdown. 210808 */
	
#menu {
	position: absolute;
	width: 805px;
	top: 120px;
	left: 50px;
	z-index: 100;
	list-style-type: none;
	font: 7pt Trebuchet MS, Trebuchet, Arial, Tahoma;
}

#menu dl, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #fff;
}
#menu dl {
float:left;
width: 115px;
padding: 0px;
background: #00cc00 ;
}
/*menu horiz buttons*/
#menu dt {
cursor: pointer;
text-align: center;
background: url('Panels_headers/h_nav_bg.png') repeat-x;

	width: 113px;
	height: 20px;
margin: 1px;
height: 20px;
padding: 0px;
color: #000
}
#menu dt a, active, link{
color: #000;
}


#menu dd {
color: #000;
display: none;

}
/*drop down colour*/
#menu li {
text-align: left;
text-indent: 3px;
background: #0066ff;

}
#menu li a {
color: #fff;
text-decoration: none;
display: block;
height: 20px;
border: 1px #00ff00;

}
#menu li a:hover {
background: #00cc00;
color: #fff ;
}

#navigate {

	position: absolute;
	top: 130px;
	left: 0px;
    width: 176px;
    margin: 0px 0px 0px 0px;
    font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
	   
    }
#browse   {
background: url('Panels_headers/nav_browse_001.png') no-repeat;
	width: 176px;
	height: 30px;
}	

#navigate li a{


	text-align: left;
   		padding: 5px 10px 0px 0px;
border-bottom: 1px solid #ff6600;
	text-indent: 5px;
	color: #fff;
	display: block;
    height: 21px;
	background: #0066ff;
}		
#navigate li a:hover {
	background:  url('Panels_headers/nav_menu_pan.png') no-repeat;
	width: 176px;
	height: 22px;
padding: 3px 0px 0px 0px;

}	
.contents {
position: relative;
float: left;
width: 250px;
background: #fff;


}
.contents  p {
font-family: arial;
font-size: 8pt;
color: #000;
font: 7pt Trebuchet MS, Trebuchet, Arial, Tahoma;


}
.contents  dl {
background-image: url('Panels_headers/blue_glass_header.png') ;
height: 31px
 
}
.contents  dl a {
text-decoration: underline;
 
}



.contents dl p {
       color: #fff;

       font-weight: bold;
       padding: 6px 0px 0px 5px;
  
}
.contents dd {

padding: 5px 5px 5px 5px;


}

.contents ul p{
border: 0px solid red;
padding: 5px;
background: #e7e7e7;
}


#pagetitle {
position: absolute;
top: 200px;
left: 190px;
font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
color: #000;
width: 300px;


}
#pagetitle2   {
position: absolute;
top: 20px;
left: 180px;
font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
color: #000;
width: 300px;


}

#pagetitle p {
border: transparent;
background: transparent;
}
#pagetitle2 p {
background: transparent;

}



#design_index {
    position: absolute;
    top: 235px;
    left: 205px;
    width: 250px;


}

#design_index_pic {
    background: url('images/cards_grey_240x225.gif') no-repeat;
    width: 240px;
    height: 225px;
    }

#spiral {
position: absolute;
top: 1540px;
left: 205px;
width: 250px;

}
#spiralpic {
background: url('images/Spiralpad_200px_white.gif');
	width: 200px;
	height: 179px
}
#print_index {
position: absolute;
top: 235px;
left: 495px;
width: 250px;


}
#print_index_pic  {
    background: url('images/silver-giz_250x243.gif') no-repeat;
	width:250px; 
	height:225px; 

    }
    

#promotional_items {
position: absolute;
top: 759px;
left: 495px;
width: 250px;

}
#notepads_pic  {
background: url('images/korner_close.gif') no-repeat;
width:250px; 
height:275px;
}

#response_index {
position: absolute;
top: 1350px;
left: 205px;
width: 250px;

}
#response_index_pic {
  background: url('images/parcel_open.gif') no-repeat;
	width:250px; 
	height:235px;  
	}


#panoramic_pic  {
    background: url('images/IMP302_PANORAMIC_200px.gif') no-repeat;
	width:240px; 
	height:250px;    }
   
   #directmail_index {
position: absolute;
top: 759px;
left: 205px;
width: 250px;

}

#directmail_index_pic  {
    background: url('images/multi-brochure.gif') no-repeat;
	width:250px; 
	height:275px; 
    }
#stationery_index {
position: absolute;
top: 1350px;
left: 495px;
width: 250px;

}
#stationery_pic  {
    background: url('images/Certificates_250x229.gif') no-repeat;
	width:280px; 
	height:235px; 
    }

        
#footer {
position: relative;
top: 1970px;
left: 200px;
width: 800px;
font: 7pt Trebuchet MS, Trebuchet, Arial, Tahoma;


}
#footer a {
color: #111;


}
#footer_index {
	position: relative;
	top: 1978px;
	left: 50px;
	width: 550px;
	font: 7pt Trebuchet MS, Trebuchet, Arial, Tahoma;
}
#footer_index a {
color: #111;


}

#footer_promo_index {
position: absolute;
top: 2790px;
left: 200px;
width: 500px;
font: 8pt Trebuchet MS, Trebuchet, Arial, Tahoma;
color: #666;
background: #fff;
}
#footer_promo_index a{
color: #666;
}
    
    
    
