/********************** PRODUCTION TEMPLATE STYLES ***********************
**************************************************************************
** These Styles are used in the TEMPLATES and are not normally used or  **
** accessed by the clients. Styles here are what the clients should		**
** not see in the editor window when they set styles to text and images	**
**    Please do not place any TEMPLATE styles in the styles.css file    **
**     Production  Template Updated by: Stephen Petterson 17/11/2011	**
**************************************************************************
*************************************************************************/

ol{
	margin-left:15px!important;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}


.SiteBackground
{
	background-color: #cccccc;
}
.page-title-row
{	background: #bac4cb; padding: 30px 0;}
.page-title-row-gold
{	background: #ffa800; padding: 30px 0; }
.content-left:before
{	
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-top: 20px solid #bac4cb;
    position: absolute;
    content: ' ';
    top: 0;
    left: 0%;
    margin-left: -20px;
    width: 0;
    height: 0;
}
h1.page-title a {float: right; border: 1px solid #1f3d52; border-radius: 5px; padding: 6px 15px; color: #1f3d52; font-family: 'PT Sans', sans-serif; font-size: 16px;text-transform: uppercase;}
h1.page-title a:hover {border: 1px solid #fff; background: #fff;}
.content-left-gold:before {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-top: 20px solid #ffa800;
    position: absolute;
    content: ' ';
    top: 0;
    left: 0%;
    margin-left: -20px;
    width: 0;
    height: 0;
}
body.Klevaklip-building-products .content-left-gold:before, body.Klevaklips .content-left:before {display: none;}	
.content-left img {max-width: 100%;}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}
.sidebar {margin-top: 40px;}
.HeaderDiv 
{
	position: relative;
    border-color: transparent;
	z-index: 100px;
}
.BannerDiv
{
	position: relative;
	float: left;
	width: 990px; 
	background: transparent; 
	padding-top:0px;
	margin-left: 0px;
	z-index: 100px;
}
.LogoDiv
{
	position: relative;
}
.NavigationDiv
{
	
	position: relative;
	z-index: 1000px;
	
	/*
	top: -2px;
	background-color: #2f6cab;
	*/
	height: 36px;
	margin-top:10px;
	margin-bottom:10px;
	
}
.RotatingImages
{
	position: relative;
	float: left;
	width: 996px;
	height: 253px;
	z-index: 100;
	margin-top: 36px;
}
.ContentDiv
{
	position: relative;
	float:left;
	z-index: 10px;
	width: 680px; 
	height: auto;
	background-color: #f4f4f4;
	min-height: 500px;
	padding: 10px;
	vertical-align: top;
	z-index: 100;
	
}
.ContentFollowingDiv
{
	position: relative;
	float:left;
	z-index: 10px;
	width: 680px; 
	height: auto;
	background-color: #f4f4f4;
	min-height: 800px;
	padding: 10px;
	vertical-align: top;
	z-index: 100;
}
.FooterDiv
{
	position: relative;
	float: center;
	margin: auto;
	width: 996px; 
	background-color: #dddddd;
	height: auto;
}
.SearchBox
{
    float: right;
    width: 200px;
    height: 30px;
}

.ContentHolder
{
	position: relative;
	width: 990px; 
	height: auto;	
	z-index: 200;
	vertical-align: top;
	z-index: 100;
}
.ContentHolderFollowing
{
	position: relative;
	width: 990px; 
	height: auto;	
	vertical-align: top;
	z-index: 100;
	margin-top: 110px;
}

.PageTitle
{
	position: relative;
	float: left; 
	width: 680px;
	z-index: 100;
	height: 20px;
}

.Highlight
{
	position: relative;
	float: right;
	width: 273px;
	padding: 8px;
}
.HighlightFollowing
{
	position: relative;
	float: right;
	width: 273px;
	padding: 8px;
}

/* Sitemap styles */

.SitemapMainUL
{
	color:#000000;
}

.SitemapUL1
{
	color:#110000;
}

.SitemapUL1 li
{
	color:#110000;
}

.SitemapUL2
{
	color:#220000;
}

.SitemapUL2 li
{
	color:#220000;
}

.SitemapUL3
{
	color:#330000;
}

.SitemapUL3 li
{
	color:#330000;
}

.SitemapUL4
{
	color:#440000;
}

.SitemapUL4 li
{
	color:#440000;
}

.SitemapUL5
{
	color:#550000;
}

.SitemapUL5 li
{
	color:#550000;
}

.SitemapUL6
{
	color:#660000;
}

.SitemapUL6 li
{
	color:#770000;
}
/*Search box table & Results Styles */
.SearchResultTable
{
}
.SearchResultTable tr
{
	text-align:left;
}
.SearchResultTitle
{
	font-weight:bold;
}
.SearchResultCaption
{
	font-size:12px;
}
.SearchResultMoreLink
{
	text-decoration:none;
}
.SearchResultMoreTD
{
	text-align:right;
}
.SearchForm
{
	width:100%
}
.SearchForm td
{
	vertical-align: middle;
	background: #FFF;
}
.SearchFormTextBox
{
}
.SearchButton 
{
	background-color: #3d84cc; 
	color: #ffffff; 
	border-left: solid 1px #EDEDED; 
	border-top: solid 1px #EDEDED; 
	border-right: solid 1px #848284;
	border-bottom: solid 1px #848284;
	padding: 2px;
	font-weight: bold;
	font-size: 85%;
	font-family: Tahoma;
}
/* Default Styles for common HTML tags, please update to keep uniform look and feel across the site */

/*Default body style, font-color and size needs to be same as BodyText class above. 
Please do not set the body background style here. It needs to be set in the templates */

html, body
{
	height: 100%;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #555;
}

/*Default Link style, exactly same as Link class above, these are the link, visited, hover & active states for this page */

/*a:link, a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
a:hover, a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
a.Link:link, a.Link:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990066;
	font-weight:bold;
}
a.Link:hover, a.Link:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990066;
	font-weight:bold;
}
a.AltLink1:link, a.AltLink1:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990066;
	font-weight:bold;
}
a.AltLink1:hover, a.AltLink1:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#990066;
	font-weight:bold;
}
a.AltLink2:link, a.AltLink2:visited
{
	font-family:Elephant, Times;
	font-size:11px;
	color:#99CC33;
	font-weight:bold;
}
a.AltLink2:hover, a.AltLink2:active
{
	font-family:Elephant, Times;
	font-size:11px;
	color:#99CC33;
	font-weight:bold;
}
*/

/* 
	Additional Link Styles (link, hover, visited, active) for Link, AltLink1 and AltLink2 (and pretty much all the links used across the website) 
	Each of the links have 5 different property, we have kept the default one at the top
	for the customers to see, the rest need to go here.
*/

/* Menu Styles */
.menuLink
{
	font-weight:bold;
	color:123456;
}
.menuOpenedLink
{
	font-weight:bold;
	color:#654321;
}
a.menuLink:link, a.menuLink:visited
{
	font-weight:bold;
	color:#123456;
}
a.menuLink:hover, a.menuLink:active
{
	font-weight:bold;
	color:#123456;
}
a.menuOpenedLink:link, a.menuOpenedLink:visited
{
	font-weight:bold;
	color:#654321;
}
a.menuOpenedLink:hover, a.menuOpenedLink:active
{
	font-weight:bold;
	color:#654321;
}
/* Menu Styles - these styles are used for the Show Bookmark Menu*/
.MenuLinkTable
{
	background-color: #9ed1b2;
	width: 100%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding-left:0px;
}
.MenuLinkCell
{
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #9ed1b2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor:pointer;
}
.MenuLinkCellOver
{
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #83afb8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor:pointer;
}
.MenuLinkCellSelected
{
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #83afb8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.MenuLinkCellSelectedOver
{
	width: 100%;
	border-top: 1px solid #ffffff;
	background-color: #83afb8;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
a.MenuLinkCell:link, a.MenuLinkCell:visited
{
	color: #2c6698; 
	text-decoration: none;
}
a.MenuLinkCell a:hover, a.MenuLinkCell a:active
{
	color: #ffffff;
	text-decoration: none;
}
a.MenuLinkCellOver:link, a.MenuLinkCellOver:visited
{
	color: #ffffff; 
	text-decoration: none;
}
a.MenuLinkCellOver:hover .MenuLinkCellOver:active
{
	color: #ffffff;
	text-decoration: none;
}
a.MenuLinkCellSelected:link, a.MenuLinkCellSelected:visited, a.MenuLinkCellSelected:hover, a.MenuLinkCellSelected:active
{
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 5px;
}
a.MenuLinkCellSelectedOver:link, a.MenuLinkCellSelectedOver:visited, a.MenuLinkCellSelectedOver:hover, a.MenuLinkCellSelectedOver:active
{
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 5px;
}
.MenuBookMarkDiv
{
	background-color: #e5f3d0;
	width: 100%;
	height: 100%;
	padding-top: 5px;
}
.MenuBookMarkUL
{
	padding-left: 5px;
	padding-top: 5px;
	list-style-image: url(../images/bulletpoint_blue.gif);
}
.MenuBookMarkUL li
{
	padding-bottom: 3px;
}
.MenuBookMarkUL li a:link, .MenuBookMarkUL li a:visited
{
	color: #2c6698; 
	text-decoration: underline;
}
.MenuBookMarkUL li a:hover, .MenuBookMarkUL li a:active
{
	color: #2c6698;
	text-decoration:none;
}

/*Styles for Tell A Friend form*/

.TellAFriendContainer
{
	padding: 15px;
	background: #EFEFEF;
	border: 6px solid #282849;
}
.TellAFriendHeaderRow td
{
	background: #c6c6c6;
	padding: 8px 5px 8px 5px;
	font-weight: bold;
}
.TellAFriendRow td
{
	padding: 8px 5px 8px 5px;
}

/* Styles for default forms */
.Input
{
}
.Submit_Button
{
	padding: 4px;
	background: #383866;
	color: #FFF; 
}

div.homePageHead {
	text-align: venter;
	margin: 10px 0;
	color: #fff;
	text-transform: uppercase;
	font-style: bold;
	font-size: 24px;
}

.grid {
	margin: 0 auto;
	list-style: none;
	text-align: center;
		color: #fff;
}
.grid li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}
.grid figure {
	margin: 0;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
	border: 3px solid #FFF;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #2c3f52;
	color: #ed4e6e;
}
.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ffa800;;
	color: #fff;
}
.grid figcaption a:hover {
	background: #9fadb8;
}
/* Caption Style 6 */
.cs-style-6 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	-webkit-transform: translateY(-50px) scale(0.5);
	-moz-transform: translateY(-50px) scale(0.5);
	-ms-transform: translateY(-50px) scale(0.5);
	transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-style-6 figcaption h3 {
	margin-top: 80%;
	color: #fff;
}


.cs-style-6 figcaption a.button1 {
	position: absolute;
	bottom: 110px;
	left: 20px;
	width: 90%;
}
.cs-style-6 figcaption a.button1a {
	position: absolute;
	bottom: 110px;
	left: 20px;
	width: 90%;
}
.cs-style-6 figcaption a.button2 {
	position: absolute;
	bottom: 70px;
	right: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button3 {
	position: absolute;
	bottom: 70px;
	left: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button2a {
	position: absolute;
	bottom: 70px;
	left: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button3a {
	position: absolute;
	bottom: 70px;
	right: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button4 {
	position: absolute;
	bottom: 70px;
	right: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button4a {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button4b {
	position: absolute;
	bottom: 30px;
	right: 20px;
	width: 45%;
}
.cs-style-6 figcaption a.button5 {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: 45%;
}

@media screen and (max-width: 31.5em) {
	.grid {
	
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
	h1.page-title {font-size: 28px; text-align: center;}
	h1.page-title a  {text-align: center; float: none; display: block; margin-top: 15px; padding: 3px 15px;}
	.content-left:before, .content-left-gold:before {
  		display: none;
	}
	.navbar-header {text-align: center;}
}
.cs-style-6 figure img {
	z-index: 10;
	transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	transform: translateY(-50px) scale(0.5);
}
.cs-style-6 figcaption {
	height: 100%;
	width: 100%;
}
.cs-style-6 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
/********************************************************************
**  Module Styles - These styles are used to set up WebEd modules  **
********************************************************************/

/***************************** 
**  Associates List Styles  ** 
*****************************/

.AssociatesListTitle
{
	/*
	background-color:#a4a4a4;
	*/
	
	
}
.AssociatesListTitle td
{
	/*
	color:#000000;
	*/
	font-size:14px;
	border-bottom:1px solid #333333;
	
}
.AssociatesList
{
	padding-top:15px;
	/*
	background-color:#e2e2e2;
	*/
	width:550px;
}
.AssociatesList td
{
	/*
	color:#000000;
	*/
	padding:10px;
}
.AssociatesList td a, .AssociatesList td a:active, .AssociatesList td a:hover
{
	/*
	color:#0000ff;
	text-decoration:none;
	*/
	color:#333;
	font-size:12px;
	text-decoration:none;
}
.AssociatesList td a:visited, .AssociatesList td a:hover
{
	/*
	color:#0000ff;
	text-decoration:none;
	*/
	color:#333;
	font-size:12px;
	text-decoration:none;
	
}


/***************************** 
**  Associate Detail Style  ** 
*****************************/

.AssociateDetailsTitle
{
	background-color:#a4a4a4;
}
td.AssociateDetailsTitle
{
	color:#000000;
}
.AssociateDetails
{
	background-color:#e2e2e2;
}
td.AssociateDetails
{
	color:#ff0000;
}
td.AssociateDetails a, td.AssociateDetails a:link, td.AssociateDetails a:visited
{
	color:#0000ff;
	text-decoration:none;
}
td.AssociateDetails a:hover, td.AssociateDetails a:active
{
	color:#0000ff;
	text-decoration:none;
}
.AssociateDetailsGoBackLink
{

}
td.AssociateDetailsGoBackLink
{

}
td.AssociateDetailsGoBackLink a, td.AssociateDetailsGoBackLink a:hover, td.AssociateDetailsGoBackLink a:hover
{
	color:#00ff00;
	text-decoration:none;
}

td.AssociateDetailsGoBackLink a:visited, td.AssociateDetailsGoBackLink a:active
{
	color:#00ff00;
	text-decoration:none;
}

/**************************** 
**  News Listing Styles    ** 
****************************/

table.NewsListing
{

}
td.NewsTitleListing
{

}
td.NewsTitleListing a:link, td.NewsTitleListing a:visited, td.NewsTitleListing a:hover, td.NewsTitleListing a:active
{

}
td.NewsTitleListing a:hover, td.NewsTitleListing a:active
{

}
td.NewsSummaryListing
{

}

a.ReadMoreLink:link, a.ReadMoreLink:visited 
{

}

a.ReadMoreLink:active, a.ReadMoreLink:hover
{

}
/************************** 
**  News Details Styles  ** 
**************************/

table.NewsDetails
{
	
}
td.NewsTitleDetails
{

}
td.NewsDatePostedDetails
{

}
td.NewsSummaryDetails
{

}

td.NewsDescription
{

}
td.NewsBackLink a:link, td.NewsBackLink a:visited, td.NewsBackLink a:hover, td.NewsBackLink a:active
{

}
/**************************** 
**  Rollover Image Styles  ** 
****************************/

.RolloverMainImage  img 
{
	border: 1px solid #1e4775; 
	margin-right: 3px;
	float: left; 
}
.RolloverThumbnailImage 
{ 
	display:block; 
	vertical-align:top; 
	padding-left: 4px; 
	padding-bottom: 1px; 
	text-align: left;
}

/**************************** 
**  Telerik Editor Styles  **
**      Do Not change	   **
****************************/

/* Telerik Editor Styles*/
/* These styles should not be changed*/
.editor_table
{	
	
}
.editor_table td
{
	
}

.editor_form
{
	
}



/* Under this line are new Styles by dan july 23 2012*/
/* the default style */

html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time,
mark, audio, video {
margin: 0px;
padding: 0px;
border: none;
}



a img{
	border:none;
}




ul{
	list-style:none;
	/*margin:7px; commented due to extra padding in footer link group*/ 
}

p{
    margin: 0 0 10px;
}
/*
body{
	background-color:#6b99c7;
	padding-top:7px;
	padding-bottom:7px;

}*/
.main-container{
	width:960px;
	margin: 0px auto;
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

.header{
	padding-top:10px;
	padding-left:10px;
}

.main-navigation{
}

.content{
	/*margin-left:10px;
	margin-right:10px;
	padding-bottom:10px; */
}

.header-content{
	background-color:#e4e4e4;
	padding:10px;
	margin:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


ul.content-link-group li:first-child{
	font-size:16px;
	font-weight:bold;
	line-height:36px;
}

ul.content-link-group li{
	
	line-height:30px;
	border-bottom:1px dotted #ccc;
	width:212px;
	list-style-type:none;
}

.content-footer{
	clear:both;
	margin-left:10px;
	padding-bottom:10px;
	margin-right:10px;
}

.footer{
	text-align:center;
}

.handheld-viewmainsite{
	display:none;
}

/* Styles for default Page Title and Edit Links */
.pageTitle
{
	font-weight:bold;
}
.pageEditLink
{
	font-size:9px;
	text-decoration:none;
	/*
	by dan
	color:#4A5E69;
	*/
	color:#ffffff;
}
a.pageEditLink:link
{	
	font-size:9px;
	text-decoration:none;
	/*
	by dan
	color:#4A5E69;
	*/
	color:#ffffff;
}
a.pageEditLink:hover, a.pageEditLink:active
{
	font-size:9px;
	text-decoration:underline;
	/*
	by dan
	color:#4A5E69;
	*/
	color:#ffffff;
}
/* style for show_member() sub menu 
*/
.SubSectionsLink
{
	color:#333;
	font-weight:bold;
}
.SubSectionsOpenedLink
{
	
	color:#333;
	font-weight:bold;
}
a.SubSectionsLink:link
{
	
	color:#333;
	font-weight:bold;
	text-decoration: none;
}
a.SubSectionsLink:hover, a.SubSectionsLink:active
{
	
	color:#333;
	font-weight:bold;
	text-decoration: underline;
}
/* style for show_location()  - breadcrumLink
*/
.breadcrumbs
{
	padding-top: 15px; 
	color: #9fadb8;
}
.BreadCrumbLink
{
	color:#9fadb8;
	font-weight:bold;
}
.BreadCrumbLinkOpen
{
	color:#9fadb8;	
	 font-weight:normal;
}
a.BreadCrumbLink:link
{
	color:#9fadb8;
	font-weight:bold;
	text-decoration: none;
}
a.BreadCrumbLink:hover, a.BreadCrumbLink:active
{
	
	color:#333;
	font-weight:bold;
	text-decoration: underline;
}




.footerLink{
	color:white;
}

/* Styles for Copyright & Footer */
.footer-container{
	width:960px;
	margin: 0px auto;
	background-color:#1b62a9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#fff;
	margin-top:10px;
}

.footer, .footer-link-group{
	color:#fff;
}
.navbar {
	margin-bottom: 0px;
}
.klevaKlipNavbar .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(174,172,113, 0.8);
  content: '';
}

.klevaKlipNavbar .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}



.footer-link-group{
	padding-top:10px;
	padding-left:10px;
	float:left;
}

.footer-link-group ul li:first-child{
	font-size:16px;
	line-height:36px;
}

.footer-link-group ul li{
	font-size:10px;
	line-height:30px;
	border-bottom:1px dotted #fff;
	width:212px;
	list-style-type:none;
}

.footer{
	clear:both;
	font-size:10px;
	line-height:30px;
	padding-top:15px;
}


.footer-link-group ul li a:link{
	color:#ffffff;
	text-decoration:none;
}

.footer-link-group ul li a:active{
	color:#ffffff;
	text-decoration:none;
}

.footer-link-group ul li a:visited{
	color:#ffffff;
	text-decoration:none;
}


.footer a:link{
	color:#ffffff;
	text-decoration:none;
}

.footer a:active{
	color:#ffffff;
	text-decoration:none;
}

.footer a:visited{
	color:#ffffff;
	text-decoration:none;
}

/* events module styles*/

.evetslisting_container{
	/*width:650px;*/
	width:100%;
}

.EventRow_title_container{
	background-color:#7294b6;
	padding:15px;
}
.EventRow{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
	display:block;
}

.EventRow_title_container{
	margin-bottom:15px;
}

.EventRow_title_container .EventTitle{
	text-decoration:none;
	font-size:1em;
	display:block;
	font-weight:bold;
	/*
	padding-bottom:15px;
	width:520px;
	*/
	
	color:white;
	font-weight:bold;
}


.EventRow_registernow_container{
	/*
	padding-top:25px;
	
	*/
	float:right;
	position:relative;
	top:-20px;
	left:-10px;
	
}

.EventRow_registernow_container a{
	display:block;
	/*
	width:100%;
	height:100%;
	color:white;
	*/
	
	
}
.EventDetails{
	/*
	border-bottom:1px solid gray;
	width:175px;
	*/
	
	width:20%;
	display:inline;
	background:#d9dfe5;
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	
}

.EventDetails_startdate_container{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
	
}

.EventDetails_enddate_container{
	padding-top:10px;
}

.eventdetails_EventTitle{
	font-size:1.8em;
	color:#ff740e;
}

.eventdetails_info_container{
	
	padding:0px;
	margin:0px;
	margin-top:15px;
}

.EventDetails_register_container{
	width:100%;
	background-color:#2f6cab;
	height:36px;
}

.EventDetails_register_container .RegisterButton{
	line-height:36px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	margin-top:10px;
}

.eventdetails_EventDescription{
	float:right;
	border-left:1px dotted #cccccc;
	/*
	background:green;
	*/
	width:68%;
	padding-right:20px;
	min-height:130px;
	padding-left:20px;
}

.eventdetails_EventDescription p{
	margin:0px!important;
}

.eventdetails_map_container{
	width:100%;
	height:400px;
}
/* end events module styles*/

/*
 *news,products used cars styles*/
.container_usedCarList{
    padding-top:10px;
    border-top:1px solid #d4d4d4;
    padding-top:7px;
    padding-bottom:7px;
    margin-left:10px;
    margin-right:10px;
    
}

.container_usedCarList .container_thumbnails {
width: 254px;
float: left;
}

.container_usedCarList .container_details {
width: 360px;
float: right;
line-height: 20px;
padding-left: 7px;
}

.container_usedCarList .container_details .container_text {
height: 83px;
overflow: hidden;
padding-top: 5px;
}

.container_usedCarList .container_details {
line-height: 20px;
}

.container_usedCarList .container_details .container_moredetails {
float: right;
background-color: #1f53b2;
width: 117px;
height: 20px;
padding-top: 4px;
text-align: center;
}

.container_moredetails a:link,.container_moredetails a:hover, .container_moredetails a:visited {
	color:#ffffff;
	text-decoration:none;
}

.title2,.title4{
	font-size:16px;
	font-weight:bold;
	
}

.dateposted{
	padding-bottom:15px;
}

.ProductsListTable td{
	margin:0px;
	padding:0px;
}

.ProductsListTable{
	border-collapse:collapse;
	width:100%;
}

/*end news products used cars styles*/
/* booking summary */
.BookingSummary
{
	background: #A0A0A0;
	border-radius: 5px 5px 5px 5px !important;
	padding-top: 8px;
	width: 260px;
	float: right;
}
.BookingSummary h4
{
	color: white;
	font-size: 14px;
	padding-left: 10px;
	
}
.BookingSummaryContentHolder
{
	background: #ffffff;
	border-radius: 0px 0px 5px 5px !important;
	border: 1px #A0A0A0 solid;
	padding-bottom: 15px;
}
.BookingSummaryContent
{
	padding-left: 10px;
}
.BookingSummaryContent thead th
{
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 2px solid #B1B1B1;
}
.BookingSummaryContent table
{
	border-spacing: 0;
	width: 240px;
}
.BookingSummaryContent td
{
	width: auto;
	padding-top: 3px;
	vertical-align: top;
	font-weight: normal;
}
.BookingSummaryContent thead th.qty
{
	padding: 0;
	text-align: center;
}
.BookingSummaryContent td.qty
{
	text-align: center;
}
.BookingSummaryContent thead th.desc
{
	padding-left: 8px;
	text-align: left;
}
.BookingSummaryContent td.desc
{
	padding-left: 8px;
}
.BookingSummaryContent td div
{
	font-size: 11px;
	line-height: 1.2em;
	color: #999;
}

/* end booking summary*/
/* booking registration*/
.BookingForOptions{
    padding-top:10px;
}

.whiteText, tr.whiteText td
{
	color: white;
	margin: 0;
	padding: 0 5px 5px 12px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
}
.BookingFor
{
	background: #A0A0A0;
	border-radius: 5px 5px 5px 5px !important;
	padding-top: 8px;
	font-size:12px;
}
.BookingForOptions
{
	background: #ffffff;
	border-radius: 5px 5px 5px 5px !important;
	border: 1px #A0A0A0 solid;
	padding: 13px 10px 8px 10px;
}


.BookingForOptions table tr th{
    font-size:12px;
}

.BookingFor td input[type=text] {
    background: none repeat scroll 0 0 white;
    border: 1px solid #E6E6E6;
    color: #333333;
    font-size: 12px!important;
    margin: 0;
    padding: 3px 4px;
    width: 68px;
}


.contentError
{
	display: block;
	margin: 0 0 10px 0;
	border: 1px dashed #9A9A9A;
	color: red;
}
.ErrorValidation
{
	background: white url(/images/bg-error.gif) 20px 14px no-repeat;
	padding: 24px 10px 0.5em 100px;
	height: 40px;
}
.contentError h6, .contentError span
{
	font-weight: bold;
	font-size: 13px;
	display:inline;
}
.contentError ul
{
	margin: 0 0 0 15px;
	padding: 0 0 20px 100px;
	list-style: disc outside;
}
.contentError ul li
{
	font-size: 10px;
}
/* duplicate by dan
.BookingSummary
{
	background: #A0A0A0;
	border-radius: 5px 5px 5px 5px !important;
	padding-top: 8px;
	width: 260px;
	float: right;
}
*/
.BookingSummaryContentHolder
{
	background: #ffffff;
	border-radius: 0px 0px 5px 5px !important;
	border: 1px #A0A0A0 solid;
	padding-bottom: 15px;
}
.BookingSummaryContent
{
	padding-left: 10px;
}
.BookingSummaryContent thead th
{
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 2px solid #B1B1B1;
}
.BookingSummaryContent table
{
	border-spacing: 0;
	width: 240px;
}
.BookingSummaryContent td
{
	width: auto;
	padding-top: 3px;
	vertical-align: top;
	font-weight: normal;
}
.BookingSummaryContent thead th.qty
{
	padding: 0;
	text-align: center;
}
.BookingSummaryContent td.qty
{
	text-align: center;
}
.BookingSummaryContent thead th.desc
{
	padding-left: 8px;
	text-align: left;
}
.BookingSummaryContent td.desc
{
	padding-left: 8px;
}
.BookingSummaryContent td div
{
	font-size: 11px;
	line-height: 1.2em;
	color: #999;
}
.BookingEventTitle
{
	font-weight: bold;
	color: #2f6cab !important;
	font-size: 12px !important;
}
.BookingEventType
{
	font-style: italic;
}
.PromoCode
{
	width: 100%;
	background-color: #F2F2F2;
	margin: 10px 0 5px 0;
	padding: 10px 0;
}
.PromoCode input
{
	margin: 0;
	padding: 3px 4px;
	color: #999;
	font-size: 11px;
	border: solid 1px #E6E6E6;
	background: white;
	width: 149px!important;
}
.border2
{
	float: left;
	display: block;
	border: 1px solid #D8D8D8;
	margin-left: 10px;	
}
.border3
{
	margin-left: 0px;
	margin-bottom: 10px;
}
.border4
{
	margin-left: 0px;
}
.ValidateButton input
{
	background: url(/images/btn-c-left.gif) no-repeat !important;
	padding-right: 12px !important;
	font-weight: bold !important;
	width: auto !important;
	padding-left: 12px !important;
	border-radius: 0px 3px 6px 0px !important;
	margin-left: 8px !important;
	color: white !important;
	border: none !important;
	height: 23px !important;
	padding-top: 0px !important;
}
.PaymentSummary
{
	width: 240px;
	border-collapse: collapse;
	border-bottom: 1px dotted #B1B1B1;
	margin-bottom: 8px;
}
.col1
{
	width: 160px !important;
}
.PaymentSummary td
{
	text-align: right;
	font-size:11px;
	
}
.PaymentSummary tr
{
	height: auto;
}
.grandtotal td
{
	font-weight: bold;
	color: #333;
}
.OthersBooking
{
	font-weight: bold;
	font-size:13px;
}
.border3 input, textarea
{
	margin: 0;
	padding: 3px 4px;
	color: #333;
	font-size: 1.0em;
	border: solid 1px #E6E6E6;
	background: white;
	width: 228px;
}
.SmallTexts
{
	font-size: 10px;
	width: 240px;
	padding-bottom: 3px;
}
.Attendeedetailscourse th
{
	font-weight: normal;
	color: #333333;
	padding: 0 5px 0 12px;
	vertical-align: top;
}
.Attendeedetailscourse td
{
	vertical-align: top;
	padding-bottom: 0px !important;
}
.Attendeedetailscourse tr
{
	height: auto;
}
table.Attendeedetailscourse, table.AttendeeDetails
{
	width: 100%;
	text-align: left;
}
th.course
{
	width: 40%;
}
th.time
{
	width: 25%;
}
th.location
{
	width: 20%;
}
th.price
{
	width: 15%;
}
.AttendeeDetails th, td
{
	font-weight: normal;
}

.BFO2
{
	padding-top: 4px;
	padding-right: 0px;
}
.AttendeeDetails span.border
{
	margin-left: 0px;
}
.AttendeeDetails td input
{
	width: auto;
}
.AttendeeDetails tbody tr td.title select
{
	width: 55px;
}
.AttendeeDetails tbody tr td.name input
{
	width: 80px;
}
.AttendeeDetails tbody tr td.email input
{
	width: 92px;
}
.AttendeeDetails tbody tr td.position input
{
	width: 70px;
}
.AttendeeDetails tbody tr td.phone input, .AttendeeDetails tbody tr td.mobile input
{
	width: 74px;
	font-size: 10px;
	padding: 4px 2px;
}
.AttendeeDetails tbody tr td.diet select
{
	width: 84px;
}
.delete-attendee
{
	text-indent: -9999px;
	display: block;
	width: 16px;
	height: 20px;
	background: url(/images/bg-deleteperson.gif) no-repeat;
	margin-top: 3px;
}
tr.height16
{
	height: 16px;
}
tr.height16 hr.dotted
{
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}
table.AttendeeDetails span.ValidateButton input
{
	background: url(/images/btn-c-d-left.gif) no-repeat !important;
	padding-left: 25px !important;
}
.BackNext
{
	text-align: right;
}
.BackBooking input
{
	background: url(/images/btn-c-c-left.gif) no-repeat !important;
	padding-left: 25px !important;
}
.NextBooking input
{
	background: url(/images/btn-c-right.png) no-repeat !important;
	padding-right: 25px !important;
	border-radius: 3px 0 3px 5px !important;
}
.FloatLeft
{
	float: left;
}
.FloatRight
{
	float: right;
}

.margin26R {
    margin-right: 26px;
}

.AddCourse input
{
	background: url(/images/btn-c-d-left.gif) no-repeat !important;
	padding-left: 25px !important;
}
.ProceedBooking input
{
	background: url(/images/btn-g-left.gif) no-repeat !important;
	padding: 5px 27px 12px 12px !important;
	font-size: 18px !important;
	height: 40px !important;
	border-radius: 4px 5px 14px 12px !important;
}
.CourseSuggest
{
	width: 100%;
	display: block;
	border-top: 1px dotted #CCC;
	padding-top: 15px;
	margin-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
.moduleRelatedCourse table
{
	width: 100%
}
.moduleRelatedCourse td
{
	color: #333;
	font-size: 13px;
}
.moduleRelatedCourse td.contentTitle
{
	width: 33.33%;
}
.moduleRelatedCourse td.description
{
	width: 33.33%;
	font-weight: normal;
}
.moduleRelatedCourse td.MoreInfo
{
	text-align: right;
}
.moduleRelatedCourse td.MoreInfo span.ValidateButton input
{
	background: url(/images/btn-c-right2.png) no-repeat !important;
	border-radius: 3px 3px 5px 5px !important;
	padding-right: 26px !important;
}
span.PaymentType
{
	color: #666 !important;
}
span.PaymentType input
{
	width: auto;
	margin-left: 15px;
}
span.PaymentType label
{
	font-weight: normal;
	padding-right: 5px;
}
span.totalAmount input
{
	background: #F4F4F4;
	border: 1px solid #CCC;
	color: #333;
	display: block;
	padding: 3px 0px 3px 10px !important;
	width: auto;
	margin-left: 26px;
}
.CreditCardDetails
{
	padding-top: 10px;
	height: 176px;
}
td.TextCard input
{
	width: 168px;
}
.margin26
{
	margin-left: 26px;
}
.margin26R
{
	margin-right: 26px;
}
.margin5
{
	margin-left: 5px;
}
td.CVVNumberText input
{
	width: 30px;
}
.WhatIsThis
{
	font-weight: normal;
	text-decoration: underline;
	padding-left: 5px;
	line-height: 15px;
	font-size:11px;
	color:#2f6cab;
	
}

.Note
{
	color: #666 !important;
	font-weight: normal;
}
.acceptedcards
{
	width: 160px;
	height: 35px;
	background: url(/images/logo-acceptcards.gif);
	margin-top: 10px;
}
.TermsAndConditions label
{
	font-weight: normal;
	margin-left: 5px;
}
span.AgreeToTerms input
{
	width: auto;
}
.BookNow input
{
	background: url(/images/btn-g2-left.gif) no-repeat !important;
	margin-left: 0px !important;
	padding-right: 30px !important;
}
.Cancel input
{
	font-size: 18px !important;
	height: 40px !important;
	border-radius: 4px 3px 7px 3px !important;
	background: url(/images/btn-g-a-left.gif) no-repeat !important;
	height: 36px !important;
}
.tooltipCVV
{
	padding-left: 135px;
	margin-top: -22px;
}
.tooltipCVV img
{
	border: 1px #CCC solid;
	padding: 5px !important;
}
.tooltipCVV
{
	display: none;
}
.ToolTipTerms
{
	color: #FF3030;
	background: url("/images/tooltip-bang.gif") no-repeat scroll 10px 10px transparent;
	border: 2px solid red;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px 5px 40px;
	width: 265px;
	margin-top: -16px;
}
.TriangleTerms
{
	background: url(/images/tooltip-triangle.gif) no-repeat;
	height: 5px;
	width: 8px;
	position: absolute;
	z-index: 1000;
}
.BookNowCancel
{	
	margin-top: 15px;
}
.PopUpTerms
{
	background: white;
	padding: 10px;
}
.PopUpTerms h6, .PopUpTerms h6 a:link, .PopUpTerms h6 a:visited, .PopUpTerms h6 a:hover
{
	color: #98D12B;
}

#BookingScheduleDetail tr th, #BookingScheduleDetail tr td{
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
}

#bookingheading{
    color:#2f6cab;
    font-size:21px;
}

#trContactDetail table tr td{
    font-size:12px;
    font-weight:bold;
}

.OnlineBooking tr {
    height: 30px;
}

.OnlineBooking td {
font-weight: bold;
width: 100px;
font-size:12px;
}

.OnlineBooking td input {
    margin: 0;
    padding: 3px 4px;
    color: #333;
    font-size: 12px;
    border: solid 1px #E6E6E6;
    background: white;
    width: 200px;
}

.OnlineBooking span.border {
float: right;
display: block;
border: 1px solid #D8D8D8;
/*margin-left: 10px; removed due to misalignment of input fields in payment details form*/
margin-top: -2px;
}

.BillingAdd {
    padding: 7px 10px;
    background: #F2F2F2;
    display: block;
    margin-top: 15px;
}

.ScheduleAttendeeRow h5{
    color:#2f6cab;
}

hr.dotted {
    border: none;
    border-bottom: 1px dotted #BBB;
    padding-top: 10px;
    margin-bottom: 10px;
}

/* end booking registration*/

/* payment details */
 .PaymentDetails span, .PaymentDetails input, .FloatRight, PaymentDetails table tr td{
    font-size:12px;
 }
 
 td.CVVNumberText input {
width: 30px;
}

td.TextCard input {
width: 168px;
}

span.totalAmount input {
background: #F4F4F4;
border: 1px solid #CCC;
color: #333;
display: block;
padding: 3px 0px 3px 10px !important;
width: auto;
margin-left: 26px;
}

span.PaymentType input {
width: auto;
margin-left: 15px;
}

span.AgreeToTerms input {
width: auto;
}

.DetailsLeft {
float: left;
width: 50%;
}
/* end payment details */

/******************************************************************************************/

/*@import url('http://fonts.googleapis.com/css?family=Open+Sans:200,300');*/

/*------------ START - MAIN HOME PAGE ---------*/

body.homeMainPage {
	background: url('../images/background.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 25px 0;
	color:#fff;
  	background-color:#333;
  	font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
}

a {
	outline: 0 !important;
}

	a:hover{
		text-decoration: none;
	}

.klevaKlipNavbar, .klevaKlipNavbar .navbar{
	background: #1f3d52;
	border: none;
}

.navbar-brand{
	padding-left: 0px;
	padding-right: 0px;
}

.yellowTheme{
	background: #ffa800;
	padding: 15px 70px;
}
.greenTheme{
	background: #aeac71;
	padding: 15px 40px;
}
.blueTheme{
	background: #1f3d52;
	padding: 15px 40px;
}

.navbar-header img {
	padding: 2px 0 1px 0;
}
.navbar-brand .greenTheme, .navbar-brand .blueTheme  {
	background: none;
	padding: 0;
}
.navbar-brand .yellowTheme {
	background: url(../images/logo-180px.png);
	background-repeat: no-repeat;
	width: 300px! important;
	height: 30px;
}
.yellowThemeNav{
	background: #ffa800;
	padding: 15px 20px;
	position: absolute;
	left: 10;
	top: 0;
}
.greenThemeNav{
	background: #aeac71;
	padding: 15px 20px;
	position: absolute;
	left: 50px;
	top: 0;
}
.blueThemeNav{
	background: #1f3d52;
	padding: 15px 20px;
	position: absolute;
	left: 80px;
	top: 0;
}



div.divLeftColumn > h1, div.divRightColumn > h1{
	margin: 60px 0 15px 0 !important;
	text-align: center !important;
}

div.divLeftColumn > h1, div.divRightColumn > h1, div.divLeftColumn > h1 a, div.divRightColumn > h1 a{
	font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-style: bold;
	font-size: 28px;
}

div.divLeftColumn > .description, div.divRightColumn > .description, div.divLeftColumn > .descriptionContent, div.divRightColumn > .descriptionContent, .thumbnail.smallThumbnailWithCaption > .caption > a strong{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
}

div.divLeftColumn > .descriptionContent, div.divRightColumn > .descriptionContent{
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	line-height: 13px;
}

.paddingLeftAndRight15px{
	padding-left: 15px;
	padding-right: 15px;
}

.homePageMainBlock{
	background-color:rgba(0,0,0,0.3);
	/* IE 8 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	height: 100%;
	margin:0 auto;
	border-radius: 10px;
	z-index: 1;
	margin-top: -35px;
}

.homePageLogo{
	z-index: 2;
	position: relative;
}
	.homePageLogo img{
		max-width: 370px;
		margin: 0 auto;
	}

	.followPageLogo img{
		max-width: 280px;
		margin: 0 auto;
	}

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 57.25%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}	

	
	.homePageBigThumbnail .thumbnail{
		background: none;
		border-radius: 0;
		border: none;
		height: 122px;
		margin-bottom: 8px;
		padding: 8px !important;
	}

	.homePageBigThumbnail .thumbnail:hover{
		background: none;
		border-radius: 0;
		border: none;
	}
	
.thumbnail {
	padding: 2px;
}	

/*.wrapperImageBigThumbnail{
	border: 1px solid #aeac71;
}*/

.thumbnail.smallThumbnailWithCaption{
	background-color:rgba(0,0,0,0.4);
	/* IE 8 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	border: none;
	padding: 10px;
}
	.thumbnail.smallThumbnailWithCaption > a > img {
	    border-radius: 4px;
        display: block;
	    height: auto;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 100%;
	}

	.thumbnail.smallThumbnailWithCaption > .caption {
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	    border-bottom-left-radius: 4px;
	    border-bottom-right-radius: 4px;
	    line-height: 13px;
	    margin-top: -32px;
    	padding: 3px 0;
	    position: relative;
	    text-align: center;
	    color: #FFFFFF;
	}

	.thumbnail.smallThumbnailWithCaption > .caption > a strong{
		font-style: normal !important;
	}

	.thumbnail.smallThumbnailWithCaption > .caption span{
		color: #838383;
		font-size: 10px;
		font-weight: bold;
	}

p.introductionText{
	min-height: 60px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	padding-top: 15px;
}
a.homeLink, a.homeLink:link,  a.homeLink:visited {
	background: #1f3d52;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 6px 0;
	display: block;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	margin: 7px 0;
}	
a.homeLink:hover {
	background: #ffa800;
}	

a.footerLink1, a.footerLink1:link,  a.footerLink1:visited {
	background: #9fadb8;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 6px 0;
	display: block;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	margin: 10px 0;
}	
a.footerLink1:hover {
	background: #ffa800;
}	
.aspectcorrect{
	overflow: hidden;
	position: relative;
}

.hrLine > div{
	background-color:rgba(0,0,0,0.4);
	/* IE 8 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
	height: 2px;
	margin: 10px 0;
}

.footerHomeMain, .footerHomeMain a {
    color: #FFFFFF;
    font-size: 14px;
}

.footerHomeMain a{
    font-weight: normal;
}

.web20Footer{
	padding-top: 30px;
	background: #1F3D52;
}

footer a{
	color: #FFFFFF !important;
}

a.footerThumbnail{
	background: none;
}

.container.copyrightAndFooterPart {
    margin-top: 20px;
}

.whiteColorFontAtFooter {
    color: #FFFFFF !important;
}
strong.whiteColorFontAtFooter a {text-transform: uppercase; font-weight: normal; text-decoration: none !important; font-size: 13px;}
.whiteColorFontAtFooter a:hover{
    color:#ffb600!important;
}





.adminControlMenus {
    background: #1F3D52;
}

.adminControlMenus a, .adminControlMenus div {
    color: #FFFFFF !important;
}

/*------------ END - MAIN HOME PAGE ---------*/

/*------------ START - KLEVAKLIP HOME PAGE ---------*/

.headBgKlevaHome {
	height: 430px;
	background: url('../images/headBgKlevaHome.png') center center no-repeat;
	background-size: cover;
	margin-top: -20px;
}

/* Don't show shadows when selecting text */
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }

.blueTheme_headerOver6Images{
	font-family: 'PT Sans', sans-serif;
	font-size: 40px;
	font-weight: bold;
	margin-top: 15px;
	color: rgba(31,61,82, 0.8);
    text-shadow: 3px 2px 1px #fff, 0 0 0 #000, 3px 2px 1px #fff;
}

.blueTheme_subHeaderOver6Images{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	margin-top: -10px;
	color: rgba(149,149,149, 0.8);
    text-shadow: 3px 2px 1px #fff, 0 0 0 #000, 3px 2px 1px #fff;
    margin-bottom: 10px;
}

.klevaKlipNavbar .dropdown-submenu:hover > .dropdown-menu{
	display:block;
}

.bigImageBelowHeader{
	border-radius: 0;
	padding: 0;
	border: none;
}
	.bigImageBelowHeader .thumbnail{
		background: none;
		border-radius: 0;
		border: 1px solid #000000;
		height: 200px;
		margin-bottom: 0px;
		padding: 0px !important;
	}

	.bigImageBelowHeader .thumbnail:hover{
		border: 1px solid #000000;
	}

.bigImageBelowHeader .bluetheme_Caption {
    background: #1f3d52;
    margin-left: 15px;
    margin-top: -58px;
    position: relative;
    color: #FFFFFF;
    padding: 2px 10px;
}

.bigImageBelowHeader .bluetheme_Caption > strong{
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 24px;
}

.imageBox{
	padding-bottom: 30px;
}

.tri-down {
	/* Styling block element, not required */
	position: relative;
	border-bottom: 1px solid #a3a3a3;
	background: none;
}

/* Required for Down Triangle */
.tri-down:before, .tri-down:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}

.divWrapperMainContent{
	background: #eaeaea;
	border-bottom: 1px solid #a3a3a3;
}

.contentComponent{
	margin-bottom: 40px;
}
	.contentComponent > .contentComponentHeader{
		margin-top: -25px;
	}
		.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent
		{
			font-family: 'PT Sans', sans-serif;
			color: rgba(174,172,113, 0.8);
			text-shadow: 2px 2px 1px #eaeaea, 0 0 0 #000, 2px 2px 1px #eaeaea;
		}
			.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent:after{
				/*content: "\7B";
				font-family: "Gill Sans MT";
				font-size: 70px;
				text-shadow: 3px 2px 1px #eaeaea, 0 0 0 #000, 3px 2px 1px #eaeaea;
				*/
			}

	.contentComponent > .contentComponentLongText > div{
		padding-right: 15px;
		font-family: Arial;
		font-size: 15px;
		color: #636363;
	}

.klevaFooter{
	padding-top: 45px;
	padding-bottom: 35px;
}

.klevaFooter * {
    color: #1f3d52 !important; 
    font-size: 10px !important;
}

.klevaFooter p {
    padding: 0;
    margin: 0;
}

.klevaFooter p a.footerText{
	color: #1f3d52 !important;
	font-family: Arial;
	font-weight: bold;
	margin: 0px 5px;
}

/* Mini Carousel*/
.carousel-control {
    padding-top:15% !important;
    width:5%;
    background: none !important;
    font-size: 40px !important;
    color: #FFFFFF;
}
	.carousel-control.left{
		margin-left: -5%;
	}
	.carousel-control.right{
		margin-right: -5%;
	}

.parentWrapperCarousel{
	max-height: 550px;
}

.carousel.slide img {
    width:100%;
    height:auto;
}

.modwoodPart{
	background: #284e65;
	border-radius: 5px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: 100%;
	max-width: 100%;
}
	.modwoodPart:after{
	    content: " ";
	    height: 100%;
	    position: absolute;
	    right: 0;
	    top: -20px;
	    border-radius: 15px;
	    background-image: url('../images/triangleImg.png');
	    width: 15%;
	}

.modwoodText{
	font-family: 'PT Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: -15px;
}
.linkSite{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: bold;
	color: #FFFFFF !important;
}
	.linkSite:hover{
		color: #ffb600 !important;
		text-decoration: none;
		outline: 0;
	}
	.linkSite.active, .linkSite.active:hover{
		color: #ffb600 !important;
	}
	.linkSite.active:before{
		border-right:none;
	    border-left: 10px solid #ffb600 !important;
	    border-bottom: 5px solid transparent;
	    border-top: 5px solid transparent;
	    content: "";
	    position: absolute;
	    left: 10px;
	    margin-top: 5px;
	}

.informationHeader_blueTheme, .informationHeader_blueTheme > span{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	color: #FFFFFF !important;
	font-size: 33px;
}
	.informationHeader_blueTheme > span{
		background: #1f3d52;
	}

.informationDescription_blueTheme, .informationDescription_blueTheme > span{
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF !important;
	margin-top: 10px;
}

.klevaKlipNavbar .linkOnNavbar > a {
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 15px;
}
.klevaKlipNavbar .linkOnNavbar.active > a{
	color: #1f3d52 !important;
	background: #bac4cb;
}
.klevaKlipNavbar .YellowThemeDDL .linkOnNavbar > a {
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 15px;
    height: 50px;
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}
.klevaKlipNavbar .YellowThemeDDL .linkOnNavbar.active > a{
	color: #1f3d52 !important;
	background: #ffa800;
}
	
.myHeader{

}

.modWoodBlankLine {
    margin: 0 0 10px;
    height: 0px;
}
.myHeader .navbar-nav {float: right;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  { color: #bac4cb;}
.navbar-default .navbar-nav>li>a { color: #fff;}

.navbar {
    border: none;
}

.navbar-default .navbar-collapse {
    border: 2px solid #bac4cb;
    border-radius: 10px;
    background: #fff;
    padding: 0;
}
.navbar-default h3 {
    font-size: 21px;
    font-weight: normal;
    color: #bac4cb;
    margin: 15px 0 10px 0;
    text-transform: uppercase;
    padding: 0 15px;
}
.sidebar-button a {   border-color: #bac4cb;
    border: 2px solid #bac4cb;
    color: #bac4cb;
    background: #fff;
    text-transform: uppercase;    
    font-size: 21px;
	font-family: 'PT Sans', sans-serif;  
	display: block;
	margin-top: 15px;
	padding: 15px;  
	    border-radius: 10px;
    }
ul.nav-stacked {
	margin-bottom: 15px;
}    
  
ul.nav-stacked li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-pills > li:first-child {display: none;}
.nav-pills > li a {
	padding: 3px 0 3px 15px;
	display: block;
    font-size: 16px;
	font-family: 'PT Sans', sans-serif;  	
	border-radius: 0;
}
.nav-pills > li a:hover {
	color: #ccb754;
 }
.dropdown-menu {    
 	position: relative;
 	top: 0;
    left: 0;
    width: 100%;
    border:none;
    border-radius: 0;
    -webkit-box-shadow:  none;
    box-shadow: 0;
    padding: 0 0 10px 15px; 
   margin:0 ;
}
ul.nav-stacked li.active > ul.dropdown-menu{
	display: block;    
}
ul.nav-stacked li.active >.dropdown-menu {
    display: block !important;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ccb754;
    background-color: #fff;
}
ul.nav-stacked li > ul.dropdown-menu li a {
	padding: 2px;   
    font-size: 15px;
	font-family: 'PT Sans', sans-serif;  	
	color: #1f3d52;	
}
ul.nav-stacked li > ul.dropdown-menu li a:before {
   font-family: FontAwesome;
   content: "\f0da";  
   color: #bac4cb;
   padding-right: 6px;
}     

ul.nav-stacked li.open  {
	border-right: 3px solid #ccb754;
}
ul.nav-stacked li.open, ul.nav-stacked li > ul.dropdown-menu li a:focus, ul.nav-stacked li > ul.dropdown-menu li a:hover, ul.nav-stacked li > ul.dropdown-menu > .active {
	background: #fff;
	color: #ccb754;
	border-right: 3px solid #ccb754;
}
.dropdown-submenu{
	position:relative;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #fff; color: #ccb754 !important;}
ul.nav-stacked li > ul.dropdown-menu li .active a:before {
    color: #bac4cb;
}
.sidebar-button a:hover { 
	background: #1f3d52;
	color: #fff;
	padding-right: 15px;
}	
.navbar-nav>li>.dropdown-menu {display:none !important;}
.navbar-nav>li .caret {display:none !important;}
/*------------ END - KLEVAKLIP HOME PAGE ---------*/

/*------------ START - BUILDING PRODUCTS HOME PAGE ---------*/

.buildingProductsNavbar .navbar{
	background: #ffa800;
	border: none;
}

.buildingProductsNavbar .linkOnNavbar > a{
	color: #4d4b02 !important;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 13px;
}
	.buildingProductsNavbar .linkOnNavbar.active > a{
		color: #1f3d52 !important;
		background: none !important;
	}

.headBgBuildingHome {
	height: 430px;
	background: url('../images/headBgBuildingHome.png') center center no-repeat;
	background-size: cover;
	margin-top: -20px;
}

.informationHeader_yellowTheme, .informationHeader_yellowTheme > span{
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 33px;
}
	.informationHeader_yellowTheme > span{
		background: #ffa800;
		line-height: 1.4em;
		padding: 5px;
	}

.informationDescription_yellowTheme{
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #243d51;
	margin-top: 10px;
}

.yellowTheme_headerOver6Images{
	font-family: 'PT Sans', sans-serif;
	font-size: 40px;
	font-weight: bold;
	margin-top: 15px;
	color: rgba(255,168,0, 0.8);
    text-shadow: 3px 2px 1px #fff, 0 0 0 #000, 3px 2px 1px #fff;
}

.bigImageBelowHeader .yellowtheme_Caption {
    background: #ffa800;
    margin-left: 15px;
    margin-top: -58px;
    position: relative;
    color: #FFFFFF;
    padding: 2px 10px;
}

.bigImageBelowHeader .yellowtheme_Caption > strong{
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}

.middleContentAtBuildingProducts{
	padding-top: 30px;
	padding-bottom: 30px;
}

.onePartMiddleContent > .onePartHeader{
	color: #ffa800;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.onePartMiddleContent > .onePartDescription{
	color: #686767;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 2;
    margin-top: 5px;
}

	.onePartMiddleContent > .onePartDescription > a{
		color: #1f3d52;
		text-decoration: underline;
	}

	

/*------------ END - BUILDING PRODUCTS HOME PAGE ---------*/

/*------------ START - BUILDING PRODUCTS CONTENT ---------*/
.nonBgContent{
	height: 430px;
	background: #FFFFFF;
	background-size: cover;
	margin-top: -20px;
}
	.nonBgContent .parentWrapperCarousel .carousel-control.yellowControl{
		color: #ffa800;
		padding-top: 15%;
	}

.yellowTheme_leftImageAtContentPage{
	border: 10px solid #ffa800;
	border-radius: 10px;
}

.informationDescription_yellowTheme.inforAtYellowContent > span{
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: #aeac71;
	margin-top: 10px;
}

.yellowContentPageDivMain > .container > div{
	margin-bottom: 50px;
}

.yellowContentPageDivMain .yellowTheme_headerOver6Images{
	margin-top: 50px;
	color: rgba(255,168,0, 0.8);
    text-shadow: 3px 2px 1px #EAEAEA, 0 0 0 #000, 3px 2px 1px #EAEAEA;
}

.yellowContentPageDivMain .blueTheme_subHeaderOver6Images{
    text-shadow: 3px 2px 1px #EAEAEA, 0 0 0 #000, 3px 2px 1px #EAEAEA;
}

.wrapperMiddleContentAtContentPage{
	margin-bottom: 50px;
}

.middleContentAtContentPage_NewsHeading{
	margin-top: 30px;
}
	.middleContentAtContentPage_NewsHeading > span{
		font-family: Arial;
		font-size: 20px;
		color: #202021;
	}

	.middleContentAtContentPage_NewsHeading > .lineMoreWithPlus{
		height: 3px;
		background: #ffa800;
	}

	.middleContentAtContentPage_NewsHeading > .lineMoreWithPlus span{
		background: #ffa800;
	    display: table;
	    margin-right: 15px;
	    position: absolute;
	    right: 0;
	    top: 15px;
	}
		.middleContentAtContentPage_NewsHeading > .lineMoreWithPlus span a{
			color: #FFFFFF;
			font-family: Arial;
			font-size: 10px;
			padding-left: 10px;
    		padding-right: 10px;
		}

.middleContentAtContentPage{
	margin-top: 20px;
}
	.middleContentAtContentPage .middleContentAtContentPage_Header{
		color: #000000;
		font-family: Arial;
		font-size: 15px;
		font-weight: bold;
	}

	.middleContentAtContentPage .middleContentAtContentPage_Content{
		color: #000000;
		font-family: Arial;
		font-size: 12px;
	}

/*------------ END - BUILDING PRODUCTS CONTENT ---------*/

/*------------ START - KLEVAKLIPS CONTENT ---------*/

.nonBgContent .parentWrapperCarousel .carousel-control.blueControl{
		color: #1F3D52;
		padding-top: 15%;
	}

.blueTheme_leftImageAtContentPage{
	border: 10px solid #1F3D52;
	border-radius: 10px;
}

.blueContentPageDivMain > .container > div{
	margin-bottom: 50px;
}

.blueContentPageDivMain .blueTheme_headerOver6Images{
	margin-top: 50px;
	color: rgba(31,61,82, 0.8);
    text-shadow: 3px 2px 1px #EAEAEA, 0 0 0 #000, 3px 2px 1px #EAEAEA;
}

.blueContentPageDivMain .blueTheme_subHeaderOver6Images{
    text-shadow: 3px 2px 1px #EAEAEA, 0 0 0 #000, 3px 2px 1px #EAEAEA;
}

.onePartMiddleContent > .onePartHeader.blueThemePartHeader{
	color: #1F3D52;
}

.middleContentAtContentPage_NewsHeading > .lineMoreWithPlus.blueThemeLine, .middleContentAtContentPage_NewsHeading > .lineMoreWithPlus.blueThemeLine span{
	background: #1F3D52;
}

/*------------ END - KLEVAKLIPS CONTENT ---------*/

/** OVERRIDE STYLES.CSS **/
ul.nav.navbar-nav li {
    margin-left: 0px;
    padding-left: 0px;
}
ul.gallery {display: block;}
	
	
@media(max-width:767px){
	.navbar-brand .yellowTheme {
	background: none;
	width: 0;
	height: 0;
	}
	.yellowTheme{
		padding: 15px 10px;
	}
	a.yellowTheme{
		padding: 15px 5px !important;
	}
	.greenTheme{
		padding: 15px 10px;
	}
	.blueTheme{
		padding: 15px 10px;
	}
	.blueTheme_headerOver6Images, .yellowTheme_headerOver6Images{
		font-size: 25px;
	}
	.blueTheme_subHeaderOver6Images, .yellowTheme_subHeaderOver6Images{
		font-size: 20px;
	}
	.thumbnail.smallThumbnailWithCaption > .caption {
		margin-top: 0;
		background: none;
		min-height: 43px;
	}	
	.positionLogoInKlevaklip{
		margin-top: 10px;
	}	
	.bigImageBelowHeader .bluetheme_Caption > strong, .bigImageBelowHeader .yellowtheme_Caption > strong{
		font-size: 18px;
	}
	.parentWrapperCarousel{
		padding-top: 10px;
	}
	/* Stroke */
	.tri-down:before {
		bottom: -27px;
		left: 156px;

		/* If 1px darken stroke slightly */
		border-top-color: #a3a3a3;
		border-width: 27px;
	}
	/* Fill */
	.tri-down:after {
		bottom: -26px;
		left: 157px;
		border-top-color: #FFFFFF;
		border-width: 26px;
	}	
	.divMainContent{
		padding-top: 35px;
	}
	.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent{
		font-size: 24px;
		line-height: 1.3em;		
	}
	.informationHeader_blueTheme > span, .informationHeader_blueTheme > span > span{
		font-size: 27px;
	}
	.klevaKlipNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li{
		list-style: none;
	}
	.klevaKlipNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li a{
		color: #FFFFFF;
		font-size: 14px;
	}
	.klevaKlipNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li:hover > a{
		background: #1F3D52 !important;
		color: #FFA800;
	}
	.buildingProductsNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li{
		list-style: none;
	}
	.buildingProductsNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li a{
		color: #FFFFFF;
		font-size: 14px;
	}
	.buildingProductsNavbar li.parentDropdownMenu.linkOnNavbar  ul.dropdownMenuLevel1 li:hover > a{
		color: #1F3D52;
	}
	
	.web20Footer > .container, .web20Footer > .container > .col-xs-12{
		padding-left: 0;
		padding-right: 0;
	}
		.web20Footer > .container > .col-xs-12.col-sm-2, .web20Footer > .container > .col-xs-12 > div{
			padding-left: 10px;
			padding-right: 10px;
		}
		.web20Footer > .container > .col-xs-12.col-sm-2{
			margin-top: 20px;
		}
		.web20Footer > .container > .col-xs-12.col-sm-10 .thumbnail.footerThumbnailx{
			padding: 2px;
		}
	.thumbnail.smallThumbnailWithCaption{
		min-height: 140px;
	}
	.thumbnail.smallThumbnailWithCaption > img{
		height: auto;
	}
	div.divRightColumn > h1{
	margin: 20px 0 15px 0 !important;
}
}

@media(min-width:768px){

	.yellowTheme{
		padding: 15px 20px;
	}
	.greenTheme{
		padding: 15px;
	}
	.blueTheme{
		padding: 15px 20px;
	}
	.divLeftColumn{
		border-right: 1px solid rgb(177, 176, 144);
	    border-right: 1px solid rgba(177, 176, 144, .1);
	}

	.blueTheme_headerOver6Images, .yellowTheme_headerOver6Images{
		font-size: 30px;
	}
	.blueTheme_subHeaderOver6Images, .yellowTheme_subHeaderOver6Images{
		font-size: 25px;
	}	
	/*.klevaKlipNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ffa800;
		position: absolute;
		margin-left: 45%;
	}	*/

	.klevaKlipNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.klevaKlipNavbar .dropdown-submenu{
		position:relative;
	}
	.klevaKlipNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.klevaKlipNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#FFA800;
	}
	.klevaKlipNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background-clip: none !important;
		border: none;
		border-radius: 0;
		padding: 0px;
	}	
	.klevaKlipNavbar li{
		list-style-type: none;
	}
	.klevaKlipNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
	}
	.klevaKlipNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #1F3D52 !important;
		color: #FFA800;
	}

	.bigImageBelowHeader .bluetheme_Caption > strong, .bigImageBelowHeader .yellowtheme_Caption > strong{
		font-size: 22px;
	}
	.buildingProductsNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.buildingProductsNavbar .dropdown-submenu{
		position:relative;
		-webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.175);
		box-shadow: 0 0px 6px rgba(0, 0, 0, 0.175);
	}
	.buildingProductsNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;

	}
	.buildingProductsNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.buildingProductsNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;

	}
	.buildingProductsNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#1F3D52;
	}
	.buildingProductsNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background: #FFA800;
		border: none;
		border-radius: 0;
		padding: 0px;
				-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.175);
		box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.175);	

	}
	.buildingProductsNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #1f3d52;
		position: absolute;

	}
	.buildingProductsNavbar li{
		list-style-type: none;
	}	
	.buildingProductsNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
		background: #1F3D52 !important;
		color: #FFF;
		border-bottom: 1px solid #FFF;
	}
	.buildingProductsNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #1F3D52 !important;
		color: #FFF;
	}	
	div.divLeftColumn > .descriptionContent, div.divRightColumn > .descriptionContent{
		min-height: 53px;
	}
	.positionLogoInKlevaklip{
		margin-top: 30px;
	}
	.parentWrapperCarousel{
		padding-top: 20px;
	}
	/* Stroke */
	.tri-down:before {
		bottom: -50px;
		left: 156px;

		/* If 1px darken stroke slightly */
		border-top-color: #a3a3a3;
		border-width: 50px;
	}
	/* Fill */
	.tri-down:after {
		bottom: -49px;
		left: 157px;
		border-top-color: #FFFFFF;
		border-width: 49px;
	}
	.divMainContent{
		padding-top: 65px;
	}
	.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent{
		font-size: 35px;
		line-height: 1.3em;		
	}
	.informationHeader_blueTheme > span, .informationHeader_blueTheme > span > span{
		font-size: 33px;
	}
	.klevaKlipNavbar .linkOnNavbar > a{
		padding-left: 6px;
		padding-right: 6px;
	}
	 .buildingProductsNavbar .linkOnNavbar > a{
		padding-left: 4px;
		padding-right: 4px;
	}
	.thumbnail.smallThumbnailWithCaption > img{
		height: 80px;
	}
	.thumbnail.smallThumbnailWithCaption > .caption {
		min-height: 43px;
	}
}

