@CHARSET "UTF-8";

/* COMMON STYLES */

body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #6E6E6E;
	background-image: none;
}

a:link {
    color: #525252;
    text-decoration: underline; 
}
    
a:visited {
    color: #525252;
    text-decoration: underline; 
}
    
a:active {
    color: #525252;
    text-decoration: underline; 
}
    
a:hover {
    color: #525252;
    text-decoration: none;        
}

div.thirdrow{
	width: 100%;
	text-align: center;
	clear: both;
	vertical-align: top;
}

div.thirddiv{
	float: left;
	width: 31%;
	height: 200px;
	padding-top: 10px;
	padding-left: 5px;
	margin-right: 5px;
}

div.thirddivlast{
	width: 31%;
	margin-right:0px;
}

div.floatleft{
	float: left;
	width: 49%;
	vertical-align: top;
}

div.floatright{
	float:right;
	width: 49%;
	vertical-align: top;
}

div.left66{
	float: left;
	width: 66%;
	vertical-align: top;
}

div.right33{
	float:right;
	width: 33%;
	vertical-align: top;
}

div.fulldiv{
	width: 100%;
	padding: 2px;
}

div.centered{
	padding: 2px;
	text-align: center;
}

div.fullcenterdiv{
	width: 100%;
	padding: 2px;
	text-align: center;
}

div.leftspacer{
	float: left;
	width:2%;
}

div.rightspacer{
	float: right;
	width: 2%;
}

fieldset.fs_one{
	height: 100px;
}

img.itemedit{
	border: 1px solid #0099FF;	
}

legend.legStd{
	font-size: 8pt;
	font-weight: bold;
	color: #369;
}

p.aligncenter{
	text-align: center;
}

table{
	border: 0px;
}

table.full{
	width: 99%;	
}

table.fullcenter{
	width: 100%;
	text-align: center;
}

table.tabs{
	padding: 0px;
	border: 0px;
	margin-left: 3px;	
}

tr.dark{
	background-color : #ECECEC;
}

tr.light{
	background-color : #FFFFFF;
}

tr.selected {
	background-color : #AABDCC;
}

td{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #6E6E6E;
}

td.leftthird{
	color : #6E6E6E;
	font-size: 8pt;	
	width: 35%;
	text-align: right;
	font-weight: bold;
	white-space: pre-wrap;	
}

td.aligncenter{
	text-align: center;
}

td.alignright{
	text-align: right;
}

td.tableft{
	background-image: url(/images/TAB_image_01.gif);
	width: 9px;
	height: 25px;
}

td.tabcenter{
	background-image: url(/images/TAB_image_02.gif);
}

td.tabright{
	background-image: url(/images/TAB_image_03.gif);
	width: 9px;
	height: 25px;
}

td.sidebar{
	width: 15%;
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
}

td.adminpane{
	width: 85%;
	text-align: left;
	vertical-align: top;
}

td.half{
	width:50%;
	vertical-align:top;	
}

td.nowrap{
	white-space: nowrap	
}

th{
	text-align: center;	
}

.alertText8{
	color : #FF0000;
	font-weight: bold;
	font-size: 8pt;
	font-style: italic;
}
    
.boldText9{
	color : #6E6E6E;
	font-weight: bold;
	font-size: 9pt;
}

.boldText8{
	color : #6E6E6E;
	font-weight: bold;
	font-size: 8pt;
}

.boldText7{
	color : #6E6E6E;
	font-weight: bold;
	font-size: 7pt;
}

.blueText8{
	color : #0099FF;
	font-weight: bold;
	font-size: 8pt;
}

.greenText8{
	color : #009900;
	font-weight: bold;
	font-size: 8pt;
}

.mustwrap{
	white-space: pre-wrap;	
	display: block;
}

.reqText8{
	color : #FF0000;
	font-weight: bold;
	font-size: 8pt;
}

.spanleft{
	float: left;	
}

.spanright{
	float: right;	
}

