/*---------------------------------------------------------------------------------------------*/
/* SHAPESHIFT INTERACTIVE */
/* CREATED: 23.02.2009 */
/* VER: 1.0 */

/*---------------------------------------------------------------------------------------------*/
/* MAIN SITE STRUCTURE AND LAYOUT */
/*---------------------------------------------------------------------------------------------*/

html {
	height: 101%;
	margin-bottom: 0px;
}

body {
	height: 100%;
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 100%;
}

#mainContainer {
	margin: 0 auto;
	background: url("../images/interface/bg-top_strip.jpg") top no-repeat;
	width: 951px;
	height: 100%;
}

#mainContainer img {
	display: block;
	border: none;
}

#header {
	float: left;
	position: relative;
	height: 48px;
	z-index: 1;
}

#header img {
	float: left;
	margin-left: 1px;
}

#header .heading {
	margin-top: 9px;
	margin-left: 35px;
	margin-right: 102px;
}

#headerlist {
	display: none;
}

#navigation {
	display: none;
}

#content {
	clear: both;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 951px;
}

#footer	{
	display: none;
}

/*---------------------------------------------------------------------------------------------*/
/* GENERAL PAGE ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#panelLandingLeft {
	display: none;
}

#panelLandingMain {
	width: 100%;
}

#subNav {
	display: none;
}

#breadCrumbs
{
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	list-style-type: none;
}

#breadCrumbs li
{
	display: inline;
	background: url("");
	margin: 0px;
	padding: 0px;
	line-height: 10px;
	font-family: Arial;
	font-size: .65em;
	font-weight: 700;
	color: #00624d;
} 

#breadCrumbs li a
{
	color: #00624d;
}

#breadCrumbs li a:hover
{
	color: #00624d;
	text-decoration: underline;
}

#breadCrumbs li.selected  {
	color: #00624d;
	text-decoration: underline;	
}

#breadCrumbs li.breadCrumbSpacer
{
	padding-left: 4px;
	padding-right: 4px;
	color: #00624d;
}

#pagination {
	clear: both;
	width: 100%;
	word-spacing: 2px;
}

.textGreenUnderlined {
	color: #323232;
	font-weight: bold;
	text-decoration: underline;
}

#pageControls {
	display: none;
}

.backToTop {
	display: none;
}

/*---------------------------------------------------------------------------------------------*/
/* HOME PAGE ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#homeLeft {
	position: relative;
	float: left;
	margin-top: 33px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 6px;
	width: 223px;
}

#homeMainTop {
	position: relative;
	float: left;
	margin-top: 4px;
	padding-bottom: 6px;
	border-bottom: 1px solid #cccccc;
}

#homeMainTop .image {

}

#homeLeft img {
	border: 1px solid #cccccc;
}

#homeMainTop h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}

#homeMainTop h1 a {
	color: #6EAB24;
}

#homeMainTop h1 a:hover {
	color: #00624d;
}

#homeMainTop .text {
	clear: right;
	position: absolute;;
	bottom: 6px;
}

#homeMainBottom {
	position: relative;
	margin-top: 4px;
	width: 100%;
}

#homeMainBottom h2 {
	color: #00624d;
}

#homeMainBottom div {
	float: left;
}

#homeMainBottom div.left {
	position: relative;
	margin-right: 9px;
	border-right: 1px solid #cccccc;
	width: 255px;
	height: 232px;
}

#homeMainBottom div.middle {
	position: relative;
	margin-right: 9px;
	border-right: 1px solid #cccccc;
	padding-right: 8px;	
	width: 153px;
	height: 232px;
}

#homeMainBottom div.right {
	position: relative;
	width: 292px;
	height: 232px;
}

#homeMainBottom a.linkBottom {
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: .65em;
	font-weight: 700;
}

#homeMainBottom h2 {
	margin: 0;
	padding: 0;
	font-size: .7em;
}

#homeMainBottom div.left img {
	margin: 0;
	margin-top: 28px;
	margin-left: 51px;
	padding: 0;
}

ol.businessReview {
	float: left;
	margin: 0;
	margin-top: 13px;
	padding: 0;
	font-size: .8em;
	list-style: none;
}

ol.businessReview li {
	font-weight: 700;
	margin: 0;
	padding: 0;
}

#homeMainBottom ol.businessReview {
	margin-top: 21px;
}

#homeMainBottom ol.businessReview li {
	float: left;
}

ol.businessReview li.one a {
	line-height: 13px;
	color: #00b0ca;
	cursor: pointer;
}

#homeMainBottom ol.businessReview li.one a {
	line-height: 18px;
}

ol.businessReview li.two a {
	color: #a09b59;
	cursor: pointer;	
}

ol.businessReview li.three a {
	color: #e37222;
	cursor: pointer;	
}

ol.businessReview li.four a {
	color: #921f66;
	cursor: pointer;	
}

ol.businessReview span.number {
	clear: both;
	float: left;
	width: 21px;
}

ol.businessReview span.text {
	float: left;
	width: 83px;
}

#homeMainBottom ol.businessReview li.one span.text {
	width: 121px;
}

#homeMainBottom ol.businessReview li.two span.text {
	width: 90px;
}

#homeMainBottom ol.businessReview li.three span.text {
	width: 121px;
}

#homeMainBottom ol.businessReview li.four span.text {
	width: 90px;
}

#homeMainBottom div.middle ul {
	margin: 0;
	margin-top: 11px;
	padding: 0;
	font-size: .8em;
	list-style: none;
	color: #0f0f0f;
}

#homeMainBottom div.middle ul li {
	background: url("../images/interface/bullet-green_arrow.jpg") 0 2px no-repeat;
	margin-bottom: 5px;
	padding-left: 20px;
	line-height: 14px;
	font-weight: 700;
}

#homeMainBottom div.middle ul a {
	color: #6EAB24;
}

#homeMainBottom div.middle ul a:hover {
	color: #00624d;
}

#homeMainBottom div.right p {
	margin: 0;
	margin-top: 21px;
	margin-bottom: 11px;	
	padding: 0;
	font-size: .65em;
	font-weight: 700;
	color: #323232;
}

#homeMainBottom div.right #colLeft {
	float: left;
	width: 146px;
	margin-right: 10px;
}

#homeMainBottom div.right #colRight {
	float: left;
	width: 134px;
}

#homeMainBottom div.right #colLeft div,
#homeMainBottom div.right #colRight div
{
	margin-bottom: 6px;
	width: 100%;
}

#homeMainBottom div.right h3 {
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	font-size: .65em;
	color: #00624d;
	font-weight: 300;
}

#homeMainBottom div.right #colLeft p,
#homeMainBottom div.right #colRight p
{
	float: left;
	margin: 0;
	padding: 0;
	font-size: .65em;
	font-weight: 700;
	color: #00624d;
	vertical-align: top;
}

#homeMainBottom div.right #colLeft img,
#homeMainBottom div.right #colRight img
{
	float: left;
	margin-left: 7px;
	margin-right: 7px;
} 

/*---------------------------------------------------------------------------------------------*/
/* LANDING PAGE ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#landingTop {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 38px;
}

#landingTop div.left {
	float: left;
	margin-right: 18px;
	width: 474px;
}

#landingTop div.right {
	float: left;
	width: 236px;
}

#landingTop div.right ul
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	font-size: .8em;
	list-style: none;
}

#landingTop div.right ul li
{
	background: url("../images/interface/bullet-green_arrow.jpg") 0 2px no-repeat;
	margin-bottom: 3px;
	padding-left: 20px;
	line-height: 14px;
	font-weight: 700;
	color: #00624d;	
}

#landingTop h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}

#landingTop h1 a {
	float: right;
	color: #6EAB24;
}

#landingTop h1 a:hover {
	color: #00624d;
}

#landingBottom {
	clear: both;
	float: left;
	padding-bottom: 4px;
	width: 100%;
}

#landingTop h2,
#landingBottom h2
{
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	font-size: .7em;
	color: #00624d;	
}

#landingBottom h3 {
	font-size: .7em;
	font-weight: 300;
	color: #00624d;		
}

#landingBottom div.left h2
{
	border-top: 0;
	margin-bottom: 15px;
}

#landingBottom div.middle h2
{
	border-top: 0;
}

#landingBottom div.left {
	float: left;
	margin-right: 10px;
	border: 1px solid #6fab25;
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 9px;
	width: 215px;
	height: 330px;	
}

#landingBottom div.middle {
	position: relative;
	float: left;
	margin-right: 10px;
	border: 1px solid #6fab25;
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 9px;	
	width: 217px;
	height: 330px;
}

#landingBottom div.right {
	float: left;
	width: 235px;
}

#landingBottom div.left ul
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	font-size: 1.1em;
	list-style: none;
}

#landingBottom div.left ul li
{
	background: url("../images/interface/bullet-green_arrow.jpg") 0 2px no-repeat;
	margin-bottom: 18px;
	padding-left: 20px;
	line-height: 14px;
	font-weight: 300;
	color: #00624d;
}

#landingBottom div.left .graphGroup
{
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

#landingBottom div.left .graphGroup div {
	clear: left;
	display: block;
	margin-bottom: 2px;
	height: 100%;
}

#landingBottom div.left .graphGroup div p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .65em;
	font-weight: 700;
	color: #00624d;
	vertical-align: top;
}

#landingBottom div.left .graphGroup div img {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
}

#landingBottom div.middle h3
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	line-height: 15px;
	font-size: .8em;
	font-weight: 300;
	color: #00624d;
	list-style: none;
}

#landingBottom div.middle h3 a {
	color: #6EAB24;
}

#landingBottom div.middle h3 a:hover {
	color: #00624d;
}

#landingBottom div.middle img {
	position: absolute;
	bottom: 0;
	margin-top: 12px;
	margin-left: -9px;
}

#landingBottom div.right img {
	margin: 0;
	margin-top: 13px;
	margin-bottom: 25px;
	margin-left: 46px;
	padding: 0;
}

#landingBottom div.right ol.businessReview {
	float: none;
	margin-left: 56px;
}

#landingBottom div.right ol.businessReview span.text {
	width: 153px;
}

#landingBottom div.right ol.businessReview li {
	margin-bottom: 10px;
}

#landingBottom div.right a.link {
	clear: both;
	float: left;
	width: 100%;
	font-size: .65em;
	font-weight: 700;
}

/*---------------------------------------------------------------------------------------------*/
/* LANDING PAGE ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#landingTop {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 38px;
}

#landingTop div.left {
	float: left;
	margin-right: 44px;
	width: 391px;
}

#landingTop div.right {
	float: left;
	width: 293px;
}

#landingTop div.right ul
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	font-size: .8em;
	list-style: none;
}

#landingTop div.right ul li
{
	background: url("../images/interface/bullet-green_arrow.jpg") 0 2px no-repeat;
	margin-bottom: 3px;
	padding-left: 20px;
	line-height: 14px;
	font-weight: 700;
	color: #00624d;	
}

#landingTop h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}

#landingTop h1 a {
	color: #6EAB24;
}

#landingTop h1 a:hover {
	color: #00624d;
}

#landingBottom {
	clear: both;
	float: left;
	padding-bottom: 4px;
	width: 100%;
}

#landingTop h2,
#landingBottom h2
{
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	font-size: .7em;
	color: #00624d;	
}

#landingBottom h3 {
	font-size: .7em;
	font-weight: 300;
	color: #00624d;		
}

#landingBottom div.left h2
{
	border-top: 0;
	margin-bottom: 15px;
}

#landingBottom div.middle h2
{
	border-top: 0;
}

#landingBottom div.left {
	float: left;
	margin-right: 10px;
	border: 1px solid #6fab25;
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 9px;
	width: 215px;
	height: 330px;	
}

#landingBottom div.middle {
	position: relative;
	float: left;
	margin-right: 10px;
	border: 1px solid #6fab25;
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 9px;	
	width: 217px;
	height: 330px;
}

#landingBottom div.right {
	float: left;
	width: 235px;
}

#landingBottom div.left ul
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	font-size: 1.1em;
	list-style: none;
}

#landingBottom div.left ul li
{
	background: url("../images/interface/bullet-green_arrow.jpg") 0 2px no-repeat;
	margin-bottom: 18px;
	padding-left: 20px;
	line-height: 14px;
	font-weight: 300;
	color: #00624d;
}

#landingBottom div.left .graphGroup
{
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

#landingBottom div.left .graphGroup div {
	clear: left;
	display: block;
	margin-bottom: 2px;
	height: 100%;
}

#landingBottom div.left .graphGroup div p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .65em;
	font-weight: 700;
	color: #00624d;
	vertical-align: top;
}

#landingBottom div.left .graphGroup div img {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
}

#landingBottom div.middle h3
{
	margin: 0;
	margin-top: 9px;
	padding: 0;
	line-height: 15px;
	font-size: .8em;
	font-weight: 300;
	color: #00624d;
	list-style: none;
}

#landingBottom div.middle h3 a {
	color: #6EAB24;
}

#landingBottom div.middle h3 a:hover {
	color: #00624d;
}

#landingBottom div.middle img {
	position: absolute;
	bottom: -1px;
	margin-top: 12px;
	margin-left: -8px;
}

#landingBottom div.right img {
	margin: 0;
	margin-top: 13px;
	margin-bottom: 25px;
	margin-left: 46px;
	padding: 0;
}

#landingBottom div.right ol.businessReview {
	float: none;
	margin-left: 56px;
}

#landingBottom div.right ol.businessReview span.text {
	width: 153px;
}

#landingBottom div.right ol.businessReview li {
	margin-bottom: 10px;
}

#landingBottom div.right a.link {
	clear: both;
	float: left;
	width: 100%;
	font-size: .65em;
	font-weight: 700;
}

/*---------------------------------------------------------------------------------------------*/
/* SPECIAL-PAGES ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#chairmansStatementTop {
	position: relative;
	margin-bottom: 17px;
	width: 728px;
	height: 278px;
}

#chairmansStatementTop .image {
	float: right;
}

#chairmansStatementTop h1 {
	margin: 0;
	padding: 0;
	width: 385px;
	font-weight: 300;
	color: #6EAB24;
}

#chairmansStatementTop h1 strong {
	color: #00624d;
}

#chairmansStatementTop div {
	position: absolute;
	left: 0;
	bottom: 1px;
	background: #6eab24;
	width: 412px;
	height: 109px;	
}

#chairmansStatementBottom {
	position: relative;
	margin-top: 4px;
	padding-bottom: 75px;
	width: 728px;
}

/*
#chairmansStatementBottom p {
	float: left;
	margin-right: 30px;
	width: 400px;
}
*/

