/* General */

body  {
	font-family: "Segoe UI", Verdana, Tahoma, Sans, Arial,Helvetica, sans-serif;
	font-size:80%;
	background:	#1c1c1c url(img/ody.png) top repeat-x;
	/*background: #E5E5E5;*/
	margin: 0px;
	padding: 0;
	color: #000000;
}

html {
	overflow-y:scroll;
}

img {
	vertical-align:middle;
	border:0;
}

a {
	text-decoration:none;
	color:#FFFFFF;
}
/*color for a was color:#2946AD; */
a:hover {
	text-decoration:none;
	color:#ffffff;
/* backup: 	color:#6B76B1; */
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
}

table {
	width:99%; /* wegen IE 6 */
	border-collapse:collapse;
	border:0;
	border-spacing:0;
	margin:5px 0;
}

thead {
	background-color:#eef3f7;
}
/*thead background-color was eef3f7 */
td {
	vertical-align:center;
}

form {
	padding:0;
	margin:0;
}

tr.header {
	/*background:#0d70b8;
	color:white;*/
}
tr.header a {
	/*color:white;*/
}
tr.row-1 {
	background:transparent;
}
tr.row-2 {
	background:#f5f5f5;
}
/*color for tr.row-2 was background:#f5f5f5 */
ol, ul {
	list-style-position:outside;
	margin:5px 0;
	padding-left:3em;
}

ul.easy {
	list-style-type:none;
	padding:0;
}

ul.log {
	list-style-type:none;
	padding:0;
	vertical-align:middle;
}

input.licensekeyid {
	background-image:url(/img/login_pw.gif);
	background-repeat:no-repeat;
	padding-left: 18px;
}

/* Frames */

#container {
	width:1000px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
    margin-top: 10px;
    margin-bottom: 10px;
	position:relative;
}

#inner-container {
	margin:0 0px;
	padding:0px;
	position:relative;
	background:url(img/interface/spacerffffff.png) repeat-y;
/*
inner-container has everything between navigation and Copyright Luxomania Ltd. So, the padding applies to this big area.
Very Important:      The margin would compress everything inside (left and right, for example) including the black border.
Very Important:     The padding would compress everything inside (left and right, for example) excluding the black border, that is only internally.
*/
}

/* Content */

#content {
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0px 0px 0px 0px;
	position:relative;
/*
content has everything between centralbar_one and end of sidebar-right
margin: 0px 0px 0px 185px;      Very Important. Here, the 185px refers to the main content position from left of the whole 870px layout.
Margin - Shorthand Property
The margin property can have from one to four values.

    * margin:25px 50px 75px 100px;
          o top margin is 25px
          o right margin is 50px
          o bottom margin is 75px
          o left margin is 100px

    * margin:25px 50px 75px;
          o top margin is 25px
          o right and left margins are 50px
          o bottom margin is 75px

    * margin:25px 50px;
          o top and bottom margins are 25px
          o right and left margins are 50px

    * margin:25px;
          o all four margins are 25px

*/
}

div#content {
	line-height:18px;
	position:relative;
}

#content h1 {
	font-size:140%;
	color:#00428f;
	padding:5px 0;
	margin:0;
}
/*content h1 color was color:#45548E; */

#content h2 {
	font-size:115%;
	color:#00428f;
	padding:5px 0;
	margin:0;
}
/*content h2 color was color:#8E4545; */
#content p {
	padding:5px 0;
	margin:0;
}

#content p.trademark {
	color:#aaaaaa;
	font-size:xx-small;
	margin-top:30px;
	vertical-align:bottom;
}
/* Lenks */

#lenks {
	font-size:85%;
	width:100%;
	height:65px;
	position:relative;
}

#lenks .spac {
	background:url(img/interface/grey_border.png) repeat-y;
	height:35px;
}
/* The picture in above link (grey_border.png) doesn't really refer to it,
even red_border would turn into the same grey_border */
#lenks .bod {
	position:absolute;
	top:6px;
	left:16px;
	z-index: 100;
}

/* Header */

#header {
	width:100%;
	height:auto;
	position:relative;
}

#header .top {
    font-family: Times New Roman;
	background:url(img/interface/header9999.png) no-repeat top;
	height:71px;
    font-weight: bold;
/*    font-style: italic; */
    color:#ffffff;
    text-align: center;
    vertical-align: middle;
    font-size: 3.3em;
    color: #d1d1d1;
}
#header .pad10 {
    padding-top: 10px;
}
#header .spacer_for_swf {
/*	background:url(img/interface/spacer_round_rectangle.png) no-repeat top; */
    background:url(img/interface/spacerffffff.png) repeat-y;
	height:200px;
/*    height:251px; */
/*
backup: 	background:url(img/interface/spacerffffff.png) repeat-y;
height:40px;        Since logo is 35px high, so spacer should be 35 px high, but because of firefox, we set 40.
*/
}
#header .logo_for_swf {
	position:absolute;
	top:71px;
/*    top: 60px; */
	left:0px;
	z-index:100;
}
#header .spacer {
	background:url(img/interface/gradient9999.png) repeat-y;
	height:40px;
/*
height:40px;        Since logo is 35px high, so spacer should be 35 px high, but because of firefox, we set 40.
*/
}

#header .spacer10y {
	background:url(img/interface/spacer000088.png) repeat-y;
	height:6px;
}

/*
<div class='spacer_for_menu'></div>
#header .spacer_for_menu {
	background:url(img/interface/spacer000088.png) repeat-y;
	height:100px;
}
*/

#header .mini_spacer {
	background:url(img/interface/spacer000088.png) repeat-y;
	height:1px;
}

#header .logo {
	position:absolute;
	top:52px;
	left:0px;
	z-index:100;
}

#header .logo_as_spacer {
	background:url(img/interface/logo_as_spacer.png) no-repeat top;
	height:200px;
}

#header .logo00 {
	position:absolute;
	top:0px;
	left:300px;
	z-index:100;
}
/* Original left in above is 635px; */
#copyright {
	color:#555555;
	font-size:small;
	line-height:35px;
	width:100%;
	height:51px;
	position:relative;
	background:url(img/interface/footer9999.png) no-repeat top;
}

#copyright .left {
	position:absolute;
	left:10px;
	top:5px;

}

#copyright .right {
	position:absolute;
	right:10px;
	top:5px;
}

#copyright .languages {
	text-align:center;
	top:5px;
	position:relative;
}

.sidebar-left {
	float: left;
	padding: 5px 0px 0px 130px;
	width: 180px;
    /* 130 = 260/2 = 1000 - 740 (width of table #contact_us_for_price_chart table */
}

