body{
	FONT-FAMILY: Tahome,Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:x-small;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;}

img {border:none;
    }

img.middle {vertical-align:middle;}
img.hotTopic {vertical-align:middle; margin-top:-50px; margin-bottom:-30 px; margin-left:320px;}

.imageWithBorder  {border:1px solid #888888;
     vertical-align:middle;
     margin:3px;
     font-size:x-small;
     font-weight:bold;
     text-align:center;}

.imageWithBorderMiddle  {width:150; border:1px solid #888888;
     vertical-align:middle;
     margin:3px;
     font-size:x-small;
     font-weight:bold;
     text-align:center;}

a.skipNav {color:#ffffff; background-color:#ffffff; font-size:20%; display:none;}

.TextImage  {border:1px solid #888888;
     vertical-align:middle;
     margin:3px;
     padding-top:7px;
     padding-bottom:7px;
     font-size:x-small;
     background-color:#ffffff;
     color:#005500;
     font-weight:bold;
     text-align:center;}

#ITILLogo {font-size:x-small;}

a {text-decoration:none; color:#990000; }

#homePenImage {float:left;}

#page{  font-size:x-small;
	position:absolute;
	padding:0px; margin:0px;
	top:10px;
	left:10px; 
	width:880px;
	border: 1px solid #888888;
	background-color:#ffffff;}

#byline{ 
	color:#ffffff;
	background-color:#6666FF;
	font-size:xx-small;
	padding:5px;}

#masthead{
	border-bottom:1px solid #888888;
	padding:0px;
	width:880px;
	height:80px;}

#mastheadLeft{width:220px;}

#mastheadMid{width:580px;
	vertical-align:middle;}

#mastheadRight{width:180px;
		margin:5px;
		padding:0px;
		}

#topNav {
	border-bottom:1px solid #888888;
	padding:5px; 
	background-color:#999999;}

#sideLeft{
#	FONT-FAMILY: Tahome, Verdana, Arial,Helvetica,Geneva,sans-serif;
#	font-size:x-small;
	float: left;
	width:155px;
	height:450px;
	border-right:0px solid #888888;
	background-color: #ffffff;
	padding:10px 0px 10px 0px; }

#MHsideLeft{
	float: left;
	width:400px;
	height:80px;
	border-right:1px solid #888888;
	background-color: #ffffff;
	padding:0px 0px 0px 0px; }

#MHsideRight{
	float: right;
	width:150px;
	height:80px;
	border-right:1px solid #888888;
	background-color: #efefef;
	padding:0px 0px 0px 0px; }

.sideMiddle{
	float: left;
	width:90px;
	height:30px;
	border-style:inset;
	border-right:1px solid #888888;
	color:#FFFFFF;
	background-color: #0000FF;
	padding:0px 0px 0px 0px;
	font-size:x-small;
	font-weight:bold;
	text-align:center; }

#sideRight{
	margin-left:0px;
	margin-top:5px;
	margin-right:0px;}

#sideRight , a#sideRight:visited , a#sideRight:link {
	float: right;
	width:155px;
	height:480px;
	border-right:0px solid #888888;
	background-color: #ffffff;
	color: #000000;
	text-align:center;
	font-size:large;
	padding:0px 0px 0px 0px; }

/* #content{margin:0px 165px 0px 150px;} */
#content{margin-top:0px;
	margin-left:155px;
	margin-right:10px;
	margin-bottom:20px;
	padding-left:0px;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:0px;
	}

#productContent{margin:0px 10px 0px 150px; }

#footer {
	clear: both;
	position:relative;
	bottom:0px;
	border-top: 1px solid #888888;
	border-bottom:0px;
	padding-bottom:0px;
	padding-top:2px;
	font-size:xx-small;
	text-align:center;
	}

#footer2 {
	clear: none;
	position:relative;
	bottom:0px;
	border-top: 1px solid #888888;
	border-bottom:0px;
	padding-bottom:0px;
	padding-top:2px;
	font-size:xx-small;
	text-align:center;
	}

#navfooter {
	clear: both;
	position: relative;
	bottom:0px;
	border-top: 1px solid #888888;
	padding:5px;
	font-size:x-small;
	text-align:center;
	}

