/***********************************************************************
* xPriceList v3.2 styles
/***********************************************************************/
/*****************************************************
Print style
******************************************************/

@media screen {
	*.noview
		{ display : none; }
		
	*.Height100
	{
		height:100%;
	}
}

.printBar {
	background-color: #E5E5E5;
	height: 40px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-align:right;
	padding: 4px;
}

.printBarBottom 
{
	background-color: #E5E5E5;
	height:20px;
}



.printBar a:link,
.printBar a:visited {
	color: #000000;
	text-decoration: none;
}
.printBar a:hover {
	color: #000000;
	text-decoration: underline;
}

/***********************************************************************
* Page under-construction style  
/***********************************************************************/
.HeaderStyle { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; HEIGHT: 27px;  }
TABLE.TableBorder { BACKGROUND-COLOR: #74baf3 }	
	
TD.TableTD {BACKGROUND-COLOR: #f1f9ff}		
TD.TableTD A:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline}
TD.TableTD A:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: underline}
TD.TableTD A:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc; TEXT-DECORATION: none}

@media screen {
	*.noview
		{ display : none; }
		
	*.Height100
	{
		height:100%;
	}
}

/***********************************************************************
* Global styles
/***********************************************************************/

TD { font-family: Arial, Verdana; font-size:11px; }	
p, ul, li {
	font-family: Arial, Verdana; font-size:11px;
	text-align: justify;
	padding: 0px;
	margin: 5px 6px 5px 6px;
}
ul {
	list-style-image: url(../Images/design/list_marker.gif);
	list-style-position: inside;
	padding-left: 10px;
}

hr {
	width: 100%;
	size: 0;
	height: 0px;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-color: #C4C4C4;
	border-bottom-width: 1px;
	/*noshade;*/
}



a:link,
a:visited {
	color: #295FA9;
	text-decoration: underline;
}
a:link,
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #AB0000;
	text-decoration: none;
}

/***********************************************************************
* Text title styles
/***********************************************************************/

h1 {
	color: #AB0000;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	font-size: 12px;
	display: list-item;
	list-style-image: url(../Images/design/bullet_title.gif);
	list-style-position: outside;
	margin-left: 20px;
	margin-top: 10px;
}

h2 {
	color: #AB0000;
	font-weight: bold;
	font-size: 12px;
	display: list-item;
	list-style-image: url(../Images/design/list_marker.gif);
	list-style-position: outside;
	line-height: 15px;
	margin-left: 34px;
}

/***********************************************************************
* Boxes styles
/***********************************************************************/

