/* CPC common styles */
/* ================= */

body
{
text-align: left;
color:#ffffff;
/* background-color:#3c438a; */
background-color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}

div#container, div#footer, div#customer
{
font-size: 2;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 765px;
text-align: left;
padding: 0;
/* background-color:#3c438a; */
background-color:#000000;
}

div#header, div#pagetop
{
font-size: 2;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 765px;
text-align: left;
padding: 0;
background-color: #000000;
}

img.inline
{
	border: 0;
	padding: 8px;
}

td
{
	font-size: 2;
	font-family:Arial, Helvetica, sans-serif;
	border: 0 none;
}

tr
{
	font-size: 2;
	font-family:Arial, Helvetica, sans-serif;
	border: 0 none;
}

a
{
margin-top: 0; margin-bottom: 0;
color:#C9BB60;
}

a:visited
{
color:#C9BB60;
}

/* standard table styles *//*tr:nth-child(even) {background-color: #C0C0C0}
tr:nth-child(odd) {background-color: #E3E3E3}*/

td.colodd
{
font-family: arial, helvetica, sans-serif;
background-color: #E3E3E3;
color: #000000;
font-size: 8pt;
}

td.coleven
{
font-family: arial, helvetica, sans-serif;
background-color: #C0C0C0;
color: #000000;
font-size: 8pt;
}

tr.data, td.data
{
font-family: arial, helvetica, sans-serif;
background-color: #FFFFFF;
color: #000000;
font-weight: normal;
font-size: 8pt;
}

.headblk
{
font-family: arial, helvetica, sans-serif;
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
font-size: 10pt;
}

/* ===================== */

.optionTable table tr td
{
	color:#000000;
	background-color: #FFFFFF;
	font-size: 2;
	font-family:Arial, Helvetica, sans-serif;
	border: 0 none;
}

.optionTable td
{
	color:#000000;
	font-size: 2;
	font-family:Arial, Helvetica, sans-serif;
	border: 0 none;
	line-height: 1;
}

.tabSheet
{
	color:#000000;
	background-color: #FFFFFF;
	font-size: 2;
	font-family:Arial, Helvetica, sans-serif;
	width: 760px;
}

.tblhead td
{
	font-family: arial, helvetica, sans-serif;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
}

.tbldata td
{
	font-family: arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	font-size: 0.8em;
}

/*tr:nth-child(even) {background-color: #C0C0C0}
tr:nth-child(odd) {background-color: #E3E3E3}*/
 
.rowodd td
{
	background-color: #E3E3E3;
}
 
.colodd td
{
	background-color: #C0C0C0;
}

/* specialisation info pages */
.vnormal {
  background-color: #000000;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:10pt; 
  color: #FFFFFF;  
  font-weight:normal;
  vertical-align: top;
}

.vngrey {
  background-color: #C0C0C0;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:10pt; 
  color: #000000;  
  font-weight:normal;
  vertical-align: top;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  width: 30%;
}

.vnb_side {
  background-color: #C0C0C0;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:10pt; 
  color: #000000;  
  font-weight:normal;
  vertical-align: top;
  border-width: 1px;
  width: 30%;
  border-style: solid; 
  border-color:#C0C0C0; 
  border-top-style:solid; 
  border-top-color:#C0C0C0;
}

.vnt_side {
  background-color: #000000;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:10pt; 
  color: #FFFFFF;  
  font-weight:normal;
  vertical-align: bottom;
  border-width: 2px;
  width: 30%;
  border-style: solid; 
  border-color:#FFFFFF; 
  border-bottom-style:solid; 
  border-bottom-color:#C0C0C0;
}

.vnblank {
  background-color: #000000;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:8pt; 
  color: #FFFFFF;  
  font-weight:normal;
  vertical-align: top;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  width: 30%;
}

.vnhead {
  background-color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif; 
  font-size:10pt; 
  color: #000000;  
  font-weight:normal;
  vertical-align: top;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  width: 70%;
}

ul.vbenefits {
  font-family: Arial,Helvetica,sans-serif; 
  font-size:12pt; 
  font-weight:bold;
  margin-left: 0px;
}

ul.vbullets { margin-left:0px; }

h1.vhead, h2.vhead, h3.vhead, h4.vhead { margin-bottom:0; margin-top:0; } 

A.mnu_link:link {background: #C0C0C0; text-decoration: none; font-weight:bold; color: Black; }
A.mnu_link:visited {background: #C0C0C0; text-decoration: none; font-weight:bold; color: Black; }
A.mnu_link:active {background: #C0C0C0; text-decoration: none; font-weight:bold; color: Black;}
A.mnu_link:hover {background: #000000; text-decoration: none; font-weight:bold; color: White;}

/* --- */

/* navigation stuff */
#menubar {
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:765px;
	height:28px;
	margin-top:0px;
	background-color:#000000;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#main-nav li{
	float:left;
	position:relative;
	z-index:2000;
	list-style:none;
	line-height:1;
	padding:0;
	margin:0;
	}
#main-nav a{
	color:#fff;
	display:block;
	margin:5px 1px 0;
	padding:3px 8px 6px;
	border:0px solid #34353A;
	background-color: #000000;
	text-decoration:none;
	}
#main-nav a:hover, #main-nav li:hover a, #main-nav li.hn-hover a{
	background-color:#44474E;
	border-width: 1px 1px 0;
	margin:4px 0 0;
	}
#main-nav ul{
	/*display:none;*/
	z-index:2000;
	position:absolute;
	top:27px;
	background:#44474e;
	border:1px solid #34353a;border-top:0;
	min-width:100px;
	white-space:nowrap;
	padding:1px;margin:0;
	margin-left:-1000em;
	list-style:none;
	opacity:.90;
	filter:alpha(opacity=90);}
#main-nav li:hover ul, #main-nav li.sfhover ul{/*display:block;*/margin-left:0;}
#main-nav ul li{float:none;padding:0;margin:0;position:static;}
#main-nav ul a{
	font-weight:bold;
	padding:4px 15px 4px 8px;
	padding:4px 15px 4px 20px;
	margin:0;
	background: transparent url(http://www.cryopc.co.uk/images/BlueArrow2.gif) -100px -100px no-repeat;}

#main-nav li:hover ul a, #main-nav li.sfhover ul a{margin:0;border-width:0;}
#main-nav ul a:hover, #main-nav ul li:hover a, #main-nav ul li.sfhover a, #main-nav ul a:focus{
	color:#1ABFF4;
	background-color:#222327;
	background-position: 8px center;
	margin:0;border-width:0;}

/* Fixed width menu to help with formatting strangeness	*/
* html #main-nav ul a{height:1%;display:block;}
* html #mn-prod ul a{width:150px;}
* html #mn-lifestyle ul a{width:180px;}
* html #mn-advantage ul  a{width:180px;}
* html #mn-freestuff ul a{width:150px;}
* html #mn-contact ul a{width:140px;}
* html #mn-support ul a{width:160px;}

/* multi-level */
/*#main-nav li ul ul {     margin: -1em 0 0 10em; }
#main-nav, #main-nav ul {     padding: 0;     margin: 0;     list-style: none;     line-height: 1; } 
#main-nav li:hover ul ul, #main-nav li.sfhover ul ul {     left: -999em; } 
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul {     left: auto; } */

/* Gallery stuff */
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

/* Gallery Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}