/* 
                                                                                     
                                              bbbbbbbb                               
        CCCCCCCCCCCCClllllll                  b::::::b        TTTTTTTTTTTTTTTTTTTTTTT
     CCC::::::::::::Cl:::::l                  b::::::b        T:::::::::::::::::::::T
   CC:::::::::::::::Cl:::::l                  b::::::b        T:::::::::::::::::::::T
  C:::::CCCCCCCC::::Cl:::::l                   b:::::b        T:::::TT:::::::TT:::::T
 C:::::C       CCCCCC l::::l uuuuuu    uuuuuu  b:::::bbbbbbbbbTTTTTT  T:::::T  TTTTTT
C:::::C               l::::l u::::u    u::::u  b::::::::::::::bb      T:::::T        
C:::::C               l::::l u::::u    u::::u  b::::::::::::::::b     T:::::T        
C:::::C               l::::l u::::u    u::::u  b:::::bbbbb:::::::b    T:::::T        
C:::::C               l::::l u::::u    u::::u  b:::::b    b::::::b    T:::::T        
C:::::C               l::::l u::::u    u::::u  b:::::b     b:::::b    T:::::T        
C:::::C               l::::l u::::u    u::::u  b:::::b     b:::::b    T:::::T        
 C:::::C       CCCCCC l::::l u:::::uuuu:::::u  b:::::b     b:::::b    T:::::T        
  C:::::CCCCCCCC::::Cl::::::lu:::::::::::::::uub:::::bbbbbb::::::b  TT:::::::TT      
   CC:::::::::::::::Cl::::::l u:::::::::::::::ub::::::::::::::::b   T:::::::::T      
     CCC::::::::::::Cl::::::l  uu::::::::uu:::ub:::::::::::::::b    T:::::::::T      
        CCCCCCCCCCCCCllllllll    uuuuuuuu  uuuubbbbbbbbbbbbbbbb     TTTTTTTTTTT  
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #F5F6F7;

}

/* links */

a:link, a:visited {
	color: #2c88a3;
	text-decoration: none;
}

a:hover {
	color: #306575;
}


dl {
	margin: 0;
	padding: 0;
}

dd {
    margin: 0 0 20px 10px;
    padding: 0;
}

ul {
	list-style-type: none;
}

#home {
	
}

#header,
#wrap {
	width:904px;
	margin:0 auto;
	text-align:left;

}

#wrap {
	margin-top: 10px;
	padding: 0 5px 5px 15px;
	background-color: #FFFFFF;
	border: 1px solid #e8e8e8;
}

#product {
	padding-top: 10px;
	margin-bottom: 15px;
}

#result { 
          padding-top: 10px;
          margin-bottom: 15px;
}

#info {
	float: left;
	width: 520px;
	padding-bottom: 15px;
}

#product form {
	margin: 15px;
	padding: 10px;
	background-color: #FFF7C0;
}

label {
	width: 200px;
	font-size: 1.2em;
	font-weight: bold;
}

input {
	width: 200px;
	font-size: 1.2em;
}


#info dt {
	font: 1.66em Georgia, Times, serif;
	margin: 0.5em 0;
	padding-top: 0.75em;
	border-bottom: 1px dashed #B2B2B2;

}

#image {
	float: right;
	width: 384px;
	text-align: center;
}

#image ul {float: left; width: 230px; margin: 0 0 18px -1px; border: solid #fff; border-width: 0 1px;}
#image ul li {display: inline; line-height: 1.65em;}
#image ul li:first-child a {margin-top: 3px;}
#image ul li {display: block; margin: 7px 6px; font-size: 14px; border: 1px solid #e5e5e5; overflow: hidden;}
#image ul li em {display: block; padding: 6px 9px 0; font-style: normal; color: #222; background-color: #fcfcfc;}
#image ul li span {display: block; padding: 0 9px 5px; color: #c5c5c5; background-color: #fcfcfc; border-bottom: 1px solid #f0f0f0;}
#image ul li img {display: block; height: 193px; border: 8px solid #fff;}
#image ul li a:hover {border-color: #ccc;}
#image ul li a:hover em {color: #000; background-color: #f5f5f5;}
#image ul li a:hover span {color: #aaa; background-color: #f5f5f5; border-bottom-color: #e5e5e5;}
#image ul li a:hover img {border-color: #f5f5f5;}

.input-product-id {
    margin: 15px;
}

#footer{
	width:904px;
	text-align: center;
	padding: 8px 0;
	margin-top: 0.7em;
	line-height: 1em;
	background: #fff;
	white-space:nowrap;
	border-top: 1px dotted #ccc;
}

#footer li{display:inline;padding:0 4px;}#footer li.first:before{content:'';padding-right:0;}

#error {
	margin: 15px;
}


#error ul {
	padding:15px 0 15px 50px;
    color: #D8000C;
	background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #FFBABA;
	background-image: url('/image/error.png');
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
}

#error_msg {
	padding: 20px 0 20px 10px;
	background-color: #FF008A;
	color: white;
}