/*---NEW CSS BLOCK---*/
/*-------------------*/

html
{
    height:100%;
}
/*---BODY---*/
body
{
	margin: 0;
	padding: 0;
	color: black;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height:100%;
	background-image: url(../Pictures/img/bg_body.jpg);
	background-repeat:repeat;
	background-position: left top;	
}
.wpz_HeaderZoneClass
{
	width: 100% !important;	
}
.VerbStyle
{
    background-color:Transparent;
    border: solid 1 gray;
    font-style:normal;
    font-size:medium;
    }
.TP_MasterMainTable
{
	height: 100%;
	width: 100%;
	margin: 0px 33px 0px 33px;
}
.TP_MasterMain_HeaderBlock
{
	background: White;
	height: 50px;	
	padding: 0px 33px 0px 33px;
}

.TP_MasterMain_TopLine
{
	background: White;
	padding: 0px 33px 0px 33px;
	width: 100%;
	vertical-align: top;
}

.TP_MasterMain_MenuBlock
{
	background: white;	
	
}
.TP_MasterMain_CenterTable
{
	background: white;
	/*border: solid 1px cyan; /*REMOVE*/
}
.TP_MasterMain_LeftBlock
{
	width: 137px;
}
.TP_MasterMain_WorkBlock
{

}
.TP_MasterMain_FooterBlock
{
	height: 70px;
	background: url(../Pictures/img/bg_bottom.jpg) top left no-repeat;
}
/*---end of BODY*/
/*--------------------------*/
/*---HEADER---*/
.TP_MasterMain_HeaderBlock_Image
{
	margin: 0px;
    padding: 0px;
    width: 100%;
	    float: left;
	    min-height: 50px;
}
.TP_MasterMain_HeaderBlock_inDIVmenu_languageList
{
	width: 29%;
	height: auto;
	float: left;
}
.TP_MasterMain_HeaderBlock_inDIVmenu_languageList ul
{
	list-style: none;
	margin-left: 0px !important;
}
.TP_MasterMain_HeaderBlock_inDIVmenu_languageList ul li
{
	float: left;
}
.TP_MasterMain_HeaderBlock_inDIVmenu_appMenu
{
	float: right;
	min-width: 20%;
	height: 25px;
	text-align: right;
	margin-right: 0px;
	text-transform: uppercase;
	font-size:8pt;
	font-weight:normal;
}
.TP_MasterMain_HeaderBlock_inDIVmenu_LoggedUser
{
	width: 100%;
	height: auto;
	float: left;

}
/*---end of HEADER---*/
/*---WORKING CENTER BLOCK---*/
.TP_MasterMain_CenterBlock
{
	vertical-align: top;
	height:200px;
}
.TP_MasterMain_CenterTable
{
	width: 100%;
	height: 100%;
	/*border: solid 1px red; /*REMOVE*/
	
}
.TP_MasterMain_LeftBlock
{
	vertical-align: top;
	width: 137px;
	/*border: solid 1px green; /*REMOVE*/
}
.TP_MasterMain_WorkBlock
{
	vertical-align: top;
	width: auto;
}
.TP_MasterMain_WorkBlock_Table
{
	width: 100%;
	height: 100%;
}
.TP_MasterMain_WorkBlock_Table_C
{
	vertical-align: top;
	width: 100%;
	/*border: solid 1px pink; /*REMOVE*/
	padding-right:28px;
}
.TP_MasterMain_WorkBlock_Table_R
{
	vertical-align: top;
	width: 140px;
}
/*---end of WORKING CENTER BLOCK---*/

/*---END OF NEW CSS BLOCK---*/

.datacellcontainer{
	border: #ececec 1px solid;
	
}
.infopanel
{
	border: 1px solid #e9ecf0;
	border-left-width:0px;
	border-bottom-width:0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	padding-bottom:5px;					
}

table.infopanel td {
	padding-left:8px;
	padding-right:8px;
}
table.infopanel td hr {
	background-color:#FFFFFF;
	color:#E3E6EA;
	height:1px;
}

.infopanel .infoTop {
	margin-bottom:12px;
	border-left:1px solid #e9ecf0;
	border-right:0px solid #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding:4px 8px;
}
.panelNotification
{
	position: absolute;
}


/*.clear
{
	clear: both;
}*/

a
{
	color: #6E6E6E;
	text-decoration: none;
		cursor: pointer;
}

a:hover
{
	color: #000000;
	cursor: pointer;
}

.redNode a
{
    color:Red;  
    	cursor: pointer;  
}
.yellowNode a
{
    color: Fuchsia;
    	cursor: pointer;
}

h1
{
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}
h1.secondary
{
	font-size: 17px;
	font-weight: 200;
	color: #000000;
	margin-bottom: 8px;
	height: 23px;
	padding-left: 10px;
	text-transform: uppercase;
}

h2
{
	font-size: 9pt;
	color: #000000;
	padding: 0 0 auto 0;
	margin: 0 -8px 0 0px;
	text-transform: uppercase;
}

H2.gray
{
	font-family: Sans-Serif, Tahoma;
	font-size: 18px;
	color: #C2C2C8;
	font-weight: normal;
	margin-bottom: 6px;
}

h4
{
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 6px;
}


h3
{
	height: 25px;
	font-size: 12px;
	color: #000000;
	padding: 0 0 0 0px;
	margin: 0;
}

h5
{
    border-style:none;
    color: Black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	
}

h6
{
	font-weight: bold;
	color: #000000;
	font-size: 11px;
	margin: 0px;
}

.titleStyle
{
   font-size: 13px;
	color: #000000;
	padding: 0 0 auto 0;
	margin: 0 -8px 2px 0px;
/*	letter-spacing: -1px;*/
}
.blue
{
	color: #003e8d;
	font-size: 11px;
}

