/* CSS Document */

/*fixes the sidebar when page scrolled (not for Safari)*/

html { overflow:hidden; height:100%;}

body {
	background: #3366cc url(xxassets/images/siteimages/background.gif) repeat-y;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#FFFFFF;
	padding:0px 0px;
	margin:0px;
	height:100%;
	overflow:auto;
	font-weight: normal;
}

#header {
	display: none;
	width: 760px;
	height: 100px;
	}

#menu {
	position:absolute;
	display:block;
	padding: 0;
	margin: 0; 
	top: 40px;
	left: 19px;
	width:180px;
	height:200px;
	text-align: center;
	z-index:50;
	}

#content {
  float: left;
  width: 500px;
  padding-right: 40px;
  padding-left: 240px;
  margin-bottom: 50px;
  height: 100%;
} 

.profiles {
	width: 500px;
	height: 200px;
	margin: 20px auto;
	border: 1px solid #000;
	background: #ededed;
	color: #000;
	}

#sidebar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 100%;
	margin:0px 8px 50px 8px;
	height:100%;
	color: #000;
	background:#ffd700;
	}




/*----------------------------
		HEADING
-----------------------------*/

h1 {
	color: #fff;
	font-size:  2.0em;
	padding: 1.2em 0;
	}

#sidebar h1 {
	color: #000;
	font-size:  1.2em;
	padding: 0;
	padding-top: 10px;
	padding-right: 13px;
	text-align: center;
	}

#sidebar h2 {
	color: #000;
	font-size:  1.2em;
	padding: 0;
	padding-right: 13px;
	margin-top: 0px;
	text-align: center;
	}

h2 {
	color: #fff000;
	font-size:  1.8em;
}

h3 {
	color: #fff;
	font-size:  1.1em;
}

/*----------------------------
		LINK STYLES
-----------------------------*/

#content a:link, #content a:visited {
	color: #fff;
	}

#content a:hover, #content a:active {
	color: #000;
	}

#sidebar a:link, #sidebar a:visited {
	color: #000;
	}

#sidebar a:hover, #sidebar a:active {
	color: #000;
	}

/*----------------------------
		TEXT STYLES
-----------------------------*/

#content p {
	  line-height: 1.6;
	  }
	 
	 
.profiles h3 {
	font-size: 1.2em;
	color: #000;
	margin-left: 1.2em;
	padding-top: 10px;
	}

.profilesimage {
	float: left;
	border: 1px solid #000;
	margin: 15px;
	padding: 5px;
	background: #fff;
	}


.priceincl {
	color: #ffff00;
	}

.statement {
	color: #ffff00;
	font-size: 1.6em;
	font-style: italic;
	margin-bottom: -20px;
	}

.name {
	color: #FFFF00;
	font-size: 1.5em;
	font-weight: bold;
	}

.features {
	color: #00FF00;
	font-size: 1.1em;
	font-weight: bold;
	}

.code {
	color: #ededed;
	font-size: 0.9em;
	margin-top: -20px;
	}

.price {
	color: #FFFFFF;
	}

.centered {
	text-align: center;
	}

.highlight {
	color: #990000;
	}



.products h2 {
	padding: 0;
	
	}
	

/******************************************************
	IMAGES
*******************************************************/
.imageleft {
	float: left;
	margin: 10px;
	}

.imageright {
	float: right;
	margin: 10px;
	}

.imagemain {
	padding: 5px;
	background: #fff;
	margin: 20px;
	}
#sidebar img {
	margin-top: 28px;
	margin-left: 0px;
	}

.border {
	padding: 5px;
	background: #fff;
	}


/******************************************************
	TABLES
*******************************************************/

table {
	border-collapse: collapse;
	}
td {
	padding: 1em;
	}

caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	}

.heading {
	font-size: 1.4em;
	font-weight: bold;
	}

.pricelist {
	background: #999;
	color: #fff;
	}

thead {
	background: #ccc;
	}

/*
tr:hover {
	background-color: #ccc;
	color: #000;
	}

thead tr:hover {
	background-color: transparent;
	color: inherit;
	}*/

.products {
	width: 100%;
	}

.products td {
vertical-align: top;
}
/*----------------------------
		TOP MENU
-----------------------------*/

#hmenu {
	font-size: 1.1em;
	}

#hmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#hmenu li {
	display: inline;
	}

#hmenu a:link, #hmenu a:visited {
	padding: 0 4px 0 0;
	color: #ededed;
	}

#hmenu a:hover, #hmenu a:active {
	color: #ffff00;
	}

/*----------------------------
		MENU
-----------------------------*/

#vmenu ul { 
	margin: 0; 
	padding: 0;
	list-style: none;
	width: 180px; /* Width of Menu Items */ 
	border: 1px solid #000;
	border-bottom: none;
	text-align: left;
} 

#vmenu ul li { 
	position: relative; 
	border-bottom: 1px solid #000;
} 

#vmenu li ul { 
	position: absolute; 
	left: 179px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#vmenu li:hover ul {
	display: block; 
} 

#vmenu li:hover>ul { 
	visibility:visible; 
} 

#vmenu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #vmenu ul li { float: left; height: 1%; } 
* html #vmenu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#vmenu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#vmenu ul a { 
	display: block; 
	text-decoration: none; 
	color: #777; 
	background: #fff; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #fff; 
	border-bottom: 0; 
	font-size: 1.0em;
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Sub Menu Styles */ 
#vmenu li ul a { 
	text-decoration: none; 
	background: #fff; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #fff; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
#vmenu li ul a:hover {  
	background: #e6f0f5; 
} 

/* Icon Styles */ 
#vmenu ul a.submenu {background:#fff url("images/r_arrow.gif") no-repeat right; } 
#vmenu ul a.submenu:hover {background:#e6f0f5 url("images/r_arrow.gif") no-repeat right;}


/*----------------------------
		POP UP STYLING
-----------------------------*/

#showimage{
position:absolute;
left: 0;
visibility:hidden;
border: 1px solid #999;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #efefef;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
.highlighted {
	font-weight: bold;
	text-transform: uppercase;
}