#chairmansStatementBottom img {
	float: right;

	padding: 4px;
}

/*---------------------------------------------------------------------------------------------*/
/* THIRD LEVEL ELEMENTS */
/*---------------------------------------------------------------------------------------------*/

#thirdLevel {
	clear: both;
	float: left;
	padding-bottom: 75px;
	width: 100%;
}

#thirdLevel h1 {
	text-transform: uppercase;
}

#thirdLevel #contentPanel {
	position: relative;
	float: left;
	width: 100%;
}

#thirdLevel #contentMainPanel {
	position: relative;
	float: left;
	width: 100%;
}

#thirdLevel #contentPanel h1,
#thirdLevel #contentMainPanel h1
{
	text-transform: none;
}

#thirdLevel #contentSidePanel {
	display: none;
}

#thirdLevel .graphContainer {
	float: left;
	margin-right: 40px;
	margin-bottom: 32px;
	border-bottom: 2px solid #008770;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 324px;
}

#thirdLevel .graphContainer .graphGroup {

	position: relative;
	clear: left;
	float: left;
	border-top: 1px solid #008770;	
	padding-top: 15px;
	padding-bottom: 10px;
	width: 100%;
}

#thirdLevel .graphContainer h2 {
	margin-bottom: 6px;
	font-size: .75em;
	color: #00624d;	
}

