/***********************************************************************
* xPriceList v3.4 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: Tahoma, Verdana; font-size:11px; }	
p, ul, li {
	font-family: Tahoma, Verdana; font-size:11px;
	margin: 5px 6px 5px 6px;
	line-height: 15px;
	padding: 0px;
	text-align: justify;
}
p {
	text-indent: 15px;
}
ul {
	list-style-image: url(../Images/design/bullet_content.gif);
	list-style-position: inside;
	padding-left: 10px;
}
/* taitlai: */
.pageTitle,
h1 {
	color: #004893;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0px 5px 0px;
}

h2 {
	color: #1162B7;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	margin: 10px 6px 5px 6px;
}

hr {
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #B9C9D9;
	/*noshade;*/
}


a:link,
a:visited {
	color: #004893;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}

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


/***********************************************************************
* 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
/***********************************************************************/

.pricelistHeader,
.boxHeader {
	background-image: url(../Images/design/box_top_bg.gif);
	background-repeat: no-repeat;
	background-color: #F0F0F0;
	background-position: right;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 7px 0px 2px 15px;
	vertical-align: top;
}
.pricelistContent
{
	background-image: url(../Images/design/box_bottom_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #F0F0F0;
	padding: 7px 2px 10px 5px;
	color: #4C4C4C;
}

.boxContent {
	background-image: url(../Images/design/box_bottom_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #F0F0F0;
	padding: 7px 10px 10px 10px;
	color: #4C4C4C;
}
.boxContent p {
	text-align: left;
	text-indent: 0px;
}

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

.boxContent a:hover {
	color: #000000;
	text-decoration: underline;
}
.boxBg {
	background-color: #F7F7F7;
}

/***********************************************************************
* Design styles
/***********************************************************************/
.footerSolution {
	background-color: #F0F0F0;
	background-image: url(../Images/design/solution_left.gif);
	background-repeat: repeat-y;
}

.footerSolution td {
	padding-left: 15px;
	vertical-align: middle;
	background-image: url(../Images/design/box_bottom_line.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 27px;
}

.footer {
	background-color: #004893;
}
.footer td {
	padding-left: 15px;
	color: #FFFFFF;
	vertical-align: middle;
	height: 27px;
}

.footerRight {
	background-color: #A6B5CF;
}


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



.headerBg {
	background-image: url(../Images/design/pik-comp-header1.jpg);
	background-repeat: no-repeat;
	height: 139px;
	vertical-align: middle;
}
.mapBg {
	background-image: url(../Images/design/map_pik.jpg);
	background-repeat: no-repeat;
	height: 220px;
	vertical-align: middle;
}
.headerInnerBg {
	background-image: url(../Images/design/pik-comp-inner1.jpg);
	background-repeat: no-repeat;
	height: 60px;
	vertical-align: middle;
}


/*

.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: 20px;
  height: 16px;
  border: none;
  vertical-align:middle;  
  /*src: /Images/default/bullet_title.gif*/
}

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

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

IMG.imageSubmenu,
IMG.imageMenu {  
}

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

.mainMenu,
.mainMenuOver,
.mainMenuClick {
	cursor: pointer;
	background-repeat: no-repeat;
	height: 28px;
	padding: 0px 10px 0px 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.mainMenu {
	color: #FFFFFF;
	background-color: #004893;
	text-decoration: none;
}
.mainMenuOver {
	color: #FFFFFF;
	background-color: #005CBC;
	text-decoration: underline;
}
.mainMenuClick {
	color: #000000;
	background-color: #E1E1E1;
	text-decoration: none;
}


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

.mainMenuBg {
	background-color: #004893;
	height: 28px;
	padding: 0px 0px 0px 5px;
}


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


.subMenuBg {
	background-color: #E1E1E1;
	height: 21px;
	vertical-align: middle;
	padding: 0px 10px 0px 12px;
}

a.subMenu {
	padding: 0px 20px 0px 0px;
}
a.subMenu:visited,
a.subMenu:link {
	color: #4C4C4C;
	text-decoration: none;
}
a.subMenu:hover {
	color: #000000;
	text-decoration: underline;
}

.submenuSpaces {
	padding: 4px;
}

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

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

.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: #000000;
	text-decoration: none;
	cursor: pointer;
	margin: 2px 0px 2px 2px;
}

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

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

 
.leftAccessoryMenu-over,
.leftAccessorySubMenu-over
{
	color: #1F62A7;
	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;
}

.navStyle {
	color: #4C4C4C;
	padding: 0px 15px 0px 15px;
	height: 42px;
}

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

/***********************************************************************
* Form input styles
/***********************************************************************/
input.inputStyleRequired
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: #000000;
	border: 1px solid #FF0000;
	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: Tahoma, Verdana;
	font-size: 11px;	 
	color: #004893;
	border: 1px solid #80AFE0;
	background-color: #FFFFFF;
}
select.calcStyle {
	width: 100%;
}

input.buttonStyle,
input.buttonStyleOver,
input.buttonOk,
input.buttonOkOver,
input.buttonBack,
input.buttonBackOver
{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(../Images/design/menu_bullet.gif);
	background-position: 4px;
	color: #FFFFFF;
	cursor: pointer;
	height: 18px;
}
input.buttonStyle,
input.buttonStyleOver,
input.buttonBack,
input.buttonBackOver  {
	width: 90px;
}
input.buttonOk,
input.buttonOkOver {
	width: 40px;
}
input.buttonOk,
input.buttonStyle,
input.buttonBack {
	text-decoration: none;
	background-color: #004893;
	border: none;
}

input.buttonOkOver,
input.buttonStyleOver,
input.buttonBackOver {
	text-decoration: underline;
	background-color: #005CBC;
	border: 1px solid #004893;
}

input.buttonBack,
input.buttonBackOver {
	background-image: url(../Images/design/menu_bullet.gif);
}

/***********************************************************************
* 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;
}

.headerSpaces {
	padding: 0px 4px 0px 4px;
}

/***********************************************************************
* Tables styles
/***********************************************************************/
.calculatorTable,
.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: #009900;
}
a.ItemPriceWithDiscount:link,
a.ItemPriceWithDiscount:visited {
	color: #009900;
	text-decoration: underline;
}
a.ItemPriceWithDiscount:hover {
	color: #006600;
	text-decoration: none;
}

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

SPAN.ItemLink {
	color: #004893;
}

SPAN.DeliveryDate {
	color: red;
	font-size: 9px;
	font-family: Arial, Tahoma;
}



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

a.menuTxtOver:link,
a.menuTxtOver:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/***********************************************************************
* Background styles
/***********************************************************************/

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

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

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

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

.ProductPrice { color: #009900; }
.rotatorBg { background-color: #E1E1E1; }

/***********************************************************************
* 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: #4C4C4C;
}
a.Solution:hover
{
      text-decoration:none;
      color: #000000;
}

.orange
{
	color: #FF6600;
}

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

/***********************************************************************
* 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;
}