body {
	font-family: Arial, Helvetica, Verdana,   Adobe Helvetica, Univers, sans-serif;
	font-size: 10pt;
	background-color:#FFFFEF;
}




#sidepane{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	left:700px;
	top:150px;
	font-size: 10pt;
	background-image:url(images/right_sidebar_background.jpg);
	width:170px;
	height:450px;
	background-repeat:no-repeat;
	z-index:100;
}


#sidepane_sc{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	left:700px;
	top:150px;
	font-size: 10pt;
	background-image:url(images/right_sidebar_bg_support.jpg);
	width:170px;
	height:450px;
	background-repeat:no-repeat;
	z-index:100;
}

#page_name{
	font-family: Arial, Helvetica, sans-serif;
	color:#E6ECF7;
	position:absolute;
	font-weight:bold;
	left:12px;
	top:5px;
	font-size: 10pt;
	width:150px;
	height:20px;
	z-index:50;
}

#support_page_name{
	font-family: Arial, Helvetica, sans-serif;

	position:absolute;

	left:12px;
	top:5px;

	width:150px;
	height:20px;
	z-index:50;
}


#login{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	font-weight:bold;
	left:0px;
	top:43px;
	font-size: 8pt;
	width:150px;
	height:20px;
	z-index:50;
}

#login_link{
padding-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	font-weight:normal;
	text-align:right;
	width:130px;
	left:30px;
	top:55px;
	font-size: 8pt;
	width:120px;
	height:20px;
	background-color:#ffffef;
	z-index:40;
	
}

#logout{
	padding-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	font-weight:normal;
	text-align:right;
	width:130px;
	left:30px;
	top:55px;
	font-size: 8pt;
	width:120px;
	height:20px;
	background-color:#ffffef;
	z-index:60;
	visibility:hidden;
}


#basket_div2{
	font-family: Arial, Helvetica, sans-serif;
	position:absolute;
	left:20px;
	top:185px;
	font-size: 8pt;
	width:120px;
	height:20px;
	background-color:#ffffef;
	z-index:50;
}

#search_box{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-style:normal;
	color:#3770A3;
	position:absolute;
	width:658px;
	text-align:right;
	left:0px;
	top:110px;

}

/* FORM ELEMENTS #####################################################################*/
.text_field9pt{
	margin-top:1px;padding:1px;font-size:9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:black;
	background-color:#FFFFF6;
}	
.text_field8pt{
	margin-top:1px;padding:1px;font-size:8pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:black;
	background-color:#FFFFF6;
}	

.text_field_grey9pt{
	margin-top:1px;padding:1px;font-size:9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#444444;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	background-color:#FFFFF6;
}	
.text_field_grey8pt{
	/*height:13px;*/
	margin-top:1px;padding:1px;font-size:8pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#444444;
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	background-color:#FFFFF6;
}	