@media(min-width:992px){
.navbar-brand .yellowTheme {
	background: url(../images/logo-180px.png);
	background-repeat: no-repeat;

}
	.yellowTheme{
		padding: 15px 60px;
	}
	.greenTheme{
		padding: 15px 35px;
	}
	.blueTheme{
		padding: 15px 60px;
	}
	.divLeftColumn{
		border-right: 1px solid rgb(177, 176, 144);
	    border-right: 1px solid rgba(177, 176, 144, .1);
	}
	.blueTheme_headerOver6Images, .yellowTheme_headerOver6Images{
		font-size: 35px;
	}
	.blueTheme_subHeaderOver6Images, .yellowTheme_subHeaderOver6Images{
		font-size: 30px;
	}
    .homeMenuItemsPullRight {
        float: right !important;
    }
    /*.klevaKlipNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ffa800;
		position: absolute;
		margin-left: 45%;
	}	*/

	.bigImageBelowHeader .bluetheme_Caption > strong, .bigImageBelowHeader .yellowtheme_Caption > strong{
		font-size: 22px;
	}	
	.klevaKlipNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.klevaKlipNavbar .dropdown-submenu{
		position:relative;
	}
	.klevaKlipNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.klevaKlipNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#FFA800;
	}
	.klevaKlipNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background-clip: none !important;
		border: none;
		border-radius: 0;
		padding: 0px;
	}	
	.klevaKlipNavbar li{
		list-style-type: none;
	}
	.klevaKlipNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
	}
	.klevaKlipNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #1F3D52 !important;
		color: #FFA800;
	}	

	.buildingProductsNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.buildingProductsNavbar .dropdown-submenu{
		position:relative;
	}
	.buildingProductsNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;
	}
	.buildingProductsNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.buildingProductsNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;
	}
	.buildingProductsNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#1F3D52;
	}
	.buildingProductsNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background-clip: none !important;
		border: none;
		border-radius: 0;
		padding: 0px;
	}
	.buildingProductsNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #1f3d52;
		position: absolute;
		margin-left: 45%;
	}
	.buildingProductsNavbar li{
		list-style-type: none;
	}	
	.buildingProductsNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
	}
	.buildingProductsNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #FFA800 !important;
		color: #1F3D52;
	}
	.positionLogoInKlevaklip{
		margin-top: 10px;
	}
	.parentWrapperCarousel{
		padding-top: 20px;
	}	
	/* Stroke */
	.tri-down:before {
		bottom: -50px;
		left: 156px;

		/* If 1px darken stroke slightly */
		border-top-color: #a3a3a3;
		border-width: 50px;
	}
	/* Fill */
	.tri-down:after {
		bottom: -49px;
		left: 157px;
		border-top-color: #FFFFFF;
		border-width: 49px;
	}
	.divMainContent{
		padding-top: 65px;
	}
	.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent{
		font-size: 40px;
		line-height: 1.3em;		
	}
	.informationHeader_blueTheme > span, .informationHeader_blueTheme > span > span{
		font-size: 33px;
	}
	.klevaKlipNavbar .linkOnNavbar > a{
		padding-left: 8px;
		padding-right: 8px;
	}
