body {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 400;
	color: #111;
	font-size: 13px;
	line-height: 20px;
	background:url(../image/background.gif) repeat;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: 500;
}
input, select, textarea {
	font-family: Arial,Helvetica,sans-serif;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 34px;
	line-height: 1.1;
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.4em;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 22px;
	line-height: 1.1;
	display: block;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}
h4 {
	font-size: 16px;
	font-weight:bold;
	line-height: 1.1;
	display: block;	
	margin-top: 2em;
	margin-bottom: -0.1em;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11.2px;
}
h1 + p {
	margin-top: 2em;
}
a {
	color: #EA2D2D;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
	position: relative;
	top: 1px;
	color:#428bca;
}
blockquote {
font-size: 18px;
font-style: italic;
width: 57.5%;
padding-right:2em; 
padding-left:2em;
line-height: 1.45;
position:relative;
color: #EA2D2D;
}
blockquote:before {
display: block;
font-family:Serif;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -30px;
color: #C8C8C8;
}
blockquote:after {
display: block;
font-family:Serif;
content: "\201D";
font-size: 80px;
position: absolute;
right:5px;
bottom:-70px;
color: #C8C8C8;
}
hr{
    border: 0;
    border-bottom: 1px dashed #eee;
    background: #999;
	margin:10px 0px 20px 0px;
}

/* font style */
.larger{
	font-size:110%;
}
.smaller{
	font-size:75%;
}
.red {
	color:#C00; 
}
.red-major {
	color:#ea2d2d; 
}
.note {
	color:#888; 
}
.Grey10 {
	font-size:10px; -webkit-transform:scale(0.83); display:inline-block;
	color:#888888;
	font-style:normal;
}
.Blue12 {
	font-size:12px;
	color:#00F; 
}
.Blue15 {
	font-size:15px;
	color:#00F; 
}
.GB18 {
	font-size:18px;
	font-weight:bold;
	color:#fff; 
	background-color:#0693B0; 
	padding:8px; 
	border-radius:4px; 
	margin-bottom:30px;
}
.SMALL_btm_line {
	font-size:9pt;
	font-weight:bold;
	border-bottom:1px solid #333;
	margin-top:15px;
}
.MEDIUM_btm_line {
	font-size:13pt;
	font-weight:bold;
	border-bottom:3px solid #333;
	margin-bottom:20px;
}
.circleword_black{
	background:#000;
	color:#FFF;
	padding:0.3em 0.5em;
	border-radius:100%;
}

/*image */
a img {
	border:0px;
}
a:hover img {
	position: relative; 
	top: 1px; 
	opacity:0.8;
}
.image a:hover {
	opacity: 0.8;
}
.image-fix a:hover {
	opacity: 0.8;
	position:static;	
}

/*==================================================
 * shadow
 * ===============================================*/
.side-shadow
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.side-shadow:before, .side-shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
    box-shadow:0 0 10px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.side-shadow:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/*bottom-shadow*/
.bottom-shadow-1
{
  position: relative;
}
.bottom-shadow-1:before, .bottom-shadow-1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.bottom-shadow-1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.bottom-shadow-2
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.bottom-shadow-2:before, .bottom-shadow-2:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.bottom-shadow-2:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/*top-bottom-shadow*/
.top-bottom-shadow
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.top-bottom-shadow:before, .top-bottom-shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.top-bottom-shadow:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


