#bodypanel
{
	float: left;
	position: relative;
	width:98%;
	left:1%;
	
	padding-top:25px;
	
}

#Logo
{
	position:absolute;
	left:15px;
	top:0px;
	z-index:20;
}

#navheader
{
	float: left;
	position: relative;
	width:100%;
	

}

#footer
{
	float: left;
	position: relative;
	width:100%;

}

#contenttable
{

	position: relative;
	width: 100%;

}

#content
{

	float:left;
	width:100%;




}


.advertisement { border: 1px solid #FFFFFF; margin:0;padding:0;}

.bg { }

.imageborder
 {
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

.imagenoborder 
{
	border-width:0px;
}
div#graphics
{
	position:relative;
	float:right;
	width:540px;
	border: 1px solid #0000FF;
	
}

div#quote
{
	background-color: #111111;
	border: 1px solid #333333;
	padding:1em;
	width: 330px;

}
div#product
{
	background-color: #080808;
	border: 1px solid #202020;
	padding:5px;
	width: 95%;

}


div#maincontent{
	position:relative;
	left:40px;
	top: 10px;
	background-image:url(Images/content_bg.jpg);
	background-repeat:no-repeat;
	
	height:370px;
	width:550px;
	padding-left:12px;
	padding-top:11px;
	overflow:auto;
	overflow-x:hidden;

}

div#rightsidepanel{
position:relative;
	top: 10px;
	background-image:url(Images/sidepanel_bg.jpg);
	background-repeat:no-repeat;
	height:385px;
	width:300px;
	padding-left:12px;
	padding-top:11px;
	padding-right:12px;
	overflow:auto;
	overflow-x:hidden;
	z-index:19;
}

div#supportpanel{
position:relative;
	top: 10px;
	
	background-repeat:no-repeat;
	height:370px;
	width:550px;
	padding-left:12px;
	padding-top:11px;
	padding-right:12px;
	overflow:auto;
	overflow-x:hidden;
	z-index:19;
}

div#cartpanel{
position:relative;
	top: 10px;
	
	background-repeat:no-repeat;
	height:370px;
	
	padding-left:12px;
	padding-top:11px;
	padding-right:12px;
	overflow:auto;
	overflow-x:hidden;	
	z-index:19;
}

a:link, a:visited
 
 {
	color:#FFFFFF;
		font-weight:bold;

}

a:hover
{
	color:#ffcc00;
	font-weight:bold;
}


a.softwaresupport { display:block;
	
	}

a.softwaresupport:link {
	text-decoration: none;
	color:#FFFFFF;

}
a.softwaresupport:visited {
	text-decoration: none;
	color:#FFFFFF;
	
}
a.softwaresupport:hover {
	text-decoration: none;
	background:#372A58;
	padding-left:0px;
}

a.softwaresupport:active {
	text-decoration: none;

}






.form{
background:#111111;
border: 1px solid #333333;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;


line-height:16px;
width:250px;
}

.formbutton{
background:#111111;
border: 1px solid #333333;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffcc00;
line-height:16px;
width:250px;

}




.regularcopy{
line-height: 18px;

}


.tableclass {
background-image:url(Images/mainpageimg.jpg);
background-repeat:no-repeat;
background-position:bottom;


}


.tableclass_main {
background-image:url(Images/mainpageimg2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
background-color:black;
border-width:10px;
width:100%;


}
.tableclass_noback {
background-color:black;
border-width:10px;
width:100%;
}
div#contentwindow{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:950px;
	height:550px;
	position:relative;
	left:10px;
	top:10px;
	

	
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(Images/cfibre_tile20.jpg);
	background-repeat: repeat;
	font-weight:normal;

	scrollbar-face-color:#111111;
	scrollbar-highlight-color:black;
	scrollbar-shadow-color:black;
	scrollbar-arrow-color:#ffcc00;
	scrollbar-track-color:#222222;
	scrollbar-darkshadow-color:#222222;

	}

.headings
{
	font-size:25px;
	color:#FFFFFF;

	font-weight:lighter;
	font-style:oblique;
}



.innertable 
{

	border:solid;
	border-bottom:none;
	border-width:1px;
	border-color:#FFFFFF;
	padding:0px;
	background:#000000;

}
.copyright
 {
	font-size: 9px;
	font-style:italic;
}

.navigationlinks 
{

	font-size:12px;
	color: #ffcc00;
	text-decoration:none;
	padding:3px;
	text-align:center;
	font-weight:bold;
	
}

