/* CSS Document */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 170%;
	line-height: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
}

.contentheading, .koareqform .formtitle {
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

.buttonheading img {
	border: none;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 2px 0 0px 5px;
  	border-bottom: 1px solid #f1f1f1;
}

tr.sectiontableentry2 td,
td.sectiontableentry2 {
 	height: 27px;
}

tr.sectiontableentry1 td,
td.sectiontableentry1 {
	height: 27px;
	background: #f7f7f7;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */

/* @group Modules */

.module {
	margin-bottom: 10px;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 34px;
	text-indent: 26px;
	height: 32px;
	overflow: hidden;
	font-size: 120%;
}

a#active_menu.mainlevel {
	background-position: 0 -64px;
	padding-left: 12px;
}

a.mainlevel:hover {
	background-position: 0 -32px;
}

a.sublevel {
	text-decoration: none;
	line-height: 25px;
	padding-left: 10px;
	font-size: 120%;
	line-height: 34px;
}

a.mainlevel:hover,
a.sublevel:hover {
	text-decoration: none;
}

/* @end */

/* @group Content Styles */
.inputbox {
	background:#fff;
	border: 1px solid #FC0;
	margin:2px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:2px 4px;
}
.inputbox:hover {
	background-color:#FF9;
	border:1px solid #FC6;
}
.button {
	background-color:#f5f5f5;
    border:1px solid #CC6;
    border-top:1px solid #CC6;
    border-left:1px solid #CC6;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:3px 10px 4px 7px; /* Links */
}
.button:hover {
	background-color:#C93;
	color:#fff;
}
/* @group Readon */

a.readon {
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	text-indent: 10px;
	line-height: 110%;
	background: url(../images/path-arrow.png) 0 0 no-repeat;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin-bottom: 15px;
}

span.pathway img {
	float: none;
	vertical-align: top;
	width: 6px;
	height: 22px;
	padding-right: 10px;
	background: url(../images/path-arrow.png) 0 50% no-repeat;
}

span.pathway a {
	float: none;
	padding: 0 12px 0 0;
}

/* @end */

/* @group Typography */

ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5 {
	padding-left: 15px;
	margin-left: 0;
}

ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 14px;
}

pre {
	padding: 10px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-right: 5px solid #ddd;
	border-left: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
}

blockquote.color1,
blockquote.color2,
blockquote.color3 {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 20px;
	margin: 15px 0;
	border: 0;
	background: 0;
}

blockquote.color1 {
	color: #666;
}

blockquote.quotes {
	display: block;
	background: url(../images/typo/quote-start.png) 0 5px no-repeat;
	padding: 0px 20px 0 38px;
	margin: 20px 0;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	color: #666;
	border: 0;
}

blockquote.quotes p {
	padding: 0 38px 0 0;
	margin-top: 0;
	background: url(../images/typo/quote-end.png) 100% 100% no-repeat;
}

.important {
	border: 1px solid #999;
}

.important,
.important2,
.important3,
.important4 {
	padding: 15px;
	margin: 15px 0;
}

span.important-title,
span.important-title2,
span.important-title3,
span.important-title4 {
	display: block;
	float: left;
	margin-top: -24px;
	background: #fff;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
}

.important4 {
	border: 1px solid #000;
}

span.important-title,
span.number {
	color: #666;
}

span.important-title4 {
	color: #000;
}

span.number,
span.number-color,
span.number-color2 {
	display: block;
	font-size: 170%;
	float: left;
	margin: 2px 10px 0 15px;
}

span.highlight {
	background: #FFFBD5;
}

span.highlight,
span.highlight-color,
span.highlight-color2 {
	padding: 1px 2px;
}

span.highlight-bold {
	font-weight: bold;
	font-size: 120%;
}

span.dropcap,
span.dropcap-color,
span.dropcap-color2 {
	display: block;
	font-size: 260%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
}

span.inset-left {
	display: block;
	color: #000;
	padding: 15px;
	float: left;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

span.inset-right {
	display: block;
	color: #000;
	padding: 15px;
	float: right;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

/* @end */

/* @group Notice Styles */

span.attention,
span.notice,
span.alert,
span.download,
span.approved,
span.media,
span.note,
span.cart,
span.camera,
span.doc,
div.debug_message {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;	
}

span.attention,div.debug_message {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;
}

span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;
}

span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;
}

span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;
}

span.approved {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;
}

span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;
}

span.cart {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;
}

span.camera {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;
}

span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;
}

/* @end */

/* list styles */
l.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {
	margin-left:5px !important;
	overflow:hidden;
	padding-left:15px !important;
}
ul.special-1 li, ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px !important;
	padding-bottom:3px !important;
	padding-left:21px !important;
}
ul.special-1 li {
	background:transparent url(../images/typo/special-1.png) no-repeat scroll 0 1px;
}
ul.special-2 li {
	background:transparent url(../images/typo/special-2.png) no-repeat scroll 0 1px;
}
ul.special-3 li {
	background:transparent url(../images/typo/special-3.png) no-repeat scroll 0 1px;
}
ul.special-4 li {
	background:transparent url(../images/typo/special-4.png) no-repeat scroll 0 1px;
}
ul.special-5 li {
	background:transparent url(../images/typo/special-5.png) no-repeat scroll 0 1px;
}
ul.special-6 li {
	background:transparent url(../images/typo/special-6.png) no-repeat scroll 0 1px;
}
ul.special-7 li {
	background:transparent url(../images/typo/special-7.png) no-repeat scroll 0 1px;
}
ul.special-8 li {
	background:transparent url(../images/typo/special-8.png) no-repeat scroll 0 1px;
}
ul.special-9 li {
	background:transparent url(../images/typo/special-9.png) no-repeat scroll 0 1px;
}
ul.special-10 li {
	background:transparent url(../images/typo/special-10.png) no-repeat scroll 0 1px;
}
ul.special-11 li {
	background:transparent url(../images/typo/special-11.png) no-repeat scroll 0 1px;
}
ul.special-12 li {
	background:transparent url(../images/typo/special-12.png) no-repeat scroll 0 1px;
}
ul.special-13 li {
	background:transparent url(../images/typo/special-13.png) no-repeat scroll 0 1px;
}
ul.special-14 li {
	background:transparent url(../images/typo/special-14.png) no-repeat scroll 0 1px;
}
/* end list styles */

