@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Voltaire);
/* red #f1310c */
/* font-family: 'Voltaire', sans-serif; */
body {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
	width: 100%;
	/*font-size: 13px;*/
}
#background {
	width: 100%;
	text-align: center;
	vertical-align: top !important;
    background: url("../images/images_design/body_bg.jpg") 0 0 repeat;
	font-size: 12px;
	font-family: "Helvetica neue",Helvetica,Arial,Sans-serif;
}
#wrap_listing {
	width: 100%;
	text-align: left;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #212121 !important;
}
a, :focus {
	outline: none;
}
 a:hover {
  color: #7F0000;
}
a img {
	border: 0;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.clear_all {
	margin: 0px;
	padding: 0px;
	clear: both;
}
/* content */
#content {
	width: 1000px;
	margin: 0 auto;
}
/*  Description  */
.left_block {
  float: left;
  width: 320px;
  margin: 0 30px 0 0;
}
/*  Product gallery  */
#product_gallery {
	width:650px;
	height: 505px;
	  margin-bottom: 40px;
}
.right_block {
  float: right;
  width: 650px;

}
#listing_title {
  margin: 0;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 10px;
}
/* price */
.item_price {
	font-size: 28px !important;
	color: #fff;
	padding: 40px 0px 0px 20px;
	/*font-family: 'Voltaire', sans-serif;
	text-transform:uppercase;*/
	height: 73px;
	background:url("../images/images_design/price-bg.png") 0 0 no-repeat;
}
.price_tax {
	padding: 0 0 0 10px;
	font-size: 12px;
}
/* right_static_text */
.right_static_text {
	width: 380px;
	padding: 0;
	text-align: left;
	margin-bottom: 20px;
}
.right_static_text_1 {
	color: #379a16;
	padding: 8px 0 8px 25px;
	background:url("../images/images_design/tick_green.png") 0 50% no-repeat;
}
.tick {
	padding: 6px 0 3px 20px;
	background:url("../images/images_design/tick.png") 0 50% no-repeat;
}
.text_title {
	font-size: 14px;
	text-transform: uppercase;
	width: 380px;
	margin: 10px 0 6px 0;
}
.text1, .text2 {
    font: 12px/120% arial;
	overflow: auto;
	width: 380px;
}
.text1 {
margin-bottom: 20px;
}
.text2 {
	height:150px;
}
.text1 p, .text1 p span, .text1 p table, .text2 p, .text2 p span, .text3 p, .text3 p span {
	font-size: 12px;
	line-height: 150%;
	font-family: arial;
}
.text1 ul, .text2 ul {
}
.text1 li {
	padding: 0;
}
.text2 table, .text1 table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}
.text2 table tr, .text1 table tr {
}
.text2 table td, .text2 table th, .text1 table td, .text1 table th {
	padding: 10px 0px;
}
.text2 table tbody td, .text1 table tbody td {
	color: #2E2E2E;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 10px;
}
.text2 table tbody td:first-child, .text1 table tbody td:first-child {
	border-left: none;
	padding-right:15px;
}
.text2 table tbody td:last-child, .text1 table tbody td:last-child {

}
.text2 table tbody tr:last-child td, .text1 table tbody tr:last-child td {
	border-bottom: none;
}
#right_bottom {
	width: 380px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.size_chart_link a {
	width: 172px;
	height: 43px;
	background:url("../images/images_design/size_chart_link.png") 0 0 no-repeat;
	display: block;
	margin-bottom: 12px;
}
/* listingbuttons */
#listingbuttons {
	padding: 15px 0;
	border-top: 1px #DDD solid;
	border-bottom: 1px #DDD solid;
}
.listing_button {
	padding:0 20px 0 30px;
	line-height: 20px;
	display: inline-block;
    height: 23px;
}
.ask_seller {
	background: url("../images/images_design/question_icon.png") 0 0 no-repeat;
}
.email_friend {
	background: url("../images/images_design/email_friend_icon.png") 0 0 no-repeat;
}
#related_items_wrap, #crosspromotion_wrap {
	width: 1000px;
	margin: 0 auto;
}
/* module related */
#related_items, #crosspromotion_items {   float: left; margin-bottom:20px;}
.box-related {
}
/* module related */

