html, body { height:100%; }

img { border-width:0em }
body { margin:0px; background:#fff; font-family:tahoma;}
form { margin:0px; }

p { font-family:tahoma; }
a:link, a:visited, a:hover, a { color:#000; cursor:pointer }

.bg1 { background:#F3E583 }
.bg2 { background:#A2A3A3 }
.bg2_light { background:#AFB0B0 }
.bg3 { background:#DF9500 }
.trans50 {  }

.navigation { margin:10px 0px 0px 0px; padding:0px; font:bold 12px arial; list-style:none; line-height:130%; text-transform:uppercase; }
.navigation a, .navigation a:visited, .navigation a:link { text-decoration:none; color:#000 }
.navigation a:hover { color:#E07045 }
.navigation a.selected, .navigation a:link.selected, .navigation a:visited.selected  { color:#E07045 }

/*navigation*/
.navigation { margin-left:10px; margin-bottom:20px; }
.navigation ul { list-style:none; margin:0px; padding:0px; padding-left:10px; }
.navigation ul.depth3ul { list-style: url(/images/344.gif); }
.navigation li { }
.navigation li.nav_home { color:#E07045; }
.navigation li.depth1 { margin-top:5px; height:auto; }
.navigation li.depth1 a:hover { color:#E07045; }
.navigation li.depth2 { margin-left:0px; padding-left:0px; font:11px tahoma; text-transform:none; line-height:18px; }
.navigation li.depth3 { padding-left:5px; font:11px tahoma; text-transform:capitalize; line-height:18px; }

#content { }
#content h1 { color:#666; font:26px georgia; letter-spacing:-1px; margin:0px 0px 15px; width:500px }
#content h1 sup { font-size:15px; }
	#content h1.emphasis {font-size:40px; color:#CE6002 }
#content h2 { font:17px arial; color:#EA8645; }
#content h3 { color:#CE8B02; font:bold 16px arial; margin:20px 0px 10px 0px; padding: 5px 8px; background:url(/images/bg_h3_kr.png) no-repeat; width:550px; }
#content h4 { font:bold 13px verdana; margin:0px }
	#content h4.news_heading { font:bold 17px georgia; background:#CE8B02; padding:5px 0px }
	#content h4.news_heading span.date{ font:15px tahoma; color:#fff; padding:0px 10px; }
#content p { line-height:130%; margin:5px; 0px; }
#content li { margin-bottom:5px; }

#content_full { font:12px arial; }

/*background*/
.content_inner { background:url(/images/bg_permalife_kr.jpg) no-repeat right top; padding:30px 30px 20px; font:12px arial; }
.bg_contact_us, .bg_announcement, .bg_product_features, .bg_on_sale, .bg_mission_statement, .bg_thanksgiving_donation, .bg_ceo, .bg_cooking_demo_request, .bg_ { background-image:url(/images/bg_default.jpg); }
.bg_frypan_contest { background:url(/images/bg_frypan.jpg) no-repeat right top; }
.bg_cooking_talk_radio { background:url(/images/bg_audio.jpg) no-repeat right top; }
.bg_cooking_class { background-image:url(/images/bg_cooking_class.jpg) }
.bg_frypan_contest { background-image:url(/images/bg_cooking1.jpg) }

.audio { margin-top:20px; margin-bottom:10px; width:300px; height: 150px; }
.audio_date { color:#CC6633; font:bold 12px tahoma; margin:10px 10px 30px; }
.audio_title { font:bold 14px dotum; padding:20px 10px 3px; }
.audio_subtitle { margin:0px 10px; }

.sub_navigation_top { position:absolute; font:12px tahoma; margin-left:670px; width:135px; height:152px; }
.sub_navigation_bottom { position:absolute; font:12px tahoma; margin-left:670px; margin-top:158px; }
	.sub_navigation_bottom ul { list-style:square; margin:10px; padding-left:10px; }
	.sub_navigation_bottom li { margin-bottom:5px; }
	.sub_navigation_bottom li a { text-decoration:none; }
	.sub_navigation_bottom li a:hover { color:#E07045; }
.sub_navigation_bottom h3 { font:bold 12px tahoma; background:#DF9500; margin:0px; width:133px; line-height:25px; text-align:center; color:#fff; } 

.right_panel { font:11px dotum; }
	.right_panel ul { list-style:url(/images/154.gif); margin:10px 0px 10px 12px; padding-left:10px; }
	.right_panel li { margin-bottom:5px; }
	.right_panel ul.condensed li { margin-bottom:2px; }
	.right_panel li a { text-decoration:none; font: 12px tahoma; }
	.right_panel li a:hover { color:#E07045; }
.right_panel h3 { font:bold 12px tahoma; background:#DF9500; margin:0px; line-height:25px; text-align:center; color:#fff; } 

.product_img { float:left; width:286px; }
.b_next { background:url(/images/b_next.gif) no-repeat left center; width:30px; height:175px; display: block; float:left; line-height:175px; }
.b_next:hover { background-image:url(/images/images/b_next.gif) }

.set { padding-left:50px; padding-top:10px; padding-bottom:10px; }
.condensed_ul li { line-height:100%; }

.divider { border-bottom:1px dotted #CE6002; height:10px; margin-bottom:10px; }
.nav_divider_top { background:url(/images/nav_divider1.gif) no-repeat; height:3px; font-size:0px; }
.nav_divider_bottom { background:url(/images/nav_divider.gif) no-repeat; height:3px; font-size:0px; }


.p_box { float:left; width:180px; margin-right:10px; margin-bottom:20px; text-align:center }
	.p_box p { font:bold 12px tahoma; }
	.p_box a { line-height:30px;}

.p_box_set { float:left; width:180px; margin-right:10px; margin-bottom:20px; text-align:center; }
	.p_box_set p  { font:bold 14px tahoma; margin:0px; }
	.p_box_set p.regular_price  { font:12px tahoma; margin:5px 0px 0px; height:15px; }
	.p_box_set p.sale_price  { font:12px tahoma; margin:0px 0px 10px; height:15px; color:#CC6600 }

.tag { background:#CE6002; color:#fff; padding:0px 3px; border-left:1px solid #E76C02; border-top:1px solid #E76C02; border-right:1px solid #B55402; border-bottom:1px solid #B55402; font:11px tahoma }

#admin_navigation {}
	#admin_navigation li { display:block; padding:5px 10px; float:left; margin:0px; background:#eee; border-right:1px solid #fff }
	#admin_navigation li a { text-decoration:none; }

.c1 { color:#976100 }
.box1 {background:#EEEED4; border:3px solid #E1E1E1; padding:10px; font:12px tahoma; line-height:130%; }

.map_box { width:310px; height:310px; background:#F2E0C8 url(/images/spin1.gif) no-repeat center center; margin-bottom:20px; margin-left:120px; }
.map_box iframe { margin:5px; width:300px; height:300px }

.schedule { border-collapse:collapse; }
.schedule th { border:1px solid #CC6600; background:#CC6600; padding:5px; color:#fff; width:85px; opacity:0.8; filter:alpha(opacity=80)}
.schedule th div { font:12px tahoma; }
.schedule td { border:1px solid #CC6600; padding:2px; background:#fff; width:85px; opacity:0.8; filter:alpha(opacity=80)}
.schedule td ul { padding:0px; margin-left:5px; list-style:none; }
.schedule td li { font:11px dotum; letter-spacing:-1px; margin:0px; }

.content h3 { font:bold 18px georgia; margin-left:30px; color:#CEAE85 }
.content_left { width:380px;  }

.list { margin:0px; background:#fff; opacity:0.8; filter:alpha(opacity=80); height:auto; padding:10px 5px; border:2px solid #ccc }
.list p { border-bottom:1px dashed #EBD127; padding-left:5px; width:135px; float:left; letter-spacing:-1px; margin:0px 0px 3px; }

.news_list { }
	.news_list p { margin:0px; padding-left:20px; padding-bottom:3px; background:url(/images/51.gif) no-repeat left 3px; border-bottom:1px dotted #999; }
		.news_list p.news_selected { background-image:url(/images/images/51.gif) }
	.news_list p a { font: bold 12px tahoma; color:#000; text-decoration:none }
		.news_list p.news_selected a { color:#E7BD00 }
		.news_list p a:hover { color:#E7BD00 }
	.news_list span.date { font:11px tahoma;}
	.news_list span.photo { display:none; padding:0px; background:none; margin-top:5px; margin-bottom:10px; text-align:left; }
	span.photo img { padding:2px; width:190px; border:2px solid #fff; }

.contact { font:12px tahoma; margin-left:30px; }
.contact th { }
.contact td input { width:200px}
textarea#contact_inquiry { width:400px; height:150px; background:#fff; padding:0px; }


.img_left { margin-right:10px }

.img_box { margin-right:10px; }
.clear { clear:both; }

.recipe_box { float:left; width:145px; margin-top:0px }
	.recipe_name { font-size:11px; background: url(/images/bullet_red.gif) no-repeat left 3px; padding-left:15px;  }
	.recipe_box img { width:124px; height:90px; margin-top:5px; border:3px solid #fff } 

.language { text-decoration:none; }
	.language:hover { color:#993300 }
.press a:link, .press a:visited, .press a { text-decoration:none;  }

/*tables*/
.tbl_style1 { font:12px gulim }
.tbl_style1 table { border-collapse:collapse; width:100%}
.tbl_style1 table td { border:1px solid #aaa; padding:2px}
.tbl_style1 table th { background:#629FD7; border:1px solid #aaa; padding:5px}
.left { text-align:left; }
.center { text-align:center; }

.tbl_style1 #bottom_links, .tbl_style1_v #bottom_links  { margin:10px 0px; text-align:center }
.tbl_style1 #bottom_links a, .tbl_style1_v #bottom_links a { text-decoration:none; color:#629FD7; font:bold 15px georgia; }
	.tbl_style1 #bottom_links a:hover, .tbl_style1_v #bottom_links a:hover { text-decoration:underline; color:#629FD7 }
.tbl_style1 #bottom_links input, .tbl_style1_v #bottom_links input { background:#629FD7; color:#fff }
.tbl_style1 h3 { text-align:center; font:bold 25px georgia; margin:10px; color:#629FD7; }

.tbl_style1_v { }
.tbl_style1_v table { border-collapse:collapse; width:100%}
.tbl_style1_v table td { border:1px solid #aaa; padding:5px}
.tbl_style1_v table th { background:#629FD7; border:1px solid #aaa; padding:5px; text-align:left; }

.btn_style1 { background:#629FD7; color:#fff }

.tbl_style1_c td, .tbl_style1_c td p  { font:12px gulim }
.tbl_style1_c table { border-top: 1px dotted #629FD7 }


#reply_write {}
#reply_write h3 { color:#629FD7; font:bold 15px georgia; margin:0px}
#reply_write input { background:#629FD7; color:#fff }

/*paging*/
.pagination { clear:both; margin-top:10px; text-align:center; font:12px tahoma}
	.disabled { color:#ccc }
	.prev_page {}
	.current { background:#629FD7; padding:0px 3px}
	.pagination a { text-decoration:none; background:#ddd; padding:0px 3px; font:12px tahoma; color:#000; }
		.pagination a:hover { background:#629FD7; color:#fff }
	a.next_page, a.prev_page { background:none; letter-spacing:0px }
		a:hover.next_page, a:hover.prev_page { color:#760C18; background:none; }

.tbl_style2 { }
.tbl_style2 table { border-collapse:collapse; width:100%}
.tbl_style2 table td { border:1px solid #aaa; padding:1px 2px}
.tbl_style2 table th { background:#4DC2E2; border:1px solid #aaa;}

.tbl_style3 { }
.tbl_style3 table { border-collapse:collapse; width:100%}
.tbl_style3 table td { border-bottom:1px solid #aaa; padding:1px 2px}
.tbl_style3 table th { background:#629FD7; border:1px solid #aaa;}

.tbl_show_style1 { }
.tbl_show_style1 table { background:#fff; border-collapse:collapse; width:100%}
.tbl_show_style1 table td { border:1px solid #aaa; padding:2px 5px;}
.tbl_show_style1 table th { background:#DCAC76; border:1px solid #aaa; padding:2px 2px 2px 10px}

/*buttons*/
a {color:#084482; text-decoration:underline;}
a.button { width:auto; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:2px .6em; background:#e1e1e1 url(/images/buttons/btn_bg_default.gif) left center repeat-x; color:#000; font-weight:normal !important; text-decoration:none;}
a.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf;}
a.button:hover {cursor:pointer;}
a.button.primary {background:#ffa822 url(/images/buttons/btn_bg_submit.gif) left center repeat-x; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d;}
a.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}

form {margin:0; padding:0;}
input, select, textarea {border:1px solid #adc2d6;}
input, textarea {padding:2px; font:12px arial;}
input[type=checkbox], input[type=radio], input[type=hidden] {border:none; padding:0;}
input.checkbox, input.radio, input.hidden, label.checkbox input, label.radio input {border:none; padding:0;}

button {padding:1px 10px;}
button, input.button {width:auto !important; margin-right:10px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(/images/buttons/btn_bg_sprite.gif) left 82.5% repeat-x; color:#000;}
button:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf;}
button:hover, input.button:hover {cursor:pointer;}
button.primary, input.button.primary {border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; background:#ffa822 url(/images/buttons/btn_bg_sprite.gif) left 17.5% repeat-x;}
button.primary:active, input.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}

button[disabled], input.button[disabled] {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button[disabled]:hover, input.button[disabled]:hover {cursor:default;}
button.disabled, input.button.disabled {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button.disabled:hover, input.button.disabled:hover {cursor:default;}



pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

Table.size { margin-left:5px; border-collapse:collapse; }
Table.size td, Table.size th{ border:1px solid #aaa;  padding:2px 10px;  }
Table.size td.top { background:#ccc }
