@charset "UTF-8";

* {
 margin:0px;
 padding:0px;
}
body {
 color:#333;
 background-color:#fff0e0;
 text-align:center;
}
body, table, caption, th, td, form, input, textarea {
 font-size:small;
 font-family:sans-serif;
 line-height:1.4em;
 letter-spacing:0.09em;
}
* html body, * html table, * html caption, * html th, * html td, * html form, * html input, * html textarea {
 font-size:x-small;
 line-height:1.4em;
 letter-spacing:0.09em;
}
a {
 text-decoration:none;
}
a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:none;
}
table, img {
 border:0px none transparent;
}
table {
 border-collapse:collapse
}
caption, th, bold {
 font-weight:bold;
}

/* Basic layout */
#underbox {
 background-image:url(Image/hash.gif);
 background-repeat:repeat-y;
 background-position:100% 0%;
 text-align:left;
 width:764px;
 margin-top:4px;
 margin-left:auto;
 margin-right:auto;
}
#header {
 background-color:#fff;
 text-align:left;
 width:760px;
}
#globalnav {
 float: left;
 background-color:#fff;
 background-image:url(Image/hash.gif);
 background-repeat:repeat-x;
 background-position:0% 100%;
 width:760px;
 padding:0px 0px 5px;
}
#container {
 background-color:#fff0e0;
 background-image:url(Image/hash.gif);
 background-repeat:repeat-x;
 background-position:0% 100%;
/* text-align:left;*/
 clear:left;
 overflow:auto;
 width:760px;
 padding:10px 0px 3px;
}
#sidebar1 {
 color:#333;
 background-color:#fff0e0;
 float: right;
 width:150px;
 margin-top:10px;
}
#contents {
 color:#000;
 float: right;
 width:600px;
 margin-top:0px;
}
#footer {
 background-image:url(Image/hash.gif);
 background-repeat:repeat-x;
 background-position:0% 100%;
 text-align:center;
 width:760px;
 padding-bottom:4px;
}
/* +++ HEADER +++ */
#header .headlogo {
 width: 760px;
 background-color:#fff;
 overflow: hidden;
 display: block;
}

#header .logo img {
 float: left;
 width: 400px;
 margin-left: 5px;
}

#header .company img {
 float: right;
 width: 300px;
 margin-top: 23px;
 margin-right: 5px;
}
/* +++ GLOBALNAV +++ */
#globalnav ul {
 text-align:center;
 overflow:auto;
 margin:0px 0px 1px 5px;
 list-style:none;
}
#globalnav ul li {
 display:inline;
}
#globalnav ul li a {
 color:#fff;
 background-color:#07f;
 display:block;
 float:left;
 width:90px;
 margin:0px 5px;
 padding:1px 2px;
 border:1px solid #07f;
}
#globalnav ul li.first a {
 margin-left:5px;
}
#globalnav ul li a:link {
 color:#eee;
}
#globalnav ul li a:visited {
 color:#eee;
}
#globalnav ul li a:hover {
 color:#333;
 background-color:#fe9;
}

/* +++ CONTAINER +++ */
#container p.toparent {
 margin-left: 4px;
 clear:both;
}
/* +++ CONTENTS +++ */
.contentsbody {
 background-color:#fff0e0;
 margin:5px 5px 5px 10px;
 padding:8px;
}
.contentsbody h1 {
 background-image:url(Image/mark1.gif);
 background-repeat:no-repeat;
 background-position:0% 0%;
 font-size:1.2em;
 font-weight: bold;
 line-height:1em;
 margin:1em 0px 1em 0px;
 padding:6px 0px 6px 24px;
 border-top:3px double #ccc;
 border-bottom:3px double #ccc;
}
.contentsbody h2 {
 background-image:url(Image/mark2.gif);
 background-repeat:no-repeat;
 background-position:0% 50%;
 font-size:1.2em;
 font-weight: bold;
 line-height:1em;
 margin:1em 0px 0.5em;
 padding:4px 0px 4px 24px;
}
.contentsbody h3 {
 font-size:1.1em;
 font-weight:bold;
 line-height:1em;
 margin:1em 0px 0.2em;
 padding:2px 0px 2px 24px;
}
.contentsbody h4 {
 font-size:1em;
 line-height:1em;
 font-weight: normal;
 margin:1em 0px 0.5em;
 padding:2px 0px 2px 48px;
}
.contentsbody ul li {
 background-color:#fff0e0;
 margin:5px 5px 5px 24px;
}
.contentsbody p {
 margin:0px 1.5em 0.5em;
}