.box-related {
	margin-top: 15px;
}
.box-related-heading {
  font-size: 20px !important;
  color: #FFF;
  text-align: center;
  padding-top: 10px;
  background: url("../images/images_design/title-bar.jpg") no-repeat;
  margin-top: 20px;
  height: 34px;
}
.box-related-content {
    position: relative;
}
.box-related-product {
	width: 230px;
	padding: 0 10px;
	float: left;
	margin-bottom: 10px; 
}
.box-related-product .image {
	margin: 0 auto;
	text-align: center;
}
.box-related-product .image a img {
	margin-top: 20px;
}
.box-related-product .name {
	margin-top: 20px;
    height: 40px;
}
.box-related-product .name a {
	color: #000 !important;
	font-size: 14px;
}
.box-related-product .price {
  font-size: 18px !important;
  text-align: left;
  padding-top: 10px;
  font-weight: bold;
}


/* Header */
#header_wrap {
	width: 100%;
	background: url("../images/images_design/header_bg.jpg") 50% 0 repeat-x;
}
#header {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#header_top {
	padding-top: 15px;
	height:28px;
}
#header_top ul {
	width: 1000px;
	overflow: hidden;
}
.top_link {
	float: left;
	border-right: 1px solid #fff;
	width: 124px;
	text-align: center;
}
.top_link.last{
	border-right: none;
}
.top_link a {
	color: #fff !important;
	font-size: 12px;
	font-weight: bold;
}
#header_top2 {
	height: 40px;
	margin-top: 20px;
}
.top2_box1 {
	width: 200px;
	float: left;
	padding-left: 44px;
	margin-left: 25px;
	background: url("../images/images_design/versand_icon.png") 0 50% no-repeat;
}
.top2_box2 {
	width: 170px;
	margin: 0 auto;
	padding-left: 28px;
	background: url("../images/images_design/telefon_icon.png") 0 50% no-repeat;
}
.top2_box3 {
	width: 240px;
	float: right;
	padding-left: 50px;
	background: url("../images/images_design/email_icon.png") 0 50% no-repeat;
}
.top2_box_top {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Voltaire', sans-serif;
}
.top2_box_top a, .top2_box_top a:visited {
	color: #fff !important;
	font-family: 'Voltaire', sans-serif;
}
.top2_box_bottom {
	font-size: 12px;
	padding: 3px 0;
	color: #fff;
}
/* Header Logo */
#logo {
	width: 165px;
	height: 162px;
	margin: 50px auto 40px;
}
#logo a {
	display: block;
	width: 165px;
	height: 162px;
	background: url("../images/images_design/logo.png") 0 0 no-repeat;
}
/* header_bottom */
#header_bottom {
	height: 84px;
	background: url("../images/images_design/navigation_bg.jpg") 0 0 repeat-x;
}
/* Menu Top */

#top_menu {
	width: 800px;
	margin: 0;
	height: 84px;
	padding: 0;
	float: left;
}

/* mega menu styles */


/* Header Search Box */
#search_box {
	margin-top: 10px;
	width: 100%;
	  margin-left: 7px;
}
#search_box form {
	position:relative;	
}
#s_f {
	border: none;
	width: 135px;
	height: 35px;
	padding-left: 5px;
	vertical-align: top;
	border: none;
	padding-bottom: 0;
	padding-top: 0;
	background: transparent;
}
.search-btn {
	width: 47px;
	height: 27px;
	background: url("../images/images_design/icon-search.jpg") no-repeat;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	color: transparent;
	text-transform: capitalize;
    overflow: hidden;
	margin: 0 0 0 -6px;
}

.search-text {
	width: 247px;
	height: 27px;
	color: #fff!important;
		text-align: center;
	background-color: black;
	border: none;
	padding: 0 10px;
	transform: skewX(-22deg);
	-moz-transform: skewX(-22deg);
	-webkit-transform: skewX(-22deg);
}

.search-text:place-hoder , .search-text:-moz-place-hoder ,.search-text:-webkit-place-hoder, .search-text:-ms-place-hoder {
	color: white
}

/* brands */
#brands_block {
	height: 84px;
	background: url("../images/images_design/brand_bg.jpg") 0 0 repeat;
	position: relative;
}
.carousel {
	background: url("../images/images_design/pattern.jpg") ;
    position: relative;
    overflow: hidden;
	width: 956px;
	height: 59px;
	margin: 20px auto 0 auto;
}
.carousel ul {
    width: 20000em;
    position: relative;
	height: 59px
}
.carousel li {
    float: left;
	list-style: none;
	padding: 0px 18px !important;
	height: 59px;
}

.carousel li img{
	height: 59px;
}


.carousel_prev {
	width: 22px;
	height: 59px;
	float: left;
	cursor: pointer;
	background: url("../images/images_design/logo-slider-left.jpg") no-repeat;
}
.carousel_next {
	width: 22px;
	height: 59px;
	float: right;
	cursor: pointer;
	background: url("../images/images_design/logo-slider-right.jpg")  no-repeat;
}