.sidebar-right {
	float: right;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 160px;
/* For this purpose leaving space between the right-side black border and this sidebar-right, both padding-right, and margin-right works.
   Remember, both for margin and padding, this excludes the border, so 1px won't make it overlap and would be next to it as expected. */
}
.centralbar_two {
	float: left;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	width: 480px;
/*
float: left;    Very Important: If one don't use this property, then the previous class appears on top rather than in left-front of it horizentally.
                In this case, centralbar_two should appear in right-front of it's centralbar_one partner.
*/
}
.centralbar_three {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 639px;
/*
width: 639px;   The width here is determined from the sum of top two bars widths and space between them, that is 634 + 5 = 639.
*/
}

/* Boxes */

.box {
	margin:0;
	margin-bottom:10px;
	border:1px solid #0064B1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.centralbar_zero {
	float: left;
	padding: 0px 0px;
	width: 1000px;
/*
float: left;    Very Important: If one don't use this property, then the next division appears down rather than in front of it horizentally.
*/
}
.box_one_for_centralbar_zero {
	margin:0;
	margin-bottom:0px;
	border:1px solid #0064B1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.box_one_header_for_centralbar_zero {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_zero {
   	padding:0px 0px 0px 0px;
    color:#00428f;
/*    Since the width of centralbar_zero is 1000 px(I guess, width of box_one_for_centralbar_zero is same), and table width is
      750px, so 1000 - 750 = 250px is space we have available. To center the table, we would leave half this available space to left, and
      half to the right, that is 250 / 2 = 125px padding is needed from left.
This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox.
*/
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero {
    width: 750px;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero input.input_text_field {
    width:160px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero select.selectstate {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero input.p1 {
    width:27px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero input.p2 {
    width:27px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero input.p3 {
    width:34px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_zero table.table_one_for_box_one_content_for_centralbar_zero input.zip {
    width:41px;
    height:auto;
    font-size:small;
}
.box_one_footer_for_centralbar_zero {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
.centralbar_one {
	float: left;
	padding: 0px 0px;
	width: 500px;
/*
float: left;    Very Important: If one don't use this property, then the next division appears down rather than in front of it horizentally.
width: 495px;   This width comes from half of 990 width of central bar zero, which is 990/2=495
*/
}
.box_one_for_centralbar_one {
	margin:0;
	margin-bottom:0px;
	border:1px solid #0064B1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.box_one_header_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_one {
	padding:0px 0px 0px 0px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one {
    width: 280px;
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one input.input_text_field {
    width:160px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectyear {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectmake {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectmileage {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectcondition {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectcolor {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectbody {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one select.selectstyling {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_one table.table_one_for_box_one_content_for_centralbar_one td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
.minibox_zero_for_centralbar_one {
    width: 205px;
    float: right;
	margin-top:5px;
    margin-right:5px;
    margin-bottom:0px;
	border:0px solid #0064b1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.minibox_zero_header_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#minibox_zero_content_for_centralbar_one {
	padding:0px 0px 0px 0px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox. */
}
.minibox_zero_footer_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
.minibox_one_for_centralbar_one {
    width: 200px;
    float: right;
	margin-top:5px;
    margin-right:5px;
    margin-bottom:0px;
	border:1px solid #ff6666;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.minibox_one_header_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_header9998.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#minibox_one_content_for_centralbar_one {
	padding:3px 3px 3px 3px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox. */
}
.minibox_one_footer_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_footer9998.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one {
    width: 490px;
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one input.inputcheck {
    width:auto;
    height:auto;
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one td.tdchecktext {
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one td.inputradio {
    width:auto;
    height:auto;
    vertical-align:middle;
	border:0px solid #0064B1;
}
#box_one_content_for_centralbar_one table.table_two_for_box_one_content_for_centralbar_one td.tdradiotext {
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
}
/* Start of Table 3 */
#box_one_content_for_centralbar_one table.table_three_for_box_one_content_for_centralbar_one {
    width: 490px;
}
#box_one_content_for_centralbar_one table.table_three_for_box_one_content_for_centralbar_one td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_three_for_box_one_content_for_centralbar_one td.inputradio {
    width:auto;
    height:auto;
    vertical-align:middle;
	border:0px solid #0064B1;
}
#box_one_content_for_centralbar_one table.table_three_for_box_one_content_for_centralbar_one td.tdradiotext {
/*
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
*/
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_three_for_box_one_content_for_centralbar_one img {
/*
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
*/
    vertical-align:middle;
}
/* End of Table 3 */
/* Start of Table 4 */
#box_one_content_for_centralbar_one table.table_four_for_box_one_content_for_centralbar_one {
    width: 490px;
}
#box_one_content_for_centralbar_one table.table_four_for_box_one_content_for_centralbar_one td.txt_for_comment {
    font-size:8pt;
    text-align:left;
    color:#0064b1;
    font-weight: bold;
    padding-left: 5px;
    vertical-align:middle;
}
#box_one_content_for_centralbar_one table.table_four_for_box_one_content_for_centralbar_one td.area_for_comment {
    padding-left: 5px;
}
#box_one_content_for_centralbar_one table.table_four_for_box_one_content_for_centralbar_one td.count_for_comment_pad {
    padding-left: 5px;
}
#box_one_content_for_centralbar_one table.table_four_for_box_one_content_for_centralbar_one input.count_for_comment {
    width:27px;
    height:auto;
    font-size:small;
    font-weight: bold;
    color: #0064b1;
}
/* End of Table 4 */
.box_one_footer_for_centralbar_one {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
.centralbar_two {
	float: left;
	padding: 0px 0px;
	width: 500px;
/*
float: left;    Very Important: If one don't use this property, then the next division appears down rather than in front of it horizentally.
width: 495px;   This width comes from half of 990 width of central bar zero, which is 990/2=495
*/
}
.box_one_for_centralbar_two {
	margin:0;
	margin-bottom:0px;
	border:1px solid #0064B1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.box_one_header_for_centralbar_two {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_two {
	padding:0px 0px 0px 0px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox. */
}
.minibox_zero_for_centralbar_two {
    width: 205px;
    float: right;
	margin-top:5px;
    margin-right:5px;
    margin-bottom:0px;
	border:1px solid #0064b1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.minibox_zero_header_for_centralbar_two {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#minibox_zero_content_for_centralbar_two {
	padding:0px 0px 0px 0px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox. */
}
.minibox_zero_footer_for_centralbar_two {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two {
    width: 280px;
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two input.input_text_field {
    width:160px;
    height:auto;
    font-size:small;
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectyear {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectmake {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectmileage {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectcondition {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectcolor {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectbody {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two select.selectstyling {
    width:166px;
    height:auto;
    font-size:small;
/* We basically need width 160 px to match this drop-down menu with input text fields widths, but the 6px is probably taken by
   the arrow sign in drop-down menu appearance. */
}
#box_one_content_for_centralbar_two table.table_one_for_box_one_content_for_centralbar_two td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two {
    width: 490px;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two input.inputcheck {
    width:auto;
    height:auto;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two td.tdchecktext {
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two td.inputradio {
    width:auto;
    height:auto;
    vertical-align:middle;
	border:0px solid #0064B1;
}
#box_one_content_for_centralbar_two table.table_two_for_box_one_content_for_centralbar_two td.tdradiotext {
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
}
/* Start of Table 3 */
#box_one_content_for_centralbar_two table.table_three_for_box_one_content_for_centralbar_two {
    width: 490px;
}
#box_one_content_for_centralbar_two table.table_three_for_box_one_content_for_centralbar_two td.tdrightbold {
    font-size:8pt;
    text-align:right;
    color:#0064b1;
    font-weight: bold;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_three_for_box_one_content_for_centralbar_two td.inputradio {
    width:auto;
    height:auto;
    vertical-align:middle;
	border:0px solid #0064B1;
}
#box_one_content_for_centralbar_two table.table_three_for_box_one_content_for_centralbar_two td.tdradiotext {
    font-size:8pt;
    color:#0064b1;
    font-weight: normal;
    text-align:left;
    vertical-align:middle;
}
/* End of Table 3 */
/* Start of Table 4 */
#box_one_content_for_centralbar_two table.table_four_for_box_one_content_for_centralbar_two {
    width: 490px;
}
#box_one_content_for_centralbar_two table.table_four_for_box_one_content_for_centralbar_two td.txt_for_comment {
    font-size:8pt;
    text-align:left;
    color:#0064b1;
    font-weight: bold;
    padding-left: 5px;
    vertical-align:middle;
}
#box_one_content_for_centralbar_two table.table_four_for_box_one_content_for_centralbar_two td.area_for_comment {
    padding-left: 5px;
}
#box_one_content_for_centralbar_two table.table_four_for_box_one_content_for_centralbar_two td.count_for_comment_pad {
    padding-left: 5px;
}
#box_one_content_for_centralbar_two table.table_four_for_box_one_content_for_centralbar_two input.count_for_comment {
    width:27px;
    height:auto;
    font-size:small;
    font-weight: bold;
    color: #0064b1;
}
/* End of Table 4 */
.box_one_footer_for_centralbar_two {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
.centralbar_three {
	float: left;
	padding: 0px 0px;
	width: 1000px;
/*
float: left;    Very Important: If one don't use this property, then the next division appears down rather than in front of it horizentally.
*/
}
.box_one_for_centralbar_three {
	margin:0;
	margin-bottom:0px;
	border:1px solid #0064B1;
	border-top:none;
/*
margin-bottom:10px; Very Important: This would keep bottom-side distance between list of boxes in a bar (column).
                    Similarly, margin-right, keeps right-side distance between list of boxes in a bar (row).
                    One defines the width of these boxes in the bar definition.
*/
}
.box_one_header_for_centralbar_three {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 3px 0px 3px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            4px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
#box_one_content_for_centralbar_three {
   	padding:10px 10px 0px 10px;
    color:#00428f;
/*    Since the width of centralbar_three is 990 px(I guess, width of box_one_for_centralbar_three is same), and table width is
      750px, so 990 - 750 = 240px is space we have available. To center the table, we would leave half this available space to left, and
      half to the right, that is 240 / 2 = 120px padding is needed from left.
This padding applies like a square to internal content inside the box.
   Experimentally, it is tested that when the table is inserted in html, a 1px is also inserted before it,
   and also the table content goes out of it's width boundary, and the padding fails to control the contents,
   for example, 800px image would go outside table, so for that purpose, we would control the behaviour of table
   from css, and define everything for table here. But since that feature fails in IE, so we would use left-right 3px padding.
   In fact 3px 3px is very uniquely suitable for here, because, otherwise, the picture looks blurred in Firefox, and out of bound in IE.
   Very tricky thing though is that one can control the width of picture not in table property, but in img property for both IE and Firefox.
*/
}
#box_one_content_for_centralbar_three table.table_one_for_box_one_content_for_centralbar_three {
    width: 990px;
}
#box_one_content_for_centralbar_three table.table_one_for_box_one_content_for_centralbar_three input.input_button {
    width:auto;
    height:auto;
    padding-top: 6px;
    padding-bottom: 3px;
    background: url(img/interface/mini_header9999.png) top repeat-x;
    color:#ffffff;
    font-weight:bold;
    font-size:small;
    border:0px solid #0064B1;
    font-family: Arial;
}
#box_one_content_for_centralbar_three table.table_one_for_box_one_content_for_centralbar_three input.input_button:hover {
	background:#0064b1 url(img/interface/mini_header9998.png) top repeat-x;
}
#box_one_content_for_centralbar_three table.table_one_for_box_one_content_for_centralbar_three td.make_button_center {
    text-align:center;
}
.box_one_footer_for_centralbar_three {
	background:#0064b1 url(img/interface/mini_footer9999.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
    padding: 10px 0px 0px 0px;
/* The above padding bottom 3px is very useful in leaving some space between text like j and p and bottom border of this bg.
background:#0064B1 url(img/interface/header999.png) repeat-x;
                            Very Important. If you don't write anything in the header, then this background height would be only the padding
                            10px height. So, the height of this bg is dependent on text size and padding, and bg picture automatically increases
                            and decreases height.
*/
}
.cxmcenter {
	text-align: center;
}
.cxmright {
	text-align: right;
}
.cxmbold {
	font-weight: bold;
}
.cxmfloat_right {
	float: right;
}
.cxmfloat_left {
	float: left;
}
.cxm_color_speen
{
color: #ffffff;
}
}

.headlines_title
{
    text-align: center;
    font-weight: bold;
}
.healdines_content
{

}
.box-header {
	background:#0064B1 url(img/interface/menu-background-blue-normal.png) repeat-x;
	font-weight:bold;
	color:white;
	text-align:center;
	/*padding:1px;*/
}

.box-content {
	padding:6px;
    color:#00428f;
/* This padding applies like a square to internal content inside the box */
}

.box-content a {
    color:#00428f;
/*
CXM addition.
*/
}

.internal-text {
  color:#00428f;
/*
CXM addition.
*/
}

.internal-text a {
  color:#00428f;
/*
CXM addition.
*/
}

/* Localization Table */

#localizations {
	background-color:#bdbdbd;
	border:1px solid #00428f;
    width:auto;
/*
CXM addition.
    width:auto;     This is where one defines the exact width, either in pixels, or auto. With auto, set paddings of tds as given below.
                    The benefit of auto, is that this id localizations can be used for any such kind of table independent of width declaration.
*/
}
#localizations tbody td {
	padding:2px 7px;
/*
CXM: Where 2px refers to top and bottom, and 3px refers to left and right.
*/
}
#localizations thead {
    color:#ffffff;
	font-weight:bold;
	background:#0064B1 url(img/interface/mini_header9999.png) repeat-x;
/*	background-color:#9b9b9b; */
}
#localizations thead td {
	text-align:center;
/*
CXM addition.
*/
}
#localizations tfoot {
	font-weight:bold;
	background-color:#9b9b9b;
}
#localizations .first {
	width:20px;
}

#localizations .last {
	width:30px;
}

#localization .current {
	font-weight:bold;
}

/* Pricing Table */
table.pricing {

}

table.pricing thead tr {

}

/* Licence Renewal */

#license input#id {
	width:15em;
}

#license input#email {
	width:15em;
}

/* Menu Specific */

/* If you change menu li height, you also have to adjust padding and heights in */
/* li a, li span and img.icon and img.dropdown */

#menu {
	margin:0;
	padding:0 0px;
}
#menu li {
	list-style-type:none;
	border-bottom:1px dotted #6F788E;
	padding:0;
	height:20px;
	white-space:nowrap;
	overflow:hidden;
}

#menu li.selected {
	font-weight:normal;
	background:#0064B1;
}
#menu li.selected a {
    color:#ffffff
