html
body{
font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent;
text-align: top;
p-align: center;


}

a:link    { text-decoration: none;color: 000000 }  /* unvisited links */
a:visited { text-decoration: none;color: 000000 }  /* visited links   */
a:hover   { text-decoration: none;color: 000000 }  /* user hovers     */
a:active  { text-decoration: none;color: 000000 }  /* active links    */


a:link {
    color: black;
}
a:visited {
    color: black;
}
a:hover {
    color: blue;
}
a:active {
    color: blue;
}

.indexx {
    background-color: white;
	width: 100%;
    max-width: 640px;
     margin-top: -15px;
}


.index-menu1
{
   width: 40px;
   height: 34px;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}

.index-logo 
{
   width: 100%;
    p-align: center;
    text-align: center;
   align: center;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}


#index {
    background-color: white;
	height: 100%;
	text-align: center; 
   text-align: top;
   p-align: center;
}

   #left { text-align: left; }
   #right { text-align: right; }
   #center { text-align: center; }

.index-table 
{
   text-align: top;
   text-align: center;
   p-align: center;
   width: 100%;
   height: 100%;
   background-color: #e6eefa;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}



.index-table a {
    text-decoration: none;
    margin: 0 auto;
    font-family: Cursive, ZapfChancery, Geneva, sans-serif;
    font-style: normal;
    p-align: top;
    text-align: top;
    color: green;
}
.index-table a:hover {
    color: #00FF00;

}

.index-img 
{
   width: 100%;
   max-width: 210px;
   max-height: 200px;
   p-align: top;
   background-color: #e6eefa;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}

h1.indextext {
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  font-size: large;
  font-family: 'times new roman', times;
}
h1.textcat {
  text-decoration: none;
  font-size: 11px;
  font-size: small;
  font-family: 'comic sans ms', sans-serif;
  font-weight: normal;
  display: inline;
}
h2.textcat {
  text-decoration: none;
  font-size: 11px;
  font-size: small;
  font-family: 'comic sans ms', sans-serif;
  font-weight: normal;
  display: inline;
}
h3.textcat {
  text-decoration: none;
  font-size: 11px;
  font-size: small;
  font-family: 'comic sans ms', sans-serif;
  font-weight: normal;
  display: inline;
}

h2.textregion {
  text-decoration: none;
  font-size: 11px;
  font-family: 'times new roman', times;
  font-size: small;
  font-weight: normal;
  
}




.product-table 
{
   background-color: #F8F8FF;
   cellpadding: 0;
   cellspacing: 0;
   text-align: top;
   width: 100%;
   max-width: 640px;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}

.product-table2 
{
   border-style: double;
   border-color: #00868B;
   background-color: white;
   cellpadding: 0;
   cellspacing: 0;
   text-align: top;
   width: 100%;
   max-width: 640px;

   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}


.list 
{
   text-align: center;
   p-align: center;
}
.buy-img
{
   max-width: 132px;
   border-radius: 15px 15px 15px 15px;
   -moz-border-radius: 15px 15px 15px 15px;
   -webkit-border-radius: 15px 15px 15px 15px;
   -khtml-border-radius: 15px 15px 15px 15px;
}

table.list
{
width: 100%; 
border: 0; 
cellspacing: 0;
cellpadding: 0;
}


td.list2
{
colspan: 2;
valign: top;
width: 100%;
text-align: center; 
align: center;
}

table.infopro
{

width: 100%; 
max-width: 640px;
border: 0; 
cellspacing: 0;
cellpadding: 0;
}


h1.name {
  color: #3f507d;
  text-decoration: none;
  font-size: 18px;
  align: left;
}

h1.contentBoxHeading {
  color: #3f507d;
  text-decoration: none;
  font-size: 18px;
}

.tovar-id 
{
   font-size: 13px;
   line-height: 22px;
   padding: 5px 8px 5px;
   width: 175px;
   background-color: #e6eefa;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px
}



.product-img
{
   align: center;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}
.product-img2
{
width: 70px;
   align: center;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}

table.tovar-img
{
   max-width: 640px;
   text-align: center; 
   border-style: double;
   border-color: #00868B;
   background-color: white;
   align: center;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}


.info-price
{

   margin-top: 0px;
   width: 100%;
   max-width: 640px;
   text-align: center; 
   border-style: double;
   border-color: #00868B;
   background-color: #F5F5DC;
   align: center;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}

.xarakter 
{
   padding: 5px 8px 5px;
   margin-top: 10px;
   width: 100%;
   max-width: 640px;
   background-color: #F8F8FF;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px
}
.dostavka 
{
   font-size: 13px;
   line-height: 22px;
   padding: 5px 8px 5px;
   margin-top: 10px;
   width: 200px;
   background-color: #e6eefa;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}


.dostavka2
{
   font-size: 13px;
   padding: 5px 8px 5px;
   margin-top: 5px;
   width: 100%;
   max-width: 640px;
   border-style: double;
   border-color: #00868B;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}
.products_reviews
{
   padding: 5px 5px 5px;
   margin-top: 10px;
   width: 100%;
   max-width: 640px;
   background-color: #C6E2FF;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px
}



 table.goodtorg-cart 
{
   border-style: double;
   border-color: #00868B;
   background-color: white;
   cellpadding: 0;
   cellspacing: 0;
   text-align: top;
   	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
   width: 100%;
max-width: 640px;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}

td.goodtorg-cart3
{
   width: 100%;
}

td.goodtorg-cart31
{
   text-align: center;
   max-width: 384px;
   background-color: #e6eefa;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}
td.goodtorg-cart32
{
  text-align: left;
}

td.goodtorg-cart21
{
   text-align: left;
   max-width: 384px;
   width: 60%;
}
td.goodtorg-cart22
{
   text-align: center;
   width: 10%;
}
td.goodtorg-cart23
{
   text-align: center;
   width: 10%;
}
td.goodtorg-cart24
{
   text-align: center;
   width: 10%;
}
td.goodtorg-cart25
{
   text-align: center;
   width: 10%;
}
td.goodtorg-cart41
{
   text-align: center;
   max-width: 128px;
   width: 20%;
}

 table.goodtorg-cart4 
{
   border-style: double;
   border-color: #00868B;
   background-color: white;
   margin:10px auto 0px auto;
   cellpadding: 0;
   cellspacing: 0;
   text-align: top;
    font-family: Cursive, ZapfChancery, Geneva, sans-serif;
    font-style: normal;
    text-align: left;
    font-size: 25px;
   width: 100%;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}

table.goodtorg-cart5 
{
   border-style: double;
   border-color: red;
   background-color: white;
   margin:10px auto 0px auto;
   cellpadding: 0;
   cellspacing: 0;
   text-align: top;
    font-family: Cursive, ZapfChancery, Geneva, sans-serif;
    font-style: normal;
    text-align: left;
    font-size: 15px;
   width: 100%;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;

}


.table
{
   width: 100%;
   max-width: 640px;
   border-style: double;
   border-color: #00868B;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}
.box-login
{
   background: #E6E6E6;
   height: 90%;
   max-width: 576px;
   border-style: double;
   border-color: #00868B;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}

.loginn
{
   padding: 5px 5px 5px 5px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#E6E6E6));
   border-style: double;
   border-color: #b8b8b8;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -khtml-border-radius: 10px 10px 10px 10px;
}

.banner
{

     margin-top: 48px;
}



#user {
	list-style:none;
	margin:0px auto 0px auto;
	height:40px;


	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ACD32), to(#228B22));
	
	/* Borders */
	
	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}


#user li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	margin-right:10px;
	margin-top:2px;
	border:none;
}

#user li:hover {


	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3CB371), to(#006400));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
#user li a {
	border: 1px solid #006400;
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
}



#user .user_left {
	float:left;
	margin-left:-25px;
	margin-right:10px;
}


#user .user_right {
	float:right;
	margin-right:10px;
}

img.addreviews {
height: 30px;
}
img.imgreviews {
height: 100px;
}

.arrowlistmenu{
width: 100%;
max-width: 640px;
margin-top: -20px;  /*bawliq1*/
margin-bottom: 20px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 18px Arial;
color: black;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cfcfcf), to(#E6E6E6));
margin-bottom: -17px; /*strok arasi mesafe*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: white;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c80b1), to(#1b5c9a));

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 1;
padding: 0;
margin-bottom: -18px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3c80b1;
background: #E6E6E6;
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:visited{
color: #3c80b1;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}