html {
font-size: 16px; }

body {
padding: 0px;
margin: 0px;
background-color: #7b7a7c;
/*
background-image: url('../img/akshara-background.gif');
background-repeat: no-repeat;
*/
background-image: url('../img/akshara-background-all.gif');
background-repeat: repeat-y;
background-position: 50% 0%;
font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif, "MS Sans Serif";
text-align: left;
font-size: 75%;
font-weight: normal;
color: #333;
line-height: 130%; }
/*
scrollbar-base-color: #EEE;
scrollbar-3dlight-color: #000;
scrollbar-arrow-color: #F90;
scrollbar-darkshadow-color: #F90;
scrollbar-face-color: #EEE;
scrollbar-highlight-color: #FFF;
scrollbar-shadow-color: #EEE
scrollbar-track-color: #EEE;
*/

a[href] {
color: #526;
text-decoration: underline;
outline-width: 0px; }

a[href]:hover {
color: #666;
text-decoration: underline;
outline-width: 0px; }

a img {
text-decoration: none; }

a:hover img {
text-decoration: none; }

div {
position: relative;
text-align: left; 
margin: 0px;
padding: 0px; }

p {
margin: 0px;
padding: 0px;
text-align: left;
font-size: 100%;
line-height: 140%;
padding-bottom: 15px; }

