/**
 * Author Dan Partac
 * Copyright (C) 2005 - 2012 Dan Partac. All rights reserved.
 * @license	commercial
 * Template Mobile Portrait Styling
 */
 

#panel-wrapper {display:none !important}

#header {}
 
/* main */
.main {
	max-width:720px
}

.main-inner {margin: 0 20px !important}

/* topbar */
 #topbar .main-inner {padding: 0 20px; max-width: 100%;}
 .today {display:none}
 #topmenu {
    clear: both;
}

#contact { display:block; width: 100% }

#topmenu { }

#topmenu ul {}

 
#mainnav-wrapper .main-inner {width: auto}

/* spotlights */
.spotlight.columns-1 .modulebox {width: 100%}
.spotlight.columns-2 .modulebox {width: 49.9%}
.spotlight.columns-2 .modulebox.links {width: 100%}
.spotlight.columns-3 .modulebox {width: 49.9%}
.spotlight.columns-4 .modulebox.last,
.spotlight.columns-4 .modulebox {width: 49.9%}

/* modules & content */
div.moduletable, .component-wrapper { }

#content-top .moduletable ol:last-child, #content-top .moduletable p:last-child, 
#content-top .moduletable pre:last-child, #content-top .moduletable blockquote:last-child, 
#content-top .moduletable ul:last-child, #content-top .moduletable dl:last-child, 
#content-top .moduletable dt:last-child, #content-top .moduletable dd:last-child { }

#content.hr .component-wrapper,
#content.hl .component-wrapper,
#content.hl.hr .component-wrapper {margin-left:0; margin-right:0}

#content.hl,
#content.hr {width: 100%; float:left;}
#content.hr.hl {width: 100%; float:left;}

#content.hl,
#content.hr,
#content.hr.hl {}

#content #left-inner {width:100%; float:none; margin-right: 0}

#right {width: 100%;}
#left {width: 100%;}

#left.hl.hr, #right.hl.hr { width: 49.9% }
#left.hl, #right.hr {
    float: left;
    width: 100%;
}

#right {}

#left.hl.hr div.moduletable .inner, #left.hl div.moduletable .inner,
#right.hl.hr div.moduletable .inner, #right.hr div.moduletable .inner,
#left div.moduletable .inner,
#right div.moduletable .inner,
#content.hl.hr div.moduletable .inner {margin: 0}

#top-wrapper, #content, #left, #right {
    padding-top: 0;
}

#content.hr.hl .component-wrapper {margin-left:0; margin-right:0}

 
#openlogin { }

.contact form fieldset dt {
    width: 100%; padding: 0
}

.mainnav .menu > li > a {
	margin: 0 10px;
}

 
/* logo */
h1.logo { width: 160px; display:block; margin: 0 auto}
h1.logo a { background-size: 90% !important; padding: 0; width: 140px;  }

#header-2,
#header-1 {clear: none; margin-top: 2px }
#header-1 {float: left }

#header-1 p, #header-1 ul,
#header-2 p, #header-2 ul {margin:0}
 
 /* typography */ 
/* fonts */
body {
  /*font-size: 14px;*/
  -webkit-text-size-adjust: 100%;
}

.blog h2 { margin-bottom: 0;  line-height:1}

.typo-pre-title,
.typo-table.horizontal thead tr th {
    line-height: 1.5;
	padding: 5px 15px;
}

h2.itemTitle, h3.catItemTitle,
h3, .column h3, .typo-column h3,
div.moduletable h3, div.login h1:first-child,
.blog-featured h1:first-child, .item-page h1:first-child, 
.contact h1:first-child, .blog h1:first-child, .componentheading, 
div.search h1:first-child, div.registration h1:first-child {line-height: 1 !important}

div.moduletable span.mod-desc { margin:0 }

.typo-column .typo-img-wrap {width: 95% !important}

.typo-colswrap.cols-2 .typo-column {}
.typo-colswrap.cols-3 .typo-column {width: 49.2% !important; margin:0 !important /*1.5% 0 0*/} 
div.item-page  .typo-colswrap.cols-3 .typo-column {width: 49.5% !important; margin:0 !important /*1.5% 0 0*/} 
.typo-colswrap.cols-3 .typo-column:last-child {margin:0 !important; }
.typo-colswrap.cols-4 .typo-column { width: 49.2% !important; margin:0 !important }
div.item-page  .typo-colswrap.cols-4 .typo-column { width: 49.5% !important; margin:0 !important /*1.5% 0 0*/ }