/*------------------------------------------------ main -------------------------------------------------*/

* {
	font-family: "Myriad Pro" !important;
	margin: 0;
	padding: 0;
}


.content {
	width: 1000px;
	margin: 0 auto;
}

.header-top {
	height: 34px;
	background-image:url(../images/images_design/pattern.jpg)
}

.header-top-item {
	color: #7f0000;
	font-size: 13.5px;
	width: 251px;
	padding: 8px 0 0 63px;
	float:left;
	height: 26px;
	font-style: italic;
}

.img-contact {
	background:url(../images/images_design/icon-contact-us.png) no-repeat;
}

.img-car {
	background: url(../images/images_design/icon-car.png)  no-repeat;
}

.img-shirt {
	margin-left: 56px;
	background: url(../images/images_design/icon-tshirt.png) no-repeat;
}

.header-btn {
	height: 148px;
}

.header-btn .logo {
	background-image:url(../images/images_design/logo.jpg);
	width: 345px; height: 148px;
	margin: 0 0 0 24px;
	display: block;
	float: left;
}

.header-btn .biker {
	background: url(../images/images_design/logo-2.jpg) no-repeat;
	width: 71px; height: 20px;
	float: left;
	margin: 65px 0 0 30px;
}

.header-btn .dborja {
	background: url(../images/images_design/logo-1.jpg) no-repeat;
	width: 184px; height: 88px;
	float: left;
	margin: 33px 0 0 31px;
}

.header-btn .outfit {
	background: url(../images/images_design/logo-3.jpg) no-repeat;
	width: 71px; height: 20px;
	float: left;
	margin: 65px 0 0 23px;
}

.header-btn .info {
	float: left;
	margin: 40px 0 0 79px;	
	color: black;
	font-size: 12px;
	width: 130px;
	font-style: italic;
}

.header-btn .tel {
	float: left;
	margin: 0 0 0 0;
	background: url(../images/images_design/icon-tel.jpg) no-repeat;
	height: 22px;
	padding: 0 0 0 34px;
}

.header-btn .mail {
	float: left;
	margin: 20px 0 0 0px;	
	background: url(../images/images_design/icon-mail.jpg) no-repeat;
	height: 22px;
	padding: 0 0 0 34px;
}


/*-------------------------- navbar --------------------------------*/

.nav-left {

}

.nav-right {
	clear: both;
}
#navbar {
	width: 100%;
	height: 44px;
	background:  url(../images/images_design/nav-full.jpg) no-repeat center -1px;
	background-position: center -1px;
}

ul#topnav {
	margin: 0 auto;
	padding: 0 0 0 14px;
	width: 1000px;
	position: relative;
}

#navbar li {
	background: url(../images/images_design/menu-bg.png) no-repeat;
	width: 181px; height: 42px;
	float: left;
	margin: 0 0 0 -19px;
	padding: 0px;
	list-style: none;
	text-align: center;
	line-height: 42px;
}

#navbar li li{
	background-image: none;
	list-style: none;
}

ul#topnav li.dropdown {

}

ul#topnav li:hover {
	z-index:1600;
}

ul#topnav li:hover a {
	color:#f1310c ;
}

ul#topnav li:hover .children a{
	color:white;
}

ul#topnav .children a:hover{
	color:#f1310c ;
}

ul#topnav li.dropdown:hover a {
	color:#f1310c !important;
}

ul#topnav ul.children {
	position:absolute;
	display:none;
	width: 980px;
	left:0;
	z-index:9998;
	padding:30px 10px 20px 10px !important;
	margin:0 0 0  -18px;
	background-color: black;
	border-top: #000 1px solid;
	border-bottom: #f1310c 4px solid;
	float:left;
}

ul#topnav ul.children2 {
	position: absolute;
	display: none;
	top: 26px;
	left: 0px;
	z-index: 9999;
	padding: 5px 0px;
	margin: 0;
	float: left;
	width: 100%;
	background-color: #fff;
	border-bottom: #f1310c 5px solid;
}

ul#topnav ul.children li {
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:33%;
	height: 40px;
}

ul#topnav ul.children2 li {
	float:left;
	height:auto;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
}

ul#topnav ul.children a, ul#topnav li:hover ul.children a {
	display:block;
	height:auto;
	width:100%;
	padding:0px 0px 2px 0px;
	float:left;
	font-size:18px;
	background:none;
	text-align:left;
	text-transform:none;
	border:none;
	margin:0;
}
ul#topnav ul.children2 a, ul#topnav li:hover ul.children2 a {
	color: white;
	display: block;
	height: auto;
	width: 285px;
	padding: 10px 8px 10px 13px;
	float: left;
	font-size: 14px;
	font-weight: normal;
	background: none;
	text-align: left;
	text-transform: none;
	border: none;
	margin: 0;
}
ul#topnav ul.children li.dropdown, ul#topnav li:hover ul.children li.dropdown {
	background:url("../images/images_design/arrow-down.png") 90% 8px no-repeat;
}

