@charset "utf-8";
/* CSS Document */

body{ font-family: Raleway;  margin:0 0 0 0 ;}
#container{width:100%; height:100%; text-align: center; }
#main{width:96%; margin:auto; border:0px solid #ccc;  text-align:center; overflow:auto; }
#slider{ width:100%;  border:0px solid #ccc; display:none;}
table{ font-size:0.9em; border-top:2px solid #554ef7; }
td{ border-bottom: 1px solid #ccc; }


#myBtn_set{ position:fixed; bottom:10px; right:10px; width:200px; height:40px; } 
#tp_sec{ clear:both; float:left; width:100%; height: 80px; border-bottom:1px solid #ccc;}
#price_list{ display:none; }
#myorder, #pendorder,#blog_ad,#all_img, #myprice{ border:1px solid #ccc;  text-align:center; height: 35px;  }
#shop_order, #pend_order{ display:none; width:95%; height: auto; border-top:1px solid #ccc; margin:5px; clear:both; float:left;   }

#order_show{  

width:96%; border:1px solid #ccc; height:120px; margin:5px;  font-size:0.8em;

border-radius: 10px 10px 10px 10px;  
  -moz-border-radius: 10px 10px 10px 10px;   
  -webkit-border-radius: 10px 10px 10px 10px; 
  
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;


}
.blog_sec{
width:48%; border:1px solid #ccc; min-height:250px; overflow:auto; margin:5px; float:left;  
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc; display:none;

}
#update_blog_sec{clear:both; float:left; width:100%; margin:3px;}

.item_pic_desc2{ 
	float:left; width:60%;
	border:0px solid #ccc; min-height:250px; margin:5px;  


}
#advert_sec{width:99%; clear:both; float:left;}
.item_pic{  
width:150px; border:1px solid #ccc; height:150px; margin:5px;  font-size:0.8em; overflow:hidden;
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;
	float:left;

}
.item_pic2{  
width:80px; border:1px solid #ccc; height:80px; margin:5px;  font-size:0.8em; overflow:hidden;
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;
	float:left;
}
.close_it{ float:right; margin:5px; width:30px;  height:30px; border:0px solid #ccc;  font-size:0.9em; cursor:pointer;}

#update_sec2{  
display:none;
width:96%; border:1px solid #ccc; height:auto; max-height:300px; margin:auto;  font-size:0.8em;

border-radius: 10px 10px 10px 10px;  
  -moz-border-radius: 10px 10px 10px 10px;   
  -webkit-border-radius: 10px 10px 10px 10px; 
  
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;
	
	position:fixed; bottom:40px; z-index:999999; background-color:#ffffff;

opacity:0.9; filter:alpha(opacity=90);}
}
.order_sec1{ clear:both; float: left; width: 30%; height: 120px; border-right:1px solid #ccc; overflow:auto;}
.order_sec2{ float: left; width: 32%; height: 120px; border-right:1px solid #ccc; text-align:left; padding:3px; overflow:auto;}
.order_sec3{ float: left; width: 32%; height: 120px; border:0px solid #ccc; text-align:center; padding:3px; overflow:auto;}

.btcaller{
width:90px; height:30px; border:0px solid #ccc; margin:auto; text-align:center; 
border-radius: 15px 15px 15px 15px;  
  -moz-border-radius: 15px 15px 15px 15px;   
  -webkit-border-radius: 15px 15px 15px 15px;
  
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;
    margin-top:10px; font-size:0.8em; 
  background-color: #0357c9;
color: #ffffff;
  }
.plain_input{ border:1px solid #ccc;  width:90px; height:35px; margin:2px; text-align:center; border:1px solid #ccc; }


.text0{  width:80%; border:0px solid #ccc; height:40px;  margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; text-align:center; color:#FF3300; }
.text1{  width:80%; border:1px solid #ccc; height:40px;  margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;  text-align:center; 
box-shadow: inset 0 0 3px #ccc;
  -moz-box-shadow: inset 0 0 3px #ccc;
  -webkit-box-shadow: inset 0 0 3px #ccc;
  
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;

}

.text2{ width:80%; height:80px; border:1px solid #ccc; margin:5px; background-color:#ffffff;
box-shadow: inset 0 0 3px #ccc;
  -moz-box-shadow: inset 0 0 3px #ccc;
  -webkit-box-shadow: inset 0 0 3px #ccc;
  
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;


}

.text3, .sliderview{  
width:100px; border:0px solid #ccc; height:30px; margin:auto; 
box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
color:#ffffff;
background-color: #24303f;
text-align:center;
cursor:pointer;
margin:10px;
}
.text4{   float:left;
width:90%; border:0px solid #ccc; height:30px; margin:auto; 
box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
color:#ffffff;
background-color: #24303f;
text-align:center;
cursor:pointer;
padding-top:4px;
margin-top:10px;
}

.text5{  width:45%; border:1px solid #ccc; height:100px;  margin:5px;  text-align:center; 
 float:left;
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;

}

.text6{  width:100%; border:1px solid #ccc; height:80%;  text-align:center; 
}
.hideslider{ 
border:1px solid #ccc; width:40%; height:30px; margin:auto; 
box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  padding-top:5px;
   border-radius: 5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  text-align:center;
  position:relative; top:40px;
  z-index:1000;
  color:#ffffff;
  cursor:pointer;
  }

#wait2{  display:none; background-image:url(img/loadingf.gif);  
 background-position:center;
 background-repeat:no-repeat;}
 
 h3{ border-bottom:1px solid #ccc; padding-bottom:5px;}
 
 .menu{ width:10%; height:50px; border:0px solid #ccc; clear:both; float:left; cursor:pointer; margin-left:10px; margin-top:25px;
z-index:9999999;
  }

.top_pane{clear:both;float:left; width:100%; position:relative; z-index:9999; }
#myorder, #pendorder{  position:relative; z-index:9999; margin:2px; }

  .menu_link{ width:30px; height:3px; background-color:#ffffff; margin-bottom:4px; border-bottom:1px solid #ccc; }
 .head_center{ float:left; width:75%; height:50px; border:0px solid #ccc;}
 .head_right{ float:left;width:10%;  height:50px; border:0px solid #ccc; margin-top:10px;}
 
 .menu_set{ width:35%; height:auto; display:none; margin-top: -145px; z-index:999999;}
 .menulink1, .menulink2, .menulink21, .menulink3,.menulink4{ height:auto; border-bottom:1px solid #ffffff; padding-top:8px;  padding-left:5px;  background-color:#003366; color:#ffffff;  cursor:pointer;  font-size:0.8em; float:left;
 z-index:999999; margin:2px;
 
 }
 
 .box1{
 border:0px solid #ccc;
 height:30px;
 text-align:center;
 background-color: #6699CC;
 color:#ffffff;
 width:48%; padding-top:5px;
 margin:3px;
 cursor: pointer;
  clear:both;
  float:left;
   }
   
    .box2{
 border:0px solid #ccc;
 height:30px;
 text-align:center;
 background-color: #6699CC;
 color:#ffffff;
 width:48%; padding-top:5px;
 margin:3px;
 cursor: pointer;
  float:left;
   }
   
   .box3{
 border:0px solid #ccc;
 height:30px;
 text-align:center;
 background-color: #6699CC;
 color:#ffffff;
 width:48%; padding-top:5px;
 margin:3px;
 cursor: pointer;
    }
 
 
  .add_box, .add_box2{
 border:0px solid #0dabd9;
 height:auto;
 text-align:center;
 color:#333;
 width:95%;
 margin-left:auto;  margin-right:auto;
 margin:10px;
 display:none;
 }
 
  .upload_box{
 border-bottom:1px solid #ccc;
 height:auto;
 text-align:center;
 color:#333;
 width:95%;
 margin-left:auto;  margin-right:auto;
 margin-top:10px;
 display:none;
 }
 
   .text_box{
 border:0px solid #333;
 height:auto;
 text-align:center;
 color:#333;
 width:95%;
 margin-left:auto;  margin-right:auto;
 margin-top:10px;
  }
   .textbox1{
 border:0px solid #333;
 height:auto;
 text-align:center;
 color:#333;
 width:95%;
 margin-left:auto;  margin-right:auto;
 margin-top:10px;
 display:none;
  }

  .imgclass{
  margin:2px;
  border:0px solid #ccc;  
  
   
  float:left;
  
  }
   .pic{ float:left; width:65%; border-bottom:0px solid #ccc; margin:10px; font-size:0.8em; overflow:hidden; }

  .pictext{float:right; width:55%; border:0px solid #000; overflow:hidden;}
  .logout{background-image:url(img/logout_bt.png); background-repeat:no-repeat; background-position:center; width:50px; height:50px; 
   cursor:pointer; }
  
  
 #header{width:100%; height:80px; background-image:url(img/infinito_logo.png); background-repeat:no-repeat; background-position:center;border-bottom:0px solid #ccc;  border-top:0px solid #000033 ; }
 
 #footer{ clear:both; float:left; width:100%; height:40px; background-color:#6699FF; color:#ffffff; text-align:center; font-size:0.8em; }

.color_tab{float:left; margin:2px; border:1px solid #ccc; width:30px; height:50px;}

#avail_measure, #avail_color{

 border:0px solid #ccc; min-height:100px;max-height:300px; overflow:auto; display:none;

border-radius: 15px 15px 15px 15px;  
  -moz-border-radius: 15px 15px 15px 15px;   
  -webkit-border-radius: 15px 15px 15px 15px;
  
   box-shadow: 0 0 5px #ccc;
  -moz-box-shadow:  0 0 5px #ccc;
  -webkit-box-shadow:  0 0 5px #ccc;

}