/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
body{line-height:1.5;}
table{clear:right;display:block;width:98%;}
td,th{padding:3px;}
th{font-weight:700;}
.reset{clear:both;display:block;font-size:1px;height:0;line-height:0.1;margin:0;padding:0;}
.reset-left{clear:left;font-size:1px;height:0;line-height:0.1;margin:0;padding:0;}
a img{border:none;}

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #f2f2f2;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{color:#006BB7;font-weight:400;}

h1{font-size:3em;line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0;}
h3{font-size:14px;font-weight:700;line-height:1.25;margin-bottom:0;}
h4{font-size:12px;font-weight:700;line-height:1.25;margin-bottom:0;}
h5{font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:700;}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}


/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 1.5em;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus,a:hover{color:#006bb7;}
a{color:red;text-decoration:underline;}

blockquote{color:#666;font-style:italic;margin:1.5em;}
strong{font-weight:700;}
em{font-style:italic;}
sup,sub{line-height:0;}

abbr,acronym{border-bottom:1px dotted #666;}
address{font-style:italic;margin:0 0 1.5em;}
del{color:#666;}

pre,code{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}


/* Lists
-------------------------------------------------------------- */
li ul,li ol{margin:0;}
ul,ol{margin:0 0 15px;}
ul{list-style-type:none;}
ol li{margin-left:20px;}


/* Misc classes
-------------------------------------------------------------- */
.small{font-size:.8em;line-height:1.875em;margin-bottom:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide{display:none;}
.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}
.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}


/* layout elements
-------------------------------------------------------------- */
#container,#container-btm,#site-by {
margin:0 auto;
width:980px;
}

#container {
background:#fff url(/images/interface/bg-container-top.png) top center no-repeat;
}

#container-btm {
background:url(/images/interface/bg-container.png) top center no-repeat;
height:9px;
}

#wrapper {
margin:0 auto;
width:960px;
}

#header,#content,#footer,#banner {
float:left;
position:relative;
width:100%;
}

#header {
height:97px;
}

#header h1 {
border:none !important;
left:0;
position:absolute;
top:11px;
}

#header h1 a {
background:#fff url("/images/interface/logo-recochem.gif") no-repeat !important;
border:none !important;
display:block;
height:86px;
position:relative;
text-indent:-9999px;
width:283px;
}

#header h1 img {
display:none;
}

.lang-fr #header h1 a {
background:#fff url("/images/interface/logo-recochem-fr.gif") no-repeat !important;
border:none !important;
display:block;
height:86px;
position:relative;
text-indent:-9999px;
width:287px;
}

#country-select {
float:right;
left:540px;
position:absolute;
text-align:right;
top:20px;
width:200px;
}

#banner {
height:111px;
}

#banner-flash {
height:302px;
}

#content {
background:url(/images/interface/bg-content.jpg) top center no-repeat;
padding-bottom:30px;
padding-top:30px;
}

#home-news {
float:left;
position:relative;
width:315px;
}

#news-container {
padding-left:20px;
}

#home-intro {
float:right;
position:relative;
width:600px;
}

.column-half {
float:left;
margin-right:10px;
width:260px;
}

#sidebar {
float:left;
margin-top:30px;
padding-left:20px !important;
width:205px;
}

#main {
margin-left:260px;
margin-top:30px;
padding-bottom:40px;
text-align:left;
width:670px;
}

#main p {
padding-right:10px;
}

#main table {
border-collapse:collapse;
padding-bottom:5px;
}

#main th,#main td {
border:1px solid #000;
text-align:center;
}

#main ul li {
list-style-type:disc;
margin-left:15px;
}

#main ul li ul li {
list-style-type:square;
}

#main ul.list-two-column li {
float:left;
width:250px;
}

#sidebar-right {
float:right;
margin:0 0 30px 30px;
padding:0;
width:155px;
}

#sidebar-right ul {
background:#E9E9E9;
margin-top:10px;
padding:10px;
}

