@import url('form.css');
@import url('mod.order.userinfo.css');

body {
	font-family: arial;
	font-size: 12px;
	text-align: center;
	margin: 0;
}

th {
	text-align: left;
}

table {
	border-collapse: collapse;
}

td {
	padding: 2px 0 5px 0;
}

div.clear {
	clear: both;
	font-size: 0;
	height: 0;
}

div.spacer {
	height: 10px;
}

form {
	display: inline;
}

div.wrapper div.main div.middle div.notification {
	border: 1px solid #119911;
	background-color: #E6F8DD;
	margin-right: 10px;
	margin-bottom: 10px;
}
	div.wrapper div.main div.middle div.notification p {
		margin: 0;
		padding: 5px 10px 5px 10px !important;
		color: #006600;
		font-weight: bold;
	}
	
	div.wrapper div.main div.middle div.notification a {
		color: #006600;
	}

div.wrapper div.main div.middle div.error {
	border: 1px solid #DD0000;
	background-color: #FFEEEE;
	margin-right: 10px;
	margin-bottom: 10px;
}
	div.wrapper div.main div.middle div.error p {
		margin: 0;
		padding: 5px 10px 5px 10px !important;
		color: #AB0000;
		font-weight: bold;
	}
	
	div.wrapper div.main div.middle div.error a {
		color: #AB0000;
	}


a {
	color: #000;
}
	a:hover {
		text-decoration: none;
	}
	
	a img {
		border: 0;
	}

div.wrapper {
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.top {
	height: 98px;
}
	div.top div.logo {
		float: left;
		margin-left: 10px;
		margin-top: 35px;
	}
	
	div.top div.login {
		float: right;
		margin-top: 25px;
	}
		div.top div.login fieldset {
			margin: 0;
			padding: 0;
		}
		
		div.login div {
			float: left;
			padding-left: 10px;
		}
		
		div.login label {
			margin: 0 0 5px 0;
			padding: 0 0 0 2px;
		}
		
		div.login p {
			text-align: right;
			margin: 5px 0 0 0;
		}
		
			div.login p.loggedin {
				text-align: right;
				margin: 25px 0px 0px 0px;
				font-size: 10px;
			}
		
		div.login a {
			font-size: 10px;
			color: #464852;
			text-decoration: underline;
		}
			div.login a:hover {
				text-decoration: none;
			}

div.menu {
	border-bottom: 3px solid #000;
	position: relative;
	height: 24px;
}
	div.menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 0;
	}
		div.menu ul.left {
			left: 0;
		}	
			div.menu ul.left li {
				float: left;
				margin: 0;
				padding: 0;
			}
				div.menu ul.left li a {
					display: block;
					padding: 5px 10px 4px 10px;
					text-decoration: none;
					text-transform: uppercase;
					color: #000;
				}
			
				div.menu ul.left li.active a,
				div.menu ul.left li a:hover {
					background-color: #000;
				}
					div.menu ul.left li.active a,
					div.menu ul.left li a:hover {
						color: #fff;
					}
	
		div.menu ul.right {
			right: 0;
			width: 100px;
		}	
			div.menu ul.right li {
				float: right;
				height: 17px;
				padding: 0px 6px 3px 6px;
				_padding-top: 4px;
			}
		
			div.menu ul.right li.active {
				background-image: url('../images/flag-active.gif');
				background-repeat: no-repeat;
				background-position: bottom center;
			}
		