.text9{
	color : #6E6E6E;
	font-size: 9pt;	
}

.text8{
	color : #6E6E6E;
	font-size: 8pt;	
}

.text7{
	color : #6E6E6E;
	font-size: 7pt;	
}

.vdpicon{
	width:21px;
	height:21px;
	background:#9999FF;
	filter:alpha(opacity=40);
	opacity:.40;
}

/* END COMMON STYLES */


/* HEADER AND FOOTER STYLES */

#header {
    border: 0px;
    background: #FFFFFF;
    width: 100%;
    height: 85px;
    padding: 0px;
    margin: 0px;
}

#headerimage{
	height: 85px;
	width: 350px;
	padding: 0px;
}

#headerimage img{
	height: 85px;
	width: 350px;
	border: 0px;
}

#headersearch{
	height: 85px;
	text-align: right;
}

#footer {
	border: 0px;
    background: #EEEEEE;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
}

#footerTextStd{
	color : #6E6E6E;
	font-size: 8pt;	
}

.footerText{
	color : #6E6E6E;
	font-size: 8pt;	
}

/* END HEADER AND FOOTER STYLES */
    

/* INDEX PAGE STYLES */
#main{
	width: 99%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main img{
	width: 760px;
	height: 450px;
	border: 0px;
}

#login{
	width: 98%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#selfReg{
	width:600px;	
}

#RegContainer{
	width: 637px;
	height: 490px;
	overflow: auto;
}

#clientText{
	width: 98%;
	text-align: center;
}

td.regTitle{
	width: 25%;
	text-align: right;	
}

td.regInput{
	width: 75%;
}

td.regSubmit{
	width: 75%;
	text-align: right;
}

.phonePre{
	width: 50px;
}

.phoneArea{
	width: 75px;
}

.phoneNumber{
	width: 100px;
}

.phoneExt{
	width: 75px;
}

/* END INDEX PAGE STYLES */


/* MRC VIEW STYLES */

#orderhistory{
	margin: 0px;
}

div.orderhistory{
	width: 100%;
	height: 300px;
	overflow: auto;
}

.mrcmain{
	width: 99%;
	margin-top: 5px;
}

.mrcside{
	vertical-align: top;
	width: 19%;
}

.mrcspacer{
	width: 1%;
}

.mrccenter{
	vertical-align: top;
	width: 60%;
}

#sidecontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#catcontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#historycontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#featurecontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#cartcontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#psscontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

#keywordcontainer{
	padding: 2px;
	overflow: hidden;
	width: 100%;
}

.sideheader {
    background-color : #FFFFFF;
    color : #369;
    font-family : verdana, arial, helvetica, sans-serif;
    font-size : 14pt;
    height: 23px;
    text-align: center;
    border-bottom: 2px solid #59BDDF
}

#centercontainer{
	padding: 2px;
	white-space: nowrap;
}

#centerheader {
    background-color : #FFFFFF;
    color : #369;
    font-family : verdana, arial, helvetica, sans-serif;
    font-size : 14pt;
    height: 23px;
    text-align: center;
    border-bottom: 2px solid #59BDDF;
}

table.fc{
	width: 100%;
	text-align: center;
}

tr.fc{
	white-space: nowrap;
}

td.fc{
	width: 32%;
	height: 200px;
	padding-top: 10px;
	padding-left: 5px;
	margin-right: 5px;
	text-align: left;
}

img.fc{
	float: right; 
	margin-right: 5px;
	margin-top: 2px;
	border: 0px;
	width: 200px;
	height: 160px;
}

legend.fc{
	margin: 0;
	font-size: 12pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3C5DA7;
}

/* END MRC VIEW STYLES */


/* B2B ITEM VIEW STYLES */

#b2bConvImg{
	width: 200px;
	text-align: center;
	vertical-align: top;
}

#b2bConvImg img{
	border: 0px;
}

#b2bSaveCart{
	width: 100%;
	padding: 2px;
}

.b2bAddressContainer{
	width: 100%;	
}

