/* 
                                                                                     
                                              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: auto;
	text-align:left;
}

#wrap {
	margin: 10px;
	padding: 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: 50%;
	padding: 15px 0;
    margin: 0;
}

#product form {
	margin: 15px 0;
	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: 1em Georgia, Times, serif;
	margin: 0.5em 0;
	padding-top: 0.75em;
	border-bottom: 1px dashed #B2B2B2;

}

#image {
	float: left;
	width: 50%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#image ul {
    float: left;
    margin: 0;
    border-width: 0 1px;
}
#image ul li:first-child a {
    margin-top: 3px;
}
#image ul li {
    line-height: 1.65em;
    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;
    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{
	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;
}