.boxHeader {
	background-image: url(../Images/design/box_top.gif);
	background-repeat: no-repeat;
	width: 197px;
	height: 37px;
	color: #FFFFFF;
	padding: 7px 0px 0px 30px;
	vertical-align: top;
}
.boxBottom {
	background-image: url(../Images/design/box_bottom.gif);
	background-repeat: no-repeat;
	width: 197px;
	height: 28px;
}
.boxContent {
	background-image: url(../Images/design/box_bg.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	padding: 7px 10px 0px 15px;
	width: 197px;
}

.pricelistHeader {
	background-image: url(../images/design/pricelist_top.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
	color: #FFFFFF;
	padding: 7px 0px 0px 30px;
	vertical-align: top;
}
.pricelistBottom {
	background-image: url(../images/design/pricelist_bottom.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 32px;
}
.pricelistContent {
	background-image: url(../images/design/pricelist_bg.gif);
	background-repeat: repeat-y;
	color: #FFFFFF;
	padding: 7px 10px 0px 5px;
	width: 200px;
}

.boxContent a:link,
.boxContent a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.boxContent a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



.boxContent td p  {
	color: #FFFFFF;
}
.boxSpaces {
	padding: 0px 5px 3px 5px;
}

/***********************************************************************
* Design styles
/***********************************************************************/

.footerSolution {
	background-color: #A6B5CF;
}
.footerSolution td {
	color: #FFFFFF;
	padding-left: 15px;
	vertical-align: middle;
}

.footer {
	background-color: #C3CBD8;
}
.footer td {
	color: #404040;
	padding-left: 10px;
	vertical-align: middle;
}
.footerRight {
	background-color: #A6B5CF;
}

.headerTopBg {
	background-image: url(../images/design/head_bg.gif);
	background-repeat: repeat-x;
	height: 30px;
	vertical-align: middle;
	text-align: right;
}

.headerTopBg a:link,
.headerTopBg a:visited {
	color: #E2E2E2;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}
.headerTopBg a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 10px 0px 10px;
}

.headerMidBg {
	background-image: url(../images/design/banner_bg.gif);
	background-repeat: repeat-x;
	height: 73px;
}

/***********************************************************************
* Images styles
/***********************************************************************/

IMG.imageTitle  {
  width: 33px;
  height: 25px;
  border: none;
  /*src: /Images/default/bullet_title.gif*/
}

IMG.imageBack {
  width: 16px;
  height: 12px;
  border: none;
  vertical-align:middle;  
  /*src: /Images/default/bullet_back.gif*/
}

IMG.imageContent,
IMG.imageBox 
{
  width: 16px;
  height: 12px;
  border: none;
  vertical-align:middle;  
  /*src: /Images/default/bullet_content.gif*/
}

IMG.imageSubmenu,
IMG.imageMenu {  
}

/***********************************************************************
* Main menu styles
/***********************************************************************/

.mainMenu,
.mainMenuClick {
	background-repeat: repeat-x;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	padding: 0px 16px 0px 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.mainMenu {
 	background-image: url(../images/design/main_menu_bar.gif);
}
.mainMenuClick {
 	background-image: url(../images/design/main_menu_click.gif);
}

.mainMenu a:visited,
.mainMenu a:link,
.mainMenuClick a:visited,
.mainMenuClick a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.mainMenu a:hover,
.mainMenuClick a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.mainMenuSplitter {
	background-image: url(../images/design/main_menu_splitter.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 3px;
}
.mainMenuLeft {
	background-image: url(../images/design/main_menu_left.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 7px;
}
.mainMenuRight {
	background-image: url(../images/design/main_menu_right.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 9px;
}

.mainMenuBg {
	background-image: url(../images/design/head_menu_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
}



/***********************************************************************
* Submenu styles
/***********************************************************************/

.subMenu {
 	background-image: url(../images/design/submenu_bg.gif);
	background-repeat: repeat-x;
	height: 28px;
	vertical-align: middle;
	text-align: center;
	padding: 0px 16px 0px 16px;
	color: #000000;
}

.subMenu a:visited,
.subMenu a:link {
	color: #00348A;
	text-decoration: none;
}

.subMenu a:hover {
	color: #AB0000;
	text-decoration: underline;
}

.subMenuSplitter {
	background-image: url(../images/design/submenu_splitter.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 11px;
}
.subMenuLeft {
	background-image: url(../images/design/submenu_left.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 7px;
}
.subMenuRight {
	background-image: url(../images/design/submenu_right.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 10px;
}

.submenuSpaces {
	padding: 5px;
}

/***********************************************************************
* Static text styles
/***********************************************************************/

.textHighlight {
	font-weight: bold;
	color: #000000;
}

.pageTitle {
	color: #AB0000;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
}

a.boxLink:link,
a.boxLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.boxLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

SPAN.text 
{
	font-family: Arial;
	font-size: 11px;
	border: none;
	font-weight: bold;
	color:#000000
}


/***********************************************************************
* xPriceList menu styles
/***********************************************************************/

.leftMenu,
.leftSubMenu
{
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	margin: 2px 0px 2px 2px;
}

.leftMenu-over,
.leftSubMenu-over
{
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
	margin: 2px 0px 2px 2px;
}

.leftAccessoryMenu,
.leftAccessorySubMenu
{
	color: #C0C0C0;
	text-decoration: none;
	cursor: pointer;
	margin: 2px 0px 2px 2px;
}

 

.leftAccessoryMenu-over,
.leftAccessorySubMenu-over
{
	color: #C0C0C0;
	text-decoration: underline;
	cursor: pointer;
	margin: 2px 0px 2px 2px;
}

/***********************************************************************
* Content styles
/***********************************************************************/

.contentRight {
	background-image: url(../images/design/content_right_bg.gif);
	background-repeat: repeat-y;
	width: 3px;
}

.contentBottom {
	background-image: url(../images/design/content_bottom_bg.gif);
	background-repeat: repeat-x;
	height: 10px;
}

.contentTop {
	background-image: url(../images/design/content_top_bg.gif);
	background-repeat: repeat-x;
	height: 25px;
}

.contentBottomRight {
	background-image: url(../images/design/content_bottom_right.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}

.contentBottomLeft {
	background-image: url(../images/design/content_bottom_left.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 4px;
}

.contentTitle {
	background-image: url(../images/design/content_title_bg.gif);
	background-repeat: repeat-x;
	height: 25px;
	vertical-align: middle;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

.contentMain {
	border-left: 1px solid #8D8D8D;
	background-image: url(../images/design/content_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

/***********************************************************************
* Navigation styles
/***********************************************************************/

a.navStyle:hover {
	background-color: #295FA9;
}

/***********************************************************************
* Form input styles
/***********************************************************************/
input.inputStyleRequired
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	border-color: #FF0000;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
}

select.municipalityStyle
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	border-color: #1C3762;
	border-width: 1px;
	border-style:dashed;
	background-color: #FFFFFF;
}

input.inputStyle,
select.calcStyle,
select.simpleSelect {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	border-color: #1C3762;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	vertical-align:middle;
}
select.calcStyle {
	width: 100%;
}

input.buttonStyle,
input.buttonStyleOver,
input.buttonBack,
input.buttonBackOver,
input.buttonOk,
input.buttonOkOver {
	font-family: Arial, Verdana;
	font-size: 11px;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 18px;
}
input.buttonBack,
input.buttonBackOver,
input.buttonStyle,
input.buttonStyleOver {
	width: 108px;
}
input.buttonOk,
input.buttonOkOver {
	width: 51px;
}
input.buttonStyle {
	background: url(../Images/design/submit_btn.gif);
	color: #1C3762;
}
input.buttonStyleOver {
	background: url(../Images/design/submit_btn-over.gif);
	color: #FFFFFF;
}
input.buttonBack {
	background: url(../Images/design/back_btn.gif);
	color: #1C3762;
}
input.buttonBackOver {
	background: url(../Images/design/back_btn-over.gif);
	color: #FFFFFF;
}
input.buttonOk {
	background: url(../Images/design/ok_btn.gif);
	color: #1C3762;
}
input.buttonOkOver {
	background: url(../Images/design/ok_btn-over.gif);
	color: #FFFFFF;
}

/***********************************************************************
* Spacers styles
/***********************************************************************/

.topSpaces {
	padding-top: 6px;
}
.boxSpaces {
	padding-bottom: 6px;
}
.menuSpaces {
	padding: 0px 2px 0px 2px;
}
.tableSpaces {
	padding: 6px 6px 0px 6px;
}
.subheadSpaces {
	padding: 0px 6px 0px 6px;
}
.contentSpaces {
	padding: 5px;
}
.strikeThrough {
	text-decoration: line-through;
}

/***********************************************************************
* Tables styles
/***********************************************************************/

.highlightAltCell,
.highlightCell,
.simpleAltCell,
.simpleCell,

.simpleCellInCart,

.calculatorTop,
.tableTop,
.summaryTop,
.tableCalcTitle,
.tableCalcTop,
.tableCalcTitle2,
.tableCalcTop2,
.tableCalcTotal
.tableCalcTotal2
{
	font-family: Arial;
	font-size: 11px;
	padding: 5px;
	border: none;
}

.highlightAltCell {
	color: #000000;
	background-color: #E5E5E5;
}
.highlightCell {
	color: #000000;
	background-color: #EFEFEF;
}
.simpleAltCell {
	color: #000000;
	background-color: #F0F0F0;
}
.simpleCell {
	color: #000000;
	background-color: #FFFFFF;
}

.simpleCellInCart {
	color: #000000;
	background-color: #FFF3E2;
}

.tableTop {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #204685;
}

.tableCalcTitle
{
	font-weight: bold;
	color: #000000;
	background-color: #A6B5CF;
}

.tableCalcTop
{
	font-weight: bold;
	color: #000000;
	background-color: #C0CADB;
}

.tableCalcTitle2
{
	font-weight: bold;
	color: #000000;
	background-color: #D7E6EF;
}

.tableCalcTop2
{
	font-weight: bold;
	color: #000000;
	background-color: #EBF3F7;
}
/*
.calculatorTop {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #506B96;
}
*/


.tableCalcTotal
{
	border-top:1px solid #888888;
	font-weight: bold;
	color: #000000;
}

.tableCalcTotal2
{
	font-weight: normal;
}

.cartCalcBg
{
	background-color:#FFFFFF;
}

.summaryTop {
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}


a.pricelistSortLink:link,
a.pricelistSortLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.pricelistTable
{
	background-color:#cccccc;
}

.calculatorTable
{
	background-color:#888888;
}

.userPrice {
}

.PriceWithDiscount {	
	color: #AB0000;
}
a.ItemPriceWithDiscount:link,
a.ItemPriceWithDiscount:visited {
	color: #AB0000;
	text-decoration: underline;
}
a.ItemPriceWithDiscount:hover {
	color: #AB0000;
	text-decoration: none;
}

a.ItemLink:link,
a.ItemLink:visited {
	color: #000000;
	text-decoration: underline;
}
a.ItemLink:hover {
	color: #000000;
	text-decoration: none;
}

SPAN.ItemLink 
{
	color: #000000;
}


a.itemManufacture:link,
a.itemManufacture:visited {
	color: #000000;
	text-decoration: underline;
}
a.itemManufacture:hover {
	color: #000000;
	text-decoration: none;
}

/***********************************************************************
* Background styles
/***********************************************************************/

.sideBg {
	background-color: #C0CADB;
}
.contentBg {
	background-color: #E8E8E8; 
}

/***********************************************************************
* Rotators style
/***********************************************************************/

.RotatorItem a:link,
.RotatorItem a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.RotatorItem a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.RotatorPrice {
	color: #FE8080;
	text-decoration: none;
}

.ProductPrice { color:#AB0000; }
.rotatorBg { background-color: #e0e0e0; }

/***********************************************************************
* Calculator and cart style
/***********************************************************************/
.CalcAdd,
.CalcRemove,
.CalcRemoveAll,
.CalcItemAdd,
.CartAdd,
.CartRemove,
.CartRemoveAll,
.CartItemAdd
{
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

.CalcItemAdd,
.CalcRemoveAll
{
	width: 15px;
	height: 15px;	
}

.CartItemAdd,
.CartRemoveAll
{
	background-color:Transparent;
	width: 20px;
	height: 20px;	
}

.CalcAdd,
.CalcRemove
{
	width: 9px;
	height: 7px;
}

.CalcAdd
{
	background-image: url(../Images/default/icon_plus.gif);	
}

.CalcItemAdd
{
	background-image: url(../Images/default/icon_Add.gif);	
}

.CartItemAdd
{
	background-image: url(../Images/default/cart_add.gif);	
}

.CalcRemove
{
	background-image: url(../Images/default/icon_minus.gif);	
}

.CalcRemoveAll
{
	background-image: url(../Images/default/icon_delete.gif);

}

.CartRemoveAll
{
	background-image: url(../Images/default/cart_remove.gif);

} 


/***********************************************************************
* solution style
/***********************************************************************/


a.Solution:link,
a.Solution:visited
{
      text-decoration:none;
      color:#EEF0F4;
}
a.Solution:hover
{
      text-decoration:none;
      color:#FFFFFF;
}

.orange
{
	color:#FF8833;
}

a.Solution:hover SPAN
{
	  text-decoration:underline;
      color:#FF8833;
}

/***********************************************************************
* system style
/***********************************************************************/

.hiddenText
{
	visibility:hidden;
}

.visibilityText
{
	visibility:visible;
}

.noneText
{
	display:none;
}

.displayText
{
	display:block;
}

.ValidateError,
.ValidateErrorTitle
{
	color:Red;
}
.InformationError,
.InformationErrorTitle
{
	color:#2D3292;
}
.ValidateErrorTitle,
.InformationErrorTitle
{
	font-weight: bold;
}




/***********************************************************************
* Glossary style
/***********************************************************************/

.WordHeading  {font-family:Tahoma,Verdana,Arial;font-size: 16px;color: #000000;text-transform:lowercase;}

.WordDescription{font-family:Verdana,Arial;font-size:10px;color:#000000;}

A.closeLink
	{font-size:10px;color:#999999;text-decoration:none;text-transform:lowercase;}
A.closeLink:hover
	{font-size:10px;color:#222222;text-decoration:none;text-transform:lowercase;}


a.glossaryLink:link,
a.glossaryLink:visited {
	color: #009900;
	text-decoration: underline;
}
a.glossaryLink:hover {
	color: #006600;
	text-decoration: none;
}