/* 
Custom mods by GxGL @ WebINS
	 ---:: 2014 ::---
*/

/* Top menu links */
#logo a img {
    margin: -110px auto 0!important;
	/* Disable/Comment this after Beta period = 6 months - by GxGL */
}
header .top-menu-link {
    top: 0!important;
}
/* @media
.no-link {
    float: left;
    margin: 5px 35px 40px -20px;
} */

/* Product Labels */
img.outofstock {
    height: 80px;
    width: 80px;
}

/* Newsletter */
.newsletter-text {
    margin-top: 1%;
}
/* Footer columns */
.column.menu.xs-100.sm-50.md-33.lg-25.xl-25 {
    float: left;
    height: 170px !important;
}

/* Services */
table.services {
    max-width: 300px;
}

/* Product Page */
.option-icon {
    display: inline;
	float: left;
	/* padding-left: 10px;
	overflow: hidden; */
	margin-top: 10px;
}
.option-icon > div {
    float: left;
    /* margin-left: -12px;
    padding-left: 3px;
    padding-right: 2px; */
    text-align: center;
    width: 50px;
	margin-right: 8px;
}
.option-icon label {
    font-size: 10px;
	cursor: default;
}
.option-image label {
    cursor: default;
}
.option-icons {
    border-bottom: 1px solid #E7E7E7;
    display: inline;
    float: left;
    /* margin-left: -5px;
    width: 395px; */
}
.option-icons > div {
    float: left;
    padding-left: 10px;
    padding-right: 5px;
    text-align: center;
    margin-bottom: 5px;
}
a[title="Faceti click pentru mai multe informatii."],
a[title="Click here for more details."] {
  /* color: #900; */
  text-decoration: none;
}
a[title="Faceti click pentru mai multe informatii."]:hover,
a[title="Click here for more details."]:hover {
  /* color: red; */
  position: relative;
}
a[title="Faceti click pentru mai multe informatii."]:hover:after,
a[title="Click here for more details."]:hover:after {
	  content: attr(title);
	  padding: 4px 8px;
	  color: #333;
	  position: absolute;
	  width:90px;
	  height: 50px;
	  left: 0;
	  top: 100%;
	  white-space: pre-wrap;
	  z-index: 90000;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  -moz-box-shadow: 0px 0px 4px #222;
	  -webkit-box-shadow: 0px 0px 4px #222;
	  box-shadow: 0px 0px 4px #222;
	  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
	  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	  display: inline-flex;
}
a.icontext {
	outline:none;
	pointer-events: visible;
	/* pointer-events: none; */
	cursor: default;
} 
a.icontext strong {
	line-height:30px;
} 
a.icontext:hover {
	text-decoration:none;
 } 
a.icontext span {
	display: none;
	/* left: 50%; */
	line-height: 15px;
	margin-left: -47px;
	margin-top: 55px;
	/* padding: 14px 20px; */
	padding: 10px!important;
	top: auto;
	width: auto;
	z-index: 10;
}
a.icontext:hover span:after, 
a.icontext:hover span:before {
	bottom: 100%; 
	/* left: auto;  */
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none;
} 
a.icontext:hover span:before {
	border-color: rgba(136, 183, 213, 0); 
	border-bottom-color: #0062C9; 
	border-width: 7px; 
	margin-left: auto;
}
a.icontext:hover span :after{
	border-color: rgba(194, 225, 245, 0); 
	border-bottom-color: #0062C9; 
	border-width: 7px; 
	margin-left: auto;
}
a.icontext:hover span{
	display:inline; 
	position:absolute; 
	color:#FFFFFF; 
	border:1px solid #004996; 
	background:#0062C9;
}
.icontext > img {
    width: 50px;
}
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-10px;
} 
/*CSS3 extras*/ 
a.icontext span { 
	border-radius:4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: 5px 5px 8px #CCC; 
	-webkit-box-shadow: 5px 5px 8px #CCC; 
	box-shadow: 5px 5px 8px #CCC;
}
.servlink > img {
    width: 50px;
}
a.services-text {
	outline:none;
	pointer-events: visible;
	/* pointer-events: none; */
	cursor: default;
} 
a.services-text strong {
	line-height:30px;
} 
a.services-text:hover {
	text-decoration:none;
} 
a.services-text span {
	display: none;
	/* left: 50%; */
	line-height: 16px;
	margin-left: -100px;
	margin-top: 55px;
	padding: 14px 20px;
	top: auto;
	width: auto;
	z-index: 10;
	vertical-align:middle;
}
a.services-text:hover span:after, 
a.services-text:hover span:before {
	bottom: 100%; 
	left: 50%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none;
} 
a.services-text:hover span:before {
	border-color: rgba(136, 183, 213, 0); 
	border-bottom-color: #0062C9; 
	border-width: 10px; 
	margin-left: -10px;
}
a.services-text:hover span :after{
	border-color: rgba(194, 225, 245, 0); 
	border-bottom-color: #0062C9; 
	border-width: 16px; 
	margin-left: -16px;
}
a.services-text:hover span{
	display:inline; 
	position:absolute; 
	color:#FFFFFF; 
	border:1px solid #004996; 
	background:#0062C9;
} 
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
} 
/*CSS3 extras*/ 
a.services-text span { 
	border-radius:4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: 5px 5px 8px #CCC; 
	-webkit-box-shadow: 5px 5px 8px #CCC; 
	box-shadow: 5px 5px 8px #CCC;
 }
