@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'Designio';
	src: url('Designio-Regular.otf');
/*	src: url('css/Designio-Regular.woff'); */
    font-weight:300;
    font-style: normal;
 
	
}
.back-link a {
				color: #4ca340;
				text-decoration: none; 
				border-bottom: 1px #4ca340 solid;
			}
			.back-link a:hover,
			.back-link a:focus {
				color: #408536; 
				text-decoration: none;
				border-bottom: 1px #408536 solid;
			}
			h1 {
				height: 100%;
				/* The html and body elements cannot have any padding or margin. */
				margin: 0;
				font-size: 14px;
				font-family: 'Open Sans', sans-serif;
				color: #1c1d1e;
				font-size: 32px;
				margin-bottom: 3px;
			}
			.entry-header {
				text-align: left;
				margin: 0 auto 50px auto;
				width: 978px;
			}
			#demo-content {
				padding-top: 100px;
			}
body {
	background-color:#f7f8fa
	
}

.slide1_text {
	
	font-family:Designio, Designio_ie, Arial, Helvetica, sans-serif; 
	font-size:20px

}
.text1 {

	font-family:Designio, Designio_ie, Arial, Helvetica, sans-serif; color:#666; font-size:1.1em; font-weight:600

}

.text2 {

	font-family:Designio, Designio_ie, Arial, Helvetica, sans-serif; color:#000; font-size:1.1em; font-weight:bold

}

.navbox {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFF;
	width: 960px;
	min-height:100px;
	-webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	-moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top:10px;
	margin-bottom: 10px;
	margin-left: 3px;

}

html, body, .container
{
    height: 100%; 
    min-height: 100%;
}

.first {
    float: left;
    min-width: 200px;
	background-color:#fff;
	padding:10px;
	height:auto
	
}

.second{
    float: right;
 min-width:130px
}



.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}


.action-card {
    width: 223px;
    border-radius: 5px;
    padding: 38px 51px 33px 53px;
    float: right;
    line-height: 18px;
    z-index: 8;
    background: url('/images_store/action-card-separator.png') no-repeat scroll 0px center / 25px 585px transparent;
    min-height: 400px;
}


.action-card_h1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    padding: 0px 20px 0px 0px;
    color: #000;
    margin: 0px 0px -3px;
	border-bottom: 1px solid #D6D6D6
}

.price {
    font-size: 18px;
    line-height: 64px;
    color: #666;
	font-family:Tahoma, Geneva, sans-serif;
}
#gallery{
	border:1px solid white;
	/* The width of the gallery */
	width:530px;
	overflow:hidden;
	padding:0px
}
#slides{
	/* This is the slide area */
	height:400px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:420px;
	overflow:hidden;
}
.slide{
	float:left;
}
#menug{
	/* This is the container for the thumbnails */
	height:44px;
}
.myli > li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:64px;
	overflow:hidden;
}
.myli > .inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/images_store/pic_bg.png) repeat;
}
.menuItem.act,.menuItem.act:hover{
	/* The active state of the thumb */
	padding-top:10px
}
.menuItem.act a{
	cursor:default;
}
.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:5px;
}
.myli > li a{
	display:block;
}
a img{
	border:none;
}
.fb > input[type=radio]{
  display:none;
}
input[type=radio] + img{
  cursor:pointer;
  border:1px solid transparent;
    border-radius:5px; padding:2px;

}
input[type=radio]:checked + img{
  border:1px solid #09F;
  border-radius:5px; padding:2px;
}

.li_title {
	list-style:none;
	font-weight:bold; font-size:14px;
		 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	padding-top:10px
}

.li_text {
	
	 font-size:11px;
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	  color: #454442 !important;
	font-weight:normal
}
@media all and (min-width: 643px) and (max-width: 980px) {
#maindiv{
	width:640px!important;
	margin-left:-320px!important;
}
#maindiv .navbox{
	width:640px!important;
}
.first{
	width:300px!important;
}
.first img{
	max-width:100%;
}
.second{
	position:relative;
	padding-left:40px;
	padding-right:40px;
	max-width:300px;
}
#gallery{
	width:320px;
}
#gallery .slide{
	width:620px;
}
#gallery .slide img{
	width:320px;
	height:auto;
}
#slides{
	height:200px;
}
#menug{
	width:320px!important;
}
.slide1_text{
	max-width:320px!important;
	top:50px!important;
	left:0px!important;
}
#mare{
	font-size:30px!important;
}
#med{
	font-size:25px!important;
	line-height:35px!important;
}
#mic{
	font-size:20px!important;
	line-height:30px!important;
}
}
@media all and (max-width: 642px) {
#maindiv{
	width:320px!important;
	margin-left:-160px!important;
}
#maindiv .navbox{
	width:320px!important;
}
.first{
	width:320px!important;
}
.first img{
	position:relative;
	float:left;
	max-width:100%;
}
.second{
	position:relative;
	padding-left:40px;
	padding-right:40px;
	background:none;
	text-align:center;
	max-width:100%;
}
.second .slide1_text{
	position:relative;
	float:left;
	max-width:100%!important;
	top:0px!important;
}
#mare{
	font-size:30px!important;
}
#med{
	font-size:25px!important;
	line-height:25px!important;
}
#mic{
	font-size:20px!important;
}
.second a img{
	margin:0!important;
}
#gallery{
	width:320px;
}
#gallery .slide{
	width:620px;
}
#gallery .slide img{
	width:320px;
	height:auto;
}
#slides{
	height:200px;
}
#menug{
	width:320px!important;
}
}