/* column */
.col-18 { 
  width: 17%;
  margin-left:3.5%;
  margin-right:3.5%;
  margin-bottom:1.5%;
  float:left;
}
.col-19 { 
  width: 19%;
  float:left;
}
.col-19-right { 
  width: 19%;
  float:right;
}
.col-23_5 { 
  width: 23.5%;
  float:left;
  margin-bottom:3%;
}
.col-25 { 
  width: 25%;
  float:left;
}
.col-25-right { 
  width: 25%;
  float:right;
}
.col-33 { 
  width: 33.33333333333333%;
  float:left;
}
.col-33-right { 
  width: 33.3%;
  float:right;
}
.col-65 { 
  width: 65%;
  float:left;
}
.col-65-right { 
  width: 65%;
  float:right;
}
.col-72 { 
  width: 72%;
  float:left;
}
.col-72-right { 
  width: 72%;
  float:right;
}
.col-78 { 
  width: 78%;
  float:right;
}
.col-78-left { 
  width: 78%;
  float:left;
}
.col-90{
  width: 90%;
}	
/* field */
.white {
  padding: 19px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.gray {
  padding: 19px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.paleyellow {
  padding: 19px;
  background-color: #FFFFCE;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/* top */
.top {
	width:100%;
	background: rgb(35, 35, 35);
    background: -moz-linear-gradient(90deg, rgb(35, 35, 35) 44%, rgb(122, 122, 122) 100%);
    background: -webkit-linear-gradient(90deg, rgb(35, 35, 35) 44%, rgb(122, 122, 122) 100%);
    background: -o-linear-gradient(90deg, rgb(35, 35, 35) 44%, rgb(122, 122, 122) 100%);
    background: -ms-linear-gradient(90deg, rgb(35, 35, 35) 44%, rgb(122, 122, 122) 100%);
    background: linear-gradient(180deg, rgb(35, 35, 35) 44%, rgb(122, 122, 122) 100%);
	border-bottom: 1px solid #888;
	padding: 0px 0px 0px 0;
	margin: 0 0 24px 0;
	height: 36px;
	-webkit-box-shadow: 0px 3px 8px -2px rgba(50, 50, 50, 0.67);
    -moz-box-shadow:    0px 3px 8px -2px rgba(50, 50, 50, 0.67);
    box-shadow:         0px 3px 8px -2px rgba(50, 50, 50, 0.67);
}
.top-links {
	color: #C3C3C3;
	text-shadow: 0 1px 0 #000;
}
.top-links a {
	color: #C3C3C3;
	text-shadow: 0 1px 0 #000;
	text-decoration: none;
}
.top-links a:hover {
	color: #fff;
}
/* menu */
#menu {
	width:100%;
	list-style: none;  
	margin:0px;	
	padding:0px;	
	background-color: #EC4040;
	background-image: linear-gradient(to bottom, #E92121, #FF4D4D);
	background-repeat: repeat-x;
	border-color: #EA2D2D #EA2D2D #BB1313;
	border-bottom:1px solid #BB1313;
	border-radius: 4px;
	margin-top:20px;
	height: 50px!important;
}
#menu li {
	float:left;
	width:auto;
	margin-left:15px;
	line-height:50px;
	position: relative;
}
#menu a {
	float: left;
	font-size: 15px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	display:block;
	width:auto;
	height:49px;
}
#menu li:hover > a {
    color: #fff;
	background-color: #D52525;
}

*html #menu li a:hover { /* IE6 */
    color: #fff;
	background-color: #D52525;
}

#menu li:hover > ul {
    display: block;
}

/* Sub-menu */
#menu ul {
	list-style: none;
    margin-top: 15px;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999; 
	background-color: #444;    
    background-image: linear-gradient(to bottom, #444, #111);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    box-shadow: 0 1px 0 #111111, 
                0 2px 0 #777777;
}

#menu ul li:last-child { 
    box-shadow: none;    
}

#menu ul a {
	font-size:14px;
	font-weight:500;    
    color:#fff;
	text-align:left;
	padding: 15px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a { /* IE6 */   
    height: 10px;
    width: 150px;
}

*:first-child+html #menu ul a { /* IE7 */    
    height: 10px;
    width: 150px;
}

#menu ul a:hover {
    background-color: #229ac8;
    background-image: linear-gradient(#23a1d1, #1f90bb);
}

