/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/



	/* Grid
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.container {
		
	

	  background-color: rgba(255,255,255,1);
	  box-shadow: 0 0 35px 2px #666;
	  
	  position: relative;
	  width: 100%;
	  
	  max-width: 1200px;
	  padding: 0px 20px; 
	  
	  margin: 0px auto;
	  
	  box-sizing: border-box; }
	.column,
	.columns {
	  width: 100%;
	  float: left;
	  box-sizing: border-box; }

	/* For devices larger than 200px */
	@media (min-width: 200px) {
		.car {
			display:none;
		}
		.draaischerm { display:inline !important; }

	}
	  
	 .contact-details {
		text-align:right;
		font-size: 1.3rem;
		font-weight: bold;
		color: #97c21e;
	}	

	.bandenlabel {
		display:none;
	}	
	
	.two-thirds-banden { width:100%; }
	.one-third-banden { display:hide; }
	 
	
	  
	 /* For devices larger than 400px */
	@media (min-width: 400px) {
	  .container {
			 /*tijdelijk uit
			 width: 85%;
			 padding: 0 20px; */
		}
		
		
		
	}

	/* For devices larger than 550px */
	@media (min-width: 550px) {
		.car {
			display:block;
		}
		

		
		
	  .container {
		/*## width: 80%;*/ }
	  .column,
	  .columns {
		margin-left: 4%; }
	  .column:first-child,
	  .columns:first-child {
		margin-left: 0; }

	  .one.column,
	  .one.columns                    { width: 4.66666666667%; }
	  .two.columns                    { width: 13.3333333333%; }
	  .three.columns                  { width: 22%;            }
	  .four.columns                   { width: 30.6666666667%; }
	  .five.columns                   { width: 39.3333333333%; }
	  .six.columns                    { width: 48%;            }
	  .seven.columns                  { width: 56.6666666667%; }
	  .eight.columns                  { width: 65.3333333333%; }
	  .nine.columns                   { width: 74.0%;          }
	  .ten.columns                    { width: 82.6666666667%; }
	  .eleven.columns                 { width: 91.3333333333%; }
	  .twelve.columns                 { width: 100%; margin-left: 0; }

	  .one-third.column               { width: 30.6666666667%; }
	  .two-thirds.column              { width: 65.3333333333%; }
	  
	  

	  .one-half.column                { width: 48%; }

	  /* Offsets */
	  .offset-by-one.column,
	  .offset-by-one.columns          { margin-left: 8.66666666667%; }
	  .offset-by-two.column,
	  .offset-by-two.columns          { margin-left: 17.3333333333%; }
	  .offset-by-three.column,
	  .offset-by-three.columns        { margin-left: 26%;            }
	  .offset-by-four.column,
	  .offset-by-four.columns         { margin-left: 34.6666666667%; }
	  .offset-by-five.column,
	  .offset-by-five.columns         { margin-left: 43.3333333333%; }
	  .offset-by-six.column,
	  .offset-by-six.columns          { margin-left: 52%;            }
	  .offset-by-seven.column,
	  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
	  .offset-by-eight.column,
	  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
	  .offset-by-nine.column,
	  .offset-by-nine.columns         { margin-left: 78.0%;          }
	  .offset-by-ten.column,
	  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
	  .offset-by-eleven.column,
	  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	  .offset-by-one-third.column,
	  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	  .offset-by-two-thirds.column,
	  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	  .offset-by-one-half.column,
	  .offset-by-one-half.columns     { margin-left: 52%; }

	}

	/* Larger than tablet */
	@media (min-width: 600px) {
		.draaischerm { display:hide !important; background-color:#FFF !important; }
	}
	
	@media (min-width: 1040px) {
		.bandenlabel{ display:inline; }
		.one-third-banden.column        { width: 30.6666666667%; }
		.two-thirds-banden.column       { width: 65.3333333333%; }
		

	}

	
	
	/* Base Styles
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/* NOTE
	html is set to 62.5% so that all the REM measurements throughout Skeleton
	are based on 10px sizing. So basically 1.5rem = 15px :) */
	html {
	  font-size: 62.5%; }
	body {
	  font-size: 1.2em; /* currently ems cause chrome bug misinterpreting rems on body element */
	  line-height: 1.6;
	  font-weight: 400;
	  font-family: "Verdana", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	h1, h2, h3, h4, h5, h6 {
	  margin-top: 0;
	  margin-bottom: 2rem;
	  font-weight: 300; 
	  color:#97c21e;
	  }
	h1 { font-size: 2.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
	h2 { font-size: 1.5rem; line-height: 1.25; letter-spacing: -.1rem; }
	h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
	h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; }
	h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
	h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

	/* Larger than phablet */
	@media (min-width: 550px) {
	  h1 { font-size: 3.0rem; }
	  h2 { font-size: 2.0rem; }
	  h3 { font-size: 2.0rem; }
	  h4 { font-size: 2.0rem; }
	  h5 { font-size: 1.8rem; }
	  h6 { font-size: 1.5rem; }
	}

	p {
	  margin-top: 0; }

   
	/* Links
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	a {
	  color: #97c21e;
	}
	
	a:hover {
	  filter: brightness(0.85);
	}


	/* Buttons
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	  display: inline-block;
	  height: 35px;
	  padding: 0 20px;
	  color: #555;
	  text-align: center;
	  font-size: 11px;
	  font-weight: 600;
	  line-height: 35px;
	  letter-spacing: .1rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border-radius: 4px;
	  border: 1px solid #bbb;
	  cursor: pointer;
	  box-sizing: border-box; }
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
	  color: #333;
	  border-color: #888;
	  outline: 0; }
	.button.button-primary,
	button.button-primary,
	input[type="submit"].button-primary,
	input[type="reset"].button-primary,
	input[type="button"].button-primary {
	  color: #333;
	  background-color: #CCC;
	  border-color: #97c21e; }
	.button.button-primary:hover,
	button.button-primary:hover,
	input[type="submit"].button-primary:hover,
	input[type="reset"].button-primary:hover,
	input[type="button"].button-primary:hover,
	.button.button-primary:focus,
	button.button-primary:focus,
	input[type="submit"].button-primary:focus,
	input[type="reset"].button-primary:focus,
	input[type="button"].button-primary:focus {
	  color: #333;
	  background-color: #CCC;
	  border-color: #97c21e; }


	/* Forms
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {
	  height: 38px;
	  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	  background-color: #fff;
	  border: 1px solid #D1D1D1;
	  border-radius: 4px;
	  box-shadow: none;
	  box-sizing: border-box; }
	/* Removes awkward default styles on some inputs for iOS */
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea {
	  -webkit-appearance: none;
		 -moz-appearance: none;
			  appearance: none; }
	textarea {
	  min-height: 65px;
	  padding-top: 6px;
	  padding-bottom: 6px; }
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="search"]:focus,
	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	select:focus {
	  border: 1px solid #33C3F0;
	  outline: 0; }
	label,
	legend {
	  display: block;
	  margin-bottom: .5rem;
	  font-weight: 600; }
	fieldset {
	  padding: 0;
	  border-width: 0; }
	input[type="checkbox"],
	input[type="radio"] {
	  display: inline; }
	label > .label-body {
	  display: inline-block;
	  margin-left: .5rem;
	  font-weight: normal; }


	
	
	.image-home-tekst {
		border:1px solid #CCC; margin-top:10px; background-color:#FFF; opacity: 0.8; filter: alpha(opacity=80) !important; padding:5px;
	}
  
  
	/* Lists
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul {
	  list-style: circle inside; }
	ol {
	  list-style: decimal inside; }
	ol, ul {
	  padding-left: 0;
	  margin-top: 0; }
	ul ul,
	ul ol,
	ol ol,
	ol ul {
	  margin: 1.5rem 0 1.5rem 3rem;
	  font-size: 90%; }
	li {
	  margin-bottom: 1rem; }


	/* Code
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	code {
	  padding: .2rem .5rem;
	  margin: 0 .2rem;
	  font-size: 90%;
	  white-space: nowrap;
	  background: #F1F1F1;
	  border: 1px solid #E1E1E1;
	  border-radius: 4px; }
	pre > code {
	  display: block;
	  padding: 1rem 1.5rem;
	  white-space: pre; }


	/* Tables
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	th,
	td {
	  padding: 5px 15px;
	  text-align: left;
	  border-bottom: 1px solid #E1E1E1; }
	th:first-child,
	td:first-child {
	  padding-left: 0; }
	th:last-child,
	td:last-child {
	  padding-right: 0; }


	/* Spacing
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	button,
	.button {
	  margin-bottom: 1rem; }
	input,
	textarea,
	select,
	fieldset {
	  margin-bottom: 1.5rem; }
	pre,
	blockquote,
	dl,
	figure,
	table,
	p,
	ul,
	ol,
	form {
	  margin-bottom: 2.5rem; }


	/* Utilities
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	.u-full-width {
	  width: 100%;
	  box-sizing: border-box; }
	.u-max-full-width {
	  max-width: 100%;
	  box-sizing: border-box; }
	 .u-max-full-width-max-height {
	  max-width: 100%;
	  box-sizing: border-box; 
	  max-height: 170px; }
	.u-pull-right {
	  float: right; }
	.u-pull-left {
	  float: left; }


	/* Misc
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	hr {
	  margin-top: 3rem;
	  margin-bottom: 3.5rem;
	  border-width: 0;
	  border-top: 1px solid #E1E1E1; }


	/* Clearing
	–––––––––––––––––––––––––––––––––––––––––––––––––– */

	/* Self Clearing Goodness */
	.container:after,
	.row:after,
	.u-cf {
	  content: "";
	  display: table;
	  clear: both; }


	/* Media Queries
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/*
	Note: The best way to structure the use of media queries is to create the queries
	near the relevant code. For example, if you wanted to change the styles for buttons
	on small devices, paste the mobile query code up in the buttons section and style it
	there.
	*/


	/* Larger than mobile */
	@media (min-width: 400px) {}

	/* Larger than phablet (also point when grid becomes active) */
	@media (min-width: 550px) {}

	/* Larger than tablet */
	@media (min-width: 750px) {}

	/* Larger than desktop */
	@media (min-width: 1000px) {}

	/* Larger than Desktop HD */
	@media (min-width: 1200px) {}




/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important; /**/
/*	margin: 30px 0 20px 0;
	float:right;*/
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#f9f9f9;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin: -40px 0 0 0 !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}

.rmm .rmm-toggled ul li .activepage {
	background-color:#97c21e;
}



/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:15px 15px 15px 15px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	/*text-shadow:1px 1px 1px #333333;*/
	background-color:#595959;
	border-left:2px solid #595959;
	/*background-image:url('../images/menu/graphite-menu-bg.png');
	background-repeat:repeat-x;*/
}
.rmm.graphite .rmm-main-list li a:hover {
	background-color:#97c21e;
/*
	background-image:url('../images/menu/graphite-menu-bg-hover.png');*/
}



