body {
	background: #6B7B9C;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 85%;
	margin:5px 0 5px 5px;
	padding:0;
	color: #000000;
	font-weight: 400;
	min-height:101%;
	text-align:center;
	line-height: 1.5;
}

body a {
	color: #000000;
	text-decoration: none;
}

body a:hover {
	color: #808080;
	text-decoration: none;
} 

body a:active, body a:visited {
	color: #000000;
	text-decoration: none;
}


#container
{
position:relative;
width: 90%;
font-family: verdana,arial;
line-height: 1.5;
font-size: 90%;
margin: 10px auto;
background-color: #ddd;
color: #333;
border: 1px solid gray;
min-height:101%;
}

#maincontainer {
	background-image: url('itil_design/background2009.gif');
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #fff;
}

#leftnav
{
	position:relative;
	background-color: #C0D7EF;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0px;
	text-align:left;
	margin-top:10px;
}

.leftmenuwidget {
font-size:110%;color:white;background:#A7A9FB;padding:3px;margin:5px 0 5px 0;
}


#content
{
	position:relative;
	background-color: #fff;
	margin-left: 203px;
	padding: 1em;
	text-align:left;
}



#mainright {
	position:relative;
	float:right;
	border:1px solid #C0D7EF;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	width:210px;
	font-size: 80%;
	background-color: #ffffff;
	text-align:center;
	z-index: 10;
}

#summarycontent
{
	display:block;
}
#summarycontentblock
{
	float: left;
	border: solid 1px blue;
}

#top
{
	padding: .5em;
	background-color: #fff;
	height:65px;
	overflow:hidden;
}

#top h1
{
	padding: 0;
	margin: 0;
}

#toplogo {
	float:left;
	border:none;
	text-align:left;
	width:200px;
}

#topright {
	float:right;
	height:65px;
	margin-right:30px;
}

#topadvert {
	border:none;
	margin-left: 200px;
	text-align:center;
	height:65px;
	vertical-align:middle;
}



#footer
{
clear: both;
font-family: tahoma,verdana,arial;
font-size: 80%;
margin: 0;
padding: .5em;
color: #ddd;
background-color: #808080;
border-top: 1px solid gray;
}

#footer a,#footer a:link,#footer a:hover,#footer a:active {
text-decoration:none;
color:#ddd;
}


#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#bar {
	background-image: url('nav/3dbar_grey_center.jpg');
	background-repeat: repeat-x;
	background-position: top left;		
	background-color: #ffffff;
	color:#000000;
	border:none;
	text-align:left;
	font-size: 80%;
	height:43px;
}

#bar .text{
	float:left;
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
}

#bar a {color:#000000;text-decoration:none;}
#bar a:link {color:#000000;text-decoration:none;}
#bar a:visited {color:#000000;text-decoration:none;}
#bar a:hover {color:#000000;text-decoration:underline;}

.sendmessage a {color:green;text-decoration:none;}
.sendmessage a:link {color:green;text-decoration:none;}
.sendmessage a:visited {color:green;text-decoration:none;}
.sendmessage a:hover {color:green;text-decoration:underline;}


#bodyblock {
position:relative;
background: #ffffff;
color: #000000;
width:100%;
padding:0px 0px 0px 0px;
}

#conttext {
	display:block;
	border:none;
	text-align:left;
	margin-bottom: 30px;
}

.conttextmain {
	border:none;
}

.conttextmain p {
	margin-bottom:5px;
}

.conttextmain a, .conttextmain a:visited, .conttextmain a:active {
	color:red;
	text-decoration:none;
}
.conttextmain a:hover {
	color:darkblue;
	text-decoration:none;
}

a.taglink,a.taglink:link,a.taglink:visited,a.taglink:active {
position:relative; /*this is the key*/
z-index:24;
color:darkblue;
text-decoration:none
}

a.taglink:hover{z-index:25;background-color:#ff0;color:#000000;}

a.taglink span {display:none;}

a.taglink:hover span { /*the span will display just on :hover state*/
display:block;
position:absolute;
font-size:80%;
top:2.1em;
left:10px;
padding:3px;
border:1px solid #C5E6F7;
background-color:#DFEBF7;
width:120px;
color:#000;
text-align: left;
}




#cont {
position:absolute;
left:158px;
top:0px;
color:#000000;
width:100%;
text-align:left;
float:right;
}

