/* colors 

yellow: 	#FFCB08
light grey: #959CA1
dark grey:	#576066
red			#D2232A
orange		#F79428
green		#A6CE39
blue		#00AEEF
purple		#766CB0

*/
/* === defaults === */
html,body {
	/* for seth
	min-height: 750px;	
	*/
	height:100%;
}
body, table {
	font-family: Arial;
	color: #FFFFFF;
	font-size:11px;
	background-color:#0c183b;
	background-image:url(../../Global_Images/Background_Page.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#HeaderBar
{
	height:119px;
	display:block;
	border:0px solid #FFF;
	background-image:url(../../Global_Images/Logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	}

a {
	color: #FFFFFF;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color: #8C9CC1;
}

/* === main layout === */
#container {
	width: 760px;
	margin: 20px auto 0px auto;
	padding: 0 0 0 0;
	position: relative;
}

.content h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal !important;
	padding:0px;
	margin:0px;
	padding-bottom:7px;
	color:#8C9CC1;
	
	}
	
	.TestimonialPicture h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal !important;
	padding:0px;
	margin:0px;
	padding-bottom:7px;
	color:#FFFFFF !important;
	
	}


#header {
	height: 71px;
	padding: 0 0 11px 0;
	/* bottom line is supposed to start under the logo, not at left of page */
	margin: 0 0 0 50px;
	border-bottom: 1px solid #CACDD0;
}
#main {
	margin: 21px 0 0 0;
}
#sidebar {
	/*  positioning so animation works ok */
	position: absolute;
	top: 133px;
	left: 0px;
	width: 328px;
	height:300px;
	/* for seth
	height: 500px;
	*/
	color: #959CA1;
	border:0px solid #F0F;
}
#content {
	width: 536px;
	/*
	height: 500px;	
	*/
	/* make room for the sidebar */
	margin-left: 224px;	
	background:none !important;
	font-size:11px;
}
/* no footer */
#footer {
	display: none;	
}


/* === secondary layout === */
#logo {
	display: block;
	width: 121px;
	height: 71px;
	margin: 0 60px 0 0;	
	background: url("../../img.php?src=skins/novo/logo.png") no-repeat;
	text-indent: -2000px;
}

#primary-nav {
	position: absolute;
	top: 173px;
	left: 45px;
	width: 528px;
	display: block;
	font: bold 11px Arial;
	z-index:20;
	width:248px;
}
#primary-nav ul {
	margin: 0;
	padding: 0 0 0 0;
}
#primary-nav li {

	margin: 0;
	float:none;
	padding: 0;
	list-style: none;
}
#primary-nav li a {
	margin: 0px;
	text-decoration: none;
	color: #6878ad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-image:url(../../Global_Images/NavLine.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:14px;
	display:block;
}

#primary-nav li a:hover {
	color: #FFFFFF;
}
#primary-nav li a.selected {
	color: #FFFFFF;
}

#secondary-nav li a.Imprint {
	color: #d0d8eb;
}





#secondary-nav {
	position: absolute;
	top: 680px;
	left: 46px;
	width: 528px;
	display: block;
	font: bold 11px Arial;
	z-index:20;
	width:248px;
}
#secondary-nav ul {
	margin: 0;
	padding: 0 0 0 0;
}
#secondary-nav li {

	margin: 0;
	float:none;
	padding: 0;
	list-style: none;
}
#secondary-nav li a {
	margin: 0px;
	text-decoration: none;
	color: #6878ad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-image:url(../../Global_Images/NavLine.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:14px;
	display:block;
}

#secondary-nav li a:hover {
	color: #FFFFFF;
}
#secondary-nav li a.selected {
	color: #FFFFFF;
}
#secondary-nav li a.DirectLink {
	color: #FFFFFF;
}






/* content */

#content-heading-text {
	/* replace text with image */
	text-indent: -2000px;
	display: block;
	width: 536px;
	height: 150px;
	background: url('../../img.php?src=skins/novo/headings.png') no-repeat;
}

.lang-cn #content-heading-text {
	background: url('../../img.php?src=skins/novo/headings-cn.png') no-repeat;
}