input {
}


button.butRed, input.butRed
{
	border-width: 0;
	background: url(../Pictures/img/bg_butt_red.jpg) top left no-repeat;
	width: 90px;
	height: 20px;
	color: #fff;
/*	letter-spacing: -1px;*/
	padding-bottom: 2px;
	margin: 0 10px;
	cursor: pointer;
}

/* ------------ clearing --------------- */
.clear
{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	line-height: 1px;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html > body .clearfix
{
	display: block;
	width: 0;
}

* html .clearfix
{
	/* Hides from IE-mac */
	height: 0; /* End hide from IE-mac */
}

/* ----- end clearing ------------------ */



/* -------- main structure  ------- */
.ManagementPanelDiv
{
	width: 100%;
	height: auto;
	float: left;
}
.ManagementZoneDiv
{
	width: 300px;
	height: auto;
	float: right;
}
.WorkingZoneDiv
{
	width: 100%;
	height: auto;
	float: left;	
}
#wrapper
{
	width: 929px;
	margin: 20px auto 0 auto;
	padding: 0 0 30px 0;
	display: block;
}
#footer
{
	width: 929px;
	height: 70px;
	margin: 0 auto;
	background: url(../Pictures/img/bg_bottom.jpg) top left no-repeat;
	padding: 40px 0 0 0;
	clear: left;
}

.outer
{
	margin-left: 220px; /* L */
	margin-right: 0px; /* R */
	margin-top: 10px; /* R */
	word-wrap: break-word;
}
.wrap-cl
{
	float: left;
	width: 100%;
	margin-right: -1px;
}
.center
{
	float: right;
	width: 100%;
	margin-left: -1px;
}

.incenter
{
	margin: 5px 20px 5px 8px;
}

.left
{
	float: left;
	position: relative;
	width: 137px; /* L */
	margin-left: -222px; /* -L-1 */
	margin-right: 2px;
}

.inleft
{
	margin: 5px 1px 5px 20px;
	width:147px;
}

.right
{
	float: right;
	position: relative;
	width: 200px; /* R */
	margin-right: -201px; /* -R-1 */
	margin-left: 2px;
}

.inright
{
	margin: 5px 20px 5px 8px;
}

.minwidth
{
	min-width: 929px;
}


/*-------------------------- // ------------ */

/*--------------------------------------------
	HEADER
  -------------------------------------------- */

.header
{
	height: 180px;
}

.logo
{
	width: 271px;
	height: 110px;
}

.logo h1
{
	display: none;
}

.header ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.header ul li
{
	display: inline;
}

/* ------ action panel ------*/
.actionpanel
{
	width: 137px;
	padding: 0px;
	float: left;
}
.actionpanel ul
{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: none;
	width: 137px;
}
.actionpanel li
{
	margin: 0px;
	list-style-type: none;	
	background-position:bottom;
	
}

.actionpanel li a:link, .actionpanel li a:visited, .actionpanel li a:active
{
    margin: 4px 0px 0px 10px;
	font-size: 11px;
	color: #5c524c;	
	text-decoration: none;
	display: block;
	background-image: url("../pictures/panel_blue_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 22px;	
	padding-bottom:2px;
}

.actionpanel li a:hover
{    
	color: Black;	
}
/* ----------- top navigation ------------ */

.topNavigation
{
	padding-right: 0px;
	min-width: 250px;
	text-align:right;
}

.topNavigation ul
{
	list-style: none;
}

.topNavigation li
{
	float: left;
	display: inline; /*	margin: 14px 1px 0 0;*/
	margin-left:0px;
	margin-right:0px;
}
.topNavigation li:hover {
}

.topNavigation li a
{
	white-space: nowrap;
	line-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: normal;
	cursor: pointer;
	float:left;
	position:relative;
	padding:0; 
	/*margin:0 20px 0 5px;*/
	/*z-index:1;*/
	height:25px;
}

.topNavigation li a span {
	float:left;
}

.topNavigation li a:hover
{
	text-decoration: none;
}
.topNavigation li a:hover span, .topNavigation li a.selected span {
	float:left;
	background-repeat: no-repeat; 
}
.topNavigation li a:hover .endMenu
{
	/*width:20px;*/
	/*display:block;*/
	background-repeat: no-repeat;
}

.topNavigation li a:hover .incMenu
{
	/*width:20px;*/
	background-repeat: no-repeat;
	/*display:block;*/
}

.topNavigation li .endMenu
{
	/*width:20px;*/
	/*display:block; position:absolute;float:none;*/
	/*background-repeat: no-repeat;*/ /*border:1px solid green;*/ /*right:-20px;*/
}
.topNavigation li .incMenu
{
	/*width:20px; */
	/*padding:0px;*/
	background-repeat: no-repeat;
	/*position:absolute; left:-19px;float:none;*/
	height:25px; /*border:1px solid red;*/
}


.topNavigation li a.selected .incMenu
{
	/*width:20px;*/
	background-repeat: no-repeat;
	/*display:block;*/
}

.topNavigation li a.selected .endMenu
{
	/*width:20px;*/
	/*display:block;*/
	background-repeat: no-repeat;
}

.topNavigation li a.selected:hover .endMenu {
}
.topNavigation li a.selected:hover .incMenu {
}
.topNavigation li a.selected
{
	text-decoration: none;
}
/* regular menu */



[if gte IE 5.5]
[if lt IE 7]
.void {
}
* html .topNavigation li  a:hover .incMenu, .topNavigation li a.selected .incMenu, {
	background-image:none;
}
* html .topNavigation li a:hover .endMenu, .topNavigation li a.selected .endMenu, {
	background-image:none; 
}
* html .topNavigation li .incMenu, {
	background-image:none; 	
}
* html .topNavigation li .endMenu,  {
	background-image:none;
}
[endif]
[endif]
.void {
}

ul.language
{
	margin-top: 11px;
	padding-left: 50px;
	float: left;
	clear:both;
	list-style: none;
}

ul.language li input
{
	width: 23px;
	height: 24px;
	border: 0;
	cursor: pointer;
	margin-right: 3px;
	margin-top:0px;
}

/* ------------- // flags ---------------- */

/* ----------- Loging status --------------*/

div.user
{
	margin: -2px 0 0 20px;
	line-height: 25px;
	clear: both;
	padding: 0 0 0 10px;
	color: #8399b8;
}
div.user span.blue
{
	font-size: 13px;
	font-weight: normal;
}
div.user a
{
	font-family: Arial;
	color: #645c4f;
	text-transform: uppercase;
	font-size: 90%;
}
div.user a:hover
{
	text-decoration: none;
}

/*--------------- // Login status -------*/

/* --------------------------------------
	CONTENT
   -------------------------------------- */

/* --------- tree -------*/
.tree
{
    padding: 10px;
	width: 137px;
}

.innerTree
{
	margin-left: 1px;
}

.innerTree div table
{
	width: 90%;
}
.UpDateProgressPanel01
{
	z-index: 2;	
	height: auto;
	width: 100%;
	position: absolute;
	bottom: 50%;
	left: 50%;
}
.UpDateProgressPanel02
{
	z-index: 1;	
	height: auto;
	width: 100%;
}
.UpDateProgressPanel02 ul
{
	list-style: none;
}
.UpDateProgressPanel02 ul li
{
	margin-left: -30px;
}
/* ----- view -----------------*/
.viewAction
{
	width: 137px;
	border: 1px solid #E9ECF0;
	
}

.innerViewAction
{
	padding: 0px;
	margin: 0;
}

.innerViewAction span.searchText
{
	padding: 7px 3px 0 55px;
	color: #666;
	display: block;
	line-height: 14px;
}

/*---------- search box ---- */

.innerSearchBox
{
	background-color:#E1E1E1;
	padding: 10px 10px 10px 10px;
	margin: 0 0 0 10px;
}

.innerSearchBox span.searchText
{
	margin:0;
	padding:0;
}


.butBox
{
    background-color:White;
	padding: 0;
width:15px;
height:18px;
display:block;
margin:0;
padding:0;
border:0;
font-weight:bold;
color: #E1E1E1;
}

/*------- shopping cart ---- */

.CartBox
{
    float:right;
}

.innerCartBox
{
	padding: 10px 10px 0 10px;
	margin: 0;
}

.innerCartBox span.cartText
{
	margin: 0px 3px 0 55px;
	color: #666;
	display: block;
	line-height: 16px;
}

/*------- prod details ------- */

.prodImg
{

	width: 145px;
/*	height: 160px;*/
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
}

.prodPrice
{
	float: left;
	padding: 0;
	margin: 0 0 20px 10px;
}

.prodPrice strong
{
	color: #003e8d;
	padding-left: 8px;
}

.prodPrice .typetext
{
	border: 1px solid #D2D8E7;
	font-size: 10px;
}

.priceMain
{
	width: 90%;
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #3476B8;
	font-weight: bold;
}

.priceWTax
{
	display: block;
	width: 90%;
	color:#77932C
}

.boxWCaption
{
	border: 1px solid #DEE2ED;
	padding: 15px 15px 15px 20px;
	clear: both;
	margin: 0 15px 25px 5px;
	width: 400px;
}

.boxWCaption h4
{
	background-color: #fff;
	padding: 2px 8px;
	color: #3476B8;
	font-weight: bold;
	margin-top: -23px;
	margin-left: -8px;
	position: absolute;
	font-size: 13px;
	white-space: nowrap;
}
.boxWCaption h5
{
	font-size: 12px;
	color: #551c00;
	border-bottom: 1px solid #e8e9ea;
	margin-bottom: 4px;
	
}
.boxWCaption strong
{
	color: #443b2f;
	line-height: 130%;
}

.boxWCaption p
{
	margin: 6px 0px;
	padding: 0px;
	text-align: justify;
}
.boxWCaption p:first-letter
{
	font-size: 110%;
}


.boxWCaption table td
{
	padding-bottom: 3px;
}


/* My details*/

.boxMyDetailsCaption
{
	border: 1px solid #DEE2ED;
	padding: 15px 15px 15px 20px;
	clear: both;
	margin: 0 15px 25px 5px;
	width: 420px;
}

.boxMyDetailsCaption h4
{
	background-color: #fff;
	padding: 2px 8px;
	color: #3476B8;
	font-weight: bold;
	margin-top: -23px;
	margin-left: -8px;
	position: absolute;
	font-size: 13px;
	white-space: nowrap;
}
.boxMyDetailsCaption h5
{
	font-size: 12px;
	color: #551c00;
	border-bottom: 1px solid #e8e9ea;
	margin-bottom: 4px;
	
}

.panelInfoCust td
{
	padding-bottom: 3px;	
}
.panelInfoCust
{
	margin-bottom:10px;
	margin-top:3px;
}


/* ITEM LIST */
ul.itemlist
{
	margin: 0px;
	margin-left: 2px;
}
ul.itemlist li
{
	list-style: none;
	padding-bottom: 3px;
	width: 100%;
}
ul.itemlist li .itemLabel
{
	float: left;
	clear: both;
	width: 30%;
	font-weight: bold;
	color: #00285c;
}
ul.itemlist li .itemContent
{
	margin-left: 32%;
	display: block;
}


/* FILE LIST */
ul.filelist
{
	display: table;
}
ul.filelist li
{
	list-style: none;
	background-repeat: no-repeat;
	background-position: center -8px;
	float: left;
	width: 100px;
	text-align: center;
}

ul.filelist li a
{
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 22px;
	margin: 0px 5px 20px 5px;
	white-space: nowrap;
}
ul.filelist li a img
{
	display: block;
	border-width: 0px;
	margin-bottom: 3px;
	white-space: nowrap;
}

/* MESSAGES */
dl.messages dt
{
	font-weight: bold;
	color: #2f74ab;
	background-image: url(../Pictures/img/icons/callout.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 8px 0 0 0;
}
dl.messages dd
{
	background: url(../Pictures/img/bg_dotted.gif) bottom left repeat-x;
	padding-bottom: 3px;
	text-align: justify;
	margin: 2px 0 4px 20px;
}

.message_new h5
{
	background-image: url(../Pictures/img/icons/callout_new.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 2px 0 2px 22px;
	margin-bottom: 5px;
	font-size: 11px;
	border-width: 0;
}
.message_new
{
	background-image: url(../Pictures/img/bg_formtitle.gif);
	background-repeat: repeat-x;
}
.message_error
{
	font-weight: bold;
	color: #8c1010;
	font-size: 12px;
	background-image: url(../Pictures/img/icons/callout_none.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 8px 0 0 0;
}
.message_new label
{
	float: left;
	margin-left: 22px;
	width: 20%;
	clear: both;
}
.message_error
{
	font-weight: bold;
	color: #8c1010;
	font-size: 12px;
}
.message_new textarea, .message_new .butRed
{
	display: block;
	margin: 0 0 5px 24%;
}
.message_new textarea
{
	width: 50%;
	border: 1px solid #D2D8E7;
	font-size: 11px;
}
.message_new .butRed
{
	margin-left: 25%;
}

/*-------------------------------
	FOOTER
  ------------------------------- */

#footer ul
{
	margin: 5px 10px;
	list-style: none;
	float: left;
	padding: 0 10px;
}

#footer ul li
{
	float: left;
	border-right: 1px solid #7B8492;
}

#footer ul li a
{
	display: block;
	color: #7B8492;
	padding: 0 4px;
}

#footer ul li.copyright
{
	color: #7B8492;
	padding: 0 4px;
	border: none;
}
.bottomPower
{
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width: 200px;
	height: auto;	
}
.bottomLogo
{
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	width: 250px;
	height: 26px;
	background: url(../Pictures/img/LogoPower.gif) top left no-repeat;
}

.bottomLogo span
{
	display: none;
}

/* info panels start*/


.standardText
{
	color: #000000;
	font-weight:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

.standardTextBig
{
	color: #000000;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

.standardInfoText
{
	font-family:Arial;
	font-size: 11px;
	color: #000000;
}

.standardTextArea
{
    width: 110px;
	border: 1px solid #D2D8E7;
	font: normal 11px Arial;
	color: #000000;
		
}

.standardSelect
{
   	width: 110px;
	border: 1px solid #D2D8E7;
	background: #FFFFFF top left repeat-x;
	font: normal 11px Arial;
	color: #000000;
}

/* Category tree style */

.innerTree td {
	vertical-align:top;
}

.innerTree td a {
	line-height:98%;
}

.treeContainer
{
	vertical-align: top;
	border-style: solid;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	padding-left: 0px;
	color: Black;
}
.CatTree
{
	color: Black;
}

td.CatTreeLeafNode,  td.CatTreeNode, td.CatTreeSelectedNode {
	padding: 3px 0px 3px 0px;
	
}

td.CatTreeRootNode
{
    padding-top:10px;
}

.CatTreeNode a
{
	color: #6E6E6E;
	font-family: Arial, Helvetica, sans-serif;
/*	letter-spacing: 0px;*/
	font-size: 11pt;
}

.CatTreeSelectedNode a
{
	color: #4d466b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;

}

.CatTreeRootNode a
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
}


.CatTreeLeafNode 
{	
   
}


.innerTree div table td.CatTreeNode
{
	width: 90%;
}
.innerTree div table td.CatTreeSelectedNode
{
	width: 90%;
}
.innerTree div table td.CatTreeRootNode
{
	width: 90%;
}
/* The css classes used for records per page*/
#recordsperpage {
	overflow:visible;
	display:block;
	text-align:right;
	margin-bottom:10px;
}
#recordsperpage_block {
	float:right;
	white-space:nowrap;
	margin-top:-26px;
}
#recordsperpage h2 {
	display:inline;
	float:left;
	margin:6px 0px 0px 0px;
	padding:0 0 0px 7px;
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	color:#818181;
}
#recordsperpage select {
	width:35px;
	font-size:10px;
	height:14px;
	color:#818181;
	margin:0;
	background-color:#ececec;
}


/* The css classes used for Filters */
#filters {
	float:none;clear:both;margin-bottom:5px;
	display:block;
	height:19px;
	background-repeat:repeat-x;
	background-position:left bottom;
	text-align:left;
}
#filters_block {
	position:absolute;
	height:18px;
	z-index:5;
}
#filters h2 {
	display:inline;
	float:left;
	margin:0px 15px 0px 0px;
	padding:0 0 3px 7px;
	font-size:13px;
	line-height:18px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
