/* BASIC  */
* {background-repeat:no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
img {display:inline-block; }
html,body {width:100%; height:100%; padding:0; margin:0; }
body {margin:0; padding:0; background-position:top center; line-height:1.5em}
body, input, textarea, select {font-family:Verdana,Arial,Helvetica,sans-serif; }
body, 
table, td, th,
blockquote, p, span,
ul, ol {line-height:1.5em}
h1 {margin:0; padding:0; font-weight:bold}
h2 {margin:0; padding:0; font-weight:bold}
h3 {margin:10px 0 10px}
h4 {margin:10px 0 10px; background-position:0 100%; padding-bottom:15px; }
h5 {}
h6 {}
blockquote {}
p {margin:0; padding:0 0 9px 0}
ul {margin:0; padding:0 0 9px 18px; list-style-type:disc}
ul ul {list-style-type:circle}
ul li {padding-bottom:0}
ol {margin:0; padding:0 0 9px 20px}
ol li {}

a {text-decoration:none; outline:none; }
a:hover {}/*
a img {border:0}*/

table {}
th,td {}
th {font-weight:normal; }

form {margin:0; padding:0}
input, select, textarea {background-color:#ffffff; border-width:1px; border-style:solid; vertical-align:baseline}
textarea {overflow:auto}
input[type=checkbox],
input[type="radio"] {overflow:hidden; border:0; vertical-align:middle}
input[type=button],
input[type=submit] {cursor:pointer; }

hr {height:1px; line-height:0; border-top-width:1px; border-top-style:solid; border-bottom:0 none; border-right:0 none; border-left:0 none}
/* end BASICS */

/* FCKEditor styles */
.headlinemain {margin:0; padding:0; font-family:'PT Sans', serif; font-size:16px; color:#539bac; font-weight:bold}
.headline {margin:0; padding:0; font-family:'PT Sans', serif; font-size:14px; font-weight:bold}
.txtuppercase {text-transform:uppercase}
.txtlowercase {text-transform:lowercase}
/* end FCKEditor styles */

/* LAYOUT PAGE*/
#maincontainer { position:relative; width:100%; max-width:1100px; }
.contentmain { z-index:-2; }
.containall {margin:0 auto; width:100%; max-width:1100px; padding:0 2%; background-size:contain; }
.containertop {}
.containermiddle {width:100%; padding-top:3em; padding-bottom:3em; float:left; }
.containermiddlerow {width:100%; }
.containerbottom {padding:1.2em 1.2em 1em 1.2em; }

/* CONTAINERTOP - layout */ 
.logocontainer {float:left; }
#usermenu {float:right; white-space:nowrap; }
.loginmenucontainer {float:right; padding:0.5em 1em 0 0; }
.cartinfocontainer {float:right; margin:0 0 0 2em; padding:0.5em 1em; }
.languageselect {float:right; margin:0 0 0.5em 2.5em; }
.topmenucontainer {float:right; clear:right; min-width:250px; }
.topmenucontainer li {padding-top:1em !important; }
#burgermenu {float:left; display:none; clear:left; }
.hamburger {background-repeat:no-repeat; }
/* end CONTAINERTOP - layout */ 

/* CONTAINERMIDDLE - layout */
.contentleft {float:left; width:24.5%; min-width:180px; margin-right:3%; }
.contentmain {float:left; width:45%; height:100%; }
.contentmainnoleftclmn,.contentmainnorightclmn {width:72.5%; }
.contentmainnoclmns {width:100% !important; float:none; }
.contentright {float:right; width:24.5%; min-width:180px; margin-left:3%; }
.contentright,.contentleft {z-index:0 !important; }
/* end CONTAINERMIDDLE - layout */

/* PRODUCTS*/
.productslist {margin:0 0 20px 0; }
.productslist .product a {display:block; margin:0 0 10px; border:#ddd 1px solid}
.productslist .product a img {border:4px solid #fff}
.productslist .product a img:hover {border:4px solid #ddd}
.productname {margin:0 0 10px 0; text-align:center}
.productname a {border:0 none !important; }

.orderproduct {margin:15px 0 0; padding:5px}
.productslist .orderproduct {width:100%}
.orderproduct td {padding:10px 4px 4px; vertical-align:top}
.orderproduct .productoptions {padding:4px 4px 10px; border-bottom-style:dotted; border-bottom-width:1px}
.productnumber {display:block; margin:0 0 10px; font-weight:normal; text-align:left}

.options, .quantity {display:block; margin:0 0 10px; padding:3px 5px; width:100%; border:1px solid #eaeaea; }
.quantity {width:25px}

.price {font-weight:bold}
.orderproduct a.formbutton {display:block; margin:0; padding:0; border:0 none; height:25px; line-height:22px; font-size:12px; }
.orderproduct a.formbutton .right {display:block; padding:0 10px 0 26px; border:0 none; height:25px; line-height:25px; font-size:12px; background-position:left center; }

.catbreadcrumb {position:absolute; top:-22px; left:0}

table.productslist {width:100%; }
table.productslist .productrow {display:inline; }
table.productslist,table.productslist > tbody,table.productslist td.product {display:block; }
table.productslist td.product {float:left; min-width:150px; overflow:hidden; width:23%; margin:0 2% 2% 0; }
table.productslist td.product img.prodimg {max-width:100%; max-height:100%; display:block; }
.productoptionsblank {vertical-align:middle; padding:1px 0 10px 0; }
.productoptions,
.productoptionsblank {height:52px; }/* height:34px !important; line-height:auto !important; */
.productimages a {display:inline-block; margin-right:2%; text-align:center; }
.productimages img {width:100%; }
.productimages br {display:none; }

a.backbutton {display:block; padding:0 0 0 30px; height:25px; line-height:25px; font-weight:bold; background-position:center left; margin:2em 0 0 0; }

.soldout a, 
.commingsoon a {float:right; width:136px; height:40px; text-align:center; line-height:36px; border:0 none !important}
/* end PRODUCTS */

@media all and (max-width:970px) {
  .fp-slider {display:none !important; }
}
@media all and (max-width:950px) {
  table.productslist td.product {width:31% !important; }
}
@media all and (max-width:900px) {
.contentleft,
.contentright {width:18.5%; }
}
@media all and (max-width:815px) {
  .contentleft,
  .contentmainnorightclmn {width:100% !important; clear:both !important; }
  .contentleft .pageelement {float:left; width:49%; margin-right:1% !important; }
  .contentmain {width:73%; }
  .contentright {width:21.5%; margin-left:2%; }
}
@media all and (max-width:765px) {
  .contentright {margin-left:1.3%; }
}
@media all and (max-width:750px) {
  .gallery .gallerycell,
  .gallerieslist .gallerycell,
  .gallery div.glast {width:32% !important; margin-right:1% !important; }
  .contentmain,
  .contentmainnoleftclmn,
  .contentmainnorightclmn,
  .contentleft,.contentright {width:100% !important; float:none; }
  .contentright .pageelement,
  .contentleft .pageelement {float:left; width:49%; margin-right:1% !important; }
  .contentmain {clear:both; }
  .containall {padding:0 0.5em 0 0.5em; }
  .containermiddle .pageelement {margin-bottom:1% !important; }
    .contentright,.contentleft {margin:0; }
}
@media all and (max-width:700px) {
  #burgermenu {display:block; }

  .containertop .menu ul.submenu {display:block !important; position:relative; top:auto; left:auto; }
  .mainmenucontainer {display:none; }
  .mainmenucontainer .menucontainer  .item {float:none !important; }
  .mainmenucontainer .menu, .mainmenucontainer .menu > .separator {height:auto !important; }
  .containertop .menu .item >.submenu,
  .containertop .menu .subitem >.submenu,
  .containertop .menu .item:hover>.submenu,
  .containertop .menu .subitem:hover>.submenu {display:block; left:auto  !important; }
   
  .containertop ul.submenu {margin-left:1em !important; }
  .containertop ul.submenu li.last {border-bottom:0 !important; }
}
@media all and (max-width:685px) {
  table.productslist td.product {width:48% !important; margin-right:1%; min-width:150px !important; }
}
@media all and (max-width:665px) {
  .pagingfooter {display:none; }
.productimages a {width:28% !important; }
}
@media all and (max-width:650px) {
  .gallery,.randomimages {margin:0 -1% 0 0.5% !important; }
  .gallery .gallerycell,.gallerieslist .gallerycell,.gallery div.glast,.randomimages a {width:32% !important; margin-right:1% !important; }
}
@media all and (max-width:520px) {
  .gallery,.randomimages {margin-right:-1% !important; }
  .gallery .gallerycell,.gallery div.glast,.randomimages a {width:48.5% !important; margin-right:1% !important; }
  .gallerieslist .gallerycell {width:49% !important; }
  .topmenucontainer {float:none; }
  .productimages a {width:40% !important; }
}
@media all and (max-width:500px) {
  .contentright .pageelement,.contentleft .pageelement {float:none; width:100%; margin-right:0; }
}
@media all and (max-width:450px) {
  .cartitems {display:none; }
  table.productslist {}
  table.productslist tr.productrow {display:block !important; padding:0  !important; width:100% !important; margin:auto 4%; }
  table.productslist td.product {margin-right:0  !important; padding:0  !important; width:100% !important; margin-right:1%; min-width:150px; float:none; overflow:show; }
}
@media all and (max-width:390px) {
  .gallery,.gallerieslist,.randomimages {margin-right:0 !important; }
  .gallery .gallerycell,.gallerieslist .gallerycell,.gallery div.glast,.randomimages a {width:100% !important; margin-right:0 !important; }
  table.productslist tr.productrow {display:block !important; width:100% !important; margin:auto; }
  .productimages a {width:100% !important; }
}
@media all and (max-width:320px) {
}

/* CONTAINERBOTTOM - layout */
.contentbottom {float:left; }
.contentbottomnorightclmn {width:auto !important; }
.bottommenu {margin:0; padding:0}
.footertext { background:none}
.socialnetworks {float:right; }
/* end CONTAINERBOTTOM - layout */

/* end LAYOUT PAGE */

/* CONTAINERTOP */
/* CONTAINERTOP - page elements */
.containertop .logo img {display:block}

/* logo text styles */
.logocontainer h2.fst-line {margin:14px 0 6px}
.logocontainer h2.snd-line {font-weight:normal}

.loginmenucontainer {}
.loginmenu {margin:0; padding:0; list-style:none; }
.loginmenu .item {display:inline; margin:0; padding:0 5px; list-style:none}
.loginmenu .link {text-decoration:none}
.loginmenu .link:hover {text-decoration:underline}
.loginmenu .selected {}
.loginmenu .selected link {text-decoration:underline}
.loginmenu .separator {display:inline; padding:0 2px}

.cartinfocontainer {position:relative; }
.cartinfocontainer label {margin:0 10px 0 0; font-weight:bold}
.cartinfocontainer a.cartitemsnum {text-decoration:underline}
.cartinfocontainer div#cartinfo {position:absolute; top:100%; right:0 !important; left:auto; opacity:0; visibility:hidden; }

.languageselect {}
.languageselect a {display:inline-block; margin-left:5px; padding:5px 10px; text-decoration:none; line-height:1.6em}
.languageselect a:hover {text-decoration:none } 
.languageselect .selected {display:inline-block; margin-left:5px; padding:5px 10px; line-height:1.6em}
.languageselect .separator {display:none}

/* containertop - MAIN MENU */
.containertop .menucontainer {margin:0; padding:0; clear:both; position:relative; }
.containertop .menu ul {margin:0; padding:0; list-style:none; }
.containertop .menu li {position:relative; margin:0; padding:0; list-style:none; }
.containertop .menu {margin:0; padding:0; list-style:none; }
.containertop .menu .separator {float:left; margin:0; padding:0; width:4px; background-position:center; background-repeat:no-repeat; font-size:0; line-height:0; color:transparent; } 
.containertop .menu .item {position:relative; float:left; margin:0; padding:0; list-style:none; background-position:top right; }
.containertop .menu .item .link,
.containertop .menu .item .nolink {display:block; padding:0 10px; text-decoration:none; background-position:center top; background-repeat:repeat-x}
.containertop .menu .submenu {display:none; left:-10000px; position:absolute; width:200px; border:0; border-top-width:1px; border-top-style:dotted; line-height:1.6em; font-weight:bold; }
.containertop .menu .submenu .separator {float:none; height:0 !important}
.containertop .menu .item .subitem {float:none; border-bottom-width:1px; border-bottom-style:dotted; }
.containertop .menu .item .subitem .sublink,
.containertop .menu .item .subitem .nolink,
.containertop .menu .item .subitem .subnolink {display:block; padding:5px 10px; text-decoration:none; line-height:1.6em ; }
.containertop .menu .item .subitem .submenu {top:-1px; font-weight:normal; }
/* HOVER */
.containertop .menu .item:hover>.submenu {display:block; left:0; }
.containertop .menu .subitem:hover>.submenu {display:block; left:100%; }
.containertop .menu .link:hover,
.containertop .menu .nolink:hover,
.containertop .menu .sublink:hover,
.containertop .menu .subnolink:hover,
.containermiddle .menu .link:hover,
.containermiddle .menu .nolink:hover,
.containermiddle .menu .sublink:hover,
.containermiddle .menu .subnolink:hover {cursor:pointer; } /*text-decoration:none*/
/* SELECTED */
.containertop .menu .selected .link,
.containertop .menu .selected .nolink {background-repeat:repeat-x; } /*text-decoration:none*/
/* end MAIN MENU*/

/* TOP MENU */
.topmenucontainer .menucontainer {float:right; margin:0; padding:0; background-color:transparent; background-image:none; }
.topmenucontainer .menu,
.topmenucontainer .menu .item {display:inline; margin:0; padding:0; list-style:none; }
.topmenucontainer .menu * ,
.topmenucontainer .menu *:hover,
.topmenucontainer .menu .item:hover > .link,
.topmenucontainer .menu .item:hover > .nolink {background-color:transparent; background-image:none; }
.topmenucontainer .menu .nolink,
.topmenucontainer .menu .link {display:inline; margin:0; padding:0; height:auto; width:auto; list-style:none; line-height:1.1em; text-decoration:none; text-transform:none}
.topmenucontainer .menu .selected {background:tranpsarent; background-image:none; }
.topmenucontainer .menu .separator {text-indent:-9999px; display:inline; margin:0; padding:0 8px; height:auto; line-height:1.1em; }
/* end TOP MENU */

.topimage {overflow:hidden; }
.topimage .img {display:block; width:100%; height:auto; }

.headerimage {border:0 none !important; z-index:12; position:relative; }
.headerimage img {}
/* end CONTAINERTOP - page elements */
/* end CONTAINERTOP */

/* CONTAINERMIDDLE */
/* CONTAINERMIDDLE - page elements */
.containermiddle .contentmain h1 {margin-bottom:20px}
h1.pagetitle {background-position:0 100%; margin-bottom:20px; padding-bottom:15px; }

.contentmain h2 {margin-top:10px; margin-bottom:5px}
.contentmain td,
.contentmain th,
.contentleft td,
.contentleft th,
.contentright td,
.contentright th {vertical-align:top; }

/* search box */
.containermiddle .search {margin:0 0 30px 0; padding:10px; background-position:top left}
.containermiddle .search .searchkeywords {padding:4px 2px 5px 2px; width:100%; }
.searchtable td:first-child {width:80%; }
.searchtable .searchbutton {display:inline-block; margin:0 0 0 3px; width:60px; height:28px; line-height:26px; font-family:Arial; cursor:pointer; font-weight:bold; text-transform:lowercase; border:0 none; background-color:transparent}

/* content middle MENU SIDE HOVER */

.containermiddle .menucontainer {margin:0; padding:0 0 30px 0; clear:both; }
.containermiddle .menucontainer .title {margin:0 0 2px 0; padding:6px 10px; text-decoration:none; line-height:1.1em}
.containermiddle .menucontainer .menu {margin:0; padding:0; list-style:none; line-height:1.6em; border-top-width:1px; border-top-style:dotted; }
.containermiddle .menucontainer .menu ul,
.containermiddle .menucontainer .menu li {position:relative; margin:0; padding:0; list-style:none}
.containermiddle .menucontainer .menu .separator {position:relative; margin:0; padding:0; height:0; font-size:0; line-height:0; color:transparent; background-position:center; } /*display:none; */ 
.containermiddle .menucontainer .menu .item {position:relative; margin:0; padding:0; list-style:none; background-position:top right; border-bottom-width:1px; border-bottom-style:dotted; font-weight:bold; }
.containermiddle .menucontainer .menu .link,
.containermiddle .menucontainer .menu .nolink {display:block; padding:5px 10px; text-decoration:none; background-position:center top; font-weight:bold; }

.containermiddle .menucontainer .menu .submenu {display:none; top:-1px; position:absolute; width:200px; border-top-width:1px; border-top-style:dotted; line-height:1.6em}
.containermiddle .menucontainer .menu .submenu .subitem {float:none; border-bottom-width:1px; border-bottom-style:dotted; }
.containermiddle .menucontainer .menu .submenu .subselected {}
.containermiddle .menucontainer .menu .submenu .separator {float:none; height:0 !important}
.containermiddle .menucontainer .menu .submenu .sublink,
.containermiddle .menucontainer .menu .submenu .nolink,
.containermiddle .menucontainer .menu .submenu .subnolink {display:block; padding:5px 10px; text-decoration:none; font-weight:normal; }

.containermiddle .menucontainer .menu .item .subitem .sublink,
.containermiddle .menucontainer .menu .item .subitem .nolink {font-weight:normal; }

.containermiddle .menucontainer .menu .submenu .submenu .sublink,
.containermiddle .menucontainer .menu .submenu .submenu .nolink,
.containermiddle .menucontainer .menu .submenu .submenu .subnolink {font-weight:normal; }
.containermiddle .menucontainer .menu .submenu .submenu .submenu .sublink,
.containermiddle .menucontainer .menu .submenu .submenu .submenu .nolink,
.containermiddle .menucontainer .menu .submenu .submenu .submenu .subnolink {font-weight:normal; font-style:oblique}

.containermiddle .menucontainer .menu .subitem .submenu {top:-1px; }
.containermiddle .menucontainer .menu .sublink:hover {text-decoration:none}
.containermiddle .menucontainer .menu .subselected .sublink {text-decoration:none}

.containermiddle .menucontainer .menu .item:hover>.submenu,
.containermiddle .menucontainer .menu .subitem:hover>.submenu {display:block; top:-1px; }

/* content left*/
.contentleft .menucontainer .menu .item:hover>.submenu ,
.contentleft .menucontainer .menu .subitem:hover>.submenu {left:100%; }
/* content right*/
.contentright .menucontainer .menu .item:hover>.submenu ,
.contentright .menucontainer .menu .subitem:hover>.submenu {right:100%; }

.contentright .submenu,.contentleft .submenu {z-index:0 !important; }

/* end content middle MENU SIDE HOVER*/

/* content middle MENU SIDE STATIC  */
.staticmenucontainer {margin:0; padding:0 0 30px 0; clear:both}
.staticmenucontainer .title {margin:0 0 2px 0; padding:6px 10px; text-decoration:none; line-height:1.1em; }
.staticmenucontainer .menu {margin:0; padding:0; list-style:none; line-height:1.1em; }
.staticmenucontainer .menu ul,
.staticmenucontainer .menu li {position:relative; margin:0; padding:0; list-style:none; }
.staticmenucontainer .menu li.separator {overflow:hidden; height:2px; font-size:1px; line-height:1px; color:transparent}
.staticmenucontainer .menu li.item {position:relative; margin:0; padding:0; list-style:none; }
.staticmenucontainer .menu .link,
.staticmenucontainer .menu .nolink,
.staticmenucontainer .menu .subnolink {display:block; padding:6px 10px; text-decoration:none; background-repeat:repeat-x; background-position:top center; }

.staticmenucontainer .menu .submenu {display:block; }
.staticmenucontainer .menu ul.submenu {border-bottom-width:1px; border-bottom-style:dotted; }
.staticmenucontainer .menu ul.submenu li.separator {overflow:hidden; margin:0; padding:0; height:1px; font-size:1px; line-height:1px; border-bottom-width:1px; border-bottom-style:dotted; }
.staticmenucontainer .menu li.subitem {border-top-width:1px; border-bottom-style:none; }
.staticmenucontainer .menu .subnolink:hover, 
.staticmenucontainer .menu .sublink:hover {text-decoration:none; background-repeat:no-repeat; background-position:0px 0px; }

.staticmenucontainer .menu .submenu .submenu .submenu .sublink,
.staticmenucontainer .menu .submenu .submenu .submenu .subnolink {font-weight:normal; font-style:oblique}

.staticmenucontainer .menu .submenu .nolink {display:block; padding:5px 10px; text-decoration:none; }
.staticmenucontainer .menu .submenu .subnolink,
.staticmenucontainer .menu .submenu .sublink {display:block; padding:5px 10px 5px 20px; text-decoration:none; background-repeat:no-repeat; background-position:0px 0px; }
.staticmenucontainer .menu .submenu .submenu .subnolink,
.staticmenucontainer .menu .submenu .submenu .sublink {padding-left:40px; }
.staticmenucontainer .menu .submenu .submenu .submenu .subnolink, 
.staticmenucontainer .menu .submenu .submenu .submenu .sublink {padding-left:60px; }
.staticmenucontainer .menu .submenu .submenu .submenu .submenu .subnolink, 
.staticmenucontainer .menu .submenu .submenu .submenu .submenu .sublink {padding-left:80px; }
/* end content middle MENU SIDE STATIC */

/* Side content */
.rubric {margin:0 0 30px 0} /*.containermiddle*/
.rubricheadline {margin:0 0 20px 0; padding:6px 10px; text-decoration:none; line-height:1.1em}
.rubric  .rubriccontent {margin:0; padding:0}
.rubric .rubriccontent p {padding:0 0 5px}
.rubric .rubriccontent .calendarbox {margin:0 10px 0 0; padding:2px; background-repeat:repeat-x; background-position:0px 0px; text-align:center; font-weight:bold; color:#ffffff; font-size:11px; line-height:12px; background-image:url("/images/design/calendarbckgr.gif"); }
.rubric .rubriccontent .photoframe {float:left; padding:0 4px 0 0; background-repeat:no-repeat; background-position:100% 5px; background-image:url("/images/design/rubricfotoframearrow.gif"); } 
.rubric .rubriccontent .photoframe img {display:block; border-width:4px; border-style:solid}			
/* end RUBRIC left */

/* RUBRIC - element styles */
.rubricstyle1 {}
.rubricstyle2 {}
.rubricstyle2 .rubricheadline {}
.rubricstyle2 .rubriccontent .photoframe {background-image:url("/images/design/rubricfotoframearrow.gif") }
.rubricstyle2 .rubriccontent .photoframe img {border-color:#c3e6ed}
/* end RUBRIC - element styles */

/* FORMS */
.formtable {}
.formtable th,
.formtable td {vertical-align:top;} /*line-height:20px !important; */
.formtable th {font-weight:bold; text-align:right; }
.formtable span.RequiredField {font-family:Verdana; }

.formtable th.labeltext,
.formtable th.labelpassword,
.formtable th.labelradiolist,
.formtable th.labelselect,
.formtable th.labeldate,
.formtable th.labelcheckbox,
.formtable th.labelhorizontalcheckboxlist,
.formtable th.labelcaptcha {padding:5px 8px}

.formtable td.inputtext,
.formtable td.inputradiolist,
.formtable td.inputhorizontalcheckboxlist,
.formtable td.inputcheckboxlist,
.formtable td.inputcheckbox,
.formtable td.inputtextarea,
.formtable td.inputcaptcha {padding:0 1px 10px 1px; } 

.formtable input.text, 
.formtable input.password, 
.formtable select,
.formtable .textarea { width: 340px;}

.formtable input.text,
.formtable input.password, 
.formtable input.dateInput {padding:6px 5px}
.formtable input#emailId {text-transform:lowercase}
.formtable input[type="radio"] {position:relative; bottom:-1px; }
.formtable select {padding:4px 5px}

.formtable td.inputradiolist {vertical-align:middle; }
.formtable td.inputradiolist label {padding:0 10px 0 0; vertical-align:middle}
.formtable td.inputradiolist input.radiolist {margin:0 5px 0 0; }

.formtable td.inputhorizontalcheckboxlist {vertical-align:middle}
.formtable td.inputhorizontalcheckboxlist label {padding:0 10px 0 0; vertical-align:middle}
.formtable td.inputhorizontalcheckboxlist input.horizontalcheckboxlist {margin:0 5px 0 0; }

.formtable td.inputcheckboxlist {vertical-align:middle}
.formtable td.inputcheckboxlist label {padding:0 10px 0 0; vertical-align:middle}
.formtable td.inputcheckboxlist input.checkboxlist {margin:0 5px 0 0}

.formtable td.inputcheckbox {vertical-align:middle}
.formtable td.inputcheckbox input.checkbox {}

.formtable .labelcheckboxlist {vertical-align:top; padding:4px 8px}

.formtable td.inputselect select {width:100%;}

.formtable th.labeltextarea {padding:5px 8px; vertical-align:baseline}
.formtable td.inputtextarea {}
.formtable .textarea {padding:4px 5px; width:340px; height:100px; line-height:17px}

.formtable td.formbuttons {padding-top:10px; }
.formtable td.formbuttons  a.formbutton, .orderinfo a.formbutton {float:left; margin:0 10px 0 0; padding:5px 10px; font-size:13px; text-decoration:none; font-weight:bold; text-align:center; }
.formtable td.formbuttons  a.formbutton .right, .orderinfo a.formbutton .right {float:left; min-width:50px; text-align:center; margin:0; padding:0}
.formtable td.formbuttons  a.formbutton:hover {text-decoration:none}
.formtable td.formbuttons {}

.ui-datepicker-trigger {cursor:pointer}

/*RECAPTCHA*/
#recaptcha_table * {line-height:0;}
/*end RECAPTCHA*/

@media all and (max-width:665px) {
	table.formtable,
	table.formtable tbody,
	table.formtable tr,
	table.formtable th, 
	table.formtable td {display:block; }

	#recaptcha_table {display:table}
	#recaptcha_table tr {display:table-row}
	#recaptcha_table th,
	#recaptcha_table td {display:table-cell}
	
	table.formtable th {text-align:left; padding-left:0 !important; }
	
	table.formtable input.text, 
	table.formtable input.password, 
	table.formtable select,
	table.formtable .textarea,
	table.formtable .inputtextarea textarea  { width:100%;}
}
@media all and (max-width:520px) {
  .formtable th {white-space:normal; }
}
@media all and (max-width:380px) {
	table.formtable {margin-left:0;margin-right:0;}
}
/* end FORMS */

/* end CONTAINERMIDDLE - page elements */
/* end CONTAINERMIDDLE */


/* CONTAINERBOTTOM */
/* CONTAINERBOTTOM - page elements */

.containerbottom .bottommenu {}
.containerbottom .menucontainer {clear:both; overflow:hidden; margin:0; padding:0 0 5px 0; }
.containerbottom .menu {margin:0; padding:0; list-style:none; }
.containerbottom .menu .item,
.containerbottom .menu .separator {float:left; }
.containerbottom .menu .item {margin:0; padding:0; list-style:none; }
.containerbottom .menu .link {text-decoration:none}
.containerbottom .menu .link:hover {text-decoration:underline}
.containerbottom .menu .selected {}
.containerbottom .menu .separator {margin:0; padding-left:3px; padding-right:3px; }

.containerbottom .footertext {}
.containerbottom .footertext p {margin:0; padding:0; }

.containerbottom .socialnetworks {}
.containerbottom .socialnetworks a, .containerbottom .socialnetworks span { } /*float:left; margin:0 10px 0 0; line-height:2.6em - can be added into a table element*/
/* end CONTAINERBOTTOM - page elements */
/* end CONTAINERBOTTOM */


/* GALLERY */
/* responsive */
.gallerieslist {margin:0 -1% 0 0; padding:0; }
.gallerieslist .gallerycell {margin:0 1% 2% 0 !important; }
/*.gallerieslist .gallerycell {width:19% !important; }*/
.gallerieslist .gallerycell .thumb img {width:100%; height:auto; }

.randomimages a, .randomimages img {display:block; }
.gallery,.randomimages {margin:0 -0.5% 3% 0; padding:0; }
.gallery .clear {display:none; }
.gallery .gallerycell,.gallery div.glast,.randomimages a {float:left; margin:0 1% 3% 0; }
.gallery .gallerycell .thumb img,.randomimages img {width:100%; max-width:100%; max-height:100%; height:auto; }
.gallery .description {height:20px; overflow:hidden; }
/* responsive */
#pagingTable {margin:0 0 15px; }
#pagingTable .headerlabel, .pagingfooter, .footerlabel span {line-height:26px; color:#666}
.pagingNumbers {}
.pagingNumbers .selected, .pagingLink, .pagingArrows, .pagingfooter .formbutton {display:block; margin:0 1px; padding:2px 8px; line-height:1.5em; font-weight:bold; color:#666; }
.pagingfooter .formbutton {margin-top:1px; padding:2px 10px}
.pagingfooter .formbutton .right {text-align:center; padding:0}
.pagingNumbers .selected {padding-top:3px}
.pagingLink, .pagingArrows, #pagingTable .formbutton {font-weight:normal; border:1px solid #ccc; background:#eee; }
.pagingLink:hover, .pagingArrows:hover, #pagingTable .formbutton:hover {color:#666; text-decoration:none; border:1px solid #ccc; background:#ccc; }

.footerlabel .pagingInput {display:block; margin:0 5px; padding:5px; text-align:center}


.containermiddle .thumb {display:block; margin:0 0 10px 0; border-width:1px; border-style:solid; border-color:#ddd}

.containermiddle .thumb img {margin:0 !important; display:block; border-width:4px; border-style:solid; border-color:#fff}
.gallery .gallerycell .description {display:block; margin:0; text-align:center; border:0 none; }
.gallery .gallerycell .description a {float:none; display:inline; border:0; background:none; margin:0; padding:0; }

/* end GALLERY */

/* NEWS, ARTICLES and TAGS */
.topnews {margin:0; padding:0 0 30px 0; clear:both}
.topnews h1 {margin-bottom:5px}
.topnews .news,
.topnews .newsselected {margin:0; padding:0 0 8px 0}
.topnews .title {text-decoration:none}
.topnews .date {display:block; margin:0 0 5px 0; font-size:10px}


.newslist  .news {
display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex; 
}
.newslist  .news > .thumb,
.newslist  .news > .newspart {display:block; margin-bottom:20px;width:50%;}
.newslist  .news > .thumb {text-align:center; border-width:1px; border-style:solid; }
.newslist .news .thumb img {border-width:4px; border-style:solid;  width:100%; height:auto;display:block;}
.newslist  .news > .newspart {padding:0 0 0 20px;}
.newslist  .news > .newspart .newsparttitle {display:block; font-weight:bold}
.newslist  .news > .newspart .newsexcerpt {display:block; margin:0 0 5px}
.newslist  .news > .newspart .date {display:block; margin:0 0 5px; font-size:10px}
.newslist  .news > .newscomments {display:block; font-size:11px}
.newslist  .news:hover {text-decoration:none; }

@media all and (max-width: 580px) {
.newslist  .news {margin-bottom:20px;display:block;}
.newslist  .news > .thumb,
.newslist  .news > .newspart {width:100%; padding:0;}
}

/*search results */

.newslist  .news > p > .newspart > .thumb {float:left; margin-right:20px;}


/*end search results */




.articles {}
.articles .elementtitle { margin:0 0 10px; padding:6px 10px; text-decoration:none; line-height:1.1em}
.articles .article {display:block; overflow:hidden; clear:both; margin:0 0 10px; padding:0 10px; }
.articles .article .thumb {float:left; margin:0 10px 0 0; border-width:1px; border-style:solid; }
.articles .article .thumb img {margin:0 !important; display:block; border-width:4px; border-style:solid; }

.articles .article .txt {}

.articles .article .title,
.articles .article .date {line-height:1.2em}
.articles .article .title {text-decoration:none; }
.articles .article .date {display:block; font-size:11px; text-decoration:none; }
.articles .article:hover,
.articles .article:hover .title,
.articles .article:hover .date {text-decoration:none; }
.article .author {font-weight:bold}

.articlenav {overflow:hidden; clear:both; margin:0 0 10px}
.articlenav .prev, 
.articlenav .next {float:left; font-weight:bold}
.articlenav .prev:before {content:"« "}
.articlenav .next {float:right}
.articlenav .next:after {content:" »"}


.relatedpages {overflow:hidden; margin-top:30px; }
/*.title*/
.relatedpages .elementtitle {margin-bottom:20px; padding-bottom:10px; border-bottom-width:1px; border-bottom-style:dotted}

.relatedpages .item {float:left; margin:0 7px 10px 0; width:160px; height:62px; overflow:hidden; line-height:1.3em}
.relatedpages .item .thumb {float:left; margin:0 10px 0 0; border-width:1px; border-style:solid; }
.relatedpages .item .thumb img {margin:0 !important;box-sizing:content-box; border-width:4px; border-style:solid; }
.relatedpages .item:hover {text-decoration:none; }

.pagetags {margin:0 0 20px; padding:0; }
/* end NEWS, ARTICLES and TAGS */


/* ORDERS */
#cartinfo {border:1px solid; z-index:110; padding:20px 20px 10px; text-align:left; }
#cartinfo h3,
#cartinfo .title {margin:0; padding:0 0 5px 0; font-weight:bold; }
#cartinfo .shoppingcart {padding:0}
#cartinfo .shoppingcart .total {display:block; padding:0 0 20px 0}
#cartinfo .closecart {text-decoration:underline}
#cartinfo  .item {margin-bottom:10px; line-height:1.2em}

#cartinfo a.formbutton, p a.formbutton {margin-bottom:0; padding:0}
#cartinfo a.formbutton .right, p a.formbutton .right {padding:0 10px; height:20px; line-height:20px}
#cartinfo .shoppingcart {overflow:hidden}

.collapslinks a {font-size:11px; }

.UserOrderLegend td {padding:0 10px 0 0; font-size:11px; vertical-align:top}
.UserOrderLegend td img {margin:0 3px 0 0; }
/* end ORDERS */

/* GRID VIEW */
.gridlist {margin:0 0 20px}
.gridlist td, tr.bottom th {padding:10px; vertical-align:top}
tr.bottom th {text-align:right}
.gridlist th {padding:5px 10px; text-align:center}
.gridlist td.total {text-align:right}
.gridlist .bottom th {color:#374556; }
.gridlist .bottom .ordertotal {font-weight:bold}
.gridlist td.qty {text-align:center !important; padding-top:8px}
.gridlist td.qty input {margin:auto !important; text-align:right !important; padding:3px 2px; font-size:12px !important}
.gridlist .price {width:15%; text-align:right; white-space:nowrap; font-weight:normal}
.gridlist td.checkbox {text-align:center !important; width:50px; padding-top:8px}
.gridlist td.checkbox input { margin:1px auto !important; float:none !important; text-align:center; }
.gridlist td.checkbox input[type=checkbox],
.gridlist td.checkbox input.row0check,
.gridlist td.checkbox input.row1check {position:relative; bottom:-1px; width:15px; height:15px; }

.orderinfo td {padding:0 10px; vertical-align:top}
.orderinfo .ordertotal {font-weight:bold}
.orderinfo .sectiontitle {margin:0 0 10px; font-weight:bold}
.orderinfo .toscheckbox, .orderinfo .toslink {padding:0 10px 0 0; line-height:15px; }

/* end GRID VIEW */



/* custom styles */
.article_l, .article_r {
	overflow:hidden; 
	margin-bottom:18px; 
	text-align:justify; 
}

.article_l p, .article_r p {overflow:hidden}

.article_l img {
	float:left; 
	margin-right:15px; 
}

.article_l a.article_title {
	float:left; 
	font-weight:bold
}

.article_r img {
	float:right; 
	margin-left:15px; 
}

.article_r a.article_title {
	float:right; 
	font-weight:bold
}

.toppage {text-align:right}
.toppage a {padding:0 0 0 15px; background-position:center left; background-repeat:no-repeat; font-size:10px; font-weight:bold; text-decoration:none !important}

a.pdf {float:left; margin-top:48px; color:#f00}
a.pdf:hover {color:#f00}

/* end of custom styles */

/*BLOG*/
.blogentries .datetitle {font-size:11px}
.blogentries .blogtime {padding-bottom:5px; font-size:11px; border-bottom-width:1px; border-bottom-style:dotted}/*margin-bottom:25px; */
.blogentry,.blogtime {clear:both; }
.blogentry {padding-bottom:20px}
.blogtime a {padding-left:10px}
.blogtime span {padding-right:10px}
.blogmenu .title {margin:0 0 10px; padding:6px 10px; text-decoration:none; line-height:1.1em}
.blogmenu .year {padding-left:10px; list-style-type:none}
.blogmenu .year li {font-weight:bold}
.blogmenu .month {padding-bottom:0; list-style-type:none}
.blogmenu .month li {margin-bottom:2px; font-weight:normal}
/*end BLOG*/

/* COMMENTS */
.contentheader .commentslink {text-transform:none; float:right; font-size:11px; vertical-align:bottom; font-weight:normal; line-height:22px; }
a#showhidecommentslink {float:left}
a#showhidecommentslink span {float:left; padding:0 17px 2px 6px; background-position:top right; text-decoration:none !important}
#commentscontainer {padding-top:15px; }
a.addcomment {padding-left:20px; font-weight:bold; background-position:top left; background-repeat:no-repeat}
#emoticonsrow {}
#emoticonsrowcell {vetical-align:middle !important; padding:5px 0 } /*padding:5px 1px 2px 0; */
#emoticonsrowcell a {text-decoration:none; }
#emoticonsrowcell a img {margin:-7px 5px 0 0; }
.pagecomments {}
.comment table.namedate {margin-bottom:5px; width:auto !important}
.comment table.namedate td {padding:0; vertical-align:bottom}
.comment table.namedate td.name {padding:0 20px; font-weight:bold; background-position:left 3px; background-repeat:no-repeat}
.comment {margin-bottom:20px; padding-bottom:10px; border-bottom-width:1px; border-bottom-style:dotted}
/* end COMMENTS */

/* EVENTS STYLE */
.eventsnav {float:left; }
.eventsnav .selectedmonth {margin-left:10px; margin-right:10px; }
.eventsview {float:right; }
.eventsview a {padding:5px; background:#AAA; }
.events {width:100%; }
.events td {border:1px solid #AAA; vertical-align:top}
.events th {border:1px solid #AAA; background:#AAA; vertical-align:top}
.celldate {width:100%; font-size:9px; text-align:right; display:block; }
/* end of EVENTS STYLE */

/* USER POLL */
.userpollheadline {margin:0 0 20px 0; padding:6px 10px; text-decoration:none; line-height:1.1em}
.userpollquestion {font-weight:bold; padding:0 0 10px 0}
.userpoll {margin:0; padding:0 0 25px 0; }
.userpoll .row {clear:both; overflow:hidden; margin:0; padding:0 0 5px 0; }
.userpoll .row input {float:left; margin:4px -20px 0 0; padding:0; }
.userpoll .row label {float:left; margin:0 0 0 20px; }
.userpoll .formbuttons {clear:both; overflow:hidden; padding:20px 0 0 20px; }
.userpoll .formbuttons .formbutton {float:left; margin:0 10px 0 0; padding:5px 10px; font-size:13px; text-decoration:none; font-weight:bold; text-align:center; }
.userpoll .formbuttons .formbutton:hover {text-decoration:none}
.userpoll .linkviewresults {margin:0; padding:10px 0 0 20px; font-weight:bold; }
/* end USER POLL */

/* USER POLL RESULTS */
.userpollresults {margin:0; padding:0 0 25px 0; }
.userpollresults .row {clear:both; overflow:hidden; margin:0; padding:0 0 5px 0; }
.userpollresults .row label {}
.userpollresults .row .resultline {margin:0; padding:1px; border:1px solid #ddd; }
.userpollresults .row .resultline .line {height:8px; font-size:1px; line-height:1px; 
	background:#cc0000; /* for non-css3 browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#7a0101'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#7a0101)); /* for webkit browsers */
	background:-moz-linear-gradient(top,  #cc0000,  #7a0101); /* for firefox 3.6+ */ 
}
.userpollresults .row .number {float:left}
.userpollresults .row .percent {float:right}
.userpollresults .rowtotal {margin:0; padding:20px; border:1px solid #ddd; }
.userpollresults .rowtotal label {font-weight:bold; }
/* end USER POLL RESULTS */

.visiaFont {font-size:20px}
.hasDatepicker {margin-right:10px}
.insertemoticon img {padding:5px 5px 5px 0}