/*
CXM Addition.
*/
}
/*color for #menu li.selected was background:#EAEBF1; and 0064B1*/
#menu li.first {
	margin-top:0px !important;
}
#menu li.root {
	margin-top:12px;
	font-weight:bold;
}
#menu li:hover {
	background:#5da5e1;
}
#menu li:hover > a {
	color:white;
}
#menu li span,
#menu li a {
	margin:0;
	padding:0;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	vertical-align:middle;
	color:#00428f;
}

#menu img.icon {
	margin-bottom:2px;
	margin-top:1px;
	height:16px;
	margin-right:4px;
/* Distance between icon and text. */
}
#menu img.dropdown {
	vertical-align:middle;
	margin-right:4px;
/* Distance between arrow and icon. */
}

#menu li.disabled:hover {
	background:none;
}

/* Start of the code for the div layout defining drop-down menu for user. */

#layout {
	BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 2px solid; MARGIN: 0px auto; BORDER-LEFT: #ffffff 0px solid; WIDTH: 858px; HEIGHT: 28px;
BORDER-BOTTOM: #0064B1 0px solid; background-color: #ffffff; TEXT-ALIGN: left
/* MARGIN means pixels from top, that is, position of whole layout from top.
   WIDTH means width of whole layout. You can also specify HEIGHT: 600px; which would make the whole layout of this division that high.
   At this point, I don't know what TEXT-ALIGN: left does, because there is no text in this division. */
}