.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
border-left:0px solid #595959;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.rmm.graphite .rmm-toggled {
	width:100%;
	background-color:#97c21e;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:50px; /*36*/
	color:white;
	text-align:left;
	position:relative;
	background-color:#595959;
	border-left:0px solid #595959;


	/*background-image:url('../images/menu/graphite-menu-bg.png');
	background-repeat:repeat-x;*/
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:15px;
	left:15px;
	font-size:20px;
	color:white;
	/*text-shadow:1px 1px 1px black;*/
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:15px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#555555;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
	text-shadow:1px 1px 1px #333333;
}

.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}

.rmm.graphite .rmm-main-list li a.activepage{
	background-color:#97c21e;
}



/* layout */

	.logotext1 {	
		font-family: Verdana,Geneva,sans-serif; 
		font-weight:bold; 
		color:#00C; 
		letter-spacing: 2px; 
	}
	
	.logotext2 {
		color:#999;
		letter-spacing: 3px;
	}
	
	.openingstijden {
		text-align:right; 
		color:#666;
	}	
	
	.box {
		border:1px solid #999; margin-top:20px; padding:10px; background-color: rgba(255,255,255,.5); text-align:center;
	}
	
	.box-title {
		color:#97c21e; 
		margin-bottom:2px;
	}
	
