@import url(base.css);

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-top: 8px;
margin-bottom: 8px;
}

p, ol, ul, pre, blockquote {
margin-top: 10px;
margin-bottom: 10px;
}

p {
line-height: 1.8em;
text-indent: 0;
/*
margin-left: 14px;
margin-right: 14px;
padding-top: 4px;
*/
}

dt {
color: #A29A20;
font-weight: bold;
margin-top: 0.5em;
}


blockquote {
background-color: #C0FFFF;
padding: 8px;
margin-left: 30px;
margin-right: 30px;
}

blockquote p {
line-height: 18px;
margin: 0px;
padding: 0px;
}

pre {
background-color: #EEEEEE;
width: auto;
margin: 8px 32px;
padding: 8px;
border: dashed 2px #666666;
}

table {
text-align: left;
margin: auto;
}

td, th {
margin: 1px;
padding: 5px;
}

thead td {

}

tfoot td {
text-align: center;
}

a {
color: #2B3060;
text-decoration: none;
}

a:hover {
color: #0798BC;
text-decoration: underline;
}

p a {
text-decoration: underline;
}

li.disc a {
text-decoration: underline;
}

hr {
margin: 8px 0px;
background-color: #660033;
}

body {
color: #333333;
/*background: #FFFFCF;*/
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
line-height: 1.2em;
text-align: center;
}

img.tiny {
max-width: 60px;
max-height: 60px;
}

img.small {
max-width: 100px;
max-height: 100px;
}

img.large {
max-width: 300px;
max-height: 300px;
}

/* Layout ---------------------------------------------------------------- */

.frontend #container {
margin-top: 0px;
}

#container-inner {
width: 850px;
}

#header-inner, #footer-inner {
padding: 0;
}

#content-inner {
padding: 0;
}

#alpha-inner {
/*padding: 10px;*/
}

#beta-inner {
padding: 0 0 10px 0;
}

#gamma-inner {
padding: 0;
}


/* Thin-Wide */

.layout-tw #alpha {
    left: 210px;
    width: 640px;
}

.layout-tw #beta {
    left: -640px;
    width: 210px;
}

/* Wide */

.layout-w #container-inner {
width: 720px;
}

.layout-w #alpha {
    width: 720px;
}

/* Container ------------------------------------------------------------- */

#container-inner {
background-color: #FFFFFF;
}

/* Header ---------------------------------------------------------------- */

#header-inner {
background-color: #FFFFFF;
border-bottom: solid #FFCC33 2px;
}

#header table {
width: 100%;
}

#top {
margin:0;
padding:0;
border-style: none;
background-image: url(../images/frontend/header_main.jpg);
background-repeat: no-repeat;
height: 190px;
}

#top-title {
position: absolute;
top: 20px;
left: 20px;
font-size: 22px;
font-weight: bold;
line-height: 1em;
height: 2em;
}

#top-title a {
color: #333333;
text-decoration: none;
width: 300px;
height: 200px;
display: block;
}
#top-title img {
	display: none;
}

#top-title a:hover {
color: #0307BC;
text-decoration: none;
}

#top-right {
position: absolute;
top: 4px;
right: 0;
font-size: 14px;
text-align: right;
color: #FFFFFF;
}
#top-right a {
	color: #FFFFFF;
}

#top-right #username {
margin: 4px;
}

#top-search {
position: absolute;
bottom: 0;
padding-top: 5px;
width: 100%;
height: 30px;
/*background-image: url(image/search.png);*/
background-color: #146EB4;
}
#top-search span {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
#top-search form {
margin-left: 10px;
}
/* Footer ---------------------------------------------------------------- */

#footer-inner {
color: #777777;
font-size: 12px;
text-align: center;
text-decoration: none;
line-height: 1.5em;
border-top: #666666 3px solid;
}

#bottom-navi {
padding: 10px 0 5px 0;
width: 100%;
}

#bottom-navi a {
color: #4E92C7;
padding: 3px;
}

