/*---------------------PRODUCT LIST PAGE---------------------*/
#cat-list										{margin:0px; padding:0; }
.catalog-items							{margin:5px; padding:0; }

/*---PAGER----*/

.toolbar
{width:95%;font-size:10px;}
.toolbar td
{width:auto; padding:0px 3px}
.toolbar .label
{color:#B2B2B2; padding:0px 3px; border-bottom:1px dotted #cccccc}
.toolbar img
{width:6px; height:9px; vertical-align:-2px; border:0px;}
.toolbar a:link, .toolbar a:visited
{color:#047391;}
.toolbar a:hover
{text-decoration: underline;}

/* ---SELECTION---*/
#catalog-buttons
{margin: 10px 5px 5px 5px; padding:0px; font-size:10px;}
#catalog-buttons ul
{margin: 0px; padding:0px;}
#catalog-buttons ul li
{display:inline; vertical-align:middle; padding:0px 4px; border-right:1px solid #047391;} 
#catalog-buttons li.img 
{padding:0px 0px 0px 2px;border-right-width:0px}
#catalog-buttons a                              {color:#047391;}
#catalog-buttons a:hover                        {color:#047391;text-decoration:underline}

/*#catalog-items-toolbar          {}.
toolbar .item								  {padding-left:2px; padding-right:2px; border-bottom:1px dotted grey}*/









/* PRODUCT LIST*/
.product-list
{border-top:1px solid #B2B2B2; padding:0px; color:#8C8C8C; font-size:11px; margin:0px}

.product-list th
{display:none} /*Delete the header of the table display none*/

.product-list td
{vertical-align:top; padding:5px; margin:0px;}
.prod-img	
{width:65px; height:65px ;border:0px; }
.product-list a:link
{color:#047391;}
.product-list a:hover
{color:#047391; text-decoration:underline}
.product-list H2
{font:bold 12px Verdana; margin:0; padding:0;color:#000000; }
.product-list H2 a:link
{color:#000000;}
.product-list H2 a:hover
{color:#000000; text-decoration:underline}
.product-list td.Price
{vertical-align:bottom; text-align:center; color:#00A33D; font-size:12px; height:55px}
.product-list td.Basket
{text-align:center; padding:2px 0px 0px 0px}
.basket-img
{ width:20; height:16 ;border:0px;}
.product-list td.Quantity
{text-align:right;  padding:0px 5px 0px 0px;}
.product-list td.Quantity input
{width:30px;}

.product-list td.ATPcheck {}

.product-list td.contractsubs div{float:left; width:18.5%;text-align:center; margin:3px 0.5% 2px 0.5%; border:1px solid #cccccc}
.product-list td.contractsubs div div {width:90%; border:0;border-bottom:1px dotted #cccccc; text-align:center; float:none; padding-bottom:3px}
.product-list td.contractsubs div div span {font-size:12px; color:#000000}

.product-list td.contractsubs div ul {margin:4px auto 0px auto; padding:0; overflow:auto; width:100px}
.product-list td.contractsubs div ul li {float:left; list-style:none; padding:0px 4px; vertical-align:top}

.product-list td.contractsubs div span.ContractPrice {font-size:12px; color:#00a33d}



/*

.categorie-img									{width:150; height:150;border:0px; }


.product-list .odd 									{background:#FFFFFF; vertical-align:middle; padding:3px; }
.product-list .odd td								{background:#FFFFFF;   vertical-align:middle; padding:3px; margin:0px; }

.product-list .even 									{background:#ffffff; vertical-align:middle; padding:3px; }
.product-list .even td								{background:#ffffff; border-right:1px solid #CCCCCC;  vertical-align:middle; padding:3px; margin:0px; }

.product-list .admin									{background:#F0F4FA; vertical-align:middle; padding:3px}
.product-list .admin td								{background:#F0F4FA; border-right:1px solid #CCCCCC; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; padding:3px; margin:0px;border-top:1px solid #CCCCCC;}

.product-list .separator							{border-top:1px solid #CCCCCC; padding:0px; margin:0px;}

.product-list td.select, .product-list th.select    	{width: 19px; padding-left: 3px}
.product-list td.prod-select, .product-list th.opener        {width: 17px; padding-left: 6px}
.product-list th.item								{width: 4em}
.product-list td.item								{text-align: left}
.product-list td.product							{text-align: left; white-space: nowrap}
.product-list td.qty								{text-align: right; }
.product-list td.unit								{text-align: left}
.product-list td.desc								{text-align: left;}
.product-list td.ref-doc                    	    {text-align: left;}
.product-list td.qty-avail							{text-align: right}
.product-list td.date-on							{text-align: right}
.product-list th.prod-number, .product-list th.name     {width: 10em; white-space: nowrap}
.product-list td.price, .product-list td.price-unit     {width: 10em; text-align: right; white-space: nowrap;}
.product-list td.status, th.status                 	{text-align: center; width: 5em;}
.product-list td.qty-rest							{text-align: right}
.product-list td.delete     					    {text-align: center}

.left												{text-align:left;}
.right												{text-align:right;}
.center												{text-align:center;}

*/

#catalog
{}
.catalog-header                                 {text-align:right}
.catalog-header H1 {text-align:left; margin-bottom:5px}

.catalog-header span a {color:#047391}
.catalog-header span a:hover {text-decoration:underline}





.details
{;}
.details td
{vertical-align:top; padding:5px}
.details td#product-image
{width:260px; height:260px;}



.details H2 {font-size:14px; margin:0px 0px 5px 0px}

.details .product-data
{width:100%}
.details .product-data td 
{ padding:0px}
.details .product-data td.label-align 
{ color:#8C8C8C; height:100px}


.details .product-data td.Price
 {color:#00A33D; font:bold 13px Verdana; text-align:right}
.details .product-data td.Price span.label
 {display:none}
.details .product-data td.Price span.text-value
 {padding:10px}

.details .product-data td.Quantity
 {width:60%; text-align:right; font-weight:normal;  vertical-align:middle;}
.details .product-data td.Quantity input
 {width:30px; text-align:right;}
.details .product-data td.Quantity span.text-value
 {font-weight:normal}
.details .product-data td.Basket
 {width:40%; text-align:right;   vertical-align:middle;}
.details .product-data td.Basket a
 {color: #660000; font-size:11px}
.details .product-data td.Basket img
 {vertical-align:middle; border:0px}

.details div.MktText {margin:10px 20px; font-size:12px}

.Chars tr td {font-size:12px; border-top:1px solid #cfd3e9}

.Chars tr td span.label {color:#666666}
.Chars tr td span.text-value {font-size:13px}






/*
.details .label
{font-weight:bold; text-align:left; vertical-align:text-top; }
.details .text-value
{vertical-align:text-top;text-align:left;}



.product-details								{float:left; text-align:left; line-height: 3ex; color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:60%;  }




.details .identifier							{width:130px; text-align:right; vertical-align:middle; padding-top:3px;}
.details .productlist-info						{ border: 0px; width:1px; height:1px; vertical-align: top}

.details a:link									{color:#426DCE}
.details a:hover								{color:#426DCE; background-color:#FFFFFF}
.details a.image-display:hover					{color:#426DCE; background-color:#DEE3EF}
.details a:visited								{color:#426DCE}
.details .image-display							{vertical-align:top; line-height: 3ex;}
.details .img-1									{ width:16; height:16 ;border:0px}
.details .img-2									{ width:16; height:16 ; border:0px; text-decoration: none;}



.header-links									{width:16; height:16 ;border:0px; margin-left:200px;vertical-align:top;font-family:Verdana, Geneva, sans-serif;font-size:60%;color:#426DCE;width:46em}
.header-links a									{color:#426DCE; line-height:3px;margin-right:10%;vertical-align:text-top}
.header-links .border							{border:0px;}
.header-links .img-align						{margin-left:16%;border:0px;}

.workarea										{ background: none #FFFFFF; border: 1px solid #C9D7E9; }































/*...Fields..............................................
.textinput								{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%;}
.textinput-mini							{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:3.5em}
.textinput-small						{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:5em;}
.textinput-middle						{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:8em;}
.textinput-categs						{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#CDCDCD; font-size:100%; width:16em; }
.textinput-large						{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:18em; }
.delete									{text-align:center;}				
.select-large							{border:1px solid silver; font-family:Verdana, Geneva, sans-serif; padding-left:2px; background-color:#FFFFFF; font-size:100%; width:18em;}
.textarea-disabled						{background:#F7F7F7;}
/*-----------catalog------------------
#catalog										{ overflow:auto; margin-top:22px; padding-top:10px; border-top:2px solid #225A8D; }


.catalog-header                                 {left: 20%; margin-top: 10px;}
.header-links									{width:16; height:16 ;border:0px; margin-left:200px;vertical-align:top;font-family:Verdana, Geneva, sans-serif;font-size:60%;color:#426DCE;width:46em}
.header-links a									{color:#426DCE; line-height:3px;margin-right:10%;vertical-align:text-top}
.header-links .border							{border:0px;}
.header-links .img-align						{margin-left:16%;border:0px;}
.details										{text-align:left;  font-family:Verdana, Geneva, sans-serif;}
.product-details								{float:left; text-align:left; line-height: 3ex; color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:60%;  }
.details #product-image							{vertical-align:top;width:100; height:100; width:21%}
.details .product-data							{width:90%;  color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:60%;line-height:3ex; vertical-align:top; margin-left:20px;}
.details .label									{font-weight:bold; text-align:left; vertical-align:text-top; }
.details .text-value							{vertical-align:text-top;text-align:left;}
.details .identifier							{width:130px; text-align:right; vertical-align:middle; padding-top:3px;}
.details .productlist-info						{ border: 0px; width:1px; height:1px; vertical-align: top}
.details .label-align							{text-align:left; vertical-align:top;}
.details a:link									{color:#426DCE}
.details a:hover								{color:#426DCE; background-color:#FFFFFF}
.details a.image-display:hover					{color:#426DCE; background-color:#DEE3EF}
.details a:visited								{color:#426DCE}
.details .image-display							{vertical-align:top; line-height: 3ex;}
.details .img-1									{ width:16; height:16 ;border:0px}
.details .img-2									{ width:16; height:16 ; border:0px; text-decoration: none;}
.workarea										{ background: none #FFFFFF; border: 1px solid #C9D7E9; }
body.organizerCatalog #organizer-navigation     { width:96%; }
#BottomArrow0, #BottomArrow1					{ position:right; top: 2px; right: 3px; margin:2px ; } /* change 0px to 2 px, due to b2b,css is 2px *
#marketing              						{position:absolute; left:0px; border:0px}
ul.accessories-1 								{font-family:Verdana,Geneva,sans-serif; font-size:60%; margin:0px; padding:0px; height:17px; ;  border-left:5px solid #225A8D;  } 
ul.accessories-1 li 							{display:inline; height: 17px; padding-bottom: 5px ;}

ul.accessories-1 li.active-first 				{background:#21598C url('images/nav_left1_active.gif') no-repeat left; padding-left: 20px; padding-right: 3px; border-bottom:2px solid #21598C;}
ul.accessories-1 li.active-first a				{text-decoration:none; color:#FFFFFF; font-weight:bold; }


ul.accessories-1 li.active-middle 				{background:#21598C url('images/nav_left2_active.gif') no-repeat left; padding-left: 22px; padding-right: 3px; border-bottom:2px solid #21598C; }
ul.accessories-1 li.active-middle a				{text-decoration:none; color:#FFFFFF; font-weight:bold; }

ul.accessories-1 li.active-last	 				{background:#21598C url('images/nav_left2_active.gif') no-repeat left; padding-left: 22px; padding-right: 3px; border-bottom:2px solid #21598C;}
ul.accessories-1 li.active-last a				{text-decoration:none; color:#FFFFFF; font-weight:bold; }


ul.accessories-1 li.inactive-first 				{background:#DEE3EF url('images/nav_left1_inactive.gif') no-repeat left; padding-left: 20px; padding-right: 3px; border-bottom:2px solid #21598C; }
ul.accessories-1 li.inactive-first a			{text-decoration:underline; color:#000000;  }

ul.accessories-1 li.inactive-middle 			{background:#DEE3EF url('images/nav_left2_inactive.gif') no-repeat left; padding-left: 15px; padding-right: 3px; border-bottom:2px solid #21598C;}
ul.accessories-1 li.inactive-middle a			{text-decoration:underline; color:#000000 ;}

ul.accessories-1 li.inactive-last 				{background:#DEE3EF url('images/nav_left2_inactive.gif') no-repeat left; padding-left: 15px; padding-right: 3px; border-bottom:2px solid #21598C; }
ul.accessories-1 li.inactive-last a				{text-decoration:underline; color:#000000;}

.cat-data 										{float: left; text-align:left; line-height: 3ex; color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:60%;}







.cat-header										{margin-left:5px; width:95%;  color:#000000; font-family:Verdana, Geneva, sans-serif; }

.cat-pages										{border:1px solid #C9D7E9; border-collapse:collapse;  margin-top:15px; padding:0px; color:#000000; font-family:Verdana, Geneva, sans-serif;  }
.cat-pages .backgrnd							{background: none #DCE3EC;}
.cat-pages .label								{vertical-align:middle; margin-left:6px;font-size:60%;}
.cat-pages .label-align							{vertical-align:middle; padding-left: 10px;}
.cat-pages img									{width:6; height:9;vertical-align:middle;border:0px;}
.cat-pages .img-align							{padding-left:5px;}

td.headerWhite									{ background: none #DCE3EC; vertical-align: middle; font-weight: bold; font-size: 10px; }
tr.catalogResultPager							{ background: none #DCE3EC; }


















.categorie-id									{float: left; text-align:left; line-height: 3ex; color:#000000; font-family:Verdana, Geneva, sans-serif;  width:60%;font-size:60%}
.categorie-inf									{vertical-align:middle; width:70%;}

.cat-filter										{margin-left:5px;width:35%;margin-top:20px;vertical-align:top; font-family:Verdana, Geneva, sans-serif;font-size:60%}
.cat-filter .header								{background: none #DCE3EC; vertical-align: middle; font-weight: bold;text-align:left}
.cat-filter .identifier							{width:100px;text-align:left;}
.cat-filter .submit								{border-top: 1px solid #96C8F5; border-left: 1px solid #96C8F5; border-bottom: 1px solid #051D33; border-right: 1px solid #051D33;font-weight:bold; font-size:100%; text-decoration:none; color:#FFFFFF; background-color:#21598C; width:30px;}






































#ext-cat-icon							{ height:14; width:17; vertical-align:bottom; border:0px;  }
.categ-icon								{ width:16; height:16; vertical-align:bottom; border:0px; }
.categ-align							{border:0; height:1; width:16; }
.categ-text-align						{border:0; width:100%; height:1; }
.categ-img-align						{border:0; height:1; width:14; }
.categ-module							{width:100%; margin-top:20px }





#categ-search							{width:72; border:0px; height:1 }






a.icon                              { font-size: 10px; font-weight: normal; }
a.icon:hover                        { background: none; }



a.viewSelectionActive:link          { color: #225A8D; font-size: 13px; font-weight: bold; }
a.viewSelectionActive:visited       { color: #225A8D; font-size: 13px; font-weight: bold; }
a.viewSelectionActive:hover         { background: #DCE3EC; }
a.viewSelectionActive:active        { color: #225A8D; font-size: 13px;font-weight: bold; }
a.viewSelectionInactive:link        { color: #426FC9; font-size: 13px; font-weight: normal; }
a.viewSelectionInactive:visited     { color: #426FC9; font-size: 13px; font-weight: normal; }
a.viewSelectionInactive:hover       { background: #DCE3EC; }
a.viewSelectionInactive:active      { color: #426FC9; font-size: 13px; font-weight: normal; }
input.green                         { border: none;  border:1px solid Silver;font-family:Verdana,Geneva,sans-serif; font-size:100%; font-weight:bold; text-decoration:none; color:#FFFFFF; background-color:#21598C; width:70; }

/*input[type="text"]                  /* conflict{ text-align: left; border: 1px solid Gray;} /* only works with CSS2 */

/***************************CompareItems******************

.compareItems-list										{width:99%; border:1px solid #C9D7E9; border-collapse:collapse; margin-left:7px; margin-top:15px; padding:0px; color:#000000; font-family:Verdana, Geneva, sans-serif;font-size:60%}
.compareItems-list th									{background:#DCE3EC; border:1px solid #FFFFFF; text-align: center; padding:3px 6px 6px 6px}
.compareItems-list td								    {border-style:solid; border-color:#CCCCCC; border-right:1px; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; padding:3px; margin:0px;}


.compareItems-list a:link								{color:#426DCE}
.compareItems-list a:hover								{color:#426DCE; background-color:#DEE3EF}
.compareItems-list a:visited							{color:#426DCE}

.basket-img										{ width:20; height:16 ;border:0px; vertical-align:middle}
.prod-img										{ width:60; height:60 ;border:0px; }
.categorie-img									{width:150; height:150;border:0px; }


.compareItems-list .odd 						{background:#FFFFFF; vertical-align:middle; padding:3px;border-right:1px solid #CCCCCC; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle; margin:0px;border-top:1px solid #CCCCCC; }

.compareItems-list .even						{background:#F2F2F2; vertical-align:middle; padding:3px ;border-right:1px solid #CCCCCC; border-left:0px; border-bottom:0px; border-top:0px; vertical-align:middle;  margin:0px;border-top:1px solid #CCCCCC;}

.compareItems-list .separator					{border-top:1px solid #CCCCCC; padding:0px; margin:0px;}

.compareItems-header 							{background:#DCE3EC; border:1px solid #FFFFFF; text-align: center; padding:3px 6px 6px 6px}

