/* ------ */
/* Global */
/* ------ */

body,
select,
input,
a,
textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	outline: none;
	color: #684D43;
	text-decoration: none;
}

div#content p {
	margin: 0px 0px 8px 0px;
}

div#content ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	list-style-type: square;
}

div#content ul ul {
	list-style-type: disc;
}

div#content ul ul ul,
div#content ul ul ul ul {
	list-style-type: circle;
}

img,
form,
table,
td,
h1,
h2,
h3 {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
}

h1 {
}

h2 {
}

h3 {
	font-size: 14px;
	margin: 0px 0px 8px 0px;
}

/* ----- */
/* Links */
/* ----- */

a:hover {
	color: #7CC3B1;
}

/* ------------- */
/* Miscellaneous */
/* ------------- */

.float_left {float: left;}
.clear_both {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.center {margin: auto;}
.inline {display: inline;}
.block {display: block;}

/* ----- */
/* Frame */
/* ----- */

div#content div.menu,
div#content div.menu_half {
	background-image: url(../images/content/menu.png);
	width: 597px;
	cursor: default;
	line-height: 22px;
	text-indent: 18px;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;	
	margin-bottom: 12px;
}

div#content div.frame {
	background-image: url(../images/content/frame.png);
	padding: 16px 20px 15px 20px;
}

div#content div.frame_top {
	overflow: hidden;
	background: url(../images/content/frame_top.png);
	height: 6px;
}

div#content div.frame_bottom {
	overflow: hidden;
	background: url(../images/content/frame_bottom.png);
	height: 6px;
	margin-bottom: 12px;
}

div#content div.frame_separator {
	overflow: hidden;
	background: url(../images/content/frame_separator.png);
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#content table div.frame_separator {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Frame Half */

div#content div.frame_half {
	background-image: url(../images/content/frame_half.png);
	padding: 0px 6px 0px 6px;
	width: 278px;
}

div#content div.frame_half_separator {
	width: 17px;
	height: 17px;
}
div#content div.menu_half {
	background-image: url(../images/content/menu_half.png);
	width: 290px;
}
div#content div.frame_half_top {
	overflow: hidden;
	background: url(../images/content/frame_half_top.png);
	width: 290px;
	height: 6px;
}
div#content div.frame_half_bottom {
	overflow: hidden;
	background: url(../images/content/frame_half_bottom.png);
	width: 290px;
	height: 6px;
	margin-bottom: 12px;
}

/* ------- */
/* Welcome */
/* ------- */

div#welcome {
	position: relative;
	width: 597px;
	height: 219px;
	background-image: url(../images/welcome/background.png);
	cursor: default;
}
div#welcome div {
	position: absolute;
	top: 40px;
	left: 55px;
	width: 380px;
	height: 140px;
	overflow: hidden;
}
div#welcome p {
	font-size: 14px;
}
div#welcome h1 {
	color: #ABC629;
	font-size: 20px;
}

/* ------- */
/* Buttons */
/* ------- */

a.button_80,
a.button_80_brown,
a.button_140 {
	line-height: 20px;
	height: 20px;
	text-align: center;
}

input.button_80,
input.button_80_brown,
input.button_140 {
	overflow: visible;
	border: 0px;
	cursor: pointer;
	
	line-height: 19px;
	height: 20px;
	text-align: center;
}

.button_80,
input.button_80 {background: url(../images/buttons/button_80.png);width: 80px;}
.button_80_brown,
input.button_80_brown {background: url(../images/buttons/button_80_brown.png);width: 80px;}
.button_140,
input.button_140 {background: url(../images/buttons/button_140.png);width: 140px;}


/* Hover */

a.button_80_brown:hover,
input.button_80_brown_hover {background: url(../images/buttons/button_80_brown_hover.png);color: #684D43;}
a.button_80:hover,
input.button_80_hover {background: url(../images/buttons/button_80_hover.png);color: #684D43;}
a.button_140:hover,
input.button_140_hover {background: url(../images/buttons/button_140_hover.png);color: #684D43;}


/* ----- */
/* Forms */
/* ----- */

input, select, textarea {margin: 1px;}
* html div#content input {margin: 0px;}
* html div#content select {margin: 0px;}
* html div#content textarea {margin: 0px;}

input.input_text,
input.input_password,
textarea {
	border: 1px solid #7CC3B1;
	padding: 2px;
}

textarea {
	overflow: auto;
	width: 400px;
	height: 100px;
}

input.input_button,
input.input_submit {
	overflow: visible;
	text-align: center;
}

label {
	vertical-align: middle;
}

/* Specific Forms */

div.frame td input.input_text,
div.frame td input.input_password,
div.frame_half td input.input_text,
div.frame_half td input.input_password {width: 150px;}
div.frame td textarea,
div.frame_half textarea {width: 150px; height: 100px;}
div.frame td select,
div.frame_half td select {width: 157px;}

div.control_tab td input.input_text,
div.control_tab td input.input_password {width: 130px;}
div.control_tab td select {width: 137px;}

/* Captcha */
table tr.verification input.input_text {width: 50px;}
table tr.verification img {vertical-align: middle;}

form#product_detail_tell_friend input.input_text {
	width: 250px;
}
form#product_detail_tell_friend textarea {
	width: 250px;
	height: 100px;
}

/* ---- */
/* Ajax */
/* ---- */

a.add_item {
	background: url(../images/arrow_right.png) no-repeat center left;
	padding-left: 15px;
	padding-right: 15px;
}
a.add_item span {
	font-weight: bold;
}

/* ------ */
/* Paging */
/* ------ */

table.paging {
	float: right;
	width: auto;
	border: 1px solid #7CC3B1;
	cursor: default;
}

table.paging td {border: 1px solid #7CC3B1;}
table.paging td.current {padding: 0 8px 0 8px;}
table.paging td a {padding: 0 2px 0 2px;background-color: #7CC3B1;}
table.paging td a:hover {background-color: white;}