#bottom-navi a:hover {
color: #0798BC;
text-decoration: underline;
}

#footer #copyright {
color: #666666;
font-size: 12px;
background-position: bottom;
padding: 5px 0px 5px 0px;
}

/* Content --------------------------------------------------------------- */

#container-inner {
text-align: left;
}

.layout-tw #alpha-inner {
background-color: #FFFFFF;
}

#alpha-inner {
/*border-bottom: solid #666666 1px;*/
}

#beta-inner {
background-color: #FFFFFF;
}

#beta-inner-w {
background-color: #FFFFFF;
}

#cart-link span {
	font-size: 12px;
	width: 210px;
	height: 20px;
	line-height: 20px;
	text-indent: 3px;
	background-color: #DDDDDD;
	display: block;
}

/* Alpha ----------------------------------------------------------------- */

#alpha .page-header {
width: 620px;
color: #666666;
font-weight: bold;
font-size: 20px;
background-image: url(../images/frontend/alpha_title.jpg);
text-indent: 8px;
height: 35px;
line-height: 35px;
}

/* Widget ---------------------------------------------------------------- */

.widget-paypal {
margin-bottom: 10px;
}

.widget-header {
font-size: 14px;
margin: 0px;
padding: 0px;
}

.widget-header a {
display: block;
}

.widget-header a:link,
.widget-header a:visited {
text-decoration: none;
}

.widget-header a:hover {
text-decoration: none;
color: #000033;
background-color: #FFFFFF;
}

.widget-cart {
	margin-bottom: 10px;
}

.widget-cart ul {
list-style-type: none;
margin: 0;
padding: 0 14px;
margin-bottom: 10px;
}

.widget-cart div#cart {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.widget-content {
	padding-top: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	overflow: hidden;
}

.widget-category {
	margin-bottom: 10px;
}

.widget-category .side-menu-category-header {
color: #FFFFFF;
width: 100%;
height: 25px;
line-height: 25px;
font-size: 16px;
font-weight: bold;
text-indent: 5px;
background-repeat: no-repeat;
background-image: url(../images/frontend/side_category.jpg);
overflow: hidden;
}

.widget-category .side-menu-category-header:hover {
color: #FFFFFF;
}

.widget-category ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.widget-category li {
	margin-bottom: 5px;
}

.widget-category a {
text-decoration: none;
display: block;
padding-left: 5px;
font-size: 12px;
}

.widget-category a:link,
.widget-category a:visited {
text-decoration: none;
}

.widget-category a:hover {
color: #FF6666;
}

.widget-category .selected {
color: #FF6666;
font-weight: bold;
}

.widget-recently-searched {
	margin-bottom: 10px;
}

.widget-recently-searched .widget-header {
color: #FFFFFF;
font-size: 12px;
background-image: url(../images/frontend/recently_search.jpg);
height: 25px;
line-height: 25px;
text-indent: 5px;
}

.widget-recently-searched .widget-content{
	padding: 10px;
}

.widget-recently-searched a:link,
.widget-recently-searched a:visited {
color: #333333;
padding: 3px;
font-size: 14px;
}

.widget-recently-searched a:hover {
color: #0798BC;
text-decoration: underline;
}

/* Asset ----------------------------------------------------------------- */

.asset {
	/*position: relative;*/
	width: 610px;
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
}
.asset-new-items {
	border: 1px solid #DDDDDD;
}

