/* Page Generated in 0.000000 seconds */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub,
sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header,
hgroup, menu, nav, section, menu, time, mark, audio, video {
margin:0; padding:0; border:0; outline:0; font-size:14px; vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:16px; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
a:active { outline: none; }
a:focus { outline: none; }
a, a:hover { color:#1A1A1A; }
/*#main ul { margin-left:30px; }*/
#main ol { margin-left:30px; list-style-type: decimal; }
small { font-size:14px; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */
::-moz-selection{ background: #B7B7B7; color:#fff; text-shadow: none; }
::selection { background:#B7B7B7; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
/* always force a scrollbar in non-IE
html { overflow-y: scroll; }*/
/* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* for image replacement */
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1px; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearcss {clear:both;}
body { font:11px Helvetica, Arial, Black; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:16px; }
select, input, textarea { font-family: Helvetica, Arial Black,; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 16px; }
body, select, input, textarea { color:#444; }
header, #main { font-size:12px; }
h1 { font-family: 'Oswald', sans-serif; font-size:40px; line-height: 38px; letter-spacing: 2px; margin-bottom: 12px; color:#000; text-transform:uppercase; text-align:center; }
h2 { font-family: 'Oswald', sans-serif; font-size:18px; line-height: 50px; letter-spacing: 2px; margin-bottom: 10px; background: url("/img/background-line.gif") repeat-x scroll center center transparent; padding: 10px 0; text-align:center; text-transform:uppercase; border-bottom: 3px solid #252525; color:#333;}
h3 { font-family: 'Oswald', sans-serif; font-size:23px; line-height: 18px; font-weight: lighter; letter-spacing: 1px; margin-bottom: 16px; color:#000;}
h4 { font-family: 'Oswald', sans-serif; font-size:24px; line-height: 20px; font-weight: normal; letter-spacing: 2px; margin-bottom: 10px; text-transform:uppercase; text-align:left; color:#000;}
h5 { font-family: 'Oswald', sans-serif; font-size:26px; line-height: 20px; font-weight: normal; letter-spacing: 2px; margin-bottom: 16px;}
h2 span { background-color:#ebebeb; padding: 0 15px; font-size:18px;}
#main p { margin-bottom:17px; color: #666;}
figcaption { color: #999; font-style: italic; display: block; padding-top: 10px; }
.callus { font-family: 'Oswald', sans-serif; font-size:23px; line-height: 18px; font-weight: lighter; letter-spacing: 1px; margin-bottom: 16px; color:#000;}
body.showgrid { background:url("/img/grid.gif") repeat top left; }
#container { width:960px; padding:0 10px; margin:0 auto; background-color: #EBEBEB; }
.masthead h1 a { width: 260px; height:130px; background:url('/img/logo.jpg'); margin:0px 0 29px 0px; }
.tblk { position:fixed; z-index:90; background-color:#EBEBEB; }
.mtblk { background-color:#000; height:40px; width:100%; position:fixed; z-index:3000; display:none; }
.is-mobile { padding:5px; position:absolute; z-index:3001; cursor:pointer; left:0px; top:5px; }
.mcform { position:absolute; top:0; right:0; width:100px; }
.mcform img { width:100%; height:auto; }
#main { padding: 200px 0 0 0; }
#main div.rules{ padding-top: 32px; }
#main .rules ul { margin: 20px 0 20px 30px; list-style-type:square}
#main .pbtn { background-color:#000; text-align:center; width:280px; padding:10px; color:#fff;}
#main .pbtn a { color:#fff; text-decoration:none; font-weight:bold;}
#main #table1 { width: 300px; background-color:#000; color:#fff; }
#main #table1 tr { background:url('/img/tr_bg.png') no-repeat top center;}
#main #table1 td { vertical-align:middle; font-size:11px; padding:10px 5px 5px 5px; }
#main #table1 td strong { font-size:11px; }
#main #table1 td p { color:#fff; }
.slide-toggle { cursor:pointer;}
.header-inner { float:right; width:150px; height:50px; margin: 0 20px 0 0;}
#contact-form { background-color:#000; display:none; height:420px; width:100%; position:fixed; z-index:9999;}
#contact-form-wrap { width:960px; margin: 0 auto; color:#fff; }
#contact-form .introduction { margin:30px 0 28px 0; color:#000; padding:0 5px; text-align:left; float:left; width:600px;}
#contact-form .introduction span { background-color:#e4e4e4; font-size: 24px;}
#contact-form .phnum{ width:300px; font-size:32px; margin:30px 0 28px 0; color:#fff; float:right;}
#contact-form .phnum a { font-size:24px; color:#fff; text-decoration:none; }
#contact-form .close { position:absolute; z-index:2; right:10px; top:10px; cursor:pointer; }
.hg {margin: 0 0 20px 0;}
nav.mainNav { background:url('/img/nav_bg.png') no-repeat top center; width:690px; height:85px; text-align:left; position:relative; margin: -95px 0 0 270px;}
nav.mainNav ul { margin:0 auto; padding:6px 0 9px 0; }
nav.mainNav li { display: inline; }
nav.mainNav li a { font-family: 'Oswald', sans-serif; text-transform:uppercase; color: #000; text-decoration: none; font-size:15px; padding: 3px 12px; letter-spacing: 1px; }
nav.mainNav li li a { font-size:14px; margin: 0 0 0 4px; font-weight:300; letter-spacing: 1px;}
nav.mainNav li b { font-weight:bold; }
nav.mainNav li a.set, nav.mainNav li a:hover { color:#fff; background-color:#000;}
nav.mainNav ul ul { position: absolute; top: 39px; width: 960px; left: 0px; display: none;}
table { border-collapse: separate; border-spacing: 0; margin: 0 auto; text-align:center; }
caption, table.chart th, table.chart td { text-align: left; font-weight:400; border-bottom: 1px solid #CCC; padding: 10px; }
caption, th, td { font-weight:400; border-bottom: none; padding: 5px; }
td.chart_head { border-bottom: 1px solid #999; padding-right: 15px; }
td.left { text-align: right; }
td.right { text-align: left; }
#fittingsTable td.right { padding-left: 10px; }
#fittingsTable { margin: 0}
#fittingsTable td { border: none; }
.tbl_row { background: url('/img/bg_hr.gif') repeat-x bottom left;}
/*
#gall {width:960px; height:475px; margin-top:2px; position: relative; z-index:1500;}
#prev, #next { position: absolute; top: 152px; width: 55px; visibility: hidden; z-index: -1;}
#prev { left: 75px; }
#next { right: 75px; }
#prev a, #next a { background:url('/img/gall_tab.gif') no-repeat top left; width: 55px; height: 50px; display: block; padding: 73px 5px 0 0; text-align: right; text-decoration:none;}
#next a { background:url('/img/gall_tab.gif') no-repeat top right; text-align: left;}
#prev a:hover { background:url('/img/gall_tab.gif') no-repeat -60px 0; }
#next a:hover { background:url('/img/gall_tab.gif') no-repeat -120px 0; }
#frame_wrapper { width:790px; position: relative; top:0; left:60px; height:420px;}
#gall_items, #gall_overview { width: 780px; }
#frame { margin: 0; background:url('/img/gall_frame.png') no-repeat top right; position: static; width:790px; height:420px; padding:19px 10px 10px 18px; }
#gall_items { display: none;}
#gall_items li { margin: 0; list-style-type: none; display: none; }
#gall_overview { text-align:center; }
#gall_overview li { margin: 5px 7px; list-style-type: none; display: block; float: left; width: 180px; height: 129px;}
#gall_overview li img { border: solid 1px #EAEAEA; }
#gall_overview li a { font-size: 13px; font-weight: normal; color: #808080; letter-spacing: 1px; text-decoration: none;}
#gall_overview li a:hover { color: #000; }
*/
#main p.pager_info { display:block; position: absolute; bottom: -8px; right: 0px; color: #000; font-size: 12px; margin:0; visibility: hidden; }
a.rotate { display:block; padding-left: 16px; position: absolute; top: 26px; left: 26px; color: #999; font-size: 14px; text-decoration:none; width: 100px; color:#000;}
a.overview { display:block; position: absolute; bottom: -8px; left: 26px; color: #000; font-size: 14px; text-decoration:none; width: 130px; cursor: pointer;}
a.overview:hover { color:#000; }
p.pager_info { display:block; position: absolute; bottom: -8px; right: 0px; }
section.item_info { width: 581px; padding: 22px 22px 0 22px; position: absolute; bottom: -20px; left: 95px; background: url('/img/bg_prod_info.png') no-repeat bottom center; z-index:-999; height:135px; color: #999;}
section.item_info h3 { font-weight: normal; color: #000; letter-spacing:2px; margin-bottom:16px;}
/*
div.shoe_info, div.size_info { border-right: dashed 1px #CECECE; height: 80px; float: left; padding-right: 16px; margin: 0 16px 16px 0;}
div.shoe_info { width: 274px; }
div.size_info { width: 128px; }
#main div.price_info { float:left; margin-bottom: 16px; height: 80px; }
#main div.price_info p { color:#555; }
#main p.shoe_desc,
#main div.size_info p { color: #999; }
*/
/*
#main p.chart { margin:16px 0 0 0; }
p.chart a { margin-top:16px; color: #999; font-style:italic; }
p.chart a:hover { color: #000; }
span.price { font-size: 38px; letter-spacing: -1px; float:left; padding: 0 8px; line-height:39px; display: block; }
span.dollar { font-size: 18px; float:left; padding-top: 3px; display: block; }
div.price_info abbr { font-size: 10px; letter-spacing: 2px; padding-top: 3px; }
*/
div.info_toggle { clear: both; }
div.info_toggle a { margin:0 auto; text-align:center; width:250px; height: 33px; padding-top:7px; display:block; color: #000; text-decoration: none; letter-spacing: 2px;}
.sliderblk { margin: 20px 0 0 0;}
.sliderblk h1 { color:#000; border-bottom: 3px solid #000; padding:15px 10px 10px 10px; margin: 0; background: url("/img/background-line.gif") repeat-x scroll center center transparent; }
.sliderblk h1 span { background-color:#ebebeb; padding: 0 15px; font-size:40px; line-height:40px;}
.testiblk { margin:60px 0 0 0;}
.testiblk h1 { color:#000; border-bottom: 3px solid #000; padding:15px 10px 10px 10px; margin: 20px 0 0 0; font-size:32px; background: url("/img/background-line.gif") repeat-x scroll center center transparent; }
.testiblk h1 span { background-color:#ebebeb; padding: 0 15px; font-size:40px; line-height:40px; }
#testimonial_txt { margin:20px 0 0 0;}
#testimonial_txt p { font-size:24px; font-family:Georgia; font-style:italic;}
.testiauthor strong { font-size:17px; color:#000;}
#main .rules #products ul { list-style:none; margin:0 0 0 20px; padding:0; }
#main .rules #products .pntotal { display:none; }
#main .rules #products.mproducts .pntotal { display:block; }
.cat517 { display:none; }
.prodgrp { text-align:center; float:left; margin: 0 18px 20px 0;}
.prodgrp .prbg { background-color:#fff; padding:8px; width:198px; height:172px; border:1px solid #ccc; position:relative; z-index:5;}
.prodgrp .primg { height:110px; overflow:hidden;}
.prodgrp .prtitle { font-weight:bold; height:36px; line-height:16px; margin:5px 0 0px 0; color:#000;}
.prodgrp .prcode { font-family: font-weight:bold; font-size:11px;}
.prodgrp .prsize { font-weight:bold; font-size:11px;}
.prodgrp .btns { height:20px; padding:10px; position:relative; z-index:1; margin:-5px 0 0 0;}
.prodgrp .btns a { text-decoration:none;}
.prodgrp .btns a:hover { text-decoration:underline;}
.prodgrp .btns .enqbtn { width: 142px; text-align:left; display:block; float:left; font-weight:bold;}
.prodgrp .btns .pricelist { width: 54px; text-align:center; display:block; float:left; font-weight:bold;}
.mproducts { position:relative; width:300px; margin: 0 auto; }
.mproducts .prods { height: 240px; margin: 0 auto; overflow: hidden; width: 300px;}
.mproducts .prods ul { height:240px;}
.mproducts .prods li { float: left; height: 240px; margin: 0px auto; position: relative; width: 250px;}
.mproducts .n_prev, .mproducts .n_next { display: block; height: 50px; overflow: hidden; position: absolute; text-indent: -9999px; top: 70px; width: 50px; z-index:999;}
.mproducts .n_prev { background: url("/img/prev.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: -10px;}
.mproducts .n_prev:hover {}
.mproducts .n_next { background: url("/img/next.gif") no-repeat scroll right top rgba(0, 0, 0, 0); right: -10px;}
.mproducts .n_next:hover {}
.mproducts .pntotal { display:block; font-size:20px; font-weight:bold; text-align:center; margin: 0 0 50px 0; }
.prodgrp2 { text-align:center; float:left; margin: 0 29px 20px 29px; height:220px; width:182px; }
.prodgrp2 .prtitle { margin:10px 0 10px 0; font-weight:bold; height:30px;}
.lnews a { text-decoration:none; font-size:14px; }
.lnews a:hover { text-decoration:underline;}
.lnews .newssummary { margin:15px 0 0 0;}
.lnews .hg { border:1px solid #dedede; padding: 10px; background-color:#fff; }
/*
a.read_more { }
section.exerpt time, #news_article time { margin:-12px 0 28px; display: block; }
div#main section.exerpt, #news_pager, #search_box { background: url('/img/bg_hr.gif') top left repeat-x ; display: block; padding: 32px 0 0 0;}
*/
/*
#search_box { margin-bottom: 16px; }
h1.results { margin: 32px 0; }
#news_pager p { width: 230px; display: block; float: left; text-align:right; color: #999;}
#news_pager p.pager_btns { float: left; text-align:left;}
#search_box h1 { width: 150px; float:left; }
#search_box input { width: 300px; float:left; }
#recent, #categories { width:210px; margin-right: 20px; float: left; background: url('/img/bg_hr.gif') repeat-x top left; }
#categories { margin-right: 0px; }
#keywords { height: 17px;}
#recent li, #categories li { background: url('/img/bg_hr.gif') repeat-x top left; list-style-type: none; padding-top: 2px;}
#recent li a,#categories li a { color: #595959; text-decoration: none; font-size:14px; display: block; background: url('/img/bg_bullet.gif') no-repeat 0 18px; padding: 11px 0 12px 12px;}
#recent a time, #categories a time { font-size: 12px; color: #808080; }
#recent li a:hover,#categories li a:hover { color: #000; background: url('/img/bg_bullet.gif') no-repeat 0 -136px rgba(255,255,255,0.25); text-decoration: none; }
#recent h1, #categories h1 { padding: 17px 0 18px 0; }
#news_article { margin: 32px 0; }
#signet{ height: 33px; padding: 8px 0 0 0px; font-size:15px;}
*/
.labelfield { font-size:15px; font-weight:bold; color:#fff; display:block; text-align:left; margin:0 0 0 20px; }
.htmlIText { padding: 9px 5px 9px 5px; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; font-size: 12px; letter-spacing: 0.5px; background-color: #fff; border-color: #EAEAEA; color: #999999; width:144px; margin: 0 0px 10px 20px;}
.htmlIText:focus { box-shadow: 0 0 4px #ccc;}
.htmlIMemo { padding: 9px 5px 9px 5px; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; font-size: 12px; letter-spacing: 0.5px; background-color: #fff; border-color: #EAEAEA; color: #999999; width:460px; margin: 0 0px 10px 20px;}
.htmlIMemo:focus { box-shadow: 0 0 4px #ccc;}
.tblenquiry { width:500px; padding: 20px 0; background-color: #ebebeb ; }
.tblenquiry .labelfield { color:#000; display:inline-block; width:120px; vertical-align:top; margin:10px 0 0 0; }
.tblenquiry .htmlIMemo { width:260px; }
.tblenquiry .sbtn { text-align:right; }
.tblenquiry #form_454_submit { margin: 20px 70px 0 0; }
.tblcontact { width:960px; text-align:left; }
.tblcontact .form_field { display:inline-block; width:200px; vertical-align:top; }
.tblcontact .sbtn { text-align:right; }
.tblcontact #form_202_submit { margin: 50px 85px 0 0; }
.filterlist {}
.filterbox { float:left; width:640px; padding:10px; text-align:center; border-top:2px solid #000; border-bottom:2px solid #000; color:#000; font-weight:bold; margin:0 0 10px 0; background-image: url("/img/bg-grid.png") ;}
.filterbox .fb_theme a, .filterbox .fb_production a { text-decoration:none; display:block; font-size:18px; line-height:22px;}
.filterbox .fb_theme a:hover, .filterbox .fb_production a:hover { text-decoration:underline; background-color:#ccc;}
.filterbox .fb_theme { display:inline; font-size:20px;}
.filterbox .fb_production { display:inline; font-size:20px;}
.filterbox .filterlist { list-style:none; position:absolute; z-index:999999; width:222px;}
.filterbox .filterlist li { text-align:left; background-color:#fff; padding: 2px 5px 2px 5px;}
.filterbox .fb_theme #list_theme{ margin: 0 0 0 145px; overflow:auto; height:185px;}
.filterbox .fb_production #list_production { margin: 0 0 0 395px; overflow:auto; height:185px;}
.searchblk { float:left; width:280px; padding:10px; text-align:center; border-top:2px solid #000; border-bottom:2px solid #000; color:#000; font-weight:bold; margin:0 0 10px 0; background-color: #ccc;}
.searchblk .go { background-color:#000; color:#fff; border:0; padding: 9px 5px; font-size:16px; }
#theme_input , #production_input, #advsearchtextbox { padding: 9px 5px 9px 5px; border-style: solid; border-width: 1px; font-size: 16px; letter-spacing: 0.5px; background-color: #fff; border-color: #666666; color: #000; width:175px; margin: 0 10px 0 20px;}
.sliderprod { margin: 0px 0 0 0px; width:960px; height:220px; overflow:hidden; background-color:#fff;}
.sliderprod ul { list-style-type:none;}
.sliderprod ul li{ list-style:none; display:block; background:none; margin:0 20px 0 0;}
.qbox { font-size:10px; margin: 5px 0 0 0;}
.qbox select { width:40px; height:20px;}
.spr {}
.pcc {display:none;}
.prcolor {width:180px; height:120px;}
#news-left { float: left; clear: none; width: 240px; margin: 0 0px 0 0; padding: 0; background: transparent; }
#news-right { float: left; clear: none; width: 720px; margin: 0; padding: 0; background: transparent; }
#main .rules .lnews { padding:0; }
#main .rules .lnews li { margin: 0 0 5px 0; padding: 0 30px 0 0; }
#main .rules .lnews .newstitle { font-weight:bold; }
#main .rules .lnews .newsdate { font-size:12px; margin:10px 0 0 0; }
#main .rules .lnews .newssummary a { font-size: 12px; line-height:18px; }
.pgcall { text-align:center; margin:20px 0; }
.pgcall a { font-family: 'Oswald', sans-serif; font-size:40px; line-height: 38px; letter-spacing: 2px; color:#000; text-transform:uppercase; text-decoration:none; }
.viewall { text-align:center; margin:20px 0; }
.viewall a { font-size:40px; font-weight:bold; line-height: 38px; color:#fff; text-transform:capitalize; text-decoration:none; display:block; width:70%; padding: 15px 10px; background-color:#000; margin: 0 auto; }
.viewall a:hover { background-color:#EBEBEB; color:#000; }
.news-col { width: 166px; margin: 0 0 0 0; padding: 0; background: transparent; }
.news-col p { margin: 0; padding: 0; }
.news-col ul { float: left; clear: both; width: 120px; margin: 0; padding: 0; background: transparent; list-style: none; }
.news-col ul li { float: left; clear: both; width: 120px; margin: 0; padding: 0; background: transparent; list-style: none; }
.news-col ul li a { text-decoration: none; font-size:14px;}
.news-col ul li a:hover { text-decoration: underline; }
.news-col .current { text-decoration: none; }
#news-cont-left { float: left; clear: none; width: 260px; margin: 0 5px 0 0; padding: 0; background: transparent; }
#news-cont-right { float: left; clear: none; width: 400px; margin: 0 0 0 20px; padding: 0; background: transparent; }
#news-cont-left img {margin: 0 0 10px 0; padding: 10px; border:1px solid #ccc; background-color:#fff;}
#news-entry { position: relative; z-index: 50; margin: 0; padding: 0; background: transparent; }
#news-entry .newscontent, #news-entry .newstext { }
#news-entry p.text { margin:10px 0 0 0;}
#news-entry .newstweet {float: right; margin-right: 10px;}
#news-entry .newsfbook {float: right; margin-right: 10px;}
.newstbl { width:700px; }
.newscontent>.newstbl {width:440px;}
.newstbl .social_pts { clear:both; width:200px; margin: 10px 0 0 0px; padding: 10px 0 5px 20px; list-style: none; background: transparent; border-top: 1px solid #ccc; }
.newstbl .social_pts li { float: left; clear: none; width: auto; margin: 0 30px 0 0; padding: 0; }
.newstbl .social_pts li a { display: block;text-decoration: none; background: transparent; margin: 0; padding: 1px 25px 1px 0 }
.newstbl .social_pts li a:hover { text-decoration: none; }
.newstbl .social_pts li a.social-fb-button { background: transparent url("/img/fb-under.png") top right no-repeat; }
.newstbl .social_pts li a:hover.social-fb-button { background: transparent url("/img/fb-over.png") top right no-repeat; }
.newstbl .social_pts li a.social-tw-button { background: transparent url("/img/tw-under.png") top right no-repeat; }
.newstbl .social_pts li a:hover.social-tw-button { background: transparent url("/img/tw-over.png") top right no-repeat; }
.newsreturn a {font-size:14px;}
#news-header { position: absolute; left: 0; top: 0; z-index: 100; width: 225px; background: transparent; line-height: 18px;}
.news-header { float: left; clear: both; width: 100%; font-size: 14px; margin: 1px 0 18px 0; padding: 0; }
.post { float: left; clear: none; width: 720px; margin: 30px 0 10px 0; padding: 0 0 30px 0; background: transparent; border-bottom: 1px solid #C8C8C9; }
.post p { float: left; clear: both; width: 100%; font-size: 14px; margin: 0 0 15px 0; padding: 0; }
.post p span { font-style: italic; }
.post-left { float: left; clear: none; width: 250px; min-height: 10px; margin: 0 20px 0 0; padding: 0; background: transparent; }
.post-left img { display: block; margin: 0; padding: 10px; border:1px solid #ccc; background-color:#fff;}
.post-right { float: left; clear: none; width: 440px; padding: 0; background: transparent; }
p.post-date { float: left; clear: both; width: 100%; font-size: 10px; margin: 0; padding: 0; }
.post-title { float: left; clear: both; width: 100%; font-size: 14px; margin: 0 0 15px 0; padding: 0; font-weight: normal; }
.post-title a { font-family: 'Oswald', sans-serif; text-decoration: none; }
p.post-cat { float: left; clear: both; width: 100%; font-size: 14px; margin: 0 0 10px 0; padding: 0; }
.post-social { width: 230px; margin: 30px 0 0 0; padding: 8px 0 0 0; background: transparent; border-top: 1px solid #ccc; }
.post-social p { margin: 0 0 5px 0; padding: 0; background: transparent; }
.post-social ul { float: left; clear: both; width: 100%; margin: 0; padding: 0 0 5px 0; list-style: none; background: transparent; }
.post-social ul li { float: left; clear: none; width: auto; margin: 0 30px 0 0; padding: 0; }
.post-social ul li a { display: block; text-decoration: none; background: transparent; margin: 0; padding: 1px 25px 1px 0 }
.post-social ul li a:hover { text-decoration: none; }
.post-social ul li a.social-fb-button { background: transparent url("/img/fb-under.png") top right no-repeat; }
.post-social ul li a:hover.social-fb-button { background: transparent url("/img/fb-over.png") top right no-repeat; }
.post-social ul li a.social-tw-button { background: transparent url("/img/tw-under.png") top right no-repeat; }
.post-social ul li a:hover.social-tw-button { background: transparent url("/img/tw-over.png") top right no-repeat; }
.post .post-social p { float: left; clear: none; width: 93px; margin: 0 0 5px 0; padding: 0; background: transparent; }
.post .post-social ul { float: left; clear: none; width: auto; margin: 0; padding: 0 0 5px 0; list-style: none; background: transparent; }
.post .post-social ul li { float: left; clear: none; width: auto; margin: 0 30px 0 0px; padding: 0; }
.cblk { display:inline-block; width:300px; margin: 0 25px 0 0; vertical-align:top;}
.cblk.last { margin:0; }
.cblk50 { display:inline-block; width:625px; }
.addrmap #map_canvas { width:620px; height:380px; }
.searchpages a { padding:2px 5px; text-decoration:none; }
.searchpages a:hover, .searchpages .searchPageSel { background-color:#000; color:#fff;}
.hl li { padding: 10px 0 0 0; background: url("/img/tr_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0); }
.hl li a { text-decoration:none; font-size:14px; }
.hl li a:hover { font-weight:bold; text-decoration:underline; }
.hl li a span { font-style:italic; font-weight:bold; }
/* Footer
--------------------------------------------------------------------------- */
footer { background: url("/img/footer_bg.png") center 45px no-repeat; width: 960px; height: 200px; margin-top:30px; padding-top:86px;}
footer, footer a { color: #808080; font-size: 16px; }
footer div.email, #process { text-align:center; }
#process { margin-top:17px; }
#phone { width:460px; float: left; margin:17px 10px 0 0; }
footer address { width:460px; float:right; margin:17px 0 0 10px; font-style: normal; font-size:18px;}
span.postal-code, address span.number, #process i { font-family: Georgia, Times, 'Times New Roman', serif; }
#process a { text-decoration:none; }
.tel span, #process { font-size:18px; }
.tel { text-align: right; }
footer abbr[title] { border:none; }
#copyright { text-align:center; margin-top:17px; font-style: normal; font-size:14px; color: #C0C0C0}
#twd { text-align:center; margin-top:7px; margin-bottom:27px; }
.email span { font-style: normal;}
.addthis_toolbox {width:250px; margin: 20px 0 20px 0;}
.fmblk { background-color:#000; height:630px; padding: 20px 0;}
.fms { width:960px;}
.fms .fheader { font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#fff; text-align:left; font-size:25px; font-weight:normal; line-height:30px; margin: 10px 0 20px 0; padding: 0 0 5px 0; border-bottom: 3px solid #fff; background: url("/img/background-line-white.gif") repeat-x scroll center center transparent; text-align:center;}
.fms .fheader span { background-color:#000; padding: 0 15px; font-size:18px;}
.fms ul { list-style:none;}
.fms li { text-align:left;}
.fms li a { color:#fff; font-size:11px; text-decoration:none;}
.fms li a:hover { text-decoration:underline;}
.fms .fm1 { width:320px; float:left; line-height:22px;}
.fms .fm2 { float:left; width:230px; margin: 0 20px 0 20px; line-height:22px;}
.fms .fm3 { float:left; width:150px; line-height:22px;}
.fms .fm4 { float:left; width:180px; margin: 0 0 0 30px;}
.fms .fm4 .addr { text-align:left; font-size:18px; color:#fff; margin:20px 0 20px 0px;}
.fms .fm4 .phnum { font-size:30px; color:#fff; text-align:left;}
.fms .fm4 .phnum a { font-size:24px; color:#fff; text-decoration:none; }
.fms .fm4 .copy { text-align:left; color:#fff; margin: 10px 0 20px 0px; font-size:10px;}
.fms .fm4 .stwd { color:#fff; font-size:12px; margin: 20px 0 20px 0px; text-align:left;}
.fms .fm4 .stwd a { color:#fff; font-size:12px;}
.fms .fm1 li, .fms .fm2 li { display:block; float:left; width:160px; }
.fms .fm2 li { width:110px; }
.bg { background: url("/img/bg7.jpg") no-repeat scroll center top #EBEBEB; background-size:cover; height: 100%; position: fixed; z-index:-1; width: 100%;}
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
@media only screen and (min-width: 960px) {
.prodgrp:nth-child(4n) { margin: 0 0px 20px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tblk { padding:0; }
#container,footer { width:740px; }
#contact-form-wrap { width:760px; }
#contact-form .introduction { width:510px; }
#contact-form .phnum { width:230px; }
#contact-form .htmlIMemo { width:250px; }
.filterbox { width:424px; }
#theme_input, #production_input { width:100px; }
.filterbox .fb_theme #list_theme { margin:0 0 0 127px; }
.filterbox .fb_production #list_production { margin: 0 0 0 300px; }
.masthead h1 a { width:250px; }
nav.mainNav { margin:-95px 0 0 260px; width:484px;}
nav.mainNav ul { padding:11px 0 9px 0; }
nav.mainNav li a { padding: 3px 6px; font-size:12px; }
#main .pbtn { width:90%; }
h2 span { font-size:18px; }
.prodgrp:nth-child(3n) { margin: 0 0px 20px 0;}
.sliderprod { margin: 0 auto; }
#main #table1 { width:100%;}
#main #table1 td div span, #main #table1 td div strong { font-size:11px; }
.cblk { width:227px; }
.cblk a { word-wrap:break-word; }
.cblk img { width:100%; height:auto; }
.cblk50 { width:484px; }
.addrmap #map_canvas { width:480px; }
#news-left { width:180px; }
#news-right, .post { width:560px; }
.post-left { width:125px; margin: 0 40px 0 0; }
.post-left img { width:100%; height:auto; }
.post-right { width:395px; margin:0; }
.prodgrp2 { margin: 0 17px 20px 17px; width:150px; }
.prodgrp2 .prcolor { width:150px; height:100px; }
.newstbl, .newscontent>.newstbl { width:100%; }
#news-cont-right { width:250px; }
.fms { width:760px; }
.fms .fm1 { width:300px; }
.fms .fm1 li { width:150px; }
.fms .fm2 { width: 210px; }
.fms .fm2 li { width:100px; }
.fms .fm3 { width:210px;}
.fms .fm3 li { width:100px; display: block; float: left;}
.fms .fm4 { margin: 30px 0 0 0px;}
}
@media only screen and (max-width: 767px) {
.tblk { background-color:#000; width:100%; position:relative; }
.masthead { padding: 20px 0 0 0; }
.masthead h1 { margin:0; }
.masthead h1 a { margin: 0 auto; width:250px; height:120px; }
.header-inner { display:none; }
.mtblk { display:block; }
#contact-form { margin:40px 0 0 0; height:100%; }
#contact-form-wrap { width:100%; }
#contact-form .introduction { width:100%; float:none; margin: 30px 0 0 0; }
#contact-form .introduction span { font-size:15px;}
#contact-form .phnum { float:none; margin:10px 0; }
#contact-form .close { top:0; }
.tblcontact { width:300px; }
.tblcontact .form_field { width:100%; }
.tblcontact .labelfield { display:inline-block; width:100px; vertical-align:top; margin:10px 0 0 20px;}
.tblcontact .htmlIText, .tblcontact .htmlIMemo { width:144px; margin: 0 0 10px 0; }
.tblcontact .htmlIMemo { height:20px; }
.tblcontact #form_202_submit { margin: 15px 85px 0 0; }
#main { padding:0 10px; }
#container { width:100%; margin:0; padding:0; }
.filterbox { width:280px; }
.searchblk { width:280px; float:none; margin: 0 auto; }
#theme_input, #production_input { margin: 0 5px 10px 5px; width:78px; font-size:15px; }
#advsearchtextbox { width:150px; margin: 0 10px; }
.filterbox .filterlist { width:175px; }
.filterbox .fb_theme, .filterbox .fb_production { margin: 0; font-size:15px; }
.filterbox .fb_theme #list_theme { margin: -10px 0 0 83px; }
.filterbox .fb_production #list_production { margin: -10px 0 0 120px; }
.cblk { margin: 0 auto 20px auto;}
.cblk .hg { width:300px; margin: 0 auto; }
.cblk50 { width:300px; }
.addrmap #map_canvas { width:300px; }
.sliderblk h1 span { font-size:30px; }
.sliderprod { margin: 0 auto; }
nav.mainNav { background-image:none; margin:0; width:100%; position:fixed; height:auto; background-color:#EBEBEB; left:-200%; top:40px; transition: left 0.5s ease 0s; -webkit-transition: left 0.5s ease 0s;}
nav.mainNav ul { width:150px; margin:0; }
nav.mainNav ul ul { width:150px; left:150px; top:35px; }
nav.mainNav li { width:150px; display:inline-block; }
nav.mainNav li a { padding: 0 15px; margin: 0 5px 5px 5px; line-height:30px; display:block; text-align:center; }
nav.mainNav li li a { margin: 0 5px 5px 5px; }
.openmm nav.mainNav { left:0; }
#news-left { width:280px; }
#news-right, .post{ width:100%; }
.post-left a { display:block; text-align:center; }
.post-right { margin: 20px 0 0 0; }
#news-cont-left { float:none; margin: 0 auto; }
#news-cont-right { width:100%; margin:0; }
.newstbl, .newscontent > .newstbl { width:100%; }
.prodgrp { width:215px; margin: 0 auto 20px auto; float:none; }
.prodgrp2 { width:180px; margin: 0 auto 20px auto; float:none; }
footer { width:100%; }
.fmblk { height:100%; }
.fms { width:100%; }
.fms .fm1, .fms .fm2, .fms .fm3, .fms .fm4 { width:100%; float:none; margin: 0 0 20px 0; }
.fms .fm1 li, .fms .fm2 li, .fms .fm3 li { display:inline-block; width:140px; float:none; margin: 0 5px; }
.fms .fm4 .addr, .fms .fm4 .phnum, .fms .fm4 .copy { text-align:center; }
.fms .fm4 .stwd { padding: 0 0 20px 0; text-align:center; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
nav.mainNav ul, nav.mainNav li { width:200px; }
nav.mainNav ul ul { width:200px; left:200px;}
.filterbox { width:300px; }
.filterbox .fb_theme, .filterbox .fb_production { font-size:15px; }
.filterbox .fb_theme #list_theme { margin: 0 0 0 84px; }
.filterbox .fb_production #list_production { margin: 0 0 0 200px; }
.searchblk { width:140px; float:left; }
#theme_input { margin: 0 5px 0 0; width:78px; font-size:15px; }
#production_input { margin: 0 0 0 5px; width:78px; font-size:15px; }
#advsearchtextbox { margin: 0 10px 0px 0; width:75px; font-size:15px; }
.searchblk .go { font-size:15px; }
.cblk, .cblk50 { width:450px; display:block; margin: 0 auto; }
.cblk.last { margin: 0 auto; }
.cblk .hg { width:300px; margin: 0 auto; }
.addrmap #map_canvas { width:450px; }
#main p>img { margin:0 auto; display:block; }
.prodgrp2 { float:left; margin: 0 25px 20px 25px; }
#main #table1 { width:450px; float:none; }
#news-cont-left { width:450px; }
#news-cont-left img { width:40%; height:auto; float:left; margin:10px; vertical-align:top; }
#news-cont-left br { display:none; }
#contact-form .introduction { float:left; width:220px; margin: 10px 0 0 0; }
#contact-form .phnum { float:right; width:200px; margin: 30px 0 0 0; }
.tblcontact { width:450px; }
.tblcontact .labelfield { margin: 10px 0 0 0; }
.tblcontact .form_field { width:145px; }
.tblcontact .htmlIMemo { height:45px; }
.tblcontact .htmlIText, .tblcontact .htmlIMemo { width:120px; }
.tblcontact #form_202_submit { margin: 5px 85px 0 0; }
.post-right { width:180px; }
.post-social { width:200px; }
.post .post-social ul li { margin:0 18px 0 0; }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
.filterbox { width:380px; }
.searchblk { width:180px;}
#theme_input, #production_input, #advsearchtextbox { width:100px; }
#advsearchtextbox { margin: 0 10px 0 0px }
.filterbox .fb_production #list_production { margin: 0 0 0 260px; }
#contact-form { height:290px; }
#contact-form .introduction { width:310px; }
.tblcontact { width:520px; }
.tblcontact .form_field { width:170px; }
.tblcontact .htmlIText, .tblcontact .htmlIMemo { width:150px; }
.post-right { width:310px; }
}
@media only screen and (max-width: 400px) {
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
#news-left { width:100%; }
.post-left { margin: 0 auto; }
.post-left, .post-right { width:100%; }
.testiblk h1 span { padding:0; font-size:30px; }
.filterbox { width:95%; }
.searchblk { width:95%; }
}
/*
@media screen and (max-height: 680px) {
.masthead h1 a { margin: 6px auto 16px auto; }
nav.mainNav { height:74px; }
}
@media screen and (min-height: 680px) and (max-height: 750px) {
.masthead h1 a { margin: 16px auto 28px auto; }
nav.mainNav { height:88px; }
}
*/