/*
STYLE SHEET

Table of contents :)
		
			1. General Layout Divs 
			2. Generic Classes
			3. Classes Footer One
			4. Classes Caboodle Details
			5. Main navigation
			6. Top navigation
 			7. Text h1, h2, h3 p tags etc
			8. Footer Divs
			9. Contact Form


/********************************************************
* LAYOUT DIVS
********************************************************/

* {
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

#outerWrapper {
	margin: 0px auto;
	padding:0;
	width:935px;
}

#topBlue {
	width:100%;
	height:8px;
	background-color:#115C9B;
}

* html #topBlue {
	margin-top:-6px;
}

#leftSidePanel {
	width:15px;
	height:511px;
	float:left;
	background-image:url(../images/layout/left-side-panel.gif);
	background-repeat:no-repeat;
}

#mainWrapper {
	width:902px;
	float:left;
	background-color:#FFF;
	margin: 0 auto;
}

* html #outerWrapper {
	width:934px;
}

#mainContainer {
	width:925px;
	float:left;
}

*:first-child+html #mainWrapper {
	height:1%;
}

#rightSidePanel {
	width:15px;
	height:511px;
	float:left;
	background-image:url(../images/layout/right-side-panel.gif);
	background-repeat:no-repeat;
}

#header {
	width:925px;
	height:85px;
	padding-top:1em;
}

* html #header {
	width:895px;
}

#navigationWrapper {
	margin: 0px auto;
	width:875px;
	clear:both;
}

#navigationLeftSide {
	width:12px;
	height:61px;
	float:left;
	background-image:url(../images/layout/navigation-left-corner.jpg);
	background-repeat:no-repeat;
}

#navigation {
	width:851px;
	height:61px;
	background-image:url(../images/layout/navigation-bkg.jpg);
	background-repeat:repeat-x;
	float:left;
	text-align:center;
}

* html #navigation {
	width:848px;
}

#navigationRightSide {
	width:12px;
	height:61px;
	background-image:url(../images/layout/navigation-right-corner.gif);
	float:left;
}

#headerContainer {
	width:878px;
	height:237px;
	clear:both;
	margin: 0px auto;
	padding-top:0.5em;
}

#contentContainer {
	margin: 0 auto;
	width:902px;
	padding-top:0.5em;
	clear:both;
	float:left;
}

#leftContainer {
	width:593px;
	float:left;
	padding:1.5em;
}

#rightContainer {
	width:244px;
	float:left;
	background-image:url(../images/layout/right-container-bkg.gif);
	background-repeat:no-repeat;;
}

#footerWrapper {
	width:935px;
	margin: 0 auto;
	height:195px;
	clear:both;
	float:left;
}

#leftFooterPanel {
	width:15px;
	height:183px;
	background-image:url(../images/layout/footer-left-panel.gif);
	background-repeat:no-repeat;
	float:left;
}

#rightFooterPanel {
	width:15px;
	height:183px;
	background-image:url(../images/layout/footer-right-panel.gif);
	background-repeat:no-repeat;
	float:left;
} 

* html #rightFooterPanel {
	margin-left:-1px;
}

#footerContent {
	width:902px;
	height:80px;
	float:left;
	margin: 0px auto;
	background-color:#333;
}

#footerBottom {
	width:932px;
	height:12px;
	background-image:url(../images/layout/footer-img-bottom.gif);
	background-repeat:no-repeat;
	clear:both;
}

* html #footerBottom { 
	margin-top:-32px;
}

#footerLogo {
	width:902px;
	height:100px;
	background-color:#FFF;
	position:relative;
}

#footerDetails {
	width:903px;
	height:82px;
	background-image:url(../images/layout/footer-image-bkg.gif);
	background-repeat:no-repeat;
	padding-top:2em;
}

/********************************************************
* LEFT CONTENT STYLING
********************************************************/

#leftContainer h1 {
	font-size:1.05em;
	color:#333;
	padding-bottom:0.8em;
}