#nav {
	FONT: bold 13px "Arial"; TEXT-ALIGN: left
/*
   FONT: bold 12px "Trebuchet MS"; TEXT-ALIGN: left was original.
   Note that the FONT: bold 12px applies to both li and ul tags, that is both list and unordered list.
   What the TEXT-ALIGN: left does is that it puts the ul straight down under li, if you change to right, then it rather puts ul straight down but
   to the bottom-right corner of li, rather than bottom-left. Better to think of TEXT-ALIGN: as DROP-DOWN MENU-ALIGN:. Right should be used in case
   of triple menus. In this case, left is used for double menus.
*/
}
#nav {
	PADDING-RIGHT: 0px; BORDER-TOP: none; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
/* PADDING-RIGHT: 0px; This moves the whole nav (that is, all menus) from right side, if it is more than the whole width of layout - menus width, then
                       it would increase layout width and further increase the height by menus height.
   BORDER-TOP: #ff7000 1px solid; This would draw a line above this navigation part, that is, above all the layout.
   PADDING-LEFT: 5px;   This moves the whole nav (that is, all menus) from left of the start of layout, in this case, 5 px is optimal value.
   PADDING-BOTTOM: 0px; This should be 0px, however, if you change to 10, for example, this rather increases the height of layout, and menus still
                        remain at the same place.
   MARGIN: 0px;         Since it doesn't specify margin from top or bottom, if we change to 10px, e.g., then it adds 10 px to top and bottom.
   LINE-HEIGHT: 1;      Very important attribute. This only applies to li, not ul. Basically 1 means 100 percent height with respect to text size.
                        If we change to 2, then it means 200 percent height w.r.t. text size, and text would be automatically vertical-aligned center.
                        However, for very efficient results, we can also type LINE-HEIGHT: 10px; to specify our own height in pixels, but we must know
                        the font size before we do it.
   PADDING-TOP: 10px;   This basically adds 10px to the top of nav, that is all menus.
   LIST-STYLE-TYPE: none    This means circle, square, upper-roman, lower-alpha, etc, all possible numbering types for list. The circle, square, etc
                            are used with ul, and upper-roman, lower-alpha, etc., are used with ol. In this case, only none works, other fails.
*/
}
#nav UL {
	PADDING-RIGHT: 0px; BORDER-TOP: #777 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
/*
#nav UL     This applies to the direct UL tags under id named nav. In this case, there is none.
            All attributes doesn't make any change because there is no direct ul under id named nav.
*/
}
#nav A {
	DISPLAY: block
/*
DISPLAY: block      The element will generate a block box (a line break before and after the element)
DISPLAY: inline     The element will generate an inline box (no line break before or after the element). This is default.
                    If you change the above from block to inline, everything is totally changed, the second menus appear to the right rather than down,
                    of the first menu. A good idea to build a triple menu, and use inline for second menu to generate third menu.
*/
}
#nav A:hover {
	TEXT-DECORATION: none
/*
TEXT-DECORATION: none       Possible attributes are overline, underline, line-through, blink, etc.
*/
}
#nav LI {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 75px; PADDING-TOP: 0px
/*
PADDING-RIGHT: 0px;     This adds the width to the right of each li, for example, 10 would put some gap between li horizental list, however,
                        it also shortens the width of each list compare to the list under ul, so leave it zero, for now.
PADDING-LEFT: 10px;     Same as right, but this is not recommended, because, when you hover over the left blank 10 px, it already displays li under ul.
                        Well, right or left, both can be used, if we specify like 1 or 2 px gap.
FLOAT: left;            Well, right can be useful too, but change PADDING-RIGHT: 0px; to 5 px under #nav, to draw some gap between the very end
                        of layout.
PADDING-BOTTOM: 2px;    This is how you define the distance between the horizental list bottom border and the layout bottom border.
PADDING-TOP: 2px        This is how you define the distance between the hotizental list top border and the layout top border.
MARGIN: 0px;            This adds the margin, 10 px e.g., to the top and left only, of all the horizental lists. Can be used as good divider compared
                        to padding, because this doesn't shorten the width of each list.
WIDTH: 76px;            This actually defines the width of each list in a row, this must match or be closer to width defined for column lists.
*/
}
#nav LI A {
	BACKGROUND-COLOR: #0086d3; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; FONT: regular 13px "Trebuchet MS"; COLOR: #ffffff;
    PADDING-TOP: 6px; TEXT-ALIGN: center