/* @group Horizontal Menu */

#horiz-menu {
	height: 46px;
	width: 100%;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}

#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 5px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 5px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

/* @end */


/* @group Sub Menu */

#topmenu ul {
	margin: 6px 6px;
}
#topmenu a {
	text-transform:uppercase;
	font-family:"Josefin Sans";
	font-size:14px;
	letter-spacing:-.5px;
}
#topmenu .nav-tabs > li > a, #topmenu .nav-pills > li > a {
	padding-left:10px;
	padding-right:9px;
}
#topmenu .nav-pills > li + li, #footer .nav-pills > li + li {
	margin-left:auto;
}
#topmenu .nav-pills > li > a {
	margin-bottom:0;
	padding-bottom:6px;
}
/* @end */

/* @group Core Elements */

#bottom-menu {
	height: 32px;
	float: left;
	color: #ccc;
}

/* @group Bottom menu */

#bottom-menu a {
	 line-height: 32px;
	 height: 32px;
	 margin-right: 15px;
	 padding-right: 15px;
	 padding-left: 0;
	 margin-top: 6px;
	 display: block;
	 float: left;
	 font-size: 100%;
	 text-indent: 0;
	 background: url(../images/bottom-menu-div.png) 100% 50% no-repeat;
	 color: #ccc;
}

#bottom-menu a:hover {
	color: #fff;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/* @end */
.module-search .inputbox-search {
	height:24px;
	padding:2px;
}
.module-search .button-search {
	padding:2px;
	vertical-align:middle;
}
ul.actions {
	list-style:none;
}
ul.actions li {
	display:inline;
	margin-right:8px;
}
fieldset {
	border:none;
}
form#login-form ul {
	list-style: circle;
}
form#login-form ul li a {
	font-size:80%;
}
#centerpad ul.actions {
	text-align:right;
	margin-top:0;
	padding-top:0;
}
#shopmenu ul {
	list-style:none;
	margin:1px 0 0 6px;
	padding:0;
}
#shopmenu li {
	display:inline;
	background:url(../images/separator-vert.jpg) 100% 50% no-repeat;
}

#shopmenu li a {
	font-size:11px;	
	padding-left:8px;
	padding-right:8px;
}
#shopmenu li.item-133 a {
	background: url(../images/account.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:20px;
}
#shopmenu li.item-134 {
	background:none;
}
#shopmenu li.item-134 a {
	background: url(../images/cart.png) no-repeat 0 50%;
	padding-left:22px;
	margin-left:8px;
}
div.item-page h2 {
	margin-bottom:0;
	padding-bottom:0;
}
ul.pagenav {
	list-style:none;
}
ul.pagenav li {
	display:inline;
}
ul.pagenav li a, p.readmore a {
	background:#F90;
	border:1px solid #FFFF66;
	color:#fff;		
	padding:0px 4px;
	border-radius:6px;
	text-decoration:none;
	font-size:85%;
}
ul.pagenav li a:hover, p.readmore a:hover {	
	border:1px solid #FC3;
	background:#FFFF66;
	color:#F60;
	text-decoration:none;
}
ul.mod-samplefeed li h4 {
	margin:0;
	padding:0;
}
ul.mod-samplefeed li h4 a {
	font-size:12px;
}
div.mod-randomimage img {
	border:1px solid #888;
	border-radius:8px;
}
div.mod-gallery .main_des_container {
	display:none;
}
#footer ul.menu {
	list-style:none;
	text-align:center;
	margin:0 16px;
}
#footer ul.menu a {
	text-transform:uppercase;
	font-family:"Josefin Sans", sans-serif;
	font-size:13px;
	letter-spacing:-.5px;
}
#footer .footer {
	text-align:center;
	margin:6px auto;
	padding:16px 100px 0;
	display:inline-block;
	border-top:1px solid #eee;
	font-size: 16px !important;
}
.breadcrumb {
	padding:0;
	border:1px solid #ddd;
	font-size:85%;
}
.breadcrumb > li > .divider {
	padding-left:0;
}
.page-header {
	margin:10px 0;
}
.breadcrumb > li + li::before {
	content:inherit;
}
.module-ratings h3 {
	display:none;
}
/* Code to display the Print and Email icons without a dropdown that the Protostar template tries to force */
.icons a.dropdown-toggle {
	display:none;
}
.icons ul.dropdown-menu {
	display:inherit;
	/*
	border:none;
	box-shadow:none;
	background:none;
	*/
	min-width:inherit;
	position:inherit;
}
.icons span {
	margin-right:3px;
}