.asset-consent .content {
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

.asset h2 {
color: #000033;
background-color: #FFD700;
margin: 0 0 10px 0;
padding: 0.5em;
}

.asset h3 {
color: #FFFFFF;
font-size: 16px;
background-image: url(../images/frontend/asset_h3_bg.jpg);
height: 30px;
line-height: 30px;
text-indent: 8px;
overflow: hidden;
margin: 0px;
margin: 1px 1px 0px 1px;
}

.asset h4 {
color: #FFFFFF;
margin: 0 0 10px 0;
background-image: url(../images/frontend/item_bg.jpg);
height: 25px;
line-height: 25px;
text-indent: 5px;
}

.asset h5 {
color: #FFFFFF;
background-color: #FFD700;
margin: 0 0 10px 0;
padding: 0.5em;
font-size: 20px;
}

.asset .topright {
position: absolute;
right: 0;
padding: 0.2em;
}

.asset ol li {
margin: 20px 10px;
line-height: 1.5em;
font-size: 12px;
}

.asset ul li {
margin: 8px 10px;
line-height: 1em;
font-size: 12px;
}

.asset p {
color: #333300;
font-size: 14px;
}

.asset .strong {
font-size: 13px;
font-weight: bold;
color: #FF3333;
}

.asset .humble {
font-size: 11px;
line-height: 1.2em;
color: #996666;
margin: 10px;
}

.asset .yellow {
font-size: 13px;
font-weight: bold;
background-color: #FFFF00;
}

.asset .gray {
font-size: 13px;
font-weight: bold;
background-color: #CCCCCC;
}

.asset .content {
/*margin: 10px;*/
}

.asset dl {
margin-left: 20px;
}

.asset dt {
margin-bottom: 12px;
color: 	#44AA44;
font-size: 13px;
}

.asset dd {
margin-left: 20px;
margin-bottom: 24px;
color: #000033;
font-size: 12px;
text-align: left;
}

.asset table {
__width: 100%;
}

.asset form table {
width: auto;
}

.asset .optional {
color: #999933;
font-size: 80%;
}

.border {
border: solid #D3D3D3 1px;
}


.topic-path {
font-size: 12px;
}

.error_list {
margin: 4px 0;
}

.error_list li {
color: red;
font-weight: bold;
list-style-type: none;
}

.pager {
text-align: right;
margin-bottom: 10px;
}

.pager img{
vertical-align: top;
}

img.tiny {
max-width: 60px;
max-height: 60px;
}

img.small {
max-width: 100px;
max-height: 100px;
}

img.large {
max-width: 300px;
max-height: 300px;
}

/* Asset hot items ------------------------------------------------------- */
.asset-hot-items {
background-image: url(image/hot-items.png);
background-repeat: no-repeat;
background-position: top;
background-color: #FFCC00;
margin-bottom: 5px;
}

.asset-hot-items .content {
margin: 0;
}

.asset-hot-items table {
width: 570px;
}

.asset-hot-items .item-image {
background-image: url(image/hot-item.png);
background-repeat: no-repeat;
background-position: center;
text-align: center;
vertical-align: middle;
width: 190px;
height: 160px;
margin: 0;
padding: 0;
}

.asset-hot-items .item-title {
vertical-align: top;
width: 190px;
padding: 0 4px 8px 4px;
}

/* Asset new items ------------------------------------------------------- */
.asset-new-items .main-table {
width: 100%;
}

.asset-new-items .main-table td {
width: 30%;
padding: 4px 10px;
}

.asset-new-items .item-image {
height: 120px;
text-align: center;
vertical-align: middle;
}

.asset-new-items .item-price {
font-size: 14px;
color: #FF0000;
font-weight: bold;
}

.asset-new-items .buttons {
text-align: center;
}

/* Asset information ----------------------------------------------------- */
.asset-information .news-day {
font-size: 12px;
color: #92A900;
}

.asset-information .news-week {
font-size: 12px;
color: #FF6666;
}

.asset-information .news-text {
font-size: 12px;
color: #666666;
}

.asset-information .click-image {
padding-top: 1px;
}

.asset-information p {
font-size: 14px;
color: #666666;
}

.asset-information h3 {
	background-image: none;
	color: #666666;
	text-indent: 0px;
	height: auto;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.asset-information .content ,.asset-information .content p {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	overflow: hidden;
}


/* Asset notation -------------------------------------------------------- */
.asset-notation .content {
	border: #DDDDDD 1px solid;
	margin: 0px;
	margin-top: 10px;
	background-color: #f9f9f9;
}

.asset-notation p {
color: #666666;
width: auto;
font-size: 16px;
margin-left: 10px;
/*font-weight: bold;*/
}

.asset-notation p.humble {
color: #666666;
width: auto;
font-size: 16px;
margin-left: 10px;
}

.asset-notation p.signature {
color: #666666;
width: auto;
font-size: 16px;
text-align: right;
}

.asset-notation input {
margin: 8px;
font-size: 18px;
}

/* Asset list ------------------------------------------------------------ */

.asset-list {
	border: #DDDDDD 1px solid;
	background-color: #F9F9F9;
}

.asset-list .content {
	margin: 10px;
}

.asset-list table {
width: 100%;
}

.asset-list td {
vertical-align: top;
}
.asset-list ul {
	margin: 0px;
	padding: 0px;
}
.asset-list ul li {
list-style-type: none;
margin: 10px 0;
margin-left: 10px;
}

.asset-list .item-image {
padding-bottom: 5px;
padding-top: 5px;
width: 110px;
text-align: center;
background-color: #FFFFFF;
border: #DDDDDD 1px solid;
}

.asset-list .item-title {
font-size: 14px;
font-weight: bold;
}

.asset-list .item-title a {
color: #006699;
text-decoration: none;
}

.asset-list .item-title a:hover {
color: #FF9900;
text-decoration: underline;
}

.asset-list .item-cleanliness {
color: #660000;
}

.asset-list .item-price {
color: #FF0000;
font-size: 16px;
}

.asset-list .item-description {
color: #FF3399;
font-size: 12px;
}

.asset-list .controller {
color: #666666;
width: 40px;
text-align: right;
vertical-align: top;
}

/* Asset item ------------------------------------------------------------ */

.asset-item .item-title {
color: #6666FF;
background-color: transparent;
font-size: 28px;
line-height: 1em;
margin: 0;
padding: 0;
border: none;
margin-bottom: 10px;
}

.asset-item h1.item-title {
	font-size: 20px;
	color: #F49300;
}

.asset-item table {
border: none;
width: 100%;
}

.asset-item .item-image {
width: 50%;
vertical-align: top;
}

.asset-item .item-stock {
margin: 20px;
vertical-align: top;
}

.asset-item .item-stock table {
	width: 100%;
	margin-bottom: 10px;
}
.asset-item .item-stock table#t-price {
	background-color: #FAF8E2;
	border: 0;
}
.asset-item .item-stock table#t-buy {
	border: #DDDDDD 1px solid;
	font-weight: normal;
	font-size: 12px;
	background-color: #f9f9f9;
}
.asset-item .item-stock table a {
	font-size: 12px;
	font-weight: normal;
}
.asset-item .item-stock table td {
width: 15px;
font-size: 12px;
font-weight: bold;
color: #666666;
}
.asset-item .item-stock .cleanliness {
font-size: 16px;
text-align: left;
vertical-align: bottom;
color: #660000;
width: 100px;
}