#thirdLevel .graphContainer h2 span {
	color: #008770;
}

#thirdLevel .graphContainer .graphGroup div {
	clear: left;
	float: left;
	margin-bottom: 5px;
	width: 100%;
	height: 100%;
}

#thirdLevel .graphContainer .graphGroup div p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-weight: 700;
	color: #00624d;
	vertical-align: top;
}

#thirdLevel .graphContainer .graphGroup div img {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
}

#thirdLevel .graphContainer .graphGroup h3 {
	position: absolute;
	top: 14px;
	right: 16px;
	margin: 0;
	padding: 0;
	font-size: 2.1em;
	font-weight: 300;
	color: #e37222;
}

/*---------------------------------------------------------------------------------------------*/
/* SEARCH RESULTS */
/*---------------------------------------------------------------------------------------------*/

#colSearchTop
{
	display: none;
}

#colSearchBottom
{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 21px;
}

#colSearchBottom .results {
	margin-bottom: 11px;
}

/*---------------------------------------------------------------------------------------------*/
/* VPAGE TABLE STYLES */
/*---------------------------------------------------------------------------------------------*/

.description {
	font-size: .7em;
	color: #323232;
}

.borderBottomDotted {
	border-bottom: 1px dotted #00624d;
}

.borderbottom1 {
	border-bottom: 1px solid #00624d;
}

