.body
{
	
}

	.jc{
		position:relative;
	}
	a:link, a:hover, a:visited {
		font-family: Arial;
		font-size: 10pt;
		background-color: Transparent;	
	}
	.head {
		font-family: Arial;
		font-size: 10pt;
		text-transform: lowercase;
		color: #000000
	}
	.main {
		font-family: Arial;
		font-size: 10pt;
		color: #000000
	}

	td
	{
		font-family: Arial;
		font-size: 9pt;
		color: Black;
		text-decoration: none;
	}
	
	a
	{
		text-decoration: none;
	}

	.tdbevel
	{
		font-size: 9pt;
		font-weight: bold;
		background-image: url(http://www.sun.com/im/g15_headerbg.gif); 
		background-repeat: repeat-x;
		text-align: left;
	}
	
	.tablebevel
	{
		width: 100%;
		border: 1pt solid #6699cc;
	}
		
	/*.tdbluefade {
		BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#e4e9ff', EndColorStr='white');  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
	}
	.tdsubheadingbluefade {
		BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#e4e9ff', EndColorStr='white');  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; font-weight: bold; font-size: 11pt;
	}
	.tdrighttablebluerod {
		BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6E9CC9', EndColorStr='#ffffff');
	}
	.tdheadingbluerod {
		BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=2,opacity=25,finishOpacity=100);
	}
	.tdtabledbluerod {
		BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99B7DD', EndColorStr='White');
	}*/
	
	Textbox{
		font-size: 9.5pt;
		border: 1pt solid gray;
		FONT-FAMILY: arial, sans-serif;
	}
	
	.TextboxClass{
		font-size: 9.5pt;
		border: 1pt solid gray;
		FONT-FAMILY: arial, sans-serif;
	}
	.HintText{
		color: #008000;
		font-size: 7pt;
		font-weight: bold;
		text-decoration: none;
	}
	.RedHeaderCell {
		BACKGROUND-IMAGE: url(/Detel/Images/navbg_red.jpg);
		FONT-SIZE: 16 pt;
		FONT-FAMILY: Arial, Arial, Tahoma;
		background-repeat : no-repeat;
		background-position : left;
		font-family: Arial;
		color : black;
		font-weight: bolder;
		padding: 15 15 15 15
	}
	.BlueHeaderCell{
		FONT-FAMILY: Arial, Tahoma; 
		FONT-SIZE: large ; 
		font-weight: bolder; 
		/*FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#e4e9ff', EndColorStr='white');*/
		PADDING-RIGHT: 10px; 
		PADDING-LEFT: 10px; 
		PADDING-BOTTOM: 10px; 
		PADDING-TOP: 10px;
		border: 1pt solid Silver; 
		border-bottom: none;
	}
	font.Header{
		FONT-FAMILY: Arial, Tahoma;
		 font-size: 13pt;
		font-weight: bolder;
	}
	font.Price{
		FONT-WEIGHT: bold;
		FONT-SIZE: 11pt;
		COLOR: maroon;
	}
	.Status{
		FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		COLOR: maroon;
	}
	font.LineNumber{
		FONT-WEIGHT: bold;
		FONT-SIZE: 8pt;
		COLOR: maroon;
	}
	font.HomePageRightTableFont{
		FONT-WEIGHT: normal;
		FONT-SIZE: 8pt;
		COLOR: black;
	}
	TD.CustomizeComputerOriginalItem{
		border: 1pt solid #e4e9ff;
		border-top:none;
		padding: 5 5 5 5;
	}
	TD.CustomizeComputerOriginalItemLeft{
		border: 1pt solid #e4e9ff;
		border-top:none;
		border-right:none;
		padding: 5 5 5 5;
	}
	TD.CustomizeComputerOriginalItemRight{
		border: 1pt solid #e4e9ff;
		border-top:none;
		padding: 5 5 5 5;
	}
	.dgridAltItem
	{
		background-color: #CCC66C;
		}
		
	.PageCrumb
	{
		font-size: 9px;
		}
		
		
		
		
/*
Menu Class's
*/
.clsMenu /*main menu style*/
{
	border: 1pt solid silver;
	border-left: none;
}
.clsDynamicMenu /*main menu style*/
{
	border: 1pt solid gray;
}
.clsStaticMenuItem  /*visible static menu item style*/
{
	color: Black;
    border-left: 1pt solid Gray; 
    width: 154px;
    height: 30px;
	background-image: url(images/g15_headerbg.jpg);
}

.clsStaticMenuHoverItem  /*visible static menu item style*/
{
    border-left: 1pt solid BLACK; 
    width: 154px;
    height: 30px;
	background-color: #81BEF7;
	/*background-image: url(images/aboutdetel.jpg);*/
}

.clsDynamicMenuItem
{
	width: 189px;
	background-color: #5b87a5;
	text-align: left;
}

.clsDynamicMenuSelectedItem
{
	width: 189px;
	background-color: #CCC66C;
}

.clsDynamicMenuHoverItem
{
	width: 189px;
	/*background-image: url(images/submenu_hover.gif);*/
	background-color: #81BEF7;
}


/*
Menu Class Ends
*/


/*
Desktop Datagrid Class Starts
*/
.clsGridDesktops
{
	background-color: White;
	color: Black;
}
TD.clsDesktopsGridHeader
{
	font-size: 11pt;
	color: Navy;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	background-image: url('images/shadow_bg_down.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 20px;
	padding-top: 10px;
}
TD.clsDesktopsGridPrice
{
	font-size: 11pt;
	color: Green;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
TD.clsDesktopsGridItem
{
	font-size: 8pt;
	color: Black;
	vertical-align: top;
	text-align: left;
	white-space:normal;
}
TD.clsDesktopsGridAltItem
{
	background-color: #e4e9ff;
	font-size: 8pt;
	color: Black;
	vertical-align: top;
	text-align: left;
	white-space:normal;
}
INPUT.clsDesktopsGridChooseButton
{ 
	background-color: #99b7dd;
	font-size: 8pt;
	color: Black;
	cursor: hand;
	border: 1pt solid black;
	text-align: right;
 }





ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#A5A5A5;
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:20%;
}
ul.cssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#FFFFFF;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:normal 11px Arial;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#FF1C1C;
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#FF1C1C;
	border-color:#4C99AB;
	border-style:solid;
	font:normal 11px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_white_2.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.cssMenu li a.cssMenui0{
font:n;
}
ul.cssMenu li a.cssMenui0:hover{
font:o;
}












.pad {clear:left; padding-top:270px;}
#nav {margin-left:25px;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

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

#nav {height: 41px; float:left; padding-left:20px; background:#fff url(images/tabLeft.gif) no-repeat left top; font-family:arial, sans-serif;}

#menu {height:41px;position:relative;font-size:11px; margin: 0; z-index:1000; background:#fff url(images/tabRight.gif) no-repeat right top; float:left; 

padding-right:20px;}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left;}
#menu ul li a {display:block; float:left;padding:0 15px 0 0;text-decoration:none; color:#fff; font-weight:bold; height:41px;line-height:40px;font-size:11px; 

