/* colors 

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

*/
/* === defaults === */
body {
	/* for seth
	min-height: 750px;	
	*/
}
body, table {
	font-family: Arial;
	color: #576066;
}

a {
	color: #576066;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #ffcb08;
}

/* === main layout === */
#container {
	width: 760px;
	margin: 20px auto 0px auto;
	padding: 0 0 0 0;
	background: #FFFFFF;
	position: relative;
}
#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: 170px;
	/* for seth
	height: 500px;
	*/
	color: #959CA1;
}
#content {
	width: 536px;
	/*
	height: 500px;	
	*/
	/* make room for the sidebar */
	margin-left: 224px;	
}
/* 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: 60px;
	left: 232px;
	width: 528px;
	display: block;
	font: bold 11px Arial;
}
#primary-nav ul {
	margin: 0;
	padding: 0 0 0 0;
}
#primary-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#primary-nav li a {
	margin: 0 22px 0 0;
	text-decoration: none;
	color: #959ca1;
}

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

/* content */
#content h2 {
	display: block;
	height: 150px;
	background: url("../../img.php?src=skins/novo/blocks.png") no-repeat 5px bottom;	
	margin: 0px 0 22px 0;
}
#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;
}

#content h3 {
	color: #959CA1;
}

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

#sidebar-content {
	font: 11px Arial;
}

#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: 170px;
	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;	
	background: url("../../img.php?src=skins/novo/squares.png") no-repeat;
	/* default image is yellow */
	background-position: 0px -240px;
}

#content-body li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	background: url('bullet-yellow.png') no-repeat left 4px; /* iehack.css */
}

#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;
}


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



/* 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;
}