﻿/*-----------------------------------------------------------------------------
Web Site:			TiTech

CteatedDate:		04.03.2009
Autor:				AnnaG

$Revision: 1656 $

$LastChangedDate: 2011-10-03 06:13:08 +0100 (Mon, 03 Oct 2011) $
$LastChangedBy: annag $
-----------------------------------------------------------------------------*/

/* Importing generic styles */
@import url(generic/helper.css);

/* Importing navigation styles */
@import url(navigation/navigation.css);

/* Importing Modules styles */
@import url(modules/blocks.css);
@import url(modules/forms.css);
@import url(modules/media-centre.css);
@import url(modules/products.css);

/* Importing lightbox styles */
@import url(lightbox/lightbox.css);

/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;		
}

body {
	color: #5d6266;
	background: #3D4144;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;				
}

/* SCROLLING fixing */
html{min-width: 1080px;} 
body.empty { background: #fff; min-width: 0;}
html.empty {min-width: 0;}

body, x:-moz-any-link { min-width: 1080px;}
body, x:-moz-any-link, x:default { min-width:0;}

html , x:-moz-any-link {min-width: 0;} 
html, x:-moz-any-link, x:default { min-width: 1080px;}


p {
	margin: 0;
	padding: 1px 0 14px;
}

a			{color: #f08a00; text-decoration: underline; outline: none; }
a:visited	{color: #f08a00; text-decoration: underline; }
a:hover		{color: #5d5c5c; text-decoration: none; }
a:active	{color: #5d5c5c; }

.orange		{color: #f08a00;}

.overline{
	background: url(/images/branding/general/list-bg-short.gif) no-repeat center top;
	padding-top: 8px;
}
abbr.dtstart, abbr.dtend {
	border-bottom: none;
}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	padding:  1px 0 8px;
}
h1, .h1{
	color: #f08a00;
	font-size: 2.2em;
	font-weight: normal;
	padding:  1px 0 12px;
}
h1 a:link, h1 a:visited,
h1 a:hover, h1 a:active	{color: #f08a00; text-decoration: none;}

h2, .h2{
	color: #b6bf00;
	font-size: 1.5em;
	font-weight: normal;
}

h2 a:link, h2 a:visited,
h2 a:hover, h2 a:active	{color: #b6bf00; text-decoration: none;}

h3, .h3{
	color: #b6bf00;
	font-size: 1.3em;
}
h3.thin, .h3.thin {font-weight: normal;}
h3.gray, .h3.gray {color: #5d6266;}

h3 a:link, h3 a:visited,
h3 a:hover, h3 a:active	{color: #b6bf00; text-decoration: none;}

h4, .h4{
	color: #b6bf00;
	font-size: 1.1em;
}
h4 a:link, h4 a:visited,
h4 a:hover, h4 a:active	{color: #b6bf00; text-decoration: none;}

h4.gallery-title {
    color:#F08A00;
    padding:1px 10px 8px;
    }
h5, .h5{
	color: #b6bf00;
	font-size: 1em;
}
h5 a:link, h3 a:visited,
h5 a:hover, h5 a:active	{color: #b6bf00;}

h6{
	color: #b6bf00;
	font-size: 1em;
}
h6 a:link, h6 a:visited,
h6 a:hover, h6 a:active	{color: #b6bf00; text-decoration: none;}



/* =Main container boxes
---------------------------------------- */
.container{
	background: #fff;
	position: relative;
	text-align: left;	
	min-width: 1080px; 
}
.container.white {background: #fff;}
.container.gray  {background: #f7f7f7 url(/images/branding/general/container-gray-bg.gif) repeat-x left top;}
.container.black {background: #3D4144 url(/images/branding/general/container-black-bg.gif) repeat-x left top;}

.header{
	width: 960px;
	margin: 0 auto;
	font-size: 1.1em;
	position: relative;
	text-align: left;
}
.content{
	background: url(/images/branding/general/content-bg.gif) repeat-y 195px top;
	margin: 0 auto;
	width: 1020px;
	position: relative;
	text-align: left;
	padding: 0 60px 0 0;
}
.secondary-content{
	background: url(/images/branding/general/secondary-content-bg.gif) no-repeat right top;
	font-size: 1.1em;
	width: 230px;
	padding: 6px 0 20px;
	position: relative;
    float: left;
	text-align: left;
}
.secondary-inner-content{
	padding: 9px 18px 10px 60px;
	text-align: right;
	position: relative;
}
.primary-content{
	background: #fff url(/images/branding/general/primary-content-bg.gif) no-repeat left top;
	font-size: 1.1em;
	width: 750px;
	padding: 20px;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-left{
	width: 480px;
	padding: 0 30px 0 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-right{
	width: 240px;
	padding: 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-bottom{
	padding: 20px 0 0;
	position: relative;
	text-align: left;
}
.footer{
	color: #b7b7b7;
	width: 940px;
	padding: 14px 10px 42px;
	margin: 0 auto;
	text-align: left;
}

/* =Templates
---------------------------------------- */
body.without-menu .content{
	background: none;
	width: 970px;
	padding: 0 10px 0 0;
}
body.without-menu .primary-content{
	background: #fff url(/images/branding/general/primary-content-without-menu.gif) no-repeat left top;
	width: 930px;
	padding: 20px;
    float: none;
}
body.without-menu .primary-content-left{
	width: 660px;
}
body.without-menu  .breadcrumbs {
	padding: 7px 10px 7px 20px;
}

body.gallery-310 .primary-content-left{
	width: 395px;
}
body.gallery-310 .primary-content-right{
	width: 325px;
}

/* =Content
---------------------------------------- */

/* =Breadcrumbs -----------------*/
.breadcrumbs {
	color: #5d5c5c;
	background: #f7f7f7 url(/images/branding/general/container-gray-bg.gif) repeat-x left top;
	padding: 7px 10px 7px 250px;
	font-size: 1.1em;
}
.breadcrumbs a, .breadcrumbs a:visited{
	color: #f08a00;
	text-decoration: none;
}
.breadcrumbs a:hover{
	color: #5d5c5c;
	text-decoration: underline;
}
.breadcrumbs span {
	padding: 0 6px;		
	background: url(/images/branding/markers/circle-orange.gif) no-repeat 50% 60%;
}
	
/* =Lists ------------------------*/
.content ul, .content ol{	
	margin-left: 0px;
	margin: 0 0 14px 18px;
}
.content ul ul, .content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
}
.content ul li, .content ol li{
	margin-left: 0px;
	padding: 0 0 5px 5px;
}
.content ul ul li, .content ol ol li{
	padding: 0 0 5px 5px;
}

/* Green lists */
.content ul.bullet li{
	color: #b6bf00;
	list-style-type: square;
	font-weight: bold;
	margin-left: 0px;
	padding: 0 0 4px 5px;
}

/* =Header
---------------------------------------- */
a.logo, a:visited.logo,
h1.logo {
	background: url(/images/branding/general/logo.gif) no-repeat right top;
	width: 360px;
	height: 79px;
	padding: 0 0 10px 10px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	cursor: pointer;
	float: left;
	}	
.contact {
	color: #5d6266;
	width: 530px;
	padding: 38px 10px 0 0;
	float: right;
	text-align: right;
	font-size: 1.2em;
	line-height: normal;
	}	
.contact strong{
	color: #f08a00;
	font-size: 2.2em;
	}	

/* =Footer
---------------------------------------- */
.footer .fuse8-link {
	float: right;
	padding: 0 5px 0 0;
}
.footer a.createdBy{
	display: block;
	width: 88px; 
	height: 16px;
	overflow: hidden;
	background: url(/images/branding/general/fuse8.gif) no-repeat right top;
	text-indent: -9999em;
	}
.footer .footer-logo {
	float: left;
	padding: 0 10px 10px 0;
}
.footer a.logo2{
	display: block;
	width: 84px; 
	height: 22px;
	overflow: hidden;
	background: url(/images/branding/general/footer-logo.gif) no-repeat right top;
	text-indent: -9999em;
	}


/*-----------------------------------------------------------------------------
	=Multy Language versions
-----------------------------------------------------------------------------*/

/* =English
---------------------------------------------------------------------------*/
body.content-en .ul-tab li a#tab-1 span {width: 129px;}
body.content-en .ul-tab li a#tab-3 span {width: 149px;}

/* =French
---------------------------------------------------------------------------*/
body.content-fr .primary-nav ul li a {width: 75px;}
body.content-fr .primary-nav ul li#nav-10064 a {width: 85px;}
body.content-fr .primary-nav ul li#nav-10065 a {width: 85px;}
body.content-fr .primary-nav ul li#nav-10066 a {width: 85px;}
body.content-fr .primary-nav ul li#nav-10141 a {width: 50px;}

body.content-fr .gray-skew .view-all {left:415px;}

body.content-fr input.btn.submit,
body.content-fr input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-85x26.gif);	width: 85px;}
body.content-fr .gray-block.login .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px; margin: 0 0 10px 110px;}
body.content-fr div.list-search select {width: 160px;}
body.content-fr div.list-search.team-search select {width: 215px;}
body.content-fr .primary-content-right div.list-search select {width: 208px;}

body.content-fr .logout-box input.btn.submit,
body.content-fr .logout-box input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-150x26.gif); width: 150px;}

body.content-fr a.submit.vcard-btn {clear: left;}

/* =Spanish
---------------------------------------------------------------------------*/
body.content-es .primary-nav ul li#nav-10065 a {width: 80px;}
body.content-es .primary-nav ul li#nav-10066 a {width: 175px;}
body.content-es .primary-nav ul li#nav-10067 a {width: 85px;}
body.content-es .primary-nav ul li#nav-10068 a {width: 65px;}

body.content-es a.submit.vcard-btn {clear: left;}

body.content-es .gray-block.login .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}
body.content-es  .logout-box  .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}

/* =German
---------------------------------------------------------------------------*/
body.content-de input.btn.submit,
body.content-de input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-85x26.gif);	width: 85px;}

body.content-de div.list-search input.btn.submit,
body.content-de div.list-search input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-65x26.gif);	width: 65px;}

body.content-de .primary-nav ul li#nav-10066 a {width: 160px;}
body.content-de .primary-nav ul li#nav-10067 a {width: 95px;}
body.content-de .primary-nav ul li#nav-10068 a {width: 75px;}

body.content-de .ul-tab li a#tab-1 span {width: 129px;}
body.content-de .ul-tab li a#tab-2 span {width: 159px;}
body.content-de .ul-tab li a#tab-3 span {width: 129px;}

body.content-de .primary-content-right div.list-search strong.title {font-size: 1.6em;}

body.content-de .gray-block.register input.btn.submit,
body.content-de .gray-block.register input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}

/* =Italian
---------------------------------------------------------------------------*/
body.content-it .primary-nav ul li a {width: 75px;}
body.content-it .primary-nav ul li#nav-10066 a {width: 160px;}
body.content-it .primary-nav ul li#nav-10067 a {width: 115px;}

body.content-it .gray-block.register .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}

/* =Korean
---------------------------------------------------------------------------*/
body.content-ko .ul-tab li a#tab-1 span {width: 129px;}
body.content-ko .ul-tab li a#tab-3 span {width: 149px;}

/* =Polish
---------------------------------------------------------------------------*/
body.content-pl .primary-nav ul li a {width: 80px;}
body.content-pl .primary-nav ul li#nav-10141 a {width: 55px;}
body.content-pl .primary-nav ul li#nav-10066 a {width: 160px;}
body.content-pl .primary-nav ul li#nav-10068 a {width: 85px;}

body.content-pl .gray-block.login .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px; margin: 0 0 10px 110px;}
body.content-pl .gray-block.register .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}

body.content-pl .logout-box input.btn.submit,
body.content-pl .logout-box input.btn.submit.hover {background-image: url(/images/branding/forms/btn-submit-85x26.gif);	width: 85px;}
body.content-pl .gray-skew .view-all {left: 445px;}

/* =Russian
---------------------------------------------------------------------------*/
body.content-ru  .primary-nav ul li {padding:10px 0 0;}

body.content-ru .primary-nav ul li a, 
body.content-ru .primary-nav ul li a:visited  {padding: 0 10px 0 10px; margin-bottom: 20px;}
body.content-ru .primary-nav ul li a {width: 90px;}
body.content-ru .primary-nav ul li#nav-10141 a {width: 60px;}
body.content-ru .primary-nav ul li#nav-10066 a {width: 100px;}
body.content-ru .primary-nav ul li#nav-10067 a {width: 100px;}
body.content-ru .primary-nav ul li#nav-10068 a {width: 100px;}

body.content-ru .top-applications .top-applications-data h2 strong {	font-size:1.3em;}
 
body.content-ru .gray-skew h3.title {
	font-size:1.4em;
	padding-top: 3px;
	}

body.content-ru .get-directions div.type-text input.text  {font-weight: normal;}
	

body.content-ru .gray-block.login .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px; margin: 0 0 10px 110px;}
body.content-ru .gray-block.register .btn.submit {background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;}

body.content-ru .gray-skew .view-all {left: 445px;}

body.content-ru .property-enquire input.btn.submit, 
body.content-ru .property-enquire input.btn.submit.hover {
	background-image: url(/images/branding/forms/btn-submit-105x26.gif);	width: 105px;
	}

span.play_icon {
	display:block;
	background: url(/images/branding/homepage/video_btn.png) no-repeat 0 0;
	cursor: pointer;
    height: 58px;
    left: 50%;
    margin: -28px 0 0 -165px;
    position: absolute;
    top: 50%;
    width: 78px;
	}

/* =Portuguese
---------------------------------------------------------------------------*/
body.content-pt .primary-nav ul li {padding:10px 0 0;}