background:url(images/tabCenter.gif) no-repeat right top;}
#menu ul li a b {display:block; float:left;padding:0 0 0 15px; text-decoration:none; color:#fff; font-weight:bold; 

height:41px;line-height:40px;font-size:11px;background:url(images/tabCenter.gif) no-repeat left top; cursor:pointer;}

#menu ul li div.holder {position:absolute; left:-9999px;}

#menu ul li div .leftSide {float:left;background: #ddd url(images/dropLeft.gif) no-repeat left bottom;}
#menu ul li div .rightSide {float:left; margin-left:10px; display:inline; padding:0 10px 0 0; background: #aaa url(images/dropRight.gif) no-repeat right 

bottom;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#910; background-position:right center; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#910; background-position:left center;}
#menu ul li a.sub:hover {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#910; background-position:left bottom;}

#menu ul li:hover > a {color:#910; position:relative;}
#menu ul li:hover a.sub {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#910; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:41px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:3px; top:41px;}
#menu ul li.right:hover div.holder {left:auto; right:4px; top:41px;}

#menu ul dl {width:auto; margin:5px 0 10px 0; padding:0 5px;list-style:none;}
#menu ul dl dt {padding:0 10px; margin:0; line-height:20px; background:#488; color:#fff; white-space:nowrap;}
#menu ul dl dd {display:block; padding:0; margin:0;}
#menu ul dd a {background-image: none; display:block; height: 20px; line-height: 20px; color:#421; text-align:left; margin: 0; padding:0 

10px;font-weight:normal; white-space:nowrap; float:none;}
#menu ul dd a:hover {color:#c60;}

#menu ul table td {vertical-align:top;}













/* ================================================================ 
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_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:800px; 
font-size:0.85em;
z-index: 1000;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
z-index: 1000;
}
.menu ul ul {
width:160px;
z-index: 1000;
}
/* 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:160px;
position:relative;
z-index: 1000;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:149px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#6699cc;
padding-left:10px; 
line-height:29px;
z-index: 1000;
background-image: URL(http://sydneybiotech.com/images/bg-menu.png);
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:160px;
w\idth:139px;
z-index: 1000;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:red;
z-index: 1000;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:green;
z-index: 1000;
}
.menu ul ul :hover > a.drop {
background:blue;
z-index: 1000;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:orange;
z-index: 1000;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:yellow;
z-index: 1000;
}
.menu ul ul ul :hover > a {
background:brown;
z-index: 1000;
}

/* 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:31px;
left:0; 
width:160px;
z-index: 1000;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
z-index: 1000;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:160px; 
top:0;
width:160px;
z-index: 1000;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-160px;
z-index: 1000;
}

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

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:lightblue; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:139px;
z-index: 1000;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:160px;
w\idth:129px;
z-index: 1000;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:lightblue;
z-index: 1000;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#6699cc;
z-index: 1000;
}

/* 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; 
z-index: 1000;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
z-index: 1000;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
z-index: 1000;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
z-index: 1000;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
z-index: 1000;
}