.css3-columns3,
.css3-columns4 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
}

div.blog div.items-row.cols-4 div.blog-item { width: 49.9%;}
div.blog div.items-row.cols-3 div.blog-item { width: 49.9%;}
div.blog div.items-row.cols-2 div.blog-item { /*width: 48%;*/}
div.blog div.items-row.cols-1 div.blog-item { /*width: 100%;*/}


/* k2 porftolio */
div.portfolio.cols-2 div.itemContainer,
div.portfolio.cols-3 div.itemContainer,
div.portfolio.cols-4 div.itemContainer,
div.portfolio.cols-5 div.itemContainer,
div.portfolio.cols-6 div.itemContainer {width: 49.9%}


/* header */
#header {}

#header .main {}

/* Logo  */
#logo {}


/* Search */
.phrases-box, .ordering-box {width:100%; float:none;}
.ordering-box  {margin-top:1.5em;}

#search {}

#search.active {}


#search .search {
  border: none;
}

#search { position: absolute; top: 0; right: 0}

#roksearch_results { /*display:none*/ }

#search .inputbox,
#search .inputbox:focus {  width: 90% }

#roksearch_results .page,
#roksearch_results { }

#search .inputbox,
#search .inputbox:focus {}

#search .button {
  display: none;
}

div.contact fieldset {padding:0; margin:0 0 1.5em}


/* mainnav */
.mainnav li.mini > a:hover {}

.mainnav li.mini > a.active { }

.mainnav .menu > li ul > li:hover > a,
.mainnav .menu li.active ul li a {
    color: #333 !important;
}

