/* common */

body {
	background-color: #333333;
	margin: 0px 0px 0px 9px;
}

body, table, td, tr, span, div, h1, h2, h3, input, select, form, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	padding: 0px;
	margin: 0px;
}

/* header */

.header_path {
	font-size: 11px;
	line-height: 11px;
	color: #cccccc;
	padding: 0px 0px 0px 3px;
}

.header_path a {
	color: #cccccc;
	text-decoration: none;
}

.header_path a:hover {
	color: #cccccc;
	text-decoration: underline;
}

.header_navigation_off,
.header_navigation_off a,
.header_navigation_off a:hover {
	font-size: 16px;
	line-height: 16px;
	color: #cccccc;
	text-decoration: none;
}

.header_navigation_off a:hover {
	color: #ffffff;
}

.header_navigation_on,
.header_navigation_on a,
.header_navigation_on a:hover {
	font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
}

#login_popup {
	z-index: 20000;
         visibility: hidden;
         position: absolute;
         top: 44px;
         left: 13px;
         height: 93px;
         width: 312px;
         background: URL('/images/header/login_bg.gif');
         padding: 0px 0px 0px 0px;
}

/* shoppingcart */

.shoppingcart {
	cursor: pointer;
}

.shoppingcart_title {
	font-size: 14px;
	color: #666666;
	text-align: left;
}

.shoppingcart_articles {
	font-size: 14px;
	color: #999999;
	text-align: right;
}

.shoppingcart_background {
	background-image: url(../images/header/shoppingcart/background.gif);
	background-repeat: no-repeat;
	background-color: #727272;
}

.shoppingcart_item {
	padding: 3px 0px 3px 0px;
	vertical-align: top;
	font-size: 11px;
	color: #0000000;
}

.shoppingcart_item_white {
	padding: 3px 0px 3px 0px;
	vertical-align: top;
	font-size: 11px;
	color: #ffffff;
}

.shoppingcart_item_count {
	padding: 3px 0px 3px 10px;
}

.shoppingcart_item_price {
	padding: 3px 14px 3px 0px;
	text-align: right;
}

a.order_change,
a:hover.order_change {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.order,
a:hover.order {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

/* navigation */

.login_username {
	font-size: 11px;
	color: #cccccc;
	line-height: 11px;
	padding: 0px 0px 0px 4px;
}

.search {
	background-image: url(../images/header/search/background.gif);
	background-repeat: no-repeat;
}

.search input {
	background-color: #ffffff;
	border: 0px;
	padding: 0px;
	margin: 4px 0px 0px 5px;
	font-size: 12px;
	color: #999999;
	line-height: 12px;
	width: 70px;
}

.navigation {
	background-image: url(../images/navigation/background.gif);
	background-repeat: repeat-x;
}

.navigation_top {
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	padding: 0px 0px 0px 10px;
}

.navigation_top a,
.navigation_top a:hover {
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}

.navigation_item {
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
}

.navigation_item a,
.navigation_item a:hover {
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	text-decoration: none;
}

.navigation_item a:hover {
	color: #cccccc;
}

/* article */

.article_detail_box {
	padding: 17px 145px 17px 11px;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
}

.article_detail_box a {
	color: #ffffff;
	text-decoration: none;
}

.article_detail_box a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.article_detail_box div {
	color: #999999;
	font-size: 16px;
	margin: 6px 0px 0px 0px;
}

.article_detail_box h1 {
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

.article_detail_more {
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
	padding: 20px 0px 0px 0px;
}

.article_detail_more_links,
.article_detail_more_links a {
	font-size: 11px;
	color: #ffffff;
	line-height: 12px;
	text-decoration: none;
}

.article_detail_more_links a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.article_detail_text {
	padding: 17px 145px 17px 11px;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
}

/* cat */

.cat_detail {
	padding: 10px 2px 10px 2px;
	font-size: 11px;
	color: #cccccc;
}

.cat_detail h1 {
	font-size: 14px;
	color: #cccccc;
	margin: 10px 0px 12px 0px;
}

.cat_detail_price {
	font-size: 12px;
	color: #999999;
}

/* content */

.content {
	padding: 0px 10px 0px 10px;
	font-size: 11px;
	color: #ffffff;
}

.content a {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
}

.content a:hover {
	color: #999999;
	text-decoration: underline;
}

.content h2 {
	font-size: 12px;
	color: #cc3399;
	margin: 15px 0px 12px 0px;
	font-weight: normal;
}

.content h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	color: #cccccc;
}

.content h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

.content_grey {
	font-size: 12px;
	color: #999999;
}

.content_button {
	font-size: 16px;
	line-height: 16px;
	color: #999999;
	text-align: right;
}

/* footer */

.footer {
	padding: 30px 10px 40px 10px;
	font-size: 12px;
}

.footer_white,
.footer_white a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
}

.footer_white a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footer_grey,
.footer_grey a {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
	line-height: 18px;
}

.footer_grey a:hover {
	color: #999999;
	text-decoration: underline;
}

.footer_small {
	font-size: 11px;
	color: #999999;
	margin: 15px 0px 0px 0px;
}

.footer_small a {
	color: #999999;
	text-decoration: none;
}

.footer_small a:hover {
	color: #999999;
	text-decoration: underline;
}