.bottomcopywrite
{
	font-size: 9px;
	font-style:italic;
	padding-left:10px;
	background-image: url(Images/bottom_middle.png);
	background-repeat: repeat;
	height: 30px;
}



.sides
{	
	background-image: url(Images/sides.png);
	background-repeat: repeat-y;
	width: 4px;
}
.topleft
{	
	background-image: url(Images/top_left.png);
	background-repeat: repeat;
	height: 35px;
	width: 10px;
}

.topmiddlel
{
	background-image: url(Images/top_middlel.png);
	background-repeat: repeat;
	height: 35px;
}
.topmiddle
{
	background-image: url(Images/top_middle.png);
	background-repeat: repeat;
	height: 35px;
	width: 15px;
}
.topmiddler
{
	background-image: url(Images/top_middler.png);
	background-repeat: repeat;
	height: 35px;
}

.topright
{	
	background-image: url(Images/top_right.png);
	background-repeat: repeat;
	height: 35px;
	width: 10px;
}

.bottomleft
{
	background-image: url(Images/bottom_left.png);
	background-repeat: repeat;
	height: 30px;
	width: 10px;
}


.bottommiddle
{
	padding-left:10px;
	background-image: url(Images/bottom_middle.png);
	background-repeat: repeat;
	height: 30px;
	
}

.bottomright
{
	background-image: url(Images/bottom_right.png);
	background-repeat: repeat;
	height: 30px;
	width: 10px;
}

.bottomnav
{
	padding-left:40px;

}
a.bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bolder;
	padding-left:0px;
	}

a.bottomnav:link {
	text-decoration: none;
	font-weight:bolder;
	color: #FFFFFF;
	padding-left:0px;
}
a.bottomnav:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bolder;
	padding-left:0px;
}
a.bottomnav:hover {
	text-decoration: none;
	color: #ffcc00;
	font-weight:bolder;
	padding-left:0px;
}
.bottomnav:hover img{
border: 1px solid yellow;
}
.bottomnav img{
border: 1px solid #000000;
}

a.bottomnav:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bolder;
	padding-left:0px;
}

.subheading
{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:oblique;
}

.quote
{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-style:oblique;
	color:#ffffff;
	line-height:20px;
	padding-right:7px;
	text-align: left;

}

.product
{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-style:oblique;
	color:#ffffff;
	line-height:20px;
	padding-right:7px;
	text-align: left;

}

.quote_writer
{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:oblique;
color:#ffcc00;
text-align:right;
padding-right:7px;
padding-top:0px;
position:relative;
vertical-align:top;
width:100%;

}

.question
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:oblique;
color:#ffcc00;
}

.answer
{
font-size:10px;
margin-left:14px;
line-height:13px;
}

.tab
{
padding-right:5px;
}


.subsubheadings
{font-weight:bolder;
color:#ffcc00;
font-style:italic;
}

a img {border: none; }

.quicklinks
{
	font-style:italic;
	color:#ffcc00;
}

/* DropDown Menu CSS*/

ul.rollovermenu{
	padding:0px;
	width:115px;
	
}

ul.rollovermenu, ul.rollovermenu ul { /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	/*added */
	line-height: 1;
}
ul.rollovermenu ul{
	
	border:1px solid #333333;
	background-color:#f7f3f3;
	width:115px;

	
}

ul.rollovermenu ul a:link, ul.rollovermenu a:visited {
	display: block;
	border:none;
	text-decoration:none;
	background-color:#000000;
	padding:2px 2px 2px 7px;
	color:#FFFFFF;
	font-weight:bold;
}
ul.rollovermenu ul a:hover, #current a{
	background:#372A58;
	text-decoration: none;
	font-weight: bold;
	background-color:#372A58;
	color:#ffcc00;
	
}
ul.rollovermenu li { /* all list items */
	position: relative;
	
	
	text-align:left;
	cursor: default;
	padding:0px 0px;
	margin:0px;
	
	}

ul.rollovermenu li ul { /* second-level lists */
	
	position: absolute;
	background-color:black;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


/*multilevel list css */
ul.rollovermenu li ul ul {
	margin: -18px 0 0 10em;
}
ul.rollovermenu li:hover ul ul, ul.rollovermenu li.sfhover ul ul {
	left: -999em;
}

ul.rollovermenu li:hover ul, ul.rollovermenu li li:hover ul, ul.rollovermenu li.sfhover ul, ul.rollovermenu li li.sfhover ul {
	left:0px;
	top:15px;
	
	
}



#inline-list p {
	display: inline;
	}
	

#inline-list ul, #inline-list li {
	display: inline;
	
	}