#filters ul {
	font-size:11px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top right;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0 1px 0px 0px;
	float:left;
	display:block;
	margin:0 5px 0 0; 
	height:17px;
	overflow:hidden;
}
#filters ul .filter_title {
	color:#662f00;
	margin:3px 25px 0px 15px;	
	cursor:default;
}
#filters ul .filter_title strong {
	color:#243958;
}
#filters ul .filter_list {
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:2px;
	margin:0 10px 5px 0px;
}
#filters ul .filter_list a {
	color:#635e5e;
	display:block;
	padding-left:15px;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left top;
}
#filters ul a:hover {
	text-decoration:none;
	color:#666666;
}
#filters ul .filter_list a:hover {
	color:#1b1111;
	background-image:url(../Pictures/img/menuArrow_expanded.gif);
}
#filters ul .filter_list a.selected, #filters ul li.selected a {
	color:#3476b8;
	background-image:url(../Pictures/img/menuArrow_expanded.gif);
}
#filters ul li {
	list-style:none;
	display:block;
	clear:both;	
	padding:2px 2px 2px 2px;
}
#filters ul:hover .filter_list, #filters .filters_hover .filter_list {
	display:block;
}
#filters ul:hover, #filters .filters_hover {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	overflow:visible;
	height:auto;
}
#filters .filters_reset {
	color:#98a388;float:right;
	line-height:18px;
}
#filters .filters_reset:hover {
	color:#5C6233;
}
.filtersVoid {
	margin:5px 25px 15px15px;
	color:#594e48;
	display:block;
}

