/* Common */
* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 100.01%/1.4 Verdana, Arial, sans-serif;
	text-align: center;
	color: #2d2d2d;
	background: url("bg000000.png") repeat-x #195c87;
	margin: 1em 0;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* Float */
.right {
	float: right;
	margin: .5em 0 1em 1em;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {color: #369;}
a.current{color:#A88806;}
/* Typography */
h1 {
	font-size: 110%;
	font-weight: normal;
	color: #0033ff;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	color: #1144ff;
	margin-top: 0em;
	margin-right: 1.5em;
	margin-bottom: 0.5px;
	margin-left: 1.5em;
}

p {
	font-size: 80%;
	margin: 0;
}
li{
    margin: 10px;
}

.date {
	font-size: 100%;
	color: #999;
}
.main-info
{
   font-size: 100%;
   color: #225;
   text-align:justify;
   text-indent:0em;
}
.main-info1
{
   font-size: 110%;
   color: #558;
   text-align:justify;
   text-indent:1em;
}
.main-info2
{
   font-size: 110%;
   color: #114;
   text-align:justify;
   text-indent:1em;
}
.imag
{

    float:left;
}

.step
{
   font-size: 100%;
   color: #115;
   margin-left:20px;
}

.post-info {
  	font-size: 70%;
	color: #999;
}

/* Header */
#header {
	height: 150px;
	margin: 0;
	background: url("bg_heade.jpg") no-repeat;
	border-top: 10px solid #fff;
	border-right: 10px solid #fff;
	border-left: 10px solid #fff;
}

/* Logo */
#logo {
	float: left;
	padding: 50px 0 0 20px;
}

#logo2 {
	float: right;
	padding: 50px 0 0 20px;
}

#logo h2 {
	font-size: 230%;
	font-weight: normal;
	line-height: 1;
	color: #f7d124;
	margin: 0;
	padding: 0;
}
#logo h1 {
    font-size: 230%;
    font-weight: normal;
    line-height: 1;
    color: #f7d124;
    margin: 0;
    padding: 0;
}
#logo2 h2 {
	font-size: 230%;
	font-weight: normal;
	line-height: 1;
	color: #f7d124;
	margin: 0;
	padding: 0;
}
#logo h2 span {
	color: #fff;
}
#logo h1 span {
    color: #fff;
}

#logo p {
	font-size: 70%;
	color: #fff;
}


/* Navigation */
#navigation {
	width: 98%;
	margin: 0 auto;
	background: #f7d124;
}

b.rtop, b.rbottom {
	display: block;
	background: #fff;
}

b.rtop b,
b.rbottom b {
	display: block;
	height: 1px;
    overflow: hidden;
	background: #f7d124;
}

b.r1 {margin: 0 1px;}

b.r2 {margin: 0 3px;}

b.r3 {margin: 0 2px;}

b.rtop b.r4,
b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px;
}

#navigation table {
	margin: 0 0 0 1em;
}

#navigation td {
	float: left;
	list-style: none;
	font-size: 100%;
	line-height: 1.2;
    vertical-align:middle;
}
.curier  {
	float: right;
	font-size: 60%;
	width: 8%;
}
#navigation td a:link,
#navigation td a:visited,
#navigation td a:active {
	display: block;
	float: left;
	color: #584a08;
	background: #f7d124;
	text-decoration: none;
	padding: .1em 1em;
}
#navigation td a:link
{
    font-size:90%;
}

#navigation td a:hover {
	text-decoration: underline;
    
}


/* Box */
.box {
	margin: 0 0 10px 0;
	background: #edece6;
}
.flashplayer
{

float:right;
margin-left:10px;

}
.box .padding {
	padding: .3em .1em;
	text-align: center;
}

.box h2 {
	font-size: 110%;
	color: #275d80;
	margin: 0 0 .5em 0;
	padding: 0;
}

.box p {
	font-size: 80%;
	margin: 0 0 .5em 0;
}

.box img {
	margin: 0 0 .5em 0;
	border: 2px solid #fff;
}

.box b.rtop,
.box b.rbottom {
	display: block;
	background: #FFF;
}

.box b.rtop b,
.box b.rbottom b {
	display: block;
	height: 1px;
    overflow: hidden;
	background:	#edece6;
}

b.r1 {margin: 0 5px;}

b.r2 {margin: 0 3px;}

b.r3 {margin: 0 2px;}

b.rtop b.r4,
b.rbottom b.r4 {
 margin: 0 1px;
 height: 2px;
}

/* Container */
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