.borderbottom2 {
	border-bottom: 2px solid #00624d;
}

.borderTopLeftBottom1 {
	border-top: 1px solid #00624d;
	border-left: 1px solid #00624d;
	border-bottom: 1px solid #00624d;
}

.borderTopRightBottom1 {
	border-top: 1px solid #00624d;
	border-right: 1px solid #00624d;
	border-bottom: 1px solid #00624d;
}

.borderTopBottom1 {
	border-top: 1px solid #00624d;
	border-bottom: 1px solid #00624d;
}

.borderTopLeft1 {
	border-top: 1px solid #00624d;
	border-left: 1px solid #00624d;
}

.borderLeftRight1 {
	border-left: 1px solid #00624d;
	border-right: 1px solid #00624d;
}

.borderTopRight1 {
	border-top: 1px solid #00624d;
	border-right: 1px solid #00624d;
}

.borderTop1 {
	border-top: 1px solid #00624d;
}

.borderLeft1 {
	border-left: 1px solid #00624d;
}

.borderRight1 {
	border-right: 1px solid #00624d;
}

.borderBottomLeft1 {
	border-bottom: 1px solid #00624d;
	border-left: 1px solid #00624d;
}

.borderBottomRight1 {
	border-bottom: 1px solid #00624d;
	border-right: 1px solid #00624d;
}