.options.push-0 {
    margin-bottom: 30px;
}
/* Popup */
.black_overlay{
	display: none;
	/* position: absolute; */
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1000000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
.white_content {
	display: none;
	position: fixed;
	width: 580px;
	height: 50%;
	padding: 16px;
	border: 16px solid #EA2349;
	background-color: white;
	/* z-index:1000000; */
	z-index:2147483647;
	top: 0;
	right: 0 !important;
	left: 0 !important;
	margin: 5% auto;
}
#prodconf {
	background-color: #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	height: auto;
}
.pphd {
	background: #EA2349;
	color: white;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
.ppft {
	/* float:right; */
	padding: 20px 0 0;
}
.prodpp {
	border: 3px solid grey;
	border-radius: 4px;
	padding: 10px !important;
	max-height: 300px;
	overflow-y: auto;
	/* width: 300px; */
}
.prodpp > .options.push-0 {
	margin-bottom: -30px;
	overflow: hidden;
}

.button.prodconf{
	float: left!important;
	margin-right: 8px;
	float: right;
}
.product-info .right .cart div .qty {
	width:24%;
}
.product-info .right .cart div .button {
	width:36% !important;
	font-size:12px !important;
}
.product-info .option ul li {
    background-color: white !important;
    border: 1px solid #333745;
    border-radius: 3px;
    color: #333745 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 23px;
    margin: 7px 8px 0 0;
    padding: 0 7px;
    text-align: center;
    transition: all 0.2s ease 0s;
    word-wrap: break-word;
}
@media screen and (min-width: 300px) and (max-width: 360px) {
	.white_content {
	display: none;
	position: fixed;
	width: 300px;
	}
	#prodconf {
		background-color: #FFFFFF;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
		display: none;
		left: 7%;
		/* right: 50%;
		padding: 20px;
		width: 300px;
		overflow-y: auto;
		top: 60px !important;
		left: 65% !important; */
	}
	.prodpp {
		border: 3px solid grey;
		border-radius: 4px;
		padding: 10px !important;
	}
	.closeit {
		/* display: block;
		width: 100px; */
		height: 35px;
		/* padding: 10px !important;
		margin: 20px 50px 0 0;
		line-height: 1;
		float: right; */
	}
	.product-info .right .cart div .qty {
		margin-top: 10px;
		width:100%;
	}
	.product-info .right .cart div .button {
		width:100% !important;
		font-size:12px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
	#lean_overlay  {
		position: fixed; 
		z-index:2;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background: #000;
		display: none;
	}
	#prodconf {
		background-color: #FFFFFF;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
		display: none;
		padding: 20px;
		max-width: 400px;
		overflow-y: auto;
	}
	.prodpp {
		border: 3px solid grey;
		border-radius: 4px;
		padding: 10px !important;
	}
	.product-info .right .cart div .qty {
		margin-top: 10px;
		width:100%;
	}
	.product-info .right .cart div .button {
		width:100% !important;
		font-size:12px !important;
	}
	#button-cart {
		margin-top: 10px;
	}
	.contact-infos > div > div {
		float: none !important;
	}
	.ci-left, .ci-right, .ci-g-map {
		width: 100% !important;
	}
}

.st_fblike_hcount{
	margin-left: -3px;
	margin-top:1px;
}
.st_twitter_hcount,
.st_googleplus_hcount {
	margin-top:3px;
}


/* Quikview */
#more-details.button.hint--top {
    margin: 10px !important;
    padding: 0 !important;
}

/* Account images */
.secondary-title.top {
    display: none;
}
h2.secondary-title {
    float: left;
    height: 38px;
    margin-top: 5px;
    width: 100%;
}
.content.top {
    margin-bottom: -30px;
    margin-top: -15px;
}
.content.bottom {
    margin-bottom: -80px;
}
/* .content {
    height: 200px;
} */
.userimgs {
    background: none repeat scroll 0 0 #fffff0;
    border: 1px solid linen;
    border-radius: 5px;
    float: left;
    font-weight: bold;
    margin: 5px 0 0 5px;
    padding: 5px;
    text-transform: uppercase;
    width: 240px;
}
/* Safari only override */
::i-block-chrome,.boxed-header .is-sticky header {
 left:26.9%;
}

/* Contact page mods */
.contact-infos > div > div {
    float: left;
    margin: 0 10px 10px;
}
.ci-left {
    width: 30%;
}
.ci-right {
    width: 15%;
}
.ci-g-map {
    height: 220px;
	width: 46%;
}
.ci-g-map > iframe {
    height: 100%;
    width: 100%;
}
.contact-info {
    overflow: visible;
}
.content > input {
    width: 40%;
}