.b2bAddrBtnContainer{
	text-align: center;
}

.b2bAddrFS{
	height: 180px;
}

.b2bLegend8{
	font-size: 8pt;
	font-weight: bold;
	color: #369;
}

.b2bBillAddr{
	vertical-align: top;
	width:32%;
}

.b2bButton{
	font-size : 7pt;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color : #369;
}

.b2bCartListBtns{
	text-align: right;
	padding: 2px;
	font-size : 8pt;
}

.b2bDescription{
	vertical-align: top;
	padding-right: 10px;
	text-align: left;
}

.b2bDetails{
	vertical-align: top;
	white-space: nowrap;
}

.b2bFooterRow{
	background-color: #BBBBBB;
    text-align: right;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 9pt;
}

.b2bHeaderRow{
	background-color: #999999;
    color: #FFFFFF;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size : 9pt;
    padding: 5px;
}

.b2bItemTable{
	width: 100%;
	padding: 4px;
	border: 0px;
}

.b2bLeftHalf{
	width:48%;
	vertical-align: top;
}

.b2bPrice{
	text-align: center;
	color : #6E6E6E;
	font-size: 8pt;	
}

.b2bQuantity{
	text-align: center;
}

.b2bRightHalf{
	width:48%;
	vertical-align: top;
}

.b2bShipAddr{
	width:32%;
	vertical-align: top;
}

.b2bShipOpt{
	width:32%;
	vertical-align: top;
}

.b2bSpacer{
	width: 2%;	
}

.b2bThumbCol{
	text-align: center;
	vertical-align: top;
	font-size: 7pt;
	white-space: nowrap;
}

.b2bThumbnail{
	border: 1px solid #000000;
}

/* END B2B ITEM VIEW STYLES */


/* ASSET VIEW STYLES */

table.assetbox{
	width: 100%;
}

td.assetcol{
	width: 25%;	
	height: 265px;
	vertical-align: top;
}

td.assetboxImg{
	width: 100%;	
	height: 100px;
	text-align: center;
	vertical-align: middle;
}

fieldset.assetbox{
	height: 250px;
}

/* END ASSET VIEW STYLES */


/* RETAIL STOREFRONT ITEM VIEW STYLES */

.sfContainer{
	border: 0px;
	width: 100%;	
}

.sfThumbnailMed{
	border: 1px #000000 solid;	
}

.RowHeaderSfCat {
	background-color : #CC0000;
	color : #FFFFFF;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 12px;
	background-image: url(/company_images/sf_table_header_bg.png);
    height: 20px;
}

.RowHeaderSfSearch {
	background-color : #CC0000;
	color : #FFFFFF;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 12px;
	background-image: url(/company_images/sf_table_header_bg.png);
    height: 20px;
}

.RowHeaderSfMain {
    background-color : #CC0000;
    color : #FFFFFF;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
    background-image: url(/company_images/sf_table_header_bg.png);
    height: 20px;
}
  
.RowHeaderSfSpecial {
    background-color : #CC0000;
    color : #FFFFFF;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
    background-image: url(/company_images/sf_table_header_bg.png);
    height: 20px;
}

.RowHeaderSfCart {
    background-color : #CC0000;
    color : #FFFFFF;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
    background-image: url(/company_images/sf_table_header_bg.png);
    height: 20px;
}
	