#footer {
background:url(/images/interface/bg-footer.gif) top center no-repeat;
height:52px;
padding-top:5px;
}

#footer ul {
padding:5px 20px 0;
}

#footer p,#footer li {
color:#fff;
font-size:10px;
padding:0;
}

#footer li {
float:left;
}

#footer li a {
color:#fff;
padding:0 10px 0 0;
text-decoration:none;
}

#footer li a:hover {
color:#ADD2F1;
}

#site-by {
color:#888;
font-size:10px;
padding:7px 20px 0 0;
text-align:right;
}

#site-by a {
color:inherit;
}

/* search
-------------------------------------------------------------- */
#main.search_results {margin-left: 20px}
#main.search_results a + h3, #main.search_results h3 + h3  {margin-top:20px}
#main.search_results p {margin:0}
#main.search_results p + p {margin-top:1em}

#search_form {
color:#777;
font-size:10px;
position:absolute;
right:10px;
top:18px;
}

#search_form input[type="text"] {
border-color:#D0D0D0;
border-style:solid;
border-width:1px 0 1px 1px;
color:#777;
font-size:10px;
height:11px;
padding:5px 5px 4px 10px;
vertical-align:top;
width:150px;
}

#search_form input[type="image"] {
position:relative;
vertical-align:top;
}

/* navigation elements
-------------------------------------------------------------- */
ul.subnav {
position: absolute;
top: 72px; left: 350px;
width: 600px;
float: right;
}
ul.subnav li {
float: right;
list-style: none;
padding-left: 7px;
padding-right: 7px;
border-left: 1px #ccc solid;
}
ul.subnav li.first {
border-left: none;
}
ul.subnav li a{
color: #005DA0;
text-decoration: none;
font-size: 11px;
}


/* Main Nav here 
*******************************************************************/




/* English Main Nav here 
*******************************************************************/
.lang- #nav {
margin:0;
padding:0;
position:relative;
}

.lang- #nav ul.mainnav {
background:url("/images/interface/nav_australia.gif") no-repeat;
height:30px;
margin-bottom:0;
position:relative;
width:960px;
}

.lang- #nav ul li.mainnav {
float:left;
list-style:none;
}

.lang- #nav ul li a.mainnav {
background:url("/images/interface/nav_australia.gif") no-repeat;
border:none !important;
height:30px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
top:0;
}

.lang- #nav ul li#nav-1 a{background:url("/images/interface/nav_australia.gif") -57px 0 no-repeat;left:57px;width:181px;}
.lang- #nav ul li#nav-2 a{background:url("/images/interface/nav_australia.gif") -282px 0 no-repeat;border:#f90 1px solid;left:282px;width:183px;}
.lang- #nav ul li#nav-3 a{background:url("/images/interface/nav_australia.gif") -504px 0 no-repeat;left:504px;width:188px;}
.lang- #nav ul li#nav-4 a{background:url("/images/interface/nav_australia.gif") -740px 0 no-repeat;left:740px;width:166px;}

.lang- #nav ul li#nav-1 a:hover{background-position:-57px -36px;}
.lang- #nav ul li#nav-2 a:hover,.lang- #nav ul li#nav-2 a.over{background-position:-282px -36px;}
.lang- #nav ul li#nav-3 a:hover,.lang- #nav ul li#nav-3 a.over{background-position:-504px -36px;}
.lang- #nav ul li#nav-4 a:hover,.lang- #nav ul li#nav-4 a.over{background-position:-740px -36px;}

.lang- #nav ul li#nav-1 a.active,.lang- #nav ul li#nav-1 a.active:hover{background-position:-57px -71px;}
.lang- #nav ul li#nav-2 a.active,.lang- #nav ul li#nav-2 a.active:hover{background-position:-282px -71px;}
.lang- #nav ul li#nav-3 a.active,.lang- #nav ul li#nav-3 a.active:hover{background-position:-504px -71px;}
.lang- #nav ul li#nav-4 a.active,.lang- #nav ul li#nav-4 a.active:hover{background-position:-740px -71px;}