#menu ul li:first-child a {
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu ul li:last-child a {
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



/* search */
.search-input {
	height: 31.5px!important;
	border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
	border-bottom-left-radius: 4px!important;
	border-top-left-radius: 4px!important;
	display: block!important;
	color: #555!important;
	border: 1px solid #ccc!important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
	float:right;
}
/* breadcrumb */
.breadcrumb {
	margin: 0px 0 20px 0;
	padding: 4px 0;
	border: 1px solid #ddd;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	height: 30px!important;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
.breadcrumb i {
	font-size:15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
	float:left;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	right: -5px;
	width: 20px;
	height: 20px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}

/* form */
#txtHideCaptcha { display: none; }

/* POP Window */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 93.5%;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


/* sidebar */
.cParentMenu a{
	font-weight: normal;	
	display: block;
	border: 1px solid #ddd; 	
	padding: 10px 15px;	
	margin-bottom: -1px;
	color: #ea2d2d;	
	background-color: #f5f5f5;
	} 
.cParentMenu a:hover, .cParentMenu a.active, .cParentMenu a.active:hover {
	color: #fff;	
	background-color: #ea2d2d;
	border-color:#ea2d2d;
	display:block;
	} 
.cParentMenu-first a{
	font-weight: normal;	
	display: block;
	border: 1px solid #ddd; 	
	padding: 10px 15px;	
	margin-bottom: -1px;
	color: #ea2d2d;	
	background-color: #f5f5f5;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.cParentMenu-first a:hover, .cParentMenu-first a.active, .cParentMenu-first a.active:hover{
	color: #fff;	
	background-color: #ea2d2d;
	border-color:#ea2d2d;
	display:block;
	} 
.cParentMenu-last a{
	font-weight: normal;	
	display: block;
	border: 1px solid #ddd; 	
	padding: 10px 15px;	
	margin-bottom: -1px;
	color: #ea2d2d;	
	background-color: #f5f5f5;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.cParentMenu-last a:hover, .cParentMenu-last a.active, .cParentMenu-last a.active:hover{
	color: #fff;	
	background-color: #ea2d2d;	
	border-color:#ea2d2d;
	display:block;
	} 	
.cDaughterMenu a {
	display: block;
	} 
.cDaughterMenu a{
	display: block;
	border: 1px solid #ddd;
	padding: 10px 5px 10px 25px;	
	margin-bottom: -1px;	
	color: #666;	
	background-color: #fff;	
	font-size:12px;
	font-weight: normal;	
	} 
.cDaughterMenu a:hover, .cDaughterMenu a.active, .cDaughterMenu a.active:hover {	
	color: #333;	
	font-weight: bold;
	} 	

/* table */
.list-group {
  padding-left: 0;
}
.list-group a {
  border: 1px solid #DDDDDD;
  color: #888888;
  padding: 8px 12px;
}
.list-group a:hover {
  color:#ea2d2d;
  background-color:#eee;
  font-weight:bold;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#tb-primary{
	width:100%;
	border-collapse:collapse;
}
#tb-primary th{
	padding: 3px 8px;
	color:#fff;
	background-color:#555555;
}
#tb-primary tr:hover{
	background-color:#f5f5f5;
}
#tb-primary td{
	padding:15px 8px;
	border-bottom:1px solid #dddddd;
	background-color:#ffffff;
}

#tb-green{
	width:100%;
	border-collapse:collapse;
}
#tb-green th{
	padding: 3px 8px;
	color:#fff;
	background-color:#1e89b2;
}
#tb-green td{
	padding:15px 8px;
	border-bottom:1px solid #c1e6f4;
	background-color:#ffffff;
}
#tb-DNA{
	width:100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#tb-DNA th{
	padding: 3px;
	border:1px solid #cccccc;
}
#tb-DNA td{
	padding:8px 3px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color:#ffffff;
	color:#00F;
}
#tb-DNA td:hover{
	background-color:#fffdf0;
}
#tb-flystock{
	width:100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
}
#tb-flystock th{
	padding: 3px;
	border:1px solid #cccccc;
}
#tb-flystock td{
	padding:8px 3px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-color:#ffffff;
	color:#00F;
}
#tb-flystock tr:hover td{
	background-color:#fffad4;
}

/* tabs */
	#tabs {
	  overflow: hidden;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	#tabs li {
	  float: left;
	  margin: 0 -15px 0 0;
	}

	#tabs a {
	  float: left;
	  position: relative;
	  padding: 0 40px;
	  height: 0;
	  line-height: 30px;
	  text-decoration: none;
	  color: #fff;      
	  border-right: 30px solid transparent;
	  border-bottom: 30px solid #3D3D3D;
	  border-bottom-color: #777\9;
	  opacity: .6;
	  filter: alpha(opacity=60);      
	}

	#tabs a:hover,
	#tabs a:focus {
	  border-bottom-color: #ea2d2d;
	  opacity: 1;
	  filter: alpha(opacity=100);
	}

	#tabs a:focus {
	  outline: 0;
	}

	#tabs #current {
	  z-index: 3;
	  border-bottom-color: #333333;
	  opacity: 1;
	  filter: alpha(opacity=100);      
	}

/* tab-content */
#contentfly {
    background: #fff;
    border-top: 3px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 2px solid #333333;
    padding: 2em;
    /*height: 220px;*/
}

#contentfly h2,
#contentfly h3,
#contentfly p {
    margin: 0 0 15px 0;
} 



