/*
	Project name: Puratos Soft'r Intens
	Project url: http://www.softr.eu/
	Version: 1.0
	Author: Blue4You
	Author URI: http://www.blue4you.be/
	
	Main colors:
	orange		: #e8610f
	orange dark	: #f29500
	red			: #971714 (footer)
*/

@import "/front/css/plugins/smoothgallery/jd.gallery.css";

html					{ height:100%; overflow-y:scroll;}
body					{ margin:0; padding:0; color:#666; background:#fff url('../images/layout/bg-site.gif') repeat-x;}
.container				{ position:relative !important;}
hr						{ display:none;}

object,
a						{ outline:none;}
.noscript				{ position:absolute; top:40px; left:50%; width:305px; margin:0 0 0 -160px; padding:10px 0; text-align:center; background:#fff; color:#500; -moz-border-radius:4px 4px; border:5px solid #ddd;}

/* header
------------------------------------*/
#header					{ width:100%; margin:0; padding:15px 0 0;}
#header h1 a			{ position:relative; display:block; cursor:pointer;}
#header h1 a span		{ position:absolute; display:block; width:100%; height:100%; top:0; left:0;}

/* header soft'r */
body.pg-softr #header h1 a	{ width:156px; height:75px;}
body.pg-softr #header h1 a span
							{ background:url('../images/softr/softr-logo.gif') no-repeat top left;}
body.pg-softr #header h2	{ margin:0; padding:10px 20px 0 20px; height:80px; color:#FFF; line-height:36px; font-size:30px; background:url('../images/layout/header-h2-short.gif') no-repeat top left;}

/* navigation
------------------------------------*/
ul#navigation-h						{ position:absolute; top:0; right:0; margin:0; padding:4px 0 0;}
ul#navigation-h li					{ float:left; margin:0; padding:0 10px; list-style:none; border-right:1px solid #f29500;}
ul#navigation-h li a				{ display:block; line-height:14px; color:#555; text-decoration:none;}
ul#navigation-h li a:hover			{ color:#f29500;}
ul#navigation-h li.current a		{ color:#e03d09;}

/* subnav-top old

ul#subnav-top						{ width:170px; position:absolute; top:0; left:0; margin:0; padding:4px 0 0; z-index:999; background:#f7ebd5;}
ul#subnav-top li					{ width:150px; margin:0; padding:0; list-style:none;}
ul#subnav-top li a					{ display:block; width:130px; color:#555; padding:0; text-decoration:none;}
ul#subnav-top li a:hover			{ color:#f29500;}

ul#subnav-top li ul					{ display:block; width:100%; margin:0; padding:7px 10px; border-top:1px solid #ccc; background:#fdf9f3;}
ul#subnav-top li ul li				{ margin:0; padding:0; list-style:none;}
ul#subnav-top li ul li a			{ line-height:24px; padding:0; color:#999; background:#fdf9f3; border:none;}
ul#subnav-top li ul li.current a	{ color:#e8610f !important;}
*/

/* sub-nav */
#sub-nav							{ width:220px; position:absolute; top:4px; left:0; margin:0; cursor:pointer}
#sub-nav h3							{ position:relative; width:200px; margin:0; padding:0 10px; line-height:24px; font-size:12px; color:#f29500; background:url(../images/layout/bg-select.gif) no-repeat top left; cursor:pointer}
#sub-nav h3	span					{ position:absolute; top:0; right:0; width:24px; height:24px; background:url(../images/layout/bg-select-arrow.gif) no-repeat bottom right;}
#sub-nav ul							{ width:194px; padding:6px 9px; margin:0 3px; background:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#sub-nav ul li						{ width:100%; margin:0; padding:0; list-style:none;}
#sub-nav ul li a					{ display:block; width:100%; line-height:22px; color:#999; text-decoration:none;}
#sub-nav ul li a:hover				{ color:#f29500;}
#sub-nav ul li.current a			{ color:#e03d09;}


/* links
------------------------------------*/
a:focus, a:hover		{ color:#f29500;}
a						{ color:#e8610f; text-decoration:underline;}
.current>a				{ color:#f29500;}

/* typeface */
h1						{ color:#e8610f; font-size:40px;}
h2						{ color:#e8610f; font-size:20px; line-height:24px;}
.typeface				{ font-family:BubbledotICG FinePos, Arial;}
h2.typeface				{ margin:0 0 5px;}


#movie					{ position:absolute; top:25px; right:0; width:310px; height:190px; z-index:10;}
#movie div				{ width:100%; height:100%; background:url('../images/layout/bg-movie.png') no-repeat top left;}
#movie a				{ position:relative; display:block; width:249px; line-height:176px; height:176px; top:6px; left:5px; text-align:center; cursor:pointer;}
#movie a span			{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url('../images/intens/movie/softr.gif') no-repeat top left;}


/* homepage
------------------------------------*/
.banner-home			{ position:relative; width:950px; height:237px; padding:25px 0 0; margin:0; background:url('../images/layout/bg-carousel-softr.gif') no-repeat top left;}
.banner-home h2			{}

a.more					{ display:block; margin:10px 0; padding:0 15px; font-weight:bold; width:100px; line-height:30px; background:url('../images/softr/slide/btn-more.gif') no-repeat top left; color:#fff !important;}
a.more:hover			{ color:#fad4ac !important;}

a.cta					{ display:block; line-height:70px; margin:0; padding:0 0 5px 70px; font-size:15px; color:#fff; text-decoration:none;}
a.cta:hover				{ color:#fad4ac !important;}

a.find-texture			{ padding-left:60px; background:url('../images/layout/a-find-texture.gif') no-repeat top left;}
a.ask-more-info			{ background:url('../images/layout/a-ask-more-info.gif') no-repeat top left;}

/* homepage news list */
#news					{}
#news h2				{ display:block; line-height:32px; margin:0 0 15px; padding:0 0 8px 15px; font-size:15px; color:#fff; background:url('../images/softr/bg-news-title.gif') no-repeat top left;}
#news h2 span			{ display:block; padding:0 15px 0 0; background:url('../images/softr/bg-news-title-right.gif') no-repeat top right;}

#news-area				{ position:relative; width:100%; height:221px; margin:0; padding:0; overflow:hidden;}
#news-content			{ position:absolute; margin:0; padding:0; left:0;}
.news-item				{ margin:0; padding:0; height:221px;}
.news-item div			{ margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #eee;}
.news-item h3			{ margin:0; padding:0 0 5px !important; font-size:14px;}
.news-item h3 span		{ display:block; font-weight:bold;}
.news-item p			{ line-height:normal; margin:0; padding:0;}
.news-item a			{ text-decoration:none;}
.news-item a:visited	{}

#news-meta				{ margin:0; padding:0; list-style:none; float:right; overflow:hidden;}
#news-meta li			{ float:left;}
#news-meta li a			{ display:block; line-height:16px; padding:0 10px; font-size:11px; border-right:1px solid #eee;}
#news-meta li.last a	{ border:none; padding-right:0;}

/* footer
------------------------------------*/
/*#footer					{ margin:15px 0 0; padding:15px 0 0; height:165px; color:#fff; background:#e8610f url('../images/layout/bg-footer.jpg') no-repeat center center;}*/
#footer					{ margin:15px 0 0; padding:15px 0 0; height:165px; color:#fff; background:url('../images/layout/bg-footer.jpg') no-repeat center center;}
#footer a				{ color:#fff;}

#footer					{ font-size:11px;}
#footer h3				{ color:#fff;}
#footer .container		{ height:165px;}
#footer .copy			{ line-height:22px; position:absolute; bottom:0; left:0; margin:0; padding:0;}
#footer .address span	{ display:block; clear:both;}
#footer .address span.company		{ font-size:1.5em;line-height:1;margin-bottom:1em;}
#footer .address span.zipcode,
#footer .address span.city,
#footer .address span.state,
#footer .address span.country		{ float:left; clear:none;}
#footer .address span.zipcode		{ padding-right:5px;}
#footer .address span.city			{ clear:right;}
#footer .address span.state			{ padding-right:5px; margin-bottom:18px; clear:left;}
#footer .address span.country		{}

#puratos-logo			{ position:absolute; display:block; width:172px; height:92px; bottom:54px; right:33px; cursor:pointer;}
#puratos-logo span		{ position:absolute; display:block; width:100%; height:100%; top:0; left:0; background:url('../images/layout/puratos-logo.gif') no-repeat top left;}

/* new footer crop */
#footer .address		{ padding:0 0 0 10px;}
#footer .span-24 p		{ margin:0; padding:0 0 0 10px;}

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


/* soft'r common
------------------------------------*/

/* tag and class */
body.common										{ background:#fff url(../images/layout/bg-puzzle.gif) no-repeat top center;}

.common p										{ margin:0; padding:0 0 10px;}
.common strong									{ color:#e8610f;}
.common h2.description							{ padding-top:10px; line-height:40px; white-space:nowrap;}
.common ul.check								{ margin:0; padding:0;}
.common ul.check li								{ margin:0; padding:0 0 10px 25px; list-style:none; background:url(../images/softr/products/ico-check.gif) no-repeat left 4px;}
.common ul.check li ul							{ margin:0; padding:0;}
.common ul.check li ul li						{ margin:0 !important; padding:0 0 0 10px !important; background:url(../images/layout/ico-tiret.gif) no-repeat left 9px;}
.common p img									{ float:none !important; margin:5px 0 !important;}

/* header */
.common #header h1								{ width:630px; height:60px; line-height:74px; margin:35px 0 0; font-size:40px; text-decoration:none;}
.common #header h2								{ margin:0; padding:10px 20px 0 20px; height:80px; color:#FFF; line-height:36px; font-size:30px; background:url('../images/layout/header-h2-short.gif') no-repeat top left;}

/* banner */
.common #banner									{ width:950px; margin:15px 0; height:230px; background:url(../images/layout/bg-banner-inside-page.gif) no-repeat bottom center;}
.common #banner	.col-left						{ position:relative;}
.common #banner	.col-left h2					{ font-size:40px; padding:15px 0 0; line-height:60px;}
.common #banner	.col-left p						{ width:430px; font-size:11px; color:#999;}
.common #banner	.col-left a.back				{ z-index:100; position:absolute; top:-5px; left:0; display:block; line-height:24px; padding:0 3px 0 25px; background:url('../images/layout/a-back.gif') no-repeat center left;}

.common #banner	.col-right 						{ position:relative; width:470px; height:230px; background:url('../images/intens/viewer/bg-viewer.png') no-repeat top right;}
.common #banner	.col-right h2					{ margin:0; padding:0 10px; height:35px; line-height:35px; font-size:20px; text-align:right;}
.common #banner	.col-right span.pack			{ z-index:2; position:absolute; top:0; left:0; display:block; width:310px; height:35px; line-height:35px; padding:195px 0 0 160px; font-size:10px;}

/* banner viewer */
.common #banner	.viewer-box						{ float:right; width:310px; height:150px; padding:5px 15px;}

/* links */
.common #movie									{ position:absolute; width:460px; height:190px; top:25px; right:0; z-index:10;}
.common #movie div								{ width:100%; height:100%; background:url('../images/layout/bg-movie-puzzle.png') no-repeat top left;}
.common #movie a								{ position:absolute; display:block; width:249px; line-height:176px; top:6px; left:155px; text-align:center;}
.common #movie a span							{ position:absolute; display:block; width:100%; height:100%; top:0; left:0;}

.common a.lk-form								{ display:block; clear:both; width:200px; height:40px; line-height:40px; padding:12px 0 20px 70px; font-size:14px; font-weight:bold; text-decoration:none; color:#fff; background:url(../images/softr/products/lk-form.gif) no-repeat top left;}
.common a:hover.lk-form							{ color:#fad4ac;}

/* baseline */
.common .baseline								{ display:none; margin:15px 0 0 !important; padding:10px 0; background:#fff url(../images/softr/products/bg-baseline.gif) no-repeat top center;}
.common .baseline p								{ color:#b3b3b3;}


/* soft'r intens
------------------------------------*/

/* banner */
.pg-intens #banner h2							{ margin:0; padding:0 0 15px; line-height:40px; font-size:18px;}
.pg-intens #banner ul							{ margin:0; padding:0; background:green;}
.pg-intens #banner ul li						{ float:left; width:180px; margin:0; padding:0 5px; list-style:none;}
.pg-intens #banner ul li a						{ display:block; width:174px; line-height:140px; text-align:center; background:#fdefd9; border:3px solid #f7e1be;}

/* resources center box */
.pg-intens .resource-box						{ width:290px; margin:0 0 15px; padding:0 0 20px; background:url(../images/softr/products/bg-resource-box.gif) no-repeat bottom right;}
.pg-intens .resource-box h2						{ width:230px; line-height:40px; padding:10px 30px 0; margin:0; color:#fff; background:url(../images/softr/products/bg-resource-box.gif) no-repeat top left;}
.pg-intens .resource-box ul						{ width:230px; margin:0; padding:0 30px; background:url(../images/softr/products/bg-resource-box.gif) no-repeat left -50px;}
.pg-intens .resource-box ul li					{ width:230px; margin:0; padding:0; list-style:none; border-bottom:1px solid #f09458;}
.pg-intens .resource-box ul li.last				{ border:none;}
.pg-intens .resource-box ul li a				{ display:block; width:220px; line-height:18px; padding:8px 10px 8px 0; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/softr/products/ico-resource-box.gif) no-repeat center right;}
.pg-intens .resource-box ul li a:hover			{ color:#fad4ac;}


/* soft'r intens inside page
------------------------------------*/

.pg-intens #movie a span						{ background:url('../images/intens/movie/intens.gif') no-repeat top left;}
.pg-freshness #movie a span						{ background:url('../images/intens/movie/freshness.gif') no-repeat top left;}
.pg-resilience #movie a span					{ background:url('../images/intens/movie/resilience.gif') no-repeat top left;}
.pg-short-bite #movie a span					{ background:url('../images/intens/movie/short-bite.gif') no-repeat top left;}
.pg-melting #movie a span						{ background:url('../images/intens/movie/melting.gif') no-repeat top left;}
.pg-sliceability #movie a span					{ background:url('../images/intens/movie/sliceability.gif') no-repeat top left;}

/* packs */
.pg-freshness #banner span.pack					{ background:url(../images/intens/pack/freshness.png) no-repeat top left;}
.pg-resilience #banner span.pack				{ background:url(../images/intens/pack/resilience.png) no-repeat top left;}
.pg-short-bite #banner span.pack				{ background:url(../images/intens/pack/short-bite.png) no-repeat top left;}
.pg-melting #banner span.pack					{ background:url(../images/intens/pack/melting.png) no-repeat top left;}
.pg-sliceability #banner span.pack				{ background:url(../images/intens/pack/sliceability.png) no-repeat top left;}


/* resources center
------------------------------------*/

/* header */
.pg-resources #header h1 a						{ width:156px; height:75px;}
.pg-resources #header h1 a span					{ background:url('../images/softr/softr-logo.gif') no-repeat top left;}
.pg-resources #header h2						{ margin:0 0 20px; padding:10px 20px 0 20px; height:80px; line-height:72px; color:#FFF; font-size:30px; background:url('../images/resources/bg-h2.gif') no-repeat top left;}

/* accordion */
#accordion 										{ width:100%;}
#accordion h3									{ width:280px; margin:0; padding:0 15px; height:50px; line-height:50px; font-size:14px; font-weight:bold; color:#999; background:url('../images/resources/bg-toggler.gif') no-repeat top left; cursor:pointer; text-transform:uppercase;}
#accordion h3.active							{ color:#444; background:url('../images/resources/bg-toggler-active.gif') no-repeat top left;}
#accordion div									{ width:100%; margin:0 0 20px; padding:15px 0; background:#f0f0f0 url('../images/resources/bg-element.gif') no-repeat bottom right;}
#accordion ul									{ width:290px; margin:0; padding:0 10px 10px;}
#accordion ul li								{ margin:0; padding:0; list-style:none; border-top:1px solid #ddd;}
#accordion ul li a								{ display:block; width:280px; line-height:20px; padding:8px 5px; color:#777; text-decoration:none;}
#accordion ul li a span							{ padding:1px 3px; margin:0 5px 0 0; color:#fff; background:#f29500;}
#accordion ul li a:hover						{ color:#f29500;}
#accordion ul li.current a						{ color:#e8610f;}

/* content */
.pg-resources .span-15							{ }
.pg-resources .span-15 h2						{ padding:16px 0; margin:0; font-size:18px; line-height:24px;}
.pg-resources .span-15 h3						{ padding:0; margin:0; font-weight:bold; font-size:14px; line-height:30px; color:#f29500;}
.pg-resources .span-15 p						{ margin:0; padding:0 0 10px;}
.pg-resources .span-15 ul						{ margin:0; padding:0;}
.pg-resources .span-15 ul li					{ margin:0 0 0 15px; padding:0;}
.pg-resources .span-15 img						{ float:left; padding:4px; margin:5px 10px 10px 0; background:#fff; border:1px solid #ddd;}

/* contact us
------------------------------------*/

/* common*/
input.txt										{ display:block; height:19px; padding:3px 4px 0 4px; margin:0; font:12px Arial, Helvetica, sans-serif; color:#777; background:#fff; border:1px solid #ccc;}
textarea										{ display:block; line-height:18px; margin:0; padding:4px; margin:0; font:12px Arial, Helvetica, sans-serif; color:#777; background:#fff; border:1px solid #ccc;}
select											{ display:block; height:24px; padding:2px; margin:0; font:12px Arial, Helvetica, sans-serif; color:#777; background:#fff; border:1px solid #ccc;}
* html select									{ margin:1px 0;}

.pg-contact h2									{ padding:0 0 10px;}

/* header */
.pg-contact #header h1 a						{ width:156px; height:75px;}
.pg-contact #header h1 a span					{ background:url('../images/softr/softr-logo.gif') no-repeat top left;}
.pg-contact #header h2							{ margin:0; padding:10px 20px 0 20px; height:80px; color:#FFF; line-height:36px; font-size:30px; background:url('../images/layout/header-h2-short.gif') no-repeat top left;}

/* form */
.pg-contact .content							{ padding:30px 0 15px;}
.pg-contact .content label						{ width:100%; display:block; margin:0 0 10px; overflow:hidden;}
.pg-contact .content label span					{ display:block; line-height:18px; color:#f29500;}
.pg-contact .content label span strong			{ color:#900;}
.pg-contact .content label input.txt			{ width:260px;}
.pg-contact .content label textarea				{ width:580px; height:100px}
.pg-contact .content label select				{ width:270px;}
* html .pg-contact .content label select		{ width:220px;}

.pg-contact .content label.code input.txt		{ float:left; width:125px; float:left !important;}
.pg-contact .content label.code img				{ float:left; display:block; width:135px; height:24px;}
.pg-contact .content label.code a				{ display:block; float:right; font-size:10px;}

.pg-contact .content label.map input.txt		{ width:260px;}

.pg-contact .error-msg							{ width:100%; padding:7px 0; margin:10px 0 0; border-top:1px solid #ef9595; color:#900;}
.pg-contact .valid-msg							{ width:100%; padding:7px 0; margin:10px 0 0; border-top:1px solid #e2edae; color:#a2bb2e;}

/* button */
button											{ display:block; float:right; border:none; padding:0; margin:0; width:auto; height:24px; overflow:visible; text-align:center; white-space:nowrap; cursor:pointer; font:12px Arial, Helvetica, sans-serif; background:none;}
* html button									{ display:inline-block; padding:0;}

button span, button em							{ display:block; height:24px; line-height:24px; margin:0; color:#fff !important;} 
button span										{ padding-left:15px; background:url(../images/layout/button.gif) no-repeat 0 0;} 
button em										{ font-style:normal; font-weight:normal; padding-right:15px; background:url(../images/layout/button.gif) no-repeat 100% 0;} 

button:hover *									{ color:#fff;}
button:hover span								{ background-position:left -24px;}
button:hover em									{ background-position:right -24px;}
button:active span								{ background-position:left -48px;}
button:active em								{ background-position:right -48px;}

button::-moz-focus-inner,
button::-moz-focus-outer						{ margin:0; padding:0; border:none; background:#000;}

/* legal disclaimer
------------------------------------*/

/* header */
.pg-legal #header h1 a							{ width:156px; height:75px;}
.pg-legal #header h1 a span						{ background:url('../images/softr/softr-logo.gif') no-repeat top left;}
.pg-legal #header h2							{ margin:0 0 20px; padding:10px 20px 0 20px; height:80px; line-height:72px; color:#FFF; font-size:30px; background:url('../images/resources/bg-h2.gif') no-repeat top left;}