#leftContainer h2 {
	font-size:0.8em;
	color:#333;
	padding-top:2em;
	padding-bottom:1em;
}

#leftContainer h3 {
	font-size:0.8em;
	color:#333;
	padding-top:0.7em;
	padding-bottom:0.4em;
}


#leftContainer p {
	font-size:0.75em;
	text-align:left;
	color:#666;
	line-height:1.6em;
	padding-bottom:1em;
	margin-left:0em;
}

#leftContainer p a {
	font-size:1em;
	color:#666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

#leftContainer p a:hover {
	font-size:1em;
	color:#33;
	text-decoration:underline;
}

#leftContainer ul {
	margin-bottom:1em;
}

#leftContainer li {
	font-size:0.75em;
	text-align:left;
	color:#666;
	list-style:circle;	
	margin-left:2em;
	padding-bottom:0.em;
	padding-top:0.3em;
}

#leftContainer li a {
	font-size:1em;
	color:#115C9B;
	text-decoration:underline;
}

#leftContainer li a:hover {
	font-size:1em;
	color:#333;
	text-decoration:underline;
}

.thumbnailLeft {
	float:left;
	border:1px solid #CCC;
	padding:0.5em;
	margin-right:15px;
}

.blueText {
	color:#115C9B;
	font-weight:bold;
}

.clear {
	clear:both;
}

.quoteOne {
	margin-right:0.5em;
	margin-bottom:1em;
}

.quoteTwo {
	margin-left:0.5em;
}


/*************** SUPPORT CONTENT STYLING *****************/

#supportLinks li {
	font-size:0.75em;
	text-align:left;
	color:#333;
	list-style:circle;	
	margin-left:2em;
	padding-bottom:0.8em;
	padding-top:0.8em;
	border-bottom:1px solid #CCC;
}

#optionContainer {
	width:500px;
	float:left;
}

.title {
	float:left;
	width:150px;
	height:20px;
	background-image:url(../images/layout/support-title-bkg.gif);
	background-repeat:repeat-x;
	border-top:1px solid #CCC;
}

#optionContainer .title p {
	color:#115C9B;
}

.content {
	float:left;
	width:440px;
}

.content p {
	padding-left:1em;
}

.content li {
	font-size:0.75em;
	text-align:left;
	color:#ff9900;
	list-style:circle;	
	margin-left:2em;
	padding-bottom:0.8em;
	padding-top:0.8em;
}

/*************** LINKS CONTENT STYLING *****************/

.linkContainer {
	width:500px;
	float:left;
	margin-bottom:1.5em;
}

.logo {
	float:left;
	width:205px;
	height:90px;
}

.logoText {
	float:left;
	width:285px;
}

.borderNone {
	border:none;
}

/********************************************************
* RIGHT CONTENT STYLING
********************************************************/

#rightContainer h1 {
	font-size:1em;
	color:#000;
	padding-top:1.5em;
	padding-bottom:0.8em;
	text-align:center;
}

#rightContainer p {
	font-size:0.8em;
	text-align:left;
	color:#333333;
	line-height:1.6em;
}

#rightContainer ul {
	margin-left:80px;
	margin-top:0.5em;
	margin-bottom:1.5em;
}

#rightContainer li {
	font-size:0.8em;
	color:#666;
	list-style-image:url(../images/layout/list-image.gif);
	margin-bottom:0.7em;
}

#princeLogo {
	float:left;
	margin-left:0em;
	margin-top:4.5em;
}

* html #princeLogo {
	margin-top:4em;
}

/*************** CALL BAK REQUEST STYLING *****************/

#formContainer {
	margin: 0 auto;
	margin-top:1em;
	width:230px;
	height:275px;
}

* html #formContainer {
	margin-left:10px;
}

#formImageTop {
	width:230px;
	height:8px;
	background-image:url(../images/layout/form-top.jpg);
	background-repeat:no-repeat;
}

* html #formContent {
	margin-top:-10px;
}

#formContent {
	width:230px;
	height:300px;
	background-image:url(../images/layout/form-bkg.jpg);
	background-repeat:repeat-y;
	padding:0.5em;
}