/* CENTER CONTENT */

.item{
	width:400px;
        margin-top: 40px;
	margin-left: 9%;
	margin-right: 10%;
	margin-bottom: 15px;
	padding:10px; 
	vertical-align:middle;
	font-size:x-small;
/*	color:#888888; */
	color:#000000;
	border-left:10px solid #0000FF;
/*	border-left:10px solid #990000; */
	border-right:1px solid #888888;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;}

/* .item p:first-letter {font-size:small; font-weight:bold; color:#ff9900;} */
.item img {margin-top:10px;}

div.item p#right {float:right;}
div.item p#right2 , div.item p#right3 {float:right;}

.customer{
	width:400px;
        margin-top: 40px;
	margin-left: 9%;
	margin-right: 10%;
	margin-bottom: 5px;
	padding:10px; 
	vertical-align:middle;
	font-size:xx-small;
	color:#000000;
	border-left:1px solid #888888;
	border-right:1px solid #888888;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;}


/* NAVIGATION */
#topNav a:link, #topNav a:visited{
	padding:0px 5px 0px 5px; 
	font-size:xx-small;
	font-weight:bold;}

#topNav{
	width:100%;
              background-color:#6666FF;
	height:24px;
	padding:0px;
              margin:0px;}

#linkContainer{
	position:relative;
	top:4px;
	height:16px;
	padding:0px;
	margin:0px;
	z-index:1;
        }

a.topNavLink, a.topNavLink:visited{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #666666;
	color:#ffffff;
	font-size:x-small;}

a.topNavLink:hover{background-image:url("img/topNavRollover.gif"); color:#990000;}
a#lastItem {border-right:none;}


#sideLeft a:link, #sideLeft a:visited{
  display:block;
  color:#ffffff;
  font-size:x-small;
  font-weight:bold;
  padding:5px;}

.sideMiddle a:link, #sideLeft a:visited{
  display:block;
  color:#000000;
  font-size:x-small;
  font-weight:bold;
  padding:1px;
  background-color:#ffffff;}

#sideMiddleActive a:link, #sideLeft a:visited{
  display:block;
  color:#ffffff;
  font-size:x-small;
  font-weight:bold;
  padding:1px;
  background-color:#0000FF;}


#sideRight a:visited, #sideRight a:link, #sideLeft a:link, #sideLeft a:visited{
  display:block;
  FONT-FAMILY:Tahome,Verdana,sans-serif,Geneva;
  font-size:xx-small;
  font-weight:normal;
  font-variant: normal;
  text-decoration:none;
  padding:3px;
  background-color:#eeeeff;
  color:#000000;
  }

/* The following rule prevents gaps appearing in between navigation items and divider images Netscape and Firefox */
#sideLeft img {display:block;vertical-align:top;}
#sideRight img {display:block;vertical-align:top;}


.pens {border-left:0px solid #003366;}

p#groupHeader {border-left:5px solid #003366;
		font-size:x-small;
		padding:0px;
		margin:0px;
		border:inset;
		color:#0000FF;}
		
p#groupHeader2 {background-color:#cbcbcb;
                border-left:0px solid #888888;
		font-size:x-small;
		font-weight:bold;
		padding:5px;
		margin:0px;
		color:#0000FF;
		}

.buttonLeft {border-left:0px solid #999999;
	     color:#ff0000;}

.buttonRight , a.buttonRight:visited , a.buttonRight:link
        {border-left:10px solid #0000FF;
	 color: #00FF00;
	font-size: large;
	background-color:#00fF00;
	border-color: #0000FF; 
	font-size: large;}

#t2 a:visited , #t2 a:link 
, #companyPhase a:visited , #companyPhase a:link 
, #topSeller a:visited , #topSeller a:link 
, #genCL a:visited , #genCL a:link
, #dbCL a:visited , #dbCL a:link
, #next a:visited, #next a:link
, #next1 a:visited, #next1 a:link
, #prev a:visited, #prev a:link
  {color:#0000ff; 
	font-size:xx-small;
	font-weight:bold;
	} 

#next1 a:visited, #next1 a:link {text-align:right;
				position:relative;
				color:#ff0000;
				padding-left:300px;
				margin-left:300px;}


