/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PRIMARY LAYOUT STYLES 
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
  -x-system-font: none;
  background-color: #FFFFFF;
  border: 0 none;
  color: #393939;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 75%;
  font-variant: normal;
  font-weight: normal; /*line-height:120%;*/
  margin: 0;
  padding: 0 5px;
  text-align: left;
}

.page {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
}

.navigator {
  float: left;
}

.phones {
  float: right;
  margin: 1px 0 0 0;
}


.content_container {
  min-width: 912px;
  min-height: 1000px;
  clear: both;
  position: relative; /*margin: 0 0 10px 0; */
  padding: 10px 0;
}
/* for IE*/
* html .content_container {
  height: 750px;
}


.content_left {
  position: absolute;
  left: 0;
  top: 10px;
  width: 200px;
}

.content_main {
  margin: 0 155px 10px 205px;
  overflow: visible !important;
  padding: 0 0 0 10px;
}

.content_right {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 150px;
}


.bottom_container {
  background-color: #EEEDF7;
  border: 1px solid #C7C3E5;
  padding: 6px 20px 6px 120px;
  text-align: center;
}

.error_text {
  color: red;
  font-weight: bold;
}

.kaz_left {
  float: left;
  width: 48%;
}

.rus_right {
  float: right;
  width: 48%;
}

.hidden {
  display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Menu left 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menu_left {
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
}

.menu_left a {
  color: #005EA8;
  text-decoration: none;
}

.menu_left a:link {
  text-decoration: none;
}

.dotted {
  border-bottom: 1px dotted #d5d5d5;
  margin-top: 6px;
  margin-bottom: 6px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Menu vertical 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menu_vertical_item {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Menu horizontal 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menu_horizontal {
  margin: 10px 0 10px 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Column right 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.advImage {
  margin: 0 0 10px 0;
  float: right;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Header containers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.top_image_container {
  margin: 10px 0 0 0;
}

.header_container {
  margin: 10px 0 5px 0;
  padding-left: 10px;
  background: #104A91;
}

.header_left_container {
  margin-right: 150px;
}

.shopping_cart_container {
  float: right;
  width: 130px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  border-left: dotted;
  margin: 5px 0 0 0;
  padding: 0 0 0 5px;
}

.shopping_cart_container p {
  margin: 0;
}

.shopping_cart_container a {
  text-decoration: none;
  color: #FFFFFF;
}

#title {
  margin-top: 5px;
  color: #FFFFFF;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 36px /*!important*/;
}

#logindisplay {
  color: #FFFFFF;
  font-size: 1.1em;
  display: block;
  text-align: right; /*margin: 10px;*/
}

#logindisplay a:link {
  color: #FFFFFF;
  text-decoration: underline;
}

#logindisplay a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}

#logindisplay a:hover {
  text-decoration: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Headings and text  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p {
  margin: 5px 0 5px 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px 0;
  line-height: 120%;
}
h4, h5, h6 {
  margin: 10px 0 10px 0;
}

/*  
h3, h4, h5, h6 {
  color: #4E458E;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0;
}
*/

ul {
  margin-top: 0px;
}
li {
  margin-left: -8px;
}

pre {
  margin-top: -4px;
}

.small_text {
  font: normal normal 10px Tahoma, Arial, sans-serif;
}

.number_readonly {
  width: 60px;
  text-align: right;
  color: black;
  background-color: #DFDFDF;
}

.nobr	{
  white-space: nowrap;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
  /*border: solid 2px #e8eef4; #C3D1DF*/
  border: solid 2px #AFAFAF;
  border-collapse: collapse;
}

table caption {
  font-size: 150%;
  border: solid 2px #7F7F7F;
  padding: 5px;
}

table th {
  padding: 6px 5px;
  text-align: center;
  background-color: #e8eef4;
  border: solid 1px #7F7F7F;
}

table td {
  padding: 5px;
  border: solid 1px #7F7F7F;
}


.table_sharp {
  border-collapse: collapse;
  border: solid 2px #777;
}
.table_sharp caption {
  font-size: 150%;
  padding: 5px;
  border: solid 2px #777;
}
.table_sharp th {
  padding: 6px 5px;
  text-align: center;
  background-color: #e8eef4;
  border: solid 1px #777;
}
.table_sharp td {
  padding: 5px;
  border: solid 1px #555;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchCriteria {
  background-color: #F9F9FB;
  border: 1px solid #C7C3E5;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 0;
  position: relative;
  /*text-align: justify;*/
  width: auto !important;
}

.searchCriteria * {
  margin: 4px 6px 8px;
}

.searchCriteria * * {
  margin: 0;
}

.searchCriteria h3 {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #C7C3E5 none repeat scroll 0 0;
  border-width: 0;
  color: #4E458E;
  margin: 0 0 10px;
  background-color: #C7C3E5;
  border: 0 none;
  clear: right;
  color: #4E458E;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 130%;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: normal;
  padding: 2px 3px 2px 5px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ProductPictureAndDescription 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.product_picture {
  /*float: leftж   width: 40%;   border-style: solid; */
  margin: 10px 0 20px 0;
}

.product_description {
  /*float: right;   width: 55%;   border-style: solid; */
}

.product_description_table {
  border-style: solid;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 NewProduct
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newProduct {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 MassMedia
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.massMedia_info {
  text-align: right;
  font: bold italic 11px Verdana, Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0;
}
.massMedia_link {
  text-align: justify;
  margin: 0 0 30px 0;
}
.massMedia_link a {
  color: #00A;
  text-decoration: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 ProductsInStore 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.available {
}

.unitPrice {
}

.buttonUpdate {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Order details 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.order_details {
  /*width: 100%;*/
  background-color: #F9FAFB;
  border-collapse: collapse;
  font-size: 11px;
}

table.order_details th {
  background-color: #ededed;
  color: #000;
  border: 1px solid #e0e1e3;
  padding: 3px 5px;
  vertical-align: top;
}

table.order_details td {
  border: 1px solid #e0e1e3;
  background-color: #fbfbfb;
  padding: 3px 5px;
  vertical-align: top;
}

table.order_details a {
  /*color: #333333;   text-decoration: none;*/
}

table.order_details a:hover {
  text-decoration: underline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Store
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.store_figure {
  float: left;
  margin: 0 0 10px 0;
  width: 415px;
 }
.store_figure h3{
  margin-top: 5px;
  text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Others and to check 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

.clear {
  clear: both;
}



/*fonts */
.starrequired {
  color: red;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}

fieldset p {
  margin: 2px 12px 10px 10px;
}

fieldset label {
  display: block;
}

fieldset label.inline {
  display: inline;
}

legend {
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}
/*
input[type="text"] {
  width: 200px;
  border: 1px solid #CCC;
}
*/
input[type="password"] {
  width: 200px;
  border: 1px solid #CCC;
}


/* MISC  
----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

.display-label, .editor-label {
  font-weight: bold;
}

.display-label, .editor-label, .display-field, .editor-field {
  margin: 0.5em 0;
}

.text-box {
  width: 30em;
}

.text-box.multi-line {
  height: 6.5em;
}

.tri-state {
  width: 6em;
}