* {
    margin:0;
    padding:0;
    font-size:14px;
    font-family: 'arial';
    color:#333333;
    vertical-align:top;
    webkit-font-smoothing: antialiased;
    webkit-text-size-adjust:none;
}

html,body {
	background-color:#eeeeee;
	width:100%;
	min-width:320px;
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}

input[type=text],input[type=button],input[type=submit],input[type=email] {
	-webkit-appearance: none;
}

img {
	border:0px;
}

#drp,#mobile,#line,#basket {
	display:none;
}

.colored {
	background-color:#eeeeee;
	border:1px solid #eeeeee !important;
	font-size:14px;
	/*font-weight:bold;*/
}

.teaser-small {
	font-size:10px;
	line-height:12px !important;
}

#navigation-wrapper {
	width:100%;
	background-color:#618be3;
}

	#navigation-wrapper ul li {
		float:left;
		padding:14px 22px;
		list-style:none;
	}
	
		#navigation-wrapper ul li a,
		#navigation-wrapper ul li * {
			color:#FFFFFF;
			text-decoration:none;
		}
		
	#navigation-wrapper ul li#selected {
		background-color:#FFFFFF;
	}
	
		#navigation-wrapper ul li#selected a,
		#navigation-wrapper ul li#selected * {
			color:#618be3;
		}
		
	#navigation-wrapper ul li:hover {
		background-color:#FFFFFF;
		cursor:pointer;
	}
	
		#navigation-wrapper ul li:hover a,
		#navigation-wrapper ul li:hover * {
			color:#618be3;
		}
		
#lupe {
	position:absolute;
	width:24px;
	height:24px;
	right:15px;
	margin-top:6px;
}
		
#search {
	padding:8px 16px;
}

	#search input[type=text],
	#search input[type=email] {
		width:100%;
		background-color:#FFFFFF;
		border:0px;
		padding:10px;
		color:#999999;
		font-size:14px;
		margin-left:-8px;
		border-radius:0px;
	}
	
#text-wrapper {
	padding:20px;
	max-width:640px;
	padding-right:40px;
}

	#text-wrapper h1 {
		font-weight:normal;
		font-size:24px;
		color:#618be3;
		margin-bottom:5px;
	}
	
	#text-wrapper table {
		width:100%;
		max-width:960px;
		border-collapse:collapse;
	}
	
	#text-wrapper td {
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:1px solid #DDDDDD;
		width:auto;
		font-size:14px;
	} 
	
		#text-wrapper td input[type=text],
		#text-wrapper td input[type=email] {
			width:100%;
			border-radius:0px;
			padding:2px 5px;
			border:1px solid #DDDDDD;
		}
		
		#text-wrapper td select {
			border-radius:0px;
			padding:2px 5px;
			padding-right:0px;
			border:1px solid #DDDDDD;
			width:80px;
		}
	
	#text-wrapper .count {
		text-align:center;
	}
	
	#text-wrapper .title-row {
		font-weight:bold;
	}
	
		#text-wrapper small {
			font-size:14px;
		}
	
	#text-wrapper .total {
		font-weight:bold;
	}
	
h2 {
	margin-bottom:10px;
}
	
#global-wrapper {
	padding:6px 0px;
	padding-right:0px;
	margin-left:0px;
	padding-bottom:10px;
}

	#global-wrapper .box {
		width:280px;
		height:142px;
		padding:20px;
		background-color:#e5e5e5;
		float:left;
		margin-bottom:20px;
		margin-right:20px;
	}
	
	#global-wrapper .box:hover {
		background-color:#dfdfdf;
		cursor:pointer;
	}
	
		#global-wrapper .box-image {
			float:left;
			width:100px;
			margin-right:20px;
		}
		
			#global-wrapper .box-image img {
				width:100px;
				height:142px;
			}
		
		#global-wrapper .box-text {
			float:left;
			width:160px;
			font-size:14px;
		}
		
			#global-wrapper .box-text * {
				font-size:14px;
			}
		¨
			#global-wrapper .box-text h2 {
				margin-bottom:5px;
			}
			
				#global-wrapper .box-text a,a {
					text-decoration:none;
					color:#618be3;
				}

#footer-line {
	width:100%;
	position:fixed;
	height:8px;
	bottom:0px;
	background-color:#618be3;
}			

#footer {
	position:fixed;
	background-color:#618be3;
	color:#FFFFFF;
	bottom:0px;
	font-size:14px;
	padding:5px 10px;
	right:20px;
}	

	#footer a {
		font-size:14px !important;
		color:#FFFFFF;
		text-decoration:none;
	}

	
#nav li:hover .submenu,
#nav li	.submenu:hover {
	display:block;
}

#nav li .submenu {
	position:absolute;
	width:440px;
	background-color:#FFFFFF;
	margin-left:-22px;
	margin-top:14px;
	padding-bottom:10px;
	padding-top:10px;
	display:none;
} 

	#nav li .submenu li {
		width:180px;
		padding:0px;
		color:#618be3;
		padding:5px 20px;
	}
	
		#nav li .submenu li a {
			font-size:14px;
		}
		