.buttonLeftPressed , a.buttonLeftPressed:visited , a.buttonLeftPressed:link
, .buttonRightPressed , a.buttonRightPressed:visited , a.buttonRightPressed:link
 		{border-left:8px solid #FF0000;
	        border-right:8px solid #FF0000;
		border-style:inset;
	        FONT-FAMILY: Tahome, Verdana, Arial,Helvetica,Geneva,sans-serif;
#	        font-size:large;
#		font-weight:bold;	
		background-color:#000000;}


a.buttonLeftGroup:link, a.buttonLeftGroup:visited {border-left:5px solid #ff0000;
	        border-right:5px solid #003366;
		border-style:inset;
		color: #0000FF;}

a.buttonRightGroup {color: #ff0000;}

.buttonLeftGroupPressed {border-left:5px solid #003366;
	FONT-FAMILY: Tahome, Verdana, Arial,Helvetica,Geneva,sans-serif;
	font-size:xx-small;
		color:#0000ff;
	        border-right:25px solid #003366;
		border-style:inset;
		background-color:#ff0000;}

#nav_table {margin-left:10px;
	   margin-top: 0px; margin-right:0px; margin-bottom:0px;
	 border:0px solid #000000; font-size:xx-small;}

#nav_table_row {margin:0px; padding:0px;}

#overview_tab_pressed, #audience_tab_pressed , #scope_tab_pressed , #sample_page_tab_pressed , #deliverables_tab_pressed , #purchase_tab_pressed , #toc_tab_pressed , #service_tab_pressed, #seminar_tab_pressed {background-color:#0000ff; color:#ffffff;
		font-size:x-small; font-weight:bold;
		border:5px inset #888888; padding:0px 5px 0px 5px;}

#overview_tab , #audience_tab , #scope_tab , #sample_page_tab , #deliverables_tab, #purchase_tab , #toc_tab, #service_tab, #seminar_tab
               {background-color:#bbbbff; color:#0000ff;
		font-size:x-small; font-weight:bold;
	 	border:3px outset #888888; 
		margin:0px;}



#overview_tab a:link ,#overview_tab a:visited
, #audience_tab a:link, #audience_tab a:visited 
, #scope_tab a:link, #scope_tab a:visited 
, #sample_page_tab a:link, #sample_page_tab a:visited
, #deliverables_tab a:link, #deliverables_tab a:visited
, #purchase_tab a:link, #purchase_tab a:visited
, #toc_tab a:link , #toc_tab a:visited 
, #service_tab a:link , #toc_tab a:visited 
, #seminar_tab a:link , #toc_tab a:visited 

	{color:#0000ff;}

#overview_tab a:hover
, #audience_tab a:hover
, #scope_tab a:hover
, #sample_page_tab a:hover
, #deliverables_tab a:hover
, #purchase_tab a:hover
, #toc_tab a:hover
	{color:#990000; background-color:#7777FF; font-size:x-small;}

#overview_tab_pressed a:hover
, #audience_tab_pressed a:hover
, #scope_tab_pressed a:hover
, #sample_page_tab_pressed a:hover
, #deliverables_tab_pressed a:hover
, #purchase_tab_pressed a:hover
, #toc_tab_pressed a:hover
, #service_tab_pressed a:hover
, #seminar_tab_pressed a:hover
	{color:#990000;  background-color:#7777FF; font-size:x-small;}

#overview_tab_pressed a:link ,#overview_tab_pressed a:visited
, #audience_tab_pressed a:link, #audience_tab_pressed a:visited 
, #scope_tab_pressed a:link, #scope_tab_pressed a:visited 
, #sample_page_tab_pressed a:link, #sample_page_tab_pressed a:visited
, #deliverables_tab_pressed a:link, #deliverables_tab_pressed a:visited
, #purchase_tab_pressed a:link, #purchase_tab_pressed a:visited
, #toc_tab_pressed a:link , #toc_tab_pressed a:visited 
, #service_tab_pressed a:link , #service_tab_pressed a:visited 
, #seminar_tab_pressed a:link , #seminar_tab_pressed a:visited 
	{color:#ffffff;}


a:hover, #sideLeft a:hover, #sideRight a:hover, #eShop a:hover , #pointlink a:hover , .point a:hover {background-color:#7777FF; font-size:xx-small;}

a.point:hover {background-color:#555555; font-size:xx-small;}

/* FEATURED ITEMS */
div.featuredRow {
  margin: 0px 25px 0px 25px; font-size:x-small;} 

 div.featuredRow p#left {float:left;} 
 div.featuredRow p#right {float:right} 
 div.featuredRow p#right2 {float:right} 
 div.featuredRow p#right3 {float:right} 

div.featuredRow a:hover, div.featuredRow a:visited, div.featuredRow p#left a:hover, div.featuredRow p#right a:visited {
	    font-size:x-small;
            color:#000000;
             background-color:#FFFFFF;
            } 

div.featuredRow{
    color:#000000;}

div.featuredRow p#left, div.featuredRow p#right, div.featuredRow p#right a:visited, div.featuredRow p#right a:hover ,div.featuredRow p#right2 {
    margin:0px;
    margin-right:30px;
    width:180px;
    height:40px;
    padding:10px;
    padding-top:10
    text-align:center;
    font-size:x-small;
    color:#000000;
    border-right: 1px solid #888888;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;}



/* twoCol - LEFT - RIGHT */

div.twoCol {
  margin: 0px 0px 0px 0px;} 

div.twoCol #left {float:left;
		  width:450px;
		  border:1px solid #888888;
		  }

div.twoCol #right {float:right;
		  width:160px;
		  border:1px solid #888888;}

div.twoCol #middle {float:right;
		  width:380px;
		  border:1px solid #888888;}


div.twoCol {
    margin-top:5px;
    width:900px;
    height:80px;
    padding:0px;
    text-align:center;
    font-size:x-small;
    border: 0px solid #888888;
    vertical-align:middle;    }

div.twoCol:first-letter {
	color:#ff9900;
	font-size:small;
	font-weight:bold;}

div.WorldPay{
  position:relative;
  margin-top:120px;
  margin-left:200px;
  vertical-align:bottom;
  }

div.WorldPay_Homepage{
  position:relative;
  margin-top:20px;
  margin-left:230px;
  vertical-align:bottom;
  }

div.WorldPay2{
  position:relative;
  margin-top:5px;
  margin-left:25px;
  vertical-align:bottom;
  }

/* hide from IE/Mac \*/
* html div.featuredRow p#left, * html div.featuredRow p#right {
  width:200px;}
/* end hiding */

/* SIDE PANEL BOXES */

.leftPanel {
	width:134px;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
        padding:5px;
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:xx-small;}

.rightPanel {
	width:126px;
	margin:10px; 
        margin-top:140px;
	border: 1px solid #888888;
 	background-color:#ffffff;
	text-align:left;
	font-size:x-small;}

.orderNumber {
	text-align:center;
	padding:5px;
	font-size:x-small;
	font-weight:bold;
	color:#ff9900;}

.point {
	padding:1px;
	color:#333333;
	background-color:#ffffff;
	margin-left:5px;
        margin-bottom:0px;
	margin-top:0px;
	text-align:left;
        font-size:xx-small;}

.point a:link {
	padding:1px;
	color:#333333;
	background-color:#ffffff;
	margin-left:1px;
        margin-bottom:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	display:block;
	font-size:xx-small;}

.point a:visited {
	display:inherit;
	padding:1px;
	color:#333333;
	background-color:#ffffff;
	margin-left:1px;
        margin-bottom:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	font-size:xx-small;}

#pointlink a:link {
	padding:1px;
	color:#333333;
	background-color:#ffffff;
	margin-left:1px;
        margin-bottom:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	display:block;
	font-size:xx-small;
	font-weight:normal;}

#pointlink a:visited {
	padding:1px;
	color:#333333;
	background-color:#ffffff;
	margin-left:1px;
        margin-bottom:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	font-size:xx-small;
	font-weight:normal;}



.point:first-letter {
	color:#ff9900;
	font-size:x-small;
	font-weight:bold;}

.point a:hover {background-color:#999999;
		font-size:xx-small;}

    
.guarantee{
	color:#FFFFFF;
	background-color:#0000FF;
	font-size:x-small;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;}

.guaranteeBox{border:1px solid #888888; 
              font-size:xx-small;
	      }

/* PRODUCTS LIST */

.productListBox {
	vertical-align:middle;
	width:500px;
    margin:20px 30px 20px 30px;
    padding:5px;
    border:1px solid #888888;
    font-size:xx-small;}

.productListBoxTitle {font-weight:bold;}

a.productListBoxTitle:hover{background-image:url("img/topNavRollover.gif"); color:#990000;}

.purchaseInfo {font-weight:bold; color:#0000ff;}

li {padding:0;}

.productListImage {
    float:left;
    width:150px;}

span.price {font-weight:bold;}
div.em1{font-weight:bold; color:#0000ff;padding:10px 15px 0px 15px;}
span.em1{font-weight:bold; color:#0000ff;padding:10px 15px 0px 15px;}
span.em2{font-weight:bold; color:#008800;padding:10px 15px 0px 15px;}

div.emcenter{font-weight:bold; color:#0000ff;padding:10px 15px 0px 15px; text-align:center;}


/* PRODUCTS DETAIL */
h4 {margin-left:20px; font-size:small;}

.productDetail {
	border:0px solid #888888; 
	margin-top:4px; margin-bottom:4px; margin-left:10px; margin-right:140px;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;
	font: 11px/16px Verdana, Arial, Geneva, Helvetica, sans-serif;}

.productDetailLeft {
	float:left;
	width:310px;
	height:320px;
	text-align:center;}

.productDetailRight {
	margin-left:310px;
	height:320px;
	padding:10px 10px 10px 10px; 
	color:#666666;
	background-color:#efefef;
	font-size:x-small;}

table#productPrices {margin:10px 10px 20px 10px;
                    font-size:xx-small;}

table#productPrices td, table#productPrices th {
	padding:2px;
	font-size:xx-small;}

 table#productPrices th {
	background-color:#d6d6d6;
	font-weight:bold;}

h1 {font-size:medium;
   margin-left:10px;
   padding-left:30px;
   margin-right:170px;
   margin-top:8px;
   margin-bottom:2px;
   background-color:#0000FF;
	color:#FFFFFF;}

l1 {margin:1px;
    padding:1px;
   }    

#eShop  {	
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	martin-bottom:0px;
	padding-left:18px;
	padding-right:18px;
	font-size:xx-small;
	border:solid 0px;}

#eShop2 {	margin-left:38px;
	margin-right:35px;
	margin-top:40px;
	padding-left:2px;
	font-size:x-small;
	background-color:#ffffff;}

#eShop a:link , #eShop a:visited {margin:0px; border:0px; padding:0px;}
#eShop2 a:link , #eShop2 a:visited {margin:0px; border:0px; padding:0px;}

table.standard_table , td.standard_table , tr.standard_table {
		margin: 5px; margin-right:10px;
		border-collapse:collapse;
		border-spacing: 0px;
		empty-cells:show;
		border:0px solid #00000ff;
		}

table.footer {
		}

td.std , th.std , td.role, th.role {border:1px solid #000000;
		padding-left:3px;
		font-size:xx-small;
		}

td.stdc {border:1px solid #000000;
	padding-left:3px;
	font-size:x-small;
	text-align:center;
		}

td.role , th.role, th.std {
		font-size:x-small;
		font-weight:bold}


td.logo  {border:1px solid #999999;
		font-size:x-small;
		padding-left:8px;
		}



.std_text {font-size:x-small;
	   padding-top:15px; 
	   padding-left:15px;
	   margin-right:180px;}

td.pe {color:#ffffff;}
#pe a:link, #pe a:visited {color:#ffffff;}

.mugs {border-left:10px solid #0000FF; color:#000000;}
.mugs a:visited {color:#000000;}

.pens {border-left:10px solid #0000FF; color:#000000;}
.pens a:visited {color:#000000;}