/* THIS IS THE CSS FROM THE RESPONSIVE TEMPLATE*/

/* BASIC  */

* {background-repeat:no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/* img {display:block; } */
html,body{width:100%; height:100%; padding:0; margin:0; font-family:sans-serif }
body {margin:0; padding:0; background-position:top center; line-height:1.3em}
body, 
table, td, th,
blockquote, p, span,
ul, ol {line-height:1.3em}

h1 {margin:0; padding:0; font-weight:bold}
h2 {margin:0; padding:0; font-weight:bold}
h3 {margin:10px 0 15px 0}
h4 {margin:10px 0 10px; background-position:0px 100%; padding-bottom:15px; }
h5 {}
h6 {}
blockquote {}
p {margin:0; padding:0 0 18px 0}
ul {margin:0; padding:0 0 18px 18px; list-style-type:disc}
ul ul {list-style-type:circle; padding-bottom:0}
ul li {}
ol {margin:0; padding:0 0 18px 20px}
ol li {}

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

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

form {margin:0; padding:0}
input, select, textarea {background-color:#ffffff; border-width:1px; border-style:solid; }
textarea {overflow:auto}
input[type=checkbox],
input[type="radio"] {overflow:hidden; margin:0; padding:0; border:0px none; 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}
.clear {display:block; margin:0; padding:0; overflow:hidden; clear:both; font-size:0; line-height:0; height:0}

/* 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; float:none !important; margin:0px;}
.contentmain {}
.containall {margin:0 auto; width:100%; background-size:contain; }
.containermiddlerow {width:100%; }
.containertop,
.containermiddle,
.containerbottom {position:relative; margin:0 auto; padding:0px; width:100%; }
.containerbottom .footertext img {display:inline; }
.containerbottom {}

/* CONTAINERTOP - layout */ 

.logocontainer {float:left; }
#usermenu{float:right; white-space:nowrap; }
.loginmenucontainer {float:right; padding:0.5em 0 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:left; clear:right; min-width:250px; }
.topmenucontainer li {padding-top:8px !important; }

#burgermenu{float:left; display:none; clear:left; }
.hamburger{background-repeat:no-repeat; }

.containertop .logocontainer {float:left; position:relative; margin-top:16px; width:170px; height:60px; }
.containertop .contenttop {float:left; padding:0; width:790px; text-align:right}
.containertop .contenttop .loginmenucontainer {display:inline-block}
.containertop .contenttop .cartinfocontainer {display:inline-block; }
.containertop .contenttop .languageselect {float:right; margin:0 0 0 30px; padding:5px 10px; border:1px solid #000; border-radius:3px}
.containertop .contenttop .topmenucontainer {margin:14px 0 0 10px; width:100%; height:24px; }

/* end CONTAINERTOP - layout */ 

/* CONTAINERMIDDLE - layout */

.containermiddle .contentleft,
.containermiddle .contentright  {display:none}
.contentleft {float:left; width:24.5%; min-width:180px; margin-right:3%; }
.contentmain {float:left; width:45%; height:100%; }
.contentmainnoleftclmn,
.contentmainnorightclmn {float:none; margin:0 auto; padding-left:10px; padding-right:10px; max-width:960px; width:100%}/*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; }

.contentheader {max-width:960px; margin:0 auto; padding:40px 10px  0px 10px; }

/* end CONTAINERMIDDLE - layout */

/* end CONTAINERMIDDLE - layout */

/* PRODUCTS*/

.productslist {margin:0 0 20px 0; }
/*
.productslist .product {text-align:center; padding:5px 10px 20px 0px !important}
*/
.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:5px 0; border:0 none; font-size:12px; } /*height:25px; line-height:22px; */
.orderproduct a.formbutton .right {display:block; padding:0 10px 0 26px; border:0 none; font-size:12px; background-position:left center; } /*height:25px; line-height:25px; */

.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%; }
.productoptionsblank{vertical-align:middle; padding:1px 0 10px 0; }
.productoptions,.productoptionsblank{height:34px !important; line-height:auto !important; }
.productimages img{display:inline; margin-right:2%; }
.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; }

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

/* end of Products */

