body.tools #splash {
	background:url(img/tools/bg-splash.png) no-repeat center center;
	height:319px;
	margin:20px auto;
	padding:46px 0 0 39px;
	width:896px;
}
body.tools .wrapper.threecols .col {
	margin-bottom:31px;
}

body.tools .wrapper.threecols h2,
body.tools .wrapper.threecols h4 {
	color:#767676;
	font-size:30px;
	letter-spacing:-2px;
	line-height:30px;
	text-transform:uppercase;
}
body.tools .wrapper.threecols h3 {
	font-size:50px;
	letter-spacing:-2px;
	line-height:45px;
	text-transform:uppercase;
}

/* Timeline */

#timeline {margin:0 auto 20px;}
#timeline ul.centuries {
	border-bottom:7px solid #3b3422;
	height:37px;
	padding:0 4px;
	width:962px;
}
#timeline ul.centuries li {float:left; font-size:25px;}
#timeline ul.centuries li a {
	background:#bb9432;
	color:#fff;
	display:block;
	font-weight:bold;
	height:29px;
	margin:0 1px 0 0;
	padding:8px 0 0;
	text-align:center;
	text-decoration:none;
	width:73px;
}
#timeline ul.centuries li a:hover {background:#59513c;}
#timeline ul.centuries li.active a {background:#3b3422;}
#timeline ul.decades,
#timeline .decades_empty {
	background:#3b3422;
	border-bottom:5px solid #8a7a4e;
	height:14px;
	padding:0 35px;
	width:900px;
}
#timeline ul.decades li {
	background:#574d32;
	float:left;
	font-size:8px;
	margin: 0 2px 0 0;
}
#timeline ul.decades li a {
	color:#fff;
	display:block;
	height:11px;
	padding:2px 0 0;
	text-align:center;
	text-decoration:none;
	width:95px;
}
#timeline ul.decades li a:hover {background:#675d42;}
#timeline ul.decades li.active a {background:#8a7a4e; height:12px;}
#timeline .content {overflow:auto; width:971px;}
#timeline .content .frieze {width:72325px;}
#timeline .content .clear {clear:both;}
#timeline .content .frieze img {
	display:block;
	float:left;
}
#timeline .slider-container {
	background:#3b3422;
	padding:21px 17px;
	width:936px;
}
#timeline .slider-container .ui-widget-content {background: #3b3422 url(img/tools/bg-slider.png) no-repeat center;}
#timeline .slider-container .ui-slider-handle {background:url(img/tools/slider.png) no-repeat center center;}
#timeline .slider-container .ui-slider {position: relative; text-align: left;}
#timeline .slider-container .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 20;
	width: 27px;
	height: 27px;
	cursor: pointer;
}
#timeline .slider-container .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 1%;
	display: block;
	border: 0;
}
#timeline .slider-container .ui-slider-horizontal {height: .8em;}
#timeline .slider-container .ui-slider-horizontal .ui-slider-handle {top: -6px; margin-left: -12px;}
#timeline .slider-container .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
#timeline .slider-container .ui-slider-horizontal .ui-slider-range-min {left: 0;}
#timeline .slider-container .ui-slider-horizontal .ui-slider-range-max {right: 0;}


#timeline .slider-container .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
#timeline .slider-container .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
#timeline .slider-container .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
#loadingZone {
	color:#3b3422;
	background:#fff;
	border:1px solid #3b3422;
	font-size:12px;
	padding:5px 6px;
	position:absolute;
	width:120px;
}

/* Instruments */