#navbar a, #navbar a:hover, #navbar a:link, #navbar a:visited {
	color: #fff!important;
	text-align: center;
	line-height: normal;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	margin: 0 40px;
	display: inline-block;

}

/*-------------------------- content left --------------------------------*/

.content-left {
	float: left;
	width: 320px;
}

.content-right {
	float: left;
	height: 420px;
	width: 665px;
	margin-left: 15px;
}
#store_categories {
  margin: 10px 0;
}
#store_categories_title h2 , .side_module_title h2 {
  width: 285px;
  height: 35px;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  border: none;
  padding: 4px 10px;
  text-align: center;
  background: url("../images/images_design/sidebar-title-bg.png") 50% 0 no-repeat;
}
.side-banner h2 {
  height: 18px;
}
#categories_content ul li  , .informationen ul li {
  line-height: 23px;
    list-style-type: disc;
	  font-size: 14px;
}
.informationen ul li  a:hover{
  color: #7F0000 !important;
}
 .informationen {
  padding-left: 40px;
  font-size: 14px;
}

#categories_content  {
  padding-left: 40px;
  font-size: 14px;
}
.side_module {
  margin: 20px 0;
}
#l_nl {
  display: block;
  margin: 0 auto;
  height: 189px;
  width: 320px;
  background: url("../images/images_design/listing-left-banner.jpg") 0 0 no-repeat;
}
#l_n2 {
  display: block;
  margin: 0 auto;
  height: 100px;
  width: 320px;
  background: url("../images/images_design/listing-left-zahlung.jpg") 0 0 no-repeat;
}
/*-------------------------- footer --------------------------------*/

.footer {
	height: 230px;
	background: url(../images/images_design/pattern.jpg)
}

.col1, .col2, .col3, .col4{
	padding-top: 24px;
	float:left;
	text-align: left;
}

.col1 {
	width: 200px;
}

.col2 {
	margin-left: 50px;	
	width: 200px;
}

.col3 {
	margin-left: 50px;
}

.col4 {
	width: 250px;
	margin-left: 80px;	

}

.col-header {
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	height: 25px;
	background-color: #7f0000;
	transform: skewX(-22deg);
	-moz-transform: skewX(-22deg);
	-webkit-transform: skewX(-22deg);
	-ms-transform: skewX(-22deg);
	float: left;
}

.col-header-text {
	padding: 4px 20px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	transform: skewX(22deg);
	-moz-transform: skewX(22deg);
	-webkit-transform: skewX(22deg);
	-ms-transform: skewX(22deg);
}

.col-text {
	margin-top: 20px;
	color: black;
	font-size: 14px;
	font-style: italic;
}

.footer ul {
	padding-top: 20px;
	text-align:left;
}

.footer li {
	list-style: none;
	list-style-position: inside;
}

.footer li a {
	text-decoration: none;
	font-size: 14px;
	font-style: italic;
	color: black;
}
.footer li a:hover {
  color: #7F0000 !important;
}
.footer .social-fb {
	list-style-image: url(../images/images_design/fb.png);
}

.footer .social-tw {
	list-style-image: url(../images/images_design/tw.png);
}

.footer .social-yt {
	list-style-image: url(../images/images_design/yt.png);
}

.footer .social-gp {
	list-style-image: url(../images/images_design/gp.png);
}

.newsletter {
	margin:  20px 0 0 80px;
	display: inline-block;
	text-align: center;
	height: 25px;
	background-color: #efefef;
	transform: skewX(-22deg);
	-moz-transform: skewX(-22deg);
	-webkit-transform: skewX(-22deg);
	-ms-transform: skewX(-22deg);
}

.newsletter a{
	text-decoration: none;
color: #7F0000!important;
  font-size: 12px;
	padding: 12px 20px;
	height: 25px;
	background-color: #efefef;
}

/*  Tabs  */
.spacingline {
font-size: 16px;
font-family: open sans-serif;
}