/* 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 {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:0px; 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; 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:0px 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: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%; }
.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-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 {margin-bottom:20px; padding:0 4px 4px}
.formtable th,
.formtable td {line-height:20px; vertical-align:top}
.formtable th {font-weight:bold; text-align:right; }
.formtable span.RequiredField {font-family:Verdana, sans-serif; }

.formtable th,
.formtable td {padding:5px 8px}

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

/*.formtable input.text,
.formtable input.password,
.formtable input.captcha,*/
.formtable input,
.formtable select,
.formtable textarea {max-width:340px; width:100%;}
input[type="checkbox"],
input[type="radio"],
.formtable input.checkboxlist,
.formtable input.radiolist {width:auto !important; }

.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,
.formtable td.inputselect,
.formtable td.inputpassword,
.formtable td.formbuttons {padding:0px 1px 10px 1px; } 

.formtable input.text,
.formtable input.password,
.formtable input.dateInput,
.formtable input.captcha {padding:0 5px; height:28px; line-height:28px }
.formtable select {padding:5px; height:28px; }
.formtable .inputselect select  {width:100%; }
.formtable input#emailId {text-transform:lowercase}

.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; line-height:25px; border:0 none !important}

.formtable th.labelverticalradiolist {padding:4px 8px 6px}
.formtable td.inputverticalradiolist label {margin:0 10px 0 0; vertical-align:middle; line-height:25px}
.formtable td.inputverticalradiolist input.verticalradiolist {margin:0 5px 0 0; line-height:25px; border:0 none !important}

.checkboxlisttable {margin:0px; }

.formtable td.inputhorizontalcheckboxlist {padding:5px 1px; 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; line-height:25px; border:0 none !important}

.formtable td.inputcheckboxlist {padding:5px 1px; }
.formtable td.inputcheckboxlist label {padding:0 10px 0 0; vertical-align:middle; line-height:25px; }
.formtable td.inputcheckboxlist input.checkboxlist {margin:0 5px 0 0; line-height:25px; border:0 none !important}