.mainnav .menu > li.deeper ul li { background-color: transparent }
.mainnav .menu > li ul li:hover > a {text-decoration: none; color:#333}
.mainnav .menu > li ul > li:hover > a { color: #333; }

.mainnav ul.menu.mini > li.mini > a { 
	border-bottom-color: transparent;
    border-left: 4px solid #ccc;
    border-top-color: transparent;
    height: 26px;
    line-height: 26px;
    margin: 7px 0;
    padding-left: 15px;
	color: #777
}
.mainnav ul.menu.mini > li.mini > a.active,
.mainnav ul.menu.mini > li.mini:hover > a { border-left: 4px solid #333; color: #333 }

.mainnav {}
.mainnav .main-inner {overflow:hidden;}
.mainnav ul.menu {display: none }
.mainnav ul.menu.mini {display: block; width: 99.9%; padding: 0}

.mainnav ul.menu.mini ul.menu.open {display: block }

.mainnav .mini * {
	-moz-transition: none !important; 
	-webkit-transition: none !important; 
	transition: none !important;
}
.mainnav .menu > li.deeper ul {-webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; border: 0}

.mainnav ul.mini  > li { border-right: 0; width: 100%; background: none}

.mainnav .menu > li.deeper ul {padding: 0}

.mainnav li.mini li,
.mainnav .menu > li.deeper.active ul li,
.mainnav li.mini.deeper.parent ul.menu > li {
	display: block; clear:both; float:none; box-shadow:none; -webkit-box-shadow:none;
	border-bottom: 1px solid #ddd !important; border-right: 0; background:none;
	padding:0; margin:0
}

.mainnav .menu > li.active { box-shadow:none; -webkit-box-shadow:none; background-color: transparent !important}
.mainnav .mini li.active > a {color: #fff !important}

.mainnav ul.menu > li.active.deeper ul {background-color: transparent !important}

/*#mainnav-wrapper .mainnav .menu li.deeper ul li { border-bottom: 1px solid #666666 !important}*/

#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li:last-child,
#mainnav-wrapper .mainnav li.mini.deeper.parent ul.menu li li:last-child {border-bottom: 0 !important; border-top: 0; background:none}
 
.mainnav li.mini ul.menu > li > a {border:0 !important; float:none;}

.mainnav li.mini.deeper > ul { 
	margin-left: 0; margin-top: 45px; left: 0; top: 0; 
	opacity: 1; filter: alpha(opacity=100); display:none
}

.mainnav .menu li.deeper ul {width: 100%; }

.mainnav .menu > li.deeper ul li {padding:0; margin:0}

.mainnav .menu > li.deeper ul li a { margin: 0 20px }
.mainnav .menu > li.deeper ul > li a { padding:0 }
.mainnav ul.menu.mini li ul.menu li ul li a {margin:0}

/* below */
.mainnav ul.menu li.deeper li.deeper:hover > ul {
    left: 0; top: 0;
    margin-left: auto;
    opacity: 1; filter: alpha(opacity=100);
    position: relative;
}

.mainnav .menu > li > a {/*float:none;*/}
.mainnav ul.menu.mini li.mini ul.menu {position:relative !important; margin-top:0 !important; left:0;top:0;float:left; margin-bottom: 1.5em; margin: 0 }

.mainnav ul.menu.mini li.mini > ul.menu { border-top: 1px solid #ddd !important }

.mainnav ul.menu.mini li ul.menu li ul,
.mainnav ul.menu.mini li ul.menu li ul li ul  {
	position:relative; left:auto; top: auto; 
	margin-top:0 !important; margin-left:0; border:0; display:none;
	opacity: 1; filter: alpha(opacity=100);
}
.mainnav .mini li ul li.active, 
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus {background-color: #f0f0f0 !important}
.mainnav .menu ul li.active > a { color:#111 !important }

.mainnav ul.menu.mini li ul.menu > li:hover {background-color: #f0f0f0 !important}
.mainnav ul.menu.mini li ul.menu > li:hover li:hover {background-color: #f6f6f6 !important}
.mainnav ul.menu.mini li ul.menu > li:hover li:hover li:hover {background-color: #f9f9f9 !important}
.mainnav ul.menu.mini li ul.menu li a {border: 0 !important}

.mainnav ul.menu.mini li a {text-transform:uppercase; box-shadow:none !important; -webkit-box-shadow:none !important;}
.mainnav ul.menu.mini li ul.menu a { text-transform:uppercase; width: auto !important; color: #555; line-height: 35px; height: 35px }
.mainnav ul.menu.mini li ul.menu li ul li a {padding-left:30px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li a {padding-left:40px; text-transform:none; }
.mainnav ul.menu.mini li ul.menu li ul li ul li ul li a {padding-left:50px; text-transform:none; }

.mainnav ul.mini li.active:hover > a { }
.mainnav .menu > li.active ul > li.active,
.mainnav .mini li ul li.active { background: none !important;}

.mainnav .mini li ul li:hover,
.mainnav .mini li ul li.active:hover, 
.mainnav .mini li ul li.active:active, 
.mainnav .mini li ul li.active:focus { background-image: none !important;}

/*.mainnav ul.menu li.parent li.parent > ul,*/
.mainnav ul.menu li.parent li.parent li.parent > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent > ul {display:none }

/*.mainnav ul.menu li.parent li.parent:hover > ul,*/
.mainnav ul.menu li.parent li.parent li.parent:hover > ul,
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > ul {border-color:#444}

.mainnav ul.menu li.parent li.parent li.parent:hover,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover { }

.mainnav ul.menu li.parent li.parent li.parent:hover > a,/**/
.mainnav ul.menu li.parent li.parent li.parent li.parent:hover > a,
.mainnav ul.menu li.parent li.parent li.parent li.parent li.parent:hover > a { }

/* arrows */
.menu li ul li.deeper {background-image: none;}

.menu li ul li ul li > a {
    background-image: url(../../images/arrow-b.png);
    background-position: 20px 13px;
    background-repeat: no-repeat;
}

.menu li ul li ul li > a:hover {}

.menu li ul li ul li.parent.active > a {}

.menu li ul li ul li.parent.active > a:hover {}

.menu li ul li ul li ul li > a {background-position: 30px 13px;}
.menu li ul li ul li ul li ul li > a {background-position: 40px 13px;}
.menu li ul li ul li ul li ul li ul li > a {background-position: 60px 13px;}

#mainnav-wrapper .menu li.active ul > li.deeper.active {background-image: none !important}


/* menu styles */
#mainnav-wrapper.clean .mainnav .menu > li > a {
	border-bottom: 0 none;
    border-left: 3px solid #DDDDDD;
    border-top: 0 none;
    height: 33px;
    line-height: 35px;
}

#mainnav-wrapper.clean .mainnav .menu > li.deeper ul li > a {line-height: 35px}
#mainnav-wrapper.clean .mainnav .menu > li:hover > a {
    border-bottom-color: transparent;
	border-left-color:#333
}

#mainnav-wrapper.big .mainnav ul.menu > li.deeper > ul {margin: 0}
#mainnav-wrapper.big .mainnav .menu > li {border:0}
#mainnav-wrapper.big .mainnav .menu > li:hover {background:none}
#mainnav-wrapper.big .mainnav .menu > li > a {
	border-bottom: 0 none;
    border-left: 3px solid #DDDDDD;
    border-top: 0 none;
    height: 35px;
    line-height: 35px;
}

#mainnav-wrapper.big .mainnav .menu > li.deeper ul li > a {line-height: 35px;}
#mainnav-wrapper.big .mainnav .menu > li > a { padding: 0 5px }
#mainnav-wrapper.big .mainnav ul.menu.mini > li.mini > a {font-size:14px; padding: 10px 5px 10px 20px }
#mainnav-wrapper.big .mainnav .menu > li:hover > a {
    border-bottom-color: transparent;
	border-left-color:#333
}

/**/
#mainnav-wrapper.pills .mainnav .menu > li > a { background: none; color:#555 }
#mainnav-wrapper.pills .mainnav .menu > li.deeper > ul {margin-left: 0}
#mainnav-wrapper.pills .mainnav li.mini li {float:left; width: 100%}
#mainnav-wrapper.pills .mainnav .menu > li.deeper > a {line-height: 20px}

#mainnav-wrapper.pills .mainnav li.mini > a {background: #555; color: #fff;}
#mainnav-wrapper.pills .mainnav li.mini > a.active {background: #10B7E1; color: #fff;}
#mainnav-wrapper.pills .mainnav li.mini > li > a {background: #none; color: #555;}
#mainnav-wrapper.pills .mainnav .menu > li:hover > a { /*background-color: transparent*/ }


/* other */
table.acymailing_form {
	width: 100%;
}

table.acymailing_form input.inputbox {
    padding: 5px 0 5px 10px;
    width: 95%;
}

.contact-form label#jform_contact_email_copy-lbl {
	width: 150px;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    width: 200px;
}

#search-form #finder-search input.inputbox {
	margin-bottom: 5px;
}

.newsfeed-category td.item-link {
	width: 100px;
	word-break: break-all;
}

/* price tables */
td.space,
.vertical-table th:first-child,
.vertical-table th.first,
.vertical-table td:first-child,
.vertical-table td.first {display:none}
.vertical-table .button {font-size: 11px;}
span.table-price {
    font-size: 36px;
}

/* pagination */
.k2Pagination li span,
.k2Pagination li a,
.pagination li span,
.pagination li a {display:none !important}

li.pagination-prev a,
li.pagination-prev span,
li.pagination-prev a,
li.pagination-next span,
li.pagination-next a,
li.pagination-start span,
li.pagination-start a,
li.pagination-end span,
li.pagination-end a { display:block !important}

div.pagination { float: left }
div.pagination ul {
    float: left;
    margin: 1.5em 0;
}

#footernav {
    float: none; width:100%; clear:both;
}

#footernav ul.menu > li { padding: 0 2% 0 0}

#social { float:none; clear:both; margin:0}
#social ul { padding: 7px 0; border-top: 1px solid #555; margin: 0; float:left; width: 100%}
.social-icons li i {margin-top: 2px}

.social-icons li {display:inline-block; float:left; margin: 0}
.social-icons li.first, .social-icons li.first a{ }
.social-icons li.last, .social-icons li.last a{ }

.social-icons li:hover span.social-text { text-indent: -6em; }

div.top-link {
    border-radius: 5px 5px 0 0;
    bottom: 0;
    right: 25px; 
}
#gototop {font-size: 30px;}
div.top-link:hover a{ color: #ccc}

#openlogin, .social-icons { }
#openlogin, #openfeedback { }	
#openfeedback {left: 82px;}


.social-icons { }
span.designedby {
    clear: both;
    float: left;
    width: 100%;
}

/* slideshow */
.flexslider.template {max-width: 720px; width: auto; margin: 0 auto}
.flex-direction-nav li:last-child a  { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 }
.hidemobile { }

.breadcrumbs a {display:none;}

#footer-social {
    float: left;
    margin: 0 -30px 15px 0;
    width: 320px; clear:both
}

#footer-wrapper { }

#pathway .main-inner { }


/* DNP portfolio */
div.portfolio-item {width: 49.7%}

/* DNP News */
ul.dnp_news.horizontal.cols-2 li {width: 49.98%}
ul.dnp_news.horizontal.cols-3 li {width: 49.98%}
ul.dnp_news.horizontal.cols-4 li {width: 49.98%}