/* Content */
#content {
	float:left;
	width: 700px;
	padding: 1em 10px;
    padding-left: 40px;
}
#registration {
	float:left;
	width: 720px;
	padding: 2em 20px;
	text-align:center
}

/* Sidebar */
#sidebar {
	float: right;
	width: 170px;
	padding: 2em 20px;
}

/* Footer */
#footer {
	clear: both;
	width: 100%;
	border-top: 3px solid #f7d124;
}

#footer p, #footer a {
	color: #fff;
}
.regtable
{
border:#fff 1px solid;
margin:1 2px;
}
.textarea:focus, .input:focus {
  border: 1px solid   #C60;
}
.textarea
{
  border: 1px solid   #fff;
  margin-left:10px;
  background-color:#fff;
}

label {
  float: left;
  text-align: right;
  margin-right:   15px;
  width: 100px;
}
.regtable tr {background-color:#eee;}
.regtable2 tr {background-color:#111;} 
/* Copyright */
#copyright {
	float: left;
	padding: 20px;
}

.readonly
{
   font-size: 100%;
   color: #225;
   text-align:justify;
   text-indent:1em;
border-style:none;
background-color:#ffffff;
color:#000066;
}
.readonly2
{
   font-size: 100%;
   color: #000;
   text-align:justify;
   text-indent:1em;
border-style:none;
background-color:#eee;
color:#000066;
}
#btn_oreder
{
	display:block;
	background-image:url(btn_order.gif);
	border-style:none;
	font-size: 15px;
	cursor:pointer;
	height:20px;
	width:147px;


}
#btn_oreder:hover
{
	display:block;
	background-image:url(btn_order2.gif);
	border-style:none;

}
#btn_apply
{
	display:block;
	background-image:url(btn_apply2.jpg);
	border-style:none;
	font-size: 15px;
	cursor:pointer;
	height:20px;
	width:147px;


}
#btn_apply:hover
{
	display:block;
	background-image:url(btn_apply1.jpg);
	border-style:none;

}

.line
{
	cursor:pointer;
}
.formcontainer
{
height:500px;
width:700px;

}
.scroll {border:#000 1px solid;margin:0 2px;overflow:auto;height:750px; width:700px;}
.tb2 {table-layout:fixed;font:12px Arial;width:100%;}
.tb2 tr {background-color:#eee;}
.tb2 tr:hover{background-color:#ddd;}
.tb2 td {padding:2px 10px;}
.helpmenu
{
   font-size: 110%;
   color: #558;
   text-align:justify;
   text-indent:1em;
    text-decoration:underline;
    cursor:pointer;
    margin:9px
}



	tr.hard {
		background-color:#f3f3f3;
	}

	td#ver {
		width:1px;
		background-color:#cccccc;
		padding:0px;
	}
	td#hor {
		height:1px;
		padding:0px;
		background-color:#cccccc;
	}

#swfupload-control p
{
	margin:10px 5px;
  	font-size:0.9em;
 }

#log{ margin:0; padding:0; width:400px;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;
	font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:4px; background:#fff; }
#log li .progress{ background:#f7d124; width:0%; height:4px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #339933; background:#ccf9b9; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px;
	background:url('js/swfupload/cancel.png') no-repeat; cursor:pointer; }
    
#buttonAdd{
            background-image: url(ButtonAddToOrder.jpg);
            height:29px;
            width:228px;
            cursor:pointer;
} 
#buttonAdd:hover
{
    background-image: url(ButtonAddToOrder2.jpg); 
    
    border-style:none;
}

.buttonMakeOrder
{
            background-image: url(buttonmakeorder.jpg);
            height:50px;
            width:220px;
            cursor:pointer  
    
}
.buttonMakeOrder:hover
{
            background-image: url(buttonmakeorder3.jpg);
              
    
}
.buttonMakeOrder:active
{
            background-image: url(buttonmakeorder2.jpg);
             
    
}

.buttonFinishOrder
{
            background-image: url(buttonfinishorder1.jpg);
            height:50px;
            width:220px;
            cursor:pointer  
    
}
.buttonFinishOrder:hover
{
            background-image: url(buttonfinishorder2.jpg);
              
    
}
.buttonFinishOrder:active
{
            background-image: url(buttonfinishorder3.jpg);
             
    
}
.buttonBack
{
            background-image: url(buttonback1.jpg);
            height:50px;
            width:220px;
            cursor:pointer  
    
}
.buttonBack:hover
{
            background-image: url(buttonback2.jpg);
              
    
}
.buttonBack:active
{
            background-image: url(buttonback3.jpg);
             
    
}
.textinput{ 
width:206px;
height:24px;
border:none;
background:url('sample_input.gif') 0 0 no-repeat; 
}