#formImageBottom {
	width:230px;
	height:8px;
	background-image:url(../images/layout/form-bottom.gif);
	background-repeat:no-repeat;
}

#rightContainer h2 {
	font-size:0.9em;
	color:#000;
	padding-bottom:0.8em;
	padding-left:0.5em;
}

/********************************************************
* HEADER STYLING
********************************************************/

.leftLogo {
	float:left;
	padding-left:3em;
}	

.rightLogo {
	float:right;
	padding-right:5em;
}

.largeHeader {
	float:left;
	height:237px;
}

.strapline {
	float:left;
	height:237px;s
}

/********************************************************
* NAVIGATION STYLING
********************************************************/

#navigation ul {
	list-style:none;
	display:block;
	width:740px;
	margin: 0 auto;
	margin-top:1.5em;
}

#navigation li {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFF;
	font-weight:bold;
	float:left;
}

#navigation li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	float:left;
	text-decoration:none;
}

#navigation li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#CCCCCC;
	font-weight:bold;
	float:left;
}

/********************************************************
* FOOTER
********************************************************/

#footerDetails p {
	font-size:0.7em;
	color:#FFF;
}

#footerDetails p a {
	font-size:1em;
	color:#FFF;
	text-decoration:none;
}

#footerDetails p a:hover {
	color:#FFF;
	text-decoration:underline;
}

#footerDetails .left {
	padding-left:1.8em;
	line-height:1.6em;
	float:left;
}

#footerDetails .right {
	padding-right:1.8em;
	line-height:1.6em;
	float:right;
	text-align:right;
}

.bsssLogo {
	position:absolute;
	top:3.7em;
	left:1em;
	float:left;
	border:none;
}

.investorLogo {
	position:absolute;
	top:3.7em;
	left:9.7em;
	float:left;
	border:none;
}

.microLogo {
	position:absolute;
	top:3.7em;
	left:18.4em;
	float:left;
	border:none;
}

.basdaLogo {
	position:absolute;
	top:3.7em;
	left:27em;
	float:left;
	border:none;
}

.cabLogo {
	position:absolute;
	top:3.7em;
	left:35.7em;
	float:left;
	border:none;
}

.pulseLogo {
	position:absolute;
	top:3.7em;
	left:44.3em;
	float:left;
	border:none;
}

.picseliLogo {
	border:none;
}

/********************************************************
* CONTACT FORM
********************************************************/

.row {
	width:200px;
	height:50px;
	margin-left:0.6em;
	margin-bottom:0.2em;
}

.subrow {
	width:200px;
	height:40px;
	margin-left:0.6em;
	margin-bottom:0.0em;
}

.row a {
	width:70px;
	height:24px;
	background-image:url(../images/layout/submit-button.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFF;
	display:block;
	text-decoration:none;
	padding-top:1px;
}

.formField {
	width:180px;
}

.formLabel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	padding-bottom:0.1em;
	text-align:left;
	width:180px;
	float:left;
}

#contactForm .formField {
	color:#999;
	border:1px solid #CCC;
	padding-left:5px;
}

#contactForm {
	width:310px;
	margin-left:0em;
	margin-top:1em;
}

legend {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC6633;
	font-weight:bold;
	font-size:0.8em;
	margin-left:5px;
	padding:5px;
}

fieldset {
	padding-bottom:1em;
}

.messageText {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	font-weight:bold;
	font-size:0.7em;
	line-height:1.6em;
	margin-left:0em;
	width:100px;
}

.messageBox {
	width:310px;
	height:100px;
	margin-left:0em;
	background-image:url(images/bkg-form.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
}

#submit {
	width:70px;
	height:24px;
	display:block;
	background-image:url(../images/layout/submit-button.gif);
	background-repeat:no-repeat;
	color:#FFF;
	border:none;
}

* html #submit {
	color:#333333;
}

*:first-child+html #submit {
	color:#333333;
}

/********************************************************
* END OF STYLE :)
********************************************************/