/* ------------- paginate ---------------- */

#paginate .paginate_upper {
	background-image: url(../Pictures/img/paginate_upperBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 21px;	
}
#paginate .paginate_body {
	background-image: url(../Pictures/img/paginate_lowerBg.gif);
	background-color:#FFF;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top:1px solid #f2ecec;
	text-align:center;
	padding:3px 0 8px 0;
	
}
#paginate input {
	background-color:#FFF;
	background-image:none;
	vertical-align:top;
}
#paginate img {
	vertical-align:bottom;
	margin: 1px 3px;
}
#paginate .normalLabel {
	margin: 3px 5px 0 5px;
	color:#4867a2;
	line-height:auto;
}


/* CSS Document */
/*     CSS         */
/*     basket  in master page   */

div.basket
{
	text-align: left;
	width: 162px;
	background-repeat: no-repeat;
	background-position: right top;	
	position:relative;
}
div.basket .label {
	margin-top:1px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-bottom:5px;
	font-size: 11px;
	color: #4867a2;
	display:block;
	width:162px;	
}

.cartlabel {
	font-size: 11px;
	color: #772327;
	background-repeat: no-repeat;
	background-position:  0 13px;
	height:18px;
	padding-left:3px;
}
div.basket .lastItemClip {
	height:1px;
	width:100%;
	overflow:hidden;
	visibility:hidden;
	border-top-width:0px;
	position:relative;	
	border-bottom:1px solid #f0f3eb;
	margin-bottom:5px;
}
div.basket .lastItem {
	display:block;
	height:auto;
}
 