/*
#nav LI A       This applies to a tag, under li tag under nav id, that is, for list in a row.
BACKGROUND-COLOR: #1c1c1c;      This applies to all li's containing a's, that is, both row and columns' lists.
PADDING-RIGHT: 0px;     Important attribute. This moves the text from the right side of the whole width of it's own li tab. For 0, it is centered,
                        for 10px, for example, text would look to the left.
PADDING-LEFT: 0px;      Vice versa of right.
PADDING-BOTTOM: 2px;    Text is 2px up from the bottom border of it's own li tab.
PADDING-TOP: 1px;       Text is 1px down from the top border of it's own li tab.
FONT: regular 13px "Trebuchet MS";  This doesn't change anything, in this case, as font is defined in nav id, that's why to define font here, for
                                    this only, it's better not to define in nav id.
COLOR: #ff7000;                     Specifies the color only for a tag under li tag under nav id, that is, for list in a row.
TEXT-ALIGN: center                  Text is centered for it's own li tab. Center is preferred for list in a row.
*/
}
#nav LI A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #00428f
/*
#nav LI A:hover             This applies to only a tags under li tags under nav id, that is, only lists in a row.
COLOR: #ff0000;             This is the color of the text when one hovers over the list, in this case, all lists.
BACKGROUND-COLOR: #66ff00   This is the bg-color of the text when one hovers over the list, in this case, all lists.
*/
}
#nav UL A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #00428f
/*
#nav LI A:hover             This applies to all a tags under nav id, because, a is 100 percent used under li.
COLOR: #ff0000;             This is the color of the text when one hovers over the list, in this case, all lists.
BACKGROUND-COLOR: #66ff00   This is the bg-color of the text when one hovers over the list, in this case, all lists.
*/
}
#nav LI UL {
	BORDER-RIGHT: #00428f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; BACKGROUND: #0064B1; LEFT: -999em;
PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #00428f 1px solid; WIDTH:116px; PADDING-TOP: 0px; BORDER-BOTTOM: #00428f 1px solid;
POSITION: absolute
/*
#nav LI UL                      This applies to ul tag under li tag under nav id, so basically, the drop-down menu.
BORDER-RIGHT: #aaa 1px solid;   The border color for the right side of the drop-down list tab.
BORDER-LEFT: #ddd 1px solid;    See right.
BORDER-TOP: medium none;        See right.
BORDER-BOTTOM: #aaa 1px solid;  See right.
PADDING-RIGHT: 0px;             10 px, e.g., is added to the right side of the drop-down menu tab, however, width still remains the same, and 10 px
                                is added after colored right border line. 0 is preferred.
PADDING-LEFT: 0px;              See right.
PADDING-TOP: 0px;               See right.
PADDING-BOTTOM: 0px;            See right.
BACKGROUND: #771100;            The background of the lists in columns, that is, ul containing li's, but this doesn't apply.
LEFT: -999em;                   At this point, I don't know what it does.
MARGIN: 0px;                    Very important. 10px, e.g., puts 10px to the top,right,bottom,left, of the drop-down list, keeping it far from it's li
                                in a row.
WIDTH: 76px;                    This specifies the width of drop-down tabs, it can be greater than width of row tabs, however, align text to left in
                                row tabs.
POSITION: absolute              Leave it absolute, relative would put some space at the bottom of nav id.
*/
}
#nav LI UL UL {
	BORDER-RIGHT: #00428f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; BACKGROUND: #0064B1; LEFT: -999em;
PADDING-BOTTOM: 0px; MARGIN: -21px 0px 0px 116px; BORDER-LEFT: #00428f 1px solid; WIDTH:116px; PADDING-TOP: 0px; BORDER-BOTTOM: #00428f 1px solid;
POSITION: absolute
/*
#nav LI UL                      This applies to ul tag under li tag under nav id, so basically, the drop-down menu.
BORDER-RIGHT: #aaa 1px solid;   The border color for the right side of the drop-down list tab.
BORDER-LEFT: #ddd 1px solid;    See right.
BORDER-TOP: medium none;        See right.
BORDER-BOTTOM: #aaa 1px solid;  See right.
PADDING-RIGHT: 0px;             10 px, e.g., is added to the right side of the drop-down menu tab, however, width still remains the same, and 10 px
                                is added after colored right border line. 0 is preferred.
PADDING-LEFT: 0px;              See right.
PADDING-TOP: 0px;               See right.
PADDING-BOTTOM: 0px;            See right.
BACKGROUND: #771100;            The background of the lists in columns, that is, ul containing li's, but this doesn't apply.
LEFT: -999em;                   At this point, I don't know what it does.
MARGIN: 0px;                    Very important. 10px, e.g., puts 10px to the top,right,bottom,left, of the drop-down list, keeping it far from it's li
                                in a row.
WIDTH: 76px;                    This specifies the width of drop-down tabs, it can be greater than width of row tabs, however, align text to left in
                                row tabs.
POSITION: absolute              Leave it absolute, relative would put some space at the bottom of nav id.
*/
}
#nav LI LI {
	PADDING-RIGHT: 0px; BORDER-TOP: #00428f 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%;
PADDING-TOP: 0px
/*
#nav LI UL and #nav LI LI       Typically both means drop-down tabs, in this case.
WIDTH: 100%;                    200% would double the size of drop-down tabs, however, not suggested, as borders stop at 70 px.
*/
}
#nav LI LI A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 13px "Arial"; COLOR: #ffffff; PADDING-TOP: 2px; TEXT-ALIGN: left
/*
#nav LI LI A                        Applies to the text in drop-down menus. That is ul > nav > li > ul > li(s) > a(s)
FONT: regular 13px "Trebuchet MS";  Just like in a row, in a column also, this dosn't apply, because it is specified in nav id. Don't specify in nav
                                    in order to make this work.
COLOR: #eeeeee;                     Text color for drop-down menus.
TEXT-ALIGN: left                    Align text for drop-down menus. Left is preferred, because, the size of all texts is not the same.
*/
}