.asset-item .item-stock .cleanliness-1 {
font-size: 16px;
color: #FF0033;
width: 100px;
}

.asset-item .item-stock .price {
color: #FF0033;
font-size: 16px;
font-weight: bold;
width: 270px;
}

.asset-item .item-stock .actions {
margin: 20px;
}

.asset-item .item-stock .actions a {
margin-right: 8px;
}

/* Asset description ----------------------------------------------------- */
.asset-description {
	width: 290px;
}

.asset-description h4 {
color: #FFFFFF;
background-image: url(../images/frontend/item_bg.jpg);
height: 25px;
line-height: 25px;
overflow: hidden;
padding: 0px;
text-indent: 5px;
}

.asset-description h5 {
color: #666666;
margin: 10px;
}

.asset-description hr {
background-color: #666666;
}

.asset-description table {
border: none;
margin: 0px;
}

.asset-description th {
width: 30%;
text-align: right;
font-size: 12px;
}
.asset-description td {
	width: 70%;
}
.asset-description p {
margin-left: 24px;
}

/* Asset shipping -------------------------------------------------------- */
.asset-shipping {
	width: 290px;
}
.asset-shipping .content {
	margin-left: 10px;
	margin-right: 10px;
}

.asset-shipping h4 {
color: #FFFFFF;
background-image: url(../images/frontend/item_bg.jpg);
height: 25px;
line-height: 25px;
overflow: hidden;
padding: 0px;
text-indent: 5px;
}