.contentsbody p em {
 font-size:1em;
 font-weight:bold;
 font-style:normal;
}

.contentsbody p strong {
 font-size:1.1em;
 font-weight:bold;
 font-style:normal;
}
.contentsbody .profile {
 display: block;
}
.contentsbody .profile p.left{
 float: left;
 width: 130px;
 font-weight: bold;
 margin-left: 10px;
 background-color: #d8d8d8; 
}
.contentsbody .profile p.right{
 float: none;
 width: 400px;
 margin-left: 145px;
 padding-left: 10px;
 background-color: #ffffff;
}
.contentsbody .halflist {
 display: block;
}

.contentsbody .halflist p{
 margin: 5px;
 text-align: left;
 color: #333;
}
.contentsbody .halflist p.name{
 font-weight: bold;
 margin-top: 30px;
 margin-left: 130px;
}
.contentsbody .halflist img{
 float: left;
 width: 120px;
 margin-right: 5px;
}
.contentsbody .halflist a{
 outline-width: 0px;
}
.contentsbody .halflist a:hover{
 color: #666;
}

.contentsbody .halflist .halfbox{
 float: left;
 width: 270px;
 height: 100px;
 margin: 3px;
 border: 1px solid #333333;
 background-color:#fff;
 overflow: hidden;
 display: block;
}

.contentsbody p.text{
 font-size:1.1em;
/* +++ font-weight:bold; +++ */
 line-height:1.2em;
 margin:1em 0px 1em;
 padding:2px 0px 2px 6px;
}

.contentsbody .productpage {
 display: block;
}
.contentsbody .productpage .productbox{
 float: left;
 width: 570px;
 height: 190px;
 margin: 3px;
 border: 1px solid #333333;
 background-color:#fff;
 overflow: hidden;
 display: block;
}
.contentsbody .productpage p{
 margin: 5px;
 color: #333;
}
.contentsbody .productpage p.name{
 margin-top: 6px;
 margin-left: 250px;
}
.contentsbody .productpage p.extra{
 margin-top: 6px;
 margin-left: 6px;
}
.contentsbody .productpage img{
 float: left;
 width: 240px;
 margin-right: 5px;
}
.contentsbody .productpage a{
 font-weight:bold;
}
.contentsbody .productpage a:hover{
 color: #666;
}
.contentsbody .productpage p.price {
 float: left;
/* margin-left: 80px;*/
 margin-top: 6px;
 font-weight:bold;
}
.contentsbody .productpage p.buyname {
 float: left;
 font-weight:bold;
 margin-top: 8px;
 margin-left: 10px;
}
.contentsbody .productpage p.cart {
 margin-left: 460px;
 margin-top: 8px;
}
.contentsbody .productpage .buybox {
 float: left;
 width: 570px;
 height: 36px;
 margin: 3px;
 margin-bottom: 20px;
 border: 1px solid #333333;
 background-color:#fff;
 overflow: hidden;
 display: block;
}
.contentsbody .productlink a {
 margin:5px 5px;
 font-weight: bold;
}
.contentsbody .download .downlistbox,
.contentsbody .download .downhalfbox{
 float: left;
 width: 270px;
 height: 36px;
 margin: 5px 5px;
 border: 1px solid #333333;
 background-color:#fff;
 overflow: hidden;
 display: block;
}
.contentsbody .download .downlistbox{
 height: 110px;
}

