/**
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/

body {
	margin-top: 0px;
	background-color: #F4F4F4;
}

.holders
{
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div.top_bg {
	background-color: #FFFFFF;
}

#topmenu_holder {
	background-color: #F4F4F4;
	text-transform: uppercase;
	background-image: none;
}

.yjsgmenu li a {	background-color: #F4F4F4;
}

.yjsgmenu li a, ul.yjsgmenu li a span {
	color: #999999;
}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a {
	background-color: #000000;
}

ul.yjsgmenu ul li a {
    line-height: 1.8em;
}

.yjsg_grid
{
  padding-top: 40px;
  padding-bottom: 40px;
}

div#yjsg1.yjsg_grid{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.yjsg4_out, .yjsg4_out [class*="yjsg-hr-"].fa::before {
	background-image: url(../images/bg_body.png);
	background-repeat: repeat-x;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

.yjsg4_out p, .yjsg4_out a {
	color: #FFFFFF;
}

div#yjsg6_out .yjsgouts, div#yjsg7_out.yjsgouts {
	  background: #ffffff !important;
}

.yjsquare, .yjsgModsChrome, .yjplain {
	margin-bottom: 20px;
}

div#header.inside-container {
	background-color: #F4F4F4;
}

div#holders2.holders, div#rightblock .inside-container .yjsquare, div.k2TagCloudBlock a:hover {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

div#holder2.holders {
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.27);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.27);
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 50px;
}

h1, h2, h3, h4, h5, h6, .article_title, .module_title, .pagetitle, .componentheading {
	color: #0C0056;
	word-break: normal;
}

h1, .ask-a-question-view h1, .manufacturer-details-view h1, h1.article_title, h1.pagetitle {
	font-size: 200%;
}


h2, .componentheading {font-size: 170%; margin:0 0 12px; padding-bottom:4px; border-bottom:#D6D6D6 1px solid; }

h3 {
	color: #000000;
}

h3, h3.module_title, h3.catItemTitle {
	font-size: 150%;
}

div#rightblock .inside-container .yjsquare {
	border: 1px solid #000000;
}

div#rightblock .yjsquare_in {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.module_title {
	color: #FFF;
	text-shadow: #222 1px 2px;
	border: none;
	background-color: #000000;
	background-image: url(../images/bg_news.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/*
div#rightblock ul li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
} */

div#rightblock ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
div#rightblock li {
	margin-left: 0em;
	padding-left: 0px;
	padding-bottom: 5px;
}

/* K2 STYLING START */
div.catItemImageBlock, div.itemImageBlock {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	float: left;
	padding-right: 20px;
	margin: 0px;
}

div.catItemImageBlock img, div.itemImageBlock img {
/*	border: 1px solid #000000; */
}

div.itemImageBlock.fullwidth {
	display: block;
	width: 100%;
}

div.itemTagsBlock.members {
	padding-top: 40px;
	padding-bottom: 40px;
}

div.catItemTagsBlock ul.catItemTags li a, div.k2TagCloudBlock a, div.itemTagsBlock ul.itemTags li a {
	text-transform: capitalize;
}

div.k2SearchBlock form input.inputbox {
	width: 100%;
	padding: 10px;
}

div.k2SearchBlock div.k2LiveSearchResults {
    background: #f4f4f4	;
    border: 1px solid #000000;
    padding: 5px;
}

div.k2SearchBlock div.k2LiveSearchResults span.genericItemDateCreated {
	color: #bcbdc1;
}

/* K2 STYLING END */

table.user-details input {
	height: 2em;
}

blockquote {
	min-height: 45px;
	font-style: italic;
	padding-left: 60px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 10px;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 1.4em;
	padding-top: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

cite
{
	font-style: italic;
	text-align: right;
	float: right;
}

.product-price {
	font-weight: bold;
	font-size: 16px;
}


li {
	padding-left: 30px;
	line-height: 1.4em;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

ul.category-module li {
	padding-left: 0px;
}

ul.defaultmenu li
{
	line-height: 32px;
	display: block;
	list-style-type: none;
}

.yjsgmenu ul,
.yjsgmenu li.holdsgroup ul ul {
	-webkit-box-shadow:none;
	-khtml-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.img-introtext- img {
	width: 200px;
	border: 1px solid #000000;
	margin-right: 20px;
	margin-bottom: 20px;
}

a.readon span {
	line-height: 1.6em;
	padding: 0px 10px 0px 0px;
}

/* REMOVE BULLET POINTS FROM MODULES/MENUS */
.yjsg2 li, .yjsgxhtml li {
	list-style-type: none;
}

.defaultmenu li a:before {
	content: "";
}

/* END REMOVE BULLET POINTS  */

ul.defaultmenu.inline {
	margin-bottom: 20px;
}

#footer ul.defaultmenu.inline li a {
	font-size: 150%;
}

.footer_out
{
	background-color: #CACACA;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #686868;
}

#footer, #footer a, #footer a:hover
{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

#footer div {
	line-height: 1.6em;
}

div#footer a, div#footer a:hover {
/*	color: #FFF; */
	text-decoration: underline;
}