/* different heading for each page */
#index-page #content-heading-text {
	background-position: -2px -0px;
}
#profile-page #content-heading-text {
	background-position: -2px -300px;
}
#products-page #content-heading-text {
	background-position: -2px -150px;
}

#ss-automatic-page #content-heading-text {
	background-position: -2px -1050px;
}
#ss-optimiser-page #content-heading-text {
	background-position: -2px -450px;
}
#ss-planner-page #content-heading-text {
	background-position: -2px -600px;
}
#ss-customised-page #content-heading-text {
	background-position: -2px -750px;
}
#ss-api-page #content-heading-text {
	background-position: -2px -900px;
}

#contact-page #content-heading-text {
	background-position: -2px -1500px;
}
#testimonials-page #content-heading-text {
	background-position: -2px -1350px;
}
#clients-page #content-heading-text {
	background-position: -2px -1200px;
}



#content-body {
	font: 12px Arial;
	margin: 0 0 0 8px;
	border:0px solid #0F0;
	position:absolute;
	top:80px;
	left:340px;
	width:400px;
}

#content h3 {
	color: #959CA1;
}

#content p.intro {
	font: bold 16px Arial;
	margin: 0 0 2em 0;	
	color: #959CA1;
}

#sidebar-content {
	font: 11px Arial;
	border:0px solid #F00;
	padding-top:100px;
	position:absolute;
	padding-left:39px;
	left:20px;
	width:270px;
	color:#FFF;
	background:none !important;
	top: 166px;
}

#sidebar-content h2
{
	color:#FFFFFF !important;
	width:200px !important;
	}

#sidebar-content blockquote {
	margin: 0 0 1.5em 0;
}

/* content specific styles */
#product-info-table th {
	font-weight: bold;
	padding-right: 15px;
	vertical-align: top;
	white-space: nowrap;
}
#product-info-table td {
	vertical-align: top;
	padding: 0 0 1em 0;
}


#products-page .intro li {
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}
#products-page .intro a {
	font-size: 40px;
	font-weight: bold;
	color: #959CA1;
}
#products-page .intro ul {
	margin: 0;
	padding: 0;
}
#products-page .intro li {
	margin: 0;
	padding: 0;
	list-style: none;	
}

a#product-link-automatic:hover,  a#product-link-automatic.selected {
	color: #D2232A;
	text-decoration: none;
}
a#product-link-optimiser:hover, a#product-link-optimiser.selected {
	color: #F79428;
	text-decoration: none;
}
a#product-link-planner:hover, a#product-link-planner.selected {
	color: #A6CE39;
	text-decoration: none;
}
a#product-link-api:hover, a#product-link-api.selected {
	color: #00AEEF;
	text-decoration: none;
}
a#product-link-customised:hover, a#product-link-customised.selected {
	color: #766CB0;
	text-decoration: none;
}


#sidebar ul#sidebar-product-list {
	font-size: 14px;	
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	list-style: none;	
}
a.sidebar-ss-automatic-live-link {
	text-transform: uppercase;
	color: #D2232A;
	font-size: 10px;
}
a#sidebar-ss-optimiser-live-link {
	text-transform: uppercase;
	color: #F79428;
	font-size: 10px;
}




#contact-email-link {
	font-size: 24px;	
	font-weight: bold;
}

#sidebar ul {
	margin: 0;	
	padding: 0;
}
#sidebar li {
	margin: 0 0 0.5em 0;	
	padding: 0;
}
#testimonials-page #sidebar li {
	margin: 0 0 1em 0;	
}
#testimonials-page #content blockquote {
	margin: 0 0 1em 0;
	padding: 0;	
}

#testimonials-page .author {
	font-weight: bold;	
}

#quotes blockquote {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;	
	
}

.quote blockquote {
	/* Safari hack, letters that hang below the line cause pixels to be left 
	on screen when quote is animated upwards */
	border-bottom: 1px solid #ffffff;		
}

ul#clients-list {
	padding: 0;
	margin: 0;	
}
#clients-list li{
	display: inline;
	padding: 0 0 0 0 !important;
	background-image: none !important;
}
#clients-list img{
	margin: 14px 28px 14px 0;	
}


