/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Printshop
Version:	1.1
Last change:	28/11/2015 [fixed Float bug, vf]
Assigned to:	Eyellusion Arts
Primary use:	admin 
-------------------------------------------------------------------*/  
@import "bootstrap.min.css";
@import "font-awesome.css";
@import "owl.carousel.css"; 
@import "settings.css"; 
@import "jquery.jscrollpane.css";  
@import "subscribe-better.css";
@import "owl.transitions.css"; 
@import "theme-default.css";
@import "newsletter.css";
@import "responsive.css";

.main-menu{

	padding-right:0px;}
	
 .or-image img{ margin:0px auto; text-align:center; float:left;  }
.or-image{ float:left; text-align:center; width:100%; margin:0px auto;} 
.or-title{ float:left; text-align:center; width:100%;}
.or-block{ margin-bottom:20px;}
.or-text{
		/*padding:0 21px;*/
		float:left;
	}
	

.slide-panel {
    position: relative;z-index:500;
}
.slide-panel-content {
    position: fixed;
    right: -573px;
    width: 531px;
    border: 1px solid hsla(0, 0%, 80%, 1.0);
    padding: 20px 20px 20px 20px;
    transition: all 0.5s ease;   top: 260px;z-index:500;
	background-color:#fff;

}

.slide-panel-content h2{ font-size:24px;
color:#25bce9;
margin-bottom:20px;}
.slide-panel-tab {
    background-color: #25bce9;
	
    color: hsla(100, 100%, 100%, 1.0);
    padding: 10px 25px ;
    display: block;
    position: fixed;
    top: 360px;
    right: 20px;
    margin-right: -95px;
    transition: all 0.5s ease;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    border: none;
    z-index: 0;
    cursor: pointer;
	font-size:18px;
	text-transform:uppercase;
	z-index:500;
}
.slide-panel-tab:hover{
	 background-color: #002e62;
    color: #25bce9;

	}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label + .slide-panel-content {
    right: 0;
}
input[type="checkbox"]:checked ~ label {
    right: 552px;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
h4{ font-size:16px; margin:20px 0px;}
h4 a{ color:#25bce9;}
h4 a:hover{ text-decoration:underline;}

.tablist{ float:left; display:block; margin-bottom:10px; width:100%;}

.tablist li {
    background: #f1f2f2;
    border-radius: 5px;

    margin-bottom: 15px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 4px 8px;
	float:left; margin-right:15px;
}

.tablist li:hover{
  background: #25bce9;
  border: none;
  color: #fff;
}
.sub_list{margin-top:20px;}
.sub_list li{ margin-left:30px; }
.ml40{ margin-left:40px;}
.hilite{ font-weight:bold;}

.list_style{margin-bottom:20px;}
.list_style li{ padding-bottom:10px;}
.list_style li i{ margin-right:10px;}