.instruments .wrapper {
	background:#211e13;
	color:#fff;
	margin:0 auto;
	width:935px;
}
.instruments .tools-index {
	background:url(img/tools/instruments/boston-glass.png) 0 0 no-repeat;
	padding:600px 0 0;
	float:left;
	width:260px;
}
.instruments .tools-index ul {
	position:absolute;
	z-index:1000;
}
.instruments .tools-index ul li {
	font-size:16px;
	letter-spacing:-1px;
	line-height:22px;
	margin:0 0 0 43px;
	text-transform:uppercase;	
	width:217px;
}
.instruments .tools-index ul li a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.instruments h3 {
	color:#b6a885;
	font-size:48px;
	margin:0 0 15px;
}	
.instruments p {
	color:#d1cfcb;
    font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
	margin:0 20px 0 0;
	padding:0 2px 27px;
}
.instruments.fr p {
	padding:0 2px 13px;
}
.instruments em {
	font-style:italic;
}
.instruments .intro {
	background:url(img/tools/instruments/bg-top.png) right top no-repeat;
	float:right;
	height:311px;
	padding:45px 0 0 58px;
	width:617px;
}
.instruments .intro img.legend {
	color:#b6a885;
	display:block;
	margin:12px 0 0;
	text-transform:uppercase;
}
.instruments h2 {
	color:#fff;
	font-size:80px;
	text-transform:uppercase;
}
.instruments #bar-spoon {
	background:url(img/tools/instruments/bg-bar-spoon.png) right top no-repeat;
	float:right;
	height:284px;
	padding:84px 0 0 58px;
	width:617px;
}
.instruments #bar-spoon h3 {
	padding:0 5px;
}
.instruments #double-strainers {
	background:url(img/tools/instruments/bg-double-strainers.png) right top no-repeat;
	clear:both;
	height:201px;
	padding:54px 0 0 318px;
	width:617px;
}
.instruments #double-strainers h3 {
	margin:0 0 7px;
}
.instruments #hawthorn-strainer {
	background:url(img/tools/instruments/bg-hawthorn-strainers.png) 163px 0 no-repeat;
	height:292px;
	padding:40px 0 0 318px;
	width:617px;
}
.instruments #hawthorn-strainer h3 {
	padding:0 0 0 120px;
}
.instruments #hawthorn-strainer p {
	margin:0 0 0 290px;
}
.instruments #julep-strainer {
	background:url(img/tools/instruments/bg-julep-strainer.png) right top no-repeat;
	height:217px;
	padding:0 0 0 318px;
	width:617px;
}
.instruments #julep-strainer h3 {
}
.instruments #julep-strainer p {
	margin:0 0 0 100px;
	width:272px;
}
.instruments #measure {
	background:url(img/tools/instruments/bg-measure.png) right top no-repeat;
	padding:0 0 0 318px;
	width:617px;
}
.instruments #measure h3 {
	margin:0 0 0 254px;
}
.instruments #measure p.right {
	margin:23px 0 0 254px;
	width:342px;
}
.instruments #knife {
	background:url(img/tools/instruments/bg-knife.png) right bottom no-repeat;
	padding:0 0 0 318px;
	width:617px;
}
.instruments #knife h3 {
	border-top:1px solid #5a523e;
	padding:26px 0 0;
}
.instruments #squeezer {
	background:url(img/tools/instruments/bg-squeezer.png) right top no-repeat;
	padding:20px 0 0 318px;
	width:617px;
}
.instruments #squeezer p.left {
	width:330px;
}
.instruments #mixing-glass {
	padding:0 0 0 318px;
	width:617px;
}
.instruments #mixing-glass h3 {
	padding:22px 0 0;
	border-top:1px solid #5a523e;
}
.instruments #muddler {
	background:url(img/tools/instruments/bg-muddler.png) right top no-repeat;
	padding:26px 0 0 318px;
	width:617px;
}
.instruments #muddler h3 {
	margin:0 0 29px 378px;
}
.instruments #peeler {
	background:url(img/tools/instruments/bg-peeler.png) right top no-repeat;
	padding:35px 0 0 318px;
	width:617px;
}
.instruments #peeler {
	margin:0 0 34px;
}
.instruments #peeler p.left {
	padding:0;
	width:290px;
}
.instruments #shaker {
	background:url(img/tools/instruments/bg-shaker.png) right 29px no-repeat;
	padding:0 0 178px 318px;
	width:617px;
}
.instruments #shaker h3 {
	border-top:1px solid #5a523e;
	padding:23px 0 0;
}
.instruments #shaker .first p {
	width:256px
}
.instruments #shaker .first p .shaker-pic {
	float:left
}
.instruments #shaker .second {
	border-bottom:1px solid #5a523e;
	padding:0 0 15px;
}
.instruments #shaker .second p {
	width:310px
}

