@font-face		{ font-family: 'main';	src: url('/includes/fonts/main.woff')	format('woff'); }
@font-face		{ font-family: 'time';	src: url('/includes/fonts/time.woff')	format('woff'); }

body			{ background:url('/graphics/bgnd.jpg') fixed center #000000; padding:0px; margin:20px 0px; background-size:100% 100%; }
.clr			{ clear:both; }
.fl				{ float:left; }
.fr				{ float:right; }

#page			{ background:#ffffff; width:100%; max-width:1400px; padding-top:10px; margin:0px auto; min-height:800px; box-shadow:0px 3px 15px rgba(0, 0, 0, 0.66); }
#padd			{ padding:0px 10px 10px 10px; }

#head			{ position:relative; background:#5896c6; border-radius:8px; height:150px; margin:0px 10px; }
#head h2		{ position:absolute; top:30px; left:30px; padding:0px; margin:0px; font:normal 52px 'time', sans-serif; color:#ffffff; letter-spacing:0px; }
#head h1		{ position:absolute; top:90px; left:30px; padding:0px; margin:0px; font:normal 16px 'main', sans-serif; color:#ffffff; letter-spacing:0px; }
#head a			{ color:#ffffff; text-decoration:none; }

#cart			{ position:absolute; top:30px; right:30px; font:normal 16px 'main', sans-serif; }
#cart img		{ width:16px; }

#find			{ position:absolute; top:80px; right:30px; }
#find form		{ padding:0px; margin:0px; }
#find input		{ border:none; -webkit-appearance:none; font:normal 16px 'main', sans-serif; border-radius:4px; padding:4px 8px; margin:0px;  }
#find input[type="text"]	{ width:200px; background:#ffffff; margin-right:5px; }
#find input[type="submit"]	{ width: 50px; background:#206fac; color:#ffffff; cursor:pointer; }

#menu			{ width:200px; }
#menu a			{ display:block; font:normal 14px 'main', sans-serif; text-decoration:none; }
#menu .ind0		{ padding:5px 0px 5px  8px; margin-top:10px; background:#5896c6; color:#ffffff; }	#menu .ind0:hover	{ background:#508cbc; }
#menu .ind1		{ padding:3px 0px 3px 20px; background:#eeeeee; color:#000000; }	#menu .ind1:hover	{ background:#e4e4e4; }
#menu div		{ background:#206fac; color:#ffffff; cursor:pointer; font:normal 15px 'main', sans-serif; padding:8px; visibility:hidden; display:none; }
#menu img		{ width:20px; float:right; }

#tabl			{ padding:0px; margin:0px; width:100%; }
#cont			{ padding:15px 20px; font-family:'main', sans-serif; color:#333333; }
#cont h1		{ padding:0px; margin:0px; font:bold 24px 'main', sans-serif; color:#5896c6; }
#cont h2		{ padding:0px; margin:0px; font:bold 18px 'main', sans-serif; color:#5896c6; }
#cont a			{ color:#333333; }

#cont input[type="button"]	{ -webkit-appearance:none; border:none; min-width:40px; background:#206fac; color:#ffffff; cursor:pointer; padding:4px 10px; border-radius:3px; text-align:center; margin:0px 2px; }
#cont input[type="submit"]	{ -webkit-appearance:none; border:none; min-width:40px; background:#206fac; color:#ffffff; cursor:pointer; padding:4px 10px; border-radius:3px; text-align:center; margin:0px 2px; }

#geoprompt		{ font-size:13px; border:4px solid #dddddd; border-radius:4px;padding:10px; max-width:480px; margin:0px auto; visibility:hidden; display:none; text-align:center; }
#geoprompt h3	{ color:#cc0000; font:normal 20px 'main', sans-serif; margin:0px; padding:0px; }
#geoprompt img	{ max-width:100%; display:block; margin:10px auto; box-shadow:0px 1px 8px rgba(0, 0, 0, 0.33); }

.prod			{ background:rgba(0, 0, 0, .04); padding:15px; margin-bottom:10px; border-radius:5px; font-size:14px; border:1px solid #dddddd; }
.prod img		{ float:right; width:100px; border-radius:5px; }
.prod input		{ -webkit-appearance:none; border:none; padding:4px; border-radius:3px; text-align:center; margin:0px 3px;  }
.prod input[type="text"]	{ width:30px; background:#ffffff; }
.prod input[type="submit"]	{ width:40px; background:#206fac; color:#ffffff; cursor:pointer; }

.prod table		{ border:1px solid #888888; border-spacing:0px; border-radius:4px; }
.prod td strong	{ min-width:15px; text-align:center; font-size:11px; display:block; padding:1px 2px; background:#888888; color:#ffffff; border-radius:3px; }


.pcat			{ float:left; margin:15px; padding:15px; text-align:center; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.33); font-size:14px; }
.pcat img		{ display:block; width:128px;  }
.pcat a			{ text-decoration:none; color:#333333; }


.ccLeft			{ width:60%; min-width:480px; white-space:nowrap; min-height:30px; float:left; }
.ccLeft span	{ display:block; float:left; min-width:60px; }
.ccLeft img		{ width:40px; height:40px; }
.ccLeft textarea	{ width:100%; min-width:280px; max-width:480px; height:125px; -webkit-appearance:none; border:1px solid #dddddd; }

.ccRight		{ min-height:30px; float:right; width:33%; white-space:nowrap; clear:right; }
.ccRight span	{ display:block; float:left; width:33%; text-align:right; min-width:50px;  }
.ccRight input	{ -webkit-appearance:none; border:1px solid #dddddd; width:30px; padding:4px; text-align:right; }
.ccRight select	{ -webkit-appearance:none; border:1px solid #dddddd; width:70%;  padding:4px; cursor:pointer; margin:4px 0px; background:url('/graphics/down.png') right center no-repeat; background-size:12px 12px;}

#guru			{ background:#000000; color:#ff0000; margin-bottom:15px; display:block; text-align:center; padding:12px; border:8px solid red; font-family:'courier new', sans-serif; font-weight:bold; font-size:18px; }

#foot			{ max-width:1370px; padding:15px; margin:20px auto; background:rgba(0, 0, 0, 0.66); text-align:center; border-radius:8px; }
#foot #cert		{ width:100px; }

#mailform div		{ clear:both; width:100%; min-height:30px; }
#mailform span		{ display:block; float:left; min-width:120px; }
#mailform textarea	{ width:75%; min-width:500px; height:200px; }
#mailform input[type="text"]	{ width:240px; }

@media screen and (min-width:641px) and (max-width:800px) {
	#head h2	{ top:40px; left:20px; font-size:36px; }
	#head h1	{ top:85px; left:20px; font-size:11px; }
	#cart		{ top:40px; right:20px; }
	#find		{ top:70px; right:20px; } 
	#find input	{ font-size:14px; }
	#find input[type="text"]	{ width:175px; background:#ffffff; margin-right:5px; }
	#menu		{ width:150px; }
	#menu a		{ font-size:12px; }
	#menu .ind0	{ padding:5px; }
	#menu .ind1	{ padding:5px; }
	#cont		{ padding:5px 15px; }
	
	.ccLeft		{ float:left; width:50%; min-width:300px; clear:both; }
	.ccRight	{ float:left; width:50%; min-width:300px; clear:both; }
}


@media screen and (min-width:321px) and (max-width:640px) {
	body		{ margin:0px; }
	.fl, .fr	{ display:block; float:none; margin:0px auto; text-align:center; }
	#page		{ padding:0px; }
	#head		{ margin:0px; border-radius:0px; }
	#head h2	{ top:35px; left:0px; width:100%; text-align:center; font-size:36px; }
	#head h1	{ top:75px; left:0px; width:100%; text-align:center; font-size:11px; }
	#cart		{ top:10px; right:10px; font-size:12px; }
	#cart img	{ width:12px; }
	#find		{ top:105px; left:0px; width:100%; text-align:center; } 
	#find input	{ font-size:13px; }

	#padd		{ padding:0px; }
	#menu		{ display:block; width:100%; }
	#menu a		{ font-size:12px; }
	#menu div	{ visibility:visible; display:block; }
	#menu .ind0	{ padding:6px; visibility:hidden; display:none; margin-top:0px; }
	#menu .ind1	{ padding:6px; visibility:hidden; display:none; }
	
	#cont		{ display:block; padding:5px 10px; font-size:14px; }
	#cont h1	{ font-size:22px; }

	.pcat		{ margin:10px; padding:10px; font-size:12px; }
	.pcat img	{ display:block; width:110px; }

	.ccLeft		{ float:left; width:75%; min-width:300px; clear:both; }
	.ccRight	{ float:left; width:75%; min-width:300px; clear:both; }

	#mailform span		{ display:block; clear:both;  }
	#mailform input[type="text"]	{ margin-bottom:10px; }
	#mailform textarea	{ width:75%; min-width:280px; height:200px; }
	#mailform img		{ display:block; clear:right; margin:5px 0px; }
	#mailform p			{ display:block; clear:both; }
}

@media screen and (min-width:100px) and (max-width:320px) {
	.fl, .fr	{ display:block; float:none; margin:0px auto; text-align:center; }
	#head h2	{ top:40px; font-size:32px; }
	#head h1	{ top:80px; font-size:10px; }
	#find		{ top:110px; }
	#find input	{ font-size:12px; }
	#find input[type="text"]	{ width:150px; }
	#find input[type="submit"]	{ width: 40px; }
	#cont h1	{ font-size:20px; }
	.prod		{ padding:10px; }
	.prod img	{ width:64px; }
}