@charset "utf-8";

/* Common
--------------------------------------------------------------*/
body {
	text-align:center;
	background-color:#ffffff;
	font-size:12px;
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333333;
}

input {
	vertical-align:middle;
	font-size:12px;
}

textarea, table {
	font-size:12px;
}

/* Container
--------------------------------------------------------------*/
div#container {
	text-align:left;
	width:744px;
	margin:0 auto;
}

/* Header
--------------------------------------------------------------*/
div#container div#header {
	width:100%;
	height:70px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	margin-bottom:5px;
}

div#container div#header h1 img{
	margin-top:10px;
	margin-left:10px;
}

/* Body
--------------------------------------------------------------*/
div#container div#bodycontents {
	width:100%;
	border:1px solid #cccccc;
}

/* Title
--------------------------------------------------------------*/
div#bodycontents h2 {
	margin:15px 15px 0 15px;
	font-size:18px;
}

/* Error Message
--------------------------------------------------------------*/
ul#errmessage {
	margin:15px 0 15px 10px;
}

#errmessage .error {
	padding:0 0 0 15px;
	background-image: url("../images/error.gif");
	background-repeat:no-repeat;
	background-position:0px 3px;
	list-style:none;
	font-weight:bold;
	color:#ff0000;
}

/* Contents
--------------------------------------------------------------*/
div#bodycontents div#cartcontents {
	margin:15px 30px 50px 30px;
}

div#cartcontents h3 {
	margin:25px 0 8px 0;
	padding:0 0 5px 0;
	background:url(../images/dotline.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	font-size:14px;
	color:#993333;
}

div#cartcontents h4 {
	margin:25px 0 8px 0;
	padding:0 0 5px 0;
	background:url(../images/dotline.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	font-size:12px;
	color:#505050;
}

div#cartcontents p.additional {
	margin:25px 0 0 0;
}

div#cartcontents .neccessary {
	color:#ff6600;
}

/* Section
--------------------------------------------------------------*/
div#cartcontents div.section {
	margin:0 0 0 15px;
}

div.section p.addmessage {
	margin:10px 0 0 0;
}

div.section p.addmessage2 {
	margin:20px 0 0 0;
}

div.section .sectionbutton {
	margin:15px 0 0 0;
}

div.section div.address {
	margin:10px 0 10px 20px;
}

div.section table.entry {
	margin:10px 0 0 20px;
	border:none;
}

/* Default Table Style
----------------------------------------------------------------*/
div#cartcontents table#carttable {
	border:none;
	width:667px;
	margin:5px 0 0 0;
}

table#carttable td, th {
	padding:3px;
}

table#carttable th {
	background-color:#999999;
	color:#ffffff;
	text-align:center;
}

table#carttable td {
	background-color:#eeeeee;
	color:#000000;
}

table#carttable .product, .shopname {
	width:100%;
}

table#carttable .number, .currency {
	text-align:right;
}

table#carttable .shipping {
	text-align:center;
}

table#carttable p.attribute {
	margin:2px 0 0 10px;
	font-size:11px;
}

/* Entry Field
--------------------------------------------------------------*/
input.email {
	width:200px;
	ime-mode:inactive;
}

input.password {
	width:105px;
	ime-mode:inactive;
}

input.fullname {
	width:200px;
	ime-mode:active;
}

input.lastname, input.firstname {
	width:80px;
	ime-mode:active;
}

input.zipcd {
	width:60px;
	ime-mode:inactive;
}

input.address {
	width:200px;
	ime-mode:active;
}

input.tel {
	width:105px;
	ime-mode:inactive;
}

input.creditno {
	width:120px;
	ime-mode:inactive;
}

input.creditowner {
	width:100px;
	ime-mode:inactive;
}

input.quantity {
	width:30px;
	ime-mode:inactive;
}

/* Buttons
--------------------------------------------------------------*/
div#cartcontents div#footerbuttons {
	margin-top:25px;
	height:26px;
}

div#footerbuttons p.next {
	float:right;
}

div#footerbuttons p.prev {
	float:left;
}

div#footerbuttons p.left {
	float:left;
	margin:0 8px 0 0;
}

/* Pager
--------------------------------------------------------------*/
div#cartcontents div#pager {
	margin:5px 0 0 5px;
}

div#pager .current {
	font-weight:bold;
}

/* Footer
--------------------------------------------------------------*/
div#container div#footer {
	clear:both;
	width:100%;
	text-align:right;
}

div#footer .copyright {
	font-size:10px;
}

/* Login
--------------------------------------------------------------*/
div#cartcontents table#login {
	margin:15px 0 0 0;
}

/* New Account
--------------------------------------------------------------*/
div#cartcontents table#newaccount {
	margin:15px 0 0 0;
}

/* Entry Payment
--------------------------------------------------------------*/
div#cartcontents table#payitem {
}

table#payitem td.payitemname {
	padding:3px 10px 5px 0;
	vertical-align:top;
}

table#payitem td.payiteminfo {
	padding:0 0 5px 0;
	vertical-align:top;
}

/* Confirm Order
--------------------------------------------------------------*/
div#cartcontents table.confirm {
}

table.confirm td {
	padding:0 5px 5px 0;
}

table.confirm td.top {
	vertical-align:top;
}

table.confirm .sub {
	margin:5px 0 0 10px;
}

/* Complete Order
--------------------------------------------------------------*/
div#cartcontents span.orderno {
	font-weight:bold;
	color:#CC3300;
}

/* Reissue Password
--------------------------------------------------------------*/
div#cartcontents table#reissue {
	margin:15px 0 0 0;
}