* { margin: 0; padding: 0; }

body { font: 12px/1.4em Tahoma, "Lucida Grande", sans-serif; background: url(images/bg_site.png); color: #820000; }

a { color: #820000; }
a:hover { color: #1c7b07; }
p  { margin: 0 0 1.4em 0; }
li { margin: 0 0 0.5em 0; }
address { font-style: normal; }
address h2 { font-size: 1.4em; margin-bottom: 1em; }
address .grp { width: 100px; float: left; font-weight: bold; }
address .info { margin-left: 100px; }
label.fillin { width: 100px; float: left; }
input#firstname, input#lastname, input#jobtitle, input#company, input#email { width: 300px; }
input#countrycode, input#areacode { width: 40px; }
input#telno { width: 90px; }
p.actions { margin-left: 100px; }
.formkey { font-size: 0.8em; }
.notice { font-size: 0.9em; }

.clear { clear: both; }
.red   { color: #d00; font-weight: bold; }

#header .inner,
#content .inner,
#footer .inner { width: 900px; margin: 0 auto; }

#content .intro { margin-top: 100px; }
#content .intro .intro_banner { border: 6px solid #fff; width: 697px; margin: 0 auto; }
#content .intro .skip_intro { font-size: 0.9em; text-align: center; }

#header { height: 380px;  background: url(images/bg_header.png) repeat-x; }

#header #logo   { width: 133px; height: 139px; background: url(images/jc_logo.png) no-repeat; position: relative; top: 93px; left: 75px; }
#header #banner { width: 490px; height: 215px; background: url(images/head_banner.png) no-repeat; margin: 0 auto; position: relative; top: -140px; }

#header #logo h1 span,
#header #banner p span { display: none; }

#navigation { width: 690px; position: relative; z-index: 10000; }
#header #navigation { margin: -185px auto 0 auto; }
#content #navigation { margin: -100px auto 20px auto; }

#footer { height: 120px; background: url(images/bg_footer.png) repeat-x; }
#footer #foot_icon { width: 108px; height: 62px; background: url(images/foot_icon.png) no-repeat; position: relative; top: -30px; left: 650px; }
#footer .cr { padding: 0 40px; margin-top: -20px; }

#product_groups { width: 650px; margin: 0 auto 3em auto; }
#product_groups td { text-align: center; }

#leftcol { float: left; }

#leftcol.wide  { width: 400px; }
#leftcol.slim  { width: 350px; }

#rightcol.wide { margin-left: 400px; }
#rightcol.slim { margin-left: 350px; }

#rightcol .block { padding: 10px 20px 30px 20px; }

#leftcol #aboutjc { width: 341px; height: 447px; background: url(images/aboutjc.png) no-repeat; margin-left: 50px;}
#leftcol #contactjc { width: 341px; height: 447px; background: url(images/contactjc.png) no-repeat; margin-left: 50px; }
#leftcol #aboutjc .se,
#leftcol #contactjc .se { display: none; }

#product_list #page_title { float: none; }

#page_title, .product_header { margin-bottom: 2em; }

#page_title h2 { width: 100%; height: 70px; }
#page_title h2 span, .product_header .title h2 span { display: none; }

#page_title h2#aboutus   { background: url(images/pt_aboutus.gif) left no-repeat; }
#page_title h2#contactus { background: url(images/pt_contactus.gif) right no-repeat; }
#page_title h2#recruit   { background: url(images/pt_recruit.gif) right no-repeat; }
#page_title h2#products  { background: url(images/pt_products.gif) right no-repeat; }
#page_title h2#oem       { background: url(images/pt_oem.gif) right no-repeat; }

.onecol, .twocols { margin: 0 0 1.4em 2em; }
/*.twocols ul { width: 430px; }*/
/*.twocols li { float: left; width: 50%; }*/

#content ul { margin: 10px 0 10px 20px; }
#content li { list-style: none; }
#content li li { list-style: disc; }

/* product detail */
.product_detail { margin-bottom: 3em; background: url(images/bg_product.png) no-repeat 120px 20px; }
.product_detail.nobg { background: none; }
.product_data h3 { font-size: 1.4em; margin-bottom: 1em; margin-left: 0px; }
.product_figure { text-align: center; }

.linkback { margin-top: 1em;text-align: left; }

.product_header .title h2 { height: 70px; }
.product_header .blank_left, .product_detail .product_figure { width: 360px; float: left; }
.product_header .title, .product_detail .product_data { margin-left: 360px; }
.product_header .title h2#snack { background: url(images/pt_snack.gif) right no-repeat; }
.product_header .title h2#snackprem { background: url(images/pt_snackpremium.gif) right no-repeat; }
.product_header .title h2#confect { background: url(images/pt_confect.gif) right no-repeat; }
.product_header .title h2#confectprem { background: url(images/pt_confectpremium.gif) right no-repeat; }
.product_header .title h2#mto { background: url(images/pt_madetoorder.gif) right no-repeat; }
.product_header .title h2#media { background: url(images/pt_media.gif) right no-repeat; }

/* product detail table */
table.details th, table.details .firstrow td { border-top: 2px solid #820000; }
table.details th { padding: 4px; text-align: left; }
table.details td { border-top: 1px solid #820000; padding: 2px 4px; vertical-align: top; }
table.details .lastrow td { border-bottom: 1px solid #820000; }
table.details .col1 { width: 180px; }
table.details .col2, table.details .col3{ width: 150px; }
table.details .col4 { width: 240px; }

/* product detail table2 ======================================================*/
table.details2 th, table.details2 .firstrow2 td { border-top: 2px solid #820000; }
table.details2 th { padding: 4px; text-align: left; }
table.details2 td { border-top: 1px solid #820000; padding: 1px 1px; vertical-align: top; }
table.details2 .lastrow2 td { border-bottom: 1px solid #820000; }
table.details2 .col1 { width: 170px; }
table.details2 .col2, table.details2 .col3,table.details2 .col4 { width: 100px; }

/* product detail table3 ======================================================*/
table.details3 th, table.details3 .firstrow3 td { border-top: 2px solid #820000; }
table.details3 th { padding: 4px; text-align: left; }
table.details3 td { border-top: 1px solid #820000; padding: 2px 4px; vertical-align: top; }
table.details3 .lastrow3 td { border-bottom: 1px solid #820000; }
table.details3 .col1 { width: 160px; }
table.details3 .col2, table.details3 .col3,table.details3 .col4 { width: 80px; }


p.backtolist { text-align: center; }
p.backtolist img { border: none; }

#media_display { margin-bottom: 3em; }
.tvc { text-align: center; }
.tvc h2 { margin-bottom: 1em; text-align: center; }
.tvc p.notice { font-size: 0.9em; }

#news table { margin-bottom: 2em; }

hr { margin-bottom: 2em; }

.product_figure p.full { height: 220px; }
.thumbs img { border: 1px solid #fff; cursor: pointer;}

/* navigational image map */
/*dl#navi    { display: block; width: 650px; height: 184px; background: url(images/nav_icons.png) no-repeat; position: relative; margin: -195px auto 0 auto; left: -15px; z-index: 10000; }
a#about    { display: block; width: 100px; height: 0; padding-top: 120px; overflow: hidden; position: absolute; left: 10px; top: 35px; }
a#products { display: block; width: 100px; height: 0; padding-top: 120px; overflow: hidden; position: absolute; left: 120px; top: 20px; }
a#oem      { display: block; width: 90px; height: 0; padding-top: 120px; overflow: hidden; position: absolute; left: 230px; top: 45px; }
a#news     { display: block; width: 100px; height: 0; padding-top: 120px; overflow: hidden; position: absolute; left: 330px; top: 30px; }
a#media    { display: block; width: 100px; height: 0; padding-top: 120px; overflow: hidden; position: absolute; left: 430px; top: 45px; }
a#contact  { display: block; width: 105px; height: 0; padding-top: 130px; overflow: hidden; position: absolute; left: 535px; top: 10px; }*/