div.main {
}
	div.fixed-height {
		height: 338px;
		position: relative;
	}
	
	div.main p {
		line-height: 1.45em;
		margin: 0 0 10px 0;
	}
	
	div.main h1 {
		font-size: 20px;
		font-weight: normal;
		margin: 0;
		padding: 0 0 10px 0;
	}
		div.main h1.no-bottom-spacing {
			padding-bottom: 0;
		}
		
		div.main div.left h1 {
			padding-bottom: 5px;
		}
		
	div.main span.inactive {
		color: #ddd;
	}
	
	div.main h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 10px 0;
	}
		div.main h2.grey {
			font-size: 18px;
			font-weight: normal;
			color: #939393;
		}
		
		div.main h2 a {
			text-decoration: none;
		}
		
			div.main h2 a:hover {
				text-decoration: underline;
			}
	
	div.main div.spacing-10 {
		padding: 20px 10px 10px 10px;
	}
	
	div.main div.spacing-20 {
		padding: 20px;
	}
	
	div.main div.no-right-spacing {
		padding-right: 0;
	}
	
	div.main div.no-left-spacing {
		padding-left: 0;
	}
	
	div.main div.opacity-overlay {
		width: 235px;
		height: 338px;
		background-color: #fff;
		filter: alpha(opacity=60);
		-moz-opacity: .60;
		opacity: .60;
		top: 0;
		position: absolute;
		z-index: 5;
	}
	
	div.main div.overlay {
		width: 235px;
		height: 338px;
		top: 0;
		position: absolute;
		z-index: 6;	
	}
		div.main div.overlay ul.menu li {
			background-image: url('../images/arrow-active.gif');
		}
	
	div.main ul.menu {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}	
		div.main ul.menu li {
			line-height: 24px;
			padding-left: 15px;
			margin: 0;
			background-image: url('../images/arrow.gif');
			background-repeat: no-repeat;
			background-position: center left;
		}
			div.main ul.menu li a {
				color: #000;
			}
				div.main ul.menu li a:hover {
					text-decoration: none;
				}
				
			div.main ul.menu li.active {
				background-image: url('../images/arrow-active.gif');
			}
				div.main ul.menu li.active a {
					color: #000;
					text-decoration: none;
				}

	div.main div.left {
		float: left;
		width: 235px;
	}
	
	div.main div.middle {
		float: left;
		width: 699px;
	}
		div.main div.middle ul {
			margin: 0 0 10px 20px;
			padding: 0;
		}
			div.main div.middle ul li {
				padding-bottom: 5px;
				line-height: 18px;
			}
			
			table.addressbook {
				border-collapse: collapse;
				width: 699px;	
			}
				table.addressbook thead,
				table.addressbook tbody,
				table.addressbook tfoot {
					border: 1px solid #ddd;
				}

				table.addressbook thead th {
					padding: 5px 10px 5px 10px;
					border-bottom: 1px solid #ddd;
				}


				table.addressbook tbody td {
					padding: 10px;
					border-bottom: 1px solid #ddd;
					background-image: url('../images/cart-td-background.gif');
					background-repeat: repeat-x;
					background-position: left bottom;
				}

				table.addressbook tbody td.grey {
					color: #666666;
				}
				
			div.main div.header-right-button {
				float: left;
				padding-left: 5px;
				line-height: 14px;
			}
				div.main div.header-right-button.extra-space-top {
					margin-top: 15px;
				} 

				div.main div.header-right-button a {
					font-size: 11px;
				}
	
	div.main div.right {
		float: left;
		width: 235px;
	}
		div.main div.right h1 {
			font-size: 14px;
			font-weight: normal;
			margin: 0;
			padding: 0 0 10px 0;
		}

div.footer {
	margin-top: 10px;
	background-color: #eeeeef;
	border-top: solid 3px #dcddde;
}
	div.footer a {
		text-decoration: underline;
		color: #777777;
	}
		div.footer a:hover {
			text-decoration: none;
		}
	
	div.footer p {
		color: #777777;
		font-size: 11px;
		margin: 5px 10px 5px 10px;
		line-height: 20px;
	}
	
	div.footer a.light {
		color: #b6b7b8;
	}
	
	div.footer div.left p {
		float: left;
	}
	
		div.footer div.left img {
			margin: 0px 5px 0px 0px;
			padding: 0px;
		}
	
	div.footer div.right p {
		padding-left: 10px;
		float: right;
	}
	

/* shop home product */
body.home div#middle div.shopContainer {
	width: 244px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

	body.home div#middle div.shopContainer p {
		margin: 0px;
		padding: 3px 0px 2px 0px;
	}

	body.home div#middle div.shopContainer div.product p {
		margin: 0px;
		padding: 0px;
	}

	body.home div#middle div.shopContainer div.product {
		width: 70px;
		float: left;
		height: 70px;
		position: relative;
		margin: 0px 10px 10px 0px;
		background: none;
	}

	body.home div#middle div.shopContainer div.product img {
		border: 1px solid #fff;
		width: 69px;
		height: 69px;
	}

	body.home div#middle div.shopContainer div.product a:hover img {
		border: 1px solid #fdc613;
	}
	
/* shop base styles */
div.shopContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	div.shopContainer ul li {
		padding: 0 0 0 15px;
		margin: 0 10px 0 0;
		line-height: 24px;
		background: url('../images/arrow.gif') no-repeat 0px 3px;
	}
		div.shopContainer ul li.large {
			font-size: 14px;
			font-weight: bold;
			background-image: url('../images/arrow-active.gif');
		}
			div.shopContainer ul li.large a {
				color: #000;
			}
			
		div.shopContainer ul li a {
			color: #464852;
		}
			div.shopContainer ul li a:hover {
				text-decoration: none;
			}
			
		div.shopContainer ul li.active {
			background-image: url('../images/arrow-active.gif');
		}
			div.shopContainer ul li.active a {
				color: #000;
				text-decoration: none;
			}

