#maindiv{
 width:100%;
 }

#container1{
float:left;
width:45%;
display:block;


}
#graphicsContainer{
float:left;
border:1px solid #33333 ;
width:45%;
display:none;

}
#hailPortContainer{
float:left;
border:1px solid #33333 ;
width:45%;
display:none;

}
#RegnoContainer{
float:left;
border:1px solid #33333 ;
width:45%;
display:none;
}
#container2{
float:left;
border:1px solid #CCCCCC;
width:40%;
margin-top:-25px;
text-align:left;

}
#regDiv{
width:415px;
height:75px;
margin-top:5px;
margin-left:5px;
border:1px solid #CCCCCC;
overflow:auto;
}
.hspDiv{
position:relative;
left:0px;
top:80%;
}
.absDiv{
position:absolute;
top:15px;
width:auto;

}
.absGrpDiv{
position:absolute;
}
.leftImg{
position:absolute;
left:3%;
  }
.leftText{
position:absolute;
left:35px;
  
  }
.belowImg{
position:absolute;
top:30%;
left:50%;
  }

.belowText{
position:absolute;
left:5px;
}  

.holder{
border:1px solid #CCCCCC;
width:415px;
height:300px;
margin-top:1px;
text-align:center;
vertical-align:middle;
overflow-x:auto;
overflow-y:auto;
/*white-space:pre;*/
position:relative;
margin-left:5px;

}

.grpSelected{
border:1px solid #CCCCCC;
}
#cleardiv{
clear:both;
}
#tbl_color
{
  background-color:#EEEEEE;
 /* padding-top:4px;*/
 margin-left:2px;
  
}
.tdstep
{
  background-color:#DCDCDC;
  text-align:left;
  color:#131313;
  font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding:5px;
 border:1px #B1B1B1 solid;
 }
.tdstyle
{
  border-right:2px solid #FF9900;
 }
.td_style
{
color:#33CCFF;
font-weight:bold;
text-align:center;
cursor:pointer;

}  
.tdSelected
{
color:#CC9900;
font-weight:bold;
text-align:center;
cursor:pointer;
}
 
 
.textname{
	background-color:#FFFFCC;
	font-family:Verdana;
	font-size:11px;
	border:1px double #999999;
	

} 
.td_label{
font-weight:bold;
letter-spacing:-1px;
 }
 
 .smalltext
 {
   font-size:xx-small;
 }
 
.hr{
 color:#FBFBFB;
 size:1px;
 
 }
 .regNo{
 text-align:center;
 margin-bottom:4px;
 margin-top:14px;
 
 }
 .buttonO{
    border:1px solid #909090;
	font-family:verdana;
	font-size:11px;
	color:#000080;
	
 }
  .buttonselected{
    font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background:#DDDDDD;
	cursor:pointer;

	
 }
 .buttonsingle{
    border:1px solid #EEEEEE;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#292929;
	background:#DCDCDC;
	cursor:pointer;

	
 }
 .graphicsDiv
 {
    overflow:scroll;
	white-space:nowrap;
	height:250px;
	width:90%;
 }
 .select_box {
	font-family: verdana;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	height: 18px;
	border: 1px solid #DBDBDB;
}
.tableFrontEnd{
margin-top:8px;
border:1px solid #ccc;
}
th.shop_head{

background-color:#c6c6c6;
font-size:12px;
font-family:Verdana;
height:30px;
padding:3px; 
border-spacing: 0;



}
.tableRow{
	background-color:#F7F7F7;
	border-bottom:1px solid #ccc;
	font-size: 80%; 
	font-weight: none;
}




#mainimg {
border:1px solid #000;
float:left;
/*max-width: 320px;
max-height: 320px;
width:expression(this.width > this.height ? "320px" : this.width  );
height:expression(this.height > this.width ? "320px" : this.height );*/
}


/*a { color: #5A5A5A; font-size:12px; font-family:verdana; text-decoration:none;}
a:hover { color: #000000; text-decoration:underline; cursor:pointer;
}*/

.leftlogin{
background-image:url(../images/login1_bg.jpg);
background-repeat:no-repeat;
}


.message{
color: #f00;
}

.textfield{
color: #000;
font-size: 11px;
font-family: Verdana;
border:1px solid black;
}







.top { color: #5A5A5A; font-size:10px; font-family:verdana;}
.top A { color: #5A5A5A; font-size:10px; font-family:verdana; text-decoration:none;}
.top A:hover { color: #000000; text-decoration:underline;}

.link1 {color: #0F0F0F;font-size:9px;font-family:Verdana;padding-left:5px;}
.link1 a{color: #0F0F0F; font-size:11px; font-family:Verdana; text-decoration:none;padding-left:17px;}
.link1 a:hover{color: #000000; text-decoration:underline;}

.txt {color: #ffffff;font-size:14px;font-family:Verdana;}
.text {color: #ffffff;font-size:10px;font-family:verdana;}

.head{color: #ffffff;font-size:14px;font-family:Verdana;font-weight:bold;}
.head A{color: #ffffff;font-size:14px;font-family:Verdana;text-decoration:none;}
.head A:hover{color: #013A37;font-size:14px;font-family:Verdana;text-decoration:underline;}

.txtbox {color: #5A5A5A;font-size:10px;font-family:Arial,Verdana;}

.tab_head {
background-image:url(../images/tab_head.jpg);
background-repeat:no-repeat;
height:40px;
text-align:left;
padding-left:10px;
font-weight:bold;
font-size:18px;
vertical-align:middle;
}

.tab_middle{
background-image:url(../images/popular_cat_bg.jpg);
background-repeat:repeat-y;
padding-left:15px;
padding-right:15px;
/*border-left:1px solid #cccccc;
border-right:1px solid #cccccc;*/
height:400px;
vertical-align:top;
}

.tab_bottom{
/*
background-image:url(../images/popular_cat_btm.jpg);
background-repeat:repeat-y;
border-bottom:2px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
vertical-align:top;*/
}




.links {color: #ffffff;font-size:10px;font-family:Arial;}
.links A{color: #ffffff; font-size:10px; font-family:Arial; text-decoration:none;}
.links A:hover{color: #06504C; text-decoration:underline;}


.specialColor{
	width: 20px; 
	height: 20px; 
	border: 1px solid gray; 
	float:left;
	margin:1px 1px;
	cursor:pointer;
}
.specialColorImage
{
	height:20px;
	width:20px;
}
.colorbox
{
	width: 20px; 
	height: 20px; 
	border: 1px solid gray;
	float:left;
	margin:1px 1px;
	cursor:pointer;
}
.selectedcolor
{
	height:20px;
	width:20px; 
	border: 1px solid gray;
	float:left;
	cursor:pointer;
	margin-left:2px;
	display:none;
}
.colors{
	/*height:59px;
	overflow:auto;*/
}
/*.footer{

background-repeat:no-repeat;
height:70px;
color: #A84618;
font-size: 11px;
font-family: Verdana;
text-decoration: none;
}*/

.userInfo{
width:500px;
text-align:left;
clear:both;
margin:25px 0px;
float:left;
}
.star{
color:#FF0000;
}
.error{
font-weight:bold;
margin-left:5px;
font-size:14px;

}
.designView{
float:left;
margin:-5px 5px;
font-size:12px;
}