table {
border-collapse: collapse;
empty-cells: show;
border-color: #666; }

td, th {
font-family: Arial, Helvetica, Geneva, sans-serif, "MS Sans Serif";
font-size: 100%;
color: #000;
vertical-align: top;
line-height: 150%; }

ul {
margin: 0px;
padding: 0px; }

ul li {
margin: 0px 0px 0px 20px;
padding: 0px;
line-height: 150%; }

ol {
margin: 0px;
padding: 0px; }

ol li {
margin: 0px 0px 0px 30px;
padding: 0px;
vertical-align: top;
line-height: 150%; }


h1 {
background: none;
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 20px;
font-weight: bold;
letter-spacing: 0px;
color: #5C3160;
line-height: 120%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px; }

h1 a {
color: #5C3160;;
text-decoration: none;
border: none; }

h1 a:hover {
color: #5C3160;
text-decoration: none;
border: none; }

h2 {
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 17px;
font-weight: bold;
color: #8D6091;
line-height: 130%;
margin: 0px;
padding: 0px;
padding-bottom: 6px; }

h2 a {
color: #8D6091;
text-decoration: none;
border: none; }

h2 a:hover {
color: #8D6091;
text-decoration: none;
border: none; }

h3 {
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 15px;
font-weight: bold;
color: #555;
line-height: 130%;
margin: 0px;
padding: 0px;
margin-bottom: 4px; }

h3 a {
color: #555;
text-decoration: none;
border: none; }

h3 a:hover {
color: #555;
text-decoration: none;
border: none; }

h4 {
font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 14px;
font-weight: bold;
color: #777;
line-height: 130%;
margin: 0px;
padding: 0px;
padding-bottom: 5px; }

h4 a {
color: #777;
text-decoration: none;
border: none; }

h4 a:hover {
color: #777;
text-decoration: none;
border: none; }

h5 {
font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 17px;
font-weight: bold;
color: #0C2A4C;
line-height: 130%;
margin: 0px;
padding: 0px;
padding-bottom: 10px; }

h5 a {
color: #0C2A4C;
text-decoration: none;
border: none; }

h5 a:hover {
color: #0C2A4C;
text-decoration: none;
border: none; }

h6 {
font-family: Arial, Helvetica, sans-serif, "MS Sans Serif";
font-size: 12px;
font-weight: normal;
color: #767676;
line-height: 130%;
margin: 0px;
padding: 0px; }

h6 a {
color: #767676;
text-decoration: none;
border: none; }

h6 a:hover {
color: #767676;
text-decoration: none;
border: none; }

img {
border: 0px;
margin: 0px;
padding: 0px; }

form {
margin: 0px;
padding: 0px; }

input, textarea, select, option {
font-size: 11px;
color: #666;
font-family: Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }

button	{
background-color: #666;
color: #FFF;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
border: 2px outset #999;
cursor: pointer;
font-family: Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }

.legend {
font-size: 10px;
color: #000;
font-style: italic;
text-align: center;
padding-top: 5px; }

.White {
color: #FFF; }
.WhiteGray {
color: #EEE; }
.PaleGray {
color: #DDD; }
.LightGray {
color: #CCC; }
.Gray {
color: #999; }
.DarkGray {
color: #666; }
.DeepGray {
color: #333; }
.Black {
color: #000; }

.LightPink {
color: #FCC; }

.LightOrange {
color: #FEC; }

.DarkOrange {
color: #F60; }

.DeepBlue {
color: #2C5066; }

.LightBlue {
color: #DEE; }

.DeepGreen {
color: #2A6340; }

.LightPurple {
color: #8D6091; }

.DeepPurple {
color: #5C3160; }

.ImageOnRight {
margin: 0px 0px 5px 10px;
float: right; }

.ImageOnLeft {
margin: 0px 10px 5px 0px;
float: left; }

/* elements */
input { font-size: 10px; color: #333; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
textarea { font-size: 11px; color: #333; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
select { font-size: 11px; color: #333; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
option { font-size: 11px; color: #333; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
button	{ background-color: #666; color: #FFF; font-size: 11px; font-weight: bold; vertical-align: middle; margin: 0px; padding: 0px; 
								border: 2px solid #999; border-right: 2px solid #333; border-bottom: 2px solid #333; cursor: pointer; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
.checkbox	{ border: none; background: none; vertical-align: middle; padding: 0px; margin: 0px; }
.radio		{ border: none; background: none; vertical-align: middle; padding: 0px; margin: 0px; }
hr { padding: 0px; margin: 0px; }
div { position: relative; padding: 0px; margin: 0px; }
div.table { display: table; border-collapse: collapse; }
div.tr { display: table-row; }
div.td { display: table-cell; }
.clearBoth { display: block; width: 1px; height: 1px; font-size: 1px; clear: both; }

.roundImgButton	{ display: block; height: 22px; background: none; font-size: 11px; font-weight: bold; border: none; cursor: pointer; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, sans-serif, 'MS Sans Serif'; }
.roundImgButton	img { display: block; float: left; }
.roundImgButton	span { display: block; float: left; height: 17px; white-space: nowrap; }

.buttonAstroNox	{ height: 22px; background: #258; color: #FFF; font-size: 11px; font-weight: bold; border: 2px solid #39C; border-right: 2px solid #033; border-bottom: 2px solid #033; }
.buttonAstroNox	span { display: block; margin: 0px 8px 0px 5px; padding-bottom: 1px; }
.buttonLightGray	{ display: block; height: 22px; background: #AAA; color: #FFF; font-size: 11px; font-weight: bold; }
.buttonLightGray	span { display: block; margin: 0px 5px 0px 0px; padding-bottom: 1px; }
.buttonGray	{ height: 22px; background: #999; color: #FFF; font-size: 11px; font-weight: bold; border: 2px solid #CCC; border-right: 2px solid #333; border-bottom: 2px solid #333; }
.buttonGray	span { display: block; margin: 0px 5px 0px 0px; padding-bottom: 1px; }
.buttonDarkGray	{ height: 22px; background: #666; color: #FFF; font-size: 11px; font-weight: bold; }
.buttonDarkGray	span { display: block; margin: 0px 5px 0px 0px; padding-bottom: 1px; }
.buttonOrange	{ height: 22px; background: #F60; color: #FFF; font-size: 11px; font-weight: bold; border: 2px solid #F96; border-right: 2px solid #630; border-bottom: 2px solid #630;  }
.buttonOrange	span { display: block; margin: 0px 5px 0px 0px; padding-bottom: 1px; }
.buttonFreeTest	{ height: 22px; width: 150px; background: #FCF5D8; color: #F60; font-size: 11px; font-weight: bold; border: 1px solid #F60; }
.buttonFreeTest	span { display: block; margin: 0px 5px 0px 0px; padding-bottom: 1px; }


/******************************************************************************************/
/************************************ ALL CONTENT ************************************/
/******************************************************************************************/
#allContent
	{ position: relative; width: 1024px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: center; z-index: 1; }
#allContentTop
	{ position: absolute; width: 1024px; height: 219px; top: 0px; left: 0px; padding: 0px; background-image: url('../img/akshara-2019-banner.gif'); background-repeat: no-repeat; background-position: 0px 0px; } /*background-image: url('../img/akshara-top2.gif'); akshara-2019-banner */
#allContentTitle
	{ position: relative; display: block; width: 630px; height: 160px; margin: 1px auto auto auto; padding: 0px; }
#allContentFenixTop
	{ position: absolute; display: block; width: 205px; height: 380px; top: 17px; left: 125px; z-index: 10; }

#allContentDecalogue
	{ position: absolute; display: block; width: 170px; top: 260px; left: 203px; background-image: url('../img/bg-white-50-procent.png'); border: 2px solid #7C7B62; z-index: 11;
		-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
/*
#allContentDecalogue li a[href] { text-decoration: none; padding-bottom: 0px; border-bottom: 1px dotted #CCC; }
#allContentDecalogue li a[href]:hover	{ text-decoration: none; padding-bottom: 0px; border-bottom: 1px dotted #999; }
*/
#allContentNews
	{ position: absolute; display: block; width: 230px; top: 330px; left: 705px; background-image: url('../img/bg-white-50-procent.png'); border: 2px solid #7C7B62; z-index: 11;
		-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
#allContentNewsHalfBg
	{ position: absolute; width: 104px; height: 100%; top: 0px; right: 0px; background-color: #FFF; z-index: 0;
		border: 1px solid #FFF; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; }
.newsYellowBorder
	{ border: 6px solid #FE5; 
		-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.newsWhiteBorder
	{ border: 2px solid #FFF;
		-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.newsVioletHeadline
	{ background-color: #6C3A77; color: #FFF; font-size: 140%; line-height: 120%; font-weight: bold; text-align: center; padding: 6px 0px 4px 0px;  z-index: 10;
		-webkit-border-top-left-radius: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 17px 17px 0px 0px; border-radius: 17px 17px 0px 0px;
	}
.newsContent
	{ padding: 10px 5px; }
.newsContent p
	{ line-height: 180%; }
.newsContent li
	{ line-height: 180%; }
 
/******************************************************************************************/
/********************************    SECTION TOP NAVIGATION   *********************************/
/******************************************************************************************/
#navigation
	{ position: absolute; width: 545px; left: 290px; top: 167px; margin: 0px 0px 0px 0px; text-align: left; vertical-align: top; z-index: 15; }
#navigation span
	{ display: block; float: left; width: 1px; height: 11px; background: #555; padding: 0px; margin: 4px 1px 5px 1px; font-size: 1px; }
#navigation span[class=afterFirstLevel]
	{ display: block; float: left; width: 5px; height: 11px; background: none; padding: 0px; margin: 2px 1px 0px 2px; font-size: 100%; }
#navigation .breakRow
	{ display: block; width: 1px; height: 0px; background: none; padding: 0px; font-size: 1px; clear: both; float: none; }
#navigation a
	{ display: block; float: left; height: 16px; margin: 2px 0px 0px 0px; padding: 0px 5px; color: #502d53; text-decoration: none; text-align: center; font-size: 110%; font-weight: bold; font-style: none; white-space: nowrap; font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif, "MS Sans Serif";
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#navigation a:hover
	{ color: #502d53; font-weight: bold; text-decoration: none; border-bottom: 1px solid #FF0; }
#navigation .aActive
	{ color: #502d53; background-color: #FE5; }


/******************************************************************************************/
/************************************ LANGUAGES ************************************/
/******************************************************************************************/
#languages
	{ position: absolute; top: 170px; right: 115px; width: 80px; height: 15px; padding: 0px; font-size: 11px; text-align: right; color: #999; z-index: 2; }
#languages img
	{ vertical-align: middle; }
#languages span
	{ display: block; float: right; }
#languages a
	{ display: block; float: right; color: #999; text-decoration: none; margin: 1px 4px 0px 4px; }
#languages a:hover
	{ color: #258; text-decoration: none; }

	
/******************************************************************************************/
/**********************************  BACK TO TOP -> ITEM  ***********************************/
/******************************************************************************************/
#fixTop { position: absolute; top: 0px; left: 120px; visibility: hidden; z-index: 100; text-align: center; width: 160px; font-family: 'Trebuchet MS'; }
#fixTop a { text-decoration: none; vertical-align: middle; color: #FFF; }
#fixTop span { color: #0C2A4C; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #CEF; }
#fixTop2 { position: absolute; top: 0px; right: 0px; visibility: hidden; z-index: 100; text-align: center; width: 160px; }
#fixTop2 a { text-decoration: none; vertical-align: middle; color: #DEE; }
#fixTop2 span { color: #FFF; font-weight: bold; }

/******************************************************************************************/
/************************************ MAIN CONTENT ************************************/
/******************************************************************************************/
#mainContent
	{ position: relative; width: 1024px; margin: 210px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; background-image: url('../img/akshara-middle.gif'); background-repeat: repeat-y; background-position: 0px 0px; z-index: 2; } /* border: 1px solid red; */
#mainContentFenixBottom
	{ position: absolute; display: block; width: 213px; height: 384px; top: 180px; right: 220px; }
#topQuotation
	{ position: relative; width: 630px; margin: 0px auto 0px auto; padding-top: 0px; padding-left: 30px; font-size: 100%; text-align: center; color: #666; font-weight: bold; }


/******************************************************************************************/
/************************************ MIDDLE CONTENT ************************************/
/******************************************************************************************/
#middleContent
	{ float: left; width: 310px; min-height: 550px; margin: 15px 0px 0px 385px; padding: 0px 0px 0px 0px; line-height: 120%; } /*  border: 1px solid red; */

/******************************************************************************************/
/************************************ INFO LINE TOP ************************************/
/******************************************************************************************/
#navigInfoLine
	{ position: relative; height: 34px; margin: 0px; margin-top: 15px; padding: 0px; }
#navigInfoLine h1
	{ margin-left: 5px; }

#aksharaSoundImage { display: block; position: absolute; top: 10px; right: 83px; width: 100px; height: 50px; z-index: 111; cursor: pointer; }
#aksharaSoundDiv { position: absolute; top: 0px; left: 0px; }

#addThisArea { display: block; position: absolute; top: 90px; left: 845px; width: 150px; z-index: 111; }

.navigHr { height: 1px; width: 158px; background: none; border: none; border-top: 1px solid #CCEEFF; margin: 0px auto; }

/******************************************************************************************/
/************************************ LOGO / BANNER TOP  ************************************/
/******************************************************************************************/
#logoTop
	{ float: none; clear: both; width: 180px; height: 260px; margin: 5px auto 20px auto; padding: 0px; }
#logoTop a
	{ float: none; clear: both; display: block; width: 180px; height: 260px; text-decoration: none; background: none; margin: 0px; padding: 0px; }
#logoTop a:hover
	{ float: none; clear: both; display: block; width: 180px; height: 260px; text-decoration: none; background: none; margin: 0px; padding: 0px; }
#logoTop img
	{ display: inline; width: 180px; height: 260px; }

.imgHref
	{ margin-right: 5px; text-decoration: none; vertical-align: top; cursor: pointer; }

.firstLevelSeparator
	{ background-image: url('../img/navig_left_first.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
.leftNavigOver
	{ background-image: url('../img/argo-left-over.gif'); background-repeat: no-repeat; background-position: 0px 0px; }

/******************************************************************************************/
/**************************************** CONTENT *****************************************/
/******************************************************************************************/
#content {
	position: relative; float: left; margin: 5px 5px 0px 5px; text-align: left; 
} /*  border: 1px solid red;  */ /* 660 - 34 = width 626 px */

.articleDate	{
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }
.articleAuthor {
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }

#articlePreviewActive
	{ position: relative; width: 100%; padding-top: 10px; clear: both; }
#articlePreviewActive a
	{ display: block; position: relative; clear: both; text-decoration: none; padding: 10px; border: 1px solid #CCC; }
#articlePreviewActive .authorMailTo
	{ display: inline; }
#articlePreviewActive .articleDate	{
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }
#articlePreviewActive .articleAuthor {
font-size: 90%;
color: #2C5066;
margin: 5px 0px 0px 0px; }
#articlePreviewActive .articleHeadline
	{ display: block; color: #2C5066; font-size: 120%; font-weight: bold; margin: 3px 0px; }
#articlePreviewActive .articleDeck
	{ display: block; color: #767676; font-size: 100%; font-weight: bold; margin: 3px 0px; }
#articlePreviewActive .articleCaption
	{ display: block; color: #000; margin: 0px; }
#articlePreviewActive .articleSmallThumbnail
	{ display: block; height: 70px; }
#articlePreviewActive .articleMore
	{ color: #2C5066; font-weight: bold; margin-left: 10px; }


/******************************************************************************************/
/************************************ RIGHT NAVIGATION ************************************/
/******************************************************************************************/
#rightNavigation
	{ position: relative; float: left; width: 160px; margin: 0px; background: #376481; } /*  border: 1px solid red;  */

/* TODAY right navigation */
#todayDiv
	{ width: 100%; background: #FFF; border: 1px dotted #999; clear: both; background-image: url(../img/bg_gray_1.jpg); }
#todayDiv img
	{ margin: 2px; }
#todayDiv input
	{ width: 110px; height: 17px; border: 1px solid #999; margin: 5px 5px 5px 0px; padding: 1px 2px 0px 3px; }
#todayDiv button
	{ width: 25px; height: 17px; background: #666; margin: 5px 5px 5px 0px; border: 2px solid #333; border-top: 1px solid #BBB; border-left: 1px solid #BBB; font-size: 10px; color: #FFF; text-align: center; overflow: hidden; }


/* PAGE print and recommend */
#pageOperations
	{ position: absolute; top: 10px; left: 560px; width: 200px; background: none; text-align: right; z-index: 10; }
#pageOperations a
	{ display: block; font-size: 10px; padding: 2px 0px; text-decoration: none; }
#pageOperations img
	{ margin-left: 5px; vertical-align: top; cursor: pointer; }
#pageOperations span
	{ border-bottom: 1px dotted #999; }

/* CURRENT LOGED CLIENT */
#currentClient
/*	{ position: relative; margin-top: 10px; width: 100%; background: #FEE; border: 1px dotted #999; clear: both; font-size: 12px; line-height: 130%; display: none;  font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; } */
	{ position: relative; clear: both; font-size: 12px; line-height: 130%; display: none;  font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }

.subnavigHead
	{ font-size: 11px; font-weight: bold; color: #999; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }


/******************************************************************************************/
/***************************************   FOOT    ******************************************/
/******************************************************************************************/
#foot
	{ position: relative; width: 1024px; height: 37px; margin: 0px; padding: 0px; font-size: 9px; color: #FFF; background: url('../img/akshara-bottom.png'); background-repeat: no-repeat; background-position: center top; }
#foot div
	{  }
#foot a
	{ text-decoration: none; }
#foot a:hover
	{ text-decoration: none; }

#copyright
	{ position: absolute; left: 215px; top: 7px; width: 400px; color: #999; line-height: 140%; font-size: 100%; text-align: left; }
#designBy
	{ position: absolute; right: 215px; top: 7px; width: 400px; color: #999; line-height: 140%; font-size: 100%; text-align: right; }
#designBy div
	{ text-align: left; }
#designBy a
	{ text-decoration: none; color: #6C3A77; border-bottom: 1px dotted #999; }
#designBy a:hover
	{ text-decoration: none; color: #6C3A77; border-bottom: 1px dotted #999; }



/* RECOMMEND popup window */
#recommendMain { position: relative; width: 400px; _width: 440px; height: 100%; margin: 0px auto 0px auto; background: #FFF; padding: 15px; }
#recommendMain h1 { margin-bottom: 15px; }
#recommendMain a { text-decoration: none; }
#recommendMain a:hover { text-decoration: none; }
#recommendMain table { width: 220px; }
#recommendMain th { text-align: left; height: 16px; }
#recommendPageMessages
	{ position: relative; width: 100%; margin: 10px auto; background: #FCC; font-size: 12px; font-weight: bold; text-align: left; display: none; border: 1px solid #258; }

	
/******************************************************************************************/
/* SEARCH branch (extended search) */
#branchSearch
	{ position: relative; float: left; width: 560px; margin: 0px 17px 0px 21px; text-align: left; } /*  border: 1px solid red;  */
#branchExtendedSearch
	{ width: 100%; height: 27px; background: #FFF; border: 1px dotted #999; clear: both; background-image: url(../img/bg_gray_1.jpg); }
#branchExtendedSearch div
	{ float: left; }
#branchExtendedSearch img
	{ margin: 7px 5px 5px 7px; }
#branchExtendedSearch input
	{ width: 110px; height: 17px; color: #666; border: 1px solid #999; margin: 5px 5px 5px 0px; padding: 1px 2px 0px 3px; }
#branchExtendedSearch select
	{ width: 80px; height: 16px; border: 1px solid #999; margin: 5px 5px 5px 0px; padding: 0px; }
#branchExtendedSearch button
	{ height: 17px; background: #666; margin: 5px 5px 5px 10px; border: 2px solid #333; border-top: 1px solid #BBB; border-left: 1px solid #BBB; font-size: 10px; color: #FFF; text-align: center; overflow: hidden; }
.searchExtendedNavig
	{ position: relative; width: 100%; height: 19px; border: 1px dotted #999; clear: both; overflow: hidden; background: #DEE; }
.searchExtendedRecordsNavig
	{ position: absolute; top: 3px; left: 6px; width: 100%; height: 15px; text-align: left; font-weight: bold; clear: both; overflow: hidden; }
.searchExtendedArrowNavig
	{ position: absolute; right: 6px; width: 100%; height: 15px; text-align: right; clear: both; overflow: hidden; }
.searchExtendedArrowNavig img
	{ margin-top: -2px; _margin-top: 1px; vertical-align: middle;}
.searchExtendedArrowNavig span
	{ font-weight: bold; color: #258; margin: 4px 5px 0px 0px; vertical-align: middle;}/* border: 1px solid red;*/
.searchExtendedArrowNavig a
	{ font-weight: normal; color: #258; margin: 0px; }
.searchExtendedArrowNavig a:hover
	{ text-decoration: none; color: #000; }

/* search results */
.searchProductName
	{ margin: 10px 0px 3px 0px; }
.searchProductName a
	{ font-size: 13px; color: #666; font-weight: bold; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }
.searchProductName a:hover
	{ color: #000; }
.searchProductDescription a
	{ font-size: 11px; color: #999; text-decoration: none; }

	
/* SHOPPING BAG & WISH LIST PAGE */
#shoppingBagMain
	{ position: relative; float: left; width: 560px; margin: 0px 17px 0px 21px; text-align: left; } /*  border: 1px solid red;  */
#shoppingBagMain table
	{ position: relative; width: 100%; table-layout: fixed; empty-cells: show; border-collapse: collapse; border-top: 1px solid #CCC; margin-bottom: 20px; }
#shoppingBagMain th, td
	{ font-size: 11px; vertical-align: middle; }
#shoppingBagMain th
	{ padding: 2px 6px; background: #CCC; color: #000; border: 1px solid #CCC; border-right: 1px solid #FFF; }
#shoppingBagMain td
	{ padding: 2px 6px; background: #FFF; color: #333; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#shoppingBagMain input
	{ width: 25px; text-align: center; color: #666; border: 1px solid #999; }
#shoppingBagMain a
	{ font-size: 11px; font-weight: bold; }
#shoppingBagMain .imgBagList
	{ width: 50px; height: 50px; background: #FFF; border: 1px solid #FFF; margin: 0px auto; }
#shoppingBagMain .productNumber
	{ color: #666; margin-top: 4px;  }
#shoppingBagMain .productParameter
	{ color: #258; margin-top: 2px;  }
#shoppingBagMain .shoppingbagIcons
	{ display: block; margin: 3px 0px; font-size: 10px; font-weight: normal; }
#shoppingBagHeadline
	{ position: relative; clear: both; font-size: 20px; font-weight: bold; line-height: 130%; margin: 0px 0px 15px 0px; font-family: "Trebuchet MS", "Book Antiqua",Garamond,"Times New Roman",Times,serif,"MS Serif"; }
#buttonBuyNow
	{ margin: 0px 0px 2px 3px; padding: 0px 10px; text-decoration: none; }
#wishListFrame
	{ position: absolute; left: 850px; top: 170px; width: 1px; height: 1px; clear: both; overflow: hidden; z-index: -10; }

#orderShoppingBagTable
	{ position: relative; width: 100%; table-layout: fixed; empty-cells: show; border-collapse: collapse; border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom: 10px; }
#orderShoppingBagTable th, td
	{ font-size: 11px; vertical-align: middle; }
#orderShoppingBagTable th
	{ padding: 2px 6px; background: #FFF; color: #000; border: 1px solid #CCC; border-right: 1px solid #CCC; }
#orderShoppingBagTable td
	{ padding: 2px 6px; background: #FFF; color: #333; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#orderShoppingBagTable input
	{ width: 25px; text-align: center; color: #666; border: 1px solid #999; }
#orderShoppingBagTable a
	{ font-size: 11px; font-weight: bold; }
#orderShoppingBagTable .imgBagList
	{ width: 50px; height: 50px; background: #FFF; border: 1px solid #FFF; margin: 0px auto; }
#orderShoppingBagTable .productNumber
	{ color: #666; margin-top: 4px;  }
#orderShoppingBagTable .productParameter
	{ color: #258; margin-top: 2px;  }
#orderShoppingBagTable .shoppingbagIcons
	{ display: block; margin: 3px 0px; font-size: 10px; font-weight: normal; }

#viewWishList
	{ position: relative; margin-top: 10px; width: 100%; background: #FFF; border: 1px dotted #999; clear: both; }
#viewWishList a
	{ display: block; font-size: 10px; vertical-align: top; margin-top: 2px; }
#viewWishList a:hover
	{ font-size: 10px; color: #000; text-decoration: underline; }
#viewWishList img
	{ vertical-align: middle; margin: 1px 6px 0px 6px; }
#viewShoppingBag
	{ position: relative; margin-top: 10px; width: 100%; background: #FFF; border: 1px dotted #999; clear: both; }
#viewShoppingBag a
	{ display: block; font-size: 10px; vertical-align: top; margin-top: 2px; }
#viewShoppingBag a:hover
	{ font-size: 10px; color: #000; text-decoration: underline; }
#viewShoppingBag img
	{ vertical-align: middle; margin: 1px 6px 0px 6px; }
#noProductsInWaB
	{ width: 100%; color: #666; font-size: 11px; padding-bottom: 20px; }

.mandatory { color: #AD0; width: 15px; text-align: center; font-size: 13px; }
.mandatory img { margin: 1px 4px 0px 0px; }

#registerDiv
	{ position: relative; } /*  border: 1px solid red;  */
#registerDiv table
	{ width: 500px; }
#registerDiv td
	{ color: #333; }
#orderAddressDiv
	{ width: 560px; margin-top: 20px; margin-left: 0px; text-align: left; }
#orderAddressDiv table
	{ width: 500px; }
#orderAddressDiv td
	{ color: #333; }
#buyNowOrder
	{ width: 560px; margin-top: 20px; text-align: left; } /*  border: 1px solid red;  */
#buyNowOrder table
	{ width: 500px; }
#buyNowOrder td
	{ color: #333; }
#buyNowPayment
	{ position: relative; width: 660px; margin-top: 20px; margin-left: 0px; text-align: left; }
#buyNowPayment table
	{ width: 500px; }
#buyNowPayment td
	{ color: #333; }
#personButton
	{ float: left; cursor: pointer; padding: 4px 10px; background: #DEE; border: 1px solid #258; }
#personButton input
	{ vertical-align: middle; }
#personButton span
	{ vertical-align: middle; }
#companyButton
	{ float: left; cursor: pointer; padding: 4px 10px; background: #DDD; border: 1px solid #999; margin-left: 20px; }
#companyButton input
	{ vertical-align: middle; }
#companyButton span
	{ vertical-align: middle; }
.likeTrRegister
	{ width: 500px; }
.likeTd1Register
	{ float: left; width: 235px; padding: 2px 0px; vertical-align: middle; }
.likeTd2Register
	{ float: left; width: 15px; padding: 2px 0px; color: #AD0; text-align: center; font-size: 13px; vertical-align: middle; }
.likeTd2Register img
	{ margin: 1px 4px 0px 0px; vertical-align: middle; }
.likeTd3Register
	{ float: left; width: 250px; padding: 2px 0px; }

#loginDiv
	{ position: relative; } /*  border: 1px solid red;  */
#contactMain
	{ position: relative; } /*  border: 1px solid red;  */
#buyBooksFormDiv
	{ position: relative; } /*  border: 1px solid red;  */
#clientAccountDiv
	{ position: relative; float: left; width: 560px; margin: 0px 17px 0px 21px; text-align: left; } /*  border: 1px solid red;  */
.trContact
	{ width: 630px; }
.trContact div
	{ float: left; padding: 2px 0px; vertical-align: middle; }
.td20Contact
	{ width: 20px; }
.td60Contact
	{ width: 60px; }
.td70Contact
	{ width: 70px; }
.td80Contact
	{ width: 80px; }
.td120Contact
	{ width: 120px; }
.td140Contact
	{ width: 140px; }
.td180Contact
	{ width: 180px; }
.td200Contact
	{ width: 200px; }
.td240Contact
	{ width: 240px; }
.td330Contact
	{ width: 330px; }
.td410Contact
	{ width: 410px; }
.td420Contact
	{ width: 420px; }
.td600Contact
	{ width: 600px; }
#contactMain .contactRadio
	{ display: block; width: 18px; height: 18px; vertical-align: middle; }
#contactMain .radio
	{ margin: 3px; margin: expression('0px'); vertical-align: middle; }
#contactMain .checkbox
	{ margin: 3px; margin: expression('0px'); vertical-align: middle; }

/* popup FORGOT PASSWORD */
#forgotPassword { position: relative; width: 400px; height: 200px; background: #FFF; margin: 15px auto 15px auto; }
#forgotPassword h1 { margin: 0px 15px; padding: 10px 0px; }
#forgotPassword a { text-decoration: none; }
#forgotPassword a:hover { text-decoration: none; }

#forgotPasswordMessages
	{ position: relative; margin: 10px 15px 10px 15px; background: #FCC; font-size: 11px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
#messagesDiv
	{ position: relative; width: 100%; margin: 10px 0px 20px 0px; background: #FCC; font-size: 11px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
#messagesOkFromDB
	{ position: relative; width: 100%; margin: 10px 0px 20px 0px; background: #FCC; font-size: 11px; font-weight: bold; text-align: left; display: none; border: 1px solid red; }
.msgH { font-size: 11px; color: #000; text-align: left; margin: 5px; }
.msgHead { font-size: 13px; color: #000; text-align: left; margin: 5px; }
.msgOk { font-size: larger; color: #888; text-align: left; margin: 5px; }
.msgNo { font-size: larger; color: #F00; text-align: left; margin: 5px; }

#giftCertificatesTable th
	{ font-size: 12px; vertical-align: top; }
#ordersTable th
	{ width: 90px; font-size: 11px; vertical-align: top; text-align: center; border-left: 1px dotted #DDD; }
#ordersTable td
	{ width: 90px; vertical-align: top; text-align: center; border-top: 1px dotted #DDD; border-left: 1px dotted #DDD; }

#booksOrderTable td	{	color: #666;	}
#booksOrderTable th	{	color: #666;	}

.themeFlyingDiv { position: absolute; width: 450px; border: 1px dotted #258; background: #FFF; left: 40px; top: 20px; padding: 5px; display: none; z-index: 10; }
.themeFlyingNo { position: absolute; width: 1px; border: none; background: none; left: 40px; top: 20px; padding: 0px; display: none; z-index: 10; }


/* ADMIN TEST BLOCK with paths, variables etc. */
#showTest { margin: 10px auto; padding: 10px; border: 1px solid #999; background: #EEF; }
#showTest h1 { padding: 0px; margin-bottom: 20px; }
#showTest div { padding: 3px 0px; border-bottom: 1px dotted #999; }
#showTest span { color: #00F; font-weight: bold; }