html {
font-size: 16px; }

body {
padding: 0px;
margin: 0px;
background-color: #0C2A4C;
font-family: Arial, Helvetica, Geneva, sans-serif, "MS Sans Serif";
text-align: center;
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 {
color: #2C5066;
text-decoration: underline;
outline-width: 0px; }

a:hover {
color: #2A6340;
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: justify;
font-size: 100%;
line-height: 140%; }

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 30px;
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: #F60;
line-height: 120%;
margin: 0px 0px 0px 18px;
padding: 0px 0px 0px 0px; }

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

h1 a:hover {
color: #F60;
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: #2A79C8;
line-height: 130%;
margin: 0px;
padding: 0px;
padding-bottom: 10px; }

h2 a {
color: #2A79C8;
text-decoration: none;
border: none; }

h2 a:hover {
color: #2A79C8;
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: #0C2A4C;
line-height: 130%;
margin: 0px;
padding: 0px;
margin-bottom: 10px; }

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

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

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

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

h4 a:hover {
color: #0C2A4C;
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; }

.DeepGray {
color: #333; }

.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 BACKGROUND  ************************************/
/******************************************************************************************/
#allBackground
	/*{ position: absolute; width: 1200px; top: 0px; left: 50%; margin-left: -600px; padding: 0px; background: url('../img/argo-pronajem-bg.jpg'); background-repeat: repeat-y; background-position: 0px -2px; text-align: center; z-index: 1; }*/
	{ position: relative; width: 1200px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: url('../img/argo-pronajem-bg.jpg'); background-repeat: repeat-y; background-position: 0px -2px; text-align: center; z-index: 1; }
#allBackgroundTop
	{ position: absolute; width: 1200px; height: 366px; top: 0px; left: 0px; padding: 0px; background: url('../img/argo-pronajem-top.jpg'); background-repeat: no-repeat; }
#allBackgroundBottom
	{ position: absolute; width: 1200px; height: 86px; bottom: 0px; left: 0px; padding: 0px; font-size: 9px; color: #FFF; background: url('../img/argo-pronajem-bottom.jpg'); background-repeat: no-repeat; background-position: center top; z-index: 1; }

/******************************************************************************************/
/************************************ ALL CONTENT ************************************/
/******************************************************************************************/
#allContent
	/* { position: absolute; width: 1200px; top: 0px; left: 50%; margin-left: -600px; padding: 0px; background: url('../img/argo-pronajem-bg.jpg'); background-repeat: repeat-y; background-position: 0px -2px; text-align: center; z-index: 1; } */
	{ position: relative; width: 1200px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: url('../img/argo-pronajem-bg.jpg'); background-repeat: repeat-y; background-position: 0px -2px; text-align: center; z-index: 1; }
#allContentTop
	{ position: absolute; width: 1200px; height: 366px; top: 0px; left: 0px; padding: 0px; background: url('../img/argo-pronajem-top.jpg'); background-repeat: no-repeat; }
#allContentTitle
	{ position: absolute; width: 100%; height: 20px; top: 17px; left: 120px; padding: 0px; color: #FFF; font-size: 80%; font-family: Verdana, tahoma; }

/******************************************************************************************/
/************************************ LANGUAGES ************************************/
/******************************************************************************************/
#languages
	{ position: absolute; top: 15px; right: 111px; width: 200px; 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 7px 0px 7px; }
#languages a:hover
	{ color: #258; text-decoration: none; }
/* rest of FLAGS is direct in document */

/******************************************************************************************/
/**********************************  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: 1000px; margin: 35px auto 0px auto; padding: 0px 0px 30px 0px; text-align: left; overflow: hidden; z-index: 2; } /* border: 1px solid red;   */


/******************************************************************************************/
/************************************ MIDDLE CONTENT ************************************/
/******************************************************************************************/
#middleContent
	{ float: left; width: 755px; margin: 0px 0px 0px 0px; padding: 0px; line-height: 120%; } /*  border: 1px solid red; */
	
#mainPictureRotator
	{ width: 720px; height: 290px; margin: 20px 18px 17px 18px; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
#mainPictureRotator img
	{ display: block; width: 716px; height: 286px; margin: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/******************************************************************************************/
/************************************ INFO LINE TOP ************************************/
/******************************************************************************************/
#navigInfoLine
	{ position: relative; width: 100%; height: 34px; margin: 0px; padding: 0px; }



/******************************************************************************************/
/************************************ LEFT NAVIGATION ************************************/
/******************************************************************************************/
/*
IMAGES
#leftNavigation
	{ float: left; width: 160px; margin: 0px 0px 0px 0px; padding: 0px; font-family: Verdana,Tahoma,arial; }
#leftNavigation a
	{ font-size: 110%; line-height: 160%; color: #FFF; text-decoration: none; margin: 0px; padding: 0px; }
#leftNavigation a:hover
	{ text-decoration: none; }
*/

#leftNavigation
	{ float: left; width: 243px; margin: 0px 0px 0px 0px; padding: 0px; font-family: 'Trebuchet MS', Arial; font-size: 105%; font-weight: bold; } /*  border: 1px solid red;  */
#leftNavigation a
	{ display: block; width: 180px; height: 36px; line-height: 130%; color: #0C2A4C; text-decoration: none; margin: 0px auto 1px auto; padding: 0px 0px 0px 0px; }
#leftNavigation a:hover
	{ text-decoration: none; background-image: url('../img/argo-left-over.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#leftNavigation a span
	{ display: block; padding: 9px 15px 0px 15px; }
#leftNavigation .leftNavigFirstLevel
	{ color: #FFF; font-size: 107%; margin: 13px 5px 0px 10px; }
#leftNavigation .leftNavigActive
	{ color: #F60; background-image: url('../img/argo-left-active.gif'); background-repeat: no-repeat; background-position: 0px 0px; }

#leftNavigation .leftNavigFirstLevelSeparator {
	background-image: url('../img/navig_left_first.gif'); background-repeat: no-repeat; background-position: 0px 0px; 
	height: 1px; font-size: 1px; margin-left: 10px;
}

.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; }

/*
#leftNavigation .leftImg1
	{ float: left; width: 16px; margin: 0px; margin: 10px 0px 3px 0px; padding: 0px; }
#leftNavigation .leftImg1 img
	{ margin: 0px; }
#leftNavigation .leftAhref1
	{ float: left; width: 130px; margin: 10px 0px 3px 0px; padding: 1px 0px 2px 0px; background-image: url('../img/resec_navig_line.jpg'); background-repeat: no-repeat; background-position: 3px bottom; }
#leftNavigation .leftAhref1 a
	{ font-weight: bolder; color: #FFF; }
#leftNavigation .leftAhref1 a:hover
	{ color: #FFF; }

#leftNavigation .leftImg2
	{ float: left; width: 16px; margin: 0px; padding: 0px; }
#leftNavigation .leftImg2 img
	{ margin: 0px; }
#leftNavigation .leftAhref2
	{ float: left; width: 130px; margin: 0px; padding: 1px 0px 2px 0px; }
#leftNavigation .leftAhref2 a
	{ font-weight: bold; font-size: 100%; color: #D7FBDF; font-family:Arial; }
#leftNavigation .leftAhref2 a:hover
	{ color: #D7FBDF; }

#leftNavigation .leftImg3
	{ float: left; width: 16px; margin: 0px; padding: 0px; }
#leftNavigation .leftImg3 img
	{ margin: 0px; }
#leftNavigation .leftAhref3
	{ float: left; width: 130px; margin: 0px; padding: 1px 0px 2px 0px; }
#leftNavigation .leftAhref3 a
	{ font-weight: bold; font-size: 100%; color: #D7FBDF; font-family:Arial; }
#leftNavigation .leftAhref3 a:hover
	{ color: #D7FBDF; }
*/

.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: 15px 17px 0px 17px; 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: 100%; height: 86px; margin: 0px; padding: 0px; font-size: 9px; color: #FFF; background: url('../img/argo-pronajem-bottom.jpg'); background-repeat: no-repeat; background-position: center top; }
#foot div
	{  }
#foot a
	{ text-decoration: none; }
#foot a:hover
	{ text-decoration: none; }

#designBy
	{ position: absolute; left: 147px; bottom: 20px; width: 140px; color: #0C2A4C; line-height: 140%; font-size: 100%; }
#designBy div
	{ text-align: left; }
#designBy a
	{ text-decoration: none; color: #DEF; border-bottom: 1px dotted #DEF; }
#designBy a:hover
	{ text-decoration: none; color: #FFF; border-bottom: 1px dotted #FFF; }



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