.detail-image {
	float:left;
	width:120px;
	padding-top:10px;
}

	.detail-image img {
		width:100px;
		height:142px;
		margin-top:4px;
	}

.detail-text {
	float:left;
	font-size:14px;
	width:450px;
	line-height:20px;
	padding-top:10px;
}

	.detail-text div,
	.detail-text div b {
		font-size:14px;
	}
	
	.detail-text div {
		width:180px;
		float:left;
	}

.abo {
	background-color:#e5e5e5;
	width:100%;
	padding:15px 0px;
	margin-top:0px;
	margin-bottom:1px;
}

	.abo-name {
		padding-left:140px;
		width:160px;
		font-size:14px;
		line-height:24px;
		float:left;
	}
	
	.abo-price {
		font-size:14px;
		line-height:24px;
		float:left;
		padding-left:70px;
		width:120px;
		text-align:right;
	}
	
		.abo-price input[type=radio] {
			margin-top:5px;
			margin-left:8px;
		}
		
input[type=submit],
input[type=button] {
	border-radius:0px;
	background-color:#618be3;
	color:#FFFFFF;
	padding:5px;
	border:0px;
	margin-left:140px;
	cursor: pointer;
}

#lightbox-bg {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../img/lightbox.png);
	z-index:10000;
	display:none;
}

#lightbox {
	position:absolute;
	z-index:10001;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-320px;
	width:600px;
	padding:20px;
	background-color:#FFFFFF;
	display:none;
}
	
@media only screen and (max-width : 640px) {
	#lightbox-bg {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-image:url(../img/lightbox.png);
		z-index:10000;
		display:none;
	}
	
	#lightbox {
		position:absolute;
		z-index:10001;
		top:50px;
		left:50%;
		margin-top:0px;
		margin-left:-160px;
		width:280px;
		padding:20px;
		background-color:#FFFFFF;
		display:none;
	}
		
	.abo-price {
		font-size:14px;
		line-height:24px;
		float:left;
		padding-left:70px;
		text-align:right;
	}
	
	#drp {
		width:28px;
		height:22px;
		position:absolute;
		top:10px;
		right:66px;
		display:block;
	}
	
	#line {
		position:absolute;
		top:0px;
		right:50px;
		height:45px;
		width:1px;
		background-color:#FFFFFF;
		display:block;
	}
	
	#basket {
		
		position:absolute;
		top:0px;
		right:0px;
		padding-top:9px;
		padding-right:10px;
		width:40px;
		height:35px;
		text-align:right;
		display:block;
		background-color:#618be3;
	}
	
		#basket img {
			width:28px;
			height:24px;
		}
	
	#mobile {
		padding:14px 22px;
		color:#FFFFFF;
		display:block;
		font-size:15px;
	}
	
	#mobile:hover,
	#drp:hover {
		cursor:pointer;
	}
		
	#navigation-wrapper ul {
		position:absolute;
		left:0px;
		top:44px;
		width:100%;
		background-color:#FFFFFF;
		display:none;
		z-index:10000;
	}
	
		#navigation-wrapper ul li a {
			font-size:15px !important;
		}
	
		#navigation-wrapper ul li,
		#navigation-wrapper ul li:hover,
		#navigation-wrapper ul li#selected {
			background-color:#618be3;
			margin-top:1px;
			color:#FFFFFF;
		}
		
		#navigation-wrapper ul li:hover a,
		#navigation-wrapper ul li:hover *,
		#navigation-wrapper ul li#selected a {
			color:#FFFFFF;
			font-size:15px !important;
		}
		
		#navigation-wrapper ul li {
			padding-bottom:0px;
		}
		
	.nosubnav {
		padding-bottom:15px !important;
	}
		
	#footer-line {
		position:relative;
		display:none;
	}
	
	#footer {
		position:relative;
		left:0px;
		width:100%;
		display:block;
	}	
	
	#nav li .submenu {
		position:static;
		display:block;
		padding:0px !important;
		width:100%;
	}
	
		#nav li .submenu li {
			width:100%;
			background-color:#eeeeee;
			margin-top:0px;
			margin-left:-2px;
			padding-left:22px;
			border-top:1px solid #FFFFFF;
			padding:8px 22px;
		}
		
			#nav li .submenu li a {
				color:#557fd5 !important;
				font-size:15px;
			}
}

@media only screen and (max-width : 640px) {
	.detail-text {
		width:400px;
	}
}

@media only screen and (max-width : 580px) {
	.detail-text {
		width:360px;
	}
}

@media only screen and (max-width : 540px) {
	.detail-text {
		width:300px;
	}
	
	.abo-price {
		font-size:14px;
		line-height:24px;
		float:left;
		padding-left:140px;
		text-align:left;
	}
}

@media only screen and (max-width : 500px) {
	.detail-text {
		width:260px;
	}
}

@media only screen and (max-width : 440px) {
	.detail-text {
		width:190px;
	}
	
	.count {
		 display:none;
	}
}

@media only screen and (max-width : 380px) {
	.detail-text {
		width:140px;
	}
}