.buildingProductsNavbar .linkOnNavbar > a{
		padding-left: 4px;
		padding-right: 4px;
	}

	.thumbnail.smallThumbnailWithCaption > img{
		height: 120px;
	}
	.web20Footer img{
		min-height: 118px;
	}
}

@media(min-width:1200px){
.navbar-brand .yellowTheme {
	background: url(../images/logo-180px.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 30px;
}
	.yellowTheme{
		padding: 15px 60px;
	}
	.greenTheme{
		padding: 15px 35px;
	}
	.blueTheme{
		padding: 15px 60px;
	}
	.divLeftColumn{
		border-right: 1px solid rgb(177, 176, 144);
	    border-right: 1px solid rgba(177, 176, 144, .1);
	}
	.blueTheme_headerOver6Images, .yellowTheme_headerOver6Images{
		font-size: 40px;
	}
	.blueTheme_subHeaderOver6Images, .yellowTheme_subHeaderOver6Images{
		font-size: 35px;
	}
    .homeMenuItemsPullRight {
        float: right !important;
    }
    /*.klevaKlipNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #ffa800;
		position: absolute;
		margin-left: 45%;
	}*/
		.klevaKlipNavbar .linkOnNavbar .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.klevaKlipNavbar .linkOnNavbar .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
	.klevaKlipNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.klevaKlipNavbar .dropdown-submenu{
		position:relative;
	}
	.klevaKlipNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.klevaKlipNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;
	}
	.klevaKlipNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#FFA800;
	}
	.klevaKlipNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background-clip: none !important;
		border: none;
		border-radius: 0;
		padding: 0px;
	}	
	.klevaKlipNavbar li{
		list-style-type: none;
	}
	.klevaKlipNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
	}
	.klevaKlipNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #1F3D52 !important;
		color: #FFA800;
	}

	.buildingProductsNavbar li.parentDropdownMenu:hover > ul.dropdown-menu{
		display: block;    
	}
	.buildingProductsNavbar .dropdown-submenu{
		position:relative;
	}
	.buildingProductsNavbar .dropdown-submenu > .dropdown-menu
	{
		top:0;
		left:100%;
		margin-top:0;
		margin-left:0;
		border-radius: 0;
	}
	.buildingProductsNavbar .dropdown-submenu:hover > .dropdown-menu{
		display:block;
	}
	.buildingProductsNavbar .dropdown-submenu > a:after{
		display:block;
		content:" ";
		float:right;
		width:0;
		height:0;
		border-color:transparent;
		border-style:solid;
		border-width:5px 0 5px 5px;
		border-left-color:#CCCCCC;
		margin-top:10px;
		margin-right:-10px;
	}
	.buildingProductsNavbar .dropdown-submenu:hover > a:after{
		border-left-color:#1F3D52;
	}
	.buildingProductsNavbar .dropdown-menu{
		color: #bcb884 !important;
		font-family: 'PT Sans', sans-serif;
		background-clip: none !important;
		border: none;
		border-radius: 0;
		padding: 0px;
	}
	.buildingProductsNavbar .linkOnNavbar.active:before{
		content: "";
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #1f3d52;
		position: absolute;
		margin-left: 45%;
	}
	.buildingProductsNavbar li{
		list-style-type: none;
	}	
	.buildingProductsNavbar .dropdown-menu > li > a{
		line-height: 2.8em;
		font-weight: bold;
	}
	.buildingProductsNavbar ul.dropdownMenuLevel1 li:hover > a{
		background: #FFA800 !important;
		color: #1F3D52;
	}
	.positionLogoInKlevaklip{
		margin-top: 30px;
	}
	.bigImageBelowHeader .bluetheme_Caption > strong, .bigImageBelowHeader .yellowtheme_Caption > strong{
		font-size: 24px;
	}
	.parentWrapperCarousel{
		padding-top: 20px;
	}	
	/* Stroke */
	.tri-down:before {
		bottom: -50px;
		left: 156px;

		/* If 1px darken stroke slightly */
		border-top-color: #a3a3a3;
		border-width: 50px;
	}
	/* Fill */
	.tri-down:after {
		bottom: -49px;
		left: 157px;
		border-top-color: #FFFFFF;
		border-width: 49px;
	}
	.divMainContent{
		padding-top: 65px;
	}
	.contentComponent > .contentComponentHeader > div.headerTextComponentAtMainContent{
		font-size:45px;
		line-height: 1.3em;
	}
	.informationHeader_blueTheme > span, .informationHeader_blueTheme > span > span{
		font-size: 33px;
	}
	.klevaKlipNavbar .linkOnNavbar > a{
		padding-left: 10px;
		padding-right: 10px;
		border-right: 1px solid #bac4cb;
	}
	.buildingProductsNavbar .linkOnNavbar > a{
		padding-left: 4px;
		padding-right: 4px;
	}
	
	.thumbnail.smallThumbnailWithCaption > img{
		height: 157px;
	}
	.web20Footer img{
		min-height: 142px;
	}
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
	padding-right: 5px;
    padding-left: 6px;
}
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
	padding-right: 5px;
    padding-left: 6px;
  }
}