.btn{
	font-weight: bold; font-size: 9pt; background-color:#347bbb;
	color:#FFFFCF;
	cursor:pointer;
	border-color:#efeffa; border-width:1px;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	

.btn_light{
	font-weight: bold; font-size: 9pt; background-color:#347bbb;
	color:#FFFFCF;
	cursor:pointer;
	border-color:#efeffa; border-width:1px;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	



.help_button{
	font-weight: bold; font-size: 9pt; background-color:#c40958;
	text-align:center;
	width:15px;
	color:#FFFFCF;
	cursor:pointer;
	border-color:#efeffa; border-width:1px;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	

.info_button{
	font-weight: bold; font-size: 9pt; background-color:#006633;
	text-align:center;
	width:15px;
	color:#FFFFCF;
	cursor:pointer;
	border-color:#efeffa; border-width:1px;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}



/* SUBHEADINGS #####################################################################*/
.subhead18pt{
	font-weight:bold; font-size: 18pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}
.subhead14pt{
	font-weight: bold; font-size: 14pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}
.subhead12pt{
	font-weight: bold; font-size: 12pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}
.subhead11pt{
	font-weight: bold; font-size: 11pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}
.subhead10pt{
	font-weight: bold; font-size: 10pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}
.subhead9pt{
	font-weight: bold; font-size: 9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #000000 ;
}


.blusubhead18pt{
	font-weight:bold; font-size: 18pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}
.blusubhead14pt{
	font-weight: bold; font-size: 14pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}
.blusubhead12pt{
	font-weight: bold; font-size: 12pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}
.blusubhead11pt{
	font-weight: bold; font-size: 11pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}
.blusubhead10pt{
	font-weight: bold; font-size: 10pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}
.blusubhead9pt{
	font-weight: bold; font-size: 9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color: #004785 ;
}







.highlight10pt{
	font-weight:bold;font-size: 10pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:gray;
}


/* BODY TEXT #####################################################################*/
.body_text12pt{
	font-weight: normal; font-size: 12pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}
.body_text11pt{
	font-weight: normal; font-size: 11pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}
.body_text10pt{
	font-weight: normal; font-size: 10pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}
.body_text9pt{
	font-weight: normal;
	font-size: 9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}
.body_text8pt{
	font-weight: normal;
	font-size: 8pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}
.body_text7pt{
	font-weight: normal;
	font-size: 7pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#000000;
}

.warning_text8pt{
	font-weight: bold;
	font-size: 8pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:red;
}



.support_text8pt{
	font-weight: normal;
	font-size: 9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#276093;
}

.support_text9pt{
	font-weight: normal;
	font-size: 9pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	color:#175083;
}

.support_heading12pt{
	font-weight: bold;
	font-size: 14pt;
	font-family: arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	font-style:italic;
	color:#C40958
}
.support_heading18pt{
	font-weight: bold;
	font-size: 18pt;
	font-family: arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	font-style:italic;
	color:#C40958
}
.support_heading24pt{
	font-weight: bold;
	font-size: 24pt;
	font-family: arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	font-style:italic;
	color:#C40958
}
/*  support blue #014888 */

.tooltip{
	position:absolute;
	visibility:hidden; 
	z-index:300;
	text-align:center;
	font-weight: normal;
	font-size: 8pt;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	padding-left:5px; padding-right:5px;
	padding-top:1px; padding-bottom:1px;
	color:black;
	background-color:#b8cbe6;
}

/* Vertical Spacers <span class="vs2">&nbsp; <br/></span> */
.vs2{
	line-height:2pt;
	font-size:2pt;
}
.vs3{
	line-height:3pt;
	font-size:3pt;
}
.vs4{
	line-height:4pt;
	font-size:4pt;
}
.vs6{
	line-height:6pt;
	font-size:6pt;
}
.vs8{
	line-height:8pt;
	font-size:8pt;
}




/* HYPERLINKS #####################################################################*/
a:link{
	/*text-decoration: none;	*/
	color:#347bbb;
	cursor:pointer;
}
a:visited{
	/*text-decoration: none;	*/	
	color:#347bbb;
	cursor:pointer;
}
a:active{
	/*text-decoration: none;	*/	
	color:#000000;
	cursor:pointer;
}
a:hover{
	/*text-decoration: none;	*/
	color:#014888;
	cursor:pointer;
}	





/* DESIGNED PAGE ELEMENTS #####################################################################
###############################################################################################*/

/* TAB NOTEBOOK  */
.tab_text_selected{
	font-weight:bold; font-size: 11pt; 
	color: #9d9d9b;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	
.tab_text_unselected{
	font-weight:bold; font-size: 11pt; 
	color:#AC3C74;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	
.tab_body{
	border-width:3px;
	border-style:solid;
	border-color:#555589;
	background-color:#333367;
}

/* MAIN MENU BAR #################################################################################################### */



/* MENU BAR    #######  */
#menubar {
	z-index:300;
	position:absolute;
	top:123px;
	width:800px;
	height:15px;
	
}
#menu_home {
	background-repeat:no-repeat;
	position:absolute;
	left:17px;
	top:1px;
	height:25px;
	width:68px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_home:hover{
	color:#B8CBE6;
}
#menu_about {
	background-repeat:no-repeat;
	position:absolute;
	left:71px;
	top:1px;
	height:25px;
	width:86px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_about:hover{
	color:#B8CBE6;
}
#menu_prices {
	background-repeat:no-repeat;
	position:absolute;
	left:149px;
	top:1px;
	height:25px;
	width:116px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_prices:hover{
	color:#B8CBE6;
}

#menu_samples {
	background-repeat:no-repeat;
	position:absolute;
	left:282px;
	top:1px;
	height:25px;
	width:85px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_samples:hover{
	color:#B8CBE6;
}

#menu_proofing {
	background-repeat:no-repeat;
	position:absolute;
	left:355px;
	top:1px;
	height:25px;
	width:107px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_proofing:hover{
	color:#B8CBE6;
}

#menu_upload {
	background-repeat:no-repeat;
	position:absolute;
	left:432px;
	top:1px;
	height:25px;
	width:86px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_upload:hover{
	color:#B8CBE6;
}

#menu_support {
	background-repeat:no-repeat;
	position:absolute;
	left:498px;
	top:1px;
	height:25px;
	width:85px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_support:hover{
	color:#B8CBE6;
}


#menu_contact {
	background-repeat:no-repeat;
	position:absolute;
	left:570px;
	top:1px;
	height:25px;
	width:86px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_contact:hover{
	color:#B8CBE6;
}

#menu_account {
	background-repeat:no-repeat;
	position:absolute;
	left:640px;
	top:1px;
	height:25px;
	width:86px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_account:hover{
	color:#B8CBE6;
}

#menu_more {
	background-repeat:no-repeat;
	position:absolute;
	left:725px;
	top:1px;
	height:25px;
	width:86px;
	text-align:left;
	padding-top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:7pt;
	cursor:pointer;
}
#menu_more:hover{
	color:#B8CBE6;
}


.hm_base{
	z-index:300;
	font-weight:bold; font-size: 8pt; 
	color: #000000;
	padding-top:2px;
	position:absolute;
	height:20px;
	width:100px;
	left:704px;
	cursor:pointer;
	background-color: #F89925;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	
.hm_dropbox{
	font-weight:normal; font-size: 7pt; 
	color:#458ccc;
	z-index:300;
	position:absolute;
	left:0px;
	top:16px;
	width:160px;
	background-color:#d8eDfD;
		
	border-top: solid;
	border-bottom-style:none;
	border-top-color:#6692B5;
	border-top-width:4px;


}	

.hm_dropbox p {
	cursor:pointer;
	margin:0px;
}


.hm_dropbox a, .hm_dropbox a:visited {
	color: #5A5A5A;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	display: block;
	width: 140px;
	background-color:#E9F2F9; /*#ECEDEE;*/
	text-decoration: none;
	
}
.hm_dropbox a:hover, .hm_dropbox a:active {
	color: #fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #3770A3 /*#F9AB4C; */
}




/* Vertical Menu  ################################################################################################################## */
.vm_base{
	font-weight:bold; 
	font-size: 7pt; 
	color: #ffffff;
	padding-top:3px;
	position:absolute;
	height:15px;
	width:135px;
	left:16px;
	text-align:center;
	cursor:pointer;
	background-color: #3770A3;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
	z-index:300;
}	

.vm_base:hover {
	color:#B8CBE6;
}


.vm_dropbox{
	font-weight:normal; 
	font-size: 7pt; 
	color:#458ccc;;
	z-index:300;
	position:absolute;
	width:204px;
	left:-188px;
	background-color:#d8eDfD;
	font-family:  arial, Helvetica, Arial, Verdana, Adobe Helvetica, Univers, sans-serif;
}	

.vm_dropbox p {
	cursor:pointer;
	margin:0px;
	z-index:300;
}



.vm_dropbox a, .vm_dropbox a:visited {
	color: #5A5A5A;
	padding-top:3px;
	padding-bottom:3px;
	display: block;
	width: 204px;
	background-color: #E9F2F9;
	text-decoration: none;
	z-index:300;
	
}
.vm_dropbox a:hover, .vm_dropbox a:active {
	color: #fff;
	padding-top:3px;
	padding-bottom:3px;
	border-color: #eee #999 #999 #ccc;
	background-color: #3770A3;
	z-index:300;
}







/* POSITIONAL DIV - as a container for page positioning ###################################################################*/
.positional_div{
	position:absolute;
	top:236px;
	left:72px;
	width:158px;
	/*height:202px; */
	padding:0px;
	margin:0px;
	border-width:0px;
	border-style:solid;
	visibility:inherit;
}


/* FORM GROUP BOX - used to group form elements together */
.group_box{
	position:absolute;
	top:200px;
	left:40px;
	width:270px;
	height:200px;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#b8cbe6;
	background-color:#ffffef;
	visibility:inherit;
	
}






/* TOOL TIPS*/
.dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: #ffffcc;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}