.textfield_standard_01
{
	border: solid 1px #CCC;
	background-color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	width: 190px;
	padding: 2px;
	/*overflow: hidden;
	resize: none;*/
}

.textfield_standard_02   /*-----SecurityCode-----*/
{
	border: solid 1px #CCC;
	background-color: #FFF;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000;
	width: 130px;
	padding: 2px;
	
}

.textfield_standard_03
{
	background-color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	width: 90%;
	border: 1px solid #899caa;
	color: #3a454d;
	font-weight: bold;
	padding: 4px;
	font-size: 12px;
}


.textfield_standard_nowidth_01      /*------My profile drop down list-----*/
{
	border: solid 1px #CCC;
	background-color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
}

.textfield_short_01     /*------My profile Tel-----*/
{
	border: solid 1px #CCC;
	background-color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	width: 40px;
}

.textfield_long_01   
{
   	border: solid 1px #CCC;
    background-color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	width: 400px;
}



/* --------------For DataGrid 1---------------------*/

.datagridStyle
{
	border: 2px solid #e7e7e9;
	vertical-align: top;
	font-size: 12px;
	color: #000000; 
}

.datagridStyle a:active, .datagridStyle a:link, .datagridStyle a:visited
{
	color: #000000; 
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.datagridStyle a:hover
{
    color: #999999;
    font-size: 12px;
}

.SelectedItemStyle
{
    padding: 5px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.AlternatingItemStyle
{
    padding: 5px;
    font-size: 12px;
}

.HeaderStyle
{
	font-weight: bold;
	font-size: 12px;
	color: #575756;
	background-color: #E3E3E3;
	padding-right: 5px;
	padding-left: 5px;
}

.HeaderStyle a, .HeaderStyle a:link, .HeaderStyle a:visited
{
    color: #575756;
    text-decoration: none;
}

.FooterStyle, .FooterStyle a, .FooterStyle a:link, .FooterStyle a:visited
{
    font-weight: bold;
    font-size: 12px;
    color: #575756;
  
}

.PagerStyle
{
 
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
    }

.PagerStyle a:link
{
	font-weight: normal;
	color: #575756;/*#6690AF;*/
	/**color: blue;**/
}

.PagerStyle a:visited
{
    font-weight: normal;
    color: #C0C0C0; 
}

.PagerStyle a:hover
{
    font-weight: normal;
    color: #A7B3BC; 
}





/* --------------For DataGrid 2---------------------*/
.datagridStyle2
{
	border-style: none;
	vertical-align: top;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000; /*#6690AF*/
	text-align: left; /*line-height: 16px;*/
}



.datagridStyle2 a, .datagridStyle2 a:active, .datagridStyle2 a:link, .datagridStyle2 a:visited
{
	color: #9B9B9B;
	text-decoration: none;
	font-weight: bold;
}

.datagridStyle2 a:hover
{
	text-decoration: underline;
}


.SelectedItemStyle2
{

	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;

    
}
.ItemStyle2
{

	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;

}
.AlternatingItemStyle2
{

	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;

}
.HeaderStyle2, .HeaderStyle2 a:link, .HeaderStyle2 a:visited
{

    font-weight: bold;
    font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;

}

.FooterStyle2, .FooterStyle2 a:link, .FooterStyle2 a:visited
{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.PagerStyle2
{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    color: #A7B3BC;
	text-decoration: none;
    }

.PagerStyle2 a:link
{
	color: #999999;
	text-decoration: none;
}

.PagerStyle2 a:visited
{
	color: #000000;
	
}

.PagerStyle2 a:hover
{
    color: #A7B3BC;
}





/* --------------For GridView 1---------------------*/
.gridviewStyle
{
    border: 2px solid #1F4B83;
    vertical-align: top;
    background-color: #4A7A9D;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.gridviewStyle a:active
{
	/**color: blue;**/
	color: #6690AF;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}

.gridviewStyle a:link
{
	  color: #6690AF;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}
.gridviewStyle a:visited
{
	  color: #6690AF;
	  font-family: "Roboto", sans-serif;
    font-size: 12px;
}
.gridviewStyle a:hover
{
	  color: #6690AF;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}


.gridviewSelectedItemStyle
{
padding: 3px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}
.gridviewItemStyle
{
padding: 3px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}
.gridviewAlternatingItemStyle
{
padding: 3px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
}
.gridviewHeaderStyle, .gridviewHeaderStyle a:link, .gridviewHeaderStyle a:visited
{
    padding: 3px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    background-color: #4A7A9D;
}

.gridviewFooterStyle, .gridviewFooterStyle a:link, .gridviewFooterStyle a:visited
{
    padding: 5px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    background-color: #4A7A9D;
}



.gridviewHeaderStyle a:hover
{
    font-weight: bold;
    /**color: #CCFFFF;**/
}

.gridviewPagerStyle
{
    /**
    color: #FF8C00;
    background-color: #ffffff;
    **/    
    padding: 2px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    }

.gridviewPagerStyle a:link
{
	font-weight: normal;
	color: #6690AF;
	/**color: blue;**/
}

.gridviewPagerStyle a:visited
{
    font-weight: normal;
    color: #FFFFFF; /**color: blue;**/
}

.gridviewPagerStyle a:hover
{
	font-weight: normal;
	color: #2E5894;
	/**color: red;**/
}


/* -------------------Product Item-----------------------*/



.item-grid
{
    text-align: left;
    width: 100%;
}

.item-box
{
	float : left;/**/
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	vertical-align: text-top;
	
}

.item-box2
{
	padding-bottom: 20px;
	text-align: left;
	vertical-align: text-top;

}


.item-pager
{
	text-align: right;
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6D6E71;
}

.item-pager a, .item-pager a:link ,.item-pager a:visited
{
	padding: 2px;
	border: 1px solid #6D6E71;
	color: #6D6E71;
	text-decoration: none;
}

.item-pager a:hover
{
	color: #999999;
	text-decoration: none;
}

.item-pager span
{
	padding: 2px;
	border: 1px solid #6D6E71;
	color: #FFFFFF;
	font-family: "Roboto", sans-serif;
	text-decoration: none;
	background-color: #6D6E71;
}


.product-item-box
{
	
	text-align: center;
	margin: 2px 2px 2px 2px;
	width: 175px;
	vertical-align: top;
}


.product-item-box2
{
	
	text-align: left;
	margin: 0px 2px 10px 2px;
	width: 100%;
}


.product-item-box-title
{

	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	font-weight: bold;
}


.product-item-box-info
{
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	line-height: 16px;
}


.product-item-box-info-buttons 
{
	font-family: "Roboto", sans-serif;
	font-size: 11px;
    color: #FFFFFF;
    background-color: #A7B3BC;
    text-align: center;
    vertical-align: middle;
    display: block;
    width: 130px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    border: none;
}

.product-item-box-info-buttons a, .product-item-box-info-buttons a:link ,.product-item-box-info-buttonsa:visited {
    color: #FFFFFF;
    background-color: #A7B3BC;
    display: block;
}
.product-item-box-info-buttons a:hover
{
	background-color: #455560 !important;
	color: #FFFFFF !important;
}


.product-item-box-info-image
{
	background-image: url(../images/iKlub_voucher.png);
	background-position: left top;
	background-repeat: no-repeat;
}



/*Hover Menu*/
.popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #A0A0A0;
    -ms-opacity: .9;
    -ms-filter: alpha(opacity=90);
}

.popupHover
{
    /*background-image:url(../images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;*/
    color: #C4C4C4;
    text-decoration: none;
}


.popupMenuFooter
{
    position: absolute;
    visibility: hidden;
    background-color: #D2D3D7;
    -ms-opacity: .9;
    -ms-filter: alpha(opacity=90);
}

.popupHoverFooter
{
    /*background-image:url(../images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;*/
    color: #C4C4C4;
    text-decoration: none;
}





/* -----------Modal Popup---------------------------*/
.modalBackground {
	background-color:Gray;
	-ms-filter:alpha(opacity=70);
	-ms-opacity:0.7;
}



.modalPopUpText{
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
}