div.lastItem .content {
 background-color:#fcfbff;
 padding:3px;
 margin-top:0px;
 margin-left:5px;
 padding-left:0px;
 height:auto;
}
div.lastItem .content img{
 border:1px solid #e1e8d7;
 float:left; clear:both;
}
 
div.lastItem .infoContent {
 display:block; margin-left:50px;
}
 
div.lastItem ul{
 padding:0px;margin:0px; margin-left:50px;
 list-style-type:none;
}
div.lastItem li{
 font-size:10px;
 margin:0px; padding:0px;
 line-height:12px;
 font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
div.lastItem li .productDetail{
 font-weight:bold; 
}
 
div.lastItem div.summary {
 margin:3px;
 color:#993300;
}

/*  CSs classes for tooltip */
.InfoPanelHead
{
	font-size: small;
	color: #003E8D;
	font-weight:bold;	
}


.InfoPanelBulletText
{
	font-size: 12px;
	color: #003E8D;
	font-weight:bold;
	margin:0px auto 3px auto;
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:2px;
}

.InfoPanelText
{
	font-size: 10px;
	color: #7f776b;
	margin-bottom:12px;
	display:block;
}
p.InfoPanelText {
	margin:2px auto 10px auto;
}


.BorderPanel
 {
	border: #c1cad5 1px solid;
	background-color:none;
	padding:2px;
	width:100% 
 } 

 
 .documentpanelWithBorder
{
	background-color: none;
	border: 1px solid #c1cad5;
	width: 100%;
	height: 100%;
}


.infopanelheadblue
{
    border-bottom: 1px solid #7EA9EA;
	height: 20px;
	font-size: 11px;
	color: white;
	margin: 0px;
	padding: 2px 0px 0px 5px;
	font-weight: bold;
	display: block;
	
}

.standardCaption
{
	font-weight: bold;
} 


.standardButton
{
	font-size: 11px;
	height: 23px;
	width: 85px;
	background-color:transparent;
	border:0px solid white;
	background:url(../Pictures/img/btnStandard.gif) top left no-repeat;
	color:#732702;
	padding:0px;
	margin: 0 1px;
	line-height: 15px;
	cursor: pointer;
}

.buyButton
{
	font-size: 11px;
	height: 32px;
	width: 70px;
	border:0px solid white;
	color:white;
	cursor: pointer;
    text-transform: uppercase;	
    background: #77932C url(../Pictures/darkgreenflip.png) right bottom no-repeat;
    font-weight:bold;
}


.standardButtonfloat
{
	font-size: 11px;
	height: 23px;
	width: 115px;
	background-color:transparent;
	border:0px solid white;
	background:url(../Pictures/img/btnStandardFloat.gif) top right no-repeat;
	color:#732702;
	padding:0px;
	margin: 0 1px;
	line-height: 15px;
	cursor: pointer;
}
.commandButton
{
	font-size: 11px;
	height: 26px;
	padding: 0px 6px 0px 6px;
	background-color:transparent;
	border: 0px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-image:url(../Pictures/img/btnCommand.gif);
	background-position: top left;
	background-repeat:no-repeat;
	color:#732702;
	margin: 0 1px;
	line-height: 15px;
	cursor: pointer;
}
.commandButton[class]
{
	max-height:23px;
	line-height: 14px;
	border-right:1px solid #cdd1d5;	
	border-bottom:1px solid #cdd1d5;
}
 
 .infopanelfooterblue
{
	border-top: 1px solid #c1cad5;
	height: 20px;
	font-size: 11px;
	color: White;
	margin: 0px;
	padding: 2px 0px 0px 5px;
	display: block;
	font-weight: bold;
} 


.standardTextBox
{
    width: 110px;
	border: 1px solid #000000;
	font: normal 11px Arial;
	color: #000000;
}

.standardCheckBox
{
    width: 110px;
	border: 0px solid #000000;
	font: normal 11px Arial;
	color: #000000;
}
span.standardCheckBox input
{
    border: solid 0px White;
}
table.standardCheckBox input
{
    border: solid 0px White;
}
.dataTablePointer { border: #c1cad5 1px solid; background-color: none; overflow:auto;  height:100%; margin:5px; cursor:pointer}

/* data table */
.dataTable { border: #808080 1px solid; background-color: white; overflow:auto;  height:97%; margin:5px}
.dataTableNotFull { border: #808080 1px solid; background-color: white; overflow:auto; margin:5px}
.dataTableFull { overflow:auto; width: 100%; height:100%; background-color: white; }
.dataTableBorder { border: #eaeaea 0px solid;
	background-color:#f9fafe;
	}
.dataCellCaption, .datacellcaption {	
	border: #fff 1px solid; 	
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	height: 18px;
	vertical-align:top; 	
	color:#FFFFFF;
	}
	

.dataCell, .datacell {height:20px; font-size: 11px; font-family: Tahoma; border-bottom: #ece9d8 1px dotted; padding-left: 4px; vertical-align:top; }

.alerttext{	color: #808080;font-weight: bold;}
.alerttextalt1{	color: #e30000;font-weight: bold;}
.alerttextalt2{	color: #148413;}


.panelInfo
{    
	width: 100%;
}

/* for item brief floating panel */
	#root {
		position:absolute;
		display:table;
		background-image: url(../Pictures/img/floatingPanel/floatBg_back.gif);
		background-repeat: repeat-x;
		background-position: left 5px;
		background-color: #94acc4;
		overflow:hidden;
		-moz-opacity:0.2;
		filter:Alpha(Opacity=20);
		border-bottom:1px solid #b9bcb5;
		border-right:1px solid #b9bcb5;
		}

	#handle {
		background-image: url(../Pictures/img/floatingPanel/floatBg_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		width: 100%;
		margin-right:0px;
		position: relative;
		width:100%;
		cursor:move;
		}
		
	#floatingDiv, #floatingDiv td {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333333;		
	}
	#floatingDiv {
		background-color: #eef0f3;
		padding:5px;
		padding-bottom:30px;
		border-bottom:1px solid #e0e5e8;
		background-image: url(../Pictures/img/floatingPanel/floatBg_content.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	
	#handler_caption {
		white-space:nowrap;
		font-size:13px;
		color:#642118;
		padding:7px 0 0 12px;
		font-weight:bold;
	}
	#handler_btn {
		float:right;
		clear:both;
		width:65px;
		height:23px;
		background-image: url(../Pictures/img/floatingPanel/floatBg_close.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	#handler_btn a {
		display:block;
		height:14px;
		width:14px;
		margin-left:44px;
		margin-top:4px;
		text-decoration:none;
		background-image: url(../Pictures/img/floatingPanel/float_btn.gif);
		background-repeat: no-repeat;
	}
	#handler_btn a:hover {
		background-image: url(../Pictures/img/floatingPanel/float_btn_hover.gif);
	}
	#float_content {
		padding:0px 4px;
		height:99%;		
		min-height:99%;		
	}
	
	#float_footer {
		background-image: url(../Pictures/img/floatingPanel/floatBg_footer.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		margin-left: 10px;
		margin-right: 10px;
		height:24px;
		bottom:0px;
		display:block;
	}
	
	#float_footer_left {
		background-image: url(../Pictures/img/floatingPanel/floatBg_left.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		height:24px;
		width:10px;
		position:absolute;
		left:-10px;
	}
	#float_footer_right {
		background-image: url(../Pictures/img/floatingPanel/floatBg_right.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		height:24px;
		width:12px;
		position:absolute;
		right:-10px;
	}
	#bufferATLAS {
		position:absolute;
		visibility:hidden;
	}
	.infoLoad {
		width:180px;
		padding-top:50px;
		padding-bottom:70px;
		text-align:center;
		font-size:11px;
		color:#990000;
	}
	.infoData {
		font-size:11px;
		padding:5px;
		text-align:left;
		float:left;
	}
	
/*  CSs classes for tooltip */
.tipTable {
			font-size: 10px;
			background-color: #FFFFFF;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
			-moz-opacity:0.9;
			width:90%;
			border: 1px solid #A81C1C;
		}
		.tipHead {
			font-size: 11px;
			font-weight: bold;
			padding:2px;
			padding-right:5px;
			padding-bottom:0px;
			background-color: #FFF5E3;			
			color: #000000;
			margin:0px;
		}
		.tipVotes {
			font-size: 10px;
			padding-left:2px;
			padding-top:1px;
			padding-bottom:0px;
			padding-right:5px;
			color: #666666;
			border-top: 1px solid #F5EFF2;
		}
		.tipBody {
			padding: 2px;
			font-size:11px;
			color:#990000;
			margin:0px;
			white-space:normal;
			line-height: 11px;
/*			letter-spacing: 0px;*/
		}
		.tipBody strong{
			background-color: #FFF5E3;			
			color: #000000;
		}

div#dhtmltooltip{
position: absolute;
border:1px solid #A81C1C;
background-color:#FFFFFF;
white-space:normal;	
padding:3px;
/*border: 2px solid black;
padding: 2px;*/
background-color: lightyellow;
visibility: hidden;
z-index: 1001;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.9;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}


/* Search panel*/
.searchPanel, .searchPanel legend
{
    color: #003e8d;   
    font-weight:bold;
}
.searchPanel .Box
{
    width : 120px;    
}

.searchPanel .div
{
    color: Black;
}

.searchPanel fieldset {
	border:1px solid #e9ecf0;
	padding:5px;
}

.searchPanelDiv
{
    padding: 8px;
    color : Black;
    font-weight:normal;
}


.grid
{
    color: Black;
    font-weight:normal;
    
}
.gridHeader
{    
    border-bottom: 1px solid White;		
	font-size: 12px;
	color: #000000;	
	width:100%;
	text-align:left;
}

.rowGrid
{
    height: 25px;
    font-weight:normal;
}
.alternatingRowGrid
{
    height: 25px;
    font-weight:normal;
}

.itemGrid
{
}



/* forum css */
.infopanelheadgrey
{
	font-size: 13px;
	color: #456d91;
	font-weight: bold;
	padding: 0 0 auto 0;
	margin: 0 -8px 0 4px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.infopanelheadgrey .titleStyle span {
	color:#356191;
}

.forum_paginate {
	float:right;
	color:#595959;
	font-size:12px;
}
.forum_paginate span {
	font-size:11px;
	font-weight:normal;
	float:left;
	display:block;
	margin-top:2px;
}

.tblForum_list, .tblForum_item {
	border-bottom-width:0px;	
	height:100%;width:100%;
	margin-bottom:20px;
	visibility:visible;
}
.tblForum_list td {
	vertical-align:bottom;
}
.tblForum_wrap {
	border-right:1px solid #e1e4ee;
	border-top:1px solid #d2d9e9;
	background-color:transparent;
	height:100%; display:block;
	padding:3px;
}

.tblForum_datacell {
	padding:0px 0px 12px 0px;
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.tblForum_topic, .tblForum_subject, .tblForum_date  {
	padding-top:3px;
	padding-bottom:2px;
	padding-right:5px;	
}
.tblForum_null,  tblForum_icon {
	padding:0;
}

.tblForum_subject {
	color:#000000;
}

.tblForum_caption {
	border-right:1p solid #dfe3ed;
	color:#000000;
	font-weight:bold;
	padding-bottom:3px;
	padding-top:3px;
}

.tblForum_item {
}

.tblForum_item h3 {
	height:auto;
	font-size: 12px;
	color: #571c08;
	padding: 0 0 3px 0px;
	margin: 0;
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom:8px;	
}

.tblForum_item td {
	vertical-align:top;
}

.tblForum_item .tdCreator {
	color:#505263;
	font-weight:bold;
	font-size: 12px;
	padding:0 auto 4px auto;
	height:1%;
}
.tblForum_item .tdDate {
	color:#908c7d;
	font-weight:normal;
	padding:0 auto 4px auto;
	border-bottom:1px solid #e8edf2;
	height:1%;
}

.infopanelbg
{
	background-color: Transparent;
	background-image: url(../Pictures/infoPanelConfigBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1px;	
	width: 100%;
	height: 100%;
}

.panellink:link, .panellink:visited
{
	font-size: 11px;
	color: #1f7bd6;
	height: 20px;
	text-decoration: underline;
	display: block;
	font-weight:bold;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 2px;
	padding-left: 5px;
	font-family:tahoma,arial,verdana;
}

.panellink:hover
{
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: #b5c2d5;
	height: 19px;
	border: #fff 1px solid;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 1px;
	padding-left: 4px;
}


.panelstandardwithborder { border: #d3d3d3 0px solid;}

.panelstandardwithborder th 
{
	text-transform: capitalize; 
	font-weight: bold; 
	height: 20px; 
	text-align: left;
	padding-left:4px; 
	border-bottom: #D3D3D3 1px solid; 
	background:url(../Pictures/infopanel_grey_repeat.gif) repeat-x; 
	
}

.InputImage
{
	font-size: 8pt;
	height: auto;	
	background-image:none;
}

.windowsbodygrey
{
    background:#fff;	
	border: 0px solid #d3d3d3;
	width: 100%;
	height: 100%;	
}

/* content */
.content
{
	width: 100%;
	/*height: 100%;*/
}

.MaxMin
{
	cursor: hand;
}
.MaxMinMOver
{
	cursor: hand;
}

.alignHorizontal
{
    margin: 0 -8px 0 10px;
}

.panelInfoTable
{
	width: 100%;
	height: 100%;
}

.panelheadingBluebgRight
{
	border: 0px solid #7EA9EA;
	background: #f5f5f6 url(  "../pictures/panelHeadingBlueBgRight.gif" ) no-repeat;
	height: 20px;
	font-size: 12px;
	color: white;
	margin: 0px;
	display: block;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;

}

.dataCellbold { height:20px; padding-left: 8px; padding-right: 8px; font-weight: bold; vertical-align:top; border-bottom: #ece9d8 1px solid;}

.infopanelAdmin
{
	height: 100%;		
	border: 1px solid #c1cad5;
	width: 100%;
}


A.datalink:link, A.datalink:visited, A.datalink:active, A.datalink:hover { color: #000000; text-decoration: none; }


.customerPanel { border: #c1cad5 1px solid; background-color:none; padding:2px; width:100% }


.tableOrders
{
	font-weight: bold;
	background-image: url("../Pictures/backOrder.gif");
} 

.infopanel hr{
	background:#c4cad2;	
	height:1px;
}

.dottedLine
{
}


/* web part CSS classes */

/* editor zone css */
.editorZone
{
    background-color: #EFF3FB;
    border: solid 1px #CCCCCC;
    font-family: Verdana;
    text-align: left;
}

.editorZoneHeader
{
    background: url(../Pictures/datacell_bg.gif) repeat-x;
    font-weight:bold;
    font-size: 0.8em;
    color: #003E8D;       
}
.editorZoneLabel
{
    font-size: smaller;
	color: #003E8D;
	font-weight:bold;
}
.editorZoneHeaderVerb
{
    font-weight:    bold;
    font-size:  0.8em;
    text-decoration:    underline;
    color:  #003E8D;    
}

.editorZonePartChrome
{
    border: solid 1px #d1ddf1;    
}
.editorZonePart
{
    border: solid 5px #EFF3FB;    
}

.editorZoneFooter
{
    background: url(../Pictures/datacell_bg.gif) repeat-x;
    right:0px;    
}

.editorZoneEditUI
{
    
	border: 1px solid #D2D8E7;	
	font: normal 11px Tahoma;
	left:0px;
    margin-left:0px;
	color: #666;  
}

.editorZoneInstruction
{
    font-size: 0.8em;
    color: #003E8D;        
}
.editorZoneError
{
    font-size: 0.8em;    
}
.editorZoneVerb
{
    font-family: Arial;
    font-size: 0.8em;
    color: Black;    
}
.editorZoneEmptyZoneText
{
    font-size: 0.8em;
    color: #003E8D;    
}
.editorZonePartTitle
{
    font-weight: bold;
    font-size: 0.8em;
    color: #003E8D;    
}
input.insteadClienID
{
     width: 110px;
	border: 1px solid #D2D8E7;	
	font: normal 11px Arial;
	color: #666; 
}
select
{
    width: 110px;
	border: 1px solid #D2D8E7;	
	font: normal 11px Arial;
	color: #666; 
}

.infodoc div
{
    background-color: White;   
}
/* web part zone */


.webPart
{
    height: 100%;
    width:  100%;
}

.webPartEmptyZoneText
{
    background-color: White;
   
}
.webPartHeader
{
    font-weight: bold;
    color: Gray;
     
}

.webPartMenuVerbHover
{
    font-family: Arial;
    font-size: smaller;
    color: Black;
    background-color: White;                                     
    
}

.webPartChrome
{
    border: solid 0px gray;                                     
    
}

.webPartTitle
{
    background: url(../Pictures/datacell_bg.gif) repeat-x;
    border: solid 0px gray;
    font-weight: bold;
    color: Gray;
    height: 22px;                                          
}

.webPartNew 
{
    background-color:White;        
}

.webPartSelectedPartChrome
{
    background-color: White;
    border: solid 0px red;    
}

.webPartVerb
{
    background-color:White;   
}

/* ---- Orders */
table.panelOrder  { font-family:"Arial", Courier, mono}
table.panelOrder th { border-top: #9F9F9F 1px solid; border-bottom: #9F9F9F 1px solid;
	font-weight: bold;
	padding-bottom: 4px;
	color: #003e8d;
	font-size:11px;
	text-align :left;	
}
div.panelCardInfo
{
	width: 400px; 
	height: 150px;  
	left: 400px; 
	top: 570px;
	font-weight:bold;
	margin-left:10px;
}
div.panelCardInfo label{ width:250px;white-space:nowrap; padding-right:30px;}
div.panelCardInfo input.textbox{}
.cardNumber{margin-left:54px;}
.cardExMonth{width:30px;padding-right:-20px;}
.cardExYear{width:30px;padding-right:20px;}
.cardCode{margin-left:70px;width:30px;}
div.panelCardInfo .standardButton
{
	margin:0px;
	_margin:-7px;
	margin-top:10px;
	
}
div.panelCardInfo .cardProvider
{
	font-weight:normal;
	margin-left:110px;
}
.standardButtonfloathidden{visibility:hidden}
div#pnlError
{
	margin-top:10px;
	margin-left: 20px;
	color:#ff0000;
	display:none;
}	
table.panelOrder td {font-size:11px; padding-top:4px; padding-right:16px;}
/* documentpanel */
.documentpanel
{
	width: 100%;
	height: 100%;
}

.documentpanel .standardButton {
	margin-bottom:5px;
}

.standardtextgray
{	
	color:#ACACB4;
}


/* Service myDetails*/
.boxDetailsCaption
{
	border: 1px solid #DEE2ED;
	padding: 15px 15px 15px 20px;
	clear: both;
	margin: 0 15px 25px 5px;
	width: 420px;
}


/* Statistics classes */
.GraphStack
{
	border-right: #23314d 1px solid;
	border-top: #23314d 1px solid;
	font-size: 1px;
	border-left: #23314d 1px solid;
	border-bottom: #23314d 1px solid;
	background-color: #ffcc66;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled= 'true' ,GradientType=0,startColorstr=#FFFFED8B, endColorstr=#FFffcc66);
}
/* Content from Master page */

.checkouth1
{
    color:#77932C;
}

.leftshadow
{
    background-image:url(../Pictures/Skugga_left.png);
    background-repeat:repeat-y;
    width:15px;
}

.rightshadow
{
    background-image:url(../Pictures/Skugga_right.png);
    background-repeat:repeat-y;
    width:15px;
}

.bookshelfitem td
{
    margin-bottom:0px;
    padding-bottom:0px;
    background-color:black;
}

.bookshelftable
{
    margin-bottom:0px;
    padding-bottom:0px;
}

a.itemnextprev
{
   	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	text-decoration: underline;
}