/* Techniques */
.techniques {
	color:#000;
}
.techniques .wrapper {
	margin:0 auto 38px;
	width:935px;
}
.techniques .wrapper h3,
.techniques .wrapper p,
.techniques .wrapper li,
.techniques .wrapper a {
	color:inherit;
}
.techniques  .top  h2, body.tools.techniques  .top img {
	display:block;	
	margin:0 auto;
	width:435px;
}
.techniques .top {
	background:url(img/tools/techniques/bg-covers.png) no-repeat;
	height:311px;
	padding:34px 0 20px;
	text-align:center;
	text-transform:uppercase;
}
.techniques .techniques-index {
	background:url(img/tools/techniques/bg-index.png) 0 0 no-repeat;
	float:left;
	height:220px;
	padding:66px 0 0;
	width:300px;
}
.techniques .techniques-index a {color: #000;}
.techniques #IE6 .techniques-index {width: 280px;}
.techniques .techniques-index ul {
	position:absolute;
	z-index:1000;
}
.techniques .techniques-index ul li {
	font-size:16px;
	letter-spacing:-1px;
	line-height:22px;
	margin:0 0 0 43px;
	text-transform:uppercase;	
	width:217px;
}
.techniques .techniques-index ul li a {
	font-weight:bold;
	text-decoration:none;
}
.techniques div.clear  {
	clear:both;
}
.techniques h3 {
	width:300px;
	text-align:center;
}
.techniques p {
    font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;
	padding:10px 0 24px;
}
.techniques .second-col .video,
.techniques .third-col .video {
	background: none;
	margin:10px 0 0;
	padding: 0;
}
.techniques p.about {
	font-weight:bold;
}
.techniques p.explanations {
	font-style:italic;
}
.techniques .second-col {
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	float:left;
	margin:31px 0 0;
	padding:0 10px;
	width:300px;
}
.techniques #IE6 .second-col {padding: 0 5px;}
.techniques .third-col {
	float:left;
	margin:31px 0 0;
	padding:0 0 0 10px;
	width:300px;
}
.techniques #IE6 .third-col {padding-left: 5px;}
.techniques .second-col div,
.techniques .third-col div {
	background:url(img/tools/separator.png) bottom no-repeat;
	padding:34px 0 25px;
}
.techniques #blending {
	background:url(img/tools/techniques/bg-blending.png) bottom right no-repeat;
	padding:0 0 75px;
}
.techniques #blending h3 {
}
.techniques #blending p.explanations {
	width:192px;
}
.techniques #making-a-twist {
	padding:34px 0 70px;
}
.techniques #making-a-twist img.illustration {
	float:right;
	padding:5px 0 0 20px;
}
.techniques #shaking {
	padding:32px 0 20px;
}
.techniques #throwing {
	padding:32px 0 20px;
}
.techniques #building {
	padding:0 0 20px;
}

/* Ingrédients */
.ingredients .wrapper {
	background:url(img/tools/ingredients/ananas.png) right top no-repeat;
	margin:0 auto 38px;
	width:935px;
}
.ingredients p {
    font-family: "Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;
	padding:17px 0;
}
.ingredients p.about {
	font-weight:bold;
}
.ingredients p.explanations {
	font-style:italic;
}
.ingredients p.about+p.explanations {
	padding-top: 0;
}
.ingredients h3 span.yellow {color:#d2d41e;}
.ingredients h3 span.darkgreen {color:#a2b521;}
.ingredients h3 span.lightgreen {color:#addc20;}
.ingredients h3 span.red {color:#fd1407; margin-top: 5px;}
.ingredients h3 span.darkred {color:#812c0f; margin-top: 5px;}
.ingredients h3 span.grey {color:#788677; margin-top: 5px;}
.ingredients h3 span.orange {color:#ff8501;}
.ingredients h3 span.cream {color:#e1d79a;}
.ingredients #orange-flamed-twist h3 span.orange {margin-top: 5px;}


.ingredients .top h2 {
	display:block;	
	width:390px;
}
.ingredients h3,
.ingredients p,
.ingredients li,
.ingredients a {
	color: #000;
}
.ingredients h3 {
	padding:10px 0;
}
.ingredients h4 {
	font-size: 26px;
	padding:0;
	position: relative;
	top: -5px;
}
.ingredients p {
	padding:10px 0 30px;
}
.ingredients .top {
	background:#4f7a69 url(img/tools/ingredients/illustration.png) 33px 47px no-repeat;
	height:310px;
	padding:50px 0 20px 272px;
	text-transform:uppercase;
	width:390px;
}
.ingredients .first-col,
.ingredients .second-col,
.ingredients .third-col {
	float:left;
	margin:20px 0;
}

.ingredients .first-col {
	padding:0 8px 0 0;
	width:300px;
}
.ingredients #IE6 .first-col {padding-right: 5px;}
.ingredients .second-col {
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	padding:0 8px;
	width:300px;
}
.ingredients #IE6 .second-col {padding: 0 5px;}
.ingredients .third-col {
	background:url(img/tools/ingredients/bg-third-cpl.png) right top no-repeat;
	padding:150px 0 0 8px;
	margin:0 0 20px;
	width:300px;
}
.ingredients #IE6 .third-col {padding-left: 5px;}
.ingredients .first-col div,
.ingredients .second-col div,
.ingredients .third-col div {
	background:url(img/tools/separator.png) bottom no-repeat
}

/* Recipes */

.recipes .wrapper {
	background: url(img/tools/recipes/bg-wrapper.png) top no-repeat;
    min-height: 606px;
	margin: 0 auto 38px;
	width: 935px;
}

.recipes h1 {
    margin: 0 auto 15px;
    padding: 20px 0 0;
    width: 475px;
}

.recipes #form_search {
	background: url(img/tools/recipes/lines1.png) top no-repeat;
    margin: 0 auto 15px;
    padding: 20px 0 0;
    width: 475px;
}
.recipes #form_search label {
    color: #FFF;
    display: inline;
    font-size: 15px;
    text-transform: uppercase;
}
.recipes #form_search input {
    padding: 4px;
}
.recipes #form_search #recipe_search {
    color: #000;
    font-style: normal;
    height: 16px;
    width: 218px;
}
.recipes #form_search #recipe_search.inactive {
    color: #9E9E9E;
    font-style: italic;
}
.recipes #form_search #recipe_search.full {
    width: 463px;
}

.recipes div.instructions {display: none; position: absolute;}
.recipes div.instructions p {
    color: #FFF;
    font-size: 12px;
    left: 735px;
    line-height: 1.5em;
    position: relative;
    top: 140px;
    width: 180px;
}
.recipes div.instructions strong {font-weight: bold; text-decoration: underline;}

.recipes #form_explore {
	background: url(img/tools/recipes/lines2.png) top no-repeat;
    height: 310px;
    margin: 0 auto 15px;
    overflow: hidden;
    padding: 20px 0 0;
    width: 500px;
}
.recipes #form_explore label {
    color: #FFF;
    display: block;
    font-size: 18px;
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
}
.recipes #form_explore .block_name label {width: 180px;}
.recipes #form_explore #explore_name_filter {display: block; font-size: 11px; padding-top: 2px; text-transform: none;}
.recipes #form_explore #explore_name_filter span {cursor: help; border-bottom: 1px dotted #FFF;}
.recipes #form_explore .block_alc {
    float: left;
    margin-right: 10px;
    width: 150px;
}
.recipes #form_explore .block_nonalc {
    float: left;
    margin-right: 10px;
    width: 150px;
}
.recipes #form_explore .block_name {
    float: left;
    width: 180px;
}
.recipes #form_explore .block_button {
    clear: both;
    padding-top: 20px;
    text-align: center;
}
.recipes #form_explore .block_buttons {
    clear: both;
    display: none;
    font-size: 12px;
    padding-top: 20px;
    text-align: center;
}
.recipes #form_explore select#explore_alc_ing,
.recipes #form_explore select#explore_nonalc_ing {width: 150px;}
.recipes #form_explore select#explore_name {width: 180px;}

