/*
Website: http://www.thecoppertree.org
Description: Website to accompany the publication of the book The Copper Tre
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 01
Date: February 2012
Type: responsive.css
*/

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 480px
 * -------------------------------------------------------------------------------
 */

@media screen and (max-width: 479px) {

/* Logo */
.logo { width: 100%; text-align:center; float: none; }

/* Top menu */
.top-navigation {display: none;}

/* Search */
.search-wrapper { width: 100%; text-align:center; float: none;}
.construction { width: 80%; text-align:center; float: right; }
.search  { display: none; }


/* Main menu */
.menu-wrapper { height: 2.8em; }
.menu-wrapper select { float: right; width: 98%; margin: 0.3em;}
ul.top-menu li div.subnav { max-width: 95.8%; z-index: 1000;} 
ul.top-menu li:hover div.subnav ul.level2 li a { font-size: 0.9em;}

/* Submenu */
.left-nav ul li {font-size:1.1em;}

/* Banner */
.content-banner-container .banner .message { display: none }

/* Section title */
.section-title { display: none; }

/* Left nav */
.left-nav { display: none; }
.content-left-column { display:none; }

/* Pagetools */
#pageTools { display: none; }

/* Content columns */
/*.content-left-column { display: none; }*/
.content-left-column.flip { width: 100%; }
.content-right-column.flip { display: none; }
.content-right-column {float: none; width: 100%;}
.rgt-col-rgt-section {float:none; width: 100%; display: inline-block;}
.content-section {float:none; width: 100% /* 490px / 786px */; margin:2.2em 0 0 0 /* 22px 35px / 786px 0 0 */; padding-bottom:1em /* 58px */}

#quickLinks h3{display: block; width: 75%;}
#quickLinks div.quickLinks-item div { width: 75%;}
#quickLinks div.quickLinks-item { width: 100%; height: 100%;min-height: auto;}
#quickLinks a.quicklink-image
{
	bottom:5px;
}

#quickLinks img
{
    height: 80px;
}

/* jCarousel */
/*.jcarousel-skin-rotator .jcarousel-container-horizontal li 
{ 
	margin-right: 0.4em;
	width: 7.9em; 
}

.jcarousel-skin-rotator .jcarousel-container-horizontal li .focus-description
{
	width: 87.983%;
}*/

/* Breadcrump */
.breadcrumb-wrapper ul {margin-left: 0%/* 194px / 980px */}

/* Adobe reader container */
#adobeContainer { display: none; }

/* Footer */
.footer-wrapper {width:100%; padding:0.7em 0 /* 10px 0 */; height: 100%; min-height:11em /* 110px */; background-color:#e5e5e6; clear:both; text-align: center;}
.footer {width:95.703% /* 980px / 1024px */; margin:0 auto; padding:0; max-width: 98em;}
ul.footer-nav {width:100% /* 850px / 980px */; margin:0 0 0 0 /* 0 12px / 980px 0 0 */; padding:0; float:none}
ul.footer-nav li {float:none; color:#999; margin:0 0 0 0 /* 0 24px 0 0 */; font-size:1.2em;}
ul.footer-nav li a {color:#999; display: block; padding: 0.5em; background-color: #f1f1f1; margin-bottom: 0.2em;}
ul.footer-nav li a:hover {color:#ff3700}
ul.aware-logo { margin-top: 1.5em; }
ul.aware-logo a { color: #999; float:none; display: block; }
ul.aware-logo li:hover a { color: #ff3700;}
ul.footer-img { margin-top: 1.5em; }
ul.footer-img a { color: #999; float:none; display: block; }
ul.footer-img li:hover a { color: #ff3700;}

}

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 480px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 480px) {

/* Logo */
.logo { width: 25%; }

/* Top menu */
.top-navigation {display: none;}

/* Search */
.search-wrapper  { width: 205px; }

/* Main menu */
.menu-wrapper { height: 2.8em; }
.menu-wrapper select { float: right; margin: 0.3em; } 

/* Submenu */
.left-nav ul li {font-size:1.1em;}

/* Banner */
.content-banner-container .banner .message { width: 53%; display: inline-block }
.content-banner-container .banner .message span { font-size: 1em; left: 3.5%; line-height: 1em; }

/* Pagetools */
#pageTools span { display: none; }
#shareitContainerImage { width: 60%; }
#printContainer,#bookmarkContainer, #shareitContainer, #contactUsContainer { width: 78%; }
#pageToolsContainerLeft { width: 0%;}
#pageToolsContainer { width: 95% }

/* Content columns */
.content-left-column, .content-right-column.flip {width:23.959% /* 176px / 980px */; float:left; margin:0 1.836% 0 0 /* 0 18px 0 0 */; padding-bottom:8em /* 80px */; }
.content-left-column, .content-right-column.flip { margin:0 0 0 1.836% /* 0 0 0 18px */; }
.content-right-column, .content-left-column.flip {width:74.204% /* 786px / 980px */; float:left; margin:0}
.rgt-col-rgt-section {float:none; width: 100%;}
.content-section {float:none; width:100% /* 490px / 786px */; margin:0em 0 0 0 /* 22px 35px / 786px 0 0 */; padding-bottom:1em /* 58px */}

/* Breadcrump */
.breadcrumb-wrapper ul {margin-left:25.4% /* 194px / 980px */}

/* Adobe reader container */
#adobeContainer { display: inline-block; }

/* Adobe reader container */
#adobeContainer { display: block; }

/* Footer */
.footer-wrapper {width:100%; padding:1em 0 /* 10px 0 */; height:11em /* 110px */; background-color:#e5e5e6; clear:both}
.footer {width:95.703% /* 980px / 1024px */; margin:0 auto; padding:0; max-width: 98em;}
ul.footer-nav {width:80% /* 850px / 980px */; margin:0 1% 0 0 /* 0 12px / 980px 0 0 */; padding:0; float:left}
ul.footer-nav li {float:left; color:#999; margin:0 2.823% 0 0 /* 0 24px 0 0 */; font-size:1.2em}
ul.footer-nav li a {color:#999}
ul.footer-nav li a:hover {color:#ff3700}
ul.aware-logo a { color: #999; float:right; }
ul.aware-logo a:hover { color: #ff3700;}
ul.aware-logo img { margin-top: 0.5em }
ul.footer-img {width:100%; margin:0 1% 0 0 /* 0 12px / 980px 0 0 */; padding:0; float:left; padding: 2em 0 /* 20px 0 */;}
ul.footer-img li {float:left; color:#999; margin:0 2.823% 0 0 /* 0 24px 0 0 */; font-size:1.2em}
ul.footer-img li a {color:#999}
ul.footer-img li a:hover {color:#ff3700}

}

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 600px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 601px) {

/* Logo */
.logo { width: 25%; }

/* Top menu */
.top-navigation {width:31% ; display: inline-block;}
.top-navigation.top-navigation-pl {width:46px;}
.top-navigation ul li a {font-size:1.1em;}
.subsite_logo.subsite-logo-pl { width: calc(100% - 182px - 46px - 205px); height: 86px; }

/* Search */
.search-wrapper  { width: 205px; }

/* Main menu */

/* Submenu */
.left-nav ul li {font-size:1.1em;}

/* Banner */
.content-banner-container .banner .message span { font-size: 1.2em; left: 3.5%; line-height: 1.3em; }

/* Pagetools */
#pageTools { font-size: 1.1em; }
#pageTools span { display: inline-block; }

#shareitContainerImage 
{ 
	/* width: 25%; */
	width: 35%;
}

#printContainer,#bookmarkContainer, #shareitContainer, #contactUsContainer { margin-right: 0; }
#shareitContainer { position: relative; }

#twitterShare 
{ 
	position: absolute; 
	/* top: 0.3em; */
}

#printContainer,#bookmarkContainer, #shareitContainer, #contactUsContainer { width: 91%; }
#pageToolsContainerLeft { width: 0%;}
#pageToolsContainer { width: 95.483% }

/* Content columns */
.content-left-column, .content-right-column.flip {width:20.959% /* 176px / 980px */; float:left; margin:0 1.836% 0 0 /* 0 18px 0 0 */; padding-bottom:8em /* 80px */; }
.content-left-column, .content-right-column.flip { margin:0 0 0 1.836% /* 0 0 0 18px */; }
.content-right-column, .content-left-column.flip {width:77.204% /* 786px / 980px */; float:left; margin:0}
.rgt-col-rgt-section {float:left; width:43.078%; padding-bottom: 8em; }
.content-section {float:left; width:52.340% /* 490px / 786px */; margin:0em 4.452% 0 0 /* 22px 35px / 786px 0 0 */; padding-bottom:5.8em /* 58px */}

/* Breadcrump */
.breadcrumb-wrapper ul {margin-left:22.7% /* 194px / 980px */}

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -250% /* 40.5 / 960 */; height: 4em; width: 21em /* 349 / 960 */; top: 4em; }
.fce-product-group div a { bottom: 0.9em; width: 4.5em; height: 1em;}
.fce-product-group div a.industry { left: 22.5% /* 12px / 260px */; }
.fce-product-group div a.automotive { left: 48.2% /* 95px / 260px */; }
.fce-product-group div a.packaging { right: 0.4em /* 178px / 260px */; }
.fce-product-group div a.fce { bottom: 3.1em; width: 7em;}

}

/** 320 480 600
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 640px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 640px) {

/* Top menu */
.top-navigation {width:41% /* (574px - 15px) / 980px */;}
.top-navigation.top-navigation-pl {width:44px;}

/* Search */
.search-wrapper  { width: 205px; }
.subsite_logo.subsite-logo-pl { width: calc(100% - 182px - 46px - 205px); height: 86px; }

/* Main menu */
.menu-wrapper { height: 5.6em; }
ul.top-menu li ul.level2 { max-width: 95.8%; } 
ul.top-menu li:hover ul.level2 li a { font-size: 0.9em;}

/* Slider */
#content-banner .flex-caption { font-size: 1.1em; line-height: 1.2em;}
#content-banner .flex-caption h2 { font-size: 1.6em; padding-top: 0.1em; }
#content-banner .flex-container { height: 10em;}

/* Banner */
.content-banner-container .banner .message span { font-size: 1.2em; left: 3.5%; }

/* Content columns */
.content-left-column, .content-right-column.flip {width:17.959% /* 176px / 980px */; float:left; margin:0 1.836% 0 0 /* 0 18px 0 0 */; padding-bottom:4em /* 80px */; }
.content-left-column, .content-right-column.flip { margin:0 0 0 1.836% /* 0 0 0 18px */; }
.content-right-column, .content-left-column.flip {width:80.204% /* 786px / 980px */; float:left; margin:0}

/* Breadcrump */
.breadcrumb-wrapper ul {margin-left:19.795% /* 194px / 980px */}

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -300% /* 40.5 / 960 */; height: 5em; width: 27em /* 349 / 960 */; top: 3.2em; }
.fce-product-group div a { bottom: 0.9em; width: 6em; height: 1.2em; border: none;}
.fce-product-group div a.fce { width: 9em;}

}

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 768px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 768px) {

/* Top menu */
ul.top-menu li div.subnav { max-width: 96.5%; z-index: 1000;}
.top-navigation {width:46% /* (574px - 15px) / 980px */;}
.top-navigation.top-navigation-pl {width:44px;}
.subsite_logo.subsite-logo-pl { width: calc(100% - 179px - 46px - 205px); height: 86px; }
/* Search */
.search-wrapper  { width: 205px; } 

/* Banner */
.content-banner-container .banner .message { width: 43%; }
.content-banner-container .banner .message span { font-size: 1.3em; }

/* Content columns */
.rgt-col-rgt-section {float:left; width:33.078% }
.content-section {float:left; width:59.340% /* 490px / 786px */; margin:0em 4.452% 0 0 /* 22px 35px / 786px 0 0 */; padding-bottom:5.8em /* 58px */}

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -600% /* 40.5 / 960 */; height: 6em; width: 30em /* 349 / 960 */; top: 2.2em;}
.fce-product-group div a { bottom: 1.5em; width: 6.7em; height: 1.3em;}
.fce-product-group div a.fce { width: 9.5em;}

/* Content columns */
.product img
{
	margin-right: 0.5em;
}

.product p
{
	width: 55%;
}

}

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 800px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 800px) {

/* Top menu */
.top-navigation ul li a {font-size:1em;}
ul.top-menu li div.subnav { max-width: 97.2%; z-index: 1000;} 
ul.top-menu li:hover div.subnav ul.level2 li a { font-size: 1em;}

/* Slider */
#content-banner .flex-caption { font-size: 1.1em; line-height: 1.4em; }
#content-banner .flex-caption h2 { font-size: 1.8em; padding-top: 0.3em; }
#content-banner .flex-container { height: 28.2em;}

/* Banner */
.content-banner-container .banner .message span { font-size: 1.4em; }


/* Pagetools */
#pageTools { font-size: 100%; }
#printContainer,#bookmarkContainer, #shareitContainer, #contactUsContainer { margin-right: 5%; }

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -800% /* 40.5 / 960 */; }
.fce-product-group div a { width: 7em; height: 1.5em; border: none;}

/* Content columns */
.product img
{
	margin-right: 1em;
}

.product p
{
	width: 63%;
}

}

/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 960px
 * -------------------------------------------------------------------------------
 */

@media screen and (min-width: 960px) {

/* Logo */
.logo { width: 15.714% /* 154px / 980px */ }

/* Top menu */
.top-navigation ul li a {font-size:1.1em;}
.top-navigation { width: 35% /* (574px - 15px) / 980px */; }
.top-navigation.top-navigation-pl { width: 46px; }
.subsite_logo.subsite-logo-pl { width: calc(100% - 179px - 46px - 205px); height: 86px; }
ul.top-menu li div.subnav { max-width: 106em; z-index: 1000; } 

/* Submenu */
.left-nav ul li {font-size:1.1em;}

/* Slider */
#content-banner .flex-caption { font-size: 1.1em; line-height: 1.2em; }
#content-banner .flex-caption h2 { font-size: 2.1em; padding-top: 0.3em; }
#content-banner .flex-container { height: 28.2em;}

/* Banner */
.content-banner-container .banner .message span { font-size: 1.6em; left: 4.402%; line-height: 1.4em; }

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -1100% /* 40.5 / 960 */; height: 6em; width: 30em /* 349 / 960 */; }
.fce-product-group div a { width: 6.5em; border: none;}
.fce-product-group div a.fce { width: 9.7em; bottom: 3.5em;}

}


/**
 * ------------------------------------------------------------------------------- 
 * MIN-WIDTH 1000px and 1200px
 * -------------------------------------------------------------------------------
 */
@media screen and (min-width: 1024px) {

/* Top menu */
.menu-wrapper { height: 2.8em; }
.top-navigation ul li a {font-size:1.2em;}
ul.top-menu li div.subnav { max-width: 108.9em; z-index: 1000; } 

/* Submenu */
.left-nav ul li {font-size:100%;}

/* Slider */
#content-banner .flex-caption { font-size: 100%; line-height: 1.2em; }
#content-banner .flex-caption h2 { font-size: 2.8em; padding-top: 0em; margin-bottom: 10px; }
#content-banner .flex-caption .descriptionSpan p { margin-top: 10px!important; }
#content-banner .flex-container { /*height: 28.2em;*/ height:auto;}

/* FCE products group image on top */
.top-navigation ul li.fce-product-group div { left: -29.5em; height: 6.4em; width: 34.9em; }
.fce-product-group div a { bottom: 0.9em; width: 7.1em; height: 1.6em;}
.fce-product-group div a.fce { width: 10.5em;}

}


/**
 * ------------------------------------------------------------------------------- 
 * MAX-WIDTH 800px
 * -------------------------------------------------------------------------------
 */

@media screen and (max-width: 800px) {
	#content-banner
	{
		display: none!important;
	}
}

@media (max-width: 1024px)
{
	.msg-left{
		padding-left: 0px;
		background: none;
	}
	.qr-img{
		display: none;
	}

	.dl-btn {
	    height: 50px;
	    width: 130px;
	    margin-top:20px;
	}

	.download-title {
    	margin-top: 0px;
	}

	.msg-right {
		height: 80px; 
	}

}