/* TRADE page style*/

#subcontent	{float:right;width:80%;margin:30px 10% 350px 0;
		 font-family:arial;color:#004000;font-size:100%;}
#content a	{text-decoration:none;}
#content a.txt	{color: #004000;font-size:100%;text-decoration:none;}
#content ul	{color:#006000}
#content ul li	{margin-bottom:10px;}
#intro		{width:80%;margin:0 auto 50px;}
#intro ul		{margin:15px 0 20px 130px;}
.headerbar	{color:#fff;background:#006000;font-weight:bold;line-height:30px;text-align:center;border-radius:15px;margin-top:20px;}
#avOuterL		{float:left;width:49%;}
#avOuterR		{float:left;width:49%;}
#availL		{float:right;width:370px;margin:0 2px;}
#availR		{float:left;width:370px;margin:0 2px;}
.subbar 		{width:360px;float:left;color:#fff;background:#00a050;text-decoration:none;text-align:center;font-weight:bold;margin:10px 5px 5px 5px;}
.sub1		{float:left;margin-left:10px;border-right:1px solid #006000;}
.sub2		{float:left;border:none;margin-left:10px;}
.sub1:hover, .sub2:hover
		{background:#ebfceb;cursor:pointer;}
.subbox, .sddbox	{background-color:#dbfcdb;border:1px solid #004000;padding:6px;margin:10px auto 20px;text-align:center;}
.subbox:hover	{background-color:#ebfceb;}
.subform		{width:500px;text-align:left;margin:0 auto;}
.subform .inner	{height:280px;background-color:#ebfceb;border:1px solid #004000;padding:6px;margin:10px auto 20px;text-align:center;}
.must		{text-align:center;margin:5px 0 10px 0;font-size:8pt;}
#subfields input	{float:left;width:300px;font-size:12pt;font-family:verdana;margin-bottom:2px;border:1px solid #004000;}
#trade_det .label	{width:150px;text-align:right;margin-right:10px;float:left;}
#trade_det #radio	{display:inline-block;margin-bottom:4px;clear:both;}
#trade_det #radio input {border:0;background:none;}
#trade_det #sendit	{margin:6px 0 0 160px;width:120px;border:1px solid red;font-size:18pt;font-family:arial;color:#004000;cursor:pointer;}
#trade_det #sendit:hover{background:#ccc;}
.bigBtn2		{width:270px;margin:10px auto;color:#006000;border:1px solid #006000;background-color:#dbfcdb;}
.bigBtn2 a	{color:#006000;display:block;line-height:24px;font-weight:bold;text-decoration:none;text-align:center;}
.bigBtn2:hover	{background-color:#dbfcdb;}

.thispage	{width:630px;height:40px;margin:20px auto 50px;clear:both;}
.onpg	{list-style-type:none;}
.onpg ul	{margin:0;padding:0;list-style-type:none;}
.onpg ul li 	{float:left;width:200px;line-height:36px;margin:2px;background-color:#fff;border:1px solid #006000;}
.onpg ul li a 	{display:block;width:100%;line-height:36px;color:#006000;text-align:center;text-decoration:none;font-size:12pt;font-family:arial;}
.onpg ul li a:hover {color:#006000;background-color:#dbfcdb;text-decoration:none;}
.onpg .grey	{float:left;width:120px;height:16px;margin:2px 0 0 3px;background-color:#f6f6f6;color:#aeaeae;font-size:9pt;font-family:arial;border:1px solid #006000;}

.thispage ul li a:hover, .subbox:hover, .bigBtn2:hover {
	-moz-box-shadow: 6px 6px 4px #666;
	-webkit-box-shadow: 6px 6px 4px #666;
	-o-box-shadow: 6px 6px 4px #666;
	-ms-box-shadow: 6px 6px 4px #666;
	box-shadow: 6px 6px 6px #666;
}

#showWork		{height:305px;width:650px;line-height:20px;margin:5px auto 0;padding:5px;background-image:url('home/changeImg1.jpg');background-repeat:no-repeat;clear:both;}
#showWork img	{float:left;cursor:pointer;}
#showWork #swLink	{float:left;width:470px;height:290px;cursor:pointer;}
#showWork #panel	{float:right;width:170px;text-align:center;font-weight:bold;margin-top:20px;}
#showWork .item	{width:100%;padding:5px 0;margin-bottom:15px;}
.siBox		{display:inline-block;width:50px;border:1px solid #ccc;border-radius:5px;background:#fff;}
.siBox:hover	{background:#ddd;cursor:pointer;}


@media screen and (max-width: 870px) 
{ #intro 		{width:98%;}
  #intro img	{display:none}
  #intro ul	{margin:15px 0 20px 10px;}
  .thispage	{width:260px;height:80px;margin:0 auto 20px;}
  .onpg ul li 	{height:30px;}
  .onpg ul li a 	{line-height:30px;}
  #avOuterL	{float:left;width:98%;}
  #avOuterR	{float:left;width:98%;}
  #availL		{float:none;width:370px;margin:0 auto 10px;}
  #availR		{float:none;width:370px;margin:0 auto;}
  .subbar 	{width:360px;float:left;color:#fff;background:#00a050;text-decoration:none;text-align:center;font-weight:bold;margin:10px 5px 5px 5px;}
  .sub1		{float:left;margin-left:10px;border:none;}
  .sub2		{float:left;border:none;margin-left:10px;}
  #radio input	{height:15px;}
  #showWork	{float:none;width:490px;margin:0 auto;}
  #showWork #panel	{float:none;height:50px;margin:310px auto 20px;}
}
@media screen and (max-width: 870px)  {
  #subcontent	{float:left;width:97%;margin:50px 0 0 1%;}
}
@media screen and (max-width: 650px) 
{ #showWork	{width:400px;height:250px;margin:0 auto;background-size:contain;}
  #showWork #swLink	{width:400px;height:250px;}
  #showWork #panel	{margin:260px auto 20px;}
  #availL		{float:none;width:360px;}
  #availR		{float:none;width:360px;}
  .subbar 	{width:314px;}
  .sub1, .sub2	{float:left;width:320px;margin-left:5px;}
  .subform	{width:100%;}
  .subform .inner	{height:410px;}
  #trade_det input[type=text]{width:90%;height:24px;}
  #trade_det input[type=submit]{height:30px;}
  #trade_det input[type=checkbox]{width:15px;height:15px;}
}
@media screen and (max-width: 440px) 
{ #showWork	{width:320px;height:200px;}
  #showWork #swLink {width:320px;height:200px;}
  #showWork #panel	{margin:210px auto 20px;}
}