/* BASIC */
* {background-repeat: no-repeat;}
body {margin:0; padding:0; background-position: top center; line-height: 1.5em}
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: 0 0 15px}
h4 {margin: 0 0 10px; background-position:0px 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: 0px}
ol {margin:0; padding:0 0 9px 20px}
ol li {}

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

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: 0px; vertical-align: middle}
input[type=button],
input[type=submit] {cursor:pointer; }

hr {height: 1px; line-height: 0px; 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: 960px;}
.contentmain { z-index:10;} /*position: relative;  width: 960px;*/

.containall {margin: 0 auto; width:960px; padding: 0 20px;}
.containertop {position:relative;}
.containermiddle {padding-top:30px;padding-bottom:30px;}
.containermiddle  .contentmain {}
.containerbottom {padding:15px 15px 10px 15px}

/* CONTAINERTOP - layout */ 
.logocontainer {float:left}
/*.contenttop {position:relative; float:right; width:auto}*/
.contenttop {position:absolute; right:0px;top:0px; width:auto}
.loginmenucontainer {float:left; padding:5px 10px}
.cartinfocontainer {float:left; margin:0 0 0 20px; padding:5px 10px}
.languageselect {float:right; margin:0 0 0 30px}
.topmenucontainer {position: absolute; top: 50px; right: 0; clear:both; width: 600px}
/* end CONTAINERTOP - layout */ 

/* CONTAINERMIDDLE - layout */
.contentleft {float:left; width:250px} /*margin:0 40px 0 0*/
.contentmain {float:left; width:380px; position: relative; margin-left:40px; }
.contentmainnoleftclmn {width:670px; position: relative; float:left;margin-left:0px;}
.contentmainnorightclmn {width:670px; position: relative;float:right;margin-left:0px; }
.contentmainnoclmns {width:auto !important; position: relative; float:none; margin-left:0px;}
.contentright {float:right; width:250px;}
.contentright,.contentleft{z-index:50 !important;}
/* end CONTAINERMIDDLE - layout */

/* CONTAINERBOTTOM - layout */
.containerbottom { }
.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 {}
.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 {}
.cartinfocontainer label {margin: 0 10px 0 0; font-weight:bold}
.cartinfocontainer a.cartitemsnum {text-decoration:underline}
.cartinfocontainer .cartinfo {}

.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: 1px; 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:0px; 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:0px;}
.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}

.headerimage {height: 85px; 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:0px 100%; margin-bottom: 20px; padding-bottom:15px;}

.contentmain h2 {margin-bottom: 20px}
.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: 165px; height: 16px;}
.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:0px;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: 0px;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%;}

/* 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-image:url("/resources/calendarbckgr.gif"); background-repeat:repeat-x; background-position:0px 0px; text-align:center; font-weight:bold; color:#ffffff; font-size:11px; line-height:12px}
.rubric .rubriccontent .photoframe {float:left; padding:0 4px 0 0; background-image:url("/resources/rubricfotoframearrow.gif"); background-repeat:no-repeat; background-position:100% 5px}
.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("/resources/rubricfotoframearrow.gif")}
.rubricstyle2 .rubriccontent .photoframe img {border-color:#c3e6ed}
/* end rubric - element styles */

/* forms */
.formtable {}
.formtable th,
.formtable td {line-height: 20px !important;vertical-align: top}
.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:0px 1px 10px 1px;} 

.formtable td.inputtext {}
.formtable input.text, .formtable input.password, .formtable input.dateInput {padding:6px 5px}
.formtable select {padding:4px 5px}
.formtable input#emailId {text-transform:lowercase}

/*
.formtable input[type="radio"] {position: relative; bottom: -1px;}
*/
.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 td.inputselect select {width: 100% !important}

.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 th.labelcaptcha {vertical-align: baseline}
.formtable td.inputcaptcha {}
.formtable img.captchaImage {margin:10px 15px -5px 0;}
.formtable .captchaReload {}
.formtable input.captcha {padding:6px 5px; width:145px;display:block; }

.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  {}

th.labelsection {padding: 10px 8px 0 0; text-transform: uppercase; font-weight: normal}

.formtable .labelcheckboxlist {vertical-align: top !important; padding: 4px 8px}
.ui-datepicker-trigger {cursor: pointer}
/* 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 */
#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}


/* GALLERY */
.gallery {margin:0 -10px 15px 0;padding:0px;}

.gallery .gallerycell {float:left; margin: 0 10px 20px  0; }
.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:0px; 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 {}
.newslist .news  {display:block;overflow: hidden; clear:both; margin:0 0 20px 0;}
.newslist .news .thumb {float: left; margin: 0 20px 0 0;  border-width:1px;border-style: solid;}
.newslist .news .thumb img {margin: 0 !important; display:block;border-width:4px;border-style: solid;}
.newslist .news .newspart {}
.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;}

/*

.news a.title, .news .newsparttitle, .newsselected a.title {display: block; font-weight: bold}
.news a.newspart:hover {text-decoration: none !important}
.news span.date, .newsselected span.date {display: block; margin: 0 0 5px; font-size: 10px}
*/
.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; 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:0px}
#cartinfo .shoppingcart .total {display:block; padding:0 0 20px 0}
#cartinfo .closecart {text-decoration:underline}
#cartinfo  .item {margin-bottom: 10px; line-height: 1.2em}

.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 */

/* PRODUCTS*/
.productslist {margin: 0 0 20px 0;}
.productslist .product { text-align: center;padding: 5px 10px 20px 0px !important}
.productslist .product a {display: inline-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}

.productimages, .productimages *{box-sizing:border-box;}
.productimages {margin: 0 0 20px}
.productimages a {display: inline-block; margin: 0 1% 1% 0; border: #ddd 1px solid}
.productimages a img {margin: 0; border: 4px solid #fff}
.productimages a img:hover {border: 4px solid #ddd}
.productimages a img{width:97%;}
.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;}

#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}

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

/* 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 */
.visiaFont {font-size: 20px}
.hasDatepicker {margin-right: 10px}
.insertemoticon img {padding: 5px 5px 5px 0}

/*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 of 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 0px; */
#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 of 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 */


/* end 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:0px; 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:0px; padding:20px; border:1px solid #ddd; }
.userpollresults .rowtotal label {font-weight:bold;}
/* end USER POLL RESULTS */

@media all and (max-width: 665px){
.productimages a{width:28% !important;}
}

@media all and (max-width: 520px){
  .productimages a{width:40% !important;}
}
@media all and (max-width: 390px){
  .productimages a{width:100% !important;}
}