/* APK box */

	.licenceplate-box1{
		margin-left:auto; margin-right:auto; margin-top:15px; padding-left:20px; width:175px;
	}
	
	.licenceplate-box2 {
		border-top: 2px solid #d39f02; border-right: 2px solid #d39f02; border-bottom: 2px solid #d39f02; background-color:#f4be04; float:left; width:130px; height:31px;background-repeat:no-repeat; margin-left:auto; margin-right:auto; margin-bottom:20px; font-family:arial;
	}
	
	.licenseplate{
		width:130px; height:31px;  letter-spacing:3px; text-transform: uppercase; font-size:20px; font-weight:bold; text-align:center;
	}
	
	/* APK */
	
	input.zoek_kentekenplaat{
		font-size: 50px;
		font-weight: bold;
		width: 400px !important;
		height: 80px;
		line-height: 60px !important;
		
		border: 0px solid #ffcc00;
		text-transform: uppercase;
		text-align:center;
		margin:0 auto !important;
		display:block;
		background: transparent;
		/*
		background-color: #f4be04;
		margin: 0 0 0 250px;
		margin-top: 21px !important; 
		margin-bottom: 21px !important;*/
	}	
	
	
	/* BANDEN */
	
	.bandenzoekscherm { width:100%; background-color:#97c21e; padding: 5px; color:#FFF; }
	.button,
	
	.bandenzoekscherm  input[type="submit"] {
	  display: inline-block;
	  height: 35px;
	  padding: 0 20px;
	  color: #FFF;
	  text-align: center;
	  font-size: 11px;
	  font-weight: 600;
	  line-height: 35px;
	  letter-spacing: .1rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  background-color: transparent;
	  border-radius: 4px;
	  border: 1px solid #bbb;
	  cursor: pointer;
	  box-sizing: border-box; }

	.bandenzoekscherm  select { color:#000; }


	.bandentabel {  }
	
	
	/* ## UPLOADIFY ## */
            
    .uploadifyQueueItem {
        background-color: #F5F5F5;
        border: 2px solid #E5E5E5;
        font: 11px Verdana, Geneva, sans-serif;
        margin-top: 5px;
        padding: 10px;
        width: 350px;
    }
    .uploadifyError {
        background-color: #FDE5DD !important;
        border: 2px solid #FBCBBC !important;
    }
    .uploadifyQueueItem .cancel {
        float: right;
    }
    .uploadifyQueue .completed {
        background-color: #E5E5E5;
    }
    .uploadifyProgress {
        background-color: #E5E5E5;
        margin-top: 10px;
        width: 100%;
    }
    .uploadifyProgressBar {
        background-color: #0099FF;
        height: 3px;
        width: 1px;
    }
	
		/* Error */
	
	.error, .notice, .success {
		border: 1px solid #DDD;
		margin-bottom: 1em;
		padding: 0.6em 0.8em;
	}
	
	.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
	.error a {color: #8A1F11;}
	
	.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
	.notice a {color: #514721;}
	
	.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
	.success a {color: #264409;}

	
	
	
	.boxrow { width:100%; background-color:#292929; color:#FFF; height:40px;line-height:40px; font-weight:bold; font-size:1.4rem; text-align:left; margin: 10px 0 5px 0;	}
	.boxrow:hover { background-color:#97c21e; }
	.boxrow span { margin-left:10px; cursor:pointer; }
	.boxrow span a { color:#fff; }

	
	
	
/* ICON FONTS
----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */

/* Glyphs */
@font-face {
  font-family: 'nexus';
  src: url('/layout/garagejak/images/icon-Regular.eot'); /* IE9 Compat Modes */
  src: url('/layout/garagejak/images/icon-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/garagejak/images/icon-Regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/garagejak/images/icon-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/layout/garagejak/images/icon-Regular.svg#b1292a846b0a94b56dc51653540907a2') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}
[class*="icon-"] {
	font-family: 'nexus';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;

	/* Better Font Rendering =========== */ 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.widgettype-menucontainer .ABC [class*="icon-"],
.widgettype-menuitemcustom .ABC [class*="icon-"],
.widgettype-menuitemarticle .ABC [class*="icon-"],
.widgettype-menuitemcategory .ABC [class*="icon-"] {
    margin-left: 2.5px;
    margin-right: 2.5px;
}

/* ICON FONT 2.0
---------------------------------------------------------------------------------------------------- */

/* Icomoon */
.icon-home:before 				{ content: "\e000"; }
.icon-office:before 			{ content: "\e001"; }
.icon-newspaper:before 			{ content: "\e002"; }
.icon-pencil2:before 			{ content: "\e003"; }
.icon-pencil:before 			{ content: "\e004"; }
.icon-quill:before 				{ content: "\e005"; }
.icon-pen:before 				{ content: "\e006"; }
.icon-blog:before 				{ content: "\e007"; }
.icon-droplet:before 			{ content: "\e008"; }
.icon-pagedecorator:before 		{ content: "\e009"; }
.icon-image:before 				{ content: "\e010"; }
.icon-sliderbox:before 			{ content: "\e011"; }
.icon-gallerybox:before 		{ content: "\e012"; }
.icon-music:before 				{ content: "\e013"; }
.icon-film:before 				{ content: "\e014"; }
.icon-camera-2:before 			{ content: "\e015"; }
.icon-dice:before 				{ content: "\e016"; }
.icon-pacman:before 			{ content: "\e017"; }
.icon-spades:before 			{ content: "\e018"; }
.icon-clubs:before 				{ content: "\e019"; }
.icon-diamonds:before 			{ content: "\e020"; }
.icon-callout:before 			{ content: "\e021"; }
.icon-connection:before 		{ content: "\e022"; }
.icon-book:before 				{ content: "\e023"; }
.icon-books:before 				{ content: "\e024"; }
.icon-library:before 			{ content: "\e025"; }
.icon-text:before 				{ content: "\e026"; }
.icon-profile:before,
.icon-bio:before 				{ content: "\e027"; }
.icon-bug:before 				{ content: "\e028"; }
.icon-stack:before 				{ content: "\e029"; }
.icon-folder:before 			{ content: "\e030"; }
.icon-tag:before 				{ content: "\e031"; }
.icon-tags:before 				{ content: "\e032"; }
.icon-qrcode:before 			{ content: "\e033"; }
.icon-ticket:before 			{ content: "\e034"; }
.icon-cart:before 				{ content: "\e035"; }
.icon-credit:before 			{ content: "\e036"; }
.icon-support:before 			{ content: "\e037"; }
.icon-phone:before 				{ content: "\e038"; }
.icon-address-book:before 		{ content: "\e039"; }
.icon-notebook:before 			{ content: "\e040"; }
.icon-contact:before 			{ content: "\e041"; }
.icon-pushpin:before 			{ content: "\e042"; }
.icon-googlemap:before 			{ content: "\e043"; }
.icon-compass:before 			{ content: "\e044"; }
.icon-map:before 				{ content: "\e045"; }
.icon-history:before 			{ content: "\e046"; }
.icon-alarm:before 				{ content: "\e047"; }
.icon-bell:before 				{ content: "\e048"; }
.icon-stopwatch1:before 		{ content: "\e049"; }
.icon-calendar-2:before 		{ content: "\e050"; }
.icon-calendar:before 			{ content: "\e051"; }
.icon-print:before 				{ content: "\e052"; }
.icon-keyboard:before 			{ content: "\e053"; }
.icon-screen:before 			{ content: "\e054"; }
.icon-laptop:before 			{ content: "\e055"; }
.icon-mobile:before 			{ content: "\e056"; }
.icon-tablet:before 			{ content: "\e057"; }
.icon-tv:before 				{ content: "\e058"; }
.icon-cabinet:before 			{ content: "\e059"; }
.icon-drawer:before 			{ content: "\e060"; }
.icon-drawer2:before 			{ content: "\e061"; }
.icon-box-add:before 			{ content: "\e062"; }
.icon-box-remove:before 		{ content: "\e063"; }
.icon-undefined:before 			{ content: "\e064"; }
.icon-upload:before 			{ content: "\e065"; }
.icon-undo:before 				{ content: "\e066"; }
.icon-redo:before 				{ content: "\e067"; }
.icon-undo2:before 				{ content: "\e068"; }
.icon-redo2:before 				{ content: "\e069"; }
.icon-forward:before 			{ content: "\e070"; }
.icon-reply:before 				{ content: "\e071"; }
.icon-quote:before 				{ content: "\e072"; }
.icon-comments:before 			{ content: "\e073"; }
.icon-user:before 				{ content: "\e074"; }
.icon-users:before 				{ content: "\e075"; }
.icon-quotes-left:before 		{ content: "\e076"; }
.icon-busy:before 				{ content: "\e077"; }
.icon-binoculars:before 		{ content: "\e078"; }
.icon-search:before 			{ content: "\e079"; }
.icon-zoom-out:before 			{ content: "\e080"; }
.icon-zoom-in:before 			{ content: "\e081"; }
.icon-expand:before 			{ content: "\e082"; }
.icon-contract:before 			{ content: "\e083"; }
.icon-expand2:before 			{ content: "\e084"; }
.icon-contract2:before 			{ content: "\e085"; }
.icon-key:before 				{ content: "\e086"; }
.icon-lock2:before 				{ content: "\e087"; }
.icon-lock:before 				{ content: "\e088"; }
.icon-unlocked:before 			{ content: "\e089"; }
.icon-equalizer:before 			{ content: "\e090"; }
.icon-cog:before 				{ content: "\e091"; }
.icon-wand:before 				{ content: "\e092"; }
.icon-aid:before 				{ content: "\e093"; }
.icon-pie:before 				{ content: "\e094"; }
.icon-stats:before 				{ content: "\e095"; }
.icon-bars:before 				{ content: "\e096"; }
.icon-gift:before 				{ content: "\e097"; }
.icon-trophy:before 			{ content: "\e098"; }
.icon-glass:before 				{ content: "\e099"; }

.icon-food:before 				{ content: "\e100"; }
.icon-leaf:before 				{ content: "\e101"; }
.icon-rocket:before 			{ content: "\e102"; }
.icon-dashboard2:before 		{ content: "\e103"; }
.icon-hammer:before,
.icon-hammer2:before 			{ content: "\e104"; }
.icon-fire:before 				{ content: "\e105"; }
.icon-lab:before 				{ content: "\e106"; }
.icon-magnet:before 			{ content: "\e107"; }
.icon-trash:before 				{ content: "\e108"; }
.icon-briefcase:before 			{ content: "\e109"; }
.icon-airplane:before 			{ content: "\e110"; }
.icon-truck:before 				{ content: "\e111"; }
.icon-road:before 				{ content: "\e112"; }
.icon-accessibility:before 		{ content: "\e113"; }
.icon-target:before 			{ content: "\e114"; }
.icon-shield:before 			{ content: "\e115"; }
.icon-lightning:before 			{ content: "\e116"; }
.icon-switch:before 			{ content: "\e117"; }
.icon-plug:before 				{ content: "\e118"; }
.icon-signup:before 			{ content: "\e119"; }
.icon-list:before 				{ content: "\e120"; }
.icon-list2:before 				{ content: "\e121"; }
.icon-numbered-list:before 		{ content: "\e122"; }
.icon-tree:before 				{ content: "\e123"; }
.icon-cloud:before 				{ content: "\e124"; }
.icon-cloud-download:before 	{ content: "\e125"; }
.icon-cloud-upload:before 		{ content: "\e126"; }
.icon-network:before 			{ content: "\e127"; }
.icon-earth:before 				{ content: "\e128"; }
.icon-link:before 				{ content: "\e129"; }
.icon-flag:before 				{ content: "\e130"; }
.icon-attachment:before 		{ content: "\e131"; }
.icon-eye:before 				{ content: "\e132"; }
.icon-brightness-medium:before  { content: "\e133"; }
.icon-brightness-contrast:before{ content: "\e134"; }
.icon-star:before 				{ content: "\e135"; }
.icon-star3:before 				{ content: "\e136"; }
.icon-star2:before 				{ content: "\e137"; }
.icon-heart:before 				{ content: "\e138"; }
.icon-socialsharing:before 		{ content: "\e139"; }
.icon-heart-broken:before 		{ content: "\e140"; }
.icon-thumbs-up:before 			{ content: "\e141"; }
.icon-thumbs-up2:before 		{ content: "\e142"; }
.icon-happy:before 				{ content: "\e143"; }
.icon-smiley:before 			{ content: "\e144"; }
.icon-tongue:before 			{ content: "\e145"; }
.icon-sad:before 				{ content: "\e146"; }
.icon-wink:before 				{ content: "\e147"; }
.icon-grin:before 				{ content: "\e148"; }
.icon-cool:before 				{ content: "\e149"; }
.icon-angry:before 				{ content: "\e150"; }
.icon-evil:before 				{ content: "\e151"; }
.icon-shocked:before 			{ content: "\e152"; }
.icon-confused:before 			{ content: "\e153"; }
.icon-neutral:before 			{ content: "\e154"; }
.icon-wondering:before 			{ content: "\e155"; }
.icon-point-up:before 			{ content: "\e156"; }
.icon-point-down:before 		{ content: "\e157"; }
.icon-point-right:before 		{ content: "\e158"; }
.icon-point-left:before 		{ content: "\e159"; }
.icon-warning:before 			{ content: "\e160"; }
.icon-notification:before 		{ content: "\e161"; }
.icon-question:before 			{ content: "\e162"; }
.icon-info:before 				{ content: "\e163"; }
.icon-blocked:before 			{ content: "\e164"; }
.icon-cancel-circle:before 		{ content: "\e165"; }
.icon-checkmark-circle:before 	{ content: "\e166"; }
.icon-close:before 				{ content: "\e167"; }
.icon-checkmark:before 			{ content: "\e168"; }
.icon-minus:before 				{ content: "\e169"; }
.icon-plus:before 				{ content: "\e170"; }
.icon-enter:before 				{ content: "\e171"; }
.icon-exit:before,
.icon-logout:before  			{ content: "\e172"; }
.icon-play:before 				{ content: "\e173"; }
.icon-pause:before 				{ content: "\e174"; }
.icon-stop:before 				{ content: "\e175"; }
.icon-backward:before 			{ content: "\e176"; }
.icon-forward2:before 			{ content: "\e177"; }
.icon-play2:before 				{ content: "\e178"; }
.icon-pause2:before 			{ content: "\e179"; }
.icon-stop2:before 				{ content: "\e180"; }
.icon-backward2:before 			{ content: "\e181"; }
.icon-forward2:before,
.icon-forward3:before 			{ content: "\e182"; }
.icon-first:before 				{ content: "\e183"; }
.icon-last:before 				{ content: "\e184"; }
.icon-previous:before 			{ content: "\e185"; }
.icon-next:before 				{ content: "\e186"; }
.icon-eject:before 				{ content: "\e187"; }
.icon-volume-high:before 		{ content: "\e188"; }
.icon-volume-medium:before 		{ content: "\e189"; }
.icon-volume-low:before 		{ content: "\e190"; }
.icon-volume-mute:before 		{ content: "\e191"; }
.icon-volume-mute2:before 		{ content: "\e192"; }
.icon-volume-decrease:before 	{ content: "\e193"; }
.icon-volume-increase:before 	{ content: "\e194"; }
.icon-disk:before 				{ content: "\e195"; }
.icon-wrench:before,
.icon-page-settings:before 		{ content: "\e196"; }
.icon-shuffle:before 			{ content: "\e197"; }
.icon-arrow-up-left:before 		{ content: "\e198"; }
.icon-arrow-up:before 			{ content: "\e199"; }

.icon-arrow-up-right:before 	{ content: "\e200"; }
.icon-arrow-right:before		{ content: "\e201"; }
.icon-arrow-down-right:before 	{ content: "\e202"; }
.icon-arrow-down:before 		{ content: "\e203"; }
.icon-arrow-down-left:before 	{ content: "\e204"; }
.icon-arrow-left:before 		{ content: "\e205"; }
.icon-arrow-up-left2:before		{ content: "\e206"; }
.icon-arrow-up2:before 			{ content: "\e207"; }
.icon-arrow-up-right2:before 	{ content: "\e208"; }
.icon-arrow-right2:before 		{ content: "\e209"; }
.icon-arrow-down-right2:before 	{ content: "\e210"; }
.icon-arrow-down2:before 		{ content: "\e211"; }
.icon-arrow-down-left2:before 	{ content: "\e212"; }
.icon-arrow-left2:before 		{ content: "\e213"; }
.icon-arrow-up-left3:before 	{ content: "\e214"; }
.icon-arrow-up3:before 			{ content: "\e215"; }
.icon-arrow-up-right3:before 	{ content: "\e216"; }
.icon-arrow-right3:before 		{ content: "\e217"; }
.icon-arrow-down-right3:before 	{ content: "\e218"; }
.icon-arrow-down3:before 		{ content: "\e219"; }
.icon-arrow-down-left3:before 	{ content: "\e220"; }
.icon-arrow-left3:before 		{ content: "\e221"; }
.icon-radio-checked:before 		{ content: "\e222"; }
.icon-radio-unchecked:before,
.icon-radial:before 			{ content: "\e223"; }
.icon-crop:before 				{ content: "\e224"; }
.icon-scissors:before 			{ content: "\e225"; }
.icon-filer:before,
.icon-squeezebox:before			{ content: "\e226"; }
.icon-template:before 			{ content: "\e227"; }
.icon-new-tab:before 			{ content: "\e228"; }
.icon-embed:before 				{ content: "\e229"; }
.icon-share:before,
.icon-social:before 			{ content: "\e230"; }
.icon-google:before 			{ content: "\e231"; }
.icon-google-plus:before 		{ content: "\e232"; }
.icon-facebook:before 			{ content: "\e233"; }
.icon-instagram:before 			{ content: "\e234"; }
.icon-twitter:before,
.icon-twittertweets:before 		{ content: "\e235"; }
.icon-twitter-2:before 			{ content: "\e236"; }
.icon-feed:before,
.icon-rss:before 				{ content: "\e237"; }
.icon-youtube:before 			{ content: "\e238"; }
.icon-vimeo:before 				{ content: "\e239"; }
.icon-vimeo2:before 			{ content: "\e240"; }
.icon-flickr:before 			{ content: "\e241"; }
.icon-wordpress:before,
.icon-wordpresssidebar:before 	{ content: "\e242"; }
.icon-apple:before 				{ content: "\e243"; }
.icon-windows8:before 			{ content: "\e244"; }
.icon-soundcloud:before 		{ content: "\e245"; }
.icon-skype:before 				{ content: "\e246"; }
.icon-linkedin:before 			{ content: "\e247"; }
.icon-pinterest:before 			{ content: "\e248"; }
.icon-file-pdf:before 			{ content: "\e249"; }
.icon-clock:before 				{ content: "\e250"; }
.icon-headphones:before 		{ content: "\e251"; }
.icon-loop:before 				{ content: "\e252"; }
.icon-loop2:before 				{ content: "\e253"; }
.icon-loop3:before 				{ content: "\e254"; }
.icon-bubble:before 			{ content: "\e255"; }
.icon-copy:before 				{ content: "\e256"; }
.icon-copy2:before 				{ content: "\e257"; }
.icon-copy3:before 				{ content: "\e258"; }
.icon-paste:before 				{ content: "\e259"; }
.icon-mobile2:before 			{ content: "\e260"; }
.icon-bars2:before 				{ content: "\e261"; }
.icon-eye-blocked:before 		{ content: "\e262"; }
.icon-contrast:before 			{ content: "\e263"; }
.icon-google-drive:before 		{ content: "\e264"; }

/* Custom */
.icon-header:before 			{ content: "\e300"; }
.icon-sidebar:before 			{ content: "\e301"; }
.icon-footer:before 			{ content: "\e302"; }
.icon-subfooter:before 			{ content: "\e303"; }
.icon-subheader:before 			{ content: "\e304"; }
.icon-construction:before 		{ content: "\e305"; }
.icon-dashboard:before			{ content: "\e306"; }
.icon-article-new:before		{ content: "\e307"; }
.icon-article-overview:before 	{ content: "\e308"; }
.icon-arrow-down-light:before 				{ content: "\e309"; }
.icon-arrow-left-light:before,
.icon-arrow-left-2:before 					{ content: "\e310"; }
.icon-arrow-up-light:before 				{ content: "\e311"; }
.icon-arrow-right-light:before 				{ content: "\e312"; }
.icon-arrow-double-left-light:before,
.icon-arrow-left-double:before 				{ content: "\e313"; }
.icon-arrow-double-right-light:before,
.icon-arrow-right-double:before 			{ content: "\e314"; }
.icon-dollar:before 			{ content: "\e315"; }
.icon-euro:before 				{ content: "\e316"; }
.icon-pound:before 				{ content: "\e317"; }
.icon-menucontainer:before 		{ content: "\e318"; }
.icon-carousel:before 			{ content: "\e319"; }
.icon-csv:before 				{ content: "\e320"; }
.icon-htmlcustom:before 		{ content: "\e321"; }
.icon-logo:before 				{ content: "\e322"; }
.icon-signpost:before 			{ content: "\e323"; }
.icon-wordpresstitle:before 	{ content: "\e324"; }
.icon-bus:before 				{ content: "\e325"; }
.icon-car:before 				{ content: "\e326"; }
.icon-train1:before 			{ content: "\e327"; }
.icon-company:before 			{ content: "\e328"; }
.icon-faucet:before 			{ content: "\e329"; }
.icon-hardhat:before 			{ content: "\e330"; }
.icon-herring:before 			{ content: "\e331"; }
.icon-horseshoe:before 			{ content: "\e332"; }
.icon-hospital:before 			{ content: "\e333"; }
.icon-matchresults:before 		{ content: "\e334"; }
.icon-mug:before 				{ content: "\e335"; }
.icon-oven:before 				{ content: "\e336"; }
.icon-palette:before 			{ content: "\e337"; }
.icon-paw:before 				{ content: "\e338"; }
.icon-plunger:before 			{ content: "\e339"; }
.icon-safe:before 				{ content: "\e340"; }
.icon-referee:before 			{ content: "\e341"; }
.icon-searchresults:before 		{ content: "\e342"; }
.icon-vacuum-cleaner:before 	{ content: "\e343"; }
.icon-warehouse:before 			{ content: "\e344"; }
.icon-window:before 			{ content: "\e345"; }
.icon-yoga:before 				{ content: "\e346"; }
.icon-zen:before 				{ content: "\e347"; }
.icon-security-camera:before 	{ content: "\e348"; }
.icon-dry-van:before 			{ content: "\e349"; }
.icon-snowflake:before,
.icon-snowflake1:before 		{ content: "\e350"; }
.icon-flat-bed:before 			{ content: "\e351"; }
.icon-truck3:before 			{ content: "\e352"; }
.icon-trolley:before 			{ content: "\e353"; }
.icon-spray-can:before 			{ content: "\e354"; }
.icon-sofa:before 				{ content: "\e355"; }
.icon-sewerage:before 			{ content: "\e356"; }
.icon-toilet:before 			{ content: "\e357"; }
.icon-tooth:before 				{ content: "\e358"; }
.icon-shirt:before 				{ content: "\e359"; }
.icon-commission:before 		{ content: "\e360"; }
.icon-birthdaycake:before 		{ content: "\e361"; }
.icon-blowtorch:before 			{ content: "\e362"; }
.icon-fan:before 				{ content: "\e363"; }
.icon-cat:before 				{ content: "\e364"; }
.icon-dog:before 				{ content: "\e365"; }
.icon-mole:before 				{ content: "\e366"; }
.icon-mouse:before 				{ content: "\e367"; }
.icon-fox:before 				{ content: "\e368"; }
.icon-pigeon:before 			{ content: "\e369"; }
.icon-rabbit:before 			{ content: "\e370"; }
.icon-rat:before 				{ content: "\e371"; }
.icon-squirrel:before 			{ content: "\e372"; }
.icon-categories:before 		{ content: "\e373"; }
.icon-tumbler:before 			{ content: "\e374"; }
.icon-remove-sign:before 		{ content: "\e375"; }
.icon-disabled:before 			{ content: "\e376"; }
.icon-file2:before 				{ content: "\e377"; }
.icon-apartment:before 			{ content: "\e378"; }
.icon-move:before 				{ content: "\e379"; }
.icon-ribbon:before 			{ content: "\e380"; }
.icon-headset:before 			{ content: "\e381"; }
.icon-mobilelove:before 		{ content: "\e382"; }
.icon-rocket2:before 			{ content: "\e383"; }
.icon-hands:before 				{ content: "\e384"; }
.icon-joint:before 				{ content: "\e385"; }
.icon-pelvis:before 			{ content: "\e386"; }
.icon-ear:before 				{ content: "\e387"; }
.icon-spinal:before 			{ content: "\e388"; }
.icon-changecontent:before 		{ content: "\e389"; }
.icon-firework:before 			{ content: "\e390"; }
.icon-buildingblock:before 		{ content: "\e391"; }
.icon-brakes:before	 			{ content: "\e392"; }
.icon-tire:before 				{ content: "\e393"; }
.icon-brokenglass:before 		{ content: "\e394"; }
.icon-steeringwheel:before 		{ content: "\e395"; }
.icon-puzzle:before 			{ content: "\e396"; }
.icon-googleanalytic:before 	{ content: "\e397"; }
.icon-ghost:before 				{ content: "\e398"; }
.icon-handshake:before 			{ content: "\e399"; }
.icon-frontenddesign:before 	{ content: "\e400"; }
.icon-ring:before 				{ content: "\e401"; }
.icon-musicnote:before 			{ content: "\e402"; }
.icon-mask:before 				{ content: "\e403"; }
.icon-receptionbell:before 		{ content: "\e404"; }
.icon-it:before 				{ content: "\e405"; }
.icon-footsteps:before 			{ content: "\e406"; }
.icon-taxi:before 				{ content: "\e407"; }
.icon-carside:before 			{ content: "\e408"; }
.icon-golf:before 				{ content: "\e409"; }
.icon-spider:before 			{ content: "\e410"; }
.icon-worm:before 				{ content: "\e411"; }
.icon-towtruck:before 			{ content: "\e412"; }
.icon-cartruck:before 			{ content: "\e413"; }
.icon-fuel:before 				{ content: "\e414"; }
.icon-jumpstart:before 			{ content: "\e415"; }
.icon-ant:before 				{ content: "\e416"; }
.icon-mosquito:before 			{ content: "\e417"; }
.icon-fleas:before	 			{ content: "\e418"; }
.icon-mite:before	 			{ content: "\e419"; }
.icon-houzz:before	 			{ content: "\e420"; }
.icon-silverfish:before	 		{ content: "\e421"; }
.icon-leather:before	 		{ content: "\e422"; }
.icon-iron:before	 			{ content: "\e423"; }
.icon-caterpillar:before	 	{ content: "\e424"; }
.icon-beetle:before		 		{ content: "\e425"; }
.icon-leftalign:before			{ content: "\e426";	}
.icon-centeralign:before		{ content: "\e427"; }
.icon-rightalign:before			{ content: "\e428";	}
.icon-topalign:before			{ content: "\e429";	}
.icon-middlealign:before		{ content: "\e430";	}
.icon-bottomalign:before		{ content: "\e431";	}
.icon-lightbulb:before			{ content: "\e432";	}
.icon-shovel:before				{ content: "\e433";	}
.icon-fence:before				{ content: "\e434";	}
.icon-carpet:before				{ content: "\e435";	}
.icon-bone:before				{ content: "\e436";	}
.icon-radiation:before			{ content: "\e437";	}
.icon-boat:before				{ content: "\e438";	}
.icon-container:before			{ content: "\e439";	}
.icon-wreck:before				{ content: "\e440";	}
.icon-divemask:before			{ content: "\e441";	}
.icon-waves:before				{ content: "\e442";	}
.icon-oxygen:before				{ content: "\e443";	}
.icon-pagepopup:before			{ content: "\e444";	}
.icon-fixedheader:before		{ content: "\e445";	}
.icon-sections:before			{ content: "\e446";	}
.icon-inpage:before				{ content: "\e447";	}
.icon-education:before			{ content: "\e448";	}
.icon-bike:before				{ content: "\e449";	}
.icon-mot:before				{ content: "\e450";	}
.icon-beer:before				{ content: "\e451";	}
.icon-yelp:before				{ content: "\e452";	}
.icon-scaffold:before			{ content: "\e453";	}
.icon-bowling:before			{ content: "\e454";	}
.icon-needle:before				{ content: "\e455";	}
.icon-usb1:before				{ content: "\e456";	}
.icon-usb2:before				{ content: "\e457";	}
.icon-hdd:before				{ content: "\e458";	}
.icon-tennisball:before			{ content: "\e459";	}
.icon-nurse:before				{ content: "\e460";	}
.icon-ekg:before				{ content: "\e461";	}
.icon-firstaid:before			{ content: "\e462";	}
.icon-pill:before				{ content: "\e463";	}
.icon-syringe:before			{ content: "\e464";	}
.icon-cpr:before				{ content: "\e465";	}
.icon-ekg2:before				{ content: "\e466";	}
.icon-vector:before				{ content: "\e467";	}


/* Crappicons */
.icon-cockroach:before 			{ content: "\e900"; }
.icon-flea:before 				{ content: "\e901"; }
.icon-fly:before 				{ content: "\e902"; }
.icon-moth:before 				{ content: "\e903"; }
.icon-termite:before 			{ content: "\e904"; }
.icon-wasp:before 				{ content: "\e905"; }
.icon-landrover:before 			{ content: "\e906"; }
.icon-mustang:before 			{ content: "\e907"; }
.icon-toyota:before 			{ content: "\e908"; }
.icon-truck2:before 			{ content: "\e909"; }

.icon-aries:before 				{ content: "\2648"; }
.icon-taurus:before 			{ content: "\2649"; }
.icon-gemini:before 			{ content: "\264a"; }
.icon-cancer:before 			{ content: "\264b"; }
.icon-leo:before 				{ content: "\264c"; }
.icon-virgo:before 				{ content: "\264d"; }
.icon-libra:before 				{ content: "\264e"; }
.icon-scorpio:before 			{ content: "\264f"; }
.icon-sagittarius:before 		{ content: "\2650"; }
.icon-capricorn:before 			{ content: "\2651"; }
.icon-aquarius:before 			{ content: "\2652"; }
.icon-pisces:before 			{ content: "\2653"; }	



    /*
        ColorBox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative;}
    #cboxLoadedContent{overflow:auto;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    .cboxPhoto{float:left; margin:auto; border:0; display:block;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}
    
    /* 
        User Style:
        Change the following styles to modify the appearance of ColorBox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #cboxOverlay{background:#000;}
    #colorbox{}
        #cboxContent{margin-top:20px;}
            #cboxError{padding:50px; border:1px solid #ccc;}
            #cboxLoadedContent{border:5px solid #000; background:#fff;}
            #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
            #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
            #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
            #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/layout/garagejak/images/system/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
            #cboxPrevious.hover{background-position:bottom left;}
            #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/layout/garagejak/images/system/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
            #cboxNext.hover{background-position:bottom right;}
            #cboxLoadingOverlay{background:#000;}
            #cboxLoadingGraphic{background:url(/layout/garagejak/images/system/colorbox/loading.gif) no-repeat center center;}
            #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/layout/garagejak/images/system/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
            #cboxClose.hover{background-position:bottom center;}
			
			
			
/*
Skin Name: Nivo Slider Bar Theme
Skin URI: http://nivo.dev7studios.com
Description: The bottom bar skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: false
*/

.theme-bar.slider-wrapper {
    position: relative;
    border: 0px solid #333;
    overflow: hidden;
}
.theme-bar .nivoSlider {
	position:relative;
	background:#fff url(/layout/garagejak/images/loading.gif) no-repeat 50% 50%;
}
.theme-bar .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-bar .nivoSlider a {
	border:0;
	display:block;
}

.theme-bar .nivo-controlNav {
	display:none;
}
.theme-bar:hover .nivo-controlNav {
 	display:none;

    bottom: 0;
    opacity: 1;
}
.theme-bar .nivo-controlNav a {
	display:none;
}
.theme-bar .nivo-controlNav a.active {
	display:none;
}

.theme-bar .nivo-directionNav a {
	display:none;
}
.theme-bar a.nivo-nextNav { right: -50px; }
.theme-bar a.nivo-prevNav { left: -50px; }
.theme-bar:hover a.nivo-nextNav { 
    right: 15px; 
    opacity: 1;
}
.theme-bar:hover a.nivo-prevNav { 
    left: 15px; 
    opacity: 1;
}
.theme-bar .nivo-directionNav a:hover { color: #ddd; }

.theme-bar .nivo-caption {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-bar:hover .nivo-caption {
    bottom: 41px;
}
.theme-bar .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-bar .nivo-caption a:hover {
    color:#fff;
}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-bar .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-bar .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}



/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