#nav LI:hover UL {
position:absolute; LEFT: auto;
display:block;
/*
Without #nav LI:hover UL, the drop-down menu doesn't appear, so this works in menu.
Definition and Usage
display:block;  With block and inline, it works, but with none, drop-down menu doesn't appear.

For absolutely positioned elements, the left property sets the left edge of an element to a unit to the left/right
of the left edge of its containing element.

For relatively positioned elements, the left property sets the left edge of an element to a unit to the left/right
to its normal position.

Note: If "position:static", the left property has no effect.
*/
}
#nav LI:hover LI:hover UL {
position:absolute; LEFT: auto;
display:block;
}
#nav LI:hover UL UL {
position:absolute; LEFT: auto;
display:none;
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI:hover {
	BACKGROUND-COLOR: #0064B1
/*
For right now, this doesn't work.
*/
}
#nav LI LI.sfhover {
	BACKGROUND-COLOR: #0064B1
/* This one works probably because of .sfhover instead of :hover in others. However, this works only when mouse is over top border only probably
   because of #nav LI LI has BORDER-TOP: #ddd 1px solid; attribute only.
*/
}
#nav LI LI:hover A {
	COLOR:#ffffff
/*
This works, the drop-down menu text color when hovers.
*/
}
#nav LI LI.sfhover A {
	COLOR: #ffffff
/* This one works probably because of .sfhover instead of :hover in others. However, this works only when mouse is over top border only probably
   because of #nav LI LI has BORDER-TOP: #ddd 1px solid; attribute only.
*/
}

/* End of the code for the div layout defining drop-down menu for user. */

/* Start of the code for the div layout defining drop-down menu for company. */

#layout_co {
	BORDER-RIGHT: #3a3a3a 0px solid; BORDER-TOP: #00428f 0px solid; MARGIN: 0px auto; BORDER-LEFT: #ff0000 0px solid; WIDTH: 1000px; HEIGHT: 26px;
BORDER-BOTTOM: #00428f 0px solid; background-color: #0064b1; TEXT-ALIGN: left
/*
Keep in mind BORDER-RIGHT, e.g., goes in addition to the width specified, so if border is 10px, total width becomes 1010 px.
MARGIN means pixels from top, that is, position of whole layout from top.
   WIDTH means width of whole layout exlcuding borders. You can also specify HEIGHT: 600px; which would make the whole layout of this division
   that high.
   At this point, I don't know what TEXT-ALIGN: left does, because there is no text in this division.
background:url(img/interface/gradient9999.png) repeat-y;
background-color: #ffffff;
   */
}

#nav_co {
	FONT: regular 12px "Arial"; TEXT-ALIGN: left
/*
   FONT: bold 12px "Trebuchet MS"; TEXT-ALIGN: left was original.
   Note that the FONT: bold 12px applies to both li and ul tags, that is both list and unordered list.
   What the TEXT-ALIGN: left does is that it puts the ul straight down under li, if you change to right, then it rather puts ul straight down but
   to the bottom-right corner of li, rather than bottom-left. Better to think of TEXT-ALIGN: as DROP-DOWN MENU-ALIGN:. Right should be used in case
   of triple menus. In this case, left is used for double menus.
*/
}
#nav_co {
	PADDING-RIGHT: 0px; BORDER-TOP: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
/* PADDING-RIGHT: 0px; This moves the whole nav (that is, all menus) from right side, if it is more than the whole width of layout - menus width, then
                       it would increase layout width and further increase the height by menus height.
   BORDER-TOP: #ff7000 1px solid; This would draw a line above this navigation part, that is, above all the layout.
   PADDING-LEFT: 5px;   This moves the whole nav (that is, all menus) from left of the start of layout, in this case, 5 px is optimal value.
   PADDING-BOTTOM: 0px; This should be 0px, however, if you change to 10, for example, this rather increases the height of layout, and menus still
                        remain at the same place.
   MARGIN: 0px;         Since it doesn't specify margin from top or bottom, if we change to 10px, e.g., then it adds 10 px to top and bottom.
   LINE-HEIGHT: 1;      Very important attribute. This only applies to li, not ul. Basically 1 means 100 percent height with respect to text size.
                        If we change to 2, then it means 200 percent height w.r.t. text size, and text would be automatically vertical-aligned center.
                        However, for very efficient results, we can also type LINE-HEIGHT: 10px; to specify our own height in pixels, but we must know
                        the font size before we do it.
   PADDING-TOP: 10px;   This basically adds 10px to the top of nav, that is all menus.
   LIST-STYLE-TYPE: none    This means circle, square, upper-roman, lower-alpha, etc, all possible numbering types for list. The circle, square, etc
                            are used with ul, and upper-roman, lower-alpha, etc., are used with ol. In this case, only none works, other fails.
*/
}
#nav_co UL {
	PADDING-RIGHT: 0px; BORDER-TOP: #777 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
/*
#nav_co UL     This applies to the direct UL tags under id named nav. In this case, there is none.
            All attributes doesn't make any change because there is no direct ul under id named nav.
*/
}
#nav_co A {
	DISPLAY: block
/*
DISPLAY: block      The element will generate a block box (a line break before and after the element)
DISPLAY: inline     The element will generate an inline box (no line break before or after the element). This is default.
                    If you change the above from block to inline, everything is totally changed, the second menus appear to the right rather than down,
                    of the first menu. A good idea to build a triple menu, and use inline for second menu to generate third menu.
*/
}
#nav_co A:hover {
	TEXT-DECORATION: none
/*
TEXT-DECORATION: none       Possible attributes are overline, underline, line-through, blink, etc.
*/
}
#nav_co LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 75px; PADDING-TOP: 0px
/*
PADDING-RIGHT: 0px;     This adds the width to the right of each li, for example, 10 would put some gap between li horizental list, however,
                        it also shortens the width of each list compare to the list under ul, so leave it zero, for now.
PADDING-LEFT: 10px;     Same as right, but this is not recommended, because, when you hover over the left blank 10 px, it already displays li under ul.
                        Well, right or left, both can be used, if we specify like 1 or 2 px gap.
FLOAT: left;            Well, right can be useful too, but change PADDING-RIGHT: 0px; to 5 px under #nav_co, to draw some gap between the very end
                        of layout.
PADDING-BOTTOM: 2px;    This is how you define the distance between the horizental list bottom border and the layout bottom border.
PADDING-TOP: 2px        This is how you define the distance between the hotizental list top border and the layout top border.
MARGIN: 0px;            This adds the margin, 10 px e.g., to the top and left only, of all the horizental lists. Can be used as good divider compared
                        to padding, because this doesn't shorten the width of each list.
WIDTH: 76px;            This actually defines the width of each list in a row, this must match or be closer to width defined for column lists.
*/
}
#nav_co LI.adjwidth {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 88px; PADDING-TOP: 0px
}
#nav_co LI A {
	background:#0064b1 url(img/interface/mini_header9999.png) repeat-x;	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; FONT: regular 13px "Trebuchet MS"; COLOR: #ffffff;
    PADDING-TOP: 8px; TEXT-ALIGN: center