.borderLeftTopRight1 {
	border-top: 1px solid #00624d;
	border-right: 1px solid #00624d;
	border-left: 1px solid #00624d;
}

.borderLeftBottomRight1 {
	border-left: 1px solid #00624d;
	border-right: 1px solid #00624d;
	border-bottom: 1px solid #00624d;
}

.IndentLeft15px	{
	padding-left:15px;
}

.IndentLeft30px	{
	padding-left:30px;
}	

.supertext {
	vertical-align: super;
	font-size:70%;
}

/*---------------------------------------------------------------------------------------------*/
/* COMPONENTS */
/*---------------------------------------------------------------------------------------------*/

.defaultForm {
	display: inline;
}

.button
{
	float: left;
	background: #6eab24;
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Arial;
	font-size: .95em;
	font-weight: 700;
	color: #FFFFFF;
	cursor: pointer;
}

select {
	border: 1px solid #E0E0E0;
	width: 100%;
	height: 21px;
	font-family: Arial;
	font-size: .75em;
	color: #323232;
}

.button:hover
{
	color: #00624d;
	text-decoration: none;
}

/*---------------------------------------------------------------------------------------------*/
/* GENERAL */
/*---------------------------------------------------------------------------------------------*/

form {
	display: inline;
}

.clear {
	clear: both;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}

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