.recipes #form_explore .block_buttons a {
    color: #999;
    cursor: default;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    width: 150px;
}
.recipes #form_explore .block_buttons a#btn_results {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.recipes #form_explore .block_buttons a#btn_clear {font-style: italic;}
.recipes #form_explore .block_buttons a.active {color: #FFF; cursor: pointer;}
.recipes #form_explore .block_buttons a.active:hover {text-decoration: underline;}

.recipes #recipes_results .threecols .col {margin: 0; width: 300px;}
.recipes #recipes_results .threecols .first {padding-right: 8px;}
.recipes #recipes_results .threecols .middle {padding: 0 8px;}
.recipes #recipes_results .threecols .last {padding-left: 8px;}

.recipes #recipes_results h2 {color: #8D6632; font-size: 30px; margin-bottom: 40px; text-transform: uppercase;}
.recipes #recipes_results h2 strong {color: #C60E1A;}

.recipes .block_recipe {
    background: url(img/tools/separator.png) bottom repeat-x;
    margin-bottom: 10px;
    padding-bottom: 40px;
}
.recipes .block_recipe h3 {color: #000; font-size: 55px; line-height: 46px; width: 300px;}
.recipes .block_recipe h3 a {width: 300px;}
.recipes .block_recipe h4 {color: #8D6632; font-size: 25px;}
.recipes .block_recipe .recipe_image {margin-top: 5px;}
.recipes .block_recipe h5,
.recipes .block_recipe p {
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 16px;
}
.recipes .block_recipe h5 {
    border-bottom: 1px solid #000;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    margin: 5px 0;
}
.recipes .block_recipe p {
    line-height: 1.2em;
    margin-bottom: 30px;
}
.recipes .block_recipe h5.recipe {margin-top: 5px;}
.recipes .block_recipe p.recipe,
.recipes .block_recipe p.howto,
.recipes .block_recipe p.comment {font-weight: bold;}
.recipes .block_recipe h5.comment {border-bottom-color: #8D6632;}
.recipes .block_recipe h5.comment,
.recipes .block_recipe p.comment {color: #8D6632;}
.recipes .block_recipe p.source {
    color: #908F8F;
    font-size: 10px;
    line-height: 1.5em;
    text-transform: uppercase;
}
.recipes .block_recipe p.glass,
.recipes .block_recipe p.variant,
.recipes .block_recipe p.source em {font-style: italic;}