body { 
	background: #EEE url('bg.png') repeat-y center top;
    font: normal 12px/15px Arial,Helvetica,sans-serif; 
	margin: 0;
	padding: 0;
}

#Table1 {
	background: #FFF;
}

a {
    color:#0070C8;
    text-decoration:none;
    background:none  
}

a:hover { 
    color:#000;
	text-decoration:underline;
}

a.yellowlink { 
    color:#FF0;
    text-decoration:underline; 
}

a:hover.yellowlink { 
    color:#FFF;
}

a.whitelink { 
    color:#FFF; 
    text-decoration:underline;
}

a:hover.whitelink { 
    color:#FF0 
}

a.greenlink { 
    color:green; 
    text-decoration: underline; 
}

.btn_img {
    float: left;
    margin-top: 0px 1px 0px 0px;
    padding: 0px;
    display: block;
    border: none;
}

.redlink { color:#F00; }
a:hover.redlink { color:#0070C8; text-decoration:none; }
.redxlg{ color:#F00; font-size:17px; text-decoration:none; }
a:hover.redxlg{ color:#0070C8; font-size:17px; text-decoration:none; }
.greylink { color: #777; font: 11px/14px Arial,Helvetica,sans-serif; text-decoration: underline; }
.bluelink { color:#0067c5; text-decoration: underline; }
.blue_link { color:#0067c5; text-decoration:underline; font-size:12px; font-weight: bold; }
.blue_link2 { color:#0067c5; font-size:11px; font-weight: bold; }

.blackboldds { color: #000; line-height: 12px; font-weight: bold; }
.blackds { color: #000; font-size: 12px; line-height: 14px; }
.bluelgds { color: #0070C8; font-size: 14px; line-height: 16px; font-weight: bold; }
.blue { color: #0070C8; font: normal 11px/14px Arial,Helvetica,sans-serif; }
.bluebold { color: #0070C8; font: bold 12px/14px Arial,Helvetica,sans-serif; }
.bluesmbold {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 11px; font-style: normal; line-height: 10px; font-weight: bold;  text-transform: none; color: #0067c5}
.bluesmbold2 {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 7pt; font-style: normal; line-height: 6pt; font-weight: bold;  text-transform: none; color: #0067c5}
.bluesm { color: #0070C8; font: normal 10px/14px Arial,Helvetica,sans-serif; }
.bluelg { color: #0070C8; font: bold 13px/14px Arial,Helvetica,sans-serif; }
.bluexlg { color: #0070C8; font: bold 17px Arial,Helvetica,sans-serif; }
.whitesm { color: #FFF; font: normal 9px/16px Arial,Helvetica,sans-serif; }
.whitesmbold { color: #FFF; font: bold 9px/16px Arial,Helvetica,sans-serif; }
.white { color: #FFF; font: normal 12px/16px Arial,Helvetica,sans-serif; }
.whitebold { color: #FFF; font: bold 12px/16px Arial,Helvetica,sans-serif; }
.whitelg {  color: #FFF; font: normal 15px/16px Arial,Helvetica,sans-serif; }
.blue_smallmenu { color: #000; font: bold 9px/7px Arial,Helvetica,sans-serif; }
.top_smallmenu {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 7pt; font-style: normal; line-height: 5pt; font-weight: bold;  text-transform: none; color: #000000}
.top_redsmallmenu { color: #F00; font: bold 9px/7px Arial,Helvetica,sans-serif; }
.red {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 9pt; font-style: normal; line-height: 12pt; font-weight: normal;  text-transform: none; color: #FF0000}
.redbold {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 12px; font-style: normal; line-height: 14px; font-weight: bold;  text-transform: none; color: #FF0000}
.redsmbold {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 11px; font-style: normal; line-height: 12px; font-weight: bold;  text-transform: none; color: #FF0000}
.redsm {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 11px; font-style: normal; line-height: 12px; font-weight: normal;  text-transform: none; color: #FF0000}
.redlg {  font-family: arial; font-size: 11pt; line-height: 12pt; font-weight: bold; color: #FF0000}
.redxlg {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 15pt; font-style: normal; font-weight: bold;  text-transform: none; color: #FF0000}
.black { color: #000; font: normal 12px/16px Arial,Helvetica,sans-serif;}
.blacklg { color: #000; font: bold 13px/14px Arial,Helvetica,sans-serif; }
.blackbold { color: #000; font: bold 12px/14px Arial,Helvetica,sans-serif; }
.blacksmbold { color: #000; font: bold 11px/14px Arial,Helvetica,sans-serif; }
.blacksmbold2 { color: #000; font: bold 12px/14px Arial,Helvetica,sans-serif;}
.blacksm { color: #000; font: normal 11px/14px Arial,Helvetica,sans-serif; }
.blackxsm { color: #000; font: normal 9px/12px Arial,Helvetica,sans-serif; }
.blackxlg {  color: #000; font: bold 17px Arial,Helvetica,sans-serif; }
.greenxsm { color: green; font: normal 10px/14px Arial,Helvetica,sans-serif; }
.greensm { color: green; font: normal 11px/14px Arial,Helvetica,sans-serif; }
.greensmbold { color: green; font: bold 11px/14px Arial,Helvetica,sans-serif; }
.green { color: green; font: normal 12px/14px Arial,Helvetica,sans-serif; }
.greenbold { color: green; font: bold 12px/14px Arial,Helvetica,sans-serif; }
.greenlg { color: green; font: normal 13px/14px Arial,Helvetica,sans-serif; }
.greenxlg { color: green; font: normal 17px Arial,Helvetica,sans-serif; }
.greysm { color: #777; font: normal 10px/14px Arial,Helvetica,sans-serif; }
.greybold { color: #777; font: bold 11px/14px Arial,Helvetica,sans-serif; }
.menu { font-family: arial, helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; text-decoration: none; background: #FFFF00; line-height: 10pt; }
.S1 {color: #666666; font-family: arial, helvetica; font-size: 10pt; font-weight: bold}
.S2 {color: #000000; font-family: arial, helvetica; font-size: 8pt; text-decoration: none}
.S3 {color: #CC0000; font-family: arial, helvetica; font-size: 10pt; text-decoration: underline}
.blue_lg {  font-family: arial; font-size: 11pt; line-height: 12pt; font-weight: bold; color: #0067c5}
.blue_bold {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 9pt; font-style: normal; line-height: 12pt; font-weight: bold;  text-transform: none; color: #0067c5}

a:hover.top_redsmallmenu {
text-decoration: underline;
}

/* Fonts */
.arial { font-family: arial, Helvetica, sans-serif, Verdana; }


/* Colors */
.cblack { color: #000; }
.cblue { color: #0070C8; }
.cwhite { color: #fff; }

/* Sizes */
.s8 { font-size: 10px; }
.s9 { font-size: 11px; }
.s10 { font-size: 12px; }
.s11 { font-size: 13px; }
.s12 { font-size: 14px; }
.s14 { font-size: 16px; }
.s16 { font-size: 18px; }
.s18 { font-size: 20px; }

/* Styles */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }

.nav:hover {
	text-decoration: underline;
}

.top-nav {
	color: #fff;
	font: bold 12px/14px Arial,Helvetica,sans-serif;
}

.top-nav:hover {
	color: #fff;
	text-decoration: underline;
}

.footer a {
	color: #0070C8;
	font: bold 11px/14px Arial,Helvetica,sans-serif;
}

.footer a:hover {
	color: #000;
}

a.categories:hover{
	text-decoration: underline;
}

.categories em {
	color: #757575; 
	font-weight: normal;
	font-style: normal;
}

.copy {position:absolute; top:410}
.header {  font-family: arial, Helvetica, sans-serif, Verdana; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold;  text-transform: capitalize; color: #000000}
#aboutNav {position:absolute; width:175px; height:25px; left:118px; top: 650px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden}
#techsupportNav { position:absolute; width:175px; height:25px; left:118px; top: 600px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }
#partnersNav { position:absolute; width:150px; height:25px; left: 118px; top: 700px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden}
#customNav { position:absolute; width:150px; height:25px; left:118px; top: 660px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }
#newNav { position:absolute; width:150px; height:25px; left:118px; top: 680px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }
#enduserNav { position:absolute; width:150px; height:25px; left:118px; top: 655px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }
#myaccountNav { position:absolute; width:150px; height:25px; left:118px; top: 650px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }
#resellerNav { position:absolute; width:150px; height:25px; left:118px; top: 650px; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; visibility: hidden }

#cc_manual {}

#layer1 {POSITION: absolute; VISIBILITY: visible; LEFT:420px; TOP:160; width:60%}
#layer2 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer3 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer4 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer5 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer6 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer7 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer8 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer9 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer10 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer11 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}
#layer12 {POSITION: absolute; VISIBILITY: hidden; LEFT: 220px; TOP:160;}


#Body_content, #body_content {
    color: #000;
    font: normal 12px/15px Arial,Helvetica,sans-serif; 
    padding: 15px 0 0 15px; 
}
#Body_content a, #body_content a { color:#0070C8; text-decoration:none; font-weight:bold;  }
#Body_content a:hover, #body_content a:hover { color:#000000; text-decoration:underline; }
#Body_content a.yellowlink, #body_content a.yellowlink { color:#FFFF00;text-decoration:underline; font-family:arial,helvetica,sans-serif;font-size:11px;font-weight: bold }
#Body_content a:hover.yellowlink, #body_content a:hover.yellowlink { color:#FFFFFF;text-decoration:underline }
#Body_content a.white, #body_content a.white{color:#FFFFFF; text-decoration:none}
#Body_content a:hover.white, #body_content a:hover.white{ color:#FFFF00}
#Body_content table, #body_content table{color:#000000; font-size:12px;}
#Body_content h4, #body_content h4 {color:#000000; font-weight:bold; font-size:14px;}
#Body_content .ctg_boldblue, #body_content .ctg_boldblue{font-family: arial; font-weight: bold; color: #0070C8}
#Body_content .ctg_blue, #body_content .ctg_blue{font-family: arial; color: #0070C8}
#Body_content .header_text, #body_content .header_text {
    display:block;
    margin:0px 0px 5px 0px;    
    font-weight:bold;
    font-size:18px;
}

blockquote {
	color: #000;
	font: normal 11px/14px Arial,Helvetica,sans-serif; 
}

#ctg_basket {
    width:775px;
    border: 1px solid #006BB3;
    border-bottom: 0;    
}

#ctg_basket td {
    font: normal 11px/14px Arial,Helvetica,sans-serif; 
}

.ctg_basket_header_cell
{
    font-family: arial, Helvetica, sans-serif, Verdana;
    font-size: 9pt;
    font-style: normal;
    line-height: 12pt;
    font-weight: bold;    
    color: White;    
    padding-left:2px;
}

.ctg_basket_header_row
{
    background-color:#006BB3;
}

.ctg_basket_cell
{
    border-collapse:collapse;
    border-bottom:solid 1px #006BB3;
}

.ctg_basket_bottom
{
    background-color:#006BB3;
    height:10px;
}

.submit_button
{
    background-color:White; 
    border-style:none; 
    padding:0px;
    margin:0px;
    cursor:pointer; 
    cursor:hand;
}
.submit_button div
{
    display:block;
    
}

.error
{
    font-weight:bold;
    color:Red;
}

button {
	background: none;
	border: none;
	color: #FFF;
	cursor: pointer;
	float: left;
	font: bold 8pt arial, Helvetica, Sans-serif;
	padding: 0px;
	text-decoration:none;
	text-transform: uppercase;
	white-space: nowrap;
}

button.btnBlueBlack span  {
	background: url("../images/buttons/new/btnBlueBlack.png") no-repeat left 0px;
	float: left;
	padding: 0 0 0 20px;
}

button.btnBlueBlack span span {
	background-position: right 0px;
	padding: 3px 20px 3px 0;
}

button:hover { color:#000; }

button:hover span { background-position: left -20px; }
button:hover span span { background-position: right -20px; }

button:active span { background-position: left -40px; }
button:active span span { background-position: right -40px; }

#product-window {
    position:relative;
    float:left;
    width:525px;
    background-color:White;
}

.product-snapshot {   
    text-align:center; 
    margin-bottom:5px;
    border:solid 1px white;
    display:inline;
    float:left;
    width:160px;
    position:relative;
}

#product-window-hud {   
    background:#0067C5; 
    color: #FFF; 
    font-weight:bold; 
    cursor:move;
    padding:4px;
    display:inline;
    height:18px;
    float:left;
    width:525px;
}

#product-window-content {
    float:left;
    background-color:White;
    clear:both; 
    width:525px; 
    min-height:200px; 
    border:solid 1px black;
    padding:3px;
    border-top:none 0px white;
}

.leftNav {
	margin: 5px 0;
	padding: 0;
}

.leftNav li {
	clear: both;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}

.leftNav li a {
    color: #0067C5;
	display: block;
    font: bold 12px/14px Arial,Helvetica,sans-serif;
	padding: 3px 5px;
}

#leftNavSubCat {
	background: #FFF; 
	border: 1px solid #CCC; 
}

#leftNavSubCat li {
	padding-left: 10px;
	text-indent: -10px;
}

#leftNavSubCat li a:hover {
	background: none;
}

.leftNav li a.parentCat , .leftNav li a:hover {
	background: #EEE;
    color: #000;
}

.lightbox_whiteboard {
    z-index:100; 
    position:absolute;
    display:none;     
    background-color:White;    
}