/*
#nav_co LI A       This applies to a tag, under li tag under nav id, that is, for list in a row.
BACKGROUND-COLOR: #1c1c1c;      This applies to all li's containing a's, that is, both row and columns' lists.
PADDING-RIGHT: 0px;     Important attribute. This moves the text from the right side of the whole width of it's own li tab. For 0, it is centered,
                        for 10px, for example, text would look to the left.
PADDING-LEFT: 0px;      Vice versa of right.
PADDING-BOTTOM: 2px;    Text is 2px up from the bottom border of it's own li tab.
PADDING-TOP: 1px;       Text is 1px down from the top border of it's own li tab.
FONT: regular 13px "Trebuchet MS";  This doesn't change anything, in this case, as font is defined in nav id, that's why to define font here, for
                                    this only, it's better not to define in nav id.
COLOR: #ff7000;                     Specifies the color only for a tag under li tag under nav id, that is, for list in a row.
TEXT-ALIGN: center     0086d3             Text is centered for it's own li tab. Center is preferred for list in a row.
BACKGROUND-COLOR: #2286d3; backup
*/
}
#nav_co LI.munthakheb A {
	background:#0064b1 url(img/interface/mini_header9998.png) repeat-x;	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; FONT: regular 13px "Trebuchet MS"; COLOR: #ffffff;
    PADDING-TOP: 8px; TEXT-ALIGN: center
}
#nav_co LI A:hover {
	COLOR: #ffffff; background:#0064b1 url(img/interface/mini_header9998.png) top repeat-x;
/*
#nav_co LI A:hover             This applies to only a tags under li tags under nav id, that is, only lists in a row.
COLOR: #ff0000;             This is the color of the text when one hovers over the list, in this case, all lists.
BACKGROUND-COLOR: #0064b1   This is the bg-color of the text when one hovers over the list, in this case, all lists.
backup:	COLOR: #ffffff; background:#0064b1 url(img/interface/mini_header_hover9999.png) top repeat-x;
*/
}
#nav_co UL A:hover {
	COLOR: #ffffff; background:#0064b1 ul(img/interface/mini_footer9999.png)
/* CXM: This Property doesn't work as it is overrided by LI A:hover above
#nav_co LI A:hover             This applies to all a tags under nav id, because, a is 100 percent used under li.
COLOR: #ff0000;             This is the color of the text when one hovers over the list, in this case, all lists.
BACKGROUND-COLOR: #00482f   This is the bg-color of the text when one hovers over the list, in this case, all lists.
*/
}
#nav_co LI UL {
	BORDER-RIGHT: #00428f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; BACKGROUND: #0064B1; LEFT: -999em;
PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: #00428f 1px solid; WIDTH:165px; PADDING-TOP: 0px; BORDER-BOTTOM: #00428f 1px solid;
POSITION: absolute
/*
#nav_co LI UL                      This applies to ul tag under li tag under nav id, so basically, the drop-down menu.
BORDER-RIGHT: #aaa 1px solid;   The border color for the right side of the drop-down list tab.
BORDER-LEFT: #ddd 1px solid;    See right.
BORDER-TOP: medium none;        See right.
BORDER-BOTTOM: #aaa 1px solid;  See right.
PADDING-RIGHT: 0px;             10 px, e.g., is added to the right side of the drop-down menu tab, however, width still remains the same, and 10 px
                                is added after colored right border line. 0 is preferred.
PADDING-LEFT: 0px;              See right.
PADDING-TOP: 0px;               See right.
PADDING-BOTTOM: 0px;            See right.
BACKGROUND: #771100;            The background of the lists in columns, that is, ul containing li's, but this doesn't apply.
LEFT: -999em;                   At this point, I don't know what it does.
MARGIN: 0px;                    Very important. 10px, e.g., puts 10px to the top,right,bottom,left, of the drop-down list, keeping it far from it's li
                                in a row.
WIDTH: 76px;                    This specifies the width of drop-down tabs, it can be greater than width of row tabs, however, align text to left in
                                row tabs.
POSITION: absolute              Leave it absolute, relative would put some space at the bottom of nav id.
*/
}
#nav_co LI UL UL {
	BORDER-RIGHT: #00428f 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; BACKGROUND: #0064B1; LEFT: -999em;
PADDING-BOTTOM: 0px; MARGIN: -30px 0px 0px 165px; BORDER-LEFT: #00428f 1px solid; WIDTH:116px; PADDING-TOP: 0px; BORDER-BOTTOM: #00428f 1px solid;
POSITION: absolute
/*
#nav_co LI UL                      This applies to ul tag under li tag under nav id, so basically, the drop-down menu.
BORDER-RIGHT: #aaa 1px solid;   The border color for the right side of the drop-down list tab.
BORDER-LEFT: #ddd 1px solid;    See right.
BORDER-TOP: medium none;        See right.
BORDER-BOTTOM: #aaa 1px solid;  See right.
PADDING-RIGHT: 0px;             10 px, e.g., is added to the right side of the drop-down menu tab, however, width still remains the same, and 10 px
                                is added after colored right border line. 0 is preferred.
PADDING-LEFT: 0px;              See right.
PADDING-TOP: 0px;               See right.
PADDING-BOTTOM: 0px;            See right.
BACKGROUND: #771100;            The background of the lists in columns, that is, ul containing li's, but this doesn't apply.
LEFT: -999em;                   At this point, I don't know what it does.
MARGIN: 0px;                    Very important. 10px, e.g., puts 10px to the top,right,bottom,left, of the drop-down list, keeping it far from it's li
                                in a row.
WIDTH: 76px;                    This specifies the width of drop-down tabs, it can be greater than width of row tabs, however, align text to left in
                                row tabs.
POSITION: absolute              Leave it absolute, relative would put some space at the bottom of nav id.
*/
}
#nav_co LI LI {
	PADDING-RIGHT: 0px; BORDER-TOP: #00428f 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%;
PADDING-TOP: 0px
/*
#nav_co LI UL and #nav_co LI LI       Typically both means drop-down tabs, in this case.
WIDTH: 100%;                    200% would double the size of drop-down tabs, however, not suggested, as borders stop at 70 px.
*/
}
#nav_co LI LI A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: bold 13px "Arial"; COLOR: #ffffff; PADDING-TOP: 8px; TEXT-ALIGN: left
/*
#nav_co LI LI A                        Applies to the text in drop-down menus. That is ul > nav > li > ul > li(s) > a(s)
FONT: regular 13px "Trebuchet MS";  Just like in a row, in a column also, this dosn't apply, because it is specified in nav id. Don't specify in nav
                                    in order to make this work.
COLOR: #eeeeee;                     Text color for drop-down menus.
TEXT-ALIGN: left                    Align text for drop-down menus. Left is preferred, because, the size of all texts is not the same.
*/
}