p,div {
	padding:0;
	color: #000000;
}

img{border:0;}


.pagetitlelinkmain {
	background-color: #C0D7EF;
	color: #000000;
	font-weight: 800;
	margin-bottom:5px;
	margin-top:10px;
	font-size: 110%;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	z-index: 1;
}
.pagetitlelinkmain a:hover {text-decoration: none; color: red;}

.pagetitlelinktop {
	width:100%;
	background-color: #C0D7EF;
	color: #000000;
	font-weight: 800;
	margin-bottom:5px;
	margin-top:10px;
	font-size: 110%;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	z-index: 1;
}
.pagetitlelinktop a:hover {text-decoration: none; color: red;}

.pagetitlelink {
	background-image: url('itil_design/blue-line.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #EAF3FC;
	font-size: 110%;
	color: #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	z-index: 1;
}
.pagetitlelink a:hover {text-decoration: none; color: red;}



.list-menu {
width: 197px;
background: none;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu ul {
margin: 0px; 
padding: 0px 0px;
list-style-type: none;
list-style-image: none; 
}

.list-menu li {
margin: 1px 0px 0px 0px;
list-style-type: none;
} 

.list-menu a {
display: block;
line-height: 1.5;
width:198px;
padding: 1px 1px 1px 10px;
border: none;
background: none;
text-decoration: none;
} 

.list-menu a:link, #list-menu a:active, #list-menu a:visited {
text-decoration: none;
}

.list-menu a:hover {
width:198px;
border: none;
background: #000080;
color: #000000;
} 



.list-menu-content {
width: 197px;
font-size: 90%;
color:#ffffff;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu-content ul {
margin: 0; 
padding: 0;
list-style-type: none;
list-style-image: none; 
}

.list-menu-content li {
margin: 1px 0 0;
list-style-type: none;
} 

.list-menu-content a {
display: block;
line-height: 1.5;
width:198px;
padding: 1px 1px 1px 5px;
border: none;
background: none;
text-decoration: none;
} 

.list-menu-content a:link, .list-menu a:active, .list-menu a:visited {
}

.list-menu-content a:hover {
border: none;
background: white;
color: black;
}



.list-menu-submenu {
width: 195px;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu-submenu ul {
padding-top: 10px;
padding-bottom: 10px;
padding: 0;
list-style-type: none;
font-family: tahoma, verdana, arial, sanf-serif;
list-style-image: none; 
}

.list-menu-submenu li {
margin: 1px 0 0;
width:195px;
list-style-type: none;
}

.list-menu-submenu a {
display: block;
line-height: 1.5;
width:195px;
padding-top: 1px;
padding-left: 5px;
padding-bottom: 1px;
padding-right: 1px;
border: none;
background: #000080;
color: #ffffff;
text-decoration: none;
} 

.list-menu-submenu a:link, .list-menu-submenu a:active, .list-menu-submenu a:visited {
background: #000080;
color: #ffffff;
}

.list-menu-submenu a:hover {
border: none;
background: #FFFF42;
color: #000000;
width:198px;
}

.list-menu-submenu a.current, a.current:hover {
	color:#ffffff;
	background: #008000;
}



.list-menu-submenu1 {
width: 202px;
color: #000000;
background: white;
/* this width value is also effected by
the padding we will later set on the links. */
}

.list-menu-submenu1 ul {
margin-bottom: 10px; 
margin-top: 0px; 
margin-left: 10px; 
margin-right: 0px; 
padding: 0;
list-style-type: none;
font-family: tahoma, verdana, arial, sanf-serif;
color: #104A84;
}

.list-menu-submenu1 li {
margin: 1px 0 0 0;
list-style-type: none;
color: #104A84;
} 

.list-menu-submenu1 a {
display: block;
line-height: 1.5;
width:198px;
padding: 0px 0px 0px 0px;
border: none;
margin: 0px 0px 0px 5px;
background: none;
color: #104A84;
text-decoration: none;
} 

.list-menu-submenu a:link, .list-menu a:active, .list-menu a:visited {
width:198px;
border: none;
}

.list-menu-submenu1 a:hover {
border: none;
}


 
.menufullintro {
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 80%;
	color: #808080;
}


span.pagenavigationtext {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	margin-right:5px;
	font-weight: 400;
	color: #ffffff;
	text-align:left;
	float:left;
}

span:hover.pagenavigationtext {
	font-family: Tahoma, Verdana, Arial;
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;
}

.topmenu {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	font-weight: 800;
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

.topmenu a:visited {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	font-weight: 400;
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

.topmenu a:active {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	font-weight: 400;
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

.topmenu a:link {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	font-weight: 800;
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

.topmenu a:hover {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	font-weight: 800;
	color: #000000;
	background: #ffffff;
	text-decoration: underline;
}


.articlesummary {padding-top:5px;font-family: tahoma, verdana, arial;text-decoration: none; color: #808080;font-size: 80%;font-weight: 400;}

.articlesummary a {color:#00008B;text-decoration:none;}
.articlesummary a:visited {color:#00008B;text-decoration:none;}


.wordcount {padding-left:5px;font-family: tahoma, verdana, arial;text-decoration: none; color: #808080;font-size: 80%;font-weight: 400;}

.moreinfotext {padding-left:5px;font-family: tahoma, verdana, arial;text-decoration: none; color: #000000;font-size: 100%;font-weight: 800;}
.moreinfotext a:link {font-family: tahoma, verdana, arial;text-decoration: none; color: #00008B;font-size: 100%;font-weight: 800;}
.moreinfotext a:visited {font-family: tahoma, verdana, arial;text-decoration: none; color: #00008B;font-size: 100%;font-weight: 800;}
.moreinfotext a:active {font-family: tahoma, verdana, arial;text-decoration: none; color: #00008B;font-size: 100%;font-weight: 800;}
.moreinfotext a:hover {font-family: tahoma, verdana, arial;text-decoration: none; color: red;font-size: 100%;font-weight: 800;}

.relatedpages {
	color:#808080;
	font-size: 80%;
	line-height:1.2;
}

.relatedpagelink a:visited {text-decoration: none; color: #00008B;font-size: 100%;font-weight: 400;}
.relatedpagelink a:link {line-height:1.2;padding-left:5px; text-decoration: none; color: #00008B;font-size: 100%;font-weight: 400;}
.relatedpagelink a:active {text-decoration: none; color: #00008B;font-size: 100%;font-weight: 400;}
.relatedpagelink a:hover {text-decoration: none; color: red;font-size: 100%;font-weight: 400;}

#leadstoryarea {
	display:none;
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	padding: 5px;
	color: #ffffff;
	width:100%;
	background:#000000;
}
.leadstory {
	border-width: 1px;
	display:inline;
	padding: 5px;
	border: dotted;
	color: #000000;
	width:70%;
	background:#C0C0C0;
}

#newsletter
{
	text-align:left;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
	color: #000000;
	line-height: 1.5;
	background-color: #ffffff;
}

/*
.newsletter {
	width:30%;
	padding: 5px;
	background-color: #ffffff;
}
*/

.advertiser {
	background-color: #FFFF00;
	color:#000000;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:5px;
	text-decoration:none;
	font-size: 100%;
	font-weight: 800;
	width:100%;
}
.advertiser a:link {text-decoration:none; background-color: #FFFF00; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser a:visited {text-decoration:none; background-color: #FFFF00; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser a:active {text-decoration:none; background-color: #FFFF00; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser a:hover {text-decoration:none; background-color: #31A531; color: #00008B;font-size: 100%;font-weight: 800;}


.advertiser2 {
	background-color: #31A531;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration:none;
	font-size: 100%;
	width:100%;
}
.advertiser2 a:link {text-decoration: underline; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser2 a:visited {text-decoration: underline; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser2 a:active {text-decoration: underline; color: #00008B;font-size: 100%;font-weight: 800;}
.advertiser2 a:hover {text-decoration: underline; font-size: 100%;font-weight: 800;}


.summary {
	position:relative;
	margin-bottom:10px;
	margin-top:0px;
}

.thumbnail {
	border: none;
	margin-right:10px;
	margin-bottom:20px;
}


	#frame {
		width:740px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		background:#fff;
		}
		
	#contentlefthome {
		width:200px;
		padding:0px;
		padding-top:7px;
		float:left;
		background:#fff;
		}

	#contentrighthome {
		width:540px;
		padding:0px;
		padding-top:0px;
		float:left;
		background:#fff;
		}


	#contentleft {
		width:137px;
		padding:0px;
		float:left;
		background:#fff;
		}

	#contentright {
		width:600px;
		padding:0px;
		float:left;
		background:#fff;
		}

	#shopcontentleft {
		width:160px;
		height:100%;
		margin-left:0px;
		margin-right:0px;
		float:left;
		background:#fff;
		}

	#shopcontentright {
		width:580px;
		padding:0px;
		float:left;
		background:#fff;
		}


	#contentheader {
		background:#fff
		}
		
	p,h1,h2,pre {
		margin:0px 0px 0px 0px;
		}

	h1 {
		font-size: 100%;
	}
	h2 {
		font-size: 100%;
	}
		
	#jumptocontentlink {
		display:none;
		visibility:hidden;
	}

		
	#contentheader h1 {
		font-size: 110%;
		padding:10px;
		margin:0px;
		}

	#contentfooter {
		width:740px;
		float:left;
		background:#fff;
		margin-right:auto;
		margin-left:auto;
		}
	

.headerfont  {
	font-family: tahoma,verdana,arial;
	font-size: 100%;
	color: #000000;
	font-weight: 800;
	padding-bottom: 2px;
}

.standardtext {
	font-family: tahoma, verdana, arial;
	font-size: 90%;
	color: #000000;
	padding-right: 10px;
}


.style2 {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
	padding-top: 10px;
}

.categorytext {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.5;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-left: 3px;
	text-decoration: none;
}

.categorytext a:link {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	font-weight: 800;
	color: #ffffff;
	padding-top: 2px;
	margin-left: 3px;
	text-decoration: none;
}

.categorytext a:visited {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	font-weight: 800;
	color: #ffffff;
	padding-top: 2px;
	margin-left: 3px;
	text-decoration: none;
}
.categorytext a:active {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	font-weight: 800;
	color: #ffffff;
	padding-top: 2px;
	margin-left: 3px;
	text-decoration: none;
}
.categorytext a:hover {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	font-weight: 800;
	color: #ffffff;
	padding-top: 2px;
	margin-left: 3px;
	text-decoration: none;
}


.catinfo {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	line-height: 1.5;
	color: #808080;
	padding-top: 5px;
	padding-bottom: 3px;
}

.catinfo a:link {text-decoration: underline; color: #00008B;font-size: 70%;font-weight: 800;}
.catinfo a:visited {text-decoration: underline; color: #00008B;font-size: 70%;font-weight: 800;}
.catinfo a:active {text-decoration: underline; color: #00008B;font-size: 70%;font-weight: 800;}
.catinfo a:hover {text-decoration: underline; color: red;font-size: 70%;font-weight: 800;}


.optionfont {
	font-family: tahoma, verdana, arial;
	font-size: 70%;
	color: #000000;
}

.smallfont {
	font-family: tahoma,verdana,arial;
	font-size: 80%;
	color: #000000;
	line-height:1.5;
	font-weight: 400;
}

.searchbox {
	border-width: 0px;
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	color: #808080;
	font-weight: 400;
}

.smallgreyfont {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	color: #C0C0C0;
	line-height:1.5;
	font-weight: 400;
}
.smallredfont {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	color: #202020;
	line-height:1.5;
	font-weight: 400;
}
.redfont {
	font-family: tahoma,verdana,arial;
	font-size: 80%;
	color: #202020;
	line-height:1.5;
	font-weight: 400;
}
.verysmallfont {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	color: #000000;
}
.smallwhitefont {
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	color: #ffffff;
}

.menutext {
	padding-left: 22px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 70%;
	font-family: tahoma,verdana,arial;
	color: #000000;
	font-weight: 800;
	line-height: 1.5;
}

.menuheader {
	line-height:1.5;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #000000;
	width: 100%;
	font-family: tahoma,verdana,arial;
	font-size: 70%;
	font-weight: 800;
	color: #ffffff;
	line-height:1.5;
}

.signuptext {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 70%;
	font-family: tahoma,verdana,arial;
	color: #000000;
	font-weight: 400;
	line-height:1.5;
}



.boldtext {
	font-family: tahoma,verdana;
	font-size: 80%;
	font-weight: 800;
	color: #000000;
	line-height:1.5;
}

table.dotted {
	border: 1px dotted gray;

}
table.dotted th {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
	font-weight: 800;
	padding: 5px;
	border: 1px dotted gray;
}
table.dotted td {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
	font-weight: 400;
	padding: 5px;
	border: 1px dotted gray;
}


table.contentsummary {
	border: none;
}
table.contentsummary th {
	display:none;
	visibility:hidden;
}
table.contentsummary td {
}


.poll {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
}

div.box1 {
float:left;
border: solid 1px #000000;
background: yellow;
padding: 10px;
text-align:center;
width:220px;
}

div.box2 {
float:left;
border: solid 1px #000000;
background: green;
padding: 10px;
width:220px;
margin-left:5px;
text-align:center;
}

div.box1a {
margin-top:5px;
border: solid 1px #000000;
background: blue;
padding: 10px;
}

div.box1b {
margin-top:5px;
border: solid 1px #000000;
background: red;
padding: 10px;
}

div.white {
	font-size: 80%;	
	margin-top:5px;
	border: solid 1px #000000;
	background: #ffffff;
	padding: 2px;
}

.white {
	color:#000000;
}
.white a {
	color:#000000;
	text-decoration:none;
}
.white a:link {
	color:#000000;
	text-decoration:none;
}
.white a:visited {
	color:#000000;
	text-decoration:none;
}
.white a:hover {
	color:blue;
	text-decoration:underline;
}


div.whiteheader {
	font-size:90%;
	margin-top:5px;
	border: solid 1px #000000;
	background: #ffffff;
	padding: 2px;
	font-weight: 800;
}
div.spacer {
	margin-top:10px;
}

.padding5 {
	padding:5px;
}

#feedbackbox {
	position:relative;
	width:100%;
}

#commentsbox {
	float:left;
	text-align:center;
	font-size:80%;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:2px;
	border: solid 1px #c0c0c0;
	background: #DEDEDE;
	color: #000;
	width:49%;
}

#commentsboxpadding {
	text-align:left;
	padding:5px;
}


#ratingsbox {
	float:left;
	position:relative;
	text-align:left;
	font-size:80%;
	margin-top:10px;
	margin-bottom:10px;
	border: solid 1px #c0c0c0;
	background: #DEDEDE;
	color: #000;
	width:49%;
}

#ratingsboxpadding {
	text-align:left;
	padding:5px;
}




/*
ZOOM SEARCH
*/

		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: 800; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title {font-size: 100%; }		
		.result_title a:link {color: red; font-size: 100%; }		
		.result_title a:visited {color: #808080; font-size: 100%; }		
		.result_title a:hover {color: red; font-size: 100%; }		

		.description {font-size: 100%; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px;}
		.result_altblock { margin-top: 15px; margin-bottom: 15px;}
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: 800; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px;}		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}


#headerarea {
	border-bottom: solid 1px #C0C0C0;
	height:200px;
}

#headerarea1 {
	float:left;
	border: none;
}

#headerarea2 {
	float:left;
	margin: auto;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	border: solid 1px #C0C0C0;
}

#headerarea3 {
	float:right;
	padding-left:10px;
	border: none;
	width:205px;
}

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

#dhtmltooltip {
position: absolute;
width: 250px;
border: 2px solid black;
padding: 2px;
background-color: #CFE3F5;
visibility: hidden;
z-index: 100;
}

.directorynav {font-weight:400;color:#7FAFDB;margin-left:10px;}
.directorynav a {font-weight:400;color:#7FAFDB;text-decoration:underline;}
.directorynav a:link {font-weight:400;color:#7FAFDB;text-decoration:underline;}
.directorynav a:visited {font-weight:400;color:#7FAFDB;text-decoration:underline;}
.directorynav a:hover {font-weight:400;color:red;text-decoration:none;}

.basket {
	position:relative;
	border:1px dotted #C0C0C0;
	background: #F2F3F4;
	padding: 5px 5px 5px 5px;
	margin-bottom:10px;
}

.basketlink a, .basketlink a:link, .basketlink	 a:visited {color:red; text-decoration:none;}
.basketlink a:hover {color:red;text-decoration:underline;}

.addtobasket a, .addtobasket a:link, .addtobasket a:visited {border: 1px dotted red; padding:3px; font-size:80%; background: red; color:#ffffff; text-decoration:none;}
.addtobasket a:hover {border: 1px dotted red;background:#ffffff;color:red;text-decoration:none;}

.addtobasketheader a, .addtobasketheader a:link, .addtobasketheader a:visited {border: 1px dotted #000000; padding:3px; font-size:80%; background: white; color:#000000; text-decoration:none;}
.addtobasketheader a:hover {border: 1px dotted red;background:#ffffff;color:red;text-decoration:none;}

.checkout a, .checkout a:link, .checkout a:visited {border: 1px dotted #008000; padding:3px; font-size:80%; background: #008000; color:#ffffff; text-decoration:none;}
.checkout a:hover {background:#ffffff;color:#008000;text-decoration:none;}

.emptybasket a, .emptybasket a:link, .emptybasket a:visited {border: 1px dotted #D2D0C6; padding:3px; font-size:80%; background: #EBE6CF; color:#D2D0C6; text-decoration:none;}
.emptybasket a:hover {background:#D2D0C6;color:#EBE6CF;text-decoration:none;}

.removeentry a, .removeentry a:link, .removeentry a:visited {border: 1px dotted #D2D0C6; padding:3px; font-size:80%; background: #EBE6CF; color:#D2D0C6; text-decoration:none;}
.removeentry a:hover {background:#D2D0C6;color:#EBE6CF;text-decoration:none;}

.listing {
	border-bottom:1px dotted #C0C0C0;
	padding: 5px 0 5px 0;
	margin-bottom:5px;
}
.listing:hover {
	border-bottom:1px dotted #C0C0C0;
	padding: 5px 0 5px 0;
	margin-bottom:5px;
	background: #FFE3E3;
}


/* INPUT FORMS */

.subtle {
color:#C0C0C0;
}
.subtle a:link, .subtle a:visited, .subtle a:active {
color:#808080;
}
.subtle a:hover {
color:#808080;
}

.directoryaddressform {
	float:right;
	background:#ffffff;
	position:relative;
	font-size:80%;
	margin-top:10px;
}

.directory label
{
float: left;
width:7em;
text-align: left;
display: block
}

.directory textarea {
width:20em;
height:6em;
font-family:verdana,arial;
font-size:1em;
color: #000000;
background: #EAF3FC;
border: 1px solid #C0D7EF;
}

.directory input
{
font-size:1em;
padding:2px;
color: #000000;
background: #EAF3FC;
border: 1px solid #781351;
margin-bottom:2px;
}

.directory select
{
height:1.2em;
font-size:.9em;
color: #000000;
background: #EAF3FC;
border: 1px solid #781351;
margin-bottom:2px;
}

.editaddress select
{
height:1.2em;
font-size:.9em;
color: #000000;
background: #EAF3FC;
border: 1px solid #781351;
margin-bottom:2px;
}


.directory .submit input
{
color: #ffffff;
background: #008000;
border: 2px outset #ffffff;
} 

.directory .add input
{
font-size:80%;
width:2.5em;
height:2em;
margin-left: .5em;
color: #000;
background: #ffa20f;
border: 1px outset #C0D7EF;
} 

fieldset.directory
{
padding:0px 0px 10px 10px;
margin: 0 0 10px 0;
border: 1px dotted #000;
}

legend.directory
{
color: #000;
background: #C0D7EF;
border: 1px solid #C0D7EF;
padding: 2px 6px
} 

table.directory_checkout {
	z-index:1;
	width:100%;
	border: 1px dotted gray;
}
table.directory_checkout th {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
	font-weight: 800;
	padding: 5px;
	border: 1px dotted gray;
}
table.directory_checkout td {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	color: #000000;
	font-weight: 400;
	padding: 5px;
	border: 1px dotted gray;
}


.webform{
	position:relative;
	color:#000;
}
	
.webform label{ 
	display:block;
	width:300px;
	font-weight:800;
}
	
.webform .inputbox{
	float:left;
	height:18px;
	width:270px;
	padding:4px 3px 2px 3px;
	margin:2px 0 10px 3px;
	border:1px solid #ccc;
}
	
.webform .checkbox{
	height:18px;
	width:18px;
	padding:2px 2px 2px 2px;
	margin:2px 0 5px 3px;
	border:1px solid #ccc;}
	
.webform textarea{
	height:80px;
	width:270px;
	padding:4px 3px 2px 3px;
	margin:2px 0 10px 3px;
	border:1px solid #ccc;}
	
.webform h2{
	padding:4px 4px 10px 0;
	font-size:180%;
	color:#848484;
}

.webform .submit{	
	clear:left;
	margin:2px 0 0 3px;
	background-color:#008000;
	height:30px;
	width:80px;
	padding:0;
	border:1px solid #000;
	display:block;
	color:#ffffff;
	font-weight:800;
}




.webformmain{
	position:relative;
	color:#000;
	margin-top:20px;
	text-align:left;
}
	
.webformmain label { 
	position:relative;
	color:#000;
	width:300px;
	text-align:right;
	font-weight:800;
	padding: 0 0 3px 0;
}

	
.webformmain .inputbox{
	float:left;
	text-align:left;
	height:18px;
	width:270px;
	padding:5px 3px 4px 3px;
	margin:2px 0 10px 0px;
	border:1px solid #ccc;
	font-size:90%;
}

.webformmain .noinputbox{
	float:left;
	text-align:left;
	height:18px;
	padding:5px 3px 4px 3px;
	margin:2px 0 10px 0px;
	border:1px solid #ccc;
	font-size:90%;
}
	
.webformmain .checkbox{
	height:18px;
	width:18px;
	padding:2px 2px 2px 2px;
	margin:2px 0 5px 3px;
	border:1px solid #ccc;}
	
.webformmain textarea{
	height:80px;
	width:270px;
	padding:4px 3px 2px 3px;
	margin:2px 0 10px 0px;
	border:1px solid #ccc;
}
	
.webformmain h2{
	padding:4px 4px 10px 0;
	font-size:180%;
	color:#848484;
}

.webformmain .submit{	
	margin:2px 0 0 3px;
	background-color:#008000;
	height:30px;
	width:80px;
	padding:0;
	border:1px solid #000;
	display:block;
	color:#ffffff;
	font-weight:800;
}
.webformmain p{ 
	margin-bottom:5px;
}
.webformmain span{ 
	margin:1px 0px 1px 5px;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform {
color:#000000;
}

.cssform p{
width: 300px;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
color:#000000;
}

.cssform label{
font-weight: 800;
float: left;
text-align:right;
padding-right:10px;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#000000;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
color:#000000;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform .submit{	
	margin:2px 0 0 3px;
	background-color:#008000;
	height:30px;
	width:80px;
	padding:0;
	border:1px solid #000;
	display:block;
	color:#ffffff;
	font-weight:800;
}






/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:210px; height:15px; line-height:15px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:212px; w\idth:212px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:212px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:212px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:110%;text-decoration:none; color:#ffffff; width:212px; height:22px; line-height:20px; border:1px solid #000; border-width:1px 0 1px 1px; background:#6B7B9C; padding-left:10px; font-weight:800;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#808080;width:208px;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#6B7B9C;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:210px; w\idth:210px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {width:200px;color:#000;background:#C0C0C0 url(grey-arrow.gif) no-repeat 1px center;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#C0C0C0; color:#000; height:15px; line-height:15px; padding:5px 10px; width:200px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:200px;}

/* style the second level hover */
.menu ul ul a.drop:hover{color:#fff;background:#808080 url(blue-arrow.gif) no-repeat 1px center;}
.menu ul ul :hover > a.drop {color:#000;background:#C0C0C0 url(blue-arrow.gif) no-repeat 1px center;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color:#000;background:#C0C0C0;}

/* style the third level hover */
.menu ul ul ul a:hover {color:#fff;background:#808080;}

/* position the third level flyout menu */
.menu ul ul ul{left:208px; top:-1px; width:208px; height:20px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-226px;z-index:101;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:220px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



table.checkout_contacts {
	border-width: 1px;
	border-spacing: 0px;
	border: 1px solid gray;
	border-color: gray;
	border-collapse: collapse;
}
table.checkout_contacts th {
	font-size: 80%;
	color: #808080;
	font-weight:800;
	border-width: 1px;
	padding: 5px;
	border: dotted;
	border-color: gray;
}
table.checkout_contacts td {
	font-size: 80%;
	color: #000000;
	font-weight: 400;
	border-width: 1px;
	padding: 5px;
	border: dotted;
	border-color: gray;
}

table.checkout_contacts a {
	color:blue;
}

table.checkout_contacts a:hover {
	color:green;
}



table.checkout_addresses {
	border-width: 1px;
	border-spacing: 0px;
	border: 1px solid gray;
	border-color: gray;
	border-collapse: collapse;
}
table.checkout_addresses th {
	font-size: 80%;
	color: #000000;
	font-weight: 800;
	border-width: 1px;
	padding: 5px;
	border: dotted;
	border-color: gray;
}
table.checkout_addresses td {
	font-size: 80%;
	color: #000000;
	font-weight: 400;
	border-width: 1px;
	padding: 5px;
	border: dotted;
	border-color: gray;
}

table.checkout_addresses a {
	color:blue;
}

table.checkout_addresses a:hover {
	color:green;
}



.greensubmitbutton {
	clear:left;
	margin:2px 0 0 3px;
	background-color:green;
	padding:5px;
	border:1px solid #000;
	font-weight:800;
	color:#ffffff;
}

.greensubmitbutton a {color:#ffffff;text-decoration:none;font-weight:800;}
.greensubmitbutton a:link {color:#ffffff;text-decoration:none;}
.greensubmitbutton a:visited {color:#ffffff;text-decoration:none;}
.greensubmitbutton a:hover {color:#ffffff;text-decoration:none;}


.smalltext {
	font-size:80%;
	color:#808080;
}

.clear{	
	clear:both;
}


.block_green {z-index:0; background:url(nav/3dbar_green_center.jpg) left top repeat-x;height:43px;}
.block_green .l_t_green { background:url(nav/3dbar_green_left.jpg) left top no-repeat;height:43px;}
.block_green .r_t_green { background:url(nav/3dbar_green_right.jpg) right top no-repeat;height:43px;}
.block_green .text {height:20px;overflow:hidden;padding: 9px 0px 0px 15px;font-size:1em;color:#ffffff}

.block_green { background:url(nav/3dbar_green_center.jpg) left top repeat-x;height:43px;}
.block_green .l_t_green { background:url(nav/3dbar_green_left.jpg) left top no-repeat;height:43px;}
.block_green .r_t_green { background:url(nav/3dbar_green_right.jpg) right top no-repeat;height:43px;}
.block_green .text {height:20px;overflow:hidden;padding: 9px 0px 0px 15px;font-size:1em;}


.block { background:url(nav/3dbar_center.jpg) left top repeat-x;height:43px;margin-bottom:10px;}
.block .l_t { background:url(nav/3dbar_left.jpg) left top no-repeat;height:43px;}
.block .r_t { background:url(nav/3dbar_right.jpg) right top no-repeat;height:43px;}
.block .text {height:20px;overflow:hidden;padding: 9px 0px 0px 15px;font-size:1em;}

.block_2 { background:url(nav/3dbar_2_center.jpg) left top repeat-x;height:43px;}
.block_2 .l_t_2 { background:url(nav/3dbar_2_left.jpg) left top no-repeat;height:43px;}
.block_2 .r_t_2 { background:url(nav/3dbar_2_right.jpg) right top no-repeat;height:43px;}
.block_2 .text {height:20px;overflow:hidden;padding: 9px 0px 0px 15px;font-size:1em;}

.notusedblock .r_b { background:url(nav/3dbar-right.jpg) right bottom no-repeat;}
.notusedblock .l_b { background:url(nav/3dbar-left.jpg) left bottom no-repeat; width:100%}



#pr {color:#000000;border:1px solid #C0C0C0;padding:5px;margin: 1px 0 0 10px;display:none;visibility:hidden;padding:5px;background:#E7E9EB;}
#pr a {color:#000000;text-decoration:underline;}
#pr a:link {color:#000000;text-decoration:underline;}
#pr a:visited {color:#000000;text-decoration:underline;}
#pr a:hover {color:red;text-decoration:underline;}


#wp {color:#000000;border:1px solid #C0C0C0;padding:5px;margin: 1px 0 0 10px;display:none;visibility:hidden;padding:5px;background:#E7E9EB;}
#wp a {color:#000000;text-decoration:underline;}
#wp a:link {color:#000000;text-decoration:underline;}
#wp a:visited {color:#000000;text-decoration:underline;}
#wp a:hover {color:red;text-decoration:underline;}