/* page loading animation */
#page-loading-box {
	width: 170px;
	height: 20px;
	margin-bottom: 27px;
}
#page-loading-foreground {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 133px;	
	height: 133px;	
	background: url("../../img.php?src=skins/novo/square-white.png") no-repeat;
}

#page-loading-background {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;	
	height: 120px;	
	/* default image is yellow */
	background-position: 0px -240px;
}

#content-body li {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
}

#ss-automatic-page #page-loading-background {
	background-position: 0px 0px;
}
#ss-optimiser-page #page-loading-background {
	background-position: 0px -120px;
}
#ss-planner-page #page-loading-background {
	background-position: 0px -360px;
}
#ss-api-page #page-loading-background {
	background-position: 0px -480px;
}
#ss-customised-page #page-loading-background {
	background-position: 0px -600px;
}


#ss-automatic-page #content-body li {
	background-image: url('bullet-red.png');
}
#ss-optimiser-page #content-body li {
	background-image: url('bullet-orange.png');
}
#ss-planner-page #content-body li {
	background-image: url('bullet-green.png');
}
#ss-api-page #content-body li {
	background-image: url('bullet-blue.png');
}
#ss-customised-page #content-body li {
	background-image: url('bullet-purple.png');
}


#overlay {
	width: 100%;
	height: 150%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('overlay.png');
	display: none;
}
.error {
	border: 1px solid #ff0000;
	padding: 10px 10px 10px 52px;
	color: #ff0000;
	background: #ffeeee url('../../img.php?src=skins/novo/warning.png') no-repeat 10px 10px;
	/* for firefox */
	-moz-border-radius: 8px;
}
#msg-box {
	width: 400px;
	/* center the message */
	margin: 250px auto 10px auto;
}
#overlay-close-msg {
	color: #808080;
	font-size: 80%;
	text-align: center;	
	margin: 10px 0 0 -26px;
}

/* flash files */
#swf-loading {
	position: absolute;
	width: 600px;
	height: 430px;
	background: url('loading.gif') no-repeat center center;	
}


#language-block {
	position: absolute;
	top: 0px;
	right: 0px;	
	color: #959CA1;
}

#language-block a {
	padding: 0px 3px;
	color: #959CA1;
	font-size: 11px;
}

.Teasertext
{
		width:230px;
		border:0px solid #F00;
	
	}


.lang-cn #language-block #language-link-chinese {
	cursor: default;	
}
.lang-en #language-block #language-link-english {
	cursor: default;	
}


.ContentBox h3
{
	color:#8c9cc1 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	padding:0px;
	margin:0px;
	line-height:100%;
	padding-bottom:4px;
	
}



.ContentBox h3 span.Headline
{
	float:left;
	padding-top:4px;
	padding-right:10px;
	
	}

.HeadlineIcon
{
	border:0px solid #F00;
	width:26px;
	display:block;
	float:left;
	height:24px;
	padding-left:10px;
	background-image:url(../../Global_Images/Headline_Icon.png);
	background-position:top left;
	background-repeat:no-repeat;

	}

.TestimonalTeaser
{
	border-top:1px solid #0c183b;
	padding-top:0px;
	border-bottom:1px solid #38477d;
	padding-bottom:0px;
	
}


/*
	------------------------------------------------------------------------------------------------
	Global Clearing Style Definition
	------------------------------------------------------------------------------------------------
	*/
	

    .fltrt 
	{ 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft 
	{ 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat 
	{ 
    	clear:both;
        height:0;
        font-size: 0px;
        line-height: 0px;
    }
		




/* chinese characters are much harder to read */
.lang-cn #sidebar-content,
.lang-cn #sidebar ul#sidebar-product-list, 
.lang-cn a.sidebar-ss-automatic-live-link,
.lang-cn a#sidebar-ss-optimiser-live-link {
	font-size: 15px;
}

.lang-cn #language-block a {
	font-size: 15px;
}

.lang-cn #primary-nav {
	font-size: 16px;
}

.lang-cn #content-body {
	font-size: 16px;
}

.lang-cn #content p.intro {
	font-size: 18px;
}