@charset "utf-8";
/* CSS Document */
body{ font-size:12px; margin:0; color:#333333; background-color:#E5E5E5; }
input,select { font-size:13px; color:#333333; background-color:#FFFFFF; border:solid 1px #666666; }
body,input,select{font-family:Verdana, Arial, Helvetica, sans-serif;}
ol,ul{ list-style:none; padding:0px; line-height:130%; margin:0px;}
h1 {display:none;}
h2 { font-size:14px; color:#999999; text-decoration:none; padding:0px; margin:0px; }
h3 { font-size:12px; color:#FF9900; margin:0px; }
address { font-size:10px; font-style:normal;}
div{ overflow:hidden; }
a:link,a:visited,a:active { color:#555555; text-decoration:none; }
a:hover { color:#FF9900; text-decoration:underline; }
form{ padding:0; margin:0; }
td{ padding:6px; vertical-align:top; }
table{ width:100%; border:1px; border-collapse:collapse;}
img{ border:none; }

#container{ margin:0 auto; width:770px; background-color:#FFFFFF}
#header{ height:94px; background-image:url(img/head1.jpg); }
#navigation{ height:40px; background-image:url(img/head2.jpg); padding:12px 20px; font-size:12px; }
#navigation a{ padding:0 8px;}
#options{ float:left; padding:0px 23px; width:130px; }
#content{ padding:0px 20px; width:550px; }
#container, #footer{ background-image:url(img/mid.jpg); }
#footer{ text-align:center; clear:both; }
#bottom{ height:20px; background-image:url(img/btm.jpg); }

.error{ background-color:#FFE6E6;  color:red; padding:6px;  }
.right{ text-align:right; float:right; margin:0px; }
.tdhead { background-color:#EEEEEE; padding:6px; font-weight:bold;}

.box div{ border:2px solid #BDBDBD; padding:3px; margin-bottom:5px; }
.box { text-align:center; float:left; margin-right:15px; margin-bottom:5px; font-size:11px; width:120px; height:155px; }
.box div:hover{ border:2px solid #FF9900; color:#FF9900; }
.box img{ width:110px; height:110px; }
.pic{ border:2px solid #BDBDBD; margin-right:10px; padding:3px; float:left; }
.pic img{ width:148px; height:148px; }

.list,.list td,.list th { border:solid #666666 1px; color:#000000; padding:6px;} 
#mainContent{ padding:1px;}
#trolley{ border:solid 2px #AAAAAA; margin-bottom:15px; font-size:11px; }
.trolleyTitle{ background-color:#EEEEEE; padding:5px; }
.trolleyContent{ padding:5px; }

.trolleyHeader{ width:100%; border-bottom:2px solid #DDDDDD; }
.trolleyItems{ height:35px; border-bottom:1px dotted #CCCCCC; }
.trolleyItems td{ padding:3px; vertical-align:middle; }
.trolleyItems:hover{ background-color:#FFFFCC; }
.login { width:45%; padding-right:10px; margin-right:10px; float:left; border-right:solid 2px #CCCCCC; }
