/* CSS Document */

html{margin:0 auto; padding:0; font-size:12px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; width:100%;}
body{margin:0 auto; padding:0; font-size:12px; background:url(images/pattern_bg.jpg) top left; color:#000; font-family:Georgia, "Times New Roman", Times, serif; width:100%;}

h1{ margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin-left:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#000; }

a img {border:none;}

a{ text-decoration:none; color:#CC9933;}
	a:hover{text-decoration:underline;}

#wrapper{margin:0 auto; width:1000px; }

* html #header{ margin:0 auto; background:url(images/header3.jpg) top left no-repeat ;  color:#FFF;}
html>body #header{ margin:0 auto;background:url(images/header.jpg) top left no-repeat ; min-height:420px; color:#FFF;}
#headerContent{ margin:0 auto; width:660px; padding-top:25px; color:#000;}
#headerContent2{ margin:0 auto; width:660px; padding-top:25px; color:#000;}
	#headerContent h1, #headerContent2 h1{margin-top:0;}
	#headerContent h2 {text-align:center;}
	#headerContent2 table{margin:5px; float:left; border:1px solid #98A; padding:0 5px; width:315px;}
	#welcome{float: left; margin-top:4px; margin-left:30px; background:url(images/bg_text.jpg) top left no-repeat; width:369px; height:151px; color:#efd59c; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:8px; text-align:justify; position:relative; display:inline;}
	#uploadBtn{position:absolute; bottom:8px; right:8px;}
	#mainPic{float:left; margin-left:30px;}
		#mainPic img{width:187px; height:174px;}

#nav{ margin:0 auto; width:652px; height:152px;}
	#nav ul {padding:0; margin:0; margin-top:125px; margin-right:5px; float:right;}
	#nav ul li{float:left; list-style:none; margin-left:20px;}
	#nav a{ color:#FFF; text-transform:lowercase; letter-spacing:2px; font-size:18px; text-decoration:none; font-weight:bold; font-family:"Courier New", Courier, monospace;}
	#nav a:hover{position:relative; top:2px; right:2px;}
	
#bodyContainer{margin:0 auto; min-height:11px; width:100%; background:url(images/mid_bg.jpg) top left repeat-y;}

#content{ margin:0 auto; width:660px; padding:4px; text-align:center;}
#content2{ margin:0 auto; width:660px; padding:4px; }
	#content2 table{margin:5px; float:left; border:1px solid #98A; padding:0 5px; width:315px;}

#loginArea{margin:0 auto; width:250px; border:1px solid #CCCCCC;}
	#loginArea h2{text-align:center; margin:5px auto; padding:0;}
	#loginArea table{ margin:0 auto;}
	
#registerArea{margin:0 auto; width:660px;}
	table #register{margin:0 auto; width:660px;}

#step{ width:660px; margin:0 auto;}
	#step h1{ color:#000; margin-top:20px;font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:center;}
	#step ul{list-style:none;}
	#step li{float:left; margin:0 16px;}

#footer{ background:url(images/footer.jpg) top left; height:121px; width:1000px; }
	#footer ul{list-style:none; margin:0 auto; width:170px; padding-top:40px;}
		#footer ul li{float:left; margin-right:10px;}


.clear{clear:both;}

	#leftPanel{float:left;width:350px; color:#000; letter-spacing:2px; }
		#frame{ margin-top:10px; margin-bottom:10px; margin-left:0; text-align:center;}
			#frame .image_no_frame { width:300px;  }
			#frame .image_with_frame {width:300px;}

	#rightPanel{float:left; width:310px; margin-top:10px; color:#000; }

	div.tabArea {
	  font-size: 90%;
	}
	
	a.tab {
	  background-color: #f0f0f0;
	  border: 1px solid #000000;
	  border-bottom-width: 0px;
	  padding: 2px 1em 2px 1em;
	  text-decoration: none;
	  top:-1px;
	  z-index:100;
	}
	
	a.tab.activeTab {
		position:relative;
		z-index: 102;
	}
	
	a.tab, a.tab:visited {
	  color: #808080;
	}
	
	a.tab:hover {
	  background-color: #d0d0d0;
	  color: #606060;
	}

	a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
	  background-color: #c0c0c0;
	  color: #000000;
	 
	}

	#frameContainer{
		letter-spacing:0px;
		width:300px;
		overflow:auto;
		height:225px; 
		line-height:20px; 
		padding:1em; 
		border:1px solid gray;
		position:relative;
		z-index:101;
		margin-bottom: 1em; 
	}

	#frameContainer input{width:30px; }
	#mat1{display:none;}
	#mat2{display:none;}
	#frmWhole{overflow:auto; width:100%; height:100%;}		
		#frameList{float:left; list-style:none;padding-left:0; margin-left:0;}
			#frameList li{float:left;  margin-right:8px;}
				#frameList img{width:60px; height:60px;}
				#frameList a img{ border:1px solid #D8D5A2;}
	#cart{ background:#FFF; margin-top:20px; font-family:Arial, Helvetica, sans-serif; }
		.subtotal {text-align:right; width:240px; border-top:1px solid #CCC; margin:3px;padding:1px; }
			.subtotal table { text-align:left;width:240px; }
			.subtotal input {width:40px;}
		.border_top{border-top:1px solid #CCC;}
		.detail {height:270px; width:320px;  margin:3px; margin-top:20px; padding:4px; line-height:20px; font-size:12px; border:1px solid gray; letter-spacing:0; font-family:Arial; text-align:left;}
			.detail table{width:300px;  margin:3px; padding:1px; line-height:20px; font-size:12px; }
		.detail2 {padding:1px; line-height:20px; font-size:12px; border:1px solid gray;}
		.dtl a { margin-left:8px; }
		.orderDetail {line-height:20px; font-size:12px; }
	#mainText{width:400px; float:left;}
		#mainText h2{margin-top:0; }
	#about{}
		#about table {margin:0 auto;}
		#register tr td{padding-bottom:10px;}

	
	
.log {color:#F00; text-align:center;}