#tabs_wrap {
  margin-bottom: 30px;
}
.htabs {
	height: 27px;
	line-height: 16px;
	margin: 0 auto;
}
.htabs a:link {
  width: 221px;
    padding: 5px 0px;
  float: left;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration: none;
  color: #373737 !important;
  background-color: #ECECEC;
  display: none;
  background: url("../images/images_design/tab-bg.png") 50% 0 no-repeat;
}
.htabs a.selected {
background: url("../images/images_design/tab-bg-active.png") 50% 0 no-repeat;
  color: #fff !important;
}
.tab-content {
padding: 10px 30px 10px 40px;
  min-height: 300px;
  z-index: 2;
  overflow: auto;
  margin-bottom: 10px;
  background: #F0F0F0;
}
.text1, .text2, .text3, .text4 {
    font: 13px/150% arial;
	overflow: hidden;
}
.text1, .text2 {
padding-top: 15px;
}
.text1 p, .text1 p span, .text1 p table, .text2 p, .text2 p span, .text3 p, .text3 p span, .text4 p, .text4 p span {
	font-size: 14px;
	line-height: 150%;
	font-family: arial;
}
.text1 ul, .text2 ul {
	line-height: 25px;
}
.text1 li {
	background: url("../images/images_design/tick.png") 1px 5px no-repeat;
	line-height: 16px;
	padding: 0 0 13px 26px;
}
.text2 table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}
.text2 table tr {
}
.text2 table td, .text2 table th {
	padding: 10px 0px;
}
.text2 table tbody td {
	color: #2E2E2E;
	font-size: 13px;
	font-weight: normal;
	padding: 7px 10px;
}
.text2 table tbody td:first-child {
	border-left: none;
	padding-right:15px;
}
.text2 table tbody td:last-child {

}
.text2 table tbody tr:last-child td {
	border-bottom: none;
}
#akkar_copyright {
  color: #5F5F5F !important;
    font-size: 14px;
  float: right;
  margin-right: 10px;
  text-decoration: none;
  width: 156px;
  height: 29px;
  display: inline-block;
  margin-top: 20px;
  background: url("../images/images_design/akkar-media-logo.png") 87px 0 no-repeat;
  vertical-align: middle;
}
#akkar_copyright a {
  text-decoration: none;
  width: 62px;
  height: 40px;
  display: inline-block;
  margin-top: 12px;
  background: url("../images/images_design/akkar-media-logo.png") 0 0 no-repeat;
  vertical-align: middle;
}
.listing-bottom-image {
  display: block;
  margin: 0 auto;
  height: 351px;
  width: 624px;
  background: url("../images/images_design/listing-bottom-image.jpg") 0 0 no-repeat;
}/* CSS Document */
.simpleLens-gallery-container {
	height: 730px;
}

/* main image */
.simpleLens-container{
    display: table;
    position: relative;
	width:500px;
	height:500px;
	float:right;
}

.simpleLens-big-image-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	position:relative;
  height: 500px;
  width: 500px;
	background-color: #fff;
  border: 1px solid #E2E2E2;
}

.simpleLens-big-image {
    max-width: 100%;
}

.simpleLens-lens-image {
    height: auto !important;
    width: 500px;
    display: inline-block;
    text-align: center;
    margin:0;
    box-shadow:none;
    float:none;
    position:relative;
}

.simpleLens-mouse-cursor{
	background-color:#CCC;
	opacity:0.2;
	filter: alpha(opacity = 20);
	position:absolute;
	top:0;
	left:0;
	border:1px solid #999;
	box-shadow:0 0 2px 2px #999;
	cursor:none;
}

.simpleLens-lens-element {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 2px #ccc;
    height: 200px;
	width: 200px;
    right: -200px;
	top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    text-align: center;
}

.simpleLens-lens-element img{
    position:relative;
    top:0;
    left:0;
    width:auto !important;
    max-width:none !important;
}
/* gallery */
/* carousel styles */
.gallery_carousel_prev {
  position: relative;
  top: 0px;
  width: 94px;
  height: 20px;
  cursor: pointer;
  background: url("../images/images_design/gallery-arrow-top.png") 50% 50% no-repeat;
}
.gallery_carousel_next {
  position: relative;
  top: 465px;
  width: 94px;
  height: 20px;
  cursor: pointer;
	background: url("../images/images_design/gallery-arrow-down.png") 50% 50% no-repeat;
}
.simpleLens-thumbnails-container {
	margin:0;
	width: 120px;
	height:437px;
	overflow: hidden;
	position: relative;
	float: left;
}
#thumbs {
	position: absolute;
	top: 0;
	left: 0;
}
.simpleLens-container #thumbs li {
	/*float: left;*/
	position: relative;
}
.simpleLens-thumbnails-container a{
    /*display: inline-block;*/
}
.simpleLens-thumbnails-container a img{
   /*display: block;*/
  border: 1px solid #E2E2E2;
   margin: 3px 0px 10px;
}/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* theme shadow */
.tooltipster-shadow {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}