#nav_co LI:hover UL {
position:absolute; LEFT: auto;
display:block;
/*
Without #nav_co LI:hover UL, the drop-down menu doesn't appear, so this works in menu.
Definition and Usage
display:block;  With block and inline, it works, but with none, drop-down menu doesn't appear.

For absolutely positioned elements, the left property sets the left edge of an element to a unit to the left/right
of the left edge of its containing element.

For relatively positioned elements, the left property sets the left edge of an element to a unit to the left/right
to its normal position.

Note: If "position:static", the left property has no effect.
*/
}
#nav_co LI:hover LI:hover UL {
position:absolute; LEFT: auto;
display:block;
}
#nav_co LI:hover UL UL {
position:absolute; LEFT: auto;
display:none;
}
#nav_co LI.sfhover UL {
	LEFT: auto
}
#nav_co LI LI:hover {
	BACKGROUND-COLOR: #0064B1
/*
For right now, this doesn't work.
*/
}
#nav_co LI LI.sfhover {
	BACKGROUND-COLOR: #0064B1
/* This one works probably because of .sfhover instead of :hover in others. However, this works only when mouse is over top border only probably
   because of #nav_co LI LI has BORDER-TOP: #ddd 1px solid; attribute only.
*/
}
#nav_co LI LI:hover A {
	COLOR:#ffffff
/*
This works, the drop-down menu text color when hovers.
*/
}
#nav_co LI LI.sfhover A {
	COLOR: #ffffff
/* This one works probably because of .sfhover instead of :hover in others. However, this works only when mouse is over top border only probably
   because of #nav_co LI LI has BORDER-TOP: #ddd 1px solid; attribute only.
*/
}

/* End of the code for the div layout defining drop-down menu for company. */

/* Top Row Link Bar */

#navi {
	font-size:85%;
	padding-left:5px;
	background:url(img/interface/navigation-bg-tab.png) no-repeat;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	margin-top:0px;
}

/* index.html page */

#navi_index {
	font-size:85%;
	padding-right:435px;
	background:url(img/interface/navigation-bg.png) no-repeat;
	height:24px;
	line-height:24px;
	vertical-align:middle;
}

#navi a {
	color:#E6EEF7;
}

/* Navigation Bar [height:24px responds to height of navigation-bg picture] */

#navigation {
	font-size:85%;
	padding-left:15px;
	background:url(img/interface/navigation-bg-info.png) no-repeat;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}

#navigation a {
	color:#E6EEF7;    /* This color refers to Home in 'You are here : Home' */
}

#navigation .header {
	color:#D9EDF9;    /* This color refers to 'You are here' */
	font-weight:bold;
}

#navigation .ender {
	font-size:110%;
	color:#ffcc44;    /* This color refers to 'You are here' */
	font-weight:bold;
	padding-left: 10px;
}

#navigation a.rightalign {
   	margin-right:2px;
   	padding-left:540px;
}

/* This refers to Software in 'You are here : Home > Software' */
#navigation a.selected {
	font-weight:bold;
}

/* Sitemap */

.sitemap p {
	margin:0;
	padding:0;
}
.sitemap p.header {
	font-weight:bold;
	padding:4px;
}

/* General Classes */

.alct {
	text-align:center;
}

.block {
	padding:10px 0;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

span.new,
span.important {
	color:red !important;
}

span.current {
	font-weight:bold;
}
span.selected {
	font-weight:bold;
	color:#00428f;
}

.comment {
	font-size:x-small;
	color:#909A9E;
}
.error {
	color:#FD6565;
	font-weight:bold;
}

/*FIX FOR CSS FLOATS*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

a.buy-button {
	width:128px;
	height:24px;
	padding-left:25px;
	background-image:url(img/button-buy.jpg);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	color:white;
	line-height:24px;
	vertical-align:middle;
	text-align:center;
	margin:auto;
}
#contact_us_for_price_charta table.table_for_text {
    width: 470px;
}
#contact_us_for_price_charta table.table_for_check {
    width: 450px;
}
#contact_us_for_price_charta table.table_for_radio {
    width: 450px;
}
#contact_us_for_price_charta table.table_for_rate {
    width: 470px;
}
#contact_us_for_price_charta table td {
    color:#0064b1;
    font-size:small;
    font-weight:bold;
    vertical-align:center;
}
#contact_us_for_price_charta table td.msg {
    color:#0064b1;
    font-size:small;
    font-weight:bold;
    vertical-align:top;
}
#contact_us_for_price_charta table td.sur {
    color:#ff0000;
}
#contact_us_for_price_charta input.input_text_field {
    width:140px;
    height:auto;
    font-size:small;
}
#contact_us_for_price_charta input.input_button {
    width:auto;
    height:auto;
    background: url(img/interface/header9999.png) top repeat-x;
    color:#ffffff;
    font-weight:bold;
    font-size:small;
    border:1px solid #0064B1;
    font-family: Arial;
}
#contact_us_for_price_charta table {
    width: 470px;
}
#contact_us_for_price_charta table td {
    color:#0064b1;
    font-size:small;
    font-weight:bold;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_text td {
    color:#0064b1;
    font-size:8pt;
    font-weight:bold;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_radio td {
    color:#0064b1;
    font-size:8pt;
    font-weight:normal;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_check td {
    color:#0064b1;
    font-size:8pt;
    font-weight:normal;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_check td.cxmbold {
    font-weight:bold;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_rate td {
    color:#0064b1;
    font-size:8pt;
    font-weight:normal;
    vertical-align:center;
}
#contact_us_for_price_charta table.table_for_rate td.cxmbold {
    font-weight:bold;
    vertical-align:center;
}
#contact_us_for_price_charta table td.msg {
    color:#0064b1;
    font-size:small;
    font-weight:bold;
    vertical-align:top;
}
#contact_us_for_price_charta table td.sur {
    color:#ff0000;
}
#contact_us_for_price_charta input.input_text_field {
    width:140px;
    height:auto;
    font-size:small;
}
#contact_us_for_price_charta input.input_button {
    width:auto;
    height:auto;
    background: url(img/interface/header9999.png) top repeat-x;
    color:#ffffff;
    font-weight:bold;
    font-size:small;
    border:1px solid #0064B1;
    font-family: Arial;
}
.sidebar-left {
	float: left;
	padding: 5px 0px 0px 130px;
	width: 180px;
    /* 130 = 260/2 = 1000 - 740 (width of table #contact_us_for_price_chart table */
}
#contact_us_for_price_chart table.table_for_sidebar_left {
    width: 740px;
}
#contact_us_for_price_chart table.table_for_sidebar_left td {
    color:#0064b1;
    font-size:8pt;
    font-weight:normal;
    vertical-align:center;
}