.buttonSf {
   color:#000066;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   background-color:#DDDDDD;
   border: 1px solid;
   border-top-color:#0000AA;
   border-left-color:#0000AA;
   border-right-color:#000055;
   border-bottom-color:#000055;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

.buttonSfLarge {
    font-size : 12px;
    font-weight: bold;
    color: #000066;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    border : 1px solid #FFFFFF;
    cursor: pointer;
}
	
.buttonSfHov {
	color:#0099ff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#DDDDDD;
	border: 1px solid;
	border-top-color:#0088ee;
	border-left-color:#0088ee;
	border-right-color:#0088ee;
	border-bottom-color:#0088ee;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}
   
/* END RETAIL STOREFRONT ITEM VIEW STYLES */


/* LEFTOVERS FROM THE OLD STYLE SHEETS. SOME OLD VIEWS STILL USE THESE FOR NOW */
hr.black {
	background-color: #000000;
	color: #000000;
	height: 1px;
}
                
.blueHeader {
    color : #08387B;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 13px;
    font-weight : bold; 
    }
                
.bodyText {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 12px; 
    }

.button {
    font-size : 11px;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    border : 1px solid #6E6E6E;
	}

.buttonBlue {
    font-size : 10px;
    font-weight: bold;
    color: #000066;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    border : 1px solid #6E6E6E;
	}

.buttonLarge {
    font-size : 16px;
    font-weight: bold;
    color: #000066;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    border : 1px solid #FFFFFF;
    cursor: pointer;
	}

.Cartbutton {
    font-size : 9px;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    border : 1px solid #6E6E6E;
    }
        
.CartItemText {
    color : #958F7B;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 9px; 
    }
         
.clsCMOn {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px;
    padding: 2px 4px;
    }

.clsCMOver {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px;
    padding: 2px 4px;
	}
	
.clsNode {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px; 
    }
    
.clsNode:hover {
	text-decoration: none; 
	color: #eeeeee; 
	background-color: #003366 
	}

.clsExpNode, .clsNode:visited{
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px;
	}

.clsNode, .clsNode:visited{
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px;
    font-weight : bold;;
	}

.clsNodeL1, .clsNodeL1:visited{
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px;
	}
	
.clsNodeL1:hover{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: blue;
    font-size : 12px;
    text-decoration : underline;
	}

.left_menu {
    width:200px;
    vertical-align: top;
    margin:2px 2px 2px 2px;
}

.miniHeader {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 12px;
    font-weight : bold; 
    }
	
.plainHeader {
    color : #6E6E6E;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 13px;
    font-weight : bold; 
   	}

.RowAlert {
    background-color : #F86464;
    color : #000000;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    }
        
.RowLight {
    background-color : #FFFFFF;
    color : #000000;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    }
    
.RowDark {
    background-color : #ECECEC;
    color : #000000;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    }
   
.RowDark8pt {
	background-color : #ECECEC;
	color : #000000;
	font: 8pt Arial, Geneva, Helvetica, sans-serif;
	}
	
.RowLight8pt {
	background-color : #FFFFFF;
	color : #000000;
	font: 8pt Arial, Geneva, Helvetica, sans-serif;
	}
	
.RowHeader {
    background-color : #737272;
    color : #FFFFFF;
    font-family : GENEVA , ARIAL;
    font-weight: bold;
    font-size : 12px;
    }
    
.RowHeaderBlue {
	background-color : #999999;
	color : #FFFFFF;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 12px;
}

.RowHeaderGrey {
    background-color : #A7A7A7;
    color : #FFFFFF;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
}

.RowHeaderGreen {
    background-color : #A7A7A7;
    color : #55FF55;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
}

.RowHeaderRed {
    background-color : #A7A7A7;
    color : #DD0000;
    font-family : Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 12px;
}

.RowSelected {
	background-color : #aabdcc;
	color : #000000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	}
			
.smallText {
    color : #958F7B;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 10px; 
  	}
  	
.BoldBlack {
    color : #000000;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 11px; 
    font-weight: bold
  	}
  	
.whiteHeader {
    color : #FFFFFF;
    text-decoration : none;
    font-family : GENEVA , ARIAL;
    font-size : 13px;
    font-weight : bold; 
    }
   
.RowLightMS {
	background-color : #FFFFFF;
	color : #000000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 8px;
}
.RowDarkMS {
	background-color : #ECECEC;
	color : #000000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 8px;
}
.RowLightReq {
    background-color : #FFFFFF;
    color : #ff0000;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
    }
.RowDarkReq {
    background-color : #ECECEC;
    color : #ff0000;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: bold;
}