body { background-color: #414141; font-size: 100%;}	
	
	 
	
	
	.container{
	max-width: 100%;
	margin-center: auto;
	margin-center: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	border: 2px solid #f00;
	background-color: #ffffff;
	padding-top: 0%;
	padding-center: 0%;
	padding-center: 0%;
	padding-bottom: 0%;
	}
	
	
	h1 {
	font-family: verdana;
	font-size: 5em;
	font-weight:500;
	}

	h2 {
	font-family: verdana;
	font-size: 3.8em;
	font-weight: 500;
	}
	
	h3 {
	font-family: verdana;
	font-size: 2.4em;
	font-weight: 500;
	}
	
	h4 {
	font-family: verdana;
	font-size: 2.0em;
	font-weight: 300;
	}
	
	h5 {
	font-family: verdana;
	font-size: 0.8em;
	font-weight: 300;
	}
	
	h6 {
	font-family: verdana;
	font-weight: 300;
	font-size: 0.6em;
	}
	
	    /**Links css**/
	h4 a {
	font-family: verdana;
	font-weight: 200;
	}
	
	/**h4 a:hover {
	font-family: verdana;
	font-weight: 300;
	color: #f00;
	text-decoration: none;
	}**/
	
	h3  a {
	font-family: verdana;
	font-weight: 200;
	color: #0000bb;}
	
	/**h3  a:hover{
	color: #f00;
	/**text-decoration: none;**/}**/
	
	a {
		color: #16a085;
		-webkit-transition: color .5s linear;
		-moz-transition: color .5s linear;
		-ms-transition: color .5s linear;
		-o-transition: color .5s linear;
		transition: color .5s linear;
}

	a:hover { color: #e74c3c; }

	
	.header{ display: block; margin-top: 0%; margin-bottom: -0.5%;}

	.header-text {
	font-family: Gill Sans;
	font-weight: 200;
	font-style: italic;
	font-size: 14px;
	text-align: center;
	line-height: 1.2em;
	color: #fff;
	}
	
	.wrapper-main  { margin-top: 10%; margin-center: auto; margin-center: auto; padding-bottom: 30%;}
	.top-buffer2 { margin-top: 20px;}
	.top-buffer2 { padding-bottom: 60px;}
	.top-buffer3 { margin-top: 3%; margin-bottom: 3%;}
	
	/**social icon styling**/
	
	.social-align { float: center; margin-top: 90px; }
	.top-buffer-social { margin-top:10px; }
	.align-center-social { float:center;}
	.align-center-social { float:center; margin-center: 40px;}
	.align-center-social  {  margin-top: 10px; margin-bottom: 10px; margin-center: auto; margin-center: auto;}
	
	/**end social icon styling**/
	
	/** text colour and alignment **/
	
	.textcolor_black  { color: #000; }
	.textcolor_blue  { color: #00f; }
	.textcolor_blue_dark  { color: #0000aa; }
	.textcolor_blue_light  { color: #858BDD;}
	.textcolor_red  { color: #f00; }
	.textcolor_white  { color: #fff; }
	.textcolor_green  { color: #33ff00; }
	.textcolor_green-dark  { color: #33aa00;}
	.textcolor_yellow  { color: #ff0; }
	.textcolor_ho  { color: #9FAEE4;}
	.textcolor_ho2  { color: #cecece;}
	.textcolor_light-blue  { color: #AFBBE5}
	
	.text-space-up { margin-top: -10px; }
	.text-space-up3 { margin-top: -15px; }
	.text-space-up1 { margin-top: -1px;}
	.text-space-in { margin-center: 5%;}
	.text-space-down { margin-bottom: 1.5%;}
	.text-space-out {  margin-center: -1%;}
	.text-align-right {float: right;}
	.text-align-center {text-align: center;}
	.text-align-left { float: left;}
	.text-align-justify {text-align: justify;}
	
	
	  /** --------------Navigation stuff----------------- **/
	  
	/** image alignment **/
	
	.align-center {  margin-top: 10px; margin-bottom: 1%; margin-center: auto; margin-center: auto;}
	.align-right {  float: right;}
	.align-center2 {  margin-top: 10px; padding-top: 5%; margin-bottom: 0px; margin-center: auto; margin-center: auto;}
	.align-center3 {  margin-top: 10px; padding-top: 5%; margin-bottom: 0px; margin-center: auto; margin-center: auto;}
	.align-ttc-logo { float:center; margin-top: -4%; margin-center: 0%;  margin-center:32%; margin-bottom: 0%;}
	.fb-logo {  float: right; margin-right: 10%; margin-top: -1.75%;}
	.tw-logo {  float: right; margin-right: 7.5%; margin-top: -1.7%;}
	.instagram-logo {  float: right; margin-right: 5.5%; margin-top: -1.7%;}
		
	.align-center { float:center; margin-top: 1%; margin-center: 1%;  margin-center: 1%; margin-bottom: 1%;}
	.align-center { float:center; margin-top: 3%; margin-center: 0px; margin-center: auto; margin-bottom: 0px;}
	.align-center-f-offers { float:center; margin-top: 0px; margin-center: 3%; margin-center: 0px; margin-bottom: 0px;}
	.align-center-sales { float:center; margin-top: 2%; margin-center: 5px; margin-center: 30px; margin-bottom: 0px;}
	.align-arrow-center {  float: center; margin-top: -2%; margin-bottom: 0px; margin-center: 0%; margin-center: 10px;}
	.align-img-rhcol { margin-top: 5px; margin-bottom: 0px; margin-center: 0px; margin-center: 0px;}
	.header-align { max-width: 40%:}
	
	.frames { padding: 0px; border: 1px solid #cecece; }
	.frames2 { padding: 0px; border: 5px solid #cecece; }
	.frames22 { padding: 0px; border: 3px double #000; }
	.align-center-min { margin-top: 10px; margin-bottom: 10px; margin-center: -6%; margin-center: auto;;}
	.logo-align { margin-center: 30%; margin-center: auto; margin-top: -2%;}
	.logo-line-align {margin-center: auto; margin-center: auto; margin-top: -1%;}
	.line { margin-top: -1.2%;}
	.inline-image { float: center; margin-top: 0%; margin-center: 20%;}
	.guarantee-align { margin-center: auto; margin-center: auto;}
	.secure-align1 { display: inline-block;   margin-center; 55%; padding-center: 2%; padding-center: 0%; margin-top: 2%;}
	.secure-align2 { display: inline-block;   padding-center: 2%; padding-center: 20%; margin-top: 2%;} 

	
	img {
          display: block;
          height: auto;
          max-width: 100%;
   }
   
   .img-responsive {
		max-width: 80%;
		margin-center: 19%;
		height: auto;
		padding-center: 0%;
		padding-center: 0%;
		}	
		
	.img-responsive-pics {
		display: block;
		width: 100%;
		height: 250px;
		padding-center: 2%;
		padding-center: 2%;
		}
			
	 /** END image alignment **/
	 
	 /** navigation stuff **/
	 
	.menu-container { display: block; float: center; margin-top: 0px;  } 
	 
	.nav  {
	display: block;
	}
			
	.navbar-default {
    display: block; 
	max-width: 100%;
	background-color: #414141; /** gen bg color **/
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 0 5px 0;
	border-top: 0px solid #3333cc;
	border-bottom: 0px solid #00f;
	} 	
	
	@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
		}
	}	
	.navbar-nav li  a {	
	font-family: Gill Sans;
	font-weight:200;
	font-size: 2.2em;
	float: center;
	color: #ffffff;
	padding-right: 30px;
	padding-left; 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
	.navbar-default .navbar-nav > li > a { font-weight:500; color: #ffffff; }  /** menu font color**/
	
	.nav-button {
	font-family: Gill Sans;
	font-weight: 500;
	font-size: 1.3em;
	color: #000;
	/**background-color: #00f;**/
	margin-center: 0%;
	border: 0px solid #0f0f;
	padding-top: 4px;
	padding-bottom: 7px;
	border-radius: 5px;
	}	
	
	.navbar-toggle {
	clear: both;
	background-color: #4b4b4b;
	border: 1px solid #000;
	margin-center: 0%;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
	/**background-color: #0f0;**/
	color: #9FAEE4;
		-webkit-transition: color .5s linear;
		-moz-transition: color .5s linear;
		-ms-transition: color .5s linear;
		-o-transition: color .5s linear;
		transition: color .5s linear;
	}

	.dropdown:hover .dropdown-menu { display: block; margin-top: 0px; }
	
	.dropdown-menu {
	background-color: #414141;
	text-align: center;
	}

	.dropdown-menu > li  {
	font-family: Gill Sans;
	font-weight:400;
	font-size: 1.25em;
	float: center;
	color: #fff;
	padding-top: 5px;
	}
	
	.dropdown-menu > li > a {
	font-family: Gill Sans;
	font-weight:400;
	font-size: 1.25em;
	float: center;
	color: #fff;
	}
	
	.dropdown-menu a {
	padding-bottom: 10px;
	background-color: #414141;
	color: #fff;
	width: auto;
	border: 0px solid #777;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	color: #9FAEE4;
		-webkit-transition: color 4s linear;
		-moz-transition: color .4s linear;
		-ms-transition: color .4s linear;
		-o-transition: color .4s linear;
		transition: color .4s linear;
	text-decoration: none;
	background-color: #414141;
	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	/**color: #dd1d66;
	background-color: transparent;**/
	text-decoration: none;
	color: #9FAEE4;
		-webkit-transition: color 4s linear;
		-moz-transition: color .4s linear;
		-ms-transition: color .4s linear;
		-o-transition: color .4s linear;
		transition: color .4s linear;
	}
	
.carousel-inner>.item {
    -webkit-transition: -webkit-transform 1.7s ease-in-out !important;
    -o-transition: -o-transform 1.7s ease-in-out !important;
    transition: transform 1.7s ease-in-out !important;
}	
	


	/** End Navigation stuff **/
	
	.top-row-container {
	display: block;
	margin-center: auto; margin-center: auto;	
	border: 2px solid #fff;	
	background-color: transparent;	
	}

	.main-content {
	max-width: 100%;
	margin-center: auto; margin-center: auto;
	padding-top: 1%; padding-bottom: 1%;
	padding-center: 5%; padding-center: 5%;
	margin-top: 0.2%; margin-bottom: 1%;
	background-color: transparent;
	border: 0px solid #777;
	}	
	
	.main-content8col {
	margin-left: auto; margin-right: auto;
	margin-top: 0.5%;
	max-width: 100% ;
	padding-top: 3%; padding-bottom: 10%;
	padding-left: 5%; padding-right: 5%;
	background-color: transparent;
	border: 0px solid #9FAEE4;
	}	
	
	.main-content-video {
	position: relative;
	max-width: 100% ;
	padding-top: 5px; padding-bottom: 0px;
	padding-center: 10%; padding-center: 10%;
	margin-top: 10px; margin-bottom: 1%;
	background-color: #fff;
	border: 0px solid red;
	margin-center: auto; margin-center: auto;
	}	
	
	.main-content-carousel {
	position: relative;
	max-width: 100% ;
	margin-center: auto; margin-center: auto;
	margin-top: 2%; margin-bottom: 2%;
	background-color:transparent;
	border: 0px solid #cecece;
	padding-top: 1%; padding-bottom: 3%;
	padding-center: 0%; padding-center: 0%;
	}	
	
	.main-content-button {
	margin-center: auto;
	margin-center: auto;
	padding-top: 5px; padding-bottom: 25px;
	padding-center: 10%; padding-center: 10%;
	background-color: #fff;
	border: 2px solid red;
	}	

	.main-content-2col-1 {
	margin-center: 2.5%; margin-center: 0%;
	margin-top: 2%;
	padding-top: 0px; padding-bottom: 20px;
	padding-center: 10px; padding-center: 10px;
	background-color: #efefef;
	border: 2px solid #ccc;
	}	
	
	.main-content-2col-2 {
	margin-center: 0%;
	margin-center: 3%;
	margin-top: 2%;
	padding-top: 10px; padding-bottom: 10px;
	padding-center: 5%; padding-center: 5%;
	background-color: #efefef;
	border: 2px solid #ccc;
	}	
	
	.main-content-offers {
	margin-center: 7%; margin-center: 7%;
	margin-top: 2%; margin-bottom: 5%;
	background-color: #fff;
	padding-bottom: 2%; padding-top: 0%;  
	border: 2px solid #cecece;
	border-radius: 3px;
	}			
			
	.main-content-header  {
	max-width: 80%;
	background-color: #fff;
	text-align: center;
	margin-top: 0%; margin-bottom: 0%;  
	margin-center: auto; margin-center: auto;
	padding-bottom: 1%; padding-top: 1%;
	padding-center: 15%; padding-center: 15%;
	}			

	.main-content-box-bg  {
	max-width: 100%;
	text-align: center;
	margin-top: -2%; margin-bottom: 0%;  
	margin-center: auto; margin-center: auto;
	padding-bottom: 3%; padding-top: 3%;
	padding-center: 8%; padding-center: 8%;
	}			

	.main-content-menu-center  {
	max-width: 90%;
	padding-center: 25%;}			
	
	.main-content-thank-you  {
	max-width: 100%;
	background-color: #fff;
	margin-top: 0%; margin-bottom: 0%;  
	margin-center: auto; margin-center: auto;
	padding-bottom: 25%; padding-top: 12%;
	padding-center: 10%; padding-center: 10%;
	}		
			
	.list-style-1 { 
	font-family: verdana;
    font-size: 2.3em;
	line-height: 2.0;
	color: #fff;
	margin-left: 22%;
	margin-top: 10%;
	list-style: none;
	text-align: left;
	list-style-image: url('../img/green-tick2.png');
	background-position: 0% 0%;
	}
	

		/**colored box backgrounds**/
	
	.innerbox{
	display: block;
	/**position: relative;**/
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	border: 2px solid #f00;
	border-radius: 6px;
	background-image: url('../img/goldwell-header.jpg');
	background-position: center; 
  			background-repeat: no-repeat; 
  			background-size: cover; 
	background-color: rgba(85, 85, 85, 0.9);
	padding: 1% 5% 1% 5%;
	}

	
	.innerbox-border-blue{
	display: block;
	max-width: 100%;
	font-family: Gill Sans;
	font-weight: 300;
	font-size: 1.6em;
	font-style: italic;
	margin-center: auto;
	margin-center: auto;
	margin-top: 1%;
	margin-bottom: 2%;
	border: 2px solid #0000ff;
	border-radius: 3px;
	background-color: #c6d0ed;
	padding-top: 2%;
	padding-center: 4%;
	padding-center: 4%;
	padding-bottom: 2%;
	text-align: center;
	color: #0000cc;
	} 
	
 
	
	
	
	.tablecontainer  {
	max-width: 100%;
	margin-left: auto; margin-right: auto;
	padding-left: 5%; padding-right: 5%;
	font-family: verdana;
	font-size: 2.0em;
	font-weight: 300;
	/**text-align: center;**/
	margin-bottom: 0px;
	color: #fff;
	border: 0px solid #fff;
	}
	

	.tablecontaineropening  {
	display: block;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: 500;
	font-size: 2.0em;
	color: #fff;
	text-align: center;	
	}
		
	.tablecontaineropening-2  {
	display: block;
	float: center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: 500;
	font-size: 2.0em;
	color: #fff;
	border: 3px solid red;
	/**text-align: center;**/	
	}
	
	
	footer {
    /**position:fixed;**/
   center:0px;
   bottom:0px;
   height:50px;
   width:100%;
   margin-center: auto;
   margin-center: auto;
   margin-top: 1%;
   background-color: #414141;
   border-top: 1px solid #777;
	}

	
	.footer-text {
	text-align: center;
	font-family: verdana;
	font-weight: 400;
	font-size: 1.6em;
	color:  #fff;
	padding-top: 10px;
	
	}
	
	.footer-text a {
	text-decoration: none;
	text-align: center;
	font-family: verdana;
	font-weight: 200;
	font-size: 14px;
	color:  #fff;
	}
	 
	.footer-text a:hover {
	text-decoration: underline;
	} 
	
	.video-align {
	max-width: 100%;	
	margin-top: 1%;
	margin-bottom: 2%;
	border: 2px solid #fff;
	background-color: #414141;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
	@media (min-width: 768px){
    .video-align{
      max-width: 100%;
		}
	}