body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	color: #3e53a4;
	font-family: "Arial", "Helvetica", sans-serif;
	text-align: center;
	font-size: 9pt;
	}
	h1, h2, h3, h4, h5, h6, form, ul, ol, p {
		padding: 0;
		margin: 0;
		}
	img { border: 0; }
	a, a:visited {
		color: #3e53a4;
		text-decoration: none;
		}
		a:hover { text-decoration: underline; }
	input, textarea {
		color: #3e53a4;
		font-size: 9pt;
		margin: 0;
		padding: 0 3px;
		}
	table {
		margin: 0;
		border-collapse: collapse;
		}
		table tr td, table tr th { padding: 0; }
	.blue { color: #3e53a4; }
	.green { color: #9ecb3c; }
	.lightblue { color: #babed5; }
	.black { color: #000; }
	.center { text-align: center; }
	.hidden { display: none; }
	.clr { clear: both; }

#wrap {
	width: 960px;
	margin: auto;
	text-align: left;
	}

#header {
	width: 990px;
	height: 100px;
	padding-top: 36px;
	}
	#header div.logo {
		float: left;
		width: 215px;
		}
	#header div.tools {
		float: left;
		width: 745px;
		text-align: right;
		font-size: 8pt;
		}
		#header div.tools a strong { font-size: 9pt; }
		#header div.tools form {
			margin-top: 8px;
			vertical-align: middle;
			}
			#header div.tools form input {
				width: 106px;
				border: 2px solid #babed5;
				margin-right: 6px;
				}
			#header div.tools form span { cursor: pointer; }
		#header p.payments {
			margin-top: 7px;
			text-align: right;
			}

#menu {
	height: 45px;
	line-height: 45px;
	margin-bottom: 17px;
	}
	#menu a {
		display: block;
		float: left;
		height: 45px;
		overflow: hidden;
		margin-right: 16px;
		}
		#menu a.last { margin-right: 0; }

#left {
	float: left;
	width: 216px;
	margin-right: 20px;
	border-top: 2px solid #babed5;
	}
	#left ul {
		list-style-type: none;
		border-bottom: 2px solid #babed5;
		padding-bottom: 12px;
		}
		#left ul li {
			padding-top: 12px;
			}
			#left ul li h2 {
				font-size: 11pt;
				text-transform: lowercase;
				font-weight: normal;
				}
			#left ul li a {
				display: block;
				}
				#left ul li a:hover { text-decoration: underline; }
				#left ul li a.active, #left ul li a.green { color: #9ecb3c; }

#main {
	float: left;
	width: 683px;
	color: #000;
	}
	#main h3, #main h4 {
		font-size: 12pt;
		font-weight: normal;
		color: #3e53a4;
		}
		#main h4 {
			font-size: 9pt;
			}
			#main h4.black { color: #000; }
			#main h4.green { color: #9ecb3c; }
		#main h4.box {
			font-size: 14px;
			font-weight: bold;
			}
	#main p {
		margin-bottom: 10px;
		}
	#main div.separator { height: 20px; }
	#main div.fb { padding-left: 467px; }
	#main ul {
		padding: 0 0 0 17px;
		margin: 0;
		}
	#main a.green { color: #9ecb3c; }
	#main a.bigger { font-size: 10pt; }

#middle {
	float: left;
	width: 447px;
	margin-right: 20px;
	}

#right {
	float: left;
	width: 216px;
	}
	#right.hp {
		padding-bottom: 15px;
		border-top: 2px solid #babed5;
		}
	#right div.separator {
		height: 0;
		padding-bottom: 15px;
		margin-bottom: 5px;
		border-bottom: 2px solid #babed5;
		}
	#right div.fb { padding-left: 0; }

#index {
	}
	#index img {
		width: 447px;
		height: 447px;
		}

a.item {
	display: block;
	position: relative;
	width: 683px;
	margin-bottom: 16px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	}
	a.item:hover, a.item:hover .title, a.item:hover .variants { text-decoration: none; }
	a.item .image {
		float: left;
		width: 447px;
		margin-right: 20px;
		}
	a.item .title { text-decoration: underline; }
	a.item .price { font-weight: normal; }
	a.item .variants {
		position: absolute;
		bottom: 0;
		font-size: 9pt;
		text-decoration: underline;
		font-weight: normal;
		}

h4.box {
	display: block;
	color: #3e53a4;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	}
	h4.box.green { color: #9ecb3c; }
	h4.box span {
		display: block;
		margin-top: 7px;
		font-size: 10px;
		font-weight: bold;
		}
		h4.box span a {
			font-weight: bold;
			text-decoration: underline;
			}
			h4.box span a:hover { text-decoration: none; }

div.detail {
	margin-top: 6px;
	}
	div.detail img.lupa {
		position: absolute;
		margin-top: 3px;
		margin-left: 3px;
		z-index: 1;
		cursor: pointer;
		}

#cart {
	border-collapse: collapse;
	width: 100%;
	}
	#cart td {
		border-bottom: 1px solid #000;
		padding: 3px;
		}
		#cart td.nowrap { white-space: nowrap; }

a.related {
	display: block;
	float: left;
	width: 195px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 2px 5px 2px 2px;
	height: 85px;
	}
	a.related img {
		float: left;
		margin-right: 10px;
		}

div.error {
	border: 1px solid #6096bf;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #ffbfbf;
	}

#delivery {
	width: 100%;
	}
	#delivery td {
		width: 50%;
		vertical-align: top;
		padding-right: 20px;
		}
	#delivery .payment { display: none; }

div.fotogalerie {
	}
	div.fotogalerie a {
		display: block;
		width: 125px;
		height: 125px;
		float: left;
		margin-left: 8px;
		margin-bottom: 8px;
		text-decoration: none;
		border: 2px solid #fff;
		}
		div.fotogalerie a:hover { border: 2px solid #000; }
		div.fotogalerie a.first { margin-left: 0; }
		div.fotogalerie a img {
			border: 0;
			width: 125px;
			height: 125px;
			}

address {
	width: 724px;
	margin: 36px 0;
	padding-left: 236px;
	font-size: 8pt;
	font-style: italic;
	}

#questionary {
	position: absolute;
	width: 850px;
	height: 1275px;
	margin-top: 100px;
	margin-left: 40px;
	margin-bottom: 10px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #000;
	z-index: 1000;
	}
	#questionary h2 { color: #3e53a4 }
	#questionary #close {
		position: absolute;
		width: 850px;
		text-align: right;
		font-size: 12pt;
		font-weight: bold;
		color: #3e53a4;
		cursor: pointer;
		}
	#questionary table tr td, #questionary table tr th {
		vertical-align: top;
		padding-right: 10px;
		}
		#questionary table tr th { width: 250px; }
		#questionary table tr td input { vertical-align: middle; }