* {margin:0; padding:0;}
img {border:0;}
html, body {height: 100%;}
p {text-align:justify;}
body {font:12px Arial; color:#333; line-height:18px;}
#mainContainer {margin:0 auto; width:800px; position:relative; min-height: 100%;}
#mainContainer p a, #mainContainer p a:visited {color:#333;}
#mainContainer p a:hover {text-decoration:none;}
*html #mainContainer {height:100%;}
	.head {height:95px; position:relative; z-index:2;}
		.logo {position:absolute; bottom:12px; left:-26px;}
		.phone {position:absolute; right:20px; top:35px;}
			.phone span {font-size:18px; color:#349800;}
		.head ul {position:absolute; right:0; bottom:15px;}
			.head ul li {float:left; font:bold 13px Arial; list-style:none; padding:0 23px 0 7px;}
				.head ul li a, .head ul li a:visited {color:#333;}
					.head ul li span a, head ul li span a:visited {color:#f90 !important; text-decoration:none;}
				.head ul li a:hover {text-decoration:none;}
			
			
	.pixArea {display:table;}
		.pic780 {margin:0 0 8px 0;}
		.pic256 {float:left; margin:0 7px 0 0;}
	
	.twinBlox {display:table; padding:9px 0 0 0;}
		.block254 {width:254px; float:left; margin:0 10px 0 0;}
			.block254Top {width:254px; height:13px; background:url(img/block254-top.gif) no-repeat;}
			#block252 {border-left:1px solid #666; border-right:1px solid #666; padding:0 10px 0 10px;}
				#block252 ul {list-style:none;}
					#block252 ul li {padding:0 0 8px 0;}
					#block252 a, #block252 a:visited {color:#333; text-decoration:underline;}
					#block252 a:hover {text-decoration:none;}
			.block254Bottom {width:254px; height:13px; background:url(img/block254-bottom.gif) no-repeat;}

		.block517 {width:517px; float:left;}
			.block517Top {width:517px; height:13px; background:url(img/block517-top.gif) no-repeat;}
			#block515 {border-left:1px solid #666; border-right:1px solid #666; padding:0 10px 0 10px;}
				#block515 a, #block515 a:visited {color:#333; text-decoration:underline;}
					#block515 a:hover {text-decoration:none;}
					#block515 p {padding-bottom:7px;}
			.block517Bottom {width:517px; height:13px; background:url(img/block517-bottom.gif) no-repeat;}			
		
		.twinBlox h3 {font:normal 12px Arial; color:#349900; position:relative; top:-4px;}
		
	#promoBlock	{font-style:italic; background:#fff; padding:20px; clear:both; margin:20px auto; border:1px solid #7f7f7f; width:740px; position:relative; left:-7px; text-align:justify; }
		#promoBlock span {font-style:normal !important; font-weight:bold; display:block; text-align:center;}




	.txt {padding:20px 0 0 0; position:relative; width:150px; float:left;}
		.txt.p10 {padding-top:10px;}
		.txt ul {}
			.txt ul.menu {width:130px;}
			.txt ul li {list-style:none; padding:0 0 12px 0; color:#f90;}
				.txt ul li.top20 {padding-top:20px;}
				.txt ul li a, .txt ul li a:visited {color:#333;}
					.txt ul li span a, .txt ul li span a:visited {font-weight:bold; color:#f90; text-decoration:none;}
				.txt ul li a:hover {text-decoration:none;}

		.desc, .descr {float:left; width:640px;}
			.desc.w640 {width:640px; position:relative; z-index:1;}
			.desc.p180 {padding-left:180px;}
			.desc.w800 {width:800px; padding:2px 0 0 0;}
			.desc img.product360 {margin:10px 36px 0 0; float:left;}
			.desc img.sample213 {float:right; padding:0 0 100px 40px;}
			.desc h2 {font:bold 13px Arial; color:#f90; padding:20px 0 7px 0;}
			.desc p {padding:10px 0 10px 0;}
				.desc p.noPad {padding:0 !important;}
				p.first {padding-top:0 !important;}
				.desc p span {font:bold 11px Arial;}
			.desc a, .desc a:visited {color:#349900; display:block; padding:8px 0 26px 0; font:bold 13px Arial;}
			.greyLink, .greyLink:visited {color:#333 !important; font-weight:normal !important; text-decoration:underline; display:inline !important;}
			
				.greyLink:hover {text-decoration:none;}
			a.innerLink, a.innerLink:visited {display:inline; font:12px Arial; color:#333; text-decoration:none;}
			.desc.pd20 {padding:20px 0 0 23px; width:600px !important;}

		.navi {width:48px; height:30px; position:absolute; z-index:10; left:630px; top:23px; background:url(img/arrows.gif) no-repeat;}
			.navi li {width:16px; float:left; list-style:none;}
		
		body:nth-of-type(1) .navi{left:660px;}
			
			
			.eventList {padding-top:10px;}
			.eventList li {padding-top:10px;  line-height:18px;}
		
		.block380 {width:340px; padding:0 0 0 208px; float:left; position:relative; top:-10px;}
			.block380.pd20 {padding:20px 0 0 65px !important; top:0 !important;}
			.block380 h3 {font:bold 13px Arial; color:#f90;}
			.block380 p {padding:10px 0 10px 0; text-align:justify;}
			.txt370 {width:370px; line-height:18px;}
						.txt370 a, .txt370:visited{color:#333 !important; font-weight:normal !important; text-decoration:underline; display:inline !important;} .txt370 a:hover{ text-decoration:none;}
			
			
		a.mail, a.mail:visited {color:#333; text-decoration:none;}
		

		.gallery {width:635px; list-style:none; padding:8px 0 0 8px; margin:-36px 0 0 0 !important;}
			.gallery li {float:left; margin:0 47px 0 0; width:175px; height:245px; text-align:center;}
				.gallery li a, .gallery li a:visited {color:#333; text-decoration:none;}
				.gallery li.last {margin:0;}
				.gallery li img {width:175px; height:214px;}
				.gallery li p {font:italic 14px Arial; color:#333; padding:0; z-index:2; position:relative; 1top:-24px; text-decoration:underline;}
				.gallery li p:hover {text-decoration:none;}
				*html .gallery li p {position:static; margin-top:4px;}
					.gallery li span {display:block; font-size:12px; text-decoration:none !important; z-index:2;}
		
			#previews {list-style:none; display:block;}
				#previews li {padding:0; width:121px; height:72px; position:relative;}
					#previews li span {position:absolute; display:block; width:109px; height:72px; z-index:10; left:0; top:0; background:url(images/r.png) no-repeat left top; display:none;}
				*html #previews li {margin:0 !important;}
					#previews li img {position:relative; top:2px; left:2px;}
		
		.prevHold {padding-left:38px;}
		.photos604 {width:604px; float:left; padding-top:30px;}
		
		.photo604 {position:relative;}
			#navLeft {position:absolute; left:8px; top:200px;}
			#navRight {position:absolute; right:15px; top:200px;}
		
		#ph604 {margin:0 0 20px 40px;}
		#cutline {padding:20px 40px 0 40px; text-align:justify;}
			#cutline a, #cutline a:visited {color:#333; text-decoration:underline;}
			#cutline a:hover {text-decoration:none;}
		
		
		
		.txt h2 {font:bold 13px Arial; color:#f90; margin:3px 0 0 180px;}
		.orderData {margin:22px 0 0 180px;}
			.orderData td {vertical-align:top; padding:0 20px 10px 0;}
				.datafield {width:267px; height:17px; border:1px solid #333; font:12px Arial; color:#333;}
				.orderData td textarea {width:267px; height:120px; border:1px solid #333; font:12px Arial; color:#333;}
				.subm {width:95px; height:17px; border:1px solid #666; color:#fff; background:#61ab3c; font-size:11px; cursor:pointer; margin:15px 0 0 193px;}
		
		
		
	.fake {clear:both; height:80px;}		
.copyright {padding:120px 10px 0 10px; text-align:center; position:relative; margin:-80px auto 0 auto; width:800px; clear:both; height:80px;}
	.copyright img {display:block; float:left; margin:0 10px 0 0;}
	
	
	a.linkup, a.linkup:visited {display:inline; font:12px Arial; color:#333; text-decoration: underline; font-style:oblique;}
	.survey {width:119px; background:#DFDFDF; padding:14px 9px 20px 8px; font:11px Verdana; color:#000; margin:20px 0 0 0;}
		.survey p {text-align:left !important;}
		.survey textarea {width:119px; height:50px; border:none; overflow:hidden; margin:15px auto; font:11px Arial}
		.sbsurv {display:block; margin:10px auto; width:88px; height:18px; background:url(img/but-survey.gif) no-repeat; border:none; cursor:pointer;}
		

.paging_new {clear:both; padding:20px 0 0 23px;}
		.paging_new .select{ color:#FF6600;}
		.paging_new a{ color: #666666; text-decoration:underline;}
		.paging_new a:hover{ text-decoration:none;}
		
.paging {clear:both; padding:20px 0 0 0;}
	.paging span {display:block; float:left; padding:0 5px 0 0;}
	.paging ul {list-style:none; float:left; display:block;}
		.paging ul li {float:left; padding:0 5px 0 0;}
		.paging b{ color:#FF6600;}
		.paging a{ color: #666666; text-decoration:underline; padding-right:5px;}
		.paging a:hover{ text-decoration:none;}
		.paging b {padding-right:5px;}
		
#lin a{float:none; font:normal 12px Arial, sans-serif; margin:0; padding:0; color:#000000; }
.cross{ margin:0px; padding:0px; width:auto; height:auto;}
.cross a {font:12px Arial; color:#333; text-decoration : underline;}
.cross a:hover{font:12px Arial; color:#333; text-decoration:none;}
.naviy{ width:160px; position:absolute; z-index:10; left:0; top:99px;}
li.naviy a{display:block; color:#333; text-decoration:none;}
li.naviy a:hover{text-decoration:underline;}
.jo {display:block; margin:auto; width:779px; border-top:20px solid #fff; border-bottom:20px solid #fff; position:relative; left:-10px;}


.photo184 {width:184px; position:absolute; left:593px; top:3px;}
	.photo184 a , .photo184 a:visited {display:block; color:#333 !important; text-decoration:underline; padding-bottom:27px; text-align:right;}
		.photo184 a:hover {text-decoration:none;}

.form173 {position:absolute; left:0; top:49px; width:173px; height:22px; background:url(img/form173.gif) no-repeat;}
	.q173 {position:absolute; left:22px; top:2px; width:105px; height:20px; background:none; font:12px Arial; border:none;}
	.s173 {position:absolute; left:140px; top:2px; width:32px; height:20px; background:none; cursor:pointer; border:none;}

	.alert {position:absolute !important; left:0; top:99px; width:170px;}
		.alert p {padding:20px 5px 20px 8px; color:#333; text-align:left;}
			.alert p a, .alert p a:visited {color:#333;}



.baskTop {display:block; position:absolute; left:-370px; top:8px; font:12px Arial !important; color:#333 !important;}
	.baskTop a, .baskTop a:visited {color:#ff9934; text-decoration:none;}
	.baskTop img {margin:0 5px 0 5px;}



/*order01.php*/
.orderedItems {position:relative; left:22px; top:-10px; width:607px;}
	.orderedItems td {vertical-align:middle;}
		.orderedItems td img {}
		.orderedItems td p {padding:90px 15px 0 0;}
		.orderedItems td p span {display:block; font:normal 12px Arial !important;}
		.orderedItems td a, .orderedItems td a:visited {display:block; font-size:12px; color:#333 !important; padding-top:10px;}
			.orderedItems td.pd {padding-top:25px;}
				.orderedItems td.pd input {width:35px; height:18px; background:url(img/input35.gif) no-repeat; border:none; padding-top:2px; text-align:center; font:12px Arial; margin:0 5px 0 17px;}
			.orderedItems td.outcome {text-align:right; border-top:1px solid #333; padding:7px 0 40px 0;}
			.input_b {font:12px Arial; margin:0 10px 10px 10px; padding:0 5px 0 5px;}


/*order02.php*/
.userInput {padding:20px 0 0 62px; display:table;}
	.userInput h3 {font:bold 14px Arial; padding:0 0 20px 0; color:#ff9934;}
	.userInput ul {list-style:none; padding:0 0 30px 0;}
		.userInput ul li {line-height:18px;}
	.userData {border-collapse:collapse;}
		.userData td {padding:0 0 30px 0; vertical-align:top;}
			.userData td.field {width:125px;}
			.w305 {width:305px; height:20px; background:url(img/input305.gif) no-repeat; border:0; font:12px Arial; padding-top:2px;}
			.userData td textarea {width:306px; height:79px; overflow:hidden; background:url(img/txt.gif) no-repeat; border:none; font:12px Arial}
			.ch {position:relative; top:3px;}
			
.cnt22 {border-collapse:collapse; margin-right:20px;}
	.cnt22 th, .cnt22 td {border:1px solid #ccc; padding:4px 2px 4px 2px;}

.photo604 {padding-top:10px}
