@charset "utf-8";
body { margin:0; padding:0; width:100%; }
html { padding:0; margin:0; }
.main { margin:0 auto; background:#f0f0f0 url(images/main_bg.png) top center repeat-x; padding:15px 0 0 0; }
.main_2 { margin:0 auto; background:#f0f0f0 url(images/main_bg_2.png) top center repeat-x; padding:15px 0 0 0; }
.main2 { margin:0 auto; background:#f0f0f0 url(images/main_bg2.gif) top center repeat-x; padding:15px 0 0 0; }
/********** header **********/
.header { padding:0; margin:0 auto; width:980px; }
#boxset-right { width:456px; height:351px; float:left; margin:0; padding:0; background-image:url(images/boxset_right.png);}
.lm-button { margin:220px 0 0 20px;}
.bn-button { margin:-20px 0 0 20px;}
/* logo */
.logo { padding:0; margin:0; width:335px; float:left; }
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:1.8em; }
.rss_img { float:left; margin:0; padding:20px 0 0 0; }
.rss_img img { margin:5px; padding:0; }
/*menu*/
#menu { margin:-121px 18px 0 0; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:right; z-index:1000; }
#menu a { color:#fff; text-decoration:none; } 
#menu > li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative; padding:0px 8px; }
#menu > li a:hover { color:#48c2e6; }
#menu > li a.active { color:#48c2e6; }
#menu .logo { background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent; }
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline; }
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; text-align:center; }
#menu li:hover ul { display:block; }
#menu li ul li { display:block; margin:3px 10px; padding: 3px 0 0 0; border-top: dotted 1px #606060; list-style-type:none; font-size:12px; line-height:1.0em; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#48c2e6; text-decoration:underline; }
#menu li ul li a.active { color:#48c2e6; }
#menu li ul li.active { color:#747474; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999; }
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px; }
#menu .corner_inset_right { position:absolute; top:0px; left:150px; }
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px; }
#menu .corner_left { position:absolute; left:0px; top:0px; }
#menu .corner_right { position:absolute; left:132px; top:0px; }
#menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px; }
/* FBG */
.FBG { padding:0; margin:0; background:#373737 url(images/FBG_bg.gif) top repeat-x; }
.FBG_resize { width:980px; margin:0 auto; padding:0; }
.FBG_resize img { float:left; margin:0; padding:0; }
.FBG_resize a { color:#317c91; text-decoration:none; }
.FBG_resize a.nocolor { color:#b7b7b7; text-decoration:none; }
.FBG_resize a.nocolor:hover { color:#317c91; text-decoration:underline; }
.FBG_resize a.readmore { float:right; font:bold 13px Arial, Helvetica, sans-serif; margin-top:-15px; padding:0; }
.FBG_resize a:hover { text-decoration:underline; }
.FBG_resize h2 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#b7b7b7; padding:10px 0; margin:0; text-align:center; }
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em; text-align:center; }
.FBG_resize p.detail { line-height:2.1em; }
.FBG_resize ul { padding:0; margin:0; list-style:none; }
.FBG_resize li.cont_det { border-bottom:none; font:normal 12px Arial, Helvetica, sans-serif; color:#919191; padding:6px 0; margin:0; }
.FBG_resize li.cont_det img { float:left; margin:-7px 10px 0 0; padding:5px; background:#333; border:1px solid #404040; }
.FBG_resize li.cont_det img.floated { margin:10px 10px 10px 0; padding:0; padding:5px; }
.FBG_resize img.floated { margin:10px 10px 10px 0; padding:0; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; float:left; }
.FBG_resize li { padding:5px 0; margin:0; border-bottom:1px solid #404040; }
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0; text-decoration:none; }
.FBG_resize li a:hover { color:#317c91; text-decoration:underline; }
.FGB_resize li a.active { color:#317c91; }
.FBG_resize .blog { width:175px; float:left; margin:0; padding:15px 39px 15px 0; }
.FBG_resize .blog_t { width:255px; float:left; margin:0; padding:15px 39px 15px 0; }
.FBG_resize .blog2 { width:430px; float:left; margin:0; padding:15px 0; }
.FBG_resize .blog.last { padding:15px 0; width:255px; }
/* body */
.body_resize { width:980px; margin:0 auto; padding:20px 0 0 0; }
.body { padding:0; margin:0 auto; }
.body h2 { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #c7c7c7; text-align:center; }
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0; }
.body h3 { color:#4f4f4f; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0 15px 20px; margin:0; }
.body h4 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5a5a5a; padding:5px 0; margin:0; border-bottom:none; }
.body h4 span { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2a2a2a; line-height:0.5em; }
.body .menu2 { width:170px; float:right; padding:0; margin:0; }
.body .menu2 a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px; }
.body .menu2 a:hover { color:#fff; background:#363636; }
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#666; line-height:1.8em; padding:5px 0; margin:0; }
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:45px 0 0 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474; }
.body p span { font-size:18px; font-weight:bold; color:#888; }
.body a { color:#317c91; text-decoration:none; }
.body img { margin:5px auto; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; }
.body img.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.body img.floated { margin:10px 10px 5px 0; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; float:left; }
.body img.floated_p { margin:10px 10px 10px 10px; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; float:left; }
.body img.none { float:right; margin:-25px 5px 0px 0; padding:0; border:none; background:none; }
.body img.buy_act { margin:5px auto; padding:5px; background:#fff; border:5px solid #d4d4d4; }
.right { width:288px; margin:0; padding:10px 0; float:right; }
.right ul { margin:0; padding:0; list-style:none; }
.right li { font:normal 12px Arial, Helvetica, sans-serif; color:#666; padding:8px 0; margin:0; }
.right li img { float:left; margin:-7px 10px 0 0; }
.right li a { font: normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; }
.right li a:hover { color:#2b6e80; text-decoration:underline; }
.left { width:635px; margin:0; padding:10px 0; float:left; }
.port { width:290px; margin:10px 0; padding:0 55px 0 0; float:left; }
.last { padding:0; }
/* Porcelain Painting Page */
ul.pplist { list-style:none; margin:0 0 0 15px; padding:0; }
ul.pplist li { color:#666; font-size:14px; font:normal 14px Arial, Helvetica, sans-serif; }
ul.pplist.light { margin-left:5px; }
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:400px; display:block; padding:5px 0; color:#737373; font: bold 12px Arial, Helvetica, sans-serif; float:left; }
#contactform label.req { float:left; margin-top:-10px; margin-bottom:-10px; }
#contactform label span { color:#F00; font-weight:bold; margin: 0 5px 0 -10px; }
#contactform input.text { width:250px; border:1px solid #d4d4d4; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
p.response { font-size:28px; color:#F00; text-align:center; }
/*************footer**********/
.footer { padding:20px; margin:0 auto; background:#2e2e2e url(images/footer_bg.gif) top repeat-x; }
.footer_resize { width:980px; margin:0 auto; padding:0; }
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#707070; }
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#707070; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right; }
.footer p.right a:hover { color:#0F0; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #ededed; }
/* Slider */
#slider { width:980px; padding:0; margin:0 auto; overflow:visible; }
#slider .flash_slider { width:560px; height:300px; margin:0 -70px 0 0; padding:0px; float:right; overflow:visible; }
.slide_blog_resize { background:#ebebeb url(images/slot_bg.gif) bottom repeat-x; border-top:1px solid #fff; padding:10px 0; margin:0; }
.slide_blog_resize_b { width:980px; margin:0 auto; padding:0; }
.slide_blog { width:325px; float:left; padding:15px 0; }
.slide_blog img { float:left; margin:0; padding:10px 10px 30px 0; }
.slide_blog h3 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:10px 0; margin:0; border:0; }
.slide_blog_resize h4 { font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4f4f4f; padding:10px 0 20px 0; margin:0; }
.slide_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#666; padding:0; margin:0; line-height:1.8em; }
.slide_blog_resize_b p { font: normal 10px Arial, Helvetica, sans-serif; color:#666; padding:0; margin:-35px 0 10 10; line-height:1.8em; }
/*Dynamic Menu - Main CSS - Action Page Menu*/
.widget { width: 980px; margin: -35px 20px 40px 5px; padding: 0px; background: #f3f1eb; border:none; }
.widget a { color: #222; text-decoration: none; }
.widget a:hover { color: #009; text-decoration: underline; }
.tabnav li { display: inline; list-style: none; margin-bottom:50px; padding: 0 0px; }
.tabnav { margin-top:-1px; margin-bottom:0px; width:980px; background:none; }
.tabnav li a { background: #1e5866; text-decoration: none; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; padding: 4px 18px; outline: none; float:left; }
.tabnav li a.left_nav { -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.tabnav li a.right_nav { -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.tabnav li a:hover { -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #1e5866; color: #d3d3d3; padding: 6px 18px; text-decoration: none; }
.tabnav li.ui-tabs-selected a { -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background: #1e5866; color: #d3d3d3; padding: 8px 18px; text-decoration: none; margin:0; float:left; }
.tabcont { margin:0; }
.tabdiv { margin-top: 0px; padding: 5px; min-width:980px; }
.tabdiv h4 { display:block; text-align:left; }
.tabdiv li { background: url(images/arrow-3.gif) no-repeat left 4px; padding:0px 0px 10px 20px; font:normal 13px Arial, Helvetica, sans-serif; color:#acb5b9; }
.ui-tabs-hide { display: none; }
#featuredvid { text-align: center; }
.fvid { margin-bottom: 5px; }
.vidselector li { text-align: left; list-style: none; padding: 5px; background: #ffffff; border: 1px solid #dedbd1; text-transform: uppercase; margin-bottom: 5px; }
/* Preset Page Menu*/
.tabnav li a.pre { padding: 4px 111px; }
.tabnav li a.pre:hover { padding: 6px 111px; }
.tabnav li.ui-tabs-selected a.pre { padding: 8px 111px; }
/* Training Page Menu*/
.tabnav li a.training { padding: 4px 55px; }
.tabnav li a.training:hover { padding: 6px 55px; }
.tabnav li.ui-tabs-selected a.training { padding: 8px 55px; }
/* Other Training Page CSS */
ul.tra { list-style:none; float:left; height:auto; width:auto; }
ul.tra li a { color:#333; font-size:16px; font-weight:bold; }
ul.tra li a:hover { text-decoration:underline; }
ul.tra2 { width:300px; float:right; text-align:right; list-style:none; }
ul.tra2 li { color:#333; font-size:11px; font-weight:bold; }
.light { margin-left:5px; }
.split { float:left; width: 22%; text-align:center; margin:10px 15px; }
.split h4 { text-align: center; }
.split ul { list-style:none; margin:0 0 0 -60px; }
.split ul li { color:#666; }
.split2 { float:left; width: 42%; margin:10px 15px; }
img.traimg { margin-left: 250px; background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); }
img.traimg_left { float:left; margin:0 20px 0 0; background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); }
img.traimg_right { float:right; margin:0 0 0 20px; background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); }
img.traimg_big { margin:0 0 0 75px; background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); }
.tra_hea { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border:1px solid #c7c7c7; text-align:center; background:#FFF; }
/*Video*/
.bwvid { float:right; margin:0 0 15px 7px; }
/*Gallery Slider*/
span#prevBtn { }
span#nextBtn { }
#wrap1, #wrap2, #wrap3, #wrap4, #wrap5, #wrap6, #wrap6, #wrap7 { width: 650px; margin:0 auto; padding:0; }
#wrap0 { width: 635px; margin:0 auto; padding:0; }
#wrap0 .jcarousel-skin-tango .jcarousel-item { width: 626px; height: 520px; }
#wrap0 .jcarousel-skin-tango .jcarousel-container-horizontal { width: 615px; max-height:520px; padding: 14px 0 0 7px; }
.body h4.pg_head { margin:0 0 -3px 0; text-align:center; }
.body p.pg_cont_r { margin-top:-25px; }
.jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); -webkit-box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); box-shadow: 0px 0px 16px rgba( 0, 0, 0, 0.3 ); background: #cacaca; border: 1px solid #346F97; z-index:100; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 636px; max-height:520px; padding: 14px 13px 0 0px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-item { width: 626px; height: 520px; }
.jcarousel-skin-tango .jcarousel-item img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 16px rgba( 212, 251, 253, 0.7 ); -webkit-box-shadow: 0px 0px 16px rgba( 212, 251, 253, 0.7 ); box-shadow: 0px 0px 16px rgba( 212, 251, 253, 0.7 ); background: #e4f5fa; border: 1px solid #346F97; padding:3px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left:auto; margin-right: auto; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/*Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { right: auto; background-image: url(images/prev-horizontal.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 0px; background-image: url(next-horizontal.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/* Products Page */
.accordionWrapper { display:inline-block; background-color:#666; overflow:hidden; }
#accordionNested { width:970px; margin-top:0; }
.accordionWrapper img { vertical-align:top; border:0; margin:0; padding:0 }
.accordionWrapper div { display:inline; float:left; margin:auto; }
.accordionWrapper div.title { cursor:pointer; }
.accordionWrapper div.content { display:none; }
.accordionWrapper div.content img { float:left; }
.accordionWrapper div.content img.more { float:right; background:none; margin-top:30px; }
.accordionWrapper div.prod-main { width:800px; float:none; }
.accordionWrapper p { color:#FFF; font-size:14px; float:left; max-width:480px; }
.accordionWrapper p.addpad { padding-right:15px; max-width:473px; }
.accordionWrapper p.addpad_ { padding-right:15px; max-width:498px; }
.accordionWrapper p.addpad_u { padding-right:15px; max-width:478px; }