body {
	font-family: Verdana, "Trebuchet MS", Arial;
	background: url(/flash/logostripe.png) 0px 23px repeat-x;
	font-size: 12pt;
}


html body, div h1, h2, h3, ul, ol, li, form, firlsdet, input testarea{
	margin: 0;
	padding: 0;
}

#wrapper {
	display:inline;
	float: left;
	width:1150px;
	height:165px;
	margin: 0px 0px 15px 0;
	clear:none;
}

#logo {
	display:inline;
	float: left;
	margin: 5px 0 0 25px;
	width:200px;
	clear:none;
}

#nav{
	display:inline;
	float: left;
	font-size:0.7em;
	width:900px;
	height:43px;
	margin: 59px 0 0 0;
	clear:none;
}

#nav li{
	display: inline;
	float: left;
	list-style-type: none;
	background: url(http://www.atpenworld.co.uk/flash/tab.gif) no-repeat;	
	padding: 7px 0px 0px 0px; 
	width:149px;
	height: 43px;
}

#nav a{
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	margin: 0px 0px 0px 13px; 
}

#nav a:link, a:visited{
	text-decoration: none;
	color:#fff;
}

#nav a:hover {
	text-decoration: underline;
}

#nav2 {
	display:inline;
	float: left;
	width:900px;
	height:30px;
	font-size:0.7em;
	margin: 15px 0 0 0;
	clear:none;
}

#nav2 li{
	border-right:1px solid #1F93C1; 
	display: inline;
	float: left;
	list-style-type: none; 
	padding:0px 10px 0 0px; 
	margin:0px 10px 0 0px; 
	width:100px;
}

#nav2 a, a:link, a:visited{
	color:#fff;
	text-decoration:none;
}

#nav2 a:hover {
	text-decoration: underline;
}


#searchproduct {
	width:900px;
	height:38px;
}

#searchproduct input.text { 
	vertical-align: top;
	height: 13px;
	margin: 0px 0px 0px 10px;
}


#heading {
	background: url(http://www.atpenworld.co.uk/flash/headingimage.png) 0px 18px no-repeat;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align:center;
	color:#fff;
	padding:18px 0px 5px 0px;
}


#leftpanel{
	position: absolute;
	left:-5px;
	top:500px;
	width:190px;
	background:#fff;
	font-size: 80%;
	font-weight:bold;
}

#leftpanel ul{
	padding:5px 10px 5px 10px; 
	background: #6093A9;
}

#leftpanel li{
	list-style-type: none; 
	padding:0px 10px 0 10px; 
	margin:0px; 
}

 

#leftpanel a{
	font-weight:bold;
	text-decoration:none;
	background-color: #6093A9;
	color:#fff;
}

#leftpanel a:link{
	text-decoration: none;
	background-color: #6093A9;
	color:#fff;
}

 

#leftpanel a:hover {
	background-color: #6093A9;
	text-decoration: underline;
}

#content {
	font-size:.9em;
	clear:both;
	margin: 10px 220px 0px 220px;
}

#content a:link, a:visited, a:hover{	
	color:#333;
	text-decoration: underline;
}

#content2Col {
	clear:both;
	margin: 12px 20px 0px 220px;
}
#searchcontent {
	clear:both;
	margin: 10px 150px 0px 50px;
	font-size: 0.9em;
	width: 900px;
}

#JSMenuPos {
	position:absolute;
	top:190px;
	left:0px;
}
 
#rightpanel{
	position: absolute;
	right:0px;
	top:170px;
	width:190px;
	background:#fff;
	font-size: 80%;
	font-weight:bold;
}
 

#rightpanel ul{
	padding:5px 10px 15px 10px; 
	background: #6093A9;
}

#rightpanel li{
	list-style-type: none; 
	padding:0px 10px 0 10px;
	margin:0px; 
	background: #6093A9;
}

 

#rightpanel a{
	font-weight:bold;
	text-decoration:none;
	background-color: #6093A9;
	color:#fff;
}

 

#rightpanel a:link{
	text-decoration: none;
	background-color: #6093A9;
	color:#fff;
}

 

#rightpanel a:hover {
	background-color: #6093A9;
	text-decoration: underline;
}

/* ----------------------------- Image Panels ----------------------------- */
#imagePanel{
	width:145px;
}
#imageTextPanel{
	font-size: 80%;
	font-weight:bold;
	width:200px;
}

#imageContainer{
	float:left;
	padding:5px 5px 10px 5px;
	width:200px;
	height:180px;
}

 
/* ----------------------------- Image Panels ----------------------------- */

#footer {
	clear:both;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #D3D3FE;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 0.8em;
	text-align:center;
	margin-top: 50px;
	background-color:#336699;
}


#footer a{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

#footer a:hover {
	text-decoration: underline;
}

.verdana_red_12{
	font-size: 10px;
	font-weight: bold;
	color:#FF0000;
	text-decoration: none;
}

.verdana_white_b_10 {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.verdana_black_b_10 {
	font-size:.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.verdana_black_10 {
	font-size:0.8em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.verdana_blue_b_10 {
	font-size: 10px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
verdana_orange_b_12 {
	font-size: 12px;
	font-weight: bold;
	color:#F90;
	text-decoration: none;
}

.arial_verdana_b_18 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
		H1
		{
			COLOR: #000000;
			FONT-SIZE: 125%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			FONT-WEIGHT: Bold;
			margin-bottom: 3pt;
		}
		H2
		{
			COLOR: #666666;
			FONT-SIZE: 100%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			FONT-WEIGHT: Bold;
			margin-bottom: 3pt;
		}
		H3
		{
			COLOR: #666666;
			FONT-SIZE: 85%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			FONT-WEIGHT: Bold;
			margin-bottom: 3pt;
		}
		P
		{
			COLOR: #333333;
			FONT-SIZE: 75%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			margin-bottom: 3pt;
		}
		.SmallText
		{
			COLOR: #333333;
			FONT-SIZE: 75%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			margin-bottom: 3pt;
		}
		.TinyText
		{
			COLOR: #333333;
			FONT-SIZE: 65%;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			margin-bottom: 3pt;
		}
		.MenuItem
		{
			COLOR: #FFFFFF;
			FONT-SIZE: 10px;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
		}
		a.MenuItemLink
		{
			COLOR: #FFFFFF;
			FONT-SIZE: 10px;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
			margin: 0px;
			padding: 0px;
		}
		a.MenuItemLink:link
		{
			COLOR: #FFFFFF;
			FONT-FAMILY: Verdana;
			TEXT-DECORATION: None;
		    font-weight: bold;
		}
		a.MenuItemLink:visited
		{
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			TEXT-DECORATION: None;
		    font-weight: bold;
		}
		a.MenuItemLink:hover
		{
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			TEXT-DECORATION: None;
		    font-weight: bold;
			
		}
		.myMenu {
			position: absolute;
			visibility: hidden;
			z-index: 5;
		}