/* buttons */
.btn {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: 500;
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-WR {
	display:block;
	float:left;
	color: #EA2D2D;
	background-image: linear-gradient(to bottom, #FFF, #E8E8E8);
	font-size:16px;
	line-height:1;
	white-space:nowrap;
	font-weight:500;
	padding:1em 1.5em;
	text-align:center;
	border-radius:6px;
	margin:0.5em;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.btn-WR:hover, .btn-WR:active, .btn-WR:focus{
	color: #ffffff !important;
	background: #EA2D2D !important;
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

/*slider*/
.flexslider {
    margin: 0;
    padding: 10px;
    position: relative;
    zoom: 1;
    background: #fff;
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.flex-container {
    margin:30px 0 50px 0;
} 

.flexslider .slides { zoom: 1; }

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }
 
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.flexslider a img { outline: none; border: none; }

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
    width: 100%;
    display: block;
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

.flex-direction-nav a {
    display: block;
    position: absolute;
	z-index:999;
    margin: -17px 0 0 0;
    width: 35px;
    height: 35px;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
 
    background-color: #FF4D4D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4D4D), to(#E92121));
    background-image: -webkit-linear-gradient(top, #FF4D4D, #E92121);
    background-image: -moz-linear-gradient(top, #FF4D4D, #E92121);
    background-image: -o-linear-gradient(top, #FF4D4D, #E92121);
    background-image: linear-gradient(to bottom, #FF4D4D, #E92121);
}

.flex-direction-nav a:before {
    display: block;
    position: absolute;
    content: '';
    width: 9px;
    height: 13px;
    top: 11px;
    left: 11px;
    background: url(../flexslider/img/arrows.png) no-repeat;
}
 
.flex-direction-nav a:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 35px;
}

.flex-direction-nav .flex-next {
    right: -5px;
 
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
 
.flex-direction-nav .flex-prev {
    left: -5px;
 
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
 
.flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px; }
.flex-direction-nav .flex-prev:before { background-position: 0 0; }
 
.flex-direction-nav .flex-next:after {
    right: 0;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #31611e;
}
 
.flex-direction-nav .flex-prev:after {
    left: 0;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #31611e;
}

.flexslider .flex-control-nav {
    position: absolute;
    width: 100%;
    bottom: -25px;
    text-align: center;
    margin: 0 0 0 -10px;
}
 
.flex-control-nav li {
    display: inline-block;
    zoom: 1;
}
 
.flex-control-paging li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #b6b6b6 \9;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
    -moz-box-shadow: inset 0 0 0 2px #b6b6b6;
    box-shadow: inset 0 0 0 2px #b6b6b6;
}
 
.flex-control-paging li a.flex-active {
    background-color: #FF4D4D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4D4D), to(#E92121));
    background-image: -webkit-linear-gradient(top, #FF4D4D, #E92121);
    background-image: -moz-linear-gradient(top, #FF4D4D, #E92121);
    background-image: -o-linear-gradient(top, #FF4D4D, #E92121);
    background-image: linear-gradient(to bottom, #FF4D4D, #E92121);
 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.flexslider .slides p {
    display: block;
	width:96%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 3px 20px;
    margin: 0;
 
    font-size: 14px;
    font-weight: 500;
	font-style:italic;
    line-height: 1.5em;
    color: white;
 
    background-color: #222222;
    background: rgba(0,0,0, 0.8);
 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
	background-color:#fff;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 5px 20px 0 20px;
	min-height: 180px;
}
.product-thumb .caption a {
color: #333;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}

.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #EA2D2D;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	background-color: #fff;
	overflow: auto;
	height: 30px;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #fff;
}

@media (max-width: 768px) {
.product-list .product-thumb .button-group {
	border-left: none;
}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #EA2D2D;
	color: #FFFFFF;
	height: 40px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 40%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
	width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
	width: 33.33%;
}
}
.product-thumb .button-group .carti {
cursor: pointer;
color: #444444;
height: 30px;
font-size: 12px;
font-weight: bold;
background: #EEEEEE;
}
.product-thumb .button-group .carta {
color: #FFFFFF;
height: 30px;
font-size: 12px;
font-weight: bold;
background: #EA2D2D;
}


/* footer */
.footer {
	margin-top: 50px;
	padding-top: 10px;
	background-color: #303030;
	border-top: 1px solid #888;
	color: #e2e2e2;
	-webkit-box-shadow: 0px -3px 8px -2px rgba(50, 50, 50, 0.67);
	-moz-box-shadow:    0px -3px 8px -2px rgba(50, 50, 50, 0.67);
	box-shadow:         0px -3px 8px -2px rgba(50, 50, 50, 0.67);
}
.footer h5 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.footer ul {
	margin-top:-15px;
}
.footer li {
	margin-left:-20px;
}
.footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
.footer a {
	color: #ccc;
}
.footer a:hover {
	color: #fff;
}