div.shopContainer img.right {
	float: right;
	padding-left: 10px;
}

div.shopContainer table.product-info {
	border-collapse: collapse;
}
	div.shopContainer table.product-info td {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div.shopContainer table.product-info td.title {
		font-weight: bold;
		padding-right: 10px;
	}

/* shop category */
div.shopContainer div.category {
	width: 213px;
	float: left;
	height: 210px;
	position: relative;
	margin: 0px 10px 10px 0px;
	border: 1px solid #c7c7c7;
}
	div.shopContainer div.category div.spacer {
		padding: 10px;
	}
	
	div.shopContainer div.category ul li {
		display: inline;
		line-height: 12px;
	}
	
	div.shopContainer div.category img {
		margin: 10px 0 0 0;
	}

	div.shopContainer div.category a:hover img {

	}

	div.shopContainer div.category p {
		margin: 0;
		padding: 0;
	}

/* shop product */
div.shopContainer div.product {
	width: 213px;
	float: left;
	height: 210px;
	position: relative;
	margin: 0px 10px 10px 0px;
	border: 1px solid #c7c7c7;
}
	div.shopContainer div.product div.spacer {
		padding: 10px;
	}
	
	div.shopContainer div.product ul li {
		display: inline;
		line-height: 12px;
	}
	
	div.shopContainer div.product img {
		margin: 10px 0 0 0;
	}

	div.shopContainer div.product a:hover img {

	}

/* shop search */
div.shopSearch {
	float: left;
	padding-right: 10px;
}

.searchResultsTitle a span.highlight,
span.highlight {
	background: #fff8c0;
	font-weight: bold;
}

.searchResultsTitle a {
	color: #0000CC;
}

.searchResultsUrl {
	color: green;
}

.searchResultsResult {
	width: 420px;
	padding-bottom: 20px;
}

/* cart */
table.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ddd;
}
	table.cart thead,
	table.cart tbody,
	table.cart tfoot {
		border: 1px solid #ddd;
	}
	
	table.cart thead th {
		padding: 5px 10px 5px 10px;
		border-bottom: 1px solid #ddd;
		background: #ddd;
	}
	
	table.cart tbody td {
		padding: 10px;
		border-bottom: 1px solid #ddd;
		background: #f5f5f5;
	}
	
	table.cart tfoot td {
		padding: 5px 10px 5px 10px;
	}
	
	table.cart tfoot.cart-change-amount {
		border: 0;
	} 
	
		table.cart tfoot.cart-change-amount td {
			padding: 5px 10px 30px 10px;
		}
		
/* others */
div.currency {
	float: left;
}

div#main div#content a.delete {
	line-height: 13px;
	color: #414141;
	padding-left: 18px;
	text-transform: lowercase;
}

div#main div#content a.back {
	font-size: 11px;
	padding-left: 10px;
}

div#main div#content a.add {
	color: #006600;
}

div#main div#content div.notification {
	border: 1px solid #119911;
	background-color: #E6F8DD;
	margin-right: 10px;
	margin-bottom: 10px;
}
	div#main div#content div.notification p {
		margin: 0;
		padding: 5px 10px 5px 10px;
		color: #006600;
		font-weight: bold;
	}
	
	div#main div#content div.notification a {
		color: #006600;
	}

div#main div#content div.error {
	border: 1px solid #DD0000;
	background-color: #FFEEEE;
	margin-right: 10px;
	margin-bottom: 10px;
}
	div#main div#content div.error p {
		margin: 0;
		padding: 5px 10px 5px 10px;
		color: #AB0000;
		font-weight: bold;
	}
	
	div#main div#content div.error a {
		color: #AB0000;
	}
	
a.orderButton {
	color: green;
	font-size: 15px;
	font-weight: bold;
}

	a.orderButton:hover {
		background: green;
		color: white;
	}
	
.error {
	color: red;
}

p.info {
	color: #444;
	font-style: italic;
}

ul.order-navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	ul.order-navigation li {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		color: #888;
	}
	
		ul.order-navigation li.done {
			color: #000;
		}
	
		ul.order-navigation li.active a,
		ul.order-navigation li.active {
			font-weight: bold;
			color: #000;
			text-decoration: none;
		}
		
div.order-buttons {
	padding: 10px 0px 0px 0px;
}

.buttonRight {
	float: right;
}