html, body { margin: 0px; width: 100%; height: 100%; display: block; font-size: 100%; font-style: normal; font-family: Georgia, 'Times New Roman', serif; color: #000; background: #FFF; }
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,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body { line-height: 1.4; height: 100%; font-size: 1em; }
/* body { line-height: 1.5; height: 100%; font-size: 0.89em; } */
#editor { background: #fff; }
/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 0.5em 0; }
/* a { text-decoration: none; color: #FF8C3F; }
a { text-decoration: underline; color: #7A591D; }*/
a { text-decoration: underline; color: #094436; }
a:hover { text-decoration: none; }
a img { border: 0px; }
h1 { font-weight: bold; font-family: Myriad, Arial, sans-serif; letter-spacing:.05em; color: #094436; text-align: left; margin-bottom: 5px; margin-top: 10px; font-size: 1.5em; line-height: 1em; }
h2,h3,h4,h5,h6 { font-weight: normal; font-family: Myriad, Arial, sans-serif; color: #094436; text-align: left; margin-bottom: 10px; }
h2 { font-size: 1.4em; margin-top: 16px; line-height:1.2em; }
h3 { font-size: 1.3em; margin-top:14px; margin-bottom:-10px;}
h4 { font-size: 1.2em; background-color: #E2F1EB; padding-left:5px;margin-bottom:0px;}
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul, ol {margin-left: 3em;list-style: circle;}
ol { list-style: decimal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444; }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #FF7F00; color: #FFF; cursor: pointer; text-decoration: none; margin-right: 10px; border: 0px; padding: 5px 18px; display: inline-block; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.pad { padding: 10px; padding-right: 0px;}
.divider { margin-top: 20px; }
/* .box { padding: 7px; border: 1px solid #DDD; } */
.box { padding: 10px; border: none; background: #E17100 }
img{max-width:100%;}
/* Mary Jo added */
.hometop {float:left; padding-top:0px; padding-right:20px; padding-left:0px; width:450px; height:800px;}
.leftpartnortside { width: 100%; padding: 10px 1%; float: left; }
ul.home {list-style: inside; }
#nav ul li a, a:hover {text-decoration:none;}
#largeImgPanel { text-align: center; visibility: hidden; position: fixed; z-index: 100; top: 0; left: 0; width:100%; height:100%; background-color: rgba(100,100,100, 0.5); }
/* layout*/
#layout { background: transparent; position: absolute; height: 100%; top: 0; left: 0; width: 100%; min-width: 100%; }
#wrapper { min-height:100%; height: auto !important;height: 100%; background: #FFF; padding: 0; margin: 0 auto; min-width: 1020px; width: 1020px; position: relative; }
#header{ height: 150px; width: 100%; position: relative;}
#nav { position: relative; border-bottom: 1px solid #DDD; font-size: 0.86em; padding: 0px 0; }
#nav div.container { padding: 0; border-left: 0; border-right: 0; }
#content { float: left; width: 100%;}
#footer { width:100%; padding: 15px 0px; margin-top: 30px; clear: both; overflow: hidden; line-height: 1.3em; color: #333; border-top: 1px solid #DDD; }
.container { width: 1020px; position: relative; margin: 0 auto; }
/*header */
.headtop { text-align: right; height: 30px; padding-top: 10px; position: absolute; top: 25px; right: 20px;padding-bottom: 10px; font-size: 1.5em;; color: #333; }
.headtop input[type=text]{ border:0px; border-bottom: 2px dotted #000; width: 200px;}
.headtop input[type=text]:focus, .headtop input[type=text]:active, .headtop input[type=text]:hover { border-bottom: 2px dotted #000; }
.headtop img { margin: 10px; }
.logo {text-align:center; z-index: 12;}
.logo img { padding: 0px; height: 150px;}
.placehold { height: 15px; }
.pagemargin { padding: 15px; }
.breadcrumb { padding: 0; margin: 10px; width: 100%; bottom: 0; }
.breadcrumb a {padding: 0 3px; font-size: 0.8em; }
.ranimg { width: 100%; text-align: center; }
.ranimg img { max-width: 100%; min-width: 50%; }
/* new footer */
.copyright { clear: both; }
.sociolinks { text-align: center; width: 100%; font-size: 1em; line-height: 1.5em; color: #666666; padding: 0 2%; padding-bottom: 0px; }
.sociolinks img { height: 25px; margin: 0px 2px; }
.footnavi { width: 100%; text-align:center;}
.footnav {margin: 0px; margin-left:-36px; padding: 0px; padding: 0; width: 100%;}
#footer h3 { text-align: center; margin-bottom: 5px; color: #666666; font-size: 1.3em;}
.footnav ul { margin-top: 10px; width: 100%; list-style-type:none; font-size: 0.86em;}
.footnav ul li {width: 100px; display: inline; border-right: 1px solid #999; border-left: 1px solid #999; margin-right:2px;}
.footnav ul li>a { padding: 6px; margin: 0px; display: inline; color: #A93339;}
.footnav ul li>ul {margin: 0px; padding: 0px; list-style: none; }
.footnav ul li> ul li { float: none; display: inline; padding: 2px 0; width: auto; }
.copyright { color: #999; font-size: 0.86em; }
.copyright .container { border-top: 1px solid #DDD; padding: 10px; }
.footabout { width: 100%; padding: 8px 2%; float: left; text-align: left; }
.footabout a { color: #666; }
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em; line-height: 30px; width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }
*/
/* original footer - not using
.copyright { clear: both; }
.sociolinks { float: right; margin-right: 0px; width: 35%; font-size: 1em; line-height: 1.5em; color: #666; padding: 0 2%; padding-bottom: 0px; }
.sociolinks img { height: 25px; margin: 0px 2px; }
.footnavi { float: left; width: 60% ;}
.footnav { margin: 0px; padding: 0px; padding: 0; width: 100%; float: left; }
#footer h3 { margin-bottom: 5px; color: #666; font-size: 1.5em;}
.footnav ul { margin: 0px; width: 100%; list-style: none; }
.footnav ul li { float: left; width: 48%; }
.footnav ul li>a { padding: 0px; margin: 0px; display: block; color: #5d2e95; }
.footnav ul li span { font-size: 1.6em; color: #666; line-height: 2em; }
.footnav ul li>ul {margin: 0px; padding: 0px; list-style: none; }
.footnav ul li> ul li { float: none; display: block; padding: 2px 0; width: auto; }
.copyright { color: #999; font-size: 0.86em; }
.copyright .container { border-top: 1px solid #DDD; padding: 10px; }
.footabout { width: 20%; padding: 8px 2%; float: left; text-align: left; }
.footabout a { color: #666; }
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em; line-height: 30px; width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }
*/
/*navigation*/
.navigate { display: none; }
#nav ul { padding: 0 ; margin: 0; list-style: none; text-align:center;}
#nav ul li { float:left; text-align: center; min-width: 8%; border-right: 1px solid #DDD; position: relative; }
#nav ul li:last-child { border: 0px; }
#nav ul li a { font-family: Myriad, Arial, sans-serif; font-weight:bold; color: #094436; font-size:1.2em; letter-spacing: 0em; display: block; padding: 2px 8px; }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 7px; margin: 0px; box-shadow: 0px 0px 1px #5891D6; text-align: left; list-style: none; display: none; line-height: 20px; z-index: 2; width: 200px; background: #5891D6; position:absolute; height:auto; border:0px; }
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none; position: relative; width: 100%;border: 0px; text-align: left; }
#nav ul li > ul > li a { padding: 7px 9px; display: block; color: #000; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover { filter: none; color: #FFF; }
#nav ul li:last-child ul { right: 0px;}
#nav ul li.currentitem, #nav ul li.currentbranch #nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { color: #094436; text-decoration: none; background: #ECBC5D; }
#nav ul li.currentitem a, #nav ul li.currentbranch a { color: #094436;}
#nav ul li.currentbranch ul li.currentitem { background: none; }
#nav ul li.highlight { background: #5891D6; }
.divider { margin-top: 30px; }
.sidlnks ul,#deptbox ul { list-style: none; padding: 0; margin: 0; font-size: 1.1em; border-top: 1px dotted #AAA; }
.sidlnks ul li a,#deptbox ul li a { padding: 6px 5px; display: block; border-bottom: 1px dotted #CCC; }
.sidlnks ul li ul,#deptbox ul li ul { display: none; width: 100%; border-bottom: 1px dotted #CCC; margin: 0; padding: 0; }
.sidlnks ul li a:hover, .sidlnks ul li:hover,#deptbox ul li:hover,#deptbox ul li a:hover { text-decoration: none; color: #000; }
.sidlnks ul li ul li a { padding-left: 10px; border: 0; color: #000; }
.sidlnks ul li:hover ul, .sidlnks ul li a:hover ul { display: block;}
/* Home */
.slideing { border-bottom: 1px solid #DDD; }
.sliderContent { color: #CCC; width: 100%; height: 360px; position: relative; overflow: hidden; }
.sliderContent div.base { position: absolute; width: 100%; left: 100%; height: 100%; }
.sliderContent div.base img { position: absolute; left: 0%; top:0; padding: 0; border: 0;height: auto; max-height: 88%; width: 55%; padding: 8px; background: #FFF; border: 1px solid #CCC; margin: 2%; }
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { position: relative; z-index: 1; padding: 0% 2%; width: 96%; font-size: 1em; line-height: 1.6em; color: #EEE; right: 0%; bottom: 0%; height: 100%; }
.sliderContent div.base div.caption h2 { font-size: 2em; line-height: 1em; margin: 0 0 10px 0; padding: 0; font-weight: normal; color: #000;}
.sliderContent div.base div.caption h2 a, .sliderContent div.base div.caption a { color: #FFF; background: #FF7F00; padding: 5px 10px;margin-top: 10px;display: inline-block; }
.sliderContent div.base div.caption a:hover{ text-decoration: none; }
.sliderContent div.base div.caption .cpdesc { width: 35%; right:2%; top:10%; position: absolute; font-size: 1.05em; height: 95%; color: #FF7F00; }
.sliderContent div.base div.Video .cpdesc { width: 100%; left: 0; top: 0; height: 100%; }
.sliderContent div.base div.Video h2 { margin-top: 5%; }
.sliderContent div.base div.Video .cpdesc iframe { margin: 25px; float: left; }
.sliderContent div.base div.caption .lnk { display: none; }
.cslide .sliderContent { height: 280px;}
.cslide .sliderContent div.base img { width: 45%; height: 100%; }
.cslide .sliderContent div.base div.caption .cpdesc { width: 45%; height: 100%; }
.taoNav { text-align: right; margin: 0; z-index: 5; position: relative; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 1px 2px; background: #CCC; line-height: 0.7em; color: #CCC; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; cursor: pointer; }
.taoNav a.active { background: #777; color: #777; }
.taoNav a:hover { text-decoration: none; }
.leftpart { width: 68%; padding: 10px 1%; float: left; }
.rightpart { width: 30%; float: right; }
.ct .leftpart { width: 26%; float: left; padding: 30px 0; }
.ct .rightpart { width: 72%; padding: 10px 1%; float: right; }
.more { position: absolute; bottom: 0; right: 10px; }
.more a { color: #925F00; }
/* home page */
/* .hm_wwd img { float: left; padding: 9px; border: 1px solid #DDD; width: 45%; margin-right: 10px; } */
.hm_wwd img { float: left; padding: 9px; width: 45%; margin-right: 10px; background: #E17100}
.hm_wwd .wwd { margin-left: 320px; }
.qua { margin: 30px 5px; font-size: 1.4em; font-style: italic; color: #3E1F63; }
/* .qua span { display: block; color: #333; text-align: right; } orig hidden by Mary Jo */
.qua span { display: block; color: #999; font-size: 12px; text-align: right; }
/* product descriptions */
.proddesc {font-size: 14px; line-height:1.2; display:block; }
/* news */
#news .img img { float: right; max-width: 400px; }
.newsList { width: 33%; padding: 2% 0; float: left; overflow: hidden; position: relative; }
#newslist a { display: block; padding-left:30px; }
#newslist div { padding: 1%; }
.eventList, .tweetList { position: relative; height:300px; overflow: hidden; width: 26%; margin: 0 2%; float: left; }
.eventList a { color: #333; }
.eventList div { margin: 0px 0px; padding-bottom: 12px; max-height: 55px; overflow-hidden;}
.eventList span, .eventList p { display: inline-block; vertical-align: top; width: 75%; margin: 0px; padding: 0px; }
.eventList span { text-align: center; background: #D4EFFF; padding: 10px 0px; color: #333; font-weight: normal; vertical-align: middle; width: 50px; line-height: 14px; border-left: 0px; font-size: 16px; font-family: 'PT Serif', Georgia, serif, Arial, Helvetica, sans-serif; }
.eventList span label { font-size: 12px; display: block; }
.eventList p { padding-left: 10px;}
div.article { border-bottom: 1px dotted #CCC; padding: 8px 5px; }
div.article img { float: left; margin: 10px 7px; }
div.article h2,div.article h3 { font-size: 1.2em; }
.splitleft, .splitright { /* width: 43%; */ padding: 0 1%; display: inline-block; vertical-align: top; }
.splitright { float: right; text-align: right;}
.splitright a { color: #925F00; }
/*blog pages*/
.sblnk{ position:relative; z-index:10; float: right;}
.nwshd{ padding:10px 0; position: relative; z-index: 0;}
.nwsind .nwshd img, .nwshd img { float:left; margin-right:10px;}
.nwshd h2 {font-family: georgia,serif; font-size: 25px; font-style: italic;font-weight: bold;}
.nwshd h3 { font-size: 1.4em; margin-bottom:-10px;}
.nwshd .introlnk { width: 27%; position: absolute; right: 0; top: 0; padding: 1%; float:right; margin-bottom:25px; border: 2px dotted rgb(82, 124, 114); font-size: .92em;}
.nwslst .article { clear: right;}
.nwsind .nwshd { margin:0;}
.nwsind .nwshd h2{ font-size: 19px; }
.nwsind .newsbody img { float:left; margin: 0 15px 10px 0; max-width: 50%; border: 1px solid #000;}
.nwsind #news h2{ font-weight:bold; font-size: 1.8em;}
/*calendar */
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%; height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px; color: #9B7313; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar ul { margin: 0px; padding: 0px; list-style: none; display: block; }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px; }
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px; text-align: center; }
.thumbGallery li a img { padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999; }
.photo { text-align: center; margin-top: 20px;}
.photo img { display: inline-block; padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #999; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: #666; float: right; padding-top: 30px;}
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; vertical-align: top;}
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px; }
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform { margin: 10px 5px; }
.general_login { margin-left:30%; }
.general_login div.logintitle { font-size: 2em; line-height: 35px; }
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.general_login div.row { margin: 8px 0px; }
.general_login div.row span.label { text-align: right; padding-right: 7px; width: 100px; display: inline-block; }
.general_login div.loginbtn, .general_login div.forgotpassword { margin-left: 110px; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px; }
#editevent table { border: 0px; margin: 0px; }
#editevent table td { padding: 3px 0px; }
#editevent table td { font-weight: bold; }
#editevent textarea{ width: 350px; height: 100px; }
#editevent table td div.field { padding: 3px 0px; }
#editevent table td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.events h2 { margin-top: 20px; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px; }
.indievent span { display: block; }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span { display: inline-block; text-align: center; padding: 2px 10px; border:1px solid #CCC; }
#newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; margin: 5px; }
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover { background:#667233; }
#newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a ,#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover { background: #667233; text-decoration: none; color: #FFF; }
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px; }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD; border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold; }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em; }
#returntocart a, #changeinfo ul li:before { }
/*tao Gallery */
.hide { display: none; }
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(9,9,9,0.9); }
.no-rgba #gcontent {background: #333; }
#gimage { width: 75%; float: left; text-align: center; height: 100%; }
#gimage img { background: #FFF; padding: 10px; border: 1px solid #EEE; }
#gcontent { float: left; width:20%; line-height: 1.3em; margin: 10% 0; padding: 2%; color: #EEE; font-family: 'Merienda', cursive; }
#gcontent div { margin: 5px 0; }
#gcontent label { display: block; color: #E49F0C; font-weight: bold; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a { margin-left: 10px; color: #333; display: inline-block; padding: 2px 15px; }
#gclose { position: absolute; z-index:1122; top: 0%; right: 5%; color: #777; width: 45px; background: #E49F0C; padding: 5px 15px;color: #FFF; }
.gwait { margin-top: 40%; }
.gallerylist { position: relative;float: left; background: url(/image/cache/gallerybg.png) no-repeat top left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 0; }
.gallerylist h3 { margin-top: 15px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery a { float: left; background: #FFF; padding: 1%; height: 130px; width: 28%; margin: 5px 3px; font-family: 'Merienda', cursive; overflow: hidden; text-align: center; vertical-align: middle; position: relative; text-align: center; border: 1px solid #CCC; margin: 1%; overflow: hidden; }
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; max-height: 130px; }
.imageGallery a:hover {border: 1px solid #999; }
/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label { font-size: 1.5em; font-weight: bold; font-family: 'Raleway', sans-serif; width: 98%; display: block; color: #F9A13A; padding: 5px 1%; margin: 20px 0 5px 0; border-bottom: 1px solid #F9A14C; }
.fieldgroup_desc, .field_desc {font-style: italic;color: #333;line-height: 1.4em;padding: 0 3px;font-size: 0.87em;margin-bottom: 10px;clear: both;}
.fieldgroup_desc h4{font-size: 17px;font-weight: 400;}
.fieldrow {padding: 3px 0;text-align: left;display: block;}
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea {width: 100%;min-height: 80px;}
.fieldrow .fieldlabel {display: inline-block;width: 35%;margin: 0 0.5%;text-align: left !important;margin-right: 20px !important;}
.fieldrow .fieldval {display: inline-block;width: 40%;margin: 0 0.5%;vertical-align: top;}
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 100%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button { width: auto; }
.fieldrow .fieldval input[type=file] { border: 1px solid #ddd; }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }
.fieldrow.hide{ display:none;}
.fieldval label{ font-weight:normal;}
.fieldval div[class*="_radio"],.fieldval div[class*="_multicheckbox"] {margin-right: 5px;}
.fieldval div[class*="_radio"] label, .fieldval div[class*="_multicheckbox"] label{font-weight:normal;margin: 0;vertical-align: middle; padding-left: 3px;}
.fieldval div[class*="_radio"] input, .fieldval div[class*="_multicheckbox"] input{margin:0;float: none;display: inline-block;vertical-align: middle;width: auto;}
.fieldrow .fieldval input[name*="date"]{width:calc(100% - 30px);}
.fieldrow .error { border-color:red;}
.fieldrow.errorlabel label{ color:red;}
/* Comments */
.plain { background: #fff; }
ul.tabs, #mainContent ul.tabs { padding: 0px; margin: 0px; list-style: none; border-bottom: 1px solid #DDD; height: 41px; padding-left: 10px; }
ul.tabs li { padding: 0px 20px; line-height: 36px; float: left; font-size: 1.2em; margin-top: 5px; cursor: pointer; background: #E4E4E4;}
ul.tabs li:hover { color: #987630; } ul.tabs li.select { background: #FFF; border: 1px solid #DDD; color: #094436; border-bottom: 0px; }
.tabholder div.tabcont {display: none; padding: 10px; }
.tabholder div.showtab { display: block; }
#name2_input { width:230px; }
#mainContent form { float: left; }
table#post_comments { width:80%;}
table#post_comments textarea { min-width: 70%; height: 150px; }
/* cart universal */
.carticon { position: absolute; top: 50px; right: 10px; }
.carticon ul { margin: 0; padding: 0; list-style: none; }
.carticon ul li { float: left; line-height: 1em; padding: 0px 8px; border-right: 1px solid #999; }
.carticon ul li:last-child { border: 0px; }
.carticon a { color: #333; }
#cartbuttons ul {list-style: none;padding: 0px;margin: 0px;/* text-align: center; */}
#cartbuttons ul li {display: inline-block;}
#cartleft #cartbuttons ul li { float: none; display: inline-block; }
input.cancel {background: #CCC;border: 1px solid #BBB;color: #333;/* display: none; */}
#cartbuttons ul li .empty_cart, #cartbuttons ul li .update_cart, #returntocart {display:none;}
.errmsg, .taoCMSerror, .taoCMSerror .msgcontent { color:red;}
/* checkout Login */
.checkout_login {width: 40%;float: left;padding: 2%;margin: 2% !important;display: block;}
.checkout_loginmsg { display: none; }
.logintitle {font-size: 1.3em;}
.checkout_login p { font-weight: bold; font-size: 12px; }
.checkout_login div { margin: 5px 0px; }
.checkout_registration, .noaccount { text-align: center; }
.checkout_registration, .noaccount {width: 350px;float: left;/* background: #FFFACD; */}
.checkout_registration {display:block;margin:2%;padding:15px;height: 320px;font-size: 1.6em;}
.billinginfoinput {text-align:center;max-width: 440px;margin: 0 auto;}
.billinginfoinput table{/* width: 90%; */margin: 0 auto;display: block;}
.billinginfoinput table tr td {min-width: 200px;}
/* bliiing */
#billtable, #shiptable {width: 45%;margin: 20px 1% 20px 0;float: left;padding: 1.5%;background: #ececec;min-height: 150px;}
#billtable h3{ font-size:1.4em;}
.billingaddress { margin-bottom: 20px; }
.billingaddress .name { font-weight: bold; }
#paymentcharge { float:none; width:100%; clear:both;}
.paymenttitle { margin-top: 15px; font-family: 'Marcellus', serif; font-size: 1.3em; }
#paymentdiv {padding: 0;}
.paymentmodule{display: block;vertical-align:top;min-width: 300px;max-width: 600px;padding: 2px 0;}
.paymentchoice{font-weight: bold;font-size: 1.1em;margin-bottom: 5px;}
#mail_payment_details .instructions, #paymentinstructions{margin:10px 0; background:#ffe8bd; padding:15px; border:1px solid #f5c260;}
#plugnpay_details span {display:inline-block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}
.cardnumberlabel, .cardnumberinput {width:60%;float: left;margin-right: 8px;}
.codeoncardlabel, .codeoncardinput{width: 38%;}
.expireoncardlabel, .expireoncardinput{width:100%;}
.expireoncardinput select{ width:49%;}
#changeinfo {margin-top: 42px;}
#changeinfo:after{ content:''; display:table; clear:both; }
#changeinfo ul {margin: 0;padding: 0;list-style: none;color: #094436;}
#changeinfo ul li { float: left; margin-right: 20px; }
#changeinfo ul li:nth-child(2){ display:none;}
#orderinfo h2{ display:none;}
#cartbuttons{margin: 15px 0;}
#returntocart a:before, #changeinfo ul li a:before, #changeinfo ul li:nth-child(2):before {content: "« " ; display:inline-block;font-size: 16px;margin-right:5px;}
#changeinfo ul li:nth-child(3):before { content:"\f0f6"; font-family:FontAwesome; display:inline-block; margin-right:5px; }
#changeinfo{/* display:none; */float: left;}
#changeinfo ul li a {color: #094436;font-weight: 600;font-size: 15px;}
#paymentinvoice:after{content:''; display:table; clear:both; }
#payment_totalamount{float:none;clear:both;width:100%;margin: 10px 0;font-size: 1.3em;font-weight: 700;text-transform: uppercase;}
#giftcertificateamount{float:none;clear:both;width:100%;margin: 10px 0;font-size: 1.1em;font-weight: 600;text-transform: uppercase;}
/*Coupon codes*/
#cartcodes {margin: 25px 0;padding: 8px;background: rgba(0, 0, 0, 0.03);}
#cartcodes .errmsg{ color:#ffc107; }
.promocodes {padding: 0;}
.orderdiscountheading{font-size: 0.94em;margin: 0;}
ul.discount{padding:0;margin:0;text-align: left;list-style: none;}
ul.discount li { padding-left:5px;}
ul.discount li:before{content:"\f058"; font-family:FontAwesome; color:green;}
.catalog.code span{display:inline-block; vertical-align:middle;}
.catalog.code .codevalue {display:inline-block;margin: 0;text-align: center;border: none;color: green;text-decoration: none;background: none;border: 1px solid green;padding: 7px 14px;display: inline-block;text-transform: uppercase;margin-right: 10px;}
.catalog.code .codevalue:before{content:"\f058"; font-family:FontAwesome; color:green; display:inline-block; margin-right:5px;}
.catalog.code .removebutton{height:42px;width: 42px;font-size:0;padding: 0;min-width: 42px;text-align:center;position: relative;overflow: hidden;margin-left: 15px;}
.catalog.code .removebutton:before{content:"\f057";font-family:FontAwesome;font-size: 36px;color: #999;display: block;position: absolute;width: 100%;height: 42px;top: 0;bottom: 0;margin: auto;line-height: 42px;/* background: #ccc; */}
.catalog.code .removebutton input{font-size:0;height:100%;background: transparent;}
.catalog.code~.catalog.codeinput{display:none;}
.catalog.codeheader {font-weight:bold;font-size: 1.1em;margin-bottom: 5px;}
.catalog.codeinput{/* padding:5px; */}
.catalog.codeinput label{margin-right:10px;display: block;padding: 6px 0;line-height: 1;font-size: 0;}
.catalog.codeinput input[type="text"], .catalog.codeinput input[type="submit"]{display:inline-block;width: 30%;margin: 0;margin-right:5px;}
.catalog.codeinput input[type="submit"] {width:auto;padding: 14px 8px;font-size: 12px;width: 170px;}
/* cart */
.catalogcart {width: 100%;margin: 0;border: 0;border-spacing: 0;border-collapse: collapse;}
.catalogcart td, .catalogcart th {border: 1px solid #DDD;padding: 3px 8px;text-align: center;}
.cartheadings { background: #FFF; line-height: 30px; }
.cartheadings th.partno, .cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
.catalogcart td.qty, .catalogcart th.qty, .catalogcart td.remove, .catalogcart th.remove {/* visibility: hidden; */width: 0px;padding: 0;font-size: 0;border: 0;line-height: 0;}
.catalogcart td.qty span{/* border-right: 1px solid #DDD; *//* visibility: visible; */display: none;}
.catalogcart td.unitprice{/* border-left:0; */}
.catalogcart td.qty input, .catalogcart td.remove input{ display:none;}
.catalogcart .itemname {padding-top: 5px;color: #333;text-align: left;padding-left: 25px;/* border-left: 0; *//* border-right: 0; */}
.cartitemrow label{ display:inline-block;}
#activecart.catalogcart .itemname{border-right: 0;}
#activecart.catalogcart td.qty, #activecart.catalogcart td.remove, #activecart.catalogcart th.qty, #activecart.catalogcart th.remove{border:0;}
#activecart.catalogcart td.unitprice, #activecart.catalogcart th.unitprice { border-left:1px solid #DDD;}
#completeordercart.catalogcart .itemname{border-left: 0;/* border-right: 0; */}
#completeordercart.cartheadings th.partno, #completeordercart.cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
#completeordercart.catalogcart td.namespan{border-right: 0;}
#completeordercart.catalogcart tr.totals th{border-left:0;width: 240px;}
#completeordercart.catalogcart tr.totals th
#completeordercart.catalogcart td.qty, #completeordercart.catalogcart th.qty{border:0;border-right:0;border-left: 1px solid #DDD;border-spacing: 0px;}
.catalogcart .itemname .attributes { color: #333; clear: both }
.catalogcart .itemname .attributes .label { width: 120px; float: left; display: block; }
.catalogcart .itemname .attributes .value { margin-left: 125px; display: block; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .price {color: #333;font-weight:bold;width: 100px;border-left: 0;}
.catalogcart .totalprice { width: 120px;}
.catalogcart .oddrow { background: #FFF; }
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
.multipleshippingchoices { margin-top: 20px; }
.shippinginfotable tr td {padding: 5px 0;}
/* products and catalog */
.prod { width: 22%; padding: 1% 0.5% 1% 0.5%; color: #000; margin: 1% 0.8%; float: left; min-height: 190px; max-height: 190px; border: 1px solid #E9E9E9; position: relative;}
.prod .price { right: 0px; bottom: 0px;position: absolute; padding: 5px 0px; color: #000; font-size: 1.4em; line-height: 0.9em; }
.prod .img { text-align: center; margin: 0.4em 0; min-height: 110px; }
.prod .img img { max-width: 100%; max-height: 150px;}
.prod h5, .prod h5 a { font-size: 1em; color: #FF7F00; text-align: center; padding-bottom: 0.2em; }
.prod .vbtn { right: 15px; bottom: 10px; position: absolute; padding: 0.3em 1.4em; background: #E1C67B;color: #C34923; border: 1px solid #C39823; border-radius:5px;}
.prod .vbtn:hover { background: #333;color: #FFF; border: 1px solid #000; text-decoration: none;}
.proful { width: 100%; border: 0px; padding-bottom: 4em; }
.proful .desc { display: none;}
.promini { padding: 0; }
.promini .img { text-align: center; margin: 0.4em; float: left; width: 100px; height: 100px; border: 1px solid #DDD; overflow: hidden; }
.promini .dtl { margin-top: 1.2em; }
.promini .price { text-align: right; width: 60%; font-size: 1em; bottom: 1.5em; color: #999; }
.prodtb { width: 100%; padding: 1em 0; clear: both; border-bottom: 1px solid #EEE; height: 40px; overflow: hidden; }
.prodtb.tbhead { height: 10px; background: #F6F6F6; font-weight: bold; color: #333; }
.prodtb .dtl h5 { font-size: 1em; }
.prodtb .dtl { width:25%; padding: 0 1%; float: left; }
.prodtb .desc { width: 50%; padding: 0 1%; float: left; color: #999; }
.prodtb .price { width: 8%; padding: 0 1%; float: left; font-weight: bold; }
.prodtb .vbtn { width: 8%; padding: 0 1%; float: left; }
.prodtb .img { display: none; }
.prod .issale { display: none; }
.prod .is_onsale { display: block; background: red; color: #FFF; width: 50px; text-align: center; position:absolute; right: 0; top: 0px; z-index: 1; }
@media all and (max-width: 1100px) { .prod { width: 28.5%; height: 250px; padding: 1%; margin: 1%; } .prod .img { min-height: 130px; height: 130px; } .proful { width: 100%;height: 260px; } }
/* indi product page */
.indipro .imgblk { width: 35%; overflow: hidden; display: inline-block; text-align: center; }
.indipro .img {max-height:350px; min-height: 180px; vertical-align: middle; padding: 0;}
.indipro .img img { max-width: 100%; max-height:100%; }
.indipro .optlst { width:63%; display: inline-block; padding-left: 1%;vertical-align: top; }
.indipro .thumbs { margin: 5px 0; text-align: left;}
.indipro .thumbs img { height: 45px; padding: 2px; margin: 0 1px; border: 1px solid #ddd; }
.optlst select { max-width: 100%; }
.is_not_onsale { display: none; }
.indipro .price { font-size: 1.3em; }
.sprc { color: #E17857; font-weight: bold;}
.optlst .lbl,.optlst .inp { display: inline-block; width: 60%; vertical-align: top; }
.optlst div { margin: 0.7em 0.5em; }
.optlst .lbl { width: 33%; }
#skip_to_cart { text-align: right; }
#skip_to_cart a { border: 1px solid #E17857; display: inline-block; padding: 4px 10px }
#fablst .prod { max-width: 180px; padding: 1% 0.5%; overflow: none; position: relative; color: #000; }
#fablst .prod:hover { height: auto; overflow:none;}
#fablst .prod .fbhover { display: none; left: 100%; background: #EEE; color: #000; width: 200px; height: 97%; border: 1px solid #EEE; border-left: 0; padding-top: 4%; position: absolute; top: -1px; z-index: 100; }
#fablst .prod:hover .fbhover { display: block; background: #EEE; }
#fablst .prod .slc { display: none; position: absolute; top: 2px; left: 2px; z-index: 1111; }
#fablst .prod:hover .slc { display: block; }
.fbhover dt,.fbhover dd { display: inline-block; width: 27%; padding-left: 1%; margin: 3px 0; }
.fbhover dd { width: 69%; }
#fablst { position: relative; height: 100%; }
#fablst .fblst { height: 84%; overflow: auto; width: 100%; position: absolute; }
#fablst .paging { height: 15%; width:98%; bottom: 0; left: 0; position: absolute; }
@media all and (max-width: 1100px) { #fablst .prod { max-width: 160px; padding: 1% 0.5%; } #fablst .prod .img { min-height: 130px; max-height: 130px; } #fablst .prod .img img { max-height: 130px; } }
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: rgba(0,0,0,0.8); width: 100%; height: 100%; }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
#imageoverlay .disa { background: none; color: #444; }
.indBox { width: 100%; padding: 0%; z-index:1121; height: 100%; }
#gimage { width: 100%; text-align: center; height: 100%; }
#gclose { position: absolute; z-index:1122; top: 2%; right: 2%; font-size: 0.82em; color: #000; background: #CCC; padding: 5px 10px; border: 1px solid #555; }
#gimage img {vertical-align: middle; margin: 10%; border: 0px solid #FFF; max-height: 90%; }
/* downloads */
.on_issue {/* line-height: 1.5em; *//* font-size: 0.87em; */}
.on_issue h2 a {text-transform: capitalize;/* font-size: 0.8em; *//* line-height: 1.3em; *//* margin-bottom:0.2em; */text-align: left;/* display: block; */}
.on_issue { color: #333; }
.on_issue span { font-size: 0.89em; color: #AAA; display: inline-block; width: 75%; }
.on_issue span.splitright { width: 18%; text-align: right; }
.on_issue .issue_info { padding: 0; }
.on_issue span a { color: red; }
.creationRow { display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
.creationRow .creationBlock { margin:10px}
.creationBlock .issue_info .thumb{min-width: 10%;max-width: 170px;padding: 10px;}
.creationBlock .issue_info .thumb img{/* padding: 10px; */ max-width:100%;display: block;}
.creationBlock .issue_info h2{ margin:0;text-align: center;}
.creationBlock .issue_info h2 a{ text-decoration:none; font-weight:bold; text-transform:uppercase;}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 749px){
.bg { background: none; }
.slidebg { height: auto; }
#wrapper, .container { min-width: 98%; width: 98%; margin: 0; padding: 1%;}
.container { width: 100%; padding: 0; margin: 0; }
.leftpart, .rightpart,.ct .leftpart,.ct .rightpart{ padding: 0%; width: 100%; margin: 0; }
.topsocio, .sugbox { display: none; }
.slideing { width: 100%; }
.footabout, .sociolinks { width: 45%; }
.footnavi { width: 100%; }
.homecontent { width: 98%; }
#header, #nav { min-height: auto; }
.newslist { right: 5px;}
.menubutton, #cartright { display: none; }
#footer { height: auto; width: 96%; padding: 1% 2%; margin: 0; }
.pagemargin, .pagebr { padding: 0; }
#content { min-height: auto; width: 100%; margin: 0; padding: 20px 0; }
.placehold { display: none; }
.newsList, .tweetList, .eventList { width: 100%; margin: 0; padding: 0; padding-bottom: 15px; height: auto; }
.homecontent .box { width: 96%; }
.boxb ul li { width: 90%; }
.prod { width: 45%; }
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%; }
.footnav { width: 94%; margin: 0 4%; }
}
/* TABLETS width 700 or above width */
@media all and (min-width: 750px) and (max-width: 969px){
body, html { max-width: 969px; min-width: 700px; width: 100%; padding: 0px; margin: 0px; }
#nav ul li a { padding: 5px 7px; display: block; }
#footer{ padding: 0px; width: 100%; padding: 1%; margin: 0 -1%; }
.searchbox { top: 20px; right: 0px;}
.slideing { width: 100%;}
.Hevents { width: 40%; left: 60%;}
.Hevents img.video { width: 95%; }
.slider { width: 100%; }
#wrapper, .container { min-width: 98%; width: 98%; margin: 0px; padding: 0 1%; }
.container { width: 100%; padding: 0; }
#content { width: 100%; }
.eventList { margin: 0; padding: 0; width: 30%;}
.eventList p { margin: 0; padding: 0; background: #FFF; }
.news ul li { height: auto; }
.mess { font-size: 1.5em; }
.footnavi { width: 50%; }
.pagebr { padding: 0; }
}
@media all and (min-width: 0px) and (max-width:749px){
.appi { width: 44%; padding: 10px 2%; margin: 1%; float: left; }
}
@media all and (min-width: 750px) and (max-width:800px){
.boxb ul li {width: 35%; }
}
@media all and (min-width: 200px) and (max-width:750px){
#nav { padding: 0; position: relative; float: none; width: 100%; height: auto; }
#nav ul { float: none; position: absolute; right: 0; top: 40px; z-index: 122; background: #000; padding: 5px; }
#nav ul li { float: none; background: #000; border: 0; line-height: 18px; margin: 1px; text-align: left; }
#nav ul li a { display: block; color: #FFF; border-bottom: 1px solid #333; }
#nav ul li a:hover, #nav ul li.currentitem { background: #F26621; }
#nav ul li a:hover ul, #nav ul li:hover ul { display: none; }
.navigate a { display: block; color: #FFF; padding:5px; }
.masternav ul { display: none; min-width: 240px; max-width: 240px; z-index: 1; position: relative; top: 0px; right: 5px; }
.masternav:hover ul { display: block; }
.navigate { display: block; text-align: right; font-size: 1.2em; }
.navigate a { display: block; color: #3f3f3f; cursor: pointer; }
.navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding: 0 5px; width: 2.2em; height: 2em; margin-right: 10px; }
.navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
.navigate a label.mbtn div label { display: inline-block; margin: 0; width: 15%; margin-right: 10%; border-top: 5px solid #3f3f3f; }
.navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #3f3f3f; width: 70%; }
.navigate a label.mbtn:hover, .masternav:hover a label.mbtn {background: #F26621; }
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #FFF; }
.navigate a label.mbtn:hover div span, .masternav:hover label.mbtn div span { border-top: 5px solid #FFF; }
.headtop { display: none; }
}
@media all and (min-width: 0px) and (max-width: 479px){
.logo img { width: 100%; height: auto; }
.footnav { width: 94%; margin: 1% 4%; }
.footnav ul { width: 100%; padding: 0; margin: 0; }
.footnav ul li { width: 100%; padding: 0; margin: 0; }
.headtop { display: none; }
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none; margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top; }
.sliderContent div.base div.caption { width: 100%; right: 0%; bottom: 0%; }
.navigate { background: none; }
div .masternav { background: none; }
.sliderContent { height: 400px; }
.sliderContent div.base div.caption .cpdesc { font-size: 0.82em; }
.sliderContent div.base div.Video iframe , .sliderContent div.base img { width: 96%; margin: 25px 1%; }
.sliderContent div.base div.Video .cpdesc iframe { width: 96%; margin: 0; }
.sliderContent div.base img { height: auto; }
.sliderContent div.base div.caption .cpdesc { width: 96%; margin: 180px 2% 10px 2%; position: relative; height: auto; }
.sliderContent div.base div.Video .cpdesc { margin: 10px 1%; }
.taoNav { margin-left: 40%; }
.prod,.indipro .imgblk,.indipro .optlst { width: 97%; }
}