/* ---------------------------------------- */

.sidenav {
background:#004980 url("/images/interface/sidebar-nav-top.gif") no-repeat;
margin-bottom:20px;
position:relative;
}

.sidenav ul {
background:url("/images/interface/sidebar-nav-btm.gif") bottom left no-repeat;
padding:5px 5px 3px;
}

.sidenav li ul,.sidenav li li {
background:none !important;
line-height:13px;
margin:0 !important;
padding:5px 0 0 !important;
}

.sidenav li li a {
padding:0 0 0 15px !important;
}

.sidenav li {
background:url("/images/interface/sidebar-inner-nav-top.gif") no-repeat;
margin-bottom:2px;
}

.sidenav li span {
background:url("/images/interface/sidebar-inner-nav-btm.gif") no-repeat bottom left;
display:block;
font-size:0.1em;
height:5px;
line-height:0;
margin:0;
padding:0;
}

.sidenav h4 {
height:auto;
margin:10px 0 0 15px;
}

.sidenav li li li a {
padding-left:25px !important;
}

.list li a {
color:#006bb7;
display:block;
font-size:11px;
padding:6px 0 1px 5px;
text-decoration:none;
}

.list a:hover {
color:red;
}

.list li a.active {
color:red;
}

.list h3 {
color:#fff;
font-size:12px;
font-weight:700;
padding:15px 0 1px 10px;
}

.list li p {
color:#666;
font-size:10px;
padding:6px 0 1px 5px;
}


/* product elements
-------------------------------------------------------------- */

.product-container, .product-container-3 {
width: 670px;
background: #f5f5f5 url("/images/interface/bg-productcontainer.gif") no-repeat;
padding: 0 0 10px 0;
margin: 30px 0 0 0;
border-bottom: 1px #C8DDE9 solid;
}
.product-container-3 {
    float: left;
    width: 217px;
    min-height: 230px;
    height: auto !important;
    height: 230px;
    background-image: url(/images/interface/bg-productcontainer-3.gif);
    margin-right: 6px;
}
.product-container-no-img {
    min-height: 135px;
    height: auto !important;
    height: 135px;
}

.product-container h3, .product-container-3 h3 {
display: block;
position: relative;
float: left;
width: 350px;
margin: 0; 
padding: 5px 0 15px 5px;
height: 16px;
}
.product-container-3 h3 {
    display: block;
    float: none;
    width: auto;
}
.product-container-3 h3 a, .product-container-3 h3 a:hover {
    color: #006BB7;
    text-decoration: none;
}

.product-container h5, .product-container-3 h5 {
font-size: 12px;
color: #666;
margin: 0; padding: 5px 0 0 15px;
}

.product-container-3 .single-featured { display: none; }
.product-container-3 .single-featured-1 { display: block; }
#main .product-container-3 .single-featured-1 li {margin-left:25px}

.product, .featured-product{
position: relative;
float: left;
width: 206px;
height: 175px;
border: 1px #E1E1E1 solid;

background: #fff;
margin: 10px 0 0 7px; padding: 0;
overflow:hidden;
}
.product-container-3 .product {
    float: none;
    width: 200px;
}

.featured-product{
width: 270px;
border: none;
border-bottom: 1px #E1E1E1 solid;
}
.product h4, .featured-product h4{

padding: 5px 0 0 0;
margin-top: 20px;
font-size: 11px;
}
.product p , .featured-product p{
margin: 0; padding: 0;
font-size: 11px;
}
.product img, .featured-product img{
	float: left;
}
.img-holder {
height: 165px;
width: 76px;
float: left;
margin-right: 10px;
overflow: hidden;
}
.get-more-info{
float: right;
width: 300px;
height: 16px;
margin:0; padding: 5px 5px 15px 5px;
text-align: right;
}
.get-more-info a{
color: #006bb7;
}
.get-more-info a:hover{
color: #ff0000;
}