.formtable td.inputcheckbox {padding:6px 1px; vertical-align:middle}
.formtable td.inputcheckbox input.checkbox {line-height:25px; border:0 none !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 {padding:5px 8px; vertical-align:baseline}
.formtable td.inputcaptcha {}
.formtable img.captchaImage {vertical-align:baseline; display:inline; margin:10px 10px 0 0; }
 
.formtable input.captcha {padding:6px 5px; width:145px; display:block; }
a.captchaReload {vertical-align:baseline; white-space:nowrap; }

.formtable th a,
.formtable td a {text-decoration:none}
.formtable th a:hover,
.formtable td a:hover {text-decoration:underline}

.formtable td.formbuttons {padding:10px 1px 10px 1px; }
.formtable td.formbuttons a.formbutton,
.orderinfo a.formbutton {float:left; margin:0 10px 0 0; }
.formtable td.formbuttons  {}

a.formbutton {float:left; margin:0 10px 0 0; padding:7px 10px; font-size:13px; text-decoration:none; font-weight:bold; text-align:center; border-width:1px; border-style:solid}
a.formbutton span.right {float:left; padding:0; min-width:50px; text-align:center; }
a.formbutton:hover {text-decoration:none;}

select#domainId {width:230px !important; display:inline-block; margin-right:10px}
#hostId {text-align:right}
tr#sitenamerow {height:70px}
tr#sitenamerow th.labeltext {vertical-align:middle !important; padding:10px 8px;}
tr#sitenamerow td#sitenamerowcell {vertical-align:middle !important; padding:10px 0px;}
tr#langrow td#langrowcell {vertical-align:middle !important}
select#site_idId {display:inline-block; margin-right:10px}
input#owndomainId {display:inline-block; margin-right:10px}
span.freemodule {color:#9c0}
tr#modulessectionrow th,
tr#modulessectionrow td {padding-top:30px;}
tr#modulessectionrow td 
tr#modules\[\]row th.labelcheckboxlist,
tr#modules\[\]row td.inputcheckboxlist {padding-top:0px ;padding-bottom:0px;}
tr#logininforow th,
tr#totalrow th, 
tr#totalrow td, 
tr#row th.labelsection {padding-top:30px; padding-bottom:15px}
tr#totalrow span.modulestotal {font-weight:bold; line-height:20px; }
tr#totalrow a {padding-right:22px; color:#7d7d7d; background-position:right center}
td#site_idrowcell a,
td#owndomainrowcell a {display:inline-block; vertical-align:middle; }

span.amount {font-weight:bold}
span.savings {color:#9c0}

.ui-datepicker-trigger {cursor:pointer}
/* .formtable input[type="radio"] {position:relative; bottom:-1px; } */

/* 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:0px; }
.gallerieslist .gallerycell{margin:0 1% 2% 0 !important; }
/*.gallerieslist .gallerycell{width:19% !important; }*/
.gallerieslist .gallerycell .thumb img{width:100%; height:auto; }

.randomimages a{display:block; }
.gallery,.randomimages {margin:0 -0.5% 3% 0; padding:0px; }
.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 {text-decoration:none;}/*color:#666;  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: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}

#cartinfo a.formbutton {margin-bottom:0; padding:0}
p a.formbutton {margin-bottom:0; }
#cartinfo a.formbutton .right,
p a.formbutton .right {}
#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 .actions {text-align:center;}
.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; }

.siteslist {}
.siteslist table.gridlist {width:100%; }

@media only screen and (max-width:420px) {

.siteslist table.gridlist,
.siteslist table.gridlist thead,
.siteslist table.gridlist tbody, 
.siteslist table.gridlist th, 
.siteslist table.gridlist td,
.siteslist table.gridlist tr {display:block; margin:0px; padding:0px; }
.siteslist table.gridlist thead,
.siteslist table.gridlist th {display:none; }
.siteslist table.gridlist td {position:relative; text-align:left; padding-left:37%; padding-right:5px; 	padding-top:5px; padding-bottom:5px; }
.siteslist table.gridlist td:before {position:absolute; top:0px; left:0px; display:block; width:35%; padding-top:5px; padding-bottom:5px; padding-left:5px; }

.siteslist table.gridlist td:nth-child(1):before {content:"Name"; }
.siteslist table.gridlist td:nth-child(2):before {content:"Visia subdomain"; }
.siteslist table.gridlist td:nth-child(3):before {content:"Price per month"; }
.siteslist table.gridlist td:nth-child(4):before {content:"Active"; }
.siteslist table.gridlist td:nth-child(5):before {content:"\00a0"; }
.siteslist table.gridlist td:nth-child(6):before {content:"Paid till date"; }

.siteslist table.gridlist td.actions,
.siteslist table.gridlist tr.row0 td.actions,
.siteslist table.gridlist tr.row1 td.actions {text-align:left; }
.siteslist table.gridlist td.actions * {display:inline; }

} /*end max-width:420px*/

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

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

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


/* THIS IS ORIGINAL VISIA CSS*/

/* LAYOUT PAGE*/

/* end LAYOUT PAGE */

/* CONTAINERTOP */

/* CONTAINERTOP - layout */ 

/* end CONTAINERTOP - layout */ 

/* CONTAINERTOP - page elements */

.containertop .logocontainer {margin-right:10px;margin-left:18px; }
.containertop .logo {position:absolute; top:18px; left:0}
	.containertop .logo img {display:block}

/* logo text styles */

.logocontainer h2.fst-line {margin:14px 0 6px}
.logocontainer h2.snd-line {}

.containertop .loginmenucontainer {overflow:hidden}
.containertop .loginmenu {float:right; margin:0; padding:0; list-style-type:none; }
.containertop .loginmenu .item {float:left; margin:0 0 0 15px; padding:5px 10px; border:1px solid #0d0d0d; border-radius:3px}
.containertop .loginmenu .link {float:left; text-decoration:none}
.containertop .loginmenu .link:hover {text-decoration:underline}
.containertop .loginmenu .selected {}
.containertop .loginmenu .selected link {text-decoration:underline}
.containertop .loginmenu .separator {display:none}

.containertop .cartinfocontainer {}
.containertop .cartinfocontainer label {font-weight:bold}
.containertop .cartinfocontainer a.cartitemsnum {text-decoration:underline}
.containertop .cartinfocontainer .cartinfo {}

.containertop .languageselect {}
.containertop .languageselect a {display:inline-block; text-decoration:none}
.containertop .languageselect a:hover {text-decoration:underline} 
.containertop .languageselect .selected {display:inline-block; }
.containertop .languageselect .separator {padding:0 4px}

/* containertop - main menu */

.containertop .menucontainer {margin:0; padding:0; clear:both; }
.containertop .menucontainer .menu {margin:0; padding:1px; list-style:none; }
.containertop .menucontainer .menu .submenu {display:none}
.containertop .menucontainer .menu .item:hover .submenu {display:block}
	.containertop .menucontainer .menu .item {position:relative; float:left; margin:0 1px 0 0; padding:0; list-style:none}
		.containertop .menucontainer .menu .link {display:block; padding:15px 10px; text-decoration:none; text-transform:uppercase}
		.containertop .menucontainer .menu .link:hover {} 
	.containertop .menucontainer .menu .selected {float:left; }
		.containertop .menucontainer .menu .selected .link {}
	.containertop .menucontainer .menu .separator {display:none; float:left; padding:0 2px}
.containertop .menucontainer .menu .submenu {position:absolute; margin:0; padding:0; list-style:none; width:200px; font-weight:bold; border:0px; border-top-width:1px; border-top-style:dotted; }
	.containertop .menucontainer .menu .submenu .subitem {margin:0; padding:0; list-style:none; border:0px; border-bottom-width:1px; border-bottom-style:dotted; }
		.containertop .menucontainer .menu .submenu .sublink {display:block; padding:5px 10px; text-decoration:none}
		.containertop .menucontainer .menu .submenu .sublink:hover {text-decoration:none}
	.containertop .menucontainer .menu .submenu .subselected {}
		.containertop .menucontainer .menu .submenu .subselected .sublink {text-decoration:none}
	.containertop .menucontainer .menu .submenu .subseparator {}
	
/* end main menu */

.containertop .topmenucontainer {padding-bottom:10px; }
.containertop .topmenucontainer .menucontainer  {}
.containertop .topmenucontainer .menucontainer .menu {margin:0; padding:0; height:auto; list-style:none; }
.containertop .topmenucontainer .menucontainer .menu .item {float:left; margin:0 0 0 6px; padding:0; list-style:none}
.containertop .topmenucontainer .menucontainer .menu .link {float:left; padding:0 12px; height:24px; line-height:24px; text-decoration:none; text-transform:uppercase}
.containertop .topmenucontainer .menucontainer .menu .link:hover {text-decoration:none; }
.containertop .topmenucontainer .menucontainer .menu .selected {}
.containertop .topmenucontainer .menucontainer .menu .selected .link {}
.containertop .topmenucontainer .menucontainer .menu .selected .link:hover {text-decoration:none; }
.containertop .topmenucontainer .menucontainer .menu .separator {display:none; }

.topimage {overflow:hidden; }
.topimage img {display:block}

.headerimage {float:none; margin:0 auto; max-width:960px; width:100%; min-height:90px; height:auto !important; }
.headerimage img {}

/* end CONTAINERTOP - page elements */
/* end CONTAINERTOP */

/* CONTAINERMIDDLE */

/* CONTAINERMIDDLE - page elements */

.containermiddle .contentmain h1 {margin-bottom:20px}
h1.pagetitle {background-position:0px 100%; font-size:24px; line-height:1.2em}

.containermiddle .contentmain h2 {margin-bottom:20px}

/* search box */

.containermiddle .search {margin:0 0 30px 0; padding:10px}
.containermiddle .search .searchkeywords {padding:6px 2px 7px 2px; width:165px; height:13px; font-weight:bold; }
.searchtable .searchbutton {display:inline-block; margin:0 0 0 3px; width:60px; height:28px; line-height:28px; font-family:Arial; cursor:pointer; font-weight:bold; text-transform:lowercase; border:0 none; background-color:transparent}

.containermiddle .menucontainer {margin:0; padding:0 0 30px 0; clear:both}

/* contentmiddle (left and right) menu */

.containermiddle .menu {margin:0; padding:0; list-style:none; font-weight:bold}
.containermiddle .menu ul,
.containermiddle .menu li {position:relative; margin:0; padding:0; list-style:none}

.containermiddle .menu li.separator {overflow:hidden; height:2px; font-size:1px; line-height:1px; }
.containermiddle .menu li.item {position:relative; margin:0; padding:0; list-style:none}
.containermiddle .menu a.link {display:block; padding:6px 10px 5px 10px; text-decoration:none; text-transform:uppercase; background-repeat:repeat-x; background-position:0px 0px; }
.containermiddle .menu a.link:hover {} 
.containermiddle .menu li.selected {}
.containermiddle .menu li.selected a.selected {background-image:none}

.containermiddle .menu li.item .submenu {display:none; }
.containermiddle .menu li.selected .submenu {display:block; }

.containermiddle .menu ul.submenu {font-family:'PT Sans',sans-serif; }
.containermiddle .menu * ul.submenu ul.submenu {border-top-width:1px; border-top-style:dotted; }
.containermiddle .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; }
.containermiddle .menu li.subitem {border-top-width:1px; border-bottom-style:dotted; }
.containermiddle .menu a.sublink {display:block; padding:5px 10px 4px 23px; text-decoration:none; background-repeat:no-repeat; background-position:0px 0px; }
.containermiddle .menu a.sublink:hover {text-decoration:none; background-repeat:no-repeat; background-position:0px 0px}
.containermiddle .menu li.subselected {}
.containermiddle .menu li.subselected a.subselected {text-decoration:none; background-repeat:no-repeat; background-position:0px 0px}

/*** Intweminbla subitems indent ***/

.containermiddle * ul.submenu ul.submenu li {padding-left:10px}

/* end contentmiddle (left and right) menu */

/* gallery random */

.containermiddle .galleryrandomthumbnails {margin:0; padding:0 0 30px 0}
.containermiddle .galleryrandomthumbnails .headline {margin:0; padding:0 0 15px 0; font-weight:bold; text-transform:uppercase}
.containermiddle .galleryrandomthumbnails .thumbnail {float:left; border-width:4px; border-style:solid; overflow:hidden; }
.containermiddle .galleryrandomthumbnails .thumbnail img {float:left}
.containermiddle .galleryrandomthumbnails .separator {float:left; }


/* rubric right */
.containermiddle .contentright .rubric {margin:0 0 30px 0}
.containermiddle .contentright .rubric .rubricheadline {margin:0 0 15px; padding:5px 10px; font-size:16px; font-weight:bold; text-transform:uppercase; }
.containermiddle .contentright .rubric .rubriccontent {margin:0; padding:0; color:#666666}
.containermiddle .contentright .rubric .rubriccontent h2 {margin:0; padding:0 0 5px; font-size:16px; text-transform:uppercase}
.containermiddle .contentright .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}
.containermiddle .contentright .rubric .rubriccontent .photoframe {float:left; padding:0 4px 0 0; background-image:url("/resources/rubricfotoframearrow.gif"); background-repeat:no-repeat; background-position:100% 5px}
.containermiddle .contentright .rubric .rubriccontent .photoframe img {display:block; border:4px solid #c3e6ed}

/* end rubric right */

/* rubric left */

.containermiddle .contentleft .rubric {margin:0 0 30px 0}
.containermiddle .contentleft .rubric .rubricheadline {margin:0 0 15px; padding:5px 10px; font-size:16px; font-weight:bold; text-transform:uppercase; }
.containermiddle .contentleft .rubric .rubriccontent {margin:0; padding:0; }
.containermiddle .contentleft .rubric .rubriccontent h2 {margin:0; padding:0 0 5px}
.containermiddle .contentleft .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}
.containermiddle .contentleft .rubric .rubriccontent .photoframe {float:left; padding:0 4px 0 0; background-image:url("/resources/rubricfotoframearrow.gif"); background-repeat:no-repeat; background-position:100% 5px}
.containermiddle .contentleft .rubric .rubriccontent .photoframe img {display:block; border:4px solid #c3e6ed}			

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

#iddocform {max-width:960px; width:100%; margin:0 auto; padding:0 0 30px 0}

.gridlist {margin-bottom:30px; width:780px}
.gridlist a img {padding-right:4px}
.gridlist th {padding:8px 10px}
.gridlist td {padding:10px 10px 6px}
.gridlist  tr.row0 td.actions,
.gridlist  tr.row1 td.actions {text-align:center}
.gridlist td.checkmark {text-align:center}
.gridlist td.paymentdate {padding:9px 10px 7px; line-height:17px}
.gridlist img.paymenttypeicon {position:relative; top:2px; padding:0 3px 0 0}

/* end forms */

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

/* CONTAINERBOTTOM */

/* CONTAINERBOTTOM - layout */

.containerbottom .contentbottom {margin:0 auto; padding:10px; max-width:960px; width:100%; float:none; }
.containerbottom .contentbottomnorightclmn {width:auto !important; }
.containerbottom .bottommenu {margin:0; padding:0}
.containerbottom .footertext {background:none}
.containerbottom .socialnetworks {float:right; }

/* end CONTAINERBOTTOM - layout */

/* 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 {padding:0 10px; }

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

.containerbottom .socialnetworks {padding:15px 0px 15px 10px; background-color:#ffffff}
	.containerbottom .socialnetworks a{float:left; margin:0 10px 0 0}
	
/* end CONTAINERBOTTOM - page elements */
/* end CONTAINERBOTTOM */

/* RANDOM IMAGES ELEMENT STYLES */

#randomgallery {margin:17px auto 35px}
#randomgallery h2 {margin-bottom:20px; font-size:16px; font-family:'PT Sans'; text-transform:uppercase; }
.randomimages {margin-bottom:15px; }
.randomimages img {margin-right:12px; border:4px solid #eee}
.randomimages img.last {margin-right:0px; }
.randomimages img:hover {border:4px solid #ccc}

/* end RANDOM IMAGES ELEMENT STYLES */

/* GALLERY */

.gallery td, .gallerieslist td {padding:0 !important}
.gallery .description, .gallerieslist .title {display:block; margin:0 12px 20px 0; font-weight:bold; text-align:center; color:#666; }
.gallerieslist .title {color:#539BAC; font-size:14px; font-family:PT Sans}
.gallerieslist .title:hover{color:#f90; }
.gallery  img, .gallerieslist img {margin:0 12px 5px 0; border:4px solid #eee}
.gallery img.last, .gallerieslist img.last {margin-right:0px; }
.gallery img:hover, .gallerieslist img:hover {border:4px solid #ccc}

.bigarrowleft,
.bigarrowright,
#templatePreview  {position:absolute; top:50%; transform:translateY(-50%); margin-top:-25px !important; }
.bigarrowleft img,
.bigarrowright img {display:block; width:100%; height:auto; }
.bigarrowleft {z-index:10; left:10%; }
.bigarrowright {z-index:10; right:10%; }

#templatePreview {left:0px; right:0px; max-height:330px; height:auto; width:100%; max-width:487px; float:none !important; display:block !important; margin-left:auto !important; margin-right:auto !important; text-align:center; }

/* infiniteCarousel */

.infiniteCarousel {max-width:745px ; width:100% !important; top:40px; }
.infiniteCarousel .wrapper {margin:auto !important; height:150px !important; left:0px; right:0px; max-width:670px !important; width:90% !important; }
.infiniteCarousel .wrapper ul {margin:0 0 0 -10px; }
.infiniteCarousel .wrapper ul li {padding-top:0px !important; padding-bottom:0px !important; width:auto !important; font-weight:bold; color:#5AC0CA; }
.infiniteCarousel .wrapper ul li.empty {display:none; }
.infiniteCarousel .wrapper ul li a{display:table; margin-bottom:10px}
.infiniteCarousel .wrapper ul li a img {border:3px solid #cccccc !important; }
.infiniteCarousel .wrapper ul li a img.selectedTemplate {border-color:#666666 !important; background #ffffff; } /*padding:0px !important; */
.infiniteCarousel .wrapper ul li a:hover img {border-color:#666666 !important; }
.infiniteCarousel .arrow {top:40px !important; width:28px !important}

/*light box*/

#sb-wrapper  {padding:0px; background:#000; font-family:Arial, sans-serif}
#sb-title {padding:5px 10px !important; height:auto !important; font-weight:normal !important}
#sb-title-inner {margin:0!important; font-size:14px !important}
#sb-info {padding:5px 10px !important; height:auto !important}
#sb-info-inner #sb-counter a {display:inline-block; margin-right:5px; padding:2px}
#sb-info-inner #sb-counter a:hover {text-decoration:underline !important; }
#sb-info-inner #sb-counter a.sb-counter-current {padding:2px 4px; font-weight:bold !important; }

/* end of GALLERY */

/* CUSTOM LAYOUT STYLES */

#intro,
#accents,
#content {position:relative; }
.inside {margin:0 auto; margin:0 auto; padding-left:10px; padding-right:10px; max-width:960px; width:100%; float:none; }
#intro {background:#a8d9e5}
#accents {min-height:205px; background:#f2f2f2; border-bottom:1px solid #e9e9e9}
#content {padding-top:16px; padding-bottom:26px; }
#intro .inside {position:relative; min-height:403px; } /*overflow:visible; */
.noclmns {padding-bottom:40px}

#intro h1,
#intro h2,
#intro h3,
#intro h4,
#intro h5 {font-family:Calibri, 'PT Sans', sans-serif; margin:0px; padding:0px; line-height:1.2em; font-weight:normal; }
#intro h1 {font-size:48px; color:#19212b}
#intro h2 {font-size:40px; color:#19212b}
#intro h3 {font-size:18px; color:#19212b}
#intro h4 {font-size:30px; color:#ffffff}
#intro h5 {font-size:18px; line-height:1em; color:#ffffff; }

#accents h3 {margin-bottom:16px; font-size:12px; color:#343434}

#content h2 {margin-bottom:20px; font-size:24px; font-weight:normal; line-height:24px; color:#343434}
#content h3 {margin-bottom:10px; font-size:12px; color:#343434}
#content h4 {margin-bottom:10px; font-size:20px; font-weight:normal; line-height:20px; color:#343434}
#content p {line-height:20px}

.one_third,
.last_third {float:left; width:30%; margin-right:5%; }
.last_third {float:right; margin-right:0px; }
.first_one_third  {float:left; width:25%; margin-right:5%; }
.last_two_third {float:right; width:70% }
.one_half,
.last_half {float:left; width:48%; }
.last_half {float:right; margin-right:0px; }
.one_sixth {float:left; margin:20px 0 0 0; padding:0 15px 0 80px; width:33.3333%}
.one_sixth h4 {margin:0; padding:0 0 10px 0; }
.one_sixth p {margin:0; padding:0; }

ul.stars {margin:0 0 30px 0; padding:0; list-style-type:none; }
ul.stars li {margin-bottom:10px; padding:0 0 0 40px; line-height:18px; background:transparent url("/resource.php?rid=6110") top left no-repeat; }

.visiaFont {font-size:20px}

a.imglink {float:left; margin:0 0 20px; padding:4px; border:1px solid #ddd; background:#fff}
a.imglink:hover {border:1px solid #6cc}

.free, .paid {overflow:hidden; margin-bottom:3px; padding:9px 40px 18px 17px; background:#f2f2f2}
.paid {padding-right:20px; background:#f7f6f6}
#content .free h2,
#content .paid h2 {float:left; margin-bottom:4px; width:340px; font-family:Calibri, 'PT Sans', sans-serif; font-size:24px; font-weight:normal; color:#000}
.free p,
.paid p {float:left; padding:0; width:340px; color:#777}
.paid p {width:320px}
.free .price,
.paid .price {float:right; font-family:Calibri, 'PT Sans', sans-serif; font-size:24px; line-height:24px; font-weight:bold; font-style:italic; color:#9c0}
.paid .price {font-family:Arial, sans-serif; font-size:12px; color:#999}
.paid .numb {font-size:22px; color:#f93}
.siteTotalFree {color:#9c0}

table.paymentbuttons td.second {padding-left:5%}

/* end CUSTOM LAYOUT STYLES */

/* selec design */

.selectdesignbutton {position:absolute; top:-60px; left:0px; right:0px; margin:auto; max-width:960px; width:100%; }
.selectdesignbutton a {display:inline-block; width:202px; height:34px; background-position:top center; font-size:0; line-height:0; background-repeat:no-repeat}
.selectdesignbutton a:hover {background-position:bottom center}
/*.selectdesignbutton a {display:inline-block; padding:5px 10px; text-decoration:none; font-weight:bold; height:18px; line-height:17px; color:#fff; border:1px solid #56a9b1; background:#6ac6cf}
.selectdesignbutton a:hover {text-decoration:none; color:#fff; border-color:#448a91; background:#56a9b1}*/

.selecteddesigninfo {margin-bottom:20px}
.selecteddesigninfo img {border:3px solid #ccc; width:100%; height:auto; max-width:487px; }
.selecteddesigninfo span{display:block; margin-top:10px}
.selecteddesigninfo span.schemename{display:inline-block; margin-top:0; font-weight:bold}
/*.selecteddesigninfo span.schemename{display:inline-block; margin:0 0 0 5px; padding:1px 4px 3px; line-height:14px; color:#000; background:#C3EFF0}*/

/* end of selec design */

@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%; }
.bigarrowleft {left:5% !important; }
.bigarrowright {right:5% !important; }
}

@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{margin-right:-1% !important; }
.gallery .gallerycell,.gallerieslist .gallerycell,.gallery div.glast{width:24% !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; }
.containermiddle .pageelement {margin-bottom:1% !important; }
.contentright,
.contentleft{margin:0; }
}

@media all and (max-width:700px) {

#burgermenu {display:block; }

/*topmenu*/
.containertop .topmenucontainer {padding-bottom:20px; }
.topmenucontainer,
.topmenucontainer .menucontainer  {clear:both; min-width:100%; width:100%; }

.topmenucontainer .menu,
.topmenucontainer .menu .item,
.containertop .topmenucontainer .menucontainer .menu .item,
.containertop .topmenucontainer .menucontainer .menu .link  {display:block !important; float:none !important; height:auto; }
.containertop .topmenucontainer .menucontainer .menu .item {margin:0 !important; padding:0 5px; }

.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; }
/*
.topmenucontainer .menucontainer{margin:0.5em 0 !important; white-space:nowrap; }
.topmenucontainer,.logocontainer{clear:both; float:right; width:100% !important; position:relative; top:auto; left:auto; }
.cartinfocontainer{margin:1em 0 0 0; }
*/

.bigarrowleft {left:0px !important; }
.bigarrowright {right:0px !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; }
table.formtable,table.formtable tbody,table.formtable tr,table.formtable th, table.formtable td{display:block; }
table.formtable th {text-align:left; padding-left:0 !important; }
#modulessectionrow td {display:none;}
#modules\[\]row .labelcheckboxlist {display:none; }
tr#totalrow th, 
tr#totalrow td {display:table-cell}
tr#sitenamerow {height:auto;}
tr#sitenamerow th.labeltext  {vertical-align:middle !important; padding:5px 8px;}
tr#sitenamerow td#sitenamerowcell {vertical-align:middle !important; padding:5px 0px;}
}

@media all and (max-width:650px){
.one_third,
.last_third,
.one_half, 
.last_half,
.first_one_third,
.last_two_third {width:100%; max-width:100%; margin-right:0%; float:none; clear:both; }

.one_sixth {float:none; margin:20px 0 0 0; padding:0 0 0 80px; width:100%}

.gallery,.randomimages{margin:0 -1.5% 0 0.5% !important; }
.gallery .gallerycell,.gallerieslist .gallerycell,.gallery div.glast,.randomimages a{width:32% !important; margin-right:1% !important; }
.bigarrowleft,
.bigarrowright {width:30px; }
}

@media all and (max-width:520px){
/*.productimages img{width:40%; }*/
.gallery,.randomimages{margin-right:-1.5% !important; }
.gallery .gallerycell,
.gallery div.glast,
.randomimages a {width:48.5% !important; margin-right:1.5% !important; }
.gallerieslist .gallerycell {width:49% !important; }
.formtable th {white-space:normal; }
.topmenucontainer {float:none; }

#hostId,
#domainId {margin-bottom:5px;}
#domainId {margin-right:0px;}
}

@media all and (max-width:500px) {
.contentright .pageelement,
.contentleft .pageelement {float:none; width:100%; margin-right:0; }
}

@media all and (max-width:450px){
table.productslist{}
table.productslist td.product {width:98% !important; margin-right:0  !important; padding:0  !important; min-width:150px; float:none; overflow:show; }
.cartitems{display:none; }
}

@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; }
}

@media all and (max-width:320px){
.topmenucontainer{min-width:100%; }
}