.asset-shipping dl {
/*margin: 8px 20px;*/
margin: 0px;
}

.asset-shipping dt {
color: #0075EA;
/*color: #333333;*/
font-size: 14px;
font-weight: bold;
}
.asset-shipping dt span {
	color: #333333;
}
.asset-shipping dd {
font-size: 14px;
padding: 0.2em;
}

.asset-shipping h5 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	border-bottom: #CCCCCC 1px solid;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	color: #666666;
}
.asset-shipping .ems {

}

.asset-shipping .air {
color: #666666;
}

.asset-shipping .sal {

}

/* Asset cart ------------------------------------------------------------ */
#asset-cart-title {
	text-align: center;
	background-color: #F9F9F9;
}
.asset-cart table {
	margin: 0px;
	width: 100%;
	border-top: 1px #DDDDDD solid;
	border-right: 1px #DDDDDD solid;
}
.asset-cart td {
	border-bottom: 1px #DDDDDD solid;
	border-left: 1px #DDDDDD solid;
}
.asset-cart table table ,.asset-cart table table td {
	border: 0px;
}

.asset-cart .item-image {
width: 70px;
text-align: center;
vertical-align: middle;
}

.asset-cart .item-title {
font-size: 16px;
font-weight: bold;
width: 240px;
}

.asset-cart .item-title a {
color: #F49300;
text-decoration: none;
}

.asset-cart .item-title a:hover {
	color: #FFAA2B;
text-decoration: underline;
}

.asset-cart .item-cleanliness {
color: #660000;
}

.asset-cart .number {
color: #FF0000;
padding-right: 10px;
font-weight: bold;
text-align: right;
text-align:center;
}
.asset-cart .count {
	text-align: center;
}

.asset-cart .controller {
width: 20px;
}

div#checkout {
	width: 100%;
	text-align: center;
}

div#checkout input {
	width: 170px;
	height: 35px;
	background-image: url(../images/frontend/checkout_btn.png);
	overflow: hidden;
	border: 0px;
	text-indent: -9999px;
}

/* Asset bill ------------------------------------------------------------ */

.asset-bill .item-image {
width: 70px;
}
.asset-bill .item-image img {
width: 60px;
}

.asset-bill .item-title {
width: 240px;
}

.asset-bill .item-cleanliness {
color: #660000;
}

.asset-bill .number {
color: #FF0000;
padding-right: 10px;
font-weight: bold;
text-align: right;
}

.asset-bill .controller {
width: 20px;
}

/* Asset form ------------------------------------------------------------ */
.asset-form .content {
	background-color: #F4F4F4;
}

.asset-form .content input[type='submit'] {
	width: 160px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/frontend/login_btn.png);
	overflow: hidden;
	border: 0px;
}

input.big-button {
	width: 240px;
	height:75px;
	text-indent: -9999px;
	background-image: url(../images/frontend/login_create_new_account.png);
	overflow: hidden;
	border: 0px;
}

#confirm {
	text-align: center;
}
input.confirm-big-button {
	width: 360px;
	height: 70px;
	background-image: url(../images/frontend/confirm_big_button.jpg);
	overflow: hidden;
	text-indent: -9999px;
	border: 0px;
}


input#login_mail ,input#login_password {
	width: 200px;
}

input#mailsend {
	width: 160px;
	height: 30px;
	background-image: url(../images/frontend/send_btn.png);
	overflow: hidden;
	border: 0px;
	text-indent: -9999px;
}