.contentsbody .download p{
 float:left;
 margin:10px 10px;
 font-weight:bold;
}
.contentsbody .download p.name{
 margin-left:10px;
 font-weight:normal;
}
.contentsbody .shopmenu {
 display: block;
}

.contentsbody .shopmenu p{
 margin: 0px;
 text-align: left;
 color: #333;
}
.contentsbody .shopmenu p.price,
.contentsbody .shopmenu p.cart,
.contentsbody .shopmenu p.name {
 margin-left: 125px;
}
.contentsbody .shopmenu p.name {
 margin-top: 5px;
 font-size: 1em;
}
.contentsbody .shopmenu p.price {
 font-weight:bold;
 margin-bottom: 3px;
}
.contentsbody .shoplink p {
 font-weight:bold;
 margin: 5px 5px;
}
.contentsbody .shopmenu img{
 float: left;
 width: 120px;
 margin: 5px;
}
.contentsbody .shopmenu a{
 font-weight:bold;
}
.contentsbody .shopmenu a:hover{
 color: #666;
}
.contentsbody .shopmenu .shopbox2,
.contentsbody .shopmenu .shopbox {
 float: left;
 width: 270px;
 margin: 3px;
 border: 1px solid #333333;
 background-color:#fff;
 overflow: hidden;
 display: block;
}
.contentsbody .shopmenu .shopbox2 {
 float: none;
}
.contentsbody .shopbutton p {
 margin-left: 2px;
}
.contentsbody .ourpicture img{
 width: 200px;
 margin-left: 190px;
}

.twinimgl img {
 float: left;
 width: 240px;
 margin: 5px 10px;
}
.twinimgr img {
 float: none;
 width: 240px;
 margin: 5px 10px;
}
/* ++++ SIDEBAR1 ++++ */
#sidebar1 .sidemenu {
 background-color:#fff0e0;
 margin:0px 0px;
}
#sidebar1 .sidemenu ul {
 background-color:#fff0e0;
 list-style:none;
}
#sidebar1 .sidemenu ul li{
 background-color:#fff0e0;
 font-size: 1em;
 padding:1px 5px;
}
#sidebar1 .sidemenu h2 {
 color:#333;
 background-image:url(Image/mark2.gif);
 background-repeat:no-repeat;
 background-position:0px 50%;
 font-size:1em;
 line-height:1em;
 font-weight:bold;
 margin:5px 40px 5px 0px;
 padding:5px 0px 5px 20px;
 border-top:3px double #ccc;
 border-bottom:3px double #ccc;
}

#sidebar1 .sidemenu a {
 display:block;
 width:140px;
 margin:2px 2px;
}
#sidebar1 .sidemenu a:link {
 color:#333;
}
#sidebar1 .sidemenu a:visited {
 color:#333;
}
#sidebar1 .sidemenu a:hover {
 color:#666;
}

#sidebar1 .sidenavi {
 background-color:#fff0e0;
 margin:0px 0px;
}

#sidebar1 .sidenavi ul {
 list-style:none;
}

#sidebar1 .sidenavi ul li{
 text-align:center;
}

#sidebar1 .sidenavi a{
 display:block;
 width:90px;
 margin:5px 10px;
 padding:1px 2px;
 border:1px solid #07f;
 color:#fff;
 background-color:#07f;
}

#sidebar1 .sidenavi a:hover{
 color:#333;
 background-color:#fe9;
}

#sidebar1 p.rss {
 text-align:center;
}
#sidebar1 p.rss a {
 color:#666;
 background-color:#f0e0d0;
 border:1px solid #f0e0d0;
 width:60px;
 display:block;
 margin:10px 20px;
 padding:2px 10px;
}

#sidebar1 p.rss a:hover {
 background-color:#fff;
}

/* +++ FOOTER +++ */
#footer p {
 padding:0px 1em;
}
#footer address {
 color:#333;
 background-color:#fff0e0;
}