p.more{
color: #ff0000;
padding-bottom: 5px;
text-transform: uppercase;
}
.see-all-products {
text-align: right;
height: 30px;
margin-bottom: 30px;
border-top: 1px #C8DDE9 solid;
background: #fff url("/images/interface/see-more-products.png") top right no-repeat;
}
.see-all-products p{
text-align: right;
margin: 0;
padding: 3px 10px 5px 10px;
}


/* form elements
-------------------------------------------------------------- */

form.country {
font-size: 10px;
}
form.country select, form.country option, form.country label {
font-size: 10px;
color: #777;
}

/* Slideshow
-------------------------------------------------------------- */
#slideshow {
height:302px;
position:relative;
width:960px;
}

#slideshow .slides .slide {
height:auto;
left:0;
position:absolute;
top:0;
z-index:1;
}

#slideshow .slides .active {
z-index:2;
}

#slideshow .slides .text {
color:#fff;
font-size:18px;
height:262px;
line-height:1.2;
padding:35px 10px 0 30px;
position:absolute;
right:0;
text-align:left;
top:0;
width:385px;
}

#slideshow .slides .text h2 {
color:#fff;
font-size:25px;
margin-bottom:10px;
}

#slideshow .slides .text p {padding-right:100px;}

#slideshow .slides .learn-more {
bottom:19px;
display:block;
height:25px;
overflow:hidden;
position:absolute;
right:18px;
text-decoration:none;
width:90px;
}

#slideshow .slides .learn-more img {vertical-align:top;}
#slideshow .slides .learn-more span {visibility:hidden;}

#slideshow .controls {
bottom:15px;
left:10px;
position:absolute;
z-index:10;
}

#slideshow .controls .control {
background:#012;
color:#fff;
display:block;
float:left;
font-weight:700;
height:20px;
line-height:20px;
margin-left:5px;
position:relative;
text-align:center;
text-decoration:none;
width:15px;
z-index:10;
}

#slideshow .controls .active{background:#4d5864;}
#slideshow .controls .play,#slideshow .controls .pause{overflow:hidden;text-indent:-9999px;}
#slideshow .controls .play{background:url(/images/interface/play.png) no-repeat scroll 0 0 transparent;}
#slideshow .controls .pause{background:url(/images/interface/pause.png) no-repeat scroll 0 0 transparent;}

/* jquery
---------------------------------------------------------------*/
a:focus {
	outline: none;
}
.panel {
display: none;
padding-bottom: 10px;
background: #fff url("/images/interface/bg-panel.gif") repeat-y;
border-bottom: 1px #C8DDE9 solid;

}
.slide {
text-align: right;
height: 35px;
padding: 0;
margin-bottom: 0;
}
.btn-slide {
	text-align: center;
	width: 134px;
	height: 30px;
	padding: 5px 5px 0 0;
	margin-left: 525px;
	display: block;
	color: #ff0000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 5px;
	background: #fff url("/images/interface/see-more-products.png") top right no-repeat;
}


/* Timeline
*********************************************************************/
		.timeline{width:677px;height:553px;background:url(/media/timeline/img/bg1.png);overflow:hidden;}
		.control-frame{width:674px;overflow:hidden;position:relative;background:url(/media/timeline/bar.png);margin:20px 0 0 1px;}
		.control-frame .controls{width:9999px;position:relative;}
		#control-frame  .controls .control{float:left;margin-left:10px;font-size:20px;background:none;padding:10px 10px;cursor:pointer}
		.controls .control:first-child{margin-left:0}
		.controls .control.active{background-color:#013356;color:#fff;}
		.slides{overflow:hidden;}
		.slides .slide{display:none;height:427px;text-align:center;margin-right:-1200px;}
